@paperless/core 2.14.17 → 2.15.0
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 +36 -0
- package/dist/build/p-367d1ec2.entry.js +2 -0
- package/dist/build/p-367d1ec2.entry.js.map +1 -0
- package/dist/build/{p-87a6ad4b.js → p-41efd48b.js} +1 -1
- package/dist/build/p-91130bb0.entry.js +2 -0
- package/dist/build/p-91130bb0.entry.js.map +1 -0
- package/dist/build/p-a7d047a4.entry.js +2 -0
- package/dist/build/p-a7d047a4.entry.js.map +1 -0
- package/dist/build/p-avatar.entry.esm.js.map +1 -1
- package/dist/build/p-c8c51618.entry.js +2 -0
- package/dist/build/p-c8c51618.entry.js.map +1 -0
- 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/p-table-column.entry.esm.js.map +1 -1
- package/dist/build/p-table.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-avatar.cjs.entry.js +3 -3
- package/dist/cjs/p-avatar.cjs.entry.js.map +1 -1
- package/dist/cjs/p-avatar.entry.cjs.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 +28 -12
- package/dist/cjs/p-empty-state_8.cjs.entry.js.map +1 -1
- package/dist/cjs/p-table-column.cjs.entry.js +4 -0
- package/dist/cjs/p-table-column.cjs.entry.js.map +1 -1
- package/dist/cjs/p-table-column.entry.cjs.js.map +1 -1
- package/dist/cjs/p-table.cjs.entry.js +6 -2
- package/dist/cjs/p-table.cjs.entry.js.map +1 -1
- package/dist/cjs/p-table.entry.cjs.js.map +1 -1
- package/dist/cjs/paperless.cjs.js +1 -1
- package/dist/collection/components/atoms/avatar/avatar/avatar.component.css +1 -1
- package/dist/collection/components/atoms/avatar/avatar/avatar.component.js +2 -2
- package/dist/collection/components/atoms/avatar/avatar/avatar.component.js.map +1 -1
- package/dist/collection/components/helpers/table/column/table-column.component.js +24 -0
- package/dist/collection/components/helpers/table/column/table-column.component.js.map +1 -1
- package/dist/collection/components/molecules/table/cell/table-cell.component.js +11 -4
- package/dist/collection/components/molecules/table/cell/table-cell.component.js.map +1 -1
- package/dist/collection/components/molecules/table/footer/table-footer.component.css +1 -1
- package/dist/collection/components/molecules/table/footer/table-footer.component.js +34 -5
- package/dist/collection/components/molecules/table/footer/table-footer.component.js.map +1 -1
- package/dist/collection/components/molecules/table/header/table-header.component.css +1 -1
- package/dist/collection/components/molecules/table/header/table-header.component.js +1 -1
- package/dist/collection/components/molecules/table/header/table-header.component.js.map +1 -1
- package/dist/collection/components/organisms/table/table.component.js +6 -2
- package/dist/collection/components/organisms/table/table.component.js.map +1 -1
- package/dist/components/{p-C93Yl1f2.js → p-BJ_tiVQ2.js} +4 -4
- package/dist/components/{p-C93Yl1f2.js.map → p-BJ_tiVQ2.js.map} +1 -1
- package/dist/components/{p-DEg8xkEx.js → p-DZPr8Ee7.js} +5 -5
- package/dist/components/p-DZPr8Ee7.js.map +1 -0
- package/dist/components/{p-MpIEVhmn.js → p-DjVT03PN.js} +18 -8
- package/dist/components/p-DjVT03PN.js.map +1 -0
- package/dist/components/{p-dw4ui28s.js → p-Q0QulP11.js} +13 -6
- package/dist/components/p-Q0QulP11.js.map +1 -0
- package/dist/components/p-avatar.js +1 -1
- package/dist/components/p-select.js +1 -1
- package/dist/components/p-table-cell.js +1 -1
- package/dist/components/p-table-column.js +5 -0
- package/dist/components/p-table-column.js.map +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.js +9 -5
- package/dist/components/p-table.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/p-avatar.entry.js +3 -3
- package/dist/esm/p-avatar.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 +28 -12
- package/dist/esm/p-empty-state_8.entry.js.map +1 -1
- package/dist/esm/p-table-column.entry.js +4 -0
- package/dist/esm/p-table-column.entry.js.map +1 -1
- package/dist/esm/p-table.entry.js +6 -2
- package/dist/esm/p-table.entry.js.map +1 -1
- package/dist/esm/paperless.js +1 -1
- package/dist/index.html +1 -1
- package/dist/paperless/p-367d1ec2.entry.js +2 -0
- package/dist/paperless/p-367d1ec2.entry.js.map +1 -0
- package/dist/paperless/p-91130bb0.entry.js +2 -0
- package/dist/paperless/p-91130bb0.entry.js.map +1 -0
- package/dist/paperless/p-a7d047a4.entry.js +2 -0
- package/dist/paperless/p-a7d047a4.entry.js.map +1 -0
- package/dist/paperless/p-avatar.entry.esm.js.map +1 -1
- package/dist/paperless/p-c8c51618.entry.js +2 -0
- package/dist/paperless/p-c8c51618.entry.js.map +1 -0
- package/dist/paperless/p-empty-state.p-floating-menu-container.p-table-cell.p-table-container.p-table-footer.p-table-header.p-table-row.p-table-row-actions-container.entry.esm.js.map +1 -1
- package/dist/paperless/p-table-column.entry.esm.js.map +1 -1
- package/dist/paperless/p-table.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/helpers/table/column/table-column.component.d.ts +4 -0
- package/dist/types/components/molecules/table/footer/table-footer.component.d.ts +4 -0
- package/dist/types/components.d.ts +16 -0
- package/package.json +1 -1
- package/dist/build/p-320413a7.entry.js +0 -2
- package/dist/build/p-320413a7.entry.js.map +0 -1
- package/dist/build/p-4f549bc9.entry.js +0 -2
- package/dist/build/p-4f549bc9.entry.js.map +0 -1
- package/dist/build/p-5e30c338.entry.js +0 -2
- package/dist/build/p-5e30c338.entry.js.map +0 -1
- package/dist/build/p-6e1e0b97.entry.js +0 -2
- package/dist/build/p-6e1e0b97.entry.js.map +0 -1
- package/dist/components/p-DEg8xkEx.js.map +0 -1
- package/dist/components/p-MpIEVhmn.js.map +0 -1
- package/dist/components/p-dw4ui28s.js.map +0 -1
- package/dist/paperless/p-320413a7.entry.js +0 -2
- package/dist/paperless/p-320413a7.entry.js.map +0 -1
- package/dist/paperless/p-4f549bc9.entry.js +0 -2
- package/dist/paperless/p-4f549bc9.entry.js.map +0 -1
- package/dist/paperless/p-5e30c338.entry.js +0 -2
- package/dist/paperless/p-5e30c338.entry.js.map +0 -1
- package/dist/paperless/p-6e1e0b97.entry.js +0 -2
- package/dist/paperless/p-6e1e0b97.entry.js.map +0 -1
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,h as r,H as i}from"./p-Dpmiv2da.js";import{c as e}from"./p-CBWjHURv.js";import"./p-ChV9xqsO.js";const n="*{box-sizing:border-box}.static{position:static!important}.z-0{z-index:0!important}.flex{display:flex!important}.aspect-branding{aspect-ratio:23/24!important}.h-10{height:2.5rem!important}.h-14{height:3.5rem!important}.h-20{height:5rem!important}.h-4{height:1rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-\\[6\\.5rem\\]{height:6.5rem!important}.h-\\[8\\.5rem\\]{height:8.5rem!important}.h-full{height:100%!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.rounded-full{border-radius:9999px!important}.bg-indigo-500{--tw-bg-opacity:1!important;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))!important}.bg-off-white-500{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.object-cover{object-fit:cover!important}.p-\\[1px\\]{padding:1px!important}.font-ambit{font-family:Ambit,sans-serif!important}.text-4xl{font-size:2.5rem!important;line-height:3rem!important}.text-\\[3\\.5rem\\]{font-size:3.5rem!important}.text-\\[4\\.5rem\\]{font-size:4.5rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important}.text-xs,.text-xxs{line-height:1rem!important}.text-xxs{font-size:.5rem!important}.font-bold{font-weight:700!important}.leading-\\[4rem\\]{line-height:4rem!important}.leading-\\[5rem\\]{line-height:5rem!important}.leading-none{line-height:1!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.text-storm-500{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-inset{--tw-ring-inset:inset!important}.ring-storm-500\\/20{--tw-ring-color:rgba(24,30,41,.2)!important}";const o=e(["p-avatar rounded-full aspect-branding ring-inset ring-1 ring-storm-500/20 p-[1px] flex items-center justify-center font-ambit leading-none font-bold"],{variants:{variant:{secondary:"bg-off-white-500 text-storm-300",primary:"bg-indigo-500 text-storm-500"},size:{xs:"h-4 text-xxs",sm:"h-6 text-xs",base:"h-8 text-base",lg:"h-10 text-xl",xl:"h-14 text-xl","2xl":"h-20 text-4xl","3xl":"h-[6.5rem] text-[3.5rem] leading-[4rem]","4xl":"h-[8.5rem] text-[4.5rem] leading-[5rem]"}}});const a=class{constructor(r){t(this,r)}variant="secondary";size="base";defaultImage;src;letters;_src;_failed=false;onSrchChange(t){this._failed=false;this._src=t}componentWillLoad(){this.onSrchChange(this.src);if(!this._src){this._setFailed()}}render(){return r(i,{key:"cf42f9d1e8d8485dd434489c4591ddf8fd8dd447",class:o({size:this.size,variant:this.variant})},this._failed?r("span",null,this.letters?.[0]??" "):r("img",{src:this._src,class:"z-0 aspect-branding h-full rounded-full object-cover",onError:()=>this._setFailed()}))}_setFailed(){this._failed=true;this._src=undefined}static get watchers(){return{src:["onSrchChange"]}}};a.style=n;export{a as p_avatar};
|
|
2
|
-
//# sourceMappingURL=p-5e30c338.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["avatarComponentCss","avatar","cva","variants","variant","secondary","primary","size","xs","sm","base","lg","xl","Avatar","defaultImage","src","letters","_src","_failed","onSrchChange","this","componentWillLoad","_setFailed","render","h","Host","key","class","onError","undefined"],"sources":["src/components/atoms/avatar/avatar/avatar.component.css?tag=p-avatar","src/components/atoms/avatar/avatar/avatar.component.tsx"],"sourcesContent":[null,"import { Component, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst avatar = cva(\n\t[\n\t\t'p-avatar rounded-full aspect-branding ring-inset ring-1 ring-storm-500/20 p-[1px] flex items-center justify-center font-ambit leading-none font-bold',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tsecondary: 'bg-off-white-500 text-storm-300',\n\t\t\t\tprimary: 'bg-indigo-500 text-storm-500',\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\txs: 'h-4 text-xxs',\n\t\t\t\tsm: 'h-6 text-xs',\n\t\t\t\tbase: 'h-8 text-base',\n\t\t\t\tlg: 'h-10 text-xl',\n\t\t\t\txl: 'h-14 text-xl',\n\t\t\t\t'2xl': 'h-20 text-4xl',\n\t\t\t\t'3xl': 'h-[6.5rem] text-[3.5rem] leading-[4rem]',\n\t\t\t\t'4xl': 'h-[8.5rem] text-[4.5rem] leading-[5rem]',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-avatar',\n\tstyleUrl: 'avatar.component.css',\n\t// shadow: true,\n})\nexport class Avatar {\n\t/**\n\t * The variant of the avatar in case of \"letters\"\n\t */\n\t@Prop() variant: 'secondary' | 'primary' = 'secondary';\n\n\t/**\n\t * The size of the avatar\n\t */\n\t@Prop({ reflect: true }) size:\n\t\t| 'xs'\n\t\t| 'sm'\n\t\t| 'base'\n\t\t| 'lg'\n\t\t| 'xl'\n\t\t| '2xl'\n\t\t| '3xl'\n\t\t| '4xl' = 'base';\n\n\t/**\n\t * The default image to show on errors\n\t */\n\t@Prop() defaultImage: string;\n\n\t/**\n\t * The image used for the avatar\n\t */\n\t@Prop() src!: string;\n\n\t/**\n\t * The letters to show on the empty state variant\n\t */\n\t@Prop() letters: string;\n\n\t@State() private _src: string;\n\t@State() private _failed: boolean = false;\n\n\t@Watch('src')\n\tonSrchChange(src: string) {\n\t\tthis._failed = false;\n\t\tthis._src = src;\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.onSrchChange(this.src);\n\t\tif (!this._src) {\n\t\t\tthis._setFailed();\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={avatar({\n\t\t\t\t\tsize: this.size,\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this._failed ? (\n\t\t\t\t\t<span>{this.letters?.[0] ?? ' '}</span>\n\t\t\t\t) : (\n\t\t\t\t\t<img\n\t\t\t\t\t\tsrc={this._src}\n\t\t\t\t\t\tclass='z-0 aspect-branding h-full rounded-full object-cover'\n\t\t\t\t\t\tonError={() => this._setFailed()}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _setFailed() {\n\t\tthis._failed = true;\n\t\tthis._src = undefined;\n\t}\n}\n"],"mappings":"8GAAA,MAAMA,EAAqB,qnECG3B,MAAMC,EAASC,EACd,CACC,wJAED,CACCC,SAAU,CACTC,QAAS,CACRC,UAAW,kCACXC,QAAS,gCAEVC,KAAM,CACLC,GAAI,eACJC,GAAI,cACJC,KAAM,gBACNC,GAAI,eACJC,GAAI,eACJ,MAAO,gBACP,MAAO,0CACP,MAAO,8C,MAWEC,EAAM,M,yBAIVT,QAAmC,YAKlBG,KAQd,OAKHO,aAKAC,IAKAC,QAESC,KACAC,QAAmB,MAGpC,YAAAC,CAAaJ,GACZK,KAAKF,QAAU,MACfE,KAAKH,KAAOF,C,CAGb,iBAAAM,GACCD,KAAKD,aAAaC,KAAKL,KACvB,IAAKK,KAAKH,KAAM,CACfG,KAAKE,Y,EAIP,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CACJC,MAAO1B,EAAO,CACbM,KAAMa,KAAKb,KACXH,QAASgB,KAAKhB,WAGdgB,KAAKF,QACLM,EAAA,YAAOJ,KAAKJ,UAAU,IAAM,KAE5BQ,EAAA,OACCT,IAAKK,KAAKH,KACVU,MAAM,uDACNC,QAAS,IAAMR,KAAKE,e,CAOjB,UAAAA,GACPF,KAAKF,QAAU,KACfE,KAAKH,KAAOY,S","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,g as i,h as s,H as n}from"./p-Dpmiv2da.js";import{t as o}from"./p-DdQ-S2l7.js";import{f as a,g as r}from"./p-DiJj8rmO.js";import{f as h}from"./p-D8FNwRNH.js";import{f as l}from"./p-B3sNjfzc.js";import{c}from"./p-CT54OXR2.js";import{P as u,a as f}from"./p-vyRrSf5s.js";import"./p-CBWjHURv.js";import"./p-ChV9xqsO.js";const d="*{box-sizing:border-box}.static{position:static!important}.fixed{position:fixed!important}.z-0{z-index:0!important}.my-16{margin-bottom:4rem!important;margin-top:4rem!important}.mb-8{margin-bottom:2rem!important}.flex{display:flex!important}.table{display:table!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.resize{resize:both!important}.flex-col{flex-direction:column!important}.self-center{align-self:center!important}.rounded{border-radius:.25rem!important}.opacity-0{opacity:0!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}";const p=class{constructor(i){t(this,i);this.selectedRowsChange=e(this,"selectedRowsChange",3);this.rowClick=e(this,"rowClick",3);this.rowSelected=e(this,"rowSelected",3);this.rowDeselected=e(this,"rowDeselected",3);this.hasRendered=e(this,"hasRendered",3);this.quickFilter=e(this,"quickFilter",3);this.queryChange=e(this,"queryChange",3);this.filter=e(this,"filter",3);this.action=e(this,"action",3);this.pageChange=e(this,"pageChange",3);this.pageSizeChange=e(this,"pageSizeChange",3);this.export=e(this,"export",3);this.emptyStateActionClick=e(this,"emptyStateActionClick",3)}items;loading=false;headerLoading=false;footerLoading=false;amountOfLoadingRows=6;enableRowSelection=true;rowSelectionLimit;enableRowClick=true;selectedRows=[];enableFloatingMenu=true;floatingMenuAmountSelectedTemplate=t=>a((t===1?this._locales.floating_menu?.amount_selected:this._locales.floating_menu?.amount_selected_plural)?.replace("{{amount}}",t));selectedRowsChange;selectionKey;canSelectKey;rowClick;rowSelected;rowDeselected;hasRendered;enableHeader=true;quickFilters=[];activeQuickFilterIdentifier;enableSearch=true;query;enableFilter=true;enableFilterDesktop=true;selectedFiltersAmount;filterButtonTemplate;enableAction=false;actionButtonLoading=false;actionButtonEnabled=false;actionButtonIcon="pencil";actionButtonText;actionButtonTemplate;quickFilter;queryChange;filter;action;enableFooter=true;enablePaginationSize=true;enablePaginationPages=true;enableExport=true;page=1;total;pageChange;pageSize=u;pageSizeOptions=f;pageSizeChange;export;hideOnSinglePage=true;emptyStateHeader=()=>a(this._locales.empty_state?.no_filter.header);emptyStateContent=()=>a(this._locales.empty_state?.no_filter.content);emptyStateAction=()=>a(this._locales.empty_state?.no_filter.action);enableEmptyStateAction=true;emptyStateFilteredHeader=()=>a(this._locales.empty_state.filtered.header);emptyStateFilteredContent=()=>a(this._locales.empty_state.filtered.content);emptyStateActionClick;shadow=true;get _el(){return i(this)}_locales={};_columns=[];_items=[];_enableRowSelection=this.enableRowSelection;_rowSelectionLimit;_rowActionsFloatingAll=[];_rowActionsFloating=[];_rowActionsRow=[];_footerHidden=false;_ctrlDown=false;_hasCustomFilterSlot=false;_hasCustomActionsSlot=false;_floatingMenuShown=false;_resizeTimeout;componentWillLoad(){this._hasCustomFilterSlot=!!this._el.querySelector(':scope > [slot="custom-filter"]');this._hasCustomActionsSlot=!!this._el.querySelector(':scope > [slot="custom-actions"]');this._setRowSelectionData();this._setLocales();this._parseItems(this.items);this._generateColumns()}componentDidRender(){this.hasRendered.emit()}render(){return s(n,{key:"5e21e018cfed6d71d2afb1e05be1e47e2092ee4c",class:"z-0 flex flex-col"},s("p-table-container",{key:"ad8edeed8ee696a02e3f4848deddb2e2918fb1fa"},this.enableHeader&&s("p-table-header",{key:"0c93abf0c4bcb1ec0b4ed7251265dae18f56223c",class:"mb-8",quickFilters:this.quickFilters,activeQuickFilterIdentifier:this.activeQuickFilterIdentifier,onQuickFilter:({detail:t})=>this.quickFilter.emit(t),enableSearch:this.enableSearch,query:this.query,onQueryChange:({detail:t})=>this.queryChange.emit(t),enableFilter:this.enableFilter,enableFilterDesktop:this.enableFilterDesktop,selectedFiltersAmount:this.selectedFiltersAmount,filterButtonTemplate:this.filterButtonTemplate,onFilter:()=>this.filter.emit(),enableAction:this.enableAction,actionIcon:this.actionButtonIcon,actionText:this.actionButtonText,actionLoading:this.actionButtonLoading,canUseAction:this.actionButtonEnabled,actionButtonTemplate:this.actionButtonTemplate,onAction:()=>this.action.emit(),itemsSelectedAmount:this.selectedRows?.length,enableExport:this.enableExport,onExport:()=>this.export.emit(),loading:this.headerLoading},this._hasCustomFilterSlot&&s("slot",{key:"14257d67fed9adc5814e80b2ecf96092ecc56612",name:"custom-filter",slot:"custom-filter"}),this._hasCustomActionsSlot&&s("slot",{key:"ba3c0c51886c4518739bb57aa474cc81057992b5",name:"custom-actions",slot:"custom-actions"})),this._getHeader(),s("div",{key:"2da4deea5280c3a0d7b37ee23595c3d07ea005ee",class:"flex flex-1 flex-col"},this._getRows(),s("slot",{key:"ceb0bbd73f18f696e94ff05a44319a519ee8652f",name:"custom-rows"})),this.enableFloatingMenu&&this._enableRowSelection?s("p-floating-menu-container",{usedInTable:true,class:h({hasFooter:this.enableFooter&&!this._footerHidden,active:!!this.selectedRows?.length,shown:this._floatingMenuShown}),amountSelectedTemplate:this.floatingMenuAmountSelectedTemplate,amount:this.selectedRows?.length,enableAmountSelected:!!this._rowActionsFloating?.length,onClose:()=>this._selectAllChange(null,false)},this._rowActionsFloating?.length&&this._rowActionsFloating.map((t=>s("p-floating-menu-item",{slot:"floating-menu-item",disabled:t.disabled,loading:t.loading,icon:t.icon,iconRotate:t.iconRotate,iconFlip:t.iconFlip,onClick:()=>!t.disabled&&!t.loading&&!!t.action&&t.type==="single"?t.action(this.selectedRows[0],false):t.action(this.selectedRows,true)},t.label)))):"",this.enableFooter&&s("p-table-footer",{key:"cbebf80348f592a6f779954aad80b3f8ce1ce72d",hideOnSinglePage:this.hideOnSinglePage,enablePaginationSize:this.enablePaginationSize,pageSize:this.pageSize,pageSizeOptions:this.pageSizeOptions,onPageSizeChange:({detail:t})=>this.pageSizeChange.emit(t),enablePaginationPages:this.enablePaginationPages,page:this.page,total:this.total,onPageChange:({detail:t})=>this.pageChange.emit(t),loading:this.footerLoading,onHiddenChange:({detail:t})=>this._footerHidden=t})))}async _setLocales(){this._locales=await r(this._el)}onTableDefinitionUpdated(){this._generateColumns()}keyDown({key:t}){if(t!=="Control"||this._ctrlDown===true){return}this._ctrlDown=true}keyUp({key:t}){if(t!=="Control"||this._ctrlDown===false){return}this._ctrlDown=false}visibilityChange(){if(document.visibilityState!=="hidden"||this._ctrlDown===false){return}this._ctrlDown=false}_parseItems(t){if(!t){this._items=[];return}if(Array.isArray(t)){this._items=t;return}this._items=JSON.parse(t)}_setRowSelectionData(){if(this._resizeTimeout){clearTimeout(this._resizeTimeout)}this._resizeTimeout=setTimeout((()=>{const t=l();const e=Array.from(this._el.querySelectorAll(":scope > p-table-row-action"));this._rowActionsRow=e.filter((t=>t.type==="both"||t.type==="single"));this._rowActionsFloatingAll=e.filter((e=>this.enableRowSelection&&(e.type==="both"||e.type==="multi")||t&&e.type==="single")).map((t=>{if(t.type==="single"){t.disabled=this.selectedRows?.length>1}return t}));let i=this.rowSelectionLimit;if(t&&this._rowActionsFloatingAll?.length&&(i!==undefined&&this.enableRowSelection||!this.enableRowSelection)){i=1}this._rowSelectionLimit=i;let s=this.enableRowSelection;if(t&&this._rowActionsFloatingAll?.length&&!s){s=true}this._enableRowSelection=s;if(this._floatingMenuShown){this._showFloatingMenu()}}),200)}_generateColumns(){const t=this._el.querySelectorAll("p-table-column");let e=Array.from(t);e=this._parseDefinitions(e);this._columns=e}_getHeader(){return s("p-table-row",{variant:"header"},this._columns.map(((t,e)=>s("p-table-cell",{definition:t,value:t.name,variant:"header",checkbox:e===0||t.hasCheckbox?this._getCheckbox(null,this.loading?"loading":"header"):null,index:e}))))}_getRows(){if(this.loading){return Array.from({length:this.amountOfLoadingRows},((t,e)=>s("p-table-row",{enableHover:this._enableRowSelection||this.enableRowClick,isLast:e===this.amountOfLoadingRows-1},this._getLoadingColumns(e))))}if(!this._items.length){return this._getEmptyState()}return this._items.map(((t,e)=>s("p-table-row",{enableHover:this._enableRowSelection||this.enableRowClick,checked:this._selectionContains(e),onClick:t=>this._rowClick(t,e),isLast:e===this._items.length-1},this._getRowColumns(t,e),this._getActions(t,e))))}_getActions(t,e){const i=this._rowActionsRow.filter((e=>e.showFunction?e.showFunction(t):true));if(i?.length&&!l()){return s("p-table-row-actions-container",{slot:"actions",checked:this._selectionContains(e)},i.map((e=>s("p-tooltip",{strategy:"fixed",content:e.label},s("p-button",{"data-is-action":true,variant:"secondary",slot:"trigger",icon:e.icon,iconRotate:e.iconRotate,iconFlip:e.iconFlip,iconOnly:true,size:"sm",onClick:()=>typeof e.action==="function"&&e.action?.(t,false)})))))}return null}_getRowColumns(t,e){return this._columns.map(((i,n)=>s("p-table-cell",{definition:i,item:t,checkbox:n===0||i.hasCheckbox?this._getCheckbox(e):null,index:n,rowIndex:e})))}_getLoadingColumns(t){return this._columns.map(((e,i)=>s("p-table-cell",{definition:e,variant:"loading",checkbox:i===0||e.hasCheckbox?this._getCheckbox(t,"loading"):null,index:i,rowIndex:t})))}_getCheckbox(t,e="default"){if(!this._enableRowSelection||!this.selectionKey&&!this._rowActionsFloating?.length){return}if(e==="loading"){return s("p-loader",{variant:"ghost",class:"h-6 w-6 rounded"})}if(e==="header"){return s("p-checkbox",{class:c({"opacity-0":this._rowSelectionLimit!==undefined}),checked:this._selectionContainsAll(),indeterminate:this._selectionIndeterminate(),disabled:this._rowSelectionLimit!==undefined,onCheckedChange:t=>this._selectAllChange(t)})}const i=this._items[t];const n=this._selectionContains(t);return s("p-checkbox",{class:"flex-shrink-0",disabled:this.canSelectKey&&!i[this.canSelectKey]||this._rowSelectionLimit!==undefined&&!n&&this.selectedRows.length===this._rowSelectionLimit,checked:n,onCheckedChange:e=>this._checkboxChange(e,t)})}_getEmptyState(){if(this.query?.length||this.selectedFiltersAmount){return s("p-empty-state",{class:"my-16 self-center",illustration:"search",header:this.emptyStateFilteredHeader(),content:this.emptyStateFilteredContent()})}return s("p-empty-state",{class:"my-16 self-center",illustration:"table",header:this.emptyStateHeader(),content:this.emptyStateContent(),enableAction:this.enableEmptyStateAction,actionIcon:"plus",actionText:this.emptyStateAction(),onAction:()=>this.enableAction&&this.action.emit()})}_selectAllChange(t,e){if(!this._enableRowSelection){return}const i=t?.detail??e??false;const s=e===undefined?i:e;if(s){const t=[];for(let e=0;e<this._items.length;e++){const i=this._items[e];if(this.canSelectKey&&!i[this.canSelectKey]){continue}if(this._selectionContains(e)){continue}t.push(i);this.rowSelected.emit(i);if(this._rowSelectionLimit!==undefined&&this.selectedRows.length+t.length===this._rowSelectionLimit){break}}this.selectedRows=[...this.selectedRows,...t];this.selectedRowsChange.emit(this.selectedRows);if(this.enableFloatingMenu&&!this._floatingMenuShown){this._showFloatingMenu()}return}for(let t=0;t<this.selectedRows.length;t++){const e=this.selectedRows[t];const i=this._items.find((i=>this._getSelectionValue(i,t)===this._getSelectionValue(e,t)));if(!i){continue}this.rowDeselected.emit(i)}this.selectedRows=[];this.selectedRowsChange.emit(this.selectedRows)}_checkboxChange({detail:t,target:e},i){if(!this._enableRowSelection){return}if(t&&this._rowSelectionLimit!==undefined&&this.selectedRows.length>=this._rowSelectionLimit){e.checked=false;return}const s=this._items[i];if(this.canSelectKey&&!s[this.canSelectKey]){e.checked=false;return}if(t){this.selectedRows=[...this.selectedRows,{...s,index:i}];this.selectedRowsChange.emit(this.selectedRows);this.rowSelected.emit(s);if(this.enableFloatingMenu&&!this._floatingMenuShown){this._showFloatingMenu()}return}const n=this._selectionContains(i,true);const o=[...this.selectedRows];o.splice(n,1);this.selectedRows=o;this.selectedRowsChange.emit(this.selectedRows);this.rowDeselected.emit(s)}_getSelectionValue(t,e){return this.selectionKey?t?.[this.selectionKey]||e:e}_selectionContains(t,e=false){const i=this.selectedRows.findIndex((e=>e.index===t));return!e?i>=0:i}_selectionContainsAll(){let t=true;if(!this._items?.length){return false}if(this._rowSelectionLimit!==undefined&&this.selectedRows.length===this._rowSelectionLimit){return true}for(let e=0;e<this._items?.length;e++){const i=this._selectionContains(e);if(!i){t=false;break}}return t}_selectionIndeterminate(){if(!this._items?.length||!this.selectedRows?.length){return false}if(this._rowSelectionLimit!==undefined&&this.selectedRows.length===this._rowSelectionLimit){return false}let t=0;for(let e=0;e<this._items?.length;e++){const i=this._selectionContains(e);if(i){t++}}return t>0&&t!==this._items.length}_rowClick(t,e){const i=t.target;if(i.tagName.toLowerCase()==="input"||i.type==="checkbox"){return}const s=this._findRow(t.target);const n=this._findRowAction(t.target);if(n){return}if(this.enableRowClick){const t=this._items[e];this.rowClick.emit({item:t,ctrlDown:this._ctrlDown});return}if(!this._enableRowSelection){return}const o=s?.querySelector('input[type="checkbox"]');if(!o){return}o.checked=!o.checked;this._checkboxChange(o,e)}_findRow(t){if(!t){return t}if(t?.tagName?.toLowerCase()==="p-table-row"){return t}return this._findRow(t?.parentElement)}_findRowAction(t){if(!t){return null}if(t.getAttribute("data-is-action")!==null&&t.getAttribute("data-is-action")!=="false"){return t}if(t?.tagName?.toLowerCase()==="p-table-row"){return null}return this._findRowAction(t?.parentElement)}_showFloatingMenu(){let t=this._rowActionsFloatingAll;if(this.rowSelectionLimit===1&&t.findIndex((t=>(t.type==="single"||t.type==="both")&&t.showFunction))>=0){t=t.filter((t=>t.type==="multi"||!t.showFunction||t.showFunction(this.selectedRows[0])))}this._rowActionsFloating=t;this._floatingMenuShown=true}_parseDefinitions(t){return t.map((t=>{t=this._parseDefinitionSizes(t);return t}))}_parseDefinitionSizes(t){const e=t;let i={default:"full"};if(typeof t.sizes==="string"&&!["auto","hidden","full"].includes(t.sizes)){t.sizes=JSON.parse(t.sizes)}for(const[t,s]of o.entries()){if(e.sizes==="auto"||e.sizes==="hidden"||e.sizes==="full"||typeof e.sizes==="number"){i[s]=e.sizes==="auto"?"full":e.sizes;continue}i[s]=e.sizes[s]??i[o[t-1]]}t.parsedSizes=i;return t}static get watchers(){return{items:["_parseItems"],enableRowSelection:["_setRowSelectionData"],rowSelectionLimit:["_setRowSelectionData"],selectedRows:["_setRowSelectionData"]}}};p.style=d;export{p as p_table};
|
|
2
|
-
//# sourceMappingURL=p-6e1e0b97.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["tableComponentCss","Table","items","loading","headerLoading","footerLoading","amountOfLoadingRows","enableRowSelection","rowSelectionLimit","enableRowClick","selectedRows","enableFloatingMenu","floatingMenuAmountSelectedTemplate","amount","formatTranslation","this","_locales","floating_menu","amount_selected","amount_selected_plural","replace","selectedRowsChange","selectionKey","canSelectKey","rowClick","rowSelected","rowDeselected","hasRendered","enableHeader","quickFilters","activeQuickFilterIdentifier","enableSearch","query","enableFilter","enableFilterDesktop","selectedFiltersAmount","filterButtonTemplate","enableAction","actionButtonLoading","actionButtonEnabled","actionButtonIcon","actionButtonText","actionButtonTemplate","quickFilter","queryChange","filter","action","enableFooter","enablePaginationSize","enablePaginationPages","enableExport","page","total","pageChange","pageSize","PAGINATION_DEFAULT_PAGE_SIZE","pageSizeOptions","PAGINATION_DEFAULT_PAGE_SIZE_OPTIONS","pageSizeChange","export","hideOnSinglePage","emptyStateHeader","empty_state","no_filter","header","emptyStateContent","content","emptyStateAction","enableEmptyStateAction","emptyStateFilteredHeader","filtered","emptyStateFilteredContent","emptyStateActionClick","shadow","_columns","_items","_enableRowSelection","_rowSelectionLimit","_rowActionsFloatingAll","_rowActionsFloating","_rowActionsRow","_footerHidden","_ctrlDown","_hasCustomFilterSlot","_hasCustomActionsSlot","_floatingMenuShown","_resizeTimeout","componentWillLoad","_el","querySelector","_setRowSelectionData","_setLocales","_parseItems","_generateColumns","componentDidRender","emit","render","h","Host","key","class","onQuickFilter","detail","onQueryChange","onFilter","actionIcon","actionText","actionLoading","canUseAction","onAction","itemsSelectedAmount","length","onExport","name","slot","_getHeader","_getRows","usedInTable","floatingMenuContainerClass","hasFooter","active","shown","amountSelectedTemplate","enableAmountSelected","onClose","_selectAllChange","map","a","disabled","icon","iconRotate","iconFlip","onClick","type","label","onPageSizeChange","onPageChange","onHiddenChange","getLocaleComponentStrings","onTableDefinitionUpdated","keyDown","keyUp","visibilityChange","document","visibilityState","Array","isArray","JSON","parse","clearTimeout","setTimeout","mobile","isMobile","actions","from","querySelectorAll","undefined","_showFloatingMenu","definitions","definitionsArray","_parseDefinitions","variant","col","index","definition","value","checkbox","hasCheckbox","_getCheckbox","_","i","enableHover","isLast","_getLoadingColumns","_getEmptyState","item","checked","_selectionContains","ev","_rowClick","_getRowColumns","_getActions","showFunction","strategy","iconOnly","size","colIndex","rowIndex","cn","_selectionContainsAll","indeterminate","_selectionIndeterminate","onCheckedChange","selectionContains","_checkboxChange","illustration","forceValue","toAdd","row","push","find","d","_getSelectionValue","target","indexOfToRemove","selection","splice","returnIndex","returnValue","findIndex","contains","containsCount","$event","tagName","toLowerCase","_findRow","_findRowAction","ctrlDown","el","parentElement","getAttribute","_parseDefinitionSizes","definitionAny","parsedSizes","default","sizes","includes","tableColumSizesOptions","entries"],"sources":["src/components/organisms/table/table.component.css?tag=p-table","src/components/organisms/table/table.component.tsx"],"sourcesContent":[null,"import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n\tWatch,\n} from '@stencil/core';\nimport { IconVariant, PCheckboxCustomEvent } from '../../../components';\nimport { tableColumSizesOptions } from '../../../types/constants';\nimport {\n\tQuickFilter,\n\tRowClickEvent,\n\tTableColumnSizes,\n} from '../../../types/table';\nimport {\n\tfloatingMenuContainerClass,\n\tformatTranslation,\n\tgetLocaleComponentStrings,\n\tisMobile,\n} from '../../../utils';\nimport { cn } from '../../../utils/cn';\nimport {\n\tPAGINATION_DEFAULT_PAGE_SIZE,\n\tPAGINATION_DEFAULT_PAGE_SIZE_OPTIONS,\n} from '../../../utils/constants';\nimport { TableColumn } from '../../helpers/table/column/table-column.component';\nimport { TableRowAction } from '../../helpers/table/row-action/table-row-action.component';\nimport { buttonTemplateFunc } from '../../molecules/table/header/table-header.component';\n\nexport type templateFunc = () => string;\nexport type amountSelectedTemplateFunc = (amount: number) => string;\n\n@Component({\n\ttag: 'p-table',\n\tstyleUrl: 'table.component.css',\n})\nexport class Table {\n\t/**\n\t * The items to be fed to the table\n\t */\n\t@Prop() items: string;\n\n\t/**\n\t * Wether data is loading\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * Wether the header should show loading state\n\t */\n\t@Prop() headerLoading: boolean = false;\n\n\t/**\n\t * Wether the footer should show loading state\n\t */\n\t@Prop() footerLoading: boolean = false;\n\n\t/**\n\t * The amount of loading rows to show\n\t */\n\t@Prop() amountOfLoadingRows: number = 6;\n\n\t/**\n\t * Wether to enable selection\n\t */\n\t@Prop() enableRowSelection: boolean = true;\n\n\t/**\n\t * A limit to the amount of rows that can be selected\n\t */\n\t@Prop() rowSelectionLimit: number | undefined;\n\n\t/**\n\t * Wether to enable row clicking\n\t */\n\t@Prop() enableRowClick: boolean = true;\n\n\t/**\n\t * The current selection of items\n\t */\n\t@Prop() selectedRows: any[] = [];\n\n\t/**\n\t * Wether to enable the floating menu\n\t */\n\t@Prop() enableFloatingMenu: boolean = true;\n\n\t/**\n\t * The template for amount selected item in the floating menu\n\t */\n\t@Prop() floatingMenuAmountSelectedTemplate: amountSelectedTemplateFunc = (\n\t\tamount: number\n\t) =>\n\t\tformatTranslation(\n\t\t\t(amount === 1\n\t\t\t\t? this._locales.floating_menu?.amount_selected\n\t\t\t\t: this._locales.floating_menu?.amount_selected_plural\n\t\t\t)?.replace('{{amount}}', amount)\n\t\t);\n\n\t/**\n\t * Event whenever the current selection changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tselectedRowsChange: EventEmitter<any>;\n\n\t/**\n\t * The key to determine if a row is selected\n\t */\n\t@Prop() selectionKey: string;\n\n\t/**\n\t * A key to determine if a row can be selected\n\t */\n\t@Prop() canSelectKey: string;\n\n\t/**\n\t * Event whenever a row is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\trowClick: EventEmitter<RowClickEvent>;\n\n\t/**\n\t * Event whenever a row is selected\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\trowSelected: EventEmitter<any>;\n\n\t/**\n\t * Event whenever a row is deselected\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\trowDeselected: EventEmitter<any>;\n\n\t/**\n\t * Event when the table has rendered\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\thasRendered: EventEmitter<number>;\n\n\t/** START HEADER */\n\n\t/**\n\t * Wether to show the header\n\t */\n\t@Prop() enableHeader: boolean = true;\n\n\t/**\n\t * Quick filters to show\n\t */\n\t@Prop() quickFilters: QuickFilter[] | string = [];\n\n\t/**\n\t * Active quick filter identifier\n\t */\n\t@Prop() activeQuickFilterIdentifier: string;\n\n\t/**\n\t * Wether to show the search input\n\t */\n\t@Prop() enableSearch: boolean = true;\n\n\t/**\n\t * The query to show in the search bar\n\t */\n\t@Prop({ mutable: true }) query: string;\n\n\t/**\n\t * Wether to show the filter button\n\t */\n\t@Prop() enableFilter: boolean = true;\n\n\t/**\n\t * Wether to show the filter button on desktop\n\t */\n\t@Prop() enableFilterDesktop: boolean = true;\n\n\t/**\n\t * The amount of filters being selected\n\t */\n\t@Prop() selectedFiltersAmount: number;\n\n\t/**\n\t * The template for the filter button text\n\t */\n\t@Prop() filterButtonTemplate: templateFunc;\n\n\t/**\n\t * Wether to show the action button\n\t */\n\t@Prop() enableAction: boolean = false;\n\n\t/**\n\t * Wether the action button is loading\n\t */\n\t@Prop() actionButtonLoading: boolean = false;\n\n\t/**\n\t * Wether the action button is enabled\n\t */\n\t@Prop() actionButtonEnabled: boolean = false;\n\n\t/**\n\t * The action button icon\n\t */\n\t@Prop() actionButtonIcon: IconVariant = 'pencil';\n\n\t/**\n\t * The action button text if changed\n\t */\n\t@Prop() actionButtonText: string;\n\n\t/**\n\t * The template for the action button text\n\t */\n\t@Prop() actionButtonTemplate: buttonTemplateFunc;\n\n\t/**\n\t * Event when one of the quick filters is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tquickFilter: EventEmitter<QuickFilter>;\n\n\t/**\n\t * Event when the query changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tqueryChange: EventEmitter<string>;\n\n\t/**\n\t * Event when the filter button is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tfilter: EventEmitter<null>;\n\n\t/**\n\t * Event when the action button is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\taction: EventEmitter<null>;\n\n\t/** START FOOTER */\n\n\t/**\n\t * Wether to show the header\n\t */\n\t@Prop() enableFooter: 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 * Wether to enable export\n\t */\n\t@Prop() enableExport: 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 * 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 * 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 page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\texport: EventEmitter<number>;\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/* Empty state start */\n\t@Prop() emptyStateHeader: templateFunc = () =>\n\t\tformatTranslation(this._locales.empty_state?.no_filter.header);\n\t@Prop() emptyStateContent: templateFunc = () =>\n\t\tformatTranslation(this._locales.empty_state?.no_filter.content);\n\t@Prop() emptyStateAction: templateFunc = () =>\n\t\tformatTranslation(this._locales.empty_state?.no_filter.action);\n\t/**\n\t * Wether to enable empty state action\n\t */\n\t@Prop() enableEmptyStateAction: boolean = true;\n\n\t@Prop() emptyStateFilteredHeader: templateFunc = () =>\n\t\tformatTranslation(this._locales.empty_state.filtered.header);\n\t@Prop() emptyStateFilteredContent: templateFunc = () =>\n\t\tformatTranslation(this._locales.empty_state.filtered.content);\n\n\t/**\n\t * Event whenever the empty state is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\temptyStateActionClick: EventEmitter<null>;\n\n\t/*\n\t * Wether to show the shadow or not\n\t */\n\t@Prop() shadow: boolean = true;\n\n\t/* Empty state end */\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t/**\n\t * Locales used for this component\n\t */\n\t@State() private _locales: any = {};\n\n\t@State() private _columns: any[] = [];\n\t@State() private _items: any[] = [];\n\n\t@State() private _enableRowSelection: boolean = this.enableRowSelection;\n\t@State() private _rowSelectionLimit: number | undefined;\n\n\tprivate _rowActionsFloatingAll: TableRowAction[] = [];\n\t@State() private _rowActionsFloating: TableRowAction[] = [];\n\t@State() private _rowActionsRow: TableRowAction[] = [];\n\n\t@State() private _footerHidden: boolean = false;\n\n\tprivate _ctrlDown = false;\n\tprivate _hasCustomFilterSlot = false;\n\tprivate _hasCustomActionsSlot = false;\n\tprivate _floatingMenuShown = false;\n\tprivate _resizeTimeout: NodeJS.Timeout | undefined;\n\n\tcomponentWillLoad() {\n\t\tthis._hasCustomFilterSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"custom-filter\"]'\n\t\t);\n\n\t\tthis._hasCustomActionsSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"custom-actions\"]'\n\t\t);\n\n\t\tthis._setRowSelectionData();\n\n\t\tthis._setLocales();\n\t\tthis._parseItems(this.items);\n\t\tthis._generateColumns();\n\t}\n\n\tcomponentDidRender() {\n\t\tthis.hasRendered.emit();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='z-0 flex flex-col'>\n\t\t\t\t<p-table-container>\n\t\t\t\t\t{this.enableHeader && (\n\t\t\t\t\t\t<p-table-header\n\t\t\t\t\t\t\tclass='mb-8'\n\t\t\t\t\t\t\t// quick filters\n\t\t\t\t\t\t\tquickFilters={this.quickFilters}\n\t\t\t\t\t\t\tactiveQuickFilterIdentifier={this.activeQuickFilterIdentifier}\n\t\t\t\t\t\t\tonQuickFilter={({ detail }) => this.quickFilter.emit(detail)}\n\t\t\t\t\t\t\t// search\n\t\t\t\t\t\t\tenableSearch={this.enableSearch}\n\t\t\t\t\t\t\tquery={this.query}\n\t\t\t\t\t\t\tonQueryChange={({ detail }) => this.queryChange.emit(detail)}\n\t\t\t\t\t\t\t// filter button\n\t\t\t\t\t\t\tenableFilter={this.enableFilter}\n\t\t\t\t\t\t\tenableFilterDesktop={this.enableFilterDesktop}\n\t\t\t\t\t\t\tselectedFiltersAmount={this.selectedFiltersAmount}\n\t\t\t\t\t\t\tfilterButtonTemplate={this.filterButtonTemplate}\n\t\t\t\t\t\t\tonFilter={() => this.filter.emit()}\n\t\t\t\t\t\t\t// action button\n\t\t\t\t\t\t\tenableAction={this.enableAction}\n\t\t\t\t\t\t\tactionIcon={this.actionButtonIcon}\n\t\t\t\t\t\t\tactionText={this.actionButtonText}\n\t\t\t\t\t\t\tactionLoading={this.actionButtonLoading}\n\t\t\t\t\t\t\tcanUseAction={this.actionButtonEnabled}\n\t\t\t\t\t\t\tactionButtonTemplate={this.actionButtonTemplate}\n\t\t\t\t\t\t\tonAction={() => this.action.emit()}\n\t\t\t\t\t\t\titemsSelectedAmount={this.selectedRows?.length}\n\t\t\t\t\t\t\t//export\n\t\t\t\t\t\t\tenableExport={this.enableExport}\n\t\t\t\t\t\t\tonExport={() => this.export.emit()}\n\t\t\t\t\t\t\t//loading\n\t\t\t\t\t\t\tloading={this.headerLoading}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this._hasCustomFilterSlot && (\n\t\t\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t\t\tname='custom-filter'\n\t\t\t\t\t\t\t\t\tslot='custom-filter'\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t{this._hasCustomActionsSlot && (\n\t\t\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t\t\tname='custom-actions'\n\t\t\t\t\t\t\t\t\tslot='custom-actions'\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</p-table-header>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this._getHeader()}\n\t\t\t\t\t<div class='flex flex-1 flex-col'>\n\t\t\t\t\t\t{this._getRows()}\n\t\t\t\t\t\t<slot name='custom-rows' />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{this.enableFloatingMenu && this._enableRowSelection ? (\n\t\t\t\t\t\t<p-floating-menu-container\n\t\t\t\t\t\t\tusedInTable={true}\n\t\t\t\t\t\t\tclass={floatingMenuContainerClass({\n\t\t\t\t\t\t\t\thasFooter: this.enableFooter && !this._footerHidden,\n\t\t\t\t\t\t\t\tactive: !!this.selectedRows?.length,\n\t\t\t\t\t\t\t\tshown: this._floatingMenuShown,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tamountSelectedTemplate={this.floatingMenuAmountSelectedTemplate}\n\t\t\t\t\t\t\tamount={this.selectedRows?.length}\n\t\t\t\t\t\t\tenableAmountSelected={!!this._rowActionsFloating?.length}\n\t\t\t\t\t\t\tonClose={() => this._selectAllChange(null, false)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this._rowActionsFloating?.length &&\n\t\t\t\t\t\t\t\tthis._rowActionsFloating.map(a => (\n\t\t\t\t\t\t\t\t\t<p-floating-menu-item\n\t\t\t\t\t\t\t\t\t\tslot='floating-menu-item'\n\t\t\t\t\t\t\t\t\t\tdisabled={a.disabled}\n\t\t\t\t\t\t\t\t\t\tloading={a.loading}\n\t\t\t\t\t\t\t\t\t\ticon={a.icon}\n\t\t\t\t\t\t\t\t\t\ticonRotate={a.iconRotate}\n\t\t\t\t\t\t\t\t\t\ticonFlip={a.iconFlip}\n\t\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\t\t!a.disabled &&\n\t\t\t\t\t\t\t\t\t\t\t!a.loading &&\n\t\t\t\t\t\t\t\t\t\t\t!!a.action &&\n\t\t\t\t\t\t\t\t\t\t\ta.type === 'single'\n\t\t\t\t\t\t\t\t\t\t\t\t? a.action(this.selectedRows[0], false)\n\t\t\t\t\t\t\t\t\t\t\t\t: a.action(this.selectedRows, true)\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{a.label}\n\t\t\t\t\t\t\t\t\t</p-floating-menu-item>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</p-floating-menu-container>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t''\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.enableFooter && (\n\t\t\t\t\t\t<p-table-footer\n\t\t\t\t\t\t\t// overall\n\t\t\t\t\t\t\thideOnSinglePage={this.hideOnSinglePage}\n\t\t\t\t\t\t\t// page size select\n\t\t\t\t\t\t\tenablePaginationSize={this.enablePaginationSize}\n\t\t\t\t\t\t\tpageSize={this.pageSize}\n\t\t\t\t\t\t\tpageSizeOptions={this.pageSizeOptions}\n\t\t\t\t\t\t\tonPageSizeChange={({ detail }) =>\n\t\t\t\t\t\t\t\tthis.pageSizeChange.emit(detail)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t// pagination\n\t\t\t\t\t\t\tenablePaginationPages={this.enablePaginationPages}\n\t\t\t\t\t\t\tpage={this.page}\n\t\t\t\t\t\t\ttotal={this.total}\n\t\t\t\t\t\t\tonPageChange={({ detail }) => this.pageChange.emit(detail)}\n\t\t\t\t\t\t\t//loading\n\t\t\t\t\t\t\tloading={this.footerLoading}\n\t\t\t\t\t\t\tonHiddenChange={({ detail }) => (this._footerHidden = detail)}\n\t\t\t\t\t\t></p-table-footer>\n\t\t\t\t\t)}\n\t\t\t\t</p-table-container>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('localeChanged', { target: 'body' })\n\tprivate async _setLocales(): Promise<void> {\n\t\tthis._locales = await getLocaleComponentStrings(this._el);\n\t}\n\n\t@Listen('tableDefinitionChanged', { target: 'body' })\n\tonTableDefinitionUpdated() {\n\t\tthis._generateColumns();\n\t}\n\n\t@Listen('keydown', { target: 'document' })\n\tkeyDown({ key }) {\n\t\tif (key !== 'Control' || this._ctrlDown === true) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._ctrlDown = true;\n\t}\n\n\t@Listen('keyup', { target: 'document' })\n\tkeyUp({ key }) {\n\t\tif (key !== 'Control' || this._ctrlDown === false) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._ctrlDown = false;\n\t}\n\n\t@Listen('visibilitychange', { target: 'document' })\n\tvisibilityChange() {\n\t\tif (document.visibilityState !== 'hidden' || this._ctrlDown === false) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._ctrlDown = false;\n\t}\n\n\t@Watch('items')\n\tprivate _parseItems(items: string) {\n\t\tif (!items) {\n\t\t\tthis._items = [];\n\t\t\treturn;\n\t\t}\n\n\t\tif (Array.isArray(items)) {\n\t\t\tthis._items = items;\n\t\t\treturn;\n\t\t}\n\n\t\tthis._items = JSON.parse(items);\n\t}\n\n\t@Watch('enableRowSelection')\n\t@Watch('rowSelectionLimit')\n\t@Watch('selectedRows')\n\t@Listen('resize', { target: 'window' })\n\tprivate _setRowSelectionData() {\n\t\tif (this._resizeTimeout) {\n\t\t\tclearTimeout(this._resizeTimeout);\n\t\t}\n\n\t\t// We add a timeout here because it's a lot easier on the machine to do these when someone is done\n\t\t// resizing and playing around with their browser\n\t\tthis._resizeTimeout = setTimeout(() => {\n\t\t\tconst mobile = isMobile();\n\n\t\t\t// we hack this to any[] to make it work..\n\t\t\tconst actions = Array.from(\n\t\t\t\tthis._el.querySelectorAll(':scope > p-table-row-action')\n\t\t\t) as any[] as TableRowAction[];\n\t\t\tthis._rowActionsRow = actions.filter(\n\t\t\t\ta => a.type === 'both' || a.type === 'single'\n\t\t\t);\n\t\t\tthis._rowActionsFloatingAll = actions\n\t\t\t\t.filter(\n\t\t\t\t\ta =>\n\t\t\t\t\t\t(this.enableRowSelection &&\n\t\t\t\t\t\t\t(a.type === 'both' || a.type === 'multi')) ||\n\t\t\t\t\t\t(mobile && a.type === 'single')\n\t\t\t\t)\n\t\t\t\t.map(a => {\n\t\t\t\t\tif (a.type === 'single') {\n\t\t\t\t\t\ta.disabled = this.selectedRows?.length > 1;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn a;\n\t\t\t\t});\n\n\t\t\tlet rowSelectionLimit = this.rowSelectionLimit;\n\t\t\tif (\n\t\t\t\tmobile && // we're mobile\n\t\t\t\tthis._rowActionsFloatingAll?.length && // we have atleast 1 item in _rowActionsFloating\n\t\t\t\t((rowSelectionLimit !== undefined && this.enableRowSelection) ||\n\t\t\t\t\t!this.enableRowSelection)\n\t\t\t) {\n\t\t\t\trowSelectionLimit = 1;\n\t\t\t}\n\n\t\t\tthis._rowSelectionLimit = rowSelectionLimit;\n\n\t\t\tlet enableRowSelection = this.enableRowSelection;\n\t\t\tif (\n\t\t\t\tmobile && // we're mobile\n\t\t\t\tthis._rowActionsFloatingAll?.length && // we have atleast 1 item in _rowActionsFloating\n\t\t\t\t!enableRowSelection\n\t\t\t) {\n\t\t\t\tenableRowSelection = true;\n\t\t\t}\n\n\t\t\tthis._enableRowSelection = enableRowSelection;\n\n\t\t\tif (this._floatingMenuShown) {\n\t\t\t\tthis._showFloatingMenu();\n\t\t\t}\n\t\t}, 200);\n\t}\n\n\tprivate _generateColumns() {\n\t\tconst definitions = this._el.querySelectorAll('p-table-column');\n\t\tlet definitionsArray = Array.from(definitions);\n\n\t\tdefinitionsArray = this._parseDefinitions(definitionsArray);\n\n\t\tthis._columns = definitionsArray;\n\t}\n\n\tprivate _getHeader() {\n\t\treturn (\n\t\t\t<p-table-row variant='header'>\n\t\t\t\t{this._columns.map((col: TableColumn, index) => (\n\t\t\t\t\t<p-table-cell\n\t\t\t\t\t\tdefinition={col}\n\t\t\t\t\t\tvalue={col.name}\n\t\t\t\t\t\tvariant='header'\n\t\t\t\t\t\tcheckbox={\n\t\t\t\t\t\t\tindex === 0 || col.hasCheckbox\n\t\t\t\t\t\t\t\t? this._getCheckbox(null, this.loading ? 'loading' : 'header')\n\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t}\n\t\t\t\t\t\tindex={index}\n\t\t\t\t\t></p-table-cell>\n\t\t\t\t))}\n\t\t\t</p-table-row>\n\t\t);\n\t}\n\n\tprivate _getRows() {\n\t\tif (this.loading) {\n\t\t\treturn Array.from(\n\t\t\t\t{\n\t\t\t\t\tlength: this.amountOfLoadingRows,\n\t\t\t\t},\n\t\t\t\t(_, i) => (\n\t\t\t\t\t<p-table-row\n\t\t\t\t\t\tenableHover={this._enableRowSelection || this.enableRowClick}\n\t\t\t\t\t\tisLast={i === this.amountOfLoadingRows - 1}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this._getLoadingColumns(i)}\n\t\t\t\t\t</p-table-row>\n\t\t\t\t)\n\t\t\t);\n\t\t}\n\n\t\tif (!this._items.length) {\n\t\t\treturn this._getEmptyState();\n\t\t}\n\n\t\treturn this._items.map((item, index) => (\n\t\t\t<p-table-row\n\t\t\t\tenableHover={this._enableRowSelection || this.enableRowClick}\n\t\t\t\tchecked={this._selectionContains(index)}\n\t\t\t\tonClick={ev => this._rowClick(ev, index)}\n\t\t\t\tisLast={index === this._items.length - 1}\n\t\t\t>\n\t\t\t\t{this._getRowColumns(item, index)}\n\t\t\t\t{this._getActions(item, index)}\n\t\t\t</p-table-row>\n\t\t));\n\t}\n\n\tprivate _getActions(item, index) {\n\t\tconst actions = this._rowActionsRow.filter(a =>\n\t\t\ta.showFunction ? a.showFunction(item) : true\n\t\t);\n\n\t\tif (actions?.length && !isMobile()) {\n\t\t\treturn (\n\t\t\t\t<p-table-row-actions-container\n\t\t\t\t\tslot='actions'\n\t\t\t\t\tchecked={this._selectionContains(index)}\n\t\t\t\t>\n\t\t\t\t\t{actions.map(a => (\n\t\t\t\t\t\t<p-tooltip\n\t\t\t\t\t\t\tstrategy='fixed'\n\t\t\t\t\t\t\tcontent={a.label}\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\tdata-is-action\n\t\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t\t\t\ticon={a.icon}\n\t\t\t\t\t\t\t\ticonRotate={a.iconRotate}\n\t\t\t\t\t\t\t\ticonFlip={a.iconFlip}\n\t\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\ttypeof a.action === 'function' && a.action?.(item, false)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t></p-button>\n\t\t\t\t\t\t</p-tooltip>\n\t\t\t\t\t))}\n\t\t\t\t</p-table-row-actions-container>\n\t\t\t);\n\t\t}\n\n\t\treturn null;\n\t}\n\tprivate _getRowColumns(item, index) {\n\t\treturn this._columns.map((col: TableColumn, colIndex) => {\n\t\t\treturn (\n\t\t\t\t<p-table-cell\n\t\t\t\t\tdefinition={col}\n\t\t\t\t\titem={item}\n\t\t\t\t\tcheckbox={\n\t\t\t\t\t\tcolIndex === 0 || col.hasCheckbox ? this._getCheckbox(index) : null\n\t\t\t\t\t}\n\t\t\t\t\tindex={colIndex}\n\t\t\t\t\trowIndex={index}\n\t\t\t\t></p-table-cell>\n\t\t\t);\n\t\t});\n\t}\n\n\tprivate _getLoadingColumns(index) {\n\t\treturn this._columns.map((col: TableColumn, colIndex) => {\n\t\t\treturn (\n\t\t\t\t<p-table-cell\n\t\t\t\t\tdefinition={col}\n\t\t\t\t\tvariant='loading'\n\t\t\t\t\tcheckbox={\n\t\t\t\t\t\tcolIndex === 0 || col.hasCheckbox\n\t\t\t\t\t\t\t? this._getCheckbox(index, 'loading')\n\t\t\t\t\t\t\t: null\n\t\t\t\t\t}\n\t\t\t\t\tindex={colIndex}\n\t\t\t\t\trowIndex={index}\n\t\t\t\t></p-table-cell>\n\t\t\t);\n\t\t});\n\t}\n\n\tprivate _getCheckbox(\n\t\trowIndex: number,\n\t\tvariant: 'header' | 'default' | 'loading' = 'default'\n\t) {\n\t\tif (\n\t\t\t!this._enableRowSelection ||\n\t\t\t(!this.selectionKey && !this._rowActionsFloating?.length)\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (variant === 'loading') {\n\t\t\treturn (\n\t\t\t\t<p-loader\n\t\t\t\t\tvariant='ghost'\n\t\t\t\t\tclass='h-6 w-6 rounded'\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\tif (variant === 'header') {\n\t\t\treturn (\n\t\t\t\t<p-checkbox\n\t\t\t\t\tclass={cn({\n\t\t\t\t\t\t'opacity-0': this._rowSelectionLimit !== undefined,\n\t\t\t\t\t})}\n\t\t\t\t\tchecked={this._selectionContainsAll()}\n\t\t\t\t\tindeterminate={this._selectionIndeterminate()}\n\t\t\t\t\tdisabled={this._rowSelectionLimit !== undefined}\n\t\t\t\t\tonCheckedChange={ev => this._selectAllChange(ev)}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\tconst item = this._items[rowIndex];\n\n\t\tconst selectionContains = this._selectionContains(rowIndex);\n\n\t\treturn (\n\t\t\t<p-checkbox\n\t\t\t\tclass='flex-shrink-0'\n\t\t\t\tdisabled={\n\t\t\t\t\t(this.canSelectKey && !item[this.canSelectKey]) ||\n\t\t\t\t\t(this._rowSelectionLimit !== undefined &&\n\t\t\t\t\t\t!selectionContains &&\n\t\t\t\t\t\tthis.selectedRows.length === this._rowSelectionLimit)\n\t\t\t\t}\n\t\t\t\tchecked={selectionContains}\n\t\t\t\tonCheckedChange={ev => this._checkboxChange(ev, rowIndex)}\n\t\t\t/>\n\t\t);\n\t}\n\n\tprivate _getEmptyState() {\n\t\tif (this.query?.length || this.selectedFiltersAmount) {\n\t\t\treturn (\n\t\t\t\t<p-empty-state\n\t\t\t\t\tclass='my-16 self-center'\n\t\t\t\t\tillustration='search'\n\t\t\t\t\theader={this.emptyStateFilteredHeader()}\n\t\t\t\t\tcontent={this.emptyStateFilteredContent()}\n\t\t\t\t></p-empty-state>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<p-empty-state\n\t\t\t\tclass='my-16 self-center'\n\t\t\t\tillustration='table'\n\t\t\t\theader={this.emptyStateHeader()}\n\t\t\t\tcontent={this.emptyStateContent()}\n\t\t\t\tenableAction={this.enableEmptyStateAction}\n\t\t\t\tactionIcon='plus'\n\t\t\t\tactionText={this.emptyStateAction()}\n\t\t\t\tonAction={() => this.enableAction && this.action.emit()}\n\t\t\t></p-empty-state>\n\t\t);\n\t}\n\n\tprivate _selectAllChange(\n\t\tev: PCheckboxCustomEvent<boolean>,\n\t\tforceValue?: boolean\n\t) {\n\t\tif (!this._enableRowSelection) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst checked = ev?.detail ?? forceValue ?? false;\n\n\t\tconst value = forceValue === undefined ? checked : forceValue;\n\t\tif (value) {\n\t\t\tconst toAdd = [];\n\t\t\tfor (let i = 0; i < this._items.length; i++) {\n\t\t\t\tconst row = this._items[i];\n\t\t\t\tif (this.canSelectKey && !row[this.canSelectKey]) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tif (this._selectionContains(i)) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\ttoAdd.push(row);\n\t\t\t\tthis.rowSelected.emit(row);\n\n\t\t\t\tif (\n\t\t\t\t\tthis._rowSelectionLimit !== undefined &&\n\t\t\t\t\tthis.selectedRows.length + toAdd.length === this._rowSelectionLimit\n\t\t\t\t) {\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tthis.selectedRows = [...this.selectedRows, ...toAdd];\n\t\t\tthis.selectedRowsChange.emit(this.selectedRows);\n\t\t\tif (this.enableFloatingMenu && !this._floatingMenuShown) {\n\t\t\t\tthis._showFloatingMenu();\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\n\t\tfor (let i = 0; i < this.selectedRows.length; i++) {\n\t\t\tconst value = this.selectedRows[i];\n\t\t\tconst row = this._items.find(\n\t\t\t\td => this._getSelectionValue(d, i) === this._getSelectionValue(value, i)\n\t\t\t);\n\n\t\t\tif (!row) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tthis.rowDeselected.emit(row);\n\t\t}\n\n\t\tthis.selectedRows = [];\n\t\tthis.selectedRowsChange.emit(this.selectedRows);\n\t}\n\n\tprivate _checkboxChange(\n\t\t{ detail: checked, target }: PCheckboxCustomEvent<boolean>,\n\t\tindex: number\n\t) {\n\t\tif (!this._enableRowSelection) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (\n\t\t\tchecked &&\n\t\t\tthis._rowSelectionLimit !== undefined &&\n\t\t\tthis.selectedRows.length >= this._rowSelectionLimit\n\t\t) {\n\t\t\ttarget.checked = false;\n\t\t\treturn;\n\t\t}\n\n\t\tconst row = this._items[index];\n\n\t\tif (this.canSelectKey && !row[this.canSelectKey]) {\n\t\t\ttarget.checked = false;\n\t\t\treturn;\n\t\t}\n\n\t\tif (checked) {\n\t\t\tthis.selectedRows = [\n\t\t\t\t...this.selectedRows,\n\t\t\t\t{\n\t\t\t\t\t...row,\n\t\t\t\t\tindex,\n\t\t\t\t},\n\t\t\t];\n\t\t\tthis.selectedRowsChange.emit(this.selectedRows);\n\t\t\tthis.rowSelected.emit(row);\n\n\t\t\tif (this.enableFloatingMenu && !this._floatingMenuShown) {\n\t\t\t\tthis._showFloatingMenu();\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst indexOfToRemove = this._selectionContains(index, true);\n\n\t\t// we need to do this, because splice does not trigger the selection setter.\n\t\tconst selection = [...this.selectedRows];\n\t\tselection.splice(indexOfToRemove, 1);\n\t\tthis.selectedRows = selection;\n\t\tthis.selectedRowsChange.emit(this.selectedRows);\n\t\tthis.rowDeselected.emit(row);\n\t}\n\n\tprivate _getSelectionValue(row: any, index: number) {\n\t\treturn this.selectionKey ? row?.[this.selectionKey] || index : index;\n\t}\n\n\tprivate _selectionContains(index, returnIndex = false): any {\n\t\tconst returnValue = this.selectedRows.findIndex(\n\t\t\titem => item.index === index\n\t\t);\n\t\treturn !returnIndex ? returnValue >= 0 : returnValue;\n\t}\n\n\tprivate _selectionContainsAll() {\n\t\tlet returnValue = true;\n\t\tif (!this._items?.length) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif (\n\t\t\tthis._rowSelectionLimit !== undefined &&\n\t\t\tthis.selectedRows.length === this._rowSelectionLimit\n\t\t) {\n\t\t\treturn true;\n\t\t}\n\n\t\tfor (let i = 0; i < this._items?.length; i++) {\n\t\t\tconst contains = this._selectionContains(i);\n\n\t\t\tif (!contains) {\n\t\t\t\treturnValue = false;\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\n\t\treturn returnValue;\n\t}\n\n\tprivate _selectionIndeterminate() {\n\t\tif (!this._items?.length || !this.selectedRows?.length) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif (\n\t\t\tthis._rowSelectionLimit !== undefined &&\n\t\t\tthis.selectedRows.length === this._rowSelectionLimit\n\t\t) {\n\t\t\treturn false;\n\t\t}\n\n\t\tlet containsCount = 0;\n\t\tfor (let i = 0; i < this._items?.length; i++) {\n\t\t\tconst contains = this._selectionContains(i);\n\n\t\t\tif (contains) {\n\t\t\t\tcontainsCount++;\n\t\t\t}\n\t\t}\n\n\t\treturn containsCount > 0 && containsCount !== this._items.length;\n\t}\n\n\tprivate _rowClick($event, index) {\n\t\tconst target = $event.target;\n\n\t\tif (\n\t\t\ttarget.tagName.toLowerCase() === 'input' ||\n\t\t\ttarget.type === 'checkbox'\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst row = this._findRow($event.target);\n\t\tconst action = this._findRowAction($event.target);\n\n\t\tif (action) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.enableRowClick) {\n\t\t\tconst item = this._items[index];\n\t\t\tthis.rowClick.emit({\n\t\t\t\titem,\n\t\t\t\tctrlDown: this._ctrlDown,\n\t\t\t});\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._enableRowSelection) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst checkbox = row?.querySelector('input[type=\"checkbox\"]');\n\n\t\tif (!checkbox) {\n\t\t\treturn;\n\t\t}\n\n\t\tcheckbox.checked = !checkbox.checked;\n\t\tthis._checkboxChange(checkbox, index);\n\t}\n\n\tprivate _findRow(el: HTMLElement) {\n\t\tif (!el) {\n\t\t\treturn el;\n\t\t}\n\n\t\tif (el?.tagName?.toLowerCase() === 'p-table-row') {\n\t\t\treturn el;\n\t\t}\n\n\t\treturn this._findRow(el?.parentElement);\n\t}\n\n\tprivate _findRowAction(el: HTMLElement) {\n\t\tif (!el) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif (\n\t\t\tel.getAttribute('data-is-action') !== null &&\n\t\t\tel.getAttribute('data-is-action') !== 'false'\n\t\t) {\n\t\t\treturn el;\n\t\t}\n\n\t\tif (el?.tagName?.toLowerCase() === 'p-table-row') {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn this._findRowAction(el?.parentElement);\n\t}\n\n\tprivate _showFloatingMenu() {\n\t\tlet actions = this._rowActionsFloatingAll;\n\t\tif (\n\t\t\tthis.rowSelectionLimit === 1 &&\n\t\t\tactions.findIndex(\n\t\t\t\ta => (a.type === 'single' || a.type === 'both') && a.showFunction\n\t\t\t) >= 0\n\t\t) {\n\t\t\tactions = actions.filter(\n\t\t\t\ta =>\n\t\t\t\t\ta.type === 'multi' ||\n\t\t\t\t\t!a.showFunction ||\n\t\t\t\t\ta.showFunction(this.selectedRows[0])\n\t\t\t);\n\t\t}\n\n\t\tthis._rowActionsFloating = actions;\n\t\tthis._floatingMenuShown = true;\n\t}\n\n\tprivate _parseDefinitions(definitionsArray: HTMLPTableColumnElement[]) {\n\t\treturn definitionsArray.map(definition => {\n\t\t\tdefinition = this._parseDefinitionSizes(definition);\n\t\t\treturn definition;\n\t\t});\n\t}\n\n\tprivate _parseDefinitionSizes(definition: HTMLPTableColumnElement) {\n\t\tconst definitionAny = definition as any;\n\t\tlet parsedSizes: TableColumnSizes = { default: 'full' };\n\n\t\tif (\n\t\t\ttypeof definition.sizes === 'string' &&\n\t\t\t!['auto', 'hidden', 'full'].includes(definition.sizes)\n\t\t) {\n\t\t\tdefinition.sizes = JSON.parse(definition.sizes);\n\t\t}\n\n\t\tfor (const [index, size] of tableColumSizesOptions.entries()) {\n\t\t\tif (\n\t\t\t\tdefinitionAny.sizes === 'auto' ||\n\t\t\t\tdefinitionAny.sizes === 'hidden' ||\n\t\t\t\tdefinitionAny.sizes === 'full' ||\n\t\t\t\ttypeof definitionAny.sizes === 'number'\n\t\t\t) {\n\t\t\t\tparsedSizes[size] =\n\t\t\t\t\tdefinitionAny.sizes === 'auto' ? 'full' : definitionAny.sizes;\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tparsedSizes[size] =\n\t\t\t\tdefinitionAny.sizes[size] ??\n\t\t\t\tparsedSizes[tableColumSizesOptions[index - 1]];\n\t\t}\n\n\t\tdefinition.parsedSizes = parsedSizes;\n\t\treturn definition;\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"p-DEg8xkEx.js","mappings":";;;AAAA,MAAM,kBAAkB,GAAG,onEAAonE;;ACG/oE,MAAM,MAAM,GAAG,GAAG,CACjB;IACC,sJAAsJ;CACtJ,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,SAAS,EAAE,iCAAiC;AAC5C,YAAA,OAAO,EAAE,8BAA8B;AACvC,SAAA;AACD,QAAA,IAAI,EAAE;AACL,YAAA,EAAE,EAAE,cAAc;AAClB,YAAA,EAAE,EAAE,aAAa;AACjB,YAAA,IAAI,EAAE,eAAe;AACrB,YAAA,EAAE,EAAE,cAAc;AAClB,YAAA,EAAE,EAAE,cAAc;AAClB,YAAA,KAAK,EAAE,eAAe;AACtB,YAAA,KAAK,EAAE,yCAAyC;AAChD,YAAA,KAAK,EAAE,yCAAyC;AAChD,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,MAAM,iBAAAA,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;;;;;AAClB;;AAEG;IACK,OAAO,GAA4B,WAAW;AAEtD;;AAEG;IACsB,IAAI,GAQlB,MAAM;AAEjB;;AAEG;AACK,IAAA,YAAY;AAEpB;;AAEG;AACK,IAAA,GAAG;AAEX;;AAEG;AACK,IAAA,OAAO;AAEE,IAAA,IAAI;IACJ,OAAO,GAAY,KAAK;AAGzC,IAAA,YAAY,CAAC,GAAW,EAAA;AACvB,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACpB,QAAA,IAAI,CAAC,IAAI,GAAG,GAAG;;IAGhB,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC;AAC3B,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACf,IAAI,CAAC,UAAU,EAAE;;;IAInB,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,qDACJ,KAAK,EAAE,MAAM,CAAC;gBACb,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,OAAO,EAAE,IAAI,CAAC,OAAO;aACrB,CAAC,EAAA,EAED,IAAI,CAAC,OAAO,IACZ,CAAA,CAAA,MAAA,EAAA,IAAA,EAAO,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,GAAG,CAAQ,KAEvC,WACC,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,KAAK,EAAC,sDAAsD,EAC5D,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,EAC/B,CAAA,CACF,CACK;;IAID,UAAU,GAAA;AACjB,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AACnB,QAAA,IAAI,CAAC,IAAI,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/avatar/avatar/avatar.component.css?tag=p-avatar","src/components/atoms/avatar/avatar/avatar.component.tsx"],"sourcesContent":["","import { Component, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst avatar = cva(\n\t[\n\t\t'p-avatar rounded-full aspect-branding ring-inset ring-1 ring-storm-500/20 p-[1px] flex items-center justify-center font-ambit leading-none font-bold',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tsecondary: 'bg-off-white-500 text-storm-300',\n\t\t\t\tprimary: 'bg-indigo-500 text-storm-500',\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\txs: 'h-4 text-xxs',\n\t\t\t\tsm: 'h-6 text-xs',\n\t\t\t\tbase: 'h-8 text-base',\n\t\t\t\tlg: 'h-10 text-xl',\n\t\t\t\txl: 'h-14 text-xl',\n\t\t\t\t'2xl': 'h-20 text-4xl',\n\t\t\t\t'3xl': 'h-[6.5rem] text-[3.5rem] leading-[4rem]',\n\t\t\t\t'4xl': 'h-[8.5rem] text-[4.5rem] leading-[5rem]',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-avatar',\n\tstyleUrl: 'avatar.component.css',\n\t// shadow: true,\n})\nexport class Avatar {\n\t/**\n\t * The variant of the avatar in case of \"letters\"\n\t */\n\t@Prop() variant: 'secondary' | 'primary' = 'secondary';\n\n\t/**\n\t * The size of the avatar\n\t */\n\t@Prop({ reflect: true }) size:\n\t\t| 'xs'\n\t\t| 'sm'\n\t\t| 'base'\n\t\t| 'lg'\n\t\t| 'xl'\n\t\t| '2xl'\n\t\t| '3xl'\n\t\t| '4xl' = 'base';\n\n\t/**\n\t * The default image to show on errors\n\t */\n\t@Prop() defaultImage: string;\n\n\t/**\n\t * The image used for the avatar\n\t */\n\t@Prop() src!: string;\n\n\t/**\n\t * The letters to show on the empty state variant\n\t */\n\t@Prop() letters: string;\n\n\t@State() private _src: string;\n\t@State() private _failed: boolean = false;\n\n\t@Watch('src')\n\tonSrchChange(src: string) {\n\t\tthis._failed = false;\n\t\tthis._src = src;\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.onSrchChange(this.src);\n\t\tif (!this._src) {\n\t\t\tthis._setFailed();\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={avatar({\n\t\t\t\t\tsize: this.size,\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this._failed ? (\n\t\t\t\t\t<span>{this.letters?.[0] ?? ' '}</span>\n\t\t\t\t) : (\n\t\t\t\t\t<img\n\t\t\t\t\t\tsrc={this._src}\n\t\t\t\t\t\tclass='z-0 aspect-branding h-full rounded-full object-cover'\n\t\t\t\t\t\tonError={() => this._setFailed()}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _setFailed() {\n\t\tthis._failed = true;\n\t\tthis._src = undefined;\n\t}\n}\n"],"version":3}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"p-MpIEVhmn.js","mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,uBAAuB,GAAG,k+GAAk+G;;ACiBlgH,MAAM,MAAM,GAAG,GAAG,CACjB;IACC,yBAAyB;IACzB,kBAAkB;IAClB,sDAAsD;IACtD,oDAAoD;IACpD,+IAA+I;CAC/I,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,MAAM,EAAE;AACP,YAAA,KAAK,EAAE,iBAAiB;AACxB,YAAA,IAAI,EAAE,mBAAmB;AACzB,SAAA;AACD,QAAA,MAAM,EAAE;AACP,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,IAAI,EAAE,QAAQ;AACd,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;;;;AACvB;;AAEG;IACK,oBAAoB,GAAY,IAAI;AAE5C;;AAEG;IACK,qBAAqB,GAAY,IAAI;AAE7C;;AAEG;IACK,OAAO,GAAY,KAAK;AAEhC;;AAEG;IACqC,IAAI,GAAW,CAAC;AAExD;;AAEG;AACK,IAAA,KAAK;AAEb;;AAEG;AAIH,IAAA,UAAU;AAEV;;AAEG;IACK,QAAQ,GAAW,4BAA4B;AAEvD;;AAEG;IACK,eAAe,GAAa,oCAAoC;AAExE;;AAEG;AAIH,IAAA,cAAc;AAEd;;AAEG;AAIH,IAAA,YAAY;AAEZ;;AAEG;IACK,gBAAgB,GAAY,IAAI;;IAOvB,SAAS,GAAG,KAAK;IACjB,mBAAmB,GAAG,IAAI;IAEnC,mBAAmB,GAAG,KAAK;IAC3B,OAAO,GAAG,KAAK;AACf,IAAA,mBAAmB;IAE3B,mBAAmB,GAAA;AAClB,QAAA,IAAI,CAAC,mBAAmB;AACvB,YAAA,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC;QAEjE,MAAM,MAAM,GACX,CAAC,IAAI,CAAC,mBAAmB,IAAI,CAAC,IAAI,CAAC,mBAAmB;aACrD,CAAC,IAAI,CAAC,oBAAoB,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC;AAE5D,QAAA,IAAI,MAAM,KAAK,IAAI,CAAC,OAAO,EAAE;AAC5B,YAAA,IAAI,CAAC,OAAO,GAAG,MAAM;AACrB,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC;;;IAIhC,kBAAkB,GAAA;AACjB,QAAA,IAAI,IAAI,CAAC,mBAAmB,EAAE;AAC7B,YAAA,YAAY,CAAC,IAAI,CAAC,mBAAmB,CAAC;AACtC,YAAA,IAAI,CAAC,mBAAmB,GAAG,IAAI;;AAGhC,QAAA,IAAI,CAAC,mBAAmB,GAAG,UAAU,CAAC,MAAM,IAAI,CAAC,WAAW,EAAE,EAAE,GAAG,CAAC;;IAGrE,MAAM,GAAA;QACL,QACC,EAAC,UAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACV,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,MAAM,CAAC;gBACb,MAAM,EAAE,IAAI,CAAC,SAAS;gBACtB,MAAM,EAAE,IAAI,CAAC,OAAO;aACpB,CAAC,EAAA,EAED,CAAC,IAAI,CAAC,qBAAqB,IAAI,IAAI,CAAC,oBAAoB;YACxD,IAAI,CAAC,KAAK,GAAG,CAAC,KACb,CACC,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,OAAO,EACb,oBAAoB,EAAE,IAAI,CAAC,oBAAoB,EAC/C,qBAAqB,EAAE,IAAI,CAAC,qBAAqB,EACjD,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,gBAAgB,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,EAC9D,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACvC,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,EAC1D,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,aAAa,EAAE,CAAC,EAAE,MAAM,EAAE,MACxB,IAAI,CAAC,mBAAmB,GAAG,MAAM,GAAG,CAAC,CAAC,EAAA,CAEvC,CACF,CACG,CACM;;AAIP,IAAA,eAAe,CAAC,CAAU,EAAA;QACjC,IAAI,CAAC,CAAC,EAAE;YACP;;AAGD,QAAA,IAAI,CAAC,QAAQ,GAAG,CAAC;QACjB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;;IAGhC,WAAW,GAAA;QAClB,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,qBAAqB,EAAE;QAC7C,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC;QACzC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC;QAEjD,IAAI,KAAK,EAAE;YACV,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,cAAc,CAAC;YAChE,MAAM,YAAY,GAAG,SAAS,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC;AAE9D,YAAA,MAAM,oBAAoB,GAAG,gBAAgB,CAAC,YAAY,CAAC;YAE3D,MAAM,kBAAkB,GAAG,QAAQ,CAClC,oBAAoB,CAAC,aAAa,EAClC,EAAE,CACF;YACD,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAA,CAAA,EAAI,kBAAkB,CAAA,EAAA,CAAI;AAClD,YAAA,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,GAAG,CAAA,CAAA,EAAI,kBAAkB,GAAG,CAAC,CAAA,EAAA,CAAI;;AAG7D,QAAA,IAAI,MAAM,IAAI,CAAC,KAAK,EAAE;YACrB,MAAM,YAAY,GAAG,MAAM,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU,CAAC;AAChE,YAAA,MAAM,oBAAoB,GAAG,gBAAgB,CAAC,YAAY,CAAC;YAE3D,MAAM,mBAAmB,GAAG,QAAQ,CACnC,oBAAoB,CAAC,aAAa,EAClC,EAAE,CACF;YACD,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAA,CAAA,EAAI,mBAAmB,CAAA,EAAA,CAAI;AACnD,YAAA,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,GAAG,CAAA,CAAA,EAAI,mBAAmB,GAAG,CAAC,CAAA,EAAA,CAAI;;AAG9D,QAAA,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,IAAI,CAAC;;IAIvD,QAAQ,GAAA;QACP,IAAI,CAAC,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","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 py-8 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},\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 * 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(), 100);\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})}\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 +0,0 @@
|
|
|
1
|
-
{"file":"p-dw4ui28s.js","mappings":";;;;;;AAAA,MAAM,qBAAqB,GAAG,kzOAAkzO;;MC+Cn0O,SAAS,iBAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;;;;;AACrB;;AAEG;IACK,OAAO,GAAqC,SAAS;AAE7D;;AAEG;AACK,IAAA,KAAK;AAEb;;AAEG;AACK,IAAA,QAAQ;AAEhB;;AAEG;AACK,IAAA,UAAU;AAElB;;AAEG;AACK,IAAA,IAAI;AAEZ;;AAEG;AACK,IAAA,KAAK;AAEb;;AAEG;AACK,IAAA,QAAQ;AAEhB;;AAEG;IACK,QAAQ,GAAgC,CAAC,EAChD,KAAK,GACgB,KAAK,KAAK;AAEhC,IAAA,IAAI,IAAI,GAAA;AACP,QAAA,IAAI,IAAI,CAAC,OAAO,KAAK,QAAQ,EAAE;YAC9B,OAAO;gBACN,KAAK,EAAE,IAAI,CAAC,KAAK;aACjB;;QAGF,OAAO;YACN,KAAK,EACJ,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,UAAU,EAAE;AAC9B,kBAAE,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI;AACjD,kBAAE,IAAI;YACR,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACvB;;IAGF,MAAM,GAAA;QACL,QACC,EAAC,UAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,iBAAiB,EAAE,EAAA,EACzC,IAAI,CAAC,QAAQ,EAEb,IAAI,CAAC,WAAW,EAAE,EAElB,KA4BA,CACW;;IAIP,WAAW,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS,EAAE;AAC/B,YAAA,QACC,CACC,CAAA,UAAA,EAAA,EAAA,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,wCAAwC,EAC7C,CAAA;;QAIJ,QACC,CACC,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,EAAE,CAAC,+BAA+B,EAAE;AAC1C,gBAAA,YAAY,EACX,IAAI,CAAC,UAAU,CAAC,KAAK,KAAK,OAAO;AACjC,oBAAA,IAAI,CAAC,UAAU,CAAC,KAAK,KAAK,SAAS;AACpC,gBAAA,aAAa,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,KAAK,QAAQ;AACjD,gBAAA,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,KAAK,KAAK;aAC3C,CAAC,EAAA,EAED,IAAI,CAAC,OAAO,KAAK,QAAQ,IACzB,IAAI,CAAC,IAAI,CAAC,KAAK,IACZ,IAAI,CAAC,UAAU,CAAC,OAAO,IAC1B,eAAQ,KAER,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAA2B,CAAC,CAC/C,CACI;;IAIA,iBAAiB,GAAA;AACxB,QAAA,OAAO,EAAE,CAAC,yBAAyB,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/table/cell/table-cell.component.css?tag=p-table-cell","src/components/molecules/table/cell/table-cell.component.tsx"],"sourcesContent":["","import { Component, Fragment, h, Prop } from '@stencil/core';\nimport {\n\tTableDefinitionData,\n\tTableDefinitionTemplateFunc,\n} from '../../../../types';\nimport { getTableCellColumnClasses, objectGetByPath } from '../../../../utils';\n\nimport { ThemedHost } from '../../../../internal/themed-host.component';\nimport { cn } from '../../../../utils/cn';\nimport { TableColumn } from '../../../helpers/table/column/table-column.component';\n\n/*\n With this, we shall hack the system in ways no one would ever have thought.\n\n\n ⠀⠀⠀⠀⠀⣠⣴⣶⣿⣿⠿⣷⣶⣤⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣴⣶⣷⠿⣿⣿⣶⣦⣀⠀⠀⠀⠀⠀\n ⠀⠀⠀⢀⣾⣿⣿⣿⣿⣿⣿⣿⣶⣦⣬⡉⠒⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠚⢉⣥⣴⣾⣿⣿⣿⣿⣿⣿⣿⣧⠀⠀⠀⠀\n ⠀⠀⠀⡾⠿⠛⠛⠛⠛⠿⢿⣿⣿⣿⣿⣿⣷⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣾⣿⣿⣿⣿⣿⠿⠿⠛⠛⠛⠛⠿⢧⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⠻⣿⣿⣿⣿⣿⡄⠀⠀⠀⠀⠀⠀⣠⣿⣿⣿⣿⡿⠟⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢿⣿⡄⠀⠀⠀⠀⠀⠀⠀⠀⢰⣿⡿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⣠⣤⠶⠶⠶⠰⠦⣤⣀⠀⠙⣷⠀⠀⠀⠀⠀⠀⠀⢠⡿⠋⢀⣀⣤⢴⠆⠲⠶⠶⣤⣄⠀⠀⠀⠀⠀⠀⠀\n ⠀⠘⣆⠀⠀⢠⣾⣫⣶⣾⣿⣿⣿⣿⣷⣯⣿⣦⠈⠃⡇⠀⠀⠀⠀⢸⠘⢁⣶⣿⣵⣾⣿⣿⣿⣿⣷⣦⣝⣷⡄⠀⠀⡰⠂⠀\n ⠀⠀⣨⣷⣶⣿⣧⣛⣛⠿⠿⣿⢿⣿⣿⣛⣿⡿⠀⠀⡇⠀⠀⠀⠀⢸⠀⠈⢿⣟⣛⠿⢿⡿⢿⢿⢿⣛⣫⣼⡿⣶⣾⣅⡀⠀\n ⢀⡼⠋⠁⠀⠀⠈⠉⠛⠛⠻⠟⠸⠛⠋⠉⠁⠀⠀⢸⡇⠀⠀⠄⠀⢸⡄⠀⠀⠈⠉⠙⠛⠃⠻⠛⠛⠛⠉⠁⠀⠀⠈⠙⢧⡀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣿⡇⢠⠀⠀⠀⢸⣷⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣾⣿⡇⠀⠀⠀⠀⢸⣿⣷⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠟⠁⣿⠇⠀⠀⠀⠀⢸⡇⠙⢿⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠰⣄⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣾⠖⡾⠁⠀⠀⣿⠀⠀⠀⠀⠀⠘⣿⠀⠀⠙⡇⢸⣷⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠄⠀\n ⠀⠀⢻⣷⡦⣤⣤⣤⡴⠶⠿⠛⠉⠁⠀⢳⠀⢠⡀⢿⣀⠀⠀⠀⠀⣠⡟⢀⣀⢠⠇⠀⠈⠙⠛⠷⠶⢦⣤⣤⣤⢴⣾⡏⠀⠀\n ⠀⠀⠈⣿⣧⠙⣿⣷⣄⠀⠀⠀⠀⠀⠀⠀⠀⠘⠛⢊⣙⠛⠒⠒⢛⣋⡚⠛⠉⠀⠀⠀⠀⠀⠀⠀⠀⣠⣿⡿⠁⣾⡿⠀⠀⠀\n ⠀⠀⠀⠘⣿⣇⠈⢿⣿⣦⠀⠀⠀⠀⠀⠀⠀⠀⣰⣿⣿⣿⡿⢿⣿⣿⣿⣆⠀⠀⠀⠀⠀⠀⠀⢀⣼⣿⡟⠁⣼⡿⠁⠀⠀⠀\n ⠀⠀⠀⠀⠘⣿⣦⠀⠻⣿⣷⣦⣤⣤⣶⣶⣶⣿⣿⣿⣿⠏⠀⠀⠻⣿⣿⣿⣿⣶⣶⣶⣦⣤⣴⣿⣿⠏⢀⣼⡿⠁⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠘⢿⣷⣄⠙⠻⠿⠿⠿⠿⠿⢿⣿⣿⣿⣁⣀⣀⣀⣀⣙⣿⣿⣿⠿⠿⠿⠿⠿⠿⠟⠁⣠⣿⡿⠁⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠈⠻⣯⠙⢦⣀⠀⠀⠀⠀⠀⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠀⠀⠀⠀⠀⣠⠴⢋⣾⠟⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠙⢧⡀⠈⠉⠒⠀⠀⠀⠀⠀⠀⣀⠀⠀⠀⠀⢀⠀⠀⠀⠀⠀⠐⠒⠉⠁⢀⡾⠃⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠳⣄⠀⠀⠀⠀⠀⠀⠀⠀⠻⣿⣿⣿⣿⠋⠀⠀⠀⠀⠀⠀⠀⠀⣠⠟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⢦⡀⠀⠀⠀⠀⠀⠀⠀⣸⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⢀⡴⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠐⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⣿⡿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⣿⣿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n */\n@Component({\n\ttag: 'p-table-cell',\n\tstyleUrl: 'table-cell.component.css',\n})\nexport class TableCell {\n\t/**\n\t * The variant of the column\n\t */\n\t@Prop() variant: 'default' | 'loading' | 'header' = 'default';\n\n\t/**\n\t * The index of the column\n\t */\n\t@Prop() index: number;\n\n\t/**\n\t * The index of the row\n\t */\n\t@Prop() rowIndex: number;\n\n\t/**\n\t * The definition of the table column\n\t */\n\t@Prop() definition?: TableColumn | any;\n\n\t/**\n\t * The item in question\n\t */\n\t@Prop() item: any;\n\n\t/**\n\t * The value of the column\n\t */\n\t@Prop() value: any;\n\n\t/**\n\t * The checkbox to show\n\t */\n\t@Prop() checkbox: any;\n\n\t/**\n\t * The template to show\n\t */\n\t@Prop() template: TableDefinitionTemplateFunc = ({\n\t\tvalue,\n\t}: TableDefinitionData) => value;\n\n\tget data(): TableDefinitionData | { value: string } {\n\t\tif (this.variant === 'header') {\n\t\t\treturn {\n\t\t\t\tvalue: this.value,\n\t\t\t};\n\t\t}\n\n\t\treturn {\n\t\t\tvalue:\n\t\t\t\tthis.value ?? this.definition?.path\n\t\t\t\t\t? objectGetByPath(this.item, this.definition.path)\n\t\t\t\t\t: null,\n\t\t\titem: this.item,\n\t\t\tindex: this.index,\n\t\t\trowIndex: this.rowIndex,\n\t\t};\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost class={this._getColumnClasses()}>\n\t\t\t\t{this.checkbox}\n\n\t\t\t\t{this._getContent()}\n\n\t\t\t\t{false && (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t<div class='text-storm-300 text-storm-400 text-storm-500 dark:text-hurricane-200 dark:text-white'></div>\n\t\t\t\t\t\t<div class='justify-start justify-end justify-center'></div>\n\t\t\t\t\t\t<div class='font-semibold text-storm-300 text-storm-400 text-storm-500'></div>\n\t\t\t\t\t\t<div class='w-12/12 w-1/12 w-10/12 w-11/12 w-2/12 w-3/12 w-4/12 w-5/12 w-6/12 w-7/12 w-8/12 w-9/12'></div>\n\t\t\t\t\t\t<div class='tablet:w-12/12 tablet:w-1/12 tablet:w-10/12 tablet:w-11/12 tablet:w-2/12 tablet:w-3/12 tablet:w-4/12 tablet:w-5/12 tablet:w-6/12 tablet:w-7/12 tablet:w-8/12 tablet:w-9/12'></div>\n\t\t\t\t\t\t<div class='desktop-xs:w-12/12 desktop-xs:w-1/12 desktop-xs:w-10/12 desktop-xs:w-11/12 desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12 desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12'></div>\n\t\t\t\t\t\t<div class='desktop-xs:w-12/12 desktop-xs:w-1/12 desktop-xs:w-10/12 desktop-xs:w-11/12 desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12 desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12'></div>\n\t\t\t\t\t\t<div class='desktop-sm:w-12/12 desktop-sm:w-1/12 desktop-sm:w-10/12 desktop-sm:w-11/12 desktop-sm:w-2/12 desktop-sm:w-3/12 desktop-sm:w-4/12 desktop-sm:w-5/12 desktop-sm:w-6/12 desktop-sm:w-7/12 desktop-sm:w-8/12 desktop-sm:w-9/12'></div>\n\t\t\t\t\t\t<div class='desktop:w-12/12 desktop:w-1/12 desktop:w-10/12 desktop:w-11/12 desktop:w-2/12 desktop:w-3/12 desktop:w-4/12 desktop:w-5/12 desktop:w-6/12 desktop:w-7/12 desktop:w-8/12 desktop:w-9/12'></div>\n\t\t\t\t\t\t<div class='desktop-lg:w-12/12 desktop-lg:w-1/12 desktop-lg:w-10/12 desktop-lg:w-11/12 desktop-lg:w-2/12 desktop-lg:w-3/12 desktop-lg:w-4/12 desktop-lg:w-5/12 desktop-lg:w-6/12 desktop-lg:w-7/12 desktop-lg:w-8/12 desktop-lg:w-9/12'></div>\n\t\t\t\t\t\t<div class='desktop-xl:w-12/12 desktop-xl:w-1/12 desktop-xl:w-10/12 desktop-xl:w-11/12 desktop-xl:w-2/12 desktop-xl:w-3/12 desktop-xl:w-4/12 desktop-xl:w-5/12 desktop-xl:w-6/12 desktop-xl:w-7/12 desktop-xl:w-8/12 desktop-xl:w-9/12'></div>\n\t\t\t\t\t\t<div class='flex hidden group-hover:flex group-hover:hidden'></div>\n\t\t\t\t\t\t<div class='tablet:flex tablet:hidden tablet:group-hover:flex tablet:group-hover:hidden'></div>\n\t\t\t\t\t\t<div class='desktop-xs:flex desktop-xs:hidden desktop-xs:group-hover:flex desktop-xs:group-hover:hidden'></div>\n\t\t\t\t\t\t<div class='desktop-sm:flex desktop-sm:hidden desktop-sm:group-hover:flex desktop-sm:group-hover:hidden'></div>\n\t\t\t\t\t\t<div class='desktop:flex desktop:hidden desktop:group-hover:flex desktop:group-hover:hidden'></div>\n\t\t\t\t\t\t<div class='desktop-lg:flex desktop-lg:hidden desktop-lg:group-hover:flex desktop-lg:group-hover:hidden'></div>\n\t\t\t\t\t\t<div class='desktop-xl:flex desktop-xl:hidden desktop-xl:group-hover:flex desktop-xl:group-hover:hidden'></div>\n\t\t\t\t\t\t<div class='pr-0 pr-4 last-of-type:pr-0'></div>\n\t\t\t\t\t\t<div class='tablet:pr-0 tablet:pr-4'></div>\n\t\t\t\t\t\t<div class='desktop-xs:pr-0 desktop-xs:pr-4'></div>\n\t\t\t\t\t\t<div class='desktop-sm:pr-0 desktop-sm:pr-4'></div>\n\t\t\t\t\t\t<div class='desktop:pr-0 desktop:pr-4'></div>\n\t\t\t\t\t\t<div class='desktop-lg:pr-0 desktop-lg:pr-4'></div>\n\t\t\t\t\t\t<div class='desktop-xl:pr-0 desktop-xl:pr-4'></div>\n\t\t\t\t\t</Fragment>\n\t\t\t\t)}\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n\n\tprivate _getContent() {\n\t\tif (this.variant === 'loading') {\n\t\t\treturn (\n\t\t\t\t<p-loader\n\t\t\t\t\tvariant='ghost'\n\t\t\t\t\tclass='h-6 w-[calc(100%-1rem)] flex-1 rounded'\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={cn('overflow-hidden text-ellipsis', {\n\t\t\t\t\t'text-start':\n\t\t\t\t\t\tthis.definition.align === 'start' ||\n\t\t\t\t\t\tthis.definition.align === undefined,\n\t\t\t\t\t'text-center': this.definition.align === 'center',\n\t\t\t\t\t'text-end': this.definition.align === 'end',\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this.variant === 'header' ? (\n\t\t\t\t\tthis.data.value\n\t\t\t\t) : this.definition.useSlot ? (\n\t\t\t\t\t<slot />\n\t\t\t\t) : (\n\t\t\t\t\tthis.template(this.data as TableDefinitionData)\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _getColumnClasses() {\n\t\treturn cn(getTableCellColumnClasses(this.definition, this.variant));\n\t}\n}\n"],"version":3}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,c as a}from"./p-Dpmiv2da.js";const e=class{constructor(e){t(this,e);this.tableDefinitionChanged=a(this,"tableDefinitionChanged",7)}path;variant="default";name;useSlot=false;hasCheckbox=false;align="start";parsedSizes;sizes="auto";tableDefinitionChanged;componentDidUpdate(){this.tableDefinitionChanged.emit(true)}render(){return}};export{e as p_table_column};
|
|
2
|
-
//# sourceMappingURL=p-320413a7.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["TableColumn","path","variant","name","useSlot","hasCheckbox","align","parsedSizes","sizes","tableDefinitionChanged","componentDidUpdate","this","emit","render"],"sources":["src/components/helpers/table/column/table-column.component.tsx"],"sourcesContent":["import { Component, Event, EventEmitter, Prop } from '@stencil/core';\nimport { TableColumnSizes } from '../../../../types/table';\n\n@Component({\n\ttag: 'p-table-column',\n})\nexport class TableColumn {\n\t/**\n\t * The path of the value of the item you want to display\n\t */\n\t@Prop({ reflect: true, mutable: true }) path: string;\n\n\t/**\n\t * The variant of the column\n\t */\n\t@Prop({ reflect: true, mutable: true }) variant:\n\t\t| 'subject'\n\t\t| 'default'\n\t\t| 'highlight' = 'default';\n\n\t/**\n\t * The name of the column\n\t */\n\t@Prop({ reflect: true, mutable: true }) name: string;\n\n\t/**\n\t * Wether the column should use the slot\n\t */\n\t@Prop({ reflect: true, mutable: true }) useSlot: boolean = false;\n\n\t/**\n\t * Wether the column should have a checkbox\n\t */\n\t@Prop({ reflect: true, mutable: true }) hasCheckbox: boolean = false;\n\n\t/**\n\t * The alignment of the column\n\t */\n\t@Prop({ reflect: true, mutable: true }) align: 'start' | 'center' | 'end' =\n\t\t'start';\n\n\t/**\n\t * Parsed sizes based on the complete set of columns\n\t */\n\t@Prop({ reflect: true, mutable: true }) parsedSizes:\n\t\t| TableColumnSizes\n\t\t| undefined;\n\n\t/**\n\t * The sizes of the column\n\t */\n\t@Prop({ mutable: true }) sizes:\n\t\t| 'auto'\n\t\t| 'hidden'\n\t\t| 'full'\n\t\t| number\n\t\t| TableColumnSizes = 'auto';\n\n\t/**\n\t * Event to let the table know it has to re render\n\t */\n\t@Event({ bubbles: true, composed: true })\n\ttableDefinitionChanged: EventEmitter<boolean>;\n\n\tcomponentDidUpdate() {\n\t\tthis.tableDefinitionChanged.emit(true);\n\t}\n\n\trender() {\n\t\treturn;\n\t}\n}\n"],"mappings":"iDAMaA,EAAW,M,wFAIiBC,KAKAC,QAGvB,UAKuBC,KAKAC,QAAmB,MAKnBC,YAAuB,MAKvBC,MACvC,QAKuCC,YAOfC,MAKH,OAMtBC,uBAEA,kBAAAC,GACCC,KAAKF,uBAAuBG,KAAK,K,CAGlC,MAAAC,GACC,M","ignoreList":[]}
|