npm - @paperless/core - Versions diffs - 1.59.3 → 1.61.0 - Mend

@paperless/core 1.59.3 → 1.61.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (64) hide show

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

@@ -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 CHANGED Viewed

@@ -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/dist/types/utils/icons.d.ts CHANGED Viewed

@@ -33,6 +33,7 @@ declare const _default: {
   integration: string;
   list: string;
   location: string;
+  lock: string;
   megaphone: string;
   menu: string;
   minus: string;
@@ -61,6 +62,7 @@ declare const _default: {
   tool: string;
   trash: string;
   turn: string;
+  unlock: string;
   upload: string;
   warning: string;
 };

package/hydrate/index.js CHANGED Viewed

@@ -15671,6 +15671,16 @@ var location = `<?xml version="1.0" encoding="UTF-8"?>
     </g>
 </svg>`;
+var lock = `<?xml version="1.0" encoding="UTF-8"?>
+<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>⚛️ Atoms/icons/lock</title>
+    <g id="⚛️-Atoms/icons/lock" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="Bounding-box" x="0" y="0" width="16" height="16"></rect>
+        <path d="M8,2 C6.34314575,2 5,3.34314575 5,5 L3,5 C3,2.23857625 5.23857625,0 8,0 C10.7614237,0 13,2.23857625 13,5 L14,5 C15.1045695,5 16,5.8954305 16,7 L16,14 C16,15.1045695 15.1045695,16 14,16 L2,16 C0.8954305,16 0,15.1045695 0,14 L0,7 C0,5.8954305 0.8954305,5 2,5 L11,5 C11,3.34314575 9.65685425,2 8,2 Z M8,8 C7.17157288,8 6.5,8.67157288 6.5,9.5 C6.5,10.1532187 6.91754351,10.7089149 7.50029246,10.9147505 L7.5,12.5 C7.5,12.7761424 7.72385763,13 8,13 C8.27614237,13 8.5,12.7761424 8.5,12.5 L8.50070296,10.9143985 C9.08293192,10.7082819 9.5,10.1528467 9.5,9.5 C9.5,8.67157288 8.82842712,8 8,8 Z" id="Combined-Shape" fill="currentColor"></path>
+    </g>
+</svg>
+`;
 var megaphone = `<?xml version="1.0" encoding="UTF-8"?>
 <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>A2F9256B-4901-4C20-8F77-D5066011EE5A@1x</title>
@@ -16134,6 +16144,16 @@ var turn = `<?xml version="1.0" encoding="UTF-8"?>
     </g>
 </svg>`;
+var unlock = `<?xml version="1.0" encoding="UTF-8"?>
+<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>⚛️ Atoms/icons/unlock</title>
+    <g id="⚛️-Atoms/icons/unlock" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="Bounding-box" x="0" y="0" width="16" height="16"></rect>
+        <path d="M8,0 C9.60444989,0 11.0837446,0.762152961 12.0202415,2.02675058 C12.3489217,2.4705836 12.255572,3.09682932 11.811739,3.42550957 C11.3679059,3.75418981 10.7416602,3.66084004 10.41298,3.21700703 C9.84974471,2.45644289 8.96381554,2 8,2 C6.34314575,2 5,3.34314575 5,5 L14,5 C15.1045695,5 16,5.8954305 16,7 L16,14 C16,15.1045695 15.1045695,16 14,16 L2,16 C0.8954305,16 0,15.1045695 0,14 L0,7 C0,5.8954305 0.8954305,5 2,5 L3,5 C3,2.23857625 5.23857625,0 8,0 Z M8,8 C7.17157288,8 6.5,8.67157288 6.5,9.5 C6.5,10.1532187 6.91754351,10.7089149 7.50029246,10.9147505 L7.5,12.5 C7.5,12.7761424 7.72385763,13 8,13 C8.27614237,13 8.5,12.7761424 8.5,12.5 L8.50070296,10.9143985 C9.08293192,10.7082819 9.5,10.1528467 9.5,9.5 C9.5,8.67157288 8.82842712,8 8,8 Z" id="Combined-Shape" fill="currentColor"></path>
+    </g>
+</svg>
+`;
 var upload = `<?xml version="1.0" encoding="UTF-8"?>
 <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>625641CF-AE77-4A64-95BC-298DB7F96CF6@1x</title>
@@ -16205,6 +16225,7 @@ var icons = {
   integration,
   list,
   location,
+  lock,
   megaphone,
   menu,
   minus,
@@ -16233,6 +16254,7 @@ var icons = {
   tool,
   trash,
   turn,
+  unlock,
   upload,
   warning,
 };
@@ -20721,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 {
@@ -20741,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 CHANGED Viewed

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

package/dist/build/p-2b4bdcd9.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["icons","arrow","attachment","bread","calendar","camera","car","checklist","checkmark","chevron","chevrons","clock","colleagues","cogs","comment","companies","company","deactivate","document","download","envelope","explanation","eye","faPiggy","filter","folder","formula","grid","hashtag","headset","hidden","iDeal","integration","list","location","megaphone","menu","minus","more","negative","notification","pagination","payment","pencil","person","plan","plus","question","reload","receipt","report","review","search","settings","sick","signout","switch","switchIcon","tachometer","task","template","tool","trash","turn","upload","warning","buttonComponentCss","Button","render","loaderColor","this","variant","VariableTag","_a","href","length","as","h","Host","class","size","iconOnly","iconPosition","chevronPosition","inheritText","underline","buttonGroupPosition","disabled","type","undefined","target","rotate","icon","loading","_getIcon","color","handleClick","ev","preventDefault","onClick","emit","flip","iconFlip","iconRotate","iconComponentCss","Icon","styles","transform","innerHTML","loaderComponentCss","Loader","_show","show","_loader","componentWillRender","_checkShow","componentShouldUpdate","_showSubscriber","unsubscribe","subscribe"],"sources":["src/utils/icons.ts","src/components/atoms/button/button.component.scss?tag=p-button","src/components/atoms/button/button.component.tsx","src/components/atoms/icon/icon.component.scss?tag=p-icon","src/components/atoms/icon/icon.component.tsx","src/components/atoms/loader/loader.component.scss?tag=p-loader&encapsulation=shadow","src/components/atoms/loader/loader.component.tsx"],"sourcesContent":["import arrow from '../assets/icons/arrow.svg';\nimport attachment from '../assets/icons/attachment.svg';\nimport bread from '../assets/icons/bread.svg';\nimport calendar from '../assets/icons/calendar.svg';\nimport camera from '../assets/icons/camera.svg';\nimport car from '../assets/icons/car.svg';\nimport checklist from '../assets/icons/checklist.svg';\nimport checkmark from '../assets/icons/checkmark.svg';\nimport chevron from '../assets/icons/chevron.svg';\nimport chevrons from '../assets/icons/chevrons.svg';\nimport clock from '../assets/icons/clock.svg';\nimport cogs from '../assets/icons/cogs.svg';\nimport colleagues from '../assets/icons/colleagues.svg';\nimport comment from '../assets/icons/comment.svg';\nimport companies from '../assets/icons/companies.svg';\nimport company from '../assets/icons/company.svg';\nimport deactivate from '../assets/icons/deactivate.svg';\nimport document from '../assets/icons/document.svg';\nimport download from '../assets/icons/download.svg';\nimport envelope from '../assets/icons/envelope.svg';\nimport explanation from '../assets/icons/explanation.svg';\nimport eye from '../assets/icons/eye.svg';\nimport faPiggy from '../assets/icons/fa/piggy.svg';\nimport filter from '../assets/icons/filter.svg';\nimport folder from '../assets/icons/folder.svg';\nimport formula from '../assets/icons/formula.svg';\nimport grid from '../assets/icons/grid.svg';\nimport hashtag from '../assets/icons/hashtag.svg';\nimport headset from '../assets/icons/headset.svg';\nimport hidden from '../assets/icons/hidden.svg';\nimport iDeal from '../assets/icons/iDeal.svg';\nimport integration from '../assets/icons/integration.svg';\nimport list from '../assets/icons/list.svg';\nimport location from '../assets/icons/location.svg';\nimport megaphone from '../assets/icons/megaphone.svg';\nimport menu from '../assets/icons/menu.svg';\nimport minus from '../assets/icons/minus.svg';\nimport more from '../assets/icons/more.svg';\nimport negative from '../assets/icons/negative.svg';\nimport notification from '../assets/icons/notification.svg';\nimport pagination from '../assets/icons/pagination.svg';\nimport payment from '../assets/icons/payment.svg';\nimport pencil from '../assets/icons/pencil.svg';\nimport person from '../assets/icons/person.svg';\nimport plan from '../assets/icons/plan.svg';\nimport plus from '../assets/icons/plus.svg';\nimport question from '../assets/icons/question.svg';\nimport receipt from '../assets/icons/receipt.svg';\nimport reload from '../assets/icons/reload.svg';\nimport report from '../assets/icons/report.svg';\nimport review from '../assets/icons/review.svg';\nimport search from '../assets/icons/search.svg';\nimport settings from '../assets/icons/settings.svg';\nimport sick from '../assets/icons/sick.svg';\nimport signout from '../assets/icons/signout.svg';\nimport switchIcon from '../assets/icons/switch.svg';\nimport tachometer from '../assets/icons/tachometer.svg';\nimport task from '../assets/icons/task.svg';\nimport template from '../assets/icons/template.svg';\nimport tool from '../assets/icons/tool.svg';\nimport trash from '../assets/icons/trash.svg';\nimport turn from '../assets/icons/turn.svg';\nimport upload from '../assets/icons/upload.svg';\nimport warning from '../assets/icons/warning.svg';\n\nexport default {\n\tarrow,\n\tattachment,\n\tbread,\n\tcalendar,\n\tcamera,\n\tcar,\n\tchecklist,\n\tcheckmark,\n\tchevron,\n\tchevrons,\n\tclock,\n\tcolleagues,\n\tcogs,\n\tcomment,\n\tcompanies,\n\tcompany,\n\tdeactivate,\n\tdocument,\n\tdownload,\n\tenvelope,\n\texplanation,\n\teye,\n\tfaPiggy,\n\tfilter,\n\tfolder,\n\tformula,\n\tgrid,\n\thashtag,\n\theadset,\n\thidden,\n\tiDeal,\n\tintegration,\n\tlist,\n\tlocation,\n\tmegaphone,\n\tmenu,\n\tminus,\n\tmore,\n\tnegative,\n\tnotification,\n\tpagination,\n\tpayment,\n\tpencil,\n\tperson,\n\tplan,\n\tplus,\n\tquestion,\n\treload,\n\treceipt,\n\treport,\n review,\n\tsearch,\n\tsettings,\n\tsick,\n\tsignout,\n\tswitch: switchIcon,\n\ttachometer,\n\ttask,\n\ttemplate,\n\ttool,\n\ttrash,\n\tturn,\n\tupload,\n\twarning,\n};\n","p-button {\n\t@apply flex h-10 w-auto text-base;\n\n\tbutton,\n\ta {\n\t\toutline: 0;\n\t\tborder: 0;\n\t\t@apply h-full w-full;\n\t\t@apply rounded-large #{!important};\n\t\t@apply font-semibold leading-4;\n\t\t@apply flex items-center justify-center;\n\t\t@apply cursor-pointer text-base;\n\n\t\twill-change: filter;\n\n\t\t> p-loader {\n\t\t\t@apply ml-2;\n\t\t}\n\n\t\t// Icon positions\n\t\t&.icon-position-end {\n\t\t\t> p-icon:not(.chevron) {\n\t\t\t\t@apply ml-2;\n\t\t\t}\n\t\t}\n\n\t\t&.icon-position-start {\n\t\t\t> p-icon:not(.chevron) {\n\t\t\t\t@apply mr-2;\n\t\t\t}\n\t\t}\n\n\t\t// Variants\n\t\t&.variant-primary,\n\t\t&.variant-secondary {\n\t\t\t@apply px-4 filter;\n\t\t}\n\n\t\t&.variant-primary,\n\t\t&.variant-secondary {\n\t\t\t&:active,\n\t\t\t&.active {\n\t\t\t\t@apply drop-shadow-transparent;\n\t\t\t}\n\t\t}\n\n\t\t&.variant-primary {\n\t\t\t@apply bg-indigo text-white;\n\n\t\t\t&:active,\n\t\t\t&.active {\n\t\t\t\t&:not([disabled]) {\n\t\t\t\t\t@apply bg-indigo-dark;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@media (pointer: fine) {\n\t\t\t\t&:hover:not([disabled]) {\n\t\t\t\t\t@apply drop-shadow-button-primary-hover;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.variant-secondary {\n\t\t\t@apply border border-solid border-mystic-dark #{!important};\n\t\t\t@apply bg-white text-storm;\n\n\t\t\t&:active,\n\t\t\t&.active {\n\t\t\t\t&:not([disabled]) {\n\t\t\t\t\t@apply bg-mystic;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@media (pointer: fine) {\n\t\t\t\t&:hover:not([disabled]) {\n\t\t\t\t\t@apply drop-shadow-button-secondary-hover;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.variant-text {\n\t\t\t@apply text-indigo;\n\n\t\t\t&.has-underline {\n\t\t\t\t@apply underline underline-offset-1;\n\t\t\t}\n\n\t\t\t&:hover:not([disabled]) {\n\t\t\t\t@apply text-indigo-dark;\n\t\t\t}\n\t\t}\n\n\t\t&[disabled] {\n\t\t\t@apply opacity-40;\n\t\t}\n\n\t\t&.should-inherit-text {\n\t\t\tcolor: inherit #{!important};\n\t\t\tfont-size: inherit #{!important};\n\t\t\tfont-weight: inherit #{!important};\n\t\t}\n\n\t\t&.button-group-pos-start {\n\t\t\t@apply rounded-r-none #{!important};\n\t\t}\n\n\t\t&.button-group-pos-middle {\n\t\t\t@apply rounded-none #{!important};\n\t\t}\n\n\t\t&.button-group-pos-end {\n\t\t\t@apply rounded-l-none #{!important};\n\t\t}\n\t}\n\n\t// chevron\n\t&.has-chevron {\n\t\ta,\n\t\tbutton {\n\t\t\t&.chevron-position-start {\n\t\t\t\t@apply pl-2;\n\n\t\t\t\t> p-icon.chevron {\n\t\t\t\t\t@apply mr-2;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.chevron-position-end {\n\t\t\t\t@apply pr-2;\n\n\t\t\t\t> p-icon.chevron {\n\t\t\t\t\t@apply ml-2;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.variant-secondary:hover:not([disabled]) p-icon:last-child {\n\t\t\t\t@apply text-indigo;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.has-icon-only {\n\t\t@apply w-10;\n\n\t\ta,\n\t\tbutton {\n\t\t\t@apply p-0;\n\n\t\t\t> p-icon:first-child {\n\t\t\t\t@apply mx-0;\n\t\t\t}\n\n\t\t\t> p-loader {\n\t\t\t\t@apply ml-0;\n\t\t\t}\n\t\t}\n\n\t\t&.has-chevron {\n\t\t\t@apply w-auto;\n\n\t\t\ta,\n\t\t\tbutton {\n\t\t\t\t&.chevron-position-start {\n\t\t\t\t\t@apply pr-2;\n\t\t\t\t}\n\n\t\t\t\t&.chevron-position-end {\n\t\t\t\t\t@apply pl-2;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// sizes\n\t&.size-small {\n\t\t@apply h-8;\n\n\t\tbutton,\n\t\ta {\n\t\t\t@apply text-sm;\n\n\t\t\t> p-icon {\n\t\t\t\t@apply text-base;\n\t\t\t}\n\t\t}\n\n\t\t&.has-icon-only {\n\t\t\t@apply w-8;\n\n\t\t\t&.has-chevron {\n\t\t\t\t@apply w-auto;\n\t\t\t}\n\t\t}\n\t}\n}\n","import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n} from '@stencil/core';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n\ttag: 'p-button',\n\tstyleUrl: 'button.component.scss',\n\t// shadow: true,\n})\nexport class Button {\n\t/**\n\t * The type of the button\n\t */\n\t@Prop() as: 'a' | 'button' = 'button';\n\n\t/**\n\t * The variant of the button\n\t */\n\t@Prop() variant: 'primary' | 'secondary' | 'text' = 'primary';\n\n\t/**\n\t * Wether the text variant has underline\n\t */\n\t@Prop() underline: boolean = false;\n\n\t/**\n\t * Href in case of \"text\" version\n\t */\n\t@Prop() href: string;\n\n\t/**\n\t * Target in case of \"text\" version\n\t */\n\t@Prop() target: string;\n\n\t/**\n\t * The size of the button\n\t */\n\t@Prop() size: 'small' | 'medium' = 'medium';\n\n\t/**\n\t * The type of the button\n\t */\n\t@Prop() type: 'button' | 'submit' = 'button';\n\n\t/**\n\t * Wether to show a loader or not\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * Wether to show a chevron or not\n\t */\n\t@Prop() chevron: boolean | 'up' | 'down' = false;\n\n\t/**\n\t * Chevron position\n\t */\n\t@Prop() chevronPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * Wether the button is disabled\n\t */\n\t@Prop() disabled: boolean = false;\n\n\t/**\n\t * Icon to show on the button\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Wether the button is icon only\n\t */\n\t@Prop() iconOnly: boolean = false;\n\n\t/**\n\t * Icon position\n\t */\n\t@Prop() iconPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * Wether the button should inherit text styles\n\t */\n\t@Prop() inheritText: boolean = false;\n\n\t/**\n\t * Position of the button in the button group, mostly un-used if not in a group\n\t */\n\t@Prop() buttonGroupPosition: 'start' | 'middle' | 'end' | 'none' = 'none';\n\n\t/**\n\t * Button click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tonClick: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\tlet loaderColor: 'white' | 'storm' | 'indigo' = 'white';\n\t\tswitch (this.variant) {\n\t\t\tcase 'secondary':\n\t\t\t\tloaderColor = 'storm';\n\t\t\t\tbreak;\n\t\t\tcase 'text':\n\t\t\t\tloaderColor = 'indigo';\n\t\t\t\tbreak;\n\t\t}\n\n\t\tconst VariableTag =\n\t\t\tthis.variant === 'text' || this.href?.length || this.as === 'a'\n\t\t\t\t? 'a'\n\t\t\t\t: 'button';\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-button size-${this.size} ${\n\t\t\t\t\tthis.iconOnly && 'has-icon-only'\n\t\t\t\t} ${this.chevron && 'has-chevron'}`}\n\t\t\t>\n\t\t\t\t<VariableTag\n\t\t\t\t\tclass={`variant-${this.variant} icon-position-${\n\t\t\t\t\t\tthis.iconPosition\n\t\t\t\t\t} chevron-position-${this.chevronPosition} ${\n\t\t\t\t\t\tthis.inheritText && 'should-inherit-text'\n\t\t\t\t\t} ${this.underline && 'has-underline'} ${\n\t\t\t\t\t\tthis.buttonGroupPosition !== 'none' &&\n\t\t\t\t\t\t`button-group-pos-${this.buttonGroupPosition}`\n\t\t\t\t\t}`}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttype={this.variant !== 'text' ? this.type : undefined}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t>\n\t\t\t\t\t{this.chevron && this.chevronPosition === 'start' && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass='chevron'\n\t\t\t\t\t\t\tvariant='chevron'\n\t\t\t\t\t\t\trotate={this.chevron === 'up' ? 180 : 0}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.icon &&\n\t\t\t\t\t\tthis.iconPosition === 'start' &&\n\t\t\t\t\t\t!(this.iconOnly && this.loading) &&\n\t\t\t\t\t\tthis._getIcon()}\n\n\t\t\t\t\t<slot />\n\n\t\t\t\t\t{this.icon &&\n\t\t\t\t\t\tthis.iconPosition === 'end' &&\n\t\t\t\t\t\t!(this.iconOnly && this.loading) &&\n\t\t\t\t\t\tthis._getIcon()}\n\n\t\t\t\t\t{this.loading && <p-loader color={loaderColor} />}\n\n\t\t\t\t\t{this.chevron && this.chevronPosition === 'end' && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass='chevron'\n\t\t\t\t\t\t\tvariant='chevron'\n\t\t\t\t\t\t\trotate={this.chevron === 'up' ? 180 : 0}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</VariableTag>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\thandleClick(ev: MouseEvent) {\n\t\tif (this.loading || this.disabled) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tthis.onClick.emit(ev);\n\t}\n\n\tprivate _getIcon() {\n\t\tif (!this.icon) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn (\n\t\t\t<p-icon\n\t\t\t\tvariant={this.icon}\n\t\t\t\tflip={this.iconFlip}\n\t\t\t\trotate={this.iconRotate}\n\t\t\t/>\n\t\t);\n\t}\n}\n",":host {\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions, TextSizeOptions } from '../../../types/tailwind';\nimport icons from '../../../utils/icons';\n\nexport type IconVariant = keyof typeof icons;\nexport type IconFlipOptions = 'horizontal' | 'vertical';\n\n@Component({\n\ttag: 'p-icon',\n\tstyleUrl: 'icon.component.scss',\n\t// shadow: true,\n})\nexport class Icon {\n\t/**\n\t * The icon the be displayed\n\t */\n\t@Prop() variant!: IconVariant;\n\n\t/**\n\t * The size of the icon, using tailwind sizes\n\t */\n\t@Prop() size: TextSizeOptions = 'auto';\n\n\t/**\n\t * Wether to rotate the icon x degrees\n\t */\n\t@Prop() rotate: RotateOptions = 0;\n\n\t/**\n\t * Wether to flip the icon horizontally or vertically\n\t */\n\t@Prop() flip: IconFlipOptions = null;\n\n\trender() {\n\t\tconst icon = icons[this.variant];\n\n\t\tconst styles = {\n\t\t\t'p-icon flex': true,\n\t\t\t'text-auto': this.size === 'auto',\n\t\t\t'text-xxs': this.size === 'xxs',\n\t\t\t'text-xs': this.size === 'xs',\n\t\t\t'text-sm': this.size === 'sm',\n\t\t\t'text-base': this.size === 'base',\n\t\t\t'text-lg': this.size === 'lg',\n\t\t\t'text-xl': this.size === 'xl',\n\t\t\t'text-2xl': this.size === '2xl',\n\t\t\t'text-3xl': this.size === '3xl',\n\t\t\t'text-4xl': this.size === '4xl',\n\t\t\t'text-5xl': this.size === '5xl',\n\t\t\t'text-6xl': this.size === '6xl',\n\t\t\ttransform: !!this.rotate || !!this.flip,\n\t\t\t'scale-x-flip': this.flip === 'horizontal',\n\t\t\t'scale-y-flip': this.flip === 'vertical',\n\t\t\t'rotate-0': this.rotate === 0,\n\t\t\t'rotate-25': this.rotate === 25,\n\t\t\t'rotate-45': this.rotate === 45,\n\t\t\t'rotate-90': this.rotate === 90,\n\t\t\t'rotate-135': this.rotate === 135,\n\t\t\t'rotate-180': this.rotate === 180,\n\t\t\t'rotate-225': this.rotate === 225,\n\t\t\t'rotate-270': this.rotate === 270,\n\t\t\t'rotate-315': this.rotate === 315,\n\t\t\t'-rotate-0': this.rotate === -0,\n\t\t\t'-rotate-25': this.rotate === -25,\n\t\t\t'-rotate-45': this.rotate === -45,\n\t\t\t'-rotate-90': this.rotate === -90,\n\t\t\t'-rotate-135': this.rotate === -135,\n\t\t\t'-rotate-180': this.rotate === -180,\n\t\t\t'-rotate-225': this.rotate === -225,\n\t\t\t'-rotate-270': this.rotate === -270,\n\t\t\t'-rotate-315': this.rotate === -315,\n\t\t};\n\n\t\treturn <Host class={styles} innerHTML={icon}></Host>;\n\t}\n}\n",":host {\n\t.loader {\n\t\t@apply inline-block h-[1em] w-[1em] rounded-round;\n\t\t@apply border-2 border-solid border-indigo-light border-t-indigo;\n\t\tanimation: 500ms spin linear infinite;\n\n\t\twill-change: transform;\n\n\t\t&.color-storm {\n\t\t\t@apply border-storm-light/40 border-t-storm #{!important};\n\t\t}\n\n\t\t&.color-white {\n\t\t\t@apply border-indigo-light/40 border-t-white #{!important};\n\t\t}\n\t}\n\n\t.loading-screen {\n\t\t@apply w-screen-safe h-screen-safe fixed top-0 left-0;\n\t\t@apply flex items-center justify-center;\n\t\t@apply bg-mystic;\n\n\t\tz-index: 1001;\n\n\t\t.content {\n\t\t\t@apply max-w-xs;\n\n\t\t\t.loader-wrapper {\n\t\t\t\t@apply flex w-full justify-center;\n\n\t\t\t\t.loader {\n\t\t\t\t\t@apply text-4xl;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n:host(.variant-ghost) {\n\t@apply box-border block;\n\n\twill-change: background, background-position-x, background-color;\n\n\tmin-height: 1em;\n\tmin-width: 1em;\n\n\t--loading-bg: #f7fafc;\n\t--loading-stripe: rgba(252, 253, 254, 1);\n\n\tbackground-color: var(--loading-bg);\n\tbackground: linear-gradient(\n\t\t\t100deg,\n\t\t\trgba(255, 255, 255, 0) 40%,\n\t\t\tvar(--loading-stripe) 50%,\n\t\t\trgba(255, 255, 255, 0) 60%\n\t\t)\n\t\tvar(--loading-bg);\n\tbackground-size: 200% 100%;\n\tbackground-position-x: 180%;\n\tanimation: 1s loading ease-in-out infinite;\n}\n\n@keyframes loading {\n\tto {\n\t\tbackground-position-x: -20%;\n\t}\n}\n\n@keyframes spin {\n\t100% {\n\t\ttransform: rotate(1turn);\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { Observable, Subscription } from 'rxjs';\n\n@Component({\n\ttag: 'p-loader',\n\tstyleUrl: 'loader.component.scss',\n\tshadow: true,\n})\nexport class Loader {\n\t/**\n\t * Wether to show or hide the loader\n\t */\n\t@Prop() show: boolean | Observable<boolean> = true;\n\n\t/**\n\t * Variant of loader\n\t */\n\t@Prop() variant:\n\t\t| 'inline'\n\t\t| 'full-width'\n\t\t| 'full-screen'\n\t\t| 'modal'\n\t\t| 'ghost' = 'inline';\n\n\t/**\n\t * Color of the loader\n\t */\n\t@Prop() color: 'indigo' | 'white' | 'storm' = 'indigo';\n\n\t/**\n\t * !NOT IMPLEMENTED! Modal title for modal variant\n\t */\n\t@Prop() modalTitle: string;\n\n\t/**\n\t * !NOT IMPLEMENTED! Modal description for modal variant\n\t */\n\t@Prop() modalDescription: string;\n\n\tprivate _show = this.show;\n\tprivate _showSubscriber: Subscription;\n\n\tprivate _loader = (<div class={`loader color-${this.color}`}></div>);\n\n\tcomponentWillRender() {\n\t\tthis._checkShow();\n\t}\n\n\tcomponentShouldUpdate() {\n\t\tthis._checkShow();\n\t}\n\n\trender() {\n\t\tif (!this._show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.variant === 'ghost') {\n\t\t\treturn <Host class=\"p-loader variant-ghost\"></Host>;\n\t\t}\n\n\t\tif (this.variant === 'full-screen') {\n\t\t\treturn (\n\t\t\t\t<Host class=\"p-loader variant-full-screen\">\n\t\t\t\t\t<div class=\"loading-screen\">\n\t\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t\t<slot />\n\n\t\t\t\t\t\t\t<div class=\"loader-wrapper\">{this._loader}</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</Host>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-loader variant-default flex ${\n\t\t\t\t\tthis.variant === 'full-width' &&\n\t\t\t\t\t'w-full flex justify-center text-4xl'\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t{this._loader}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _checkShow() {\n\t\tif (this._showSubscriber) {\n\t\t\tthis._showSubscriber.unsubscribe();\n\t\t\tthis._showSubscriber = null;\n\t\t}\n\n\t\tif (typeof this.show !== 'boolean') {\n\t\t\tthis._showSubscriber = this.show?.subscribe(\n\t\t\t\t(show) => (this._show = show)\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show = this.show;\n\t}\n}\n"],"mappings":"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"}

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

	@@ -1,2 +0,0 @@
1	- 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};
2	- //# sourceMappingURL=p-fffaacc2.entry.js.map

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

@@ -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-2b4bdcd9.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

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

	@@ -1,2 +0,0 @@
1	- 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};
2	- //# sourceMappingURL=p-fffaacc2.entry.js.map

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

@@ -1 +0,0 @@