@paperless/core 0.1.0-alpha.281 → 0.1.0-alpha.282

package/dist/collection/components/molecules/pagination/pagination.component.js

@@ -1,18 +1,6 @@
-import { Component, Event, h, Host, Prop, Watch, } from '@stencil/core';
+import { h, Host, } from '@stencil/core';
 export class Pagination {
   constructor() {
-    /**
-     * The current page
-     */
-    this.page = 1;
-    /**
-     * The amount of items per page
-     */
-    this.pageSize = 12;
-    /**
-     * Wether to hide when there is only 1 page available
-     */
-    this.hideOnSinglePage = false;
     this._pages = [];
     this._set = [];
     this._nextClick = () => {
@@ -105,6 +93,10 @@ export class Pagination {
       }
       return set;
     };
+    this.page = 1;
+    this.pageSize = 12;
+    this.hideOnSinglePage = false;
+    this.total = undefined;
   }
   componentWillRender() {
     this._generate();
@@ -156,109 +148,119 @@ export class Pagination {
     return new Array(pages).fill(undefined).map((_, i) => i + 1);
   }
   static get is() { return "p-pagination"; }
-  static get originalStyleUrls() { return {
-    "$": ["pagination.component.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["pagination.component.css"]
-  }; }
-  static get properties() { return {
-    "page": {
-      "type": "number",
-      "mutable": true,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The current page"
-      },
-      "attribute": "page",
-      "reflect": true,
-      "defaultValue": "1"
-    },
-    "pageSize": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The amount of items per page"
-      },
-      "attribute": "page-size",
-      "reflect": false,
-      "defaultValue": "12"
-    },
-    "hideOnSinglePage": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Wether to hide when there is only 1 page available"
-      },
-      "attribute": "hide-on-single-page",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "total": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["pagination.component.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["pagination.component.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "page": {
+        "type": "number",
+        "mutable": true,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The current page"
+        },
+        "attribute": "page",
+        "reflect": true,
+        "defaultValue": "1"
       },
-      "required": true,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The total amount of items"
+      "pageSize": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The amount of items per page"
+        },
+        "attribute": "page-size",
+        "reflect": false,
+        "defaultValue": "12"
       },
-      "attribute": "total",
-      "reflect": false
-    }
-  }; }
-  static get events() { return [{
-      "method": "pageChange",
-      "name": "pageChange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Event whenever the page changes"
+      "hideOnSinglePage": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Wether to hide when there is only 1 page available"
+        },
+        "attribute": "hide-on-single-page",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+      "total": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The total amount of items"
+        },
+        "attribute": "total",
+        "reflect": false
       }
-    }]; }
-  static get watchers() { return [{
-      "propName": "page",
-      "methodName": "pageChangeHandler"
-    }, {
-      "propName": "pageSize",
-      "methodName": "pageChangeHandler"
-    }, {
-      "propName": "total",
-      "methodName": "pageChangeHandler"
-    }]; }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "pageChange",
+        "name": "pageChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Event whenever the page changes"
+        },
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        }
+      }];
+  }
+  static get watchers() {
+    return [{
+        "propName": "page",
+        "methodName": "pageChangeHandler"
+      }, {
+        "propName": "pageSize",
+        "methodName": "pageChangeHandler"
+      }, {
+        "propName": "total",
+        "methodName": "pageChangeHandler"
+      }];
+  }
 }

package/dist/collection/components/molecules/profile/profile.component.css

