@paperless/core 0.1.0-alpha.8 → 0.1.0-alpha.82

package/dist/components/p-tab-item.d.ts

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

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

@@ -0,0 +1,39 @@
+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 TabItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    /**
+     * Wether the tab item is active
+     */
+    this.active = false;
+  }
+  render() {
+    return (h(Host, { class: `p-tab-item ${this.active && 'active'}` }, h("slot", null)));
+  }
+  static get style() { return tabItemComponentCss; }
+}, [1, "p-tab-item", {
+    "active": [4]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["p-tab-item"];
+  components.forEach(tagName => { switch (tagName) {
+    case "p-tab-item":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, TabItem);
+      }
+      break;
+  } });
+}
+
+const PTabItem = TabItem;
+const defineCustomElement = defineCustomElement$1;
+
+export { PTabItem, defineCustomElement };

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

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

package/dist/components/p-tag.js

@@ -0,0 +1,44 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const tagComponentCss = ".static{position:static!important}.block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.h-\\[1\\.375rem\\]{height:1.375rem!important}.h-2{height:.5rem!important}.items-center{align-items:center!important}.gap-1{gap:.25rem!important}.rounded{border-radius:.25rem!important}.rounded-round{border-radius:100%!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}*{box-sizing:border-box}:host{align-items:center;border-radius:.25rem;display:flex;font-size:.75rem;font-weight:600;gap:.25rem;height:1.375rem;line-height:1rem;padding-left:.75rem;padding-right:.75rem}:host .circle{border-radius:100%;display:none;height:.5rem;width:.5rem}:host([circle]){padding-left:.5rem}:host([circle]) .circle{display:block}:host([circle=false]) .circle{display:none}:host([variant=info]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(245 254 255/var(--tw-bg-opacity));color:rgb(30 218 227/var(--tw-text-opacity))}:host([variant=info]) .circle{--tw-bg-opacity:1;background-color:rgb(30 218 227/var(--tw-bg-opacity))}:host([variant=positive]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity));color:rgb(40 209 124/var(--tw-text-opacity))}:host([variant=positive]) .circle{--tw-bg-opacity:1;background-color:rgb(40 209 124/var(--tw-bg-opacity))}:host([variant=unbiased]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity));color:rgb(255 199 45/var(--tw-text-opacity))}:host([variant=unbiased]) .circle{--tw-bg-opacity:1;background-color:rgb(255 199 45/var(--tw-bg-opacity))}:host([variant=negative]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity));color:rgb(185 30 40/var(--tw-text-opacity))}:host([variant=negative]) .circle{--tw-bg-opacity:1;background-color:rgb(185 30 40/var(--tw-bg-opacity))}";
+
+const Tag = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    /**
+     * Variant of the tag
+     */
+    this.variant = 'info';
+    /**
+     * Wether to add the circle or not
+     */
+    this.circle = true;
+  }
+  render() {
+    return (h(Host, { class: "p-tag" }, h("div", { class: "circle" }), h("slot", null)));
+  }
+  static get style() { return tagComponentCss; }
+}, [1, "p-tag", {
+    "variant": [513],
+    "circle": [516]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["p-tag"];
+  components.forEach(tagName => { switch (tagName) {
+    case "p-tag":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Tag);
+      }
+      break;
+  } });
+}
+
+const PTag = Tag;
+const defineCustomElement = defineCustomElement$1;
+
+export { PTag, defineCustomElement };

package/dist/components/pagination-item.component.js

@@ -0,0 +1,36 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const paginationItemComponentCss = ".static{position:static!important}.flex{display:flex!important}.h-8{height:2rem!important}.justify-center{justify-content:center!important}.rounded{border-radius:.25rem!important}.font-semibold{font-weight:600!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/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(128 130 158/var(--tw-text-opacity));cursor:pointer;display:flex;font-size:.875rem;font-weight:600;height:2rem;justify-content:center;line-height:1.25rem;width:2rem}:host(:focus),:host(:hover){--tw-text-opacity:1;color:rgb(81 83 107/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))}";
+
+const PaginationItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    /**
+     * Wether the pagination item is active
+     */
+    this.active = false;
+  }
+  render() {
+    return (h(Host, { class: `p-pagination-item ${this.active && 'active'}` }, h("slot", null)));
+  }
+  static get style() { return paginationItemComponentCss; }
+}, [1, "p-pagination-item", {
+    "active": [4]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["p-pagination-item"];
+  components.forEach(tagName => { switch (tagName) {
+    case "p-pagination-item":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, PaginationItem);
+      }
+      break;
+  } });
+}
+
+export { PaginationItem as P, defineCustomElement as d };