@paperless/core 0.1.0-alpha.128 → 0.1.0-alpha.129

package/dist/components/p-pagination.js

@@ -1,198 +1,4 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$3 } from './icon.component.js';
-import { d as defineCustomElement$2 } from './pagination-item.component.js';
-
-const paginationComponentCss = ".static{position:static!important}.flex{display:flex!important}*{box-sizing:border-box}p-pagination{display:flex}";
-
-const Pagination = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.pageChange = createEvent(this, "pageChange", 7);
-    /**
-     * The current page
-     */
-    this.page = 1;
-    /**
-     * The amount of items per page
-     */
-    this.pageSize = 12;
-    this._pages = [];
-    this._set = [];
-    this._nextClick = () => {
-      const nextPage = this.page + 1;
-      if (nextPage > this._pages[this._pages.length - 1]) {
-        return;
-      }
-      this._changePage(nextPage);
-    };
-    this._pageClick = (p) => this._changePage(p);
-    this._generateSet = (range = 1, enableBoundaries = true) => {
-      const totalPages = this._pages.length;
-      if (!totalPages) {
-        return [];
-      }
-      let start = this.page - range;
-      let end = this.page + range;
-      if (end > totalPages) {
-        end = totalPages;
-        start = totalPages - range * 2;
-        start = start < 1 ? 1 : start;
-      }
-      if (start <= 1) {
-        start = 1;
-        end = Math.min(range * 2 + 1, totalPages);
-      }
-      const set = [];
-      const previous = {
-        type: 'previous',
-        value: h("p-icon", { variant: "chevron", rotate: 90 }),
-      };
-      const next = {
-        type: 'next',
-        value: h("p-icon", { variant: "chevron", rotate: -90 }),
-      };
-      // Disable page range, display all the pages
-      if (range === null) {
-        const p = this._pages.map((p) => ({
-          type: 'page',
-          value: p,
-        }));
-        return enableBoundaries ? [previous, ...p, next] : p;
-      }
-      if (enableBoundaries) {
-        set.push(previous);
-      }
-      if (start <= 3) {
-        for (let i = 1; i < start; i++) {
-          set.push({
-            type: 'page',
-            value: this._pages[i - 1],
-          });
-        }
-      }
-      else {
-        set.push({
-          type: 'page',
-          value: 1,
-        });
-        set.push({
-          type: 'ellipsis',
-          value: 'ellipsis',
-        });
-      }
-      for (let i = start; i <= end; i++) {
-        set.push({
-          type: 'page',
-          value: this._pages[i - 1],
-        });
-      }
-      if (end >= totalPages - 2) {
-        for (let i = end + 1; i <= totalPages; i++) {
-          set.push({
-            type: 'page',
-            value: this._pages[i - 1],
-          });
-        }
-      }
-      else {
-        set.push({
-          type: 'ellipsis',
-        });
-        set.push({
-          type: 'page',
-          value: this._pages[this._pages.length - 1],
-        });
-      }
-      if (enableBoundaries) {
-        set.push(next);
-      }
-      return set;
-    };
-  }
-  componentWillRender() {
-    this._generate();
-  }
-  render() {
-    var _a;
-    return (h(Host, { class: "p-pagination" }, (_a = this._set) === null || _a === void 0 ? void 0 : _a.map((p) => {
-      if (p.type === 'previous' || p.type === 'next') {
-        return (h("p-pagination-item", { onClick: () => p.type === 'previous'
-            ? this._previousClick()
-            : this._nextClick() }, p.value));
-      }
-      if (p.type === 'ellipsis') {
-        return h("p-pagination-item", null, "...");
-      }
-      return (h("p-pagination-item", { active: p.value === this.page, onClick: () => this._pageClick(p.value) }, p.value));
-    })));
-  }
-  pageChangeHandler() {
-    this._generate();
-  }
-  _generate() {
-    var _a;
-    this._pages = this._generatePages();
-    this._set = this._generateSet();
-    if (this.page > ((_a = this._pages) === null || _a === void 0 ? void 0 : _a.length)) {
-      this._changePage(this._pages.length);
-    }
-  }
-  _changePage(p) {
-    if (!p) {
-      return;
-    }
-    this.page = p;
-    this.pageChange.emit(this.page);
-  }
-  _previousClick() {
-    const previousPage = this.page - 1;
-    if (previousPage < this._pages[0]) {
-      return;
-    }
-    this._changePage(previousPage);
-  }
-  _generatePages() {
-    if (!this.total || !this.pageSize) {
-      return [];
-    }
-    const pages = Math.ceil(this.total / this.pageSize);
-    return new Array(pages).fill(undefined).map((_, i) => i + 1);
-  }
-  static get watchers() { return {
-    "page": ["pageChangeHandler"],
-    "pageSize": ["pageChangeHandler"],
-    "total": ["pageChangeHandler"]
-  }; }
-  static get style() { return paginationComponentCss; }
-}, [0, "p-pagination", {
-    "page": [1538],
-    "pageSize": [2, "page-size"],
-    "total": [2]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["p-pagination", "p-icon", "p-pagination-item"];
-  components.forEach(tagName => { switch (tagName) {
-    case "p-pagination":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Pagination);
-      }
-      break;
-    case "p-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "p-pagination-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
+import { P as Pagination, d as defineCustomElement$1 } from './pagination.component.js';
 
 const PPagination = Pagination;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,30 +1,4 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const segmentContainerComponentCss = ".static{position:static!important}.flex{display:flex!important}.h-8{height:2rem!important}.rounded{border-radius:.25rem!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!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}*{box-sizing:border-box}p-segment-container{--tw-bg-opacity:1;--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13));background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.25rem;display:flex;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);height:2rem;padding:.25rem}";
-
-const SegmentContainer = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-  }
-  render() {
-    return (h(Host, { class: "p-segment-container" }, h("slot", null)));
-  }
-  static get style() { return segmentContainerComponentCss; }
-}, [4, "p-segment-container"]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["p-segment-container"];
-  components.forEach(tagName => { switch (tagName) {
-    case "p-segment-container":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SegmentContainer);
-      }
-      break;
-  } });
-}
+import { S as SegmentContainer, d as defineCustomElement$1 } from './segment-container.component.js';
 
 const PSegmentContainer = SegmentContainer;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,52 +1,4 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './icon.component.js';
