@paperless/core 0.1.0-alpha.2 → 0.1.0-alpha.200

package/dist/components/p-navbar.js

@@ -0,0 +1,70 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$4 } from './button.component.js';
+import { d as defineCustomElement$3 } from './icon.component.js';
+import { d as defineCustomElement$2 } from './loader.component.js';
+
+const navbarComponentCss = ".pointer-events-auto{pointer-events:auto!important}.static{position:static!important}.fixed{position:fixed!important}.top-0{top:0!important}.left-0{left:0!important}.m-0{margin:0!important}.flex{display:flex!important}.hidden{display:none!important}.h-screen{height:100vh!important}.w-60{width:15rem!important}.w-full{width:100%!important}.-translate-x-full{--tw-translate-x:-100%!important;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}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) 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}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.border-0{border-width:0!important}.border-r{border-right-width:1px!important}.border-b{border-bottom-width:1px!important}.border-solid{border-style:solid!important}.border-mystic-dark{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.font-semibold{font-weight:600!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}.backdrop-blur-xs{--tw-backdrop-blur:blur(2px)!important;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important;backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important}.transition-opacity{transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}*{box-sizing:border-box}:host{width:100%}@media (min-width:64rem){:host{width:15rem}}:host .sidebar,:host .sidebar .company,:host .sidebar .content,:host .sidebar .user,:host .userbar{display:flex;flex-direction:column;width:100%}:host .sidebar,:host .top-bar{--tw-bg-opacity:1;--tw-border-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(218 230 240/var(--tw-border-opacity))!important;border-style:solid!important;border-width:0!important}:host .sidebar{--tw-bg-opacity:1;--tw-translate-x:-100%;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-right-width:1px!important;height:100vh;left:0;padding:calc(env(safe-area-inset-top, 0) + 1rem) 1rem 1rem;position:fixed;top:0;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));transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:15rem;will-change:transform;z-index:400}@media (min-width:64rem){:host .sidebar{--tw-translate-x:0px;height:100%;position:relative;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));width:100%}}:host .sidebar .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;width:100%}@media (min-width:64rem){:host .sidebar .header{display:none}}:host .sidebar .content{margin-top:1.5rem}:host .sidebar .user{display:none;margin-top:auto}@media (min-width:64rem){:host .sidebar .user{display:flex}}:host .sidebar.show{--tw-translate-x:env(safe-area-inset-left,0)}:host .top-bar{border-bottom-width:1px!important;display:flex;height:calc(env(safe-area-inset-top, 0) + 3rem);justify-content:space-between;padding:calc(env(safe-area-inset-top, 0) + .5rem) 1rem .5rem;width:100%}@media (min-width:64rem){:host .top-bar{display:none}}:host .backdrop{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:rgba(81,83,107,.5);height:100vh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100vw;will-change:opacity;z-index:300}@media (min-width:64rem){:host .backdrop{display:none}}:host .backdrop.show{opacity:1;pointer-events:auto}@media (min-width:64rem){.desktop-xs\\:relative{position:relative!important}.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:h-full{height:100%!important}}";
+
+const Navbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    /**
+     * The text to display for the close button
+     */
+    this.closeText = 'Close';
+    /**
+     * The text to display for the menu button & sidebar title
+     */
+    this.menuText = 'Menu';
+    this._showMenu = false;
+  }
+  render() {
+    return (h(Host, { class: "p-navbar" }, h("div", { class: `backdrop ${this._showMenu && 'show'}`, onClick: () => (this._showMenu = false) }), h("div", { class: `sidebar ${this._showMenu && 'show'}` }, h("div", { class: "header" }, h("p", { class: "text-xl m-0 font-semibold text-storm-dark" }, this.menuText), h("p-button", { variant: "secondary", icon: "negative", iconPosition: "end", size: "small", onClick: () => (this._showMenu = false) }, this.closeText)), h("div", { class: "company" }, h("slot", { name: "company" })), h("div", { class: "content" }, h("slot", { name: "content" })), h("div", { class: "user" }, h("slot", { name: "user" }))), h("div", { class: "top-bar" }, h("p-button", { variant: "secondary", icon: "menu", size: "small", onClick: () => (this._showMenu = true) }, this.menuText), h("slot", { name: "topbar" }))));
+  }
+  handleCloseNavbar() {
+    this._showMenu = false;
+  }
+  handleOpenNavbar() {
+    this._showMenu = true;
+  }
+  static get style() { return navbarComponentCss; }
+}, [1, "p-navbar", {
+    "closeText": [1, "close-text"],
+    "menuText": [1, "menu-text"],
+    "_showMenu": [32]
+  }, [[8, "closeNavbar", "handleCloseNavbar"], [8, "openNavbar", "handleOpenNavbar"]]]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["p-navbar", "p-button", "p-icon", "p-loader"];
+  components.forEach(tagName => { switch (tagName) {
+    case "p-navbar":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Navbar);
+      }
+      break;
+    case "p-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "p-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "p-loader":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const PNavbar = Navbar;
+const defineCustomElement = defineCustomElement$1;
+
+export { PNavbar, defineCustomElement };

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

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

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

@@ -0,0 +1,55 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$3 } from './counter.component.js';
+import { d as defineCustomElement$2 } from './icon.component.js';
+
+const navigationItemComponentCss = ".static{position:static!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-8{height:2rem!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.rounded-large{border-radius:.375rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-storm{color:rgb(81 83 107/var(--tw-text-opacity))!important}.text-indigo,.text-storm{--tw-text-opacity:1!important}.text-indigo{color:rgb(82 138 250/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{display:inline-block;margin-bottom:.25rem;width:100%}:host>a{--tw-text-opacity:1;align-items:center;border-radius:.375rem;color:rgb(81 83 107/var(--tw-text-opacity));cursor:pointer;display:flex;font-weight:600;gap:.5rem;height:2rem;padding-left:.5rem;padding-right:.5rem;-webkit-text-decoration-line:none;text-decoration-line:none;width:100%}:host>a:hover{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity))}:host>a>p-icon{--tw-text-opacity:1;color:rgb(81 83 107/var(--tw-text-opacity))}:host>a>p-counter{margin-left:auto}:host(.active)>a{--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(.active)>a>p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}";
+
+const NavigationItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    /**
+     * Wether the navigation item is active
+     */
+    this.active = false;
+  }
+  render() {
+    return (h(Host, { class: `p-navigation-item ${this.active && 'active'}` }, h("a", { href: this.href, target: this.target }, this.icon && h("p-icon", { variant: this.icon }), h("span", { class: this.counter && 'has-counter' }, h("slot", null)), this.counter && (h("p-counter", { variant: "negative" }, this.counter)))));
+  }
+  static get style() { return navigationItemComponentCss; }
+}, [1, "p-navigation-item", {
+    "active": [4],
+    "icon": [1],
+    "counter": [8],
+    "href": [1],
+    "target": [1]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["p-navigation-item", "p-counter", "p-icon"];
+  components.forEach(tagName => { switch (tagName) {
+    case "p-navigation-item":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, NavigationItem);
+      }
+      break;
+    case "p-counter":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "p-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const PNavigationItem = NavigationItem;
+const defineCustomElement = defineCustomElement$1;
+
+export { PNavigationItem, defineCustomElement };

package/dist/components/p-page-size-select.d.ts

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

package/dist/components/p-page-size-select.js

@@ -0,0 +1,6 @@
+import { P as PageSizeSelect, d as defineCustomElement$1 } from './page-size-select.component.js';
+
+const PPageSizeSelect = PageSizeSelect;
+const defineCustomElement = defineCustomElement$1;
+
+export { PPageSizeSelect, defineCustomElement };

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

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

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

@@ -0,0 +1,6 @@
+import { P as PaginationItem, d as defineCustomElement$1 } from './pagination-item.component.js';
+
+const PPaginationItem = PaginationItem;
+const defineCustomElement = defineCustomElement$1;
+
+export { PPaginationItem, defineCustomElement };

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

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

package/dist/components/p-pagination.js

@@ -0,0 +1,6 @@
+import { P as Pagination, d as defineCustomElement$1 } from './pagination.component.js';
+
+const PPagination = Pagination;
+const defineCustomElement = defineCustomElement$1;
+
+export { PPagination, defineCustomElement };

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

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

package/dist/components/p-profile.js

@@ -0,0 +1,85 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$4 } from './dropdown.component.js';
+import { d as defineCustomElement$3 } from './dropdown-menu-container.component.js';
+import { d as defineCustomElement$2 } from './icon.component.js';
+
+const profileComponentCss = ".static{position:static!important}.absolute{position:absolute!important}.ml-auto{margin-left:auto!important}.flex{display:flex!important}.h-\\[3\\.125rem\\]{height:3.125rem!important}.h-\\[4\\.125rem\\]{height:4.125rem!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-3{gap:.75rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.rounded{border-radius:.25rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-mystic-dark{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important}.p-2{padding:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}*{box-sizing:border-box}:host{display:flex}:host .content{align-items:center;display:flex;gap:.75rem;width:100%}:host .content .name{display:flex;flex-direction:column;justify-content:center;overflow:hidden}:host .content .name>:first-child{--tw-text-opacity:1;color:rgb(39 40 56/var(--tw-text-opacity));font-size:.875rem;font-weight:600;line-height:1.25rem}:host .content .name>:nth-child(2){--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem}:host .content .name ::slotted(*){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([size=small]){height:2rem}:host([size=medium]){height:3.125rem}:host([size=large]){height:4rem}:host(.has-dropdown){cursor:pointer}:host(.has-dropdown) .content{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important;border-radius:.25rem;border-style:solid!important;border-width:1px!important;padding:.5rem}:host(.has-dropdown[size=small]){height:3rem}:host(.has-dropdown[size=medium]){height:4.125rem}:host(.has-dropdown[size=large]){height:5rem}:host(.active) .content,:host(.has-dropdown:hover) .content{--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13);--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:host(.active) .content p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}";
+
+const Profile = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    /**
+     * The variant of the profile
+     */
+    this.variant = 'user';
+    /**
+     * The size of the profile avatar
+     */
+    this.size = 'small';
+    this._dropdownOpen = false;
+  }
+  componentWillRender() {
+    this._updateAvatar();
+  }
+  render() {
+    const hasDropdownSlot = !!this._el.querySelector(':scope > [slot="dropdown"]');
+    const content = this._getContent(hasDropdownSlot);
+    return (h(Host, { class: `p-profile ${hasDropdownSlot && 'has-dropdown'} ${this._dropdownOpen && 'active'}` }, hasDropdownSlot ? (h("p-dropdown", { class: "w-full min-w-0", strategy: "absolute", placement: this.variant === 'user' ? 'top-end' : 'bottom-end', onIsOpen: (ev) => (this._dropdownOpen = ev.detail) }, content, h("div", { slot: "items" }, h("slot", { name: "dropdown" })))) : (content)));
+  }
+  _getContent(hasDropdownSlot) {
+    return (h("div", { class: "content", slot: "trigger" }, h("slot", { name: "avatar" }), h("div", { class: "name" }, h("slot", { name: "title" }), h("slot", { name: "subtitle" })), hasDropdownSlot && this._getIcon()));
+  }
+  _updateAvatar() {
+    var _a, _b;
+    const avatar = this._el.querySelector('p-avatar[slot="avatar"]');
+    if (!avatar) {
+      return;
+    }
+    avatar.variant = (_a = this.variant) !== null && _a !== void 0 ? _a : avatar.variant;
+    avatar.size = (_b = this.size) !== null && _b !== void 0 ? _b : avatar === null || avatar === void 0 ? void 0 : avatar.size;
+  }
+  _getIcon() {
+    return (h("p-icon", { class: "ml-auto", variant: this.variant === 'company' ? 'chevron' : 'more' }));
+  }
+  get _el() { return this; }
+  static get style() { return profileComponentCss; }
+}, [1, "p-profile", {
+    "variant": [1],
+    "size": [513],
+    "_dropdownOpen": [32]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["p-profile", "p-dropdown", "p-dropdown-menu-container", "p-icon"];
+  components.forEach(tagName => { switch (tagName) {
+    case "p-profile":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Profile);
+      }
+      break;
+    case "p-dropdown":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "p-dropdown-menu-container":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "p-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const PProfile = Profile;
+const defineCustomElement = defineCustomElement$1;
+
+export { PProfile, defineCustomElement };

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

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

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

@@ -0,0 +1,6 @@
+import { S as SegmentContainer, d as defineCustomElement$1 } from './segment-container.component.js';
+
+const PSegmentContainer = SegmentContainer;
+const defineCustomElement = defineCustomElement$1;
+
+export { PSegmentContainer, defineCustomElement };

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

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

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

@@ -0,0 +1,6 @@
+import { S as SegmentItem, d as defineCustomElement$1 } from './segment-item.component.js';
+
+const PSegmentItem = SegmentItem;
+const defineCustomElement = defineCustomElement$1;
+
+export { PSegmentItem, defineCustomElement };

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

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

package/dist/components/p-select.js

@@ -0,0 +1,261 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { c as childOf, d as defineCustomElement$9 } from './dropdown.component.js';
+import { d as defineCustomElement$8 } from './dropdown-menu-container.component.js';
+import { d as defineCustomElement$7 } from './dropdown-menu-item.component.js';
+import { d as defineCustomElement$6 } from './helper.component.js';
+import { d as defineCustomElement$5 } from './icon.component.js';
+import { d as defineCustomElement$4 } from './input-group.component.js';
+import { d as defineCustomElement$3 } from './loader.component.js';
+import { d as defineCustomElement$2 } from './tooltip.component.js';
+
+const selectComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.rounded{border-radius:.25rem!important}.blur{--tw-blur:blur(8px)!important}.blur,.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}:host{display:flex;flex-direction:column}:host input.read-only{text-overflow:ellipsis}";
+
+const Select = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.queryChange = createEvent(this, "queryChange", 7);
+    this.valueChange = createEvent(this, "valueChange", 7);
+    /**
+     * The key of the object to display
+     */
+    this.displayKey = 'text';
+    /**
+     * The key of the object to return
+     */
+    this.valueKey = 'value';
+    /**
+     * Wether to automatically select the first item
+     */
+    this.autoSelectFirst = true;
+    /**
+     * The maximum amount of items to display
+     */
+    this.maxDisplayedItems = 10;
+    /**
+     * Wether to enable autocomplete
+     */
+    this.enableAutocomplete = true;
+    /**
+     * Wether the input uses async filtering
+     */
+    this.asyncFilter = false;
+    /**
+     * Wether to show loading items
+     */
+    this.loading = false;
+    /**
+     * The size of the input group used by the select
+     */
+    this.size = 'medium';
+    /**
+     * Wether the input group is disabled used by the select
+     */
+    this.disabled = false;
+    this._showDropdown = false;
+    this._selectedItem = null;
+    this._isAutoCompleting = false;
+  }
+  get _items() {
+    var _a;
+    if (!this.items || this.loading) {
+      return [];
+    }
+    let items = typeof this.items === 'string'
+      ? JSON.parse(this.items)
+      : this.items;
+    if (typeof (items === null || items === void 0 ? void 0 : items[0]) === 'string') {
+      this.displayKey = 'text';
+      this.valueKey = 'value';
+      items = items.map((str) => ({
+        value: str,
+        text: str,
+      }));
+    }
+    if (this._isAutoCompleting && ((_a = this.query) === null || _a === void 0 ? void 0 : _a.length) && !this.asyncFilter) {
+      items = items.filter((item) => {
+        if (this.queryKey) {
+          return this._checkvalue(this.queryKey, item);
+        }
+        return (this._checkvalue(this.valueKey, item) ||
+          this._checkvalue(this.displayKey, item));
+      });
+    }
+    return items === null || items === void 0 ? void 0 : items.slice(0, this.maxDisplayedItems);
+  }
+  get _displayValue() {
+    var _a;
+    if (this._isAutoCompleting) {
+      return this.query;
+    }
+    return (_a = this._selectedItem) === null || _a === void 0 ? void 0 : _a[this.displayKey];
+  }
+  get _placeholder() {
+    var _a;
+    return this._isAutoCompleting && ((_a = this.autocompletePlaceholder) === null || _a === void 0 ? void 0 : _a.length)
+      ? this.autocompletePlaceholder
+      : this.placeholder;
+  }
+  componentDidLoad() {
+    var _a, _b, _c;
+    if (this.value) {
+      const value = typeof ((_b = (_a = this._items) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b[this.valueKey]) === 'number' &&
+        !isNaN(this.value)
+        ? parseInt(this.value, 10)
+        : this.value;
+      this._selectedItem = this._items.find((i) => (i === null || i === void 0 ? void 0 : i[this.valueKey]) === value);
+      return;
+    }
+    if (this.autoSelectFirst) {
+      this._selectedItem = (_c = this._items) === null || _c === void 0 ? void 0 : _c[0];
+    }
+  }
+  render() {
+    return (h(Host, { class: "p-select" }, h("p-dropdown", { disableTriggerClick: true, calculateWidth: true, insideClick: true, show: this._showDropdown }, h("p-input-group", { slot: "trigger", icon: "chevron", iconPosition: "end", size: this.size, prefix: this.prefix, label: this.label, helper: this.helper, error: this.error, disabled: this.disabled, focused: this._showDropdown }, h("input", { slot: "input", type: "text", placeholder: this._placeholder, value: this._displayValue, class: `p-input cursor-pointer ${!this._isAutoCompleting && 'read-only'}`, onFocus: () => this._onFocus(), onMouseDown: (ev) => this._onMouseDown(ev), onClick: () => this._onClick(), onInput: (ev) => this._onChange(ev), ref: (ref) => (this._inputRef = ref) })), h("div", { slot: "items" }, this.loading
+      ? this._getLoadingItems()
+      : this._getItems()))));
+  }
+  documentClickHandler({ target }) {
+    if (!this._showDropdown || childOf(target, this._el)) {
+      return;
+    }
+    this._showDropdown = false;
+    this._isAutoCompleting = false;
+  }
+  _selectValue(item) {
+    this._selectedItem = item;
+    const value = item[this.valueKey];
+    this.value = value;
+    this.valueChange.emit(this.value);
+    this._onBlur(true);
+  }
+  _onFocus() {
+    if (!this.enableAutocomplete) {
+      this._inputRef.blur();
+      if (!this._showDropdown) {
+        this._showDropdown = true;
+      }
+      return;
+    }
+    this._isAutoCompleting = true;
+    this._showDropdown = true;
+  }
+  _onMouseDown(ev) {
+    if (this.enableAutocomplete) {
+      return;
+    }
+    ev.preventDefault();
+  }
+  _onClick() {
+    if (this.enableAutocomplete) {
+      return;
+    }
+    this._showDropdown = true;
+  }
+  _onBlur(force = false) {
+    if (!this.enableAutocomplete && !force) {
+      return;
+    }
+    this._isAutoCompleting = false;
+    this._showDropdown = false;
+  }
+  _onChange(ev) {
+    if (!this._isAutoCompleting) {
+      return;
+    }
+    this.query = ev.target.value;
+    this.queryChange.emit(this.query);
+  }
+  _checkvalue(key, item) {
+    var _a, _b;
+    return ((_b = (_a = item === null || item === void 0 ? void 0 : item[key]) === null || _a === void 0 ? void 0 : _a.toString()) === null || _b === void 0 ? void 0 : _b.indexOf(this.query)) >= 0;
+  }
+  _getItems() {
+    return this._items.map((item) => (h("p-dropdown-menu-item", { onClick: () => this._selectValue(item) }, item[this.displayKey])));
+  }
+  _getLoadingItems() {
+    return [0, 0, 0].map(() => (h("p-dropdown-menu-item", { enableHover: false }, h("p-loader", { variant: "ghost", class: "w-full h-6 rounded" }))));
+  }
+  get _el() { return this; }
+  static get style() { return selectComponentCss; }
+}, [0, "p-select", {
+    "items": [1],
+    "query": [1],
+    "placeholder": [1],
+    "autocompletePlaceholder": [1, "autocomplete-placeholder"],
+    "value": [8],
+    "displayKey": [1, "display-key"],
+    "valueKey": [1, "value-key"],
+    "queryKey": [1, "query-key"],
+    "autoSelectFirst": [4, "auto-select-first"],
+    "maxDisplayedItems": [2, "max-displayed-items"],
+    "enableAutocomplete": [4, "enable-autocomplete"],
+    "asyncFilter": [4, "async-filter"],
+    "loading": [4],
+    "size": [1],
+    "prefix": [1],
+    "label": [1],
+    "helper": [1],
+    "error": [513],
+    "disabled": [516],
+    "_showDropdown": [32],
+    "_selectedItem": [32]
+  }, [[6, "click", "documentClickHandler"]]]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["p-select", "p-dropdown", "p-dropdown-menu-container", "p-dropdown-menu-item", "p-helper", "p-icon", "p-input-group", "p-loader", "p-tooltip"];
+  components.forEach(tagName => { switch (tagName) {
+    case "p-select":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Select);
+      }
+      break;
+    case "p-dropdown":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$9();
+      }
+      break;
+    case "p-dropdown-menu-container":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$8();
+      }
+      break;
+    case "p-dropdown-menu-item":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$7();
+      }
+      break;
+    case "p-helper":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "p-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "p-input-group":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "p-loader":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "p-tooltip":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const PSelect = Select;
+const defineCustomElement = defineCustomElement$1;
+
+export { PSelect, defineCustomElement };

package/dist/components/p-slider-indicator.d.ts

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

package/dist/components/p-slider-indicator.js

@@ -0,0 +1,6 @@
+import { S as SliderIndicator, d as defineCustomElement$1 } from './slider-indicator.component.js';
+
+const PSliderIndicator = SliderIndicator;
+const defineCustomElement = defineCustomElement$1;
+
+export { PSliderIndicator, defineCustomElement };

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

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