@@ -1,60 +1 @@
-:host {
-  @apply flex;
-}
-:host .content {
-  @apply flex gap-3 items-center w-full;
-}
-:host .content .name {
-  @apply flex flex-col justify-center overflow-hidden;
-}
-:host .content .name > *:nth-child(1) {
-  @apply text-sm text-storm-dark;
-  @apply font-semibold;
-}
-:host .content .name > *:nth-child(2) {
-  @apply text-sm text-storm-vague;
-}
-:host .content .name ::slotted(*) {
-  @apply text-ellipsis overflow-hidden whitespace-nowrap;
-}
-
-:host([size=small]) {
-  @apply h-8;
-}
-
-:host([size=medium]) {
-  @apply h-[3.125rem];
-}
-
-:host([size=large]) {
-  @apply h-16;
-}
-
-:host(.has-dropdown) {
-  @apply cursor-pointer;
-}
-:host(.has-dropdown) .content {
-  @apply p-2 rounded;
-  @apply border border-solid border-mystic-dark !important;
-}
-
-:host(.has-dropdown[size=small]) {
-  @apply h-12;
-}
-
-:host(.has-dropdown[size=medium]) {
-  @apply h-[4.125rem];
-}
-
-:host(.has-dropdown[size=large]) {
-  @apply h-20;
-}
-
-:host(.has-dropdown:hover) .content,
-:host(.active) .content {
-  @apply shadow-4;
-}
-
-:host(.active) .content p-icon {
-  @apply text-indigo;
-} .static{position:static!important}.absolute{position:absolute!important}.ml-auto{margin-left:auto!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}*{box-sizing:border-box}
+.flex{display:flex!important}.h-\[3\.125rem\]{height:3.125rem!important}.h-\[4\.125rem\]{height:4.125rem!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))}.static{position:static!important}.absolute{position:absolute!important}.ml-auto{margin-left:auto!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}

package/dist/collection/components/molecules/profile/profile.component.js

@@ -1,13 +1,7 @@
-import { Component, Element, h, Host, Prop, State } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 export class Profile {
   constructor() {
-    /**
-     * The variant of the profile
-     */
     this.variant = 'user';
-    /**
-     * The size of the profile avatar
-     */
     this.size = 'small';
     this._dropdownOpen = false;
   }
@@ -17,18 +11,10 @@ export class Profile {
   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)));
+    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()));
+    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;
@@ -44,52 +30,60 @@ export class Profile {
   }
   static get is() { return "p-profile"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["profile.component.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["profile.component.css"]
-  }; }
-  static get properties() { return {
-    "variant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'company' | 'user'",
-        "resolved": "\"company\" | \"user\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The variant of the profile"
-      },
-      "attribute": "variant",
-      "reflect": false,
-      "defaultValue": "'user'"
-    },
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'small' | 'medium' | 'large'",
-        "resolved": "\"large\" | \"medium\" | \"small\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The size of the profile avatar"
+  static get originalStyleUrls() {
+    return {
+      "$": ["profile.component.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["profile.component.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "variant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'company' | 'user'",
+          "resolved": "\"company\" | \"user\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The variant of the profile"
+        },
+        "attribute": "variant",
+        "reflect": false,
+        "defaultValue": "'user'"
       },
-      "attribute": "size",
-      "reflect": true,
-      "defaultValue": "'small'"
-    }
-  }; }
-  static get states() { return {
-    "_dropdownOpen": {}
-  }; }
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'small' | 'medium' | 'large'",
+          "resolved": "\"large\" | \"medium\" | \"small\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The size of the profile avatar"
+        },
+        "attribute": "size",
+        "reflect": true,
+        "defaultValue": "'small'"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "_dropdownOpen": {}
+    };
+  }
   static get elementRef() { return "_el"; }
 }

package/dist/collection/components/molecules/select/select.component.css

@@ -1,6 +1 @@
-:host {
-  @apply flex flex-col;
-}
-:host input.read-only {
-  @apply text-ellipsis;
-} .static{position:static!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}.visible{visibility:visible!important}.fixed{position:fixed!important}*{box-sizing:border-box}*{box-sizing:border-box}
+.flex{display:flex!important}*{box-sizing:border-box}:host{display:flex;flex-direction:column}:host input.read-only{text-overflow:ellipsis}.static{position:static!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}.visible{visibility:visible!important}.fixed{position:fixed!important}