-
-const segmentItemComponentCss = ".static{position:static!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.rounded{border-radius:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.font-medium{font-weight:500!important}.text-storm-light{--tw-text-opacity:1!important;color:rgb(176 178 203/var(--tw-text-opacity))!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-radius:.25rem;color:rgb(176 178 203/var(--tw-text-opacity));cursor:pointer;display:flex;font-size:.875rem;font-weight:500;height:1.5rem;line-height:1.25rem;margin-right:.25rem;padding-left:.5rem;padding-right:.5rem}:host(.variant-icon){justify-content:center;padding-left:0;padding-right:0;width:1.5rem}:host(:hover){--tw-text-opacity:1;color:rgb(128 130 158/var(--tw-text-opacity))}:host(.active){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(82 138 250/var(--tw-text-opacity))}:host(:last-child){margin-right:0}";
-
-const SegmentItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    /**
-     * Wether the segment item is active
-     */
-    this.active = false;
-  }
-  render() {
-    return (h(Host, { class: `p-segment-item variant-${this.icon ? 'icon' : 'default'} ${this.active && 'active'}` }, this.icon ? this._getIcon() : h("slot", null)));
-  }
-  _getIcon() {
-    if (!this.icon) {
-      return;
-    }
-    return (h("p-icon", { class: "flex", variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate }));
-  }
-  static get style() { return segmentItemComponentCss; }
-}, [1, "p-segment-item", {
-    "active": [4],
-    "icon": [1],
-    "iconFlip": [1, "icon-flip"],
-    "iconRotate": [2, "icon-rotate"]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["p-segment-item", "p-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "p-segment-item":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SegmentItem);
-      }
-      break;
-    case "p-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
+import { S as SegmentItem, d as defineCustomElement$1 } from './segment-item.component.js';
 
 const PSegmentItem = SegmentItem;
 const defineCustomElement = defineCustomElement$1;

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

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

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

@@ -0,0 +1,33 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const tableBodyComponentCss = ".static{position:static!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}*{box-sizing:border-box}:host{display:flex;flex-direction:column;width:100%}";
+
+const TableBody = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h(Host, { class: "p-table-body" }, h("slot", null)));
+  }
+  static get style() { return tableBodyComponentCss; }
+}, [1, "p-table-body"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["p-table-body"];
+  components.forEach(tagName => { switch (tagName) {
+    case "p-table-body":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, TableBody);
+      }
+      break;
+  } });
+}
+
+const PTableBody = TableBody;
+const defineCustomElement = defineCustomElement$1;
+
+export { PTableBody, defineCustomElement };

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,6 @@
+import { T as TableContainer, d as defineCustomElement$1 } from './table-container.component.js';
+
+const PTableContainer = TableContainer;
+const defineCustomElement = defineCustomElement$1;
+
+export { PTableContainer, defineCustomElement };

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

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

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

@@ -0,0 +1,57 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+
+const TableDefinition = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.tableDefinitionChanged = createEvent(this, "tableDefinitionChanged", 7);
+    /**
+     * The template for the data view
+     */
+    this.template = ({ value }) => value;
+    /**
+     * The type of the column
+     */
+    this.type = 'td';
+    /**
+     * The alignment of the column
+     */
+    this.align = 'start';
+    /**
+     * The sizes of the column
+     */
+    this.sizes = 'auto';
+  }
+  componentDidUpdate() {
+    this.tableDefinitionChanged.emit(true);
+  }
+  render() {
+    return h(Host, null);
+  }
+}, [1, "p-table-definition", {
+    "template": [16],
+    "path": [513],
+    "type": [513],
+    "name": [513],
+    "align": [513],
+    "sizes": [8]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["p-table-definition"];
+  components.forEach(tagName => { switch (tagName) {
+    case "p-table-definition":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, TableDefinition);
+      }
+      break;
+  } });
+}
+
+const PTableDefinition = TableDefinition;
+const defineCustomElement = defineCustomElement$1;
+
+export { PTableDefinition, defineCustomElement };

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,6 @@
+import { T as TableFooter, d as defineCustomElement$1 } from './table-footer.component.js';
+
+const PTableFooter = TableFooter;
+const defineCustomElement = defineCustomElement$1;
+
+export { PTableFooter, defineCustomElement };

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,6 @@
+import { T as TableHeader, d as defineCustomElement$1 } from './table-header.component.js';
+
+const PTableHeader = TableHeader;
+const defineCustomElement = defineCustomElement$1;
+
+export { PTableHeader, defineCustomElement };

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,6 @@
+import { T as TableRow, d as defineCustomElement$1 } from './table-row.component.js';
+
+const PTableRow = TableRow;
+const defineCustomElement = defineCustomElement$1;
+
+export { PTableRow, defineCustomElement };

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;