@paperless/core 0.1.0-alpha.99 → 1.3.0

package/dist/components/p-stepper.js

@@ -1,97 +1,93 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$4 } from './icon.component.js';
-import { d as defineCustomElement$3 } from './stepper-item.component.js';
 import { d as defineCustomElement$2 } from './stepper-line.component.js';
 
-const stepperComponentCss = ".static{position:static!important}.mb-3{margin-bottom:.75rem!important}.ml-2{margin-left:.5rem!important}.flex{display:flex!important}.h-auto{height:auto!important}.w-full{width:100%!important}.flex-auto{flex:1 1 auto!important}.-translate-y-1{--tw-translate-y:-0.25rem!important}.-translate-x-1,.-translate-y-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-translate-x-1{--tw-translate-x:-0.25rem!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.border-t-2{border-top-width:2px!important}.border-r-2{border-right-width:2px!important}.border-indigo{border-color:rgb(82 138 250/var(--tw-border-opacity))!important}.border-indigo,.border-mystic-dark{--tw-border-opacity:1!important}.border-mystic-dark{border-color:rgb(218 230 240/var(--tw-border-opacity))!important}.transition{transition-duration:.15s!important;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.duration-500{transition-duration:.5s!important}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}*{box-sizing:border-box}:host{display:flex}:host([direction=horizontal]){align-items:flex-end;height:auto}:host([direction=vertical]){align-items:flex-start;flex-direction:column;flex-wrap:wrap;min-height:100%;width:100%}.-translate-y-1\\/2{--tw-translate-y:-50%!important}.-translate-x-1\\/2,.-translate-y-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-translate-x-1\\/2{--tw-translate-x:-50%!important}";
+const stepperComponentCss = ".flex{display:flex!important}.h-auto{height:auto!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}*{box-sizing:border-box}:host{display:flex}:host([direction=horizontal]){align-items:flex-end;height:auto}:host([direction=vertical]){align-items:flex-start;flex-direction:column;flex-wrap:wrap;min-height:100%;width:100%}:host([direction=vertical][content-position=start]){align-items:flex-end}.static{position:static!important}";
 
-const Stepper = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const Stepper = /*@__PURE__*/ proxyCustomElement(class Stepper extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     this.__attachShadow();
-    /**
-     * The currently active step
-     */
     this.activeStep = 1;
-    /**
-     * The direction of the stepper
-     */
     this.direction = 'horizontal';
+    this.contentPosition = 'end';
   }
