@paperless/core 0.1.0-alpha.43 → 0.1.0-alpha.430

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

@@ -4,3 +4,5 @@ const PPaginationItem = PaginationItem;
 const defineCustomElement = defineCustomElement$1;
 
 export { PPaginationItem, defineCustomElement };
+
+//# sourceMappingURL=p-pagination-item.js.map

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

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

package/dist/components/p-pagination.js

@@ -1,200 +1,8 @@
-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}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;
 
 export { PPagination, defineCustomElement };
+
+//# sourceMappingURL=p-pagination.js.map

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

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

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,81 @@
+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 = ".visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.ml-auto{margin-left:auto!important}.flex{display:flex!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{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}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{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}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{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}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{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}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-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))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{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}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{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}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{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}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{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}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{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}.scale-y-flip{--tw-scale-y:-1!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}.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-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}*{box-sizing:border-box}.h-\\[3\\.125rem\\]{height:3.125rem!important}.h-\\[4\\.125rem\\]{height:4.125rem!important}: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))}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{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}.text-lg,.text-xl{line-height:1.75rem!important}";
+
+const Profile = /*@__PURE__*/ proxyCustomElement(class Profile extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.variant = 'user';
+    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', applyFullWidth: true, applyMaxWidth: false, 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 };
+
+//# sourceMappingURL=p-profile.js.map

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

@@ -0,0 +1 @@
+{"file":"p-profile.js","mappings":";;;;;AAAA,MAAM,mBAAmB,GAAG,gtNAAgtN;;MCO/tN,OAAO;;;;;mBAIsB,MAAM;gBAKkB,OAAO;yBAOpC,KAAK;;EAEtC,mBAAmB;IACf,IAAI,CAAC,aAAa,EAAE,CAAC;GACxB;EAED,MAAM;IACF,MAAM,eAAe,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAC5C,4BAA4B,CAC/B,CAAC;IACF,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;IAClD,QACI,EAAC,IAAI,IACD,KAAK,EAAE,aAAa,eAAe,IAAI,cAAc,IACjD,IAAI,CAAC,aAAa,IAAI,QAC1B,EAAE,IAED,eAAe,IACZ,kBACI,KAAK,EAAC,gBAAgB,EACtB,QAAQ,EAAC,UAAU,EACnB,SAAS,EACL,IAAI,CAAC,OAAO,KAAK,MAAM,GAAG,SAAS,GAAG,YAAY,EAEtD,cAAc,EAAE,IAAI,EACpB,aAAa,EAAE,KAAK,EACpB,QAAQ,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC,MAAM,CAAC,IAEjD,OAAO,EACR,WAAK,IAAI,EAAC,OAAO,IACb,YAAM,IAAI,EAAC,UAAU,GAAG,CACtB,CACG,KAEb,OAAO,CACV,CACE,EACT;GACL;EAEO,WAAW,CAAC,eAAe;IAC/B,QACI,WAAK,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS,IAC/B,YAAM,IAAI,EAAC,QAAQ,GAAG,EACtB,WAAK,KAAK,EAAC,MAAM,IACb,YAAM,IAAI,EAAC,OAAO,GAAG,EACrB,YAAM,IAAI,EAAC,UAAU,GAAG,CACtB,EAEL,eAAe,IAAI,IAAI,CAAC,QAAQ,EAAE,CACjC,EACR;GACL;EAEO,aAAa;;IACjB,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CACjC,yBAAyB,CACN,CAAC;IAExB,IAAI,CAAC,MAAM,EAAE;MACT,OAAO;KACV;IAED,MAAM,CAAC,OAAO,GAAG,MAAA,IAAI,CAAC,OAAO,mCAAI,MAAM,CAAC,OAAO,CAAC;IAChD,MAAM,CAAC,IAAI,GAAG,MAAA,IAAI,CAAC,IAAI,mCAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAC;GAC3C;EAEO,QAAQ;IACZ,QACI,cACI,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS,GAAG,SAAS,GAAG,MAAM,GAC1D,EACJ;GACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/molecules/profile/profile.component.scss?tag=p-profile&encapsulation=shadow","./src/components/molecules/profile/profile.component.tsx"],"sourcesContent":[":host {\n    @apply flex;\n\n    .content {\n        @apply flex gap-3 items-center w-full;\n\n        .name {\n            @apply flex flex-col justify-center overflow-hidden;\n\n            > *:nth-child(1) {\n                @apply text-sm text-storm-dark;\n                @apply font-semibold;\n            }\n\n            > *:nth-child(2) {\n                @apply text-sm text-storm-vague;\n            }\n\n            ::slotted(*) {\n                @apply text-ellipsis overflow-hidden whitespace-nowrap;\n            }\n        }\n    }\n}\n\n:host([size='small']) {\n    @apply h-8;\n}\n\n:host([size='medium']) {\n    @apply h-[3.125rem];\n}\n\n:host([size='large']) {\n    @apply h-16;\n}\n\n:host(.has-dropdown) {\n    @apply cursor-pointer;\n\n    .content {\n        @apply p-2 rounded;\n        @apply border border-solid border-mystic-dark #{!important};\n    }\n}\n\n:host(.has-dropdown[size='small']) {\n    @apply h-12;\n}\n\n:host(.has-dropdown[size='medium']) {\n    @apply h-[4.125rem];\n}\n\n:host(.has-dropdown[size='large']) {\n    @apply h-20;\n}\n\n:host(.has-dropdown:hover),\n:host(.active) {\n    .content {\n        @apply shadow-4;\n    }\n}\n\n:host(.active) {\n    .content {\n        p-icon {\n            @apply text-indigo;\n        }\n    }\n}\n","import { Component, Element, h, Host, Prop, State } from '@stencil/core';\n\n@Component({\n    tag: 'p-profile',\n    styleUrl: 'profile.component.scss',\n    shadow: true,\n})\nexport class Profile {\n    /**\n     * The variant of the profile\n     */\n    @Prop() variant: 'company' | 'user' = 'user';\n\n    /**\n     * The size of the profile avatar\n     */\n    @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'small';\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    @State() private _dropdownOpen = false;\n\n    componentWillRender() {\n        this._updateAvatar();\n    }\n\n    render() {\n        const hasDropdownSlot = !!this._el.querySelector(\n            ':scope > [slot=\"dropdown\"]'\n        );\n        const content = this._getContent(hasDropdownSlot);\n        return (\n            <Host\n                class={`p-profile ${hasDropdownSlot && 'has-dropdown'} ${\n                    this._dropdownOpen && 'active'\n                }`}\n            >\n                {hasDropdownSlot ? (\n                    <p-dropdown\n                        class=\"w-full min-w-0\"\n                        strategy=\"absolute\"\n                        placement={\n                            this.variant === 'user' ? 'top-end' : 'bottom-end'\n                        }\n                        applyFullWidth={true}\n                        applyMaxWidth={false}\n                        onIsOpen={(ev) => (this._dropdownOpen = ev.detail)}\n                    >\n                        {content}\n                        <div slot=\"items\">\n                            <slot name=\"dropdown\" />\n                        </div>\n                    </p-dropdown>\n                ) : (\n                    content\n                )}\n            </Host>\n        );\n    }\n\n    private _getContent(hasDropdownSlot) {\n        return (\n            <div class=\"content\" slot=\"trigger\">\n                <slot name=\"avatar\" />\n                <div class=\"name\">\n                    <slot name=\"title\" />\n                    <slot name=\"subtitle\" />\n                </div>\n\n                {hasDropdownSlot && this._getIcon()}\n            </div>\n        );\n    }\n\n    private _updateAvatar() {\n        const avatar = this._el.querySelector(\n            'p-avatar[slot=\"avatar\"]'\n        ) as HTMLPAvatarElement;\n\n        if (!avatar) {\n            return;\n        }\n\n        avatar.variant = this.variant ?? avatar.variant;\n        avatar.size = this.size ?? avatar?.size;\n    }\n\n    private _getIcon() {\n        return (\n            <p-icon\n                class=\"ml-auto\"\n                variant={this.variant === 'company' ? 'chevron' : 'more'}\n            />\n        );\n    }\n}\n"],"version":3}

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

@@ -1,32 +1,8 @@
-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}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;
 
 export { PSegmentContainer, defineCustomElement };
+
+//# sourceMappingURL=p-segment-container.js.map

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

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

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

@@ -1,54 +1,8 @@
-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}: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", { 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;
 
 export { PSegmentItem, defineCustomElement };
+
+//# sourceMappingURL=p-segment-item.js.map

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

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

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;