@paperless/core 1.60.0 → 1.61.0

package/dist/types/components/molecules/navigation-item/navigation-item.component.d.ts

@@ -4,10 +4,18 @@ export declare class NavigationItem {
    * Wether the navigation item is active
    */
   active: boolean;
+  /**
+   * Loading
+   */
+  loading: boolean;
   /**
    * Icon of the navigation item
    */
   icon: IconVariant;
+  /**
+   * The icon position
+   */
+  iconPosition: 'start' | 'end';
   /**
    * Icon of the navigation item
    */

package/dist/types/components.d.ts

@@ -855,6 +855,14 @@ export namespace Components {
           * Icon of the navigation item
          */
         "icon": IconVariant;
+        /**
+          * The icon position
+         */
+        "iconPosition": 'start' | 'end';
+        /**
+          * Loading
+         */
+        "loading": boolean;
         /**
           * The target of the navigation item
          */
@@ -3094,6 +3102,14 @@ declare namespace LocalJSX {
           * Icon of the navigation item
          */
         "icon"?: IconVariant;
+        /**
+          * The icon position
+         */
+        "iconPosition"?: 'start' | 'end';
+        /**
+          * Loading
+         */
+        "loading"?: boolean;
         /**
           * The target of the navigation item
          */

package/hydrate/index.js

@@ -20743,19 +20743,21 @@ class Navbar {
   }; }
 }
 
-const navigationItemComponentCss = "/*!@.inline-block*/.inline-block.sc-p-navigation-item{display:inline-block!important}/*!@.flex*/.flex.sc-p-navigation-item{display:flex!important}/*!@.h-8*/.h-8.sc-p-navigation-item{height:2rem!important}/*!@.w-full*/.w-full.sc-p-navigation-item{width:100%!important}/*!@.cursor-pointer*/.cursor-pointer.sc-p-navigation-item{cursor:pointer!important}/*!@.items-center*/.items-center.sc-p-navigation-item{align-items:center!important}/*!@.rounded-large*/.rounded-large.sc-p-navigation-item{border-radius:.375rem!important}/*!@.px-2*/.px-2.sc-p-navigation-item{padding-left:.5rem!important;padding-right:.5rem!important}/*!@.text-indigo*/.text-indigo.sc-p-navigation-item{color:rgb(82 138 250/var(--tw-text-opacity))!important}/*!@.text-indigo,.text-storm*/.text-indigo.sc-p-navigation-item,.text-storm.sc-p-navigation-item{--tw-text-opacity:1!important}/*!@.text-storm*/.text-storm.sc-p-navigation-item{color:rgb(81 83 107/var(--tw-text-opacity))!important}/*!@**/*.sc-p-navigation-item{box-sizing:border-box}/*!@:host*/.sc-p-navigation-item-h{display:inline-block;margin-bottom:.25rem;width:100%}/*!@:host>a*/.sc-p-navigation-item-h>a.sc-p-navigation-item{--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;text-decoration-line:none;width:100%}/*!@:host>a:hover*/.sc-p-navigation-item-h>a.sc-p-navigation-item:hover{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity))}/*!@:host>a>p-icon*/.sc-p-navigation-item-h>a.sc-p-navigation-item>p-icon.sc-p-navigation-item{--tw-text-opacity:1;color:rgb(81 83 107/var(--tw-text-opacity))}/*!@:host>a>p-counter*/.sc-p-navigation-item-h>a.sc-p-navigation-item>p-counter.sc-p-navigation-item{margin-left:auto}/*!@:host(.active)>a*/.active.sc-p-navigation-item-h>a.sc-p-navigation-item{--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*/.active.sc-p-navigation-item-h>a.sc-p-navigation-item>p-icon.sc-p-navigation-item{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}/*!@.static*/.static.sc-p-navigation-item{position:static!important}";
+const navigationItemComponentCss = "/*!@.mb-1*/.mb-1.sc-p-navigation-item{margin-bottom:.25rem!important}/*!@.inline-block*/.inline-block.sc-p-navigation-item{display:inline-block!important}/*!@.flex*/.flex.sc-p-navigation-item{display:flex!important}/*!@.h-8*/.h-8.sc-p-navigation-item{height:2rem!important}/*!@.w-full*/.w-full.sc-p-navigation-item{width:100%!important}/*!@.cursor-pointer*/.cursor-pointer.sc-p-navigation-item{cursor:pointer!important}/*!@.items-center*/.items-center.sc-p-navigation-item{align-items:center!important}/*!@.rounded-large*/.rounded-large.sc-p-navigation-item{border-radius:.375rem!important}/*!@.bg-indigo-light*/.bg-indigo-light.sc-p-navigation-item{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity))!important}/*!@.px-2*/.px-2.sc-p-navigation-item{padding-left:.5rem!important;padding-right:.5rem!important}/*!@.font-semibold*/.font-semibold.sc-p-navigation-item{font-weight:600!important}/*!@**/*.sc-p-navigation-item{box-sizing:border-box}/*!@:host*/.sc-p-navigation-item-h{display:inline-block;margin-bottom:.25rem;width:100%}/*!@:host>a*/.sc-p-navigation-item-h>a.sc-p-navigation-item{--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;text-decoration-line:none;width:100%}/*!@:host>a:hover*/.sc-p-navigation-item-h>a.sc-p-navigation-item:hover{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity))}/*!@:host>a>p-icon*/.sc-p-navigation-item-h>a.sc-p-navigation-item>p-icon.sc-p-navigation-item{--tw-text-opacity:1;color:rgb(81 83 107/var(--tw-text-opacity))}/*!@:host>a>span*/.sc-p-navigation-item-h>a.sc-p-navigation-item>span.sc-p-navigation-item{margin-right:auto}/*!@:host(.active)>a*/.active.sc-p-navigation-item-h>a.sc-p-navigation-item{--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*/.active.sc-p-navigation-item-h>a.sc-p-navigation-item>p-icon.sc-p-navigation-item{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}/*!@.static*/.static.sc-p-navigation-item{position:static!important}";
 
 class NavigationItem {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.active = false;
+    this.loading = false;
     this.icon = undefined;
+    this.iconPosition = 'start';
     this.counter = undefined;
     this.href = undefined;
     this.target = undefined;
   }
   render() {
-    return (hAsync(Host, { class: `p-navigation-item ${this.active && 'active'}` }, hAsync("a", { href: this.href, target: this.target }, this.icon && hAsync("p-icon", { variant: this.icon }), hAsync("span", { class: this.counter && 'has-counter' }, hAsync("slot", null)), !!this.counter && this.counter !== '0' && (hAsync("p-counter", { variant: "negative" }, this.counter)))));
+    return (hAsync(Host, { class: `p-navigation-item ${this.active && 'active'}` }, hAsync("a", { href: this.href, target: this.target }, this.icon && this.iconPosition == 'start' && (hAsync("p-icon", { variant: this.icon })), hAsync("span", { class: this.counter && 'has-counter' }, hAsync("slot", null)), !!this.counter && this.counter !== '0' && !this.loading && (hAsync("p-counter", { variant: 'negative' }, this.counter)), this.icon && this.iconPosition == 'end' && !this.loading && (hAsync("p-icon", { variant: this.icon })), this.loading && hAsync("p-loader", null))));
   }
   static get style() { return navigationItemComponentCss; }
   static get cmpMeta() { return {
@@ -20763,7 +20765,9 @@ class NavigationItem {
     "$tagName$": "p-navigation-item",
     "$members$": {
       "active": [4],
+      "loading": [4],
       "icon": [1],
+      "iconPosition": [1, "icon-position"],
       "counter": [8],
       "href": [1],
       "target": [1]

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@paperless/core",
-	"version": "1.60.0",
+	"version": "1.61.0",
 	"description": "Stencil Component Starter",
 	"main": "dist/index.cjs.js",
 	"module": "dist/index.js",

package/dist/build/p-fffaacc2.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as i,H as o}from"./p-e4d5e7a7.js";const r=".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-indigo{color:rgb(82 138 250/var(--tw-text-opacity))!important}.text-indigo,.text-storm{--tw-text-opacity:1!important}.text-storm{color:rgb(81 83 107/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;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))}.static{position:static!important}";const a=class{constructor(i){t(this,i);this.active=false;this.icon=undefined;this.counter=undefined;this.href=undefined;this.target=undefined}render(){return i(o,{class:`p-navigation-item ${this.active&&"active"}`},i("a",{href:this.href,target:this.target},this.icon&&i("p-icon",{variant:this.icon}),i("span",{class:this.counter&&"has-counter"},i("slot",null)),!!this.counter&&this.counter!=="0"&&i("p-counter",{variant:"negative"},this.counter)))}};a.style=r;export{a as p_navigation_item};
-//# sourceMappingURL=p-fffaacc2.entry.js.map

package/dist/build/p-fffaacc2.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["navigationItemComponentCss","NavigationItem","render","h","Host","class","this","active","href","target","icon","variant","counter"],"sources":["src/components/molecules/navigation-item/navigation-item.component.scss?tag=p-navigation-item&encapsulation=shadow","src/components/molecules/navigation-item/navigation-item.component.tsx"],"sourcesContent":[":host {\n\t@apply w-full inline-block mb-1;\n\n\t> a {\n\t\t@apply w-full h-8 px-2 cursor-pointer rounded-large no-underline;\n\t\t@apply flex items-center gap-2;\n\t\t@apply text-storm font-semibold;\n\n\t\t@apply hover:bg-indigo-light;\n\n\t\t> p-icon {\n\t\t\t@apply text-storm;\n\t\t}\n\n\t\t> p-counter {\n\t\t\t@apply ml-auto;\n\t\t}\n\t}\n}\n\n:host(.active) {\n\t> a {\n\t\t@apply text-indigo bg-indigo-light;\n\n\t\t> p-icon {\n\t\t\t@apply text-indigo;\n\t\t}\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { IconVariant } from '../../atoms/icon/icon.component';\n\n@Component({\n\ttag: 'p-navigation-item',\n\tstyleUrl: 'navigation-item.component.scss',\n\tshadow: true,\n})\nexport class NavigationItem {\n\t/**\n\t * Wether the navigation item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Icon of the navigation item\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Icon of the navigation item\n\t */\n\t@Prop() counter: number | string;\n\n\t/**\n\t * The href of the navigation item\n\t */\n\t@Prop() href: string;\n\n\t/**\n\t * The target of the navigation item\n\t */\n\t@Prop() target: string;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-navigation-item ${this.active && 'active'}`}>\n\t\t\t\t<a href={this.href} target={this.target}>\n\t\t\t\t\t{this.icon && <p-icon variant={this.icon} />}\n\t\t\t\t\t<span class={this.counter && 'has-counter'}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</span>\n\t\t\t\t\t{!!this.counter && this.counter !== '0' && (\n\t\t\t\t\t\t<p-counter variant=\"negative\">{this.counter}</p-counter>\n\t\t\t\t\t)}\n\t\t\t\t</a>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":"kDAAA,MAAMA,EAA6B,uzC,MCQtBC,EAAc,M,qCAIA,M,qFAsB1B,MAAAC,GACC,OACCC,EAACC,EAAI,CAACC,MAAO,qBAAqBC,KAAKC,QAAU,YAChDJ,EAAA,KAAGK,KAAMF,KAAKE,KAAMC,OAAQH,KAAKG,QAC/BH,KAAKI,MAAQP,EAAA,UAAQQ,QAASL,KAAKI,OACpCP,EAAA,QAAME,MAAOC,KAAKM,SAAW,eAC5BT,EAAA,gBAEEG,KAAKM,SAAWN,KAAKM,UAAY,KACnCT,EAAA,aAAWQ,QAAQ,YAAYL,KAAKM,U"}

package/dist/paperless/p-fffaacc2.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as i,H as o}from"./p-e4d5e7a7.js";const r=".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-indigo{color:rgb(82 138 250/var(--tw-text-opacity))!important}.text-indigo,.text-storm{--tw-text-opacity:1!important}.text-storm{color:rgb(81 83 107/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;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))}.static{position:static!important}";const a=class{constructor(i){t(this,i);this.active=false;this.icon=undefined;this.counter=undefined;this.href=undefined;this.target=undefined}render(){return i(o,{class:`p-navigation-item ${this.active&&"active"}`},i("a",{href:this.href,target:this.target},this.icon&&i("p-icon",{variant:this.icon}),i("span",{class:this.counter&&"has-counter"},i("slot",null)),!!this.counter&&this.counter!=="0"&&i("p-counter",{variant:"negative"},this.counter)))}};a.style=r;export{a as p_navigation_item};
-//# sourceMappingURL=p-fffaacc2.entry.js.map

package/dist/paperless/p-fffaacc2.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["navigationItemComponentCss","NavigationItem","render","h","Host","class","this","active","href","target","icon","variant","counter"],"sources":["src/components/molecules/navigation-item/navigation-item.component.scss?tag=p-navigation-item&encapsulation=shadow","src/components/molecules/navigation-item/navigation-item.component.tsx"],"sourcesContent":[":host {\n\t@apply w-full inline-block mb-1;\n\n\t> a {\n\t\t@apply w-full h-8 px-2 cursor-pointer rounded-large no-underline;\n\t\t@apply flex items-center gap-2;\n\t\t@apply text-storm font-semibold;\n\n\t\t@apply hover:bg-indigo-light;\n\n\t\t> p-icon {\n\t\t\t@apply text-storm;\n\t\t}\n\n\t\t> p-counter {\n\t\t\t@apply ml-auto;\n\t\t}\n\t}\n}\n\n:host(.active) {\n\t> a {\n\t\t@apply text-indigo bg-indigo-light;\n\n\t\t> p-icon {\n\t\t\t@apply text-indigo;\n\t\t}\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { IconVariant } from '../../atoms/icon/icon.component';\n\n@Component({\n\ttag: 'p-navigation-item',\n\tstyleUrl: 'navigation-item.component.scss',\n\tshadow: true,\n})\nexport class NavigationItem {\n\t/**\n\t * Wether the navigation item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Icon of the navigation item\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Icon of the navigation item\n\t */\n\t@Prop() counter: number | string;\n\n\t/**\n\t * The href of the navigation item\n\t */\n\t@Prop() href: string;\n\n\t/**\n\t * The target of the navigation item\n\t */\n\t@Prop() target: string;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-navigation-item ${this.active && 'active'}`}>\n\t\t\t\t<a href={this.href} target={this.target}>\n\t\t\t\t\t{this.icon && <p-icon variant={this.icon} />}\n\t\t\t\t\t<span class={this.counter && 'has-counter'}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</span>\n\t\t\t\t\t{!!this.counter && this.counter !== '0' && (\n\t\t\t\t\t\t<p-counter variant=\"negative\">{this.counter}</p-counter>\n\t\t\t\t\t)}\n\t\t\t\t</a>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":"kDAAA,MAAMA,EAA6B,uzC,MCQtBC,EAAc,M,qCAIA,M,qFAsB1B,MAAAC,GACC,OACCC,EAACC,EAAI,CAACC,MAAO,qBAAqBC,KAAKC,QAAU,YAChDJ,EAAA,KAAGK,KAAMF,KAAKE,KAAMC,OAAQH,KAAKG,QAC/BH,KAAKI,MAAQP,EAAA,UAAQQ,QAASL,KAAKI,OACpCP,EAAA,QAAME,MAAOC,KAAKM,SAAW,eAC5BT,EAAA,gBAEEG,KAAKM,SAAWN,KAAKM,UAAY,KACnCT,EAAA,aAAWQ,QAAQ,YAAYL,KAAKM,U"}