-  componentWillRender() {
-    const activeStep = this.activeStep - 1;
-    this._steps = this._generateSteps(activeStep);
+  // private _steps: Array<HTMLPStepperItemElement>;
+  componentDidRender() {
+    this._generateSteps();
   }
   render() {
-    return h(Host, { class: "p-stepper" }, this._steps);
+    return (h(Host, { class: "p-stepper" }, h("slot", null)));
   }
-  _generateSteps(activeStep) {
-    const elements = [];
+  _generateSteps() {
+    let activeStep = this.activeStep - 1 || 0;
     const items = this._el.querySelectorAll('p-stepper-item');
+    if (!this.activeStep || activeStep < 0) {
+      for (let i = 0; i < (items === null || items === void 0 ? void 0 : items.length); i++) {
+        const item = items.item(i);
+        if (item.active) {
+          activeStep = i;
+        }
+        if (activeStep < 0 && item.finished) {
+          activeStep = i + 1;
+        }
+      }
+    }
     for (let i = 0; i < (items === null || items === void 0 ? void 0 : items.length); i++) {
       const item = items.item(i);
+      item.active = i === activeStep;
+      item.finished = i < activeStep;
+      item.direction = this.direction;
+      item.align =
+        i === 0 ? 'start' : i === (items === null || items === void 0 ? void 0 : items.length) - 1 ? 'end' : 'center';
+      item.contentPosition = this.contentPosition;
+      if (i < items.length - 1) {
+        const nextItem = item.nextElementSibling;
+        if (nextItem &&
+          nextItem.tagName.toLowerCase() === 'p-stepper-item') {
+          const heightDiff = (item.clientHeight - 16) / 2;
+          const stepperLine = document.createElement('p-stepper-line');
+          stepperLine.direction = this.direction;
+          stepperLine.active = i <= activeStep;
+          if (heightDiff > 0 && this.direction === 'vertical') {
+            stepperLine.style.marginTop = `-${heightDiff / 16}rem`;
+            stepperLine.style.marginBottom = `-${heightDiff / 16}rem`;
+            stepperLine.style.minHeight = `calc(1rem + ${(heightDiff * 2) / 16}rem)`;
+          }
+          this._el.insertBefore(stepperLine, nextItem);
+          continue;
+        }
+      }
       if (i > 0) {
-        elements.push(h("p-stepper-line", { direction: this.direction, active: i <= activeStep }));
+        const previousItem = item.previousElementSibling;
+        if (previousItem.tagName.toLowerCase() === 'p-stepper-line') {
+          previousItem.direction = this.direction;
+          previousItem.active = item.active || item.finished;
+        }
       }
-      const newItem = (h("p-stepper-item", { active: i === activeStep, finished: i < activeStep, direction: this.direction, align: i === 0
-          ? 'start'
-          : i === (items === null || items === void 0 ? void 0 : items.length) - 1
-            ? 'end'
-            : 'center' }, item.innerHTML));
-      elements.push(newItem);
     }
-    return elements;
-    // return this._el
-    //     .querySelectorAll('p-stepper-step')
-    //     .map((child: any, index) => {
-    //         return (
-    //             <>
-    //                 {index > 0 && (
-    //                     <div
-    //                         className={`flex-auto transform ${
-    //                             direction === 'horizontal'
-    //                                 ? 'border-t-2 mb-3 -translate-y-1/2'
-    //                                 : 'border-r-2 ml-2 -translate-x-1/2'
-    //                         } transition duration-500 ease-in-out ${
-    //                             index <= activeStep
-    //                                 ? 'border-indigo'
-    //                                 : 'border-mystic-dark'
-    //                         }`}
-    //                     ></div>
-    //                 )}
-    //                 {child}
-    //             </>
-    //         );
-    //     });
   }
   get _el() { return this; }
+  static get watchers() { return {
+    "activeStep": ["_generateSteps"]
+  }; }
   static get style() { return stepperComponentCss; }
 }, [1, "p-stepper", {
     "activeStep": [2, "active-step"],
-    "direction": [513]
+    "direction": [513],
+    "contentPosition": [513, "content-position"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["p-stepper", "p-icon", "p-stepper-item", "p-stepper-line"];
+  const components = ["p-stepper", "p-stepper-line"];
   components.forEach(tagName => { switch (tagName) {
     case "p-stepper":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, Stepper);
       }
       break;
-    case "p-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "p-stepper-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
     case "p-stepper-line":
       if (!customElements.get(tagName)) {
         defineCustomElement$2();
@@ -104,3 +100,5 @@ const PStepper = Stepper;
 const defineCustomElement = defineCustomElement$1;
 
 export { PStepper, defineCustomElement };
+
+//# sourceMappingURL=p-stepper.js.map

package/dist/components/p-stepper.js.map

@@ -0,0 +1 @@
+{"file":"p-stepper.js","mappings":"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","names":[],"sources":["./src/components/molecules/stepper/stepper.component.scss?tag=p-stepper&encapsulation=shadow","./src/components/molecules/stepper/stepper.component.tsx"],"sourcesContent":[":host {\n    @apply flex;\n}\n\n:host([direction='horizontal']) {\n    @apply h-auto items-end;\n}\n\n:host([direction='vertical']) {\n    @apply flex-col flex-wrap items-start;\n    @apply w-full min-h-full;\n}\n\n:host([direction='vertical'][content-position='start']) {\n    @apply items-end;\n}\n","import { Component, Element, h, Host, Prop, Watch } from '@stencil/core';\n\n@Component({\n    tag: 'p-stepper',\n    styleUrl: 'stepper.component.scss',\n    shadow: true,\n})\nexport class Stepper {\n    /**\n     * The currently active step\n     */\n    @Prop() activeStep: number = 1;\n\n    /**\n     * The direction of the stepper\n     */\n    @Prop({ reflect: true }) direction: 'horizontal' | 'vertical' =\n        'horizontal';\n\n    /**\n     * The position of the content in case of vertical direction\n     */\n    @Prop({ reflect: true }) contentPosition: 'start' | 'end' = 'end';\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    // private _steps: Array<HTMLPStepperItemElement>;\n\n    componentDidRender() {\n        this._generateSteps();\n    }\n\n    render() {\n        return (\n            <Host class=\"p-stepper\">\n                <slot />\n            </Host>\n        );\n    }\n\n    @Watch('activeStep')\n    private _generateSteps() {\n        let activeStep = this.activeStep - 1 || 0;\n        const items = this._el.querySelectorAll('p-stepper-item');\n\n        if (!this.activeStep || activeStep < 0) {\n            for (let i = 0; i < items?.length; i++) {\n                const item = items.item(i) as any;\n\n                if (item.active) {\n                    activeStep = i;\n                }\n\n                if (activeStep < 0 && item.finished) {\n                    activeStep = i + 1;\n                }\n            }\n        }\n\n        for (let i = 0; i < items?.length; i++) {\n            const item = items.item(i) as any;\n\n            item.active = i === activeStep;\n            item.finished = i < activeStep;\n            item.direction = this.direction;\n            item.align =\n                i === 0 ? 'start' : i === items?.length - 1 ? 'end' : 'center';\n            item.contentPosition = this.contentPosition;\n\n            if (i < items.length - 1) {\n                const nextItem = item.nextElementSibling;\n                if (\n                    nextItem &&\n                    nextItem.tagName.toLowerCase() === 'p-stepper-item'\n                ) {\n                    const heightDiff = (item.clientHeight - 16) / 2;\n\n                    const stepperLine =\n                        document.createElement('p-stepper-line');\n\n                    stepperLine.direction = this.direction;\n                    stepperLine.active = i <= activeStep;\n\n                    if (heightDiff > 0 && this.direction === 'vertical') {\n                        stepperLine.style.marginTop = `-${heightDiff / 16}rem`;\n                        stepperLine.style.marginBottom = `-${\n                            heightDiff / 16\n                        }rem`;\n                        stepperLine.style.minHeight = `calc(1rem + ${\n                            (heightDiff * 2) / 16\n                        }rem)`;\n                    }\n\n                    this._el.insertBefore(stepperLine, nextItem);\n\n                    continue;\n                }\n            }\n\n            if (i > 0) {\n                const previousItem = item.previousElementSibling;\n                if (previousItem.tagName.toLowerCase() === 'p-stepper-line') {\n                    previousItem.direction = this.direction;\n                    previousItem.active = item.active || item.finished;\n                }\n            }\n        }\n    }\n}\n"],"version":3}

package/dist/components/p-tab-group.js

@@ -1,18 +1,15 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { d as defineCustomElement$2 } from './divider.component.js';
 
-const tabGroupComponentCss = ".static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.m-0{margin:0!important}.flex{display:flex!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.gap-5{gap:1.25rem!important}*{box-sizing:border-box}:host{display:flex;flex-direction:column;position:relative;width:100%}:host .content{display:flex;gap:1.25rem;width:100%;z-index:10}:host p-divider{bottom:0;left:0;margin:0;position:absolute;width:100%}";
-
-const TabGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const TabGroup = /*@__PURE__*/ proxyCustomElement(class TabGroup extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     this.__attachShadow();
   }
   render() {
-    return (h(Host, { class: "p-tab-group" }, h("div", { class: "content" }, h("slot", null)), h("p-divider", null)));
+    return (h(Host, { class: "p-tab-group relative flex w-full flex-col" }, h("div", { class: "scrollbar-hide z-10 flex w-full gap-5 overflow-x-auto" }, h("slot", null)), h("p-divider", { class: "absolute bottom-0 left-0 m-0 w-full" })));
   }
-  static get style() { return tabGroupComponentCss; }
 }, [1, "p-tab-group"]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
@@ -37,3 +34,5 @@ const PTabGroup = TabGroup;
 const defineCustomElement = defineCustomElement$1;
 
 export { PTabGroup, defineCustomElement };
+
+//# sourceMappingURL=p-tab-group.js.map

package/dist/components/p-tab-group.js.map

@@ -0,0 +1 @@
+{"file":"p-tab-group.js","mappings":";;;MAMa,QAAQ;;;;;;EACjB,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,2CAA2C,IACnD,WAAK,KAAK,EAAC,uDAAuD,IAC9D,eAAQ,CACN,EACN,iBAAW,KAAK,EAAC,qCAAqC,GAAG,CACtD,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/atoms/tab-group/tab-group.component.tsx"],"sourcesContent":["import { Component, h, Host } from '@stencil/core';\n\n@Component({\n    tag: 'p-tab-group',\n    shadow: true,\n})\nexport class TabGroup {\n    render() {\n        return (\n            <Host class=\"p-tab-group relative flex w-full flex-col\">\n                <div class=\"scrollbar-hide z-10 flex w-full gap-5 overflow-x-auto\">\n                    <slot />\n                </div>\n                <p-divider class=\"absolute bottom-0 left-0 m-0 w-full\" />\n            </Host>\n        );\n    }\n}\n"],"version":3}

package/dist/components/p-tab-item.js

@@ -1,15 +1,12 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-const tabItemComponentCss = ".static{position:static!important}.flex{display:flex!important}.items-center{align-items:center!important}.border-0{border-width:0!important}.border-b-2{border-bottom-width:2px!important}.border-transparent{border-color:transparent!important}.border-indigo{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important}.font-semibold{font-weight:600!important}.text-indigo{--tw-text-opacity:1!important;color:rgb(82 138 250/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;align-items:center;border-color:transparent!important;border-width:0 0 2px!important;color:rgb(128 130 158/var(--tw-text-opacity));cursor:pointer;display:flex;font-weight:600;height:2.5rem}:host(.active){--tw-border-opacity:1!important;--tw-text-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important;color:rgb(82 138 250/var(--tw-text-opacity))!important}";
+const tabItemComponentCss = ".flex{display:flex!important}.h-10{height:2.5rem!important}.whitespace-nowrap{white-space:nowrap!important}.border-0{border-width:0!important}.border-b-2{border-bottom-width:2px!important}.border-indigo{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important}.border-transparent{border-color:transparent!important}.font-semibold{font-weight:600!important}.text-indigo{--tw-text-opacity:1!important;color:rgb(82 138 250/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;align-items:center;border-color:transparent!important;border-width:0 0 2px!important;color:rgb(128 130 158/var(--tw-text-opacity));cursor:pointer;display:flex;font-weight:600;height:2.5rem;white-space:nowrap}:host(.active){--tw-border-opacity:1!important;--tw-text-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important;color:rgb(82 138 250/var(--tw-text-opacity))!important}.static{position:static!important}";
 
-const TabItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const TabItem = /*@__PURE__*/ proxyCustomElement(class TabItem extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     this.__attachShadow();
-    /**
-     * Wether the tab item is active
-     */
     this.active = false;
   }
   render() {
@@ -37,3 +34,5 @@ const PTabItem = TabItem;
 const defineCustomElement = defineCustomElement$1;
 
 export { PTabItem, defineCustomElement };
+
+//# sourceMappingURL=p-tab-item.js.map

package/dist/components/p-tab-item.js.map

@@ -0,0 +1 @@
+{"file":"p-tab-item.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,u9BAAu9B;;MCOt+B,OAAO;;;;;kBAIU,KAAK;;EAE/B,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAE,cAAc,IAAI,CAAC,MAAM,IAAI,QAAQ,EAAE,IAChD,eAAQ,CACL,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/atoms/tab-item/tab-item.component.scss?tag=p-tab-item&encapsulation=shadow","./src/components/atoms/tab-item/tab-item.component.tsx"],"sourcesContent":[":host {\n    @apply flex h-10 items-center;\n    @apply whitespace-nowrap font-semibold text-storm-medium;\n    @apply cursor-pointer;\n    @apply border-0 border-b-2 border-transparent #{!important};\n}\n\n:host(.active) {\n    @apply border-indigo text-indigo #{!important};\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-tab-item',\n    styleUrl: 'tab-item.component.scss',\n    shadow: true,\n})\nexport class TabItem {\n    /**\n     * Wether the tab item is active\n     */\n    @Prop() active: boolean = false;\n\n    render() {\n        return (\n            <Host class={`p-tab-item ${this.active && 'active'}`}>\n                <slot />\n            </Host>\n        );\n    }\n}\n"],"version":3}

package/dist/components/p-table-cell.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PTableCell extends Components.PTableCell, HTMLElement {}
+export const PTableCell: {
+  prototype: PTableCell;
+  new (): PTableCell;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-table-cell.js

@@ -0,0 +1,8 @@
+import { T as TableCell, d as defineCustomElement$1 } from './table-cell.component.js';
+
+const PTableCell = TableCell;
+const defineCustomElement = defineCustomElement$1;
+
+export { PTableCell, defineCustomElement };
+
+//# sourceMappingURL=p-table-cell.js.map

package/dist/components/p-table-cell.js.map

@@ -0,0 +1 @@
+{"file":"p-table-cell.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/p-table-column.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PTableColumn extends Components.PTableColumn, HTMLElement {}
+export const PTableColumn: {
+  prototype: PTableColumn;
+  new (): PTableColumn;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-table-column.js

@@ -0,0 +1,52 @@
+import { proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
+
+const TableColumn = /*@__PURE__*/ proxyCustomElement(class TableColumn extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.tableDefinitionChanged = createEvent(this, "tableDefinitionChanged", 7);
+    this.path = undefined;
+    this.type = 'td';
+    this.name = undefined;
+    this.useSlot = false;
+    this.hasCheckbox = false;
+    this.align = 'start';
+    this.isLast = false;
+    this.sizes = 'auto';
+  }
+  componentDidUpdate() {
+    this.tableDefinitionChanged.emit(true);
+  }
+  render() {
+    return;
+  }
+}, [0, "p-table-column", {
+    "path": [1537],
+    "type": [1537],
+    "name": [1537],
+    "useSlot": [1540, "use-slot"],
+    "hasCheckbox": [1540, "has-checkbox"],
+    "align": [1537],
+    "isLast": [1540, "is-last"],
+    "sizes": [1032]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["p-table-column"];
+  components.forEach(tagName => { switch (tagName) {
+    case "p-table-column":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, TableColumn);
+      }
+      break;
+  } });
+}
+
+const PTableColumn = TableColumn;
+const defineCustomElement = defineCustomElement$1;
+
+export { PTableColumn, defineCustomElement };
+
+//# sourceMappingURL=p-table-column.js.map

package/dist/components/p-table-column.js.map

@@ -0,0 +1 @@
+{"file":"p-table-column.js","mappings":";;MAMa,WAAW;;;;;;gBASwC,IAAI;;mBAUL,KAAK;uBAKD,KAAK;iBAMhE,OAAO;kBAK+C,KAAK;iBAUtC,MAAM;;EAQ/B,kBAAkB;IACd,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;GAC1C;EAED,MAAM;IACF,OAAO;GACV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"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    tag: 'p-table-column',\n})\nexport class TableColumn {\n    /**\n     * The path of the value of the item you want to display\n     */\n    @Prop({ reflect: true, mutable: true }) path: string;\n\n    /**\n     * The type of the column\n     */\n    @Prop({ reflect: true, mutable: true }) type: 'td' | 'th' = 'td';\n\n    /**\n     * The name of the column\n     */\n    @Prop({ reflect: true, mutable: true }) name: string;\n\n    /**\n     * Wether the column should use the slot\n     */\n    @Prop({ reflect: true, mutable: true }) useSlot: boolean = false;\n\n    /**\n     * Wether the column should have a checkbox\n     */\n    @Prop({ reflect: true, mutable: true }) hasCheckbox: boolean = false;\n\n    /**\n     * The alignment of the column\n     */\n    @Prop({ reflect: true, mutable: true }) align: 'start' | 'center' | 'end' =\n        'start';\n\n    /**\n     * Wether the column is the last in the row\n     */\n    @Prop({ reflect: true, mutable: true }) isLast: boolean = false;\n\n    /**\n     * The sizes of the column\n     */\n    @Prop({ mutable: true }) sizes:\n        | 'auto'\n        | 'hidden'\n        | 'full'\n        | number\n        | TableColumnSizes = 'auto';\n\n    /**\n     * Event to let the table know it has to re render\n     */\n    @Event({ bubbles: true, composed: true })\n    tableDefinitionChanged: EventEmitter<boolean>;\n\n    componentDidUpdate() {\n        this.tableDefinitionChanged.emit(true);\n    }\n\n    render() {\n        return;\n    }\n}\n"],"version":3}

package/dist/components/p-table-container.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PTableContainer extends Components.PTableContainer, HTMLElement {}
+export const PTableContainer: {
+  prototype: PTableContainer;
+  new (): PTableContainer;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-table-container.js

@@ -0,0 +1,8 @@
+import { T as TableContainer, d as defineCustomElement$1 } from './table-container.component.js';
+
+const PTableContainer = TableContainer;
+const defineCustomElement = defineCustomElement$1;
+
+export { PTableContainer, defineCustomElement };
+
+//# sourceMappingURL=p-table-container.js.map

package/dist/components/p-table-container.js.map

@@ -0,0 +1 @@
+{"file":"p-table-container.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/p-table-footer.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PTableFooter extends Components.PTableFooter, HTMLElement {}
+export const PTableFooter: {
+  prototype: PTableFooter;
+  new (): PTableFooter;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-table-footer.js

@@ -0,0 +1,8 @@
+import { T as TableFooter, d as defineCustomElement$1 } from './table-footer.component.js';
+
+const PTableFooter = TableFooter;
+const defineCustomElement = defineCustomElement$1;
+
+export { PTableFooter, defineCustomElement };
+
+//# sourceMappingURL=p-table-footer.js.map

package/dist/components/p-table-footer.js.map

@@ -0,0 +1 @@
+{"file":"p-table-footer.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/p-table-header.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PTableHeader extends Components.PTableHeader, HTMLElement {}
+export const PTableHeader: {
+  prototype: PTableHeader;
+  new (): PTableHeader;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-table-header.js

@@ -0,0 +1,8 @@
+import { T as TableHeader, d as defineCustomElement$1 } from './table-header.component.js';
+
+const PTableHeader = TableHeader;
+const defineCustomElement = defineCustomElement$1;
+
+export { PTableHeader, defineCustomElement };
+
+//# sourceMappingURL=p-table-header.js.map

package/dist/components/p-table-header.js.map

@@ -0,0 +1 @@
+{"file":"p-table-header.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/p-table-row.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PTableRow extends Components.PTableRow, HTMLElement {}
+export const PTableRow: {
+  prototype: PTableRow;
+  new (): PTableRow;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-table-row.js

@@ -0,0 +1,8 @@
+import { T as TableRow, d as defineCustomElement$1 } from './table-row.component.js';
+
+const PTableRow = TableRow;
+const defineCustomElement = defineCustomElement$1;
+
+export { PTableRow, defineCustomElement };
+
+//# sourceMappingURL=p-table-row.js.map

package/dist/components/p-table-row.js.map

@@ -0,0 +1 @@
+{"file":"p-table-row.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/p-table.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PTable extends Components.PTable, HTMLElement {}
+export const PTable: {
+  prototype: PTable;
+  new (): PTable;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;