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

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

@@ -0,0 +1 @@
+import{r as t,h as r,H as o,g as a}from"./p-0100c1a2.js";import{c as e}from"./p-a7086ffa.js";const i=class{constructor(r){t(this,r),this.variant="hover",this.popover=null,this.placement="top",this.show=!1,this.canManuallyClose=!0,this._loaded=!1}componentShouldUpdate(){this._setOptions(),this._loaded&&this.show&&this._show()}render(){return r(o,{class:"p-popover"},r("slot",{name:"content"}),r("div",{class:`popover variant-${this.variant}`,role:"popover",ref:t=>this._load(t)},this.popover?this.popover:r("slot",{name:"popover"}),r("div",{class:"arrow","data-popper-arrow":!0})))}clickHandler(){"click"===this.variant&&(this._popover.hasAttribute("data-show")||this._show())}documentClickHandler(){"click"===this.variant&&this.canManuallyClose&&this._popover.hasAttribute("data-show")&&this._hide()}mouseEnterHandler(){"hover"===this.variant&&this._show()}mouseLeaveHandler(){this.show||"hover"!==this.variant||this._hide()}_show(){this._loaded&&(this._popover.setAttribute("data-show",""),this._popper.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:!0}]}))),this._popper.update())}_hide(){this._loaded&&(this._popover.removeAttribute("data-show"),this._popper.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:!1}]}))))}_load(t){this._popover=t,t&&(this._popper=e(this._el,t),this._setOptions(),this._loaded=!0,this.show&&setTimeout((()=>this._show()),100))}_setOptions(){this._popper&&this._popper.setOptions({placement:"error"===this.variant?"bottom-start":this.placement,modifiers:[{name:"offset",options:{offset:[0,8]}},{name:"arrow",options:{padding:4}}]})}get _el(){return a(this)}};i.style='.visible{visibility:visible!important}.static{position:static!important}.absolute{position:absolute!important}.block{display:block!important}.hidden{display:none!important}.w-2{width:.5rem!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}.cursor-pointer{cursor:pointer!important}.rounded{border-radius:.25rem!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.bg-storm,.bg-white{--tw-bg-opacity:1!important}.bg-storm{background-color:rgb(81 83 107/var(--tw-bg-opacity))!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}.blur{--tw-blur:blur(8px)!important;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}:host{cursor:pointer;display:inline-block}:host .popover{--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:none;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);font-size:.75rem;font-weight:500;line-height:1rem;max-width:14.5rem;padding:.5rem .75rem}:host .popover.variant-error,:host .popover.variant-hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(81 83 107/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity));padding-bottom:.25rem;padding-top:.25rem}:host .popover.variant-error{--tw-bg-opacity:1;background-color:rgb(185 30 40/var(--tw-bg-opacity))}:host .popover[data-show]{display:block}:host .popover .arrow,:host .popover .arrow:before{background:inherit;height:.5rem;position:absolute;width:.5rem}:host .popover .arrow{visibility:hidden}:host .popover .arrow:before{--tw-rotate:45deg;content:"";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));visibility:visible}:host .popover[data-popper-placement^=top]>.arrow{bottom:-.25rem}:host .popover[data-popper-placement^=bottom]>.arrow{top:-.25rem}:host .popover[data-popper-placement^=left]>.arrow{right:-.25rem}:host .popover[data-popper-placement^=right]>.arrow{left:-.25rem}';export{i as p_tooltip}

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

@@ -0,0 +1 @@
+import{r as t,h as o,H as i}from"./p-0100c1a2.js";const r=class{constructor(o){t(this,o),this.active=!1}render(){return o(i,{class:`p-navigation-item ${this.active&&"active"}`},o("a",{href:this.href,target:this.target},this.icon&&o("p-icon",{variant:this.icon}),o("span",{class:this.counter&&"has-counter"},o("slot",null)),this.counter&&o("p-counter",null,this.counter)))}};r.style=".static{position:static!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-8{height:2rem!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}.text-mystic-dark{--tw-text-opacity:1!important;color:rgb(218 230 240/var(--tw-text-opacity))!important}.text-indigo{--tw-text-opacity:1!important;color:rgb(82 138 250/var(--tw-text-opacity))!important}:host{display:inline-block;margin-bottom:.25rem;width:100%}:host>a{--tw-text-opacity:1;align-items:center;border-radius:.375rem;color:rgb(128 130 158/var(--tw-text-opacity));cursor:pointer;display:flex;font-weight:500;height:2rem;padding-left:.5rem;padding-right:.5rem;width:100%}:host>a:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(39 40 56/var(--tw-text-opacity))}:host>a>p-icon{--tw-text-opacity:1;color:rgb(218 230 240/var(--tw-text-opacity));margin-right:.75rem}:host>a>p-counter{margin-left:auto}:host>a>span.has-counter{margin-right:.75rem}:host>a:hover>p-icon{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity))}: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))}.hover\\:bg-indigo-light:hover{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity))!important}";export{r as p_navigation_item}

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

@@ -0,0 +1 @@
+import{r as t,c as i,h as e,H as s}from"./p-0100c1a2.js";const a=class{constructor(s){t(this,s),this.pageChange=i(this,"pageChange",7),this.page=1,this.pageSize=12,this._pages=[],this._set=[],this._nextClick=()=>{const t=this.page+1;t>this._pages[this._pages.length-1]||this._changePage(t)},this._pageClick=t=>this._changePage(t),this._generateSet=(t=1,i=!0)=>{const s=this._pages.length;if(!s)return[];let a=this.page-t,n=this.page+t;n>s&&(n=s,a=s-2*t,a=a<1?1:a),a<=1&&(a=1,n=Math.min(2*t+1,s));const h=[],p={type:"previous",value:e("p-icon",{variant:"chevron",rotate:90})},r={type:"next",value:e("p-icon",{variant:"chevron",rotate:-90})};if(null===t){const t=this._pages.map((t=>({type:"page",value:t})));return i?[p,...t,r]:t}if(i&&h.push(p),a<=3)for(let t=1;t<a;t++)h.push({type:"page",value:this._pages[t-1]});else h.push({type:"page",value:1}),h.push({type:"ellipsis",value:"ellipsis"});for(let t=a;t<=n;t++)h.push({type:"page",value:this._pages[t-1]});if(n>=s-2)for(let t=n+1;t<=s;t++)h.push({type:"page",value:this._pages[t-1]});else h.push({type:"ellipsis"}),h.push({type:"page",value:this._pages[this._pages.length-1]});return i&&h.push(r),h}}componentWillRender(){this._generate()}render(){var t;return e(s,{class:"p-pagination"},null===(t=this._set)||void 0===t?void 0:t.map((t=>"previous"===t.type||"next"===t.type?e("p-pagination-item",{onClick:()=>"previous"===t.type?this._previousClick():this._nextClick()},t.value):"ellipsis"===t.type?e("p-pagination-item",null,"..."):e("p-pagination-item",{active:t.value===this.page,onClick:()=>this._pageClick(t.value)},t.value))))}pageChangeHandler(){this._generate()}_generate(){var t;this._pages=this._generatePages(),this._set=this._generateSet(),this.page>(null===(t=this._pages)||void 0===t?void 0:t.length)&&this._changePage(this._pages.length)}_changePage(t){t&&(this.page=t,this.pageChange.emit(this.page))}_previousClick(){const t=this.page-1;t<this._pages[0]||this._changePage(t)}_generatePages(){if(!this.total||!this.pageSize)return[];const t=Math.ceil(this.total/this.pageSize);return new Array(t).fill(void 0).map(((t,i)=>i+1))}static get watchers(){return{page:["pageChangeHandler"],pageSize:["pageChangeHandler"],total:["pageChangeHandler"]}}};a.style=".static{position:static!important}.flex{display:flex!important}p-pagination{display:flex}";export{a as p_pagination}

package/dist/build/paperless.css

@@ -1,19 +1,4 @@
 @tailwind base;
-@tailwind utilities;
-@tailwind components;
-.sbdocs .boson-collection {
-  @apply flex flex-row w-full justify-start;
-}
-.sbdocs .boson-collection .boson {
-  @apply w-1/5;
-}
-.sbdocs .boson-collection .boson > span {
-  @apply p-0 text-storm-vague text-xs font-semibold uppercase;
-}
-.sbdocs .boson-collection .boson > div {
-  @apply w-16 h-16 rounded-large bg-storm-light;
-}
-
 @layer base {
   html,
 body {
@@ -21,7 +6,7 @@ body {
     min-height: 100vh;
     width: 100%;
     max-width: 100vw;
-    @apply bg-mystic text-storm;
+    @apply bg-mystic;
     text-rendering: optimizeLegibility;
     -webkit-font-smoothing: antialiased;
   }
@@ -76,6 +61,32 @@ body {
   src: local("IBM Plex Sans Bold"), local("IBMPlexSans-Bold"), url(/assets/fonts/ibm-plex-sans-v3-latin-700.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/ibm-plex-sans-v3-latin-700.woff2) format("woff2"), url(/assets/fonts/ibm-plex-sans-v3-latin-700.woff) format("woff"), url(/assets/fonts/ibm-plex-sans-v3-latin-700.ttf) format("truetype"), url(/assets/fonts/ibm-plex-sans-v3-latin-700.svg#IBMPlexSans) format("svg");
   /* Legacy iOS */
 }
-body {
-  @apply bg-mystic;
+@layer base {
+  h1 {
+    @apply text-h1 font-bold leading-h1;
+  }
+
+  h2 {
+    @apply text-h2 font-bold leading-h2;
+  }
+
+  h3 {
+    @apply text-h3 font-semibold leading-h3;
+  }
+
+  h4 {
+    @apply text-h4 font-semibold leading-h4;
+  }
+
+  h5 {
+    @apply text-h5 font-medium leading-h5;
+  }
+
+  body {
+    @apply text-body leading-body text-storm !important;
+  }
+
+  .body-2 {
+    @apply text-body-2 leading-body-2 text-storm !important;
+  }
 }

package/dist/build/paperless.esm.js

@@ -1 +1 @@
-import{p as o,b as i}from"./p-f33e1285.js";(()=>{const i=import.meta.url,t={};return""!==i&&(t.resourcesUrl=new URL(".",i).href),o(t)})().then((o=>i([["p-f04c4de0",[[0,"p-illustration",{variant:[1]}]]],["p-4144f8a0",[[1,"p-tooltip",{content:[8],placement:[1],forceShow:[4,"force-show"]},[[1,"mouseenter","_show"],[0,"focus","_show"],[1,"mouseleave","_hide"],[0,"blur","_hide"]]]]],["p-31acefc4",[[4,"p-button",{variant:[1],href:[1],target:[1],size:[1],loading:[4],disabled:[4],icon:[1],iconPosition:[1,"icon-position"],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"]},[[2,"click","handleClick"]]],[0,"p-icon",{variant:[1],size:[1],rotate:[2],flip:[1]}],[1,"p-loader",{show:[4],variant:[1],color:[1],modalTitle:[1,"modal-title"],modalDescription:[1,"modal-description"]}]]]],o)));
+import{p as e,b as i}from"./p-0100c1a2.js";(()=>{const i=import.meta.url,a={};return""!==i&&(a.resourcesUrl=new URL(".",i).href),e(a)})().then((e=>i([["p-94cef335",[[1,"p-modal",{size:[1],variant:[1],title:[1],show:[4]}]]],["p-fb1e33eb",[[1,"p-navigation-item",{active:[4],icon:[1],counter:[8],href:[1],target:[1]}]]],["p-ffeed7c6",[[0,"p-pagination",{page:[1538],pageSize:[2,"page-size"],total:[2]}]]],["p-463f354c",[[4,"p-card-header",{title:[1],arrow:[4]}]]],["p-b68368f3",[[1,"p-dropdown",{placement:[1],show:[4],insideClick:[4,"inside-click"],disableTriggerClick:[4,"disable-trigger-click"]},[[6,"click","documentClickHandler"]]]]],["p-6e60b92a",[[1,"p-helper"]]],["p-4a85b858",[[1,"p-info-panel",{variant:[1],header:[1],content:[1],closeable:[4]}]]],["p-3b491ca2",[[1,"p-segment-item",{active:[4],icon:[1],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"]}]]],["p-7784ee14",[[4,"p-status",{variant:[1],icon:[1],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"]}]]],["p-19d84fe7",[[1,"p-avatar",{variant:[1],size:[1],defaultImage:[1,"default-image"],src:[1],_src:[32]}]]],["p-ccbddcbb",[[4,"p-card-body",{inheritText:[4,"inherit-text"]}]]],["p-67fc89a6",[[1,"p-card-container",{hoverable:[4]}]]],["p-3f6d3736",[[1,"p-dropdown-menu-item",{active:[4]}]]],["p-d069673f",[[0,"p-illustration",{variant:[1]}]]],["p-864ac423",[[4,"p-segment-container"]]],["p-11d24001",[[1,"p-counter"]]],["p-c64e2313",[[4,"p-dropdown-menu-container"]]],["p-2120a0b7",[[1,"p-pagination-item",{active:[4]}]]],["p-f50c6e5b",[[1,"p-tooltip",{variant:[1],popover:[8],placement:[1],show:[4],canManuallyClose:[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]]]]],["p-5438d70e",[[1,"p-divider"]]],["p-5101f35f",[[1,"p-modal-footer"],[1,"p-modal-backdrop"],[1,"p-modal-body",{variant:[1]}],[4,"p-modal-container",{size:[1]}],[1,"p-modal-header"]]],["p-63e5f5e1",[[4,"p-button",{variant:[1],href:[1],target:[1],size:[1],loading:[4],chevron:[8],disabled:[4],icon:[1],iconOnly:[4,"icon-only"],iconPosition:[1,"icon-position"],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"],inheritText:[4,"inherit-text"]},[[2,"click","handleClick"]]],[1,"p-loader",{show:[4],variant:[1],color:[1],modalTitle:[1,"modal-title"],modalDescription:[1,"modal-description"]}],[0,"p-icon",{variant:[1],size:[1],rotate:[2],flip:[1]}]]]],e)));

package/dist/cjs/{index-a2da05ae.js → index-f9c302b6.js}

@@ -54,7 +54,7 @@ const supportsConstructibleStylesheets = /*@__PURE__*/ (() => {
 const addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) => {
     if (listeners) {
         listeners.map(([flags, name, method]) => {
-            const target = elm;
+            const target = getHostListenerTarget(elm, flags) ;
             const handler = hostListenerProxy(hostRef, method);
             const opts = hostListenerOpts(flags);
             plt.ael(target, name, handler, opts);
@@ -78,6 +78,11 @@ const hostListenerProxy = (hostRef, methodName) => (ev) => {
         consoleError(e);
     }
 };
+const getHostListenerTarget = (elm, flags) => {
+    if (flags & 4 /* TargetDocument */)
+        return doc;
+    return elm;
+};
 // prettier-ignore
 const hostListenerOpts = (flags) => (flags & 2 /* Capture */) !== 0;
 const HYDRATED_CSS = '{visibility:hidden}.hydrated{visibility:inherit}';
@@ -303,7 +308,7 @@ const convertToPrivate = (node) => {
 const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
     if (oldValue !== newValue) {
         let isProp = isMemberInElement(elm, memberName);
-        memberName.toLowerCase();
+        let ln = memberName.toLowerCase();
         if (memberName === 'class') {
             const classList = elm.classList;
             const oldClasses = parseClassList(oldValue);
@@ -317,6 +322,45 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
                 newValue(elm);
             }
         }
+        else if ((!isProp ) &&
+            memberName[0] === 'o' &&
+            memberName[1] === 'n') {
+            // Event Handlers
+            // so if the member name starts with "on" and the 3rd characters is
+            // a capital letter, and it's not already a member on the element,
+            // then we're assuming it's an event listener
+            if (memberName[2] === '-') {
+                // on- prefixed events
+                // allows to be explicit about the dom event to listen without any magic
+                // under the hood:
+                // <my-cmp on-click> // listens for "click"
+                // <my-cmp on-Click> // listens for "Click"
+                // <my-cmp on-ionChange> // listens for "ionChange"
+                // <my-cmp on-EVENTS> // listens for "EVENTS"
+                memberName = memberName.slice(3);
+            }
+            else if (isMemberInElement(win, ln)) {
+                // standard event
+                // the JSX attribute could have been "onMouseOver" and the
+                // member name "onmouseover" is on the window's prototype
+                // so let's add the listener "mouseover", which is all lowercased
+                memberName = ln.slice(2);
+            }
+            else {
+                // custom event
+                // the JSX attribute could have been "onMyCustomEvent"
+                // so let's trim off the "on" prefix and lowercase the first character
+                // and add the listener "myCustomEvent"
+                // except for the first character, we keep the event name case
+                memberName = ln[2] + memberName.slice(3);
+            }
+            if (oldValue) {
+                plt.rel(elm, memberName, oldValue, false);
+            }
+            if (newValue) {
+                plt.ael(elm, memberName, newValue, false);
+            }
+        }
         else {
             // Set property if it exists and it's not a SVG
             const isComplex = isComplexType(newValue);
@@ -802,6 +846,10 @@ const renderVdom = (hostRef, renderFnResults) => {
     const oldVNode = hostRef.$vnode$ || newVNode(null, null);
     const rootVnode = isHost(renderFnResults) ? renderFnResults : h(null, null, renderFnResults);
     hostTagName = hostElm.tagName;
+    if (cmpMeta.$attrsToReflect$) {
+        rootVnode.$attrs$ = rootVnode.$attrs$ || {};
+        cmpMeta.$attrsToReflect$.map(([propName, attribute]) => (rootVnode.$attrs$[attribute] = hostElm[propName]));
+    }
     rootVnode.$tag$ = null;
     rootVnode.$flags$ |= 4 /* isHost */;
     hostRef.$vnode$ = rootVnode;
@@ -952,6 +1000,9 @@ const dispatchHooks = (hostRef, isInitialLoad) => {
                 hostRef.$queuedListeners$ = null;
             }
         }
+        {
+            promise = safeCall(instance, 'componentWillLoad');
+        }
     }
     {
         promise = then(promise, () => safeCall(instance, 'componentWillRender'));
@@ -1132,6 +1183,7 @@ const getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propNam
 const setValue = (ref, propName, newVal, cmpMeta) => {
     // check our new property value against our internal value
     const hostRef = getHostRef(ref);
+    const elm = hostRef.$hostElement$ ;
     const oldVal = hostRef.$instanceValues$.get(propName);
     const flags = hostRef.$flags$;
     const instance = hostRef.$lazyInstance$ ;
@@ -1144,6 +1196,22 @@ const setValue = (ref, propName, newVal, cmpMeta) => {
         // set our new value!
         hostRef.$instanceValues$.set(propName, newVal);
         if (instance) {
+            // get an array of method names of watch functions to call
+            if (cmpMeta.$watchers$ && flags & 128 /* isWatchReady */) {
+                const watchMethods = cmpMeta.$watchers$[propName];
+                if (watchMethods) {
+                    // this instance is watching for when this property changed
+                    watchMethods.map((watchMethodName) => {
+                        try {
+                            // fire off each of the watch methods that are watching this property
+                            instance[watchMethodName](newVal, oldVal, propName);
+                        }
+                        catch (e) {
+                            consoleError(e, elm);
+                        }
+                    });
+                }
+            }
             if ((flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
                 if (instance.componentShouldUpdate) {
                     if (instance.componentShouldUpdate(newVal, oldVal, propName) === false) {
@@ -1161,6 +1229,9 @@ const setValue = (ref, propName, newVal, cmpMeta) => {
 };
 const proxyComponent = (Cstr, cmpMeta, flags) => {
     if (cmpMeta.$members$) {
+        if (Cstr.watchers) {
+            cmpMeta.$watchers$ = Cstr.watchers;
+        }
         // It's better to have a const than two Object.entries()
         const members = Object.entries(cmpMeta.$members$);
         const prototype = Cstr.prototype;
@@ -1242,6 +1313,9 @@ const proxyComponent = (Cstr, cmpMeta, flags) => {
                 .map(([propName, m]) => {
                 const attrName = m[1] || propName;
                 attrNameToPropName.set(attrName, propName);
+                if (m[0] & 512 /* ReflectAttr */) {
+                    cmpMeta.$attrsToReflect$.push([propName, attrName]);
+                }
                 return attrName;
             });
         }
@@ -1265,6 +1339,12 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) =>
                 endLoad();
             }
             if (!Cstr.isProxied) {
+                // we've never proxied this Constructor before
+                // let's add the getters/setters to its prototype before
+                // the first time we create an instance of the implementation
+                {
+                    cmpMeta.$watchers$ = Cstr.watchers;
+                }
                 proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
                 Cstr.isProxied = true;
             }
@@ -1288,6 +1368,9 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) =>
             {
                 hostRef.$flags$ &= ~8 /* isConstructingInstance */;
             }
+            {
+                hostRef.$flags$ |= 128 /* isWatchReady */;
+            }
             endNewInstance();
         }
         if (Cstr.style) {
@@ -1422,6 +1505,12 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
             {
                 cmpMeta.$listeners$ = compactMeta[3];
             }
+            {
+                cmpMeta.$attrsToReflect$ = [];
+            }
+            {
+                cmpMeta.$watchers$ = {};
+            }
             const tagName = cmpMeta.$tagName$;
             const HostElement = class extends HTMLElement {
                 // StencilLazyHost
@@ -1516,7 +1605,104 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
     if (module) {
         return module[exportName];
     }
-    /*!__STENCIL_STATIC_IMPORT_SWITCH__*/
+    
+    if (!hmrVersionId || !BUILD.hotModuleReplacement) {
+      const processMod = importedModule => {
+        cmpModules.set(bundleId, importedModule);
+        return importedModule[exportName];
+      }
+      switch(bundleId) {
+        
+        case 'p-button_3.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-button_3.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'p-avatar.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-avatar.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'p-card-body.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-card-body.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'p-card-container.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-card-container.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'p-card-header.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-card-header.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'p-dropdown.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-dropdown.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'p-dropdown-menu-item.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-dropdown-menu-item.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'p-helper.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-helper.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'p-illustration.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-illustration.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'p-info-panel.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-info-panel.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'p-modal.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-modal.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'p-navigation-item.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-navigation-item.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'p-pagination.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-pagination.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'p-segment-container.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-segment-container.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'p-segment-item.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-segment-item.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'p-status.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-status.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'p-counter.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-counter.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'p-dropdown-menu-container.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-dropdown-menu-container.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'p-modal-backdrop_5.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-modal-backdrop_5.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'p-pagination-item.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-pagination-item.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'p-tooltip.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-tooltip.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'p-divider.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-divider.cjs.entry.js')); }).then(processMod, consoleError);
+      }
+    }
     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
     /* @vite-ignore */
     /* webpackInclude: /\.entry\.js$/ */

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a2da05ae.js');
+const index = require('./index-f9c302b6.js');
 
 /*
  Stencil Client Patch Esm v2.17.0 | MIT Licensed | https://stenciljs.com
@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["p-illustration.cjs",[[0,"p-illustration",{"variant":[1]}]]],["p-tooltip.cjs",[[1,"p-tooltip",{"content":[8],"placement":[1],"forceShow":[4,"force-show"]},[[1,"mouseenter","_show"],[0,"focus","_show"],[1,"mouseleave","_hide"],[0,"blur","_hide"]]]]],["p-button_3.cjs",[[4,"p-button",{"variant":[1],"href":[1],"target":[1],"size":[1],"loading":[4],"disabled":[4],"icon":[1],"iconPosition":[1,"icon-position"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]},[[2,"click","handleClick"]]],[0,"p-icon",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}],[1,"p-loader",{"show":[4],"variant":[1],"color":[1],"modalTitle":[1,"modal-title"],"modalDescription":[1,"modal-description"]}]]]], options);
+  return index.bootstrapLazy([["p-modal.cjs",[[1,"p-modal",{"size":[1],"variant":[1],"title":[1],"show":[4]}]]],["p-navigation-item.cjs",[[1,"p-navigation-item",{"active":[4],"icon":[1],"counter":[8],"href":[1],"target":[1]}]]],["p-pagination.cjs",[[0,"p-pagination",{"page":[1538],"pageSize":[2,"page-size"],"total":[2]}]]],["p-card-header.cjs",[[4,"p-card-header",{"title":[1],"arrow":[4]}]]],["p-dropdown.cjs",[[1,"p-dropdown",{"placement":[1],"show":[4],"insideClick":[4,"inside-click"],"disableTriggerClick":[4,"disable-trigger-click"]},[[6,"click","documentClickHandler"]]]]],["p-helper.cjs",[[1,"p-helper"]]],["p-info-panel.cjs",[[1,"p-info-panel",{"variant":[1],"header":[1],"content":[1],"closeable":[4]}]]],["p-segment-item.cjs",[[1,"p-segment-item",{"active":[4],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}]]],["p-status.cjs",[[4,"p-status",{"variant":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}]]],["p-avatar.cjs",[[1,"p-avatar",{"variant":[1],"size":[1],"defaultImage":[1,"default-image"],"src":[1],"_src":[32]}]]],["p-card-body.cjs",[[4,"p-card-body",{"inheritText":[4,"inherit-text"]}]]],["p-card-container.cjs",[[1,"p-card-container",{"hoverable":[4]}]]],["p-dropdown-menu-item.cjs",[[1,"p-dropdown-menu-item",{"active":[4]}]]],["p-illustration.cjs",[[0,"p-illustration",{"variant":[1]}]]],["p-segment-container.cjs",[[4,"p-segment-container"]]],["p-counter.cjs",[[1,"p-counter"]]],["p-dropdown-menu-container.cjs",[[4,"p-dropdown-menu-container"]]],["p-pagination-item.cjs",[[1,"p-pagination-item",{"active":[4]}]]],["p-tooltip.cjs",[[1,"p-tooltip",{"variant":[1],"popover":[8],"placement":[1],"show":[4],"canManuallyClose":[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]]]]],["p-divider.cjs",[[1,"p-divider"]]],["p-modal-backdrop_5.cjs",[[1,"p-modal-footer"],[1,"p-modal-backdrop"],[1,"p-modal-body",{"variant":[1]}],[4,"p-modal-container",{"size":[1]}],[1,"p-modal-header"]]],["p-button_3.cjs",[[4,"p-button",{"variant":[1],"href":[1],"target":[1],"size":[1],"loading":[4],"chevron":[8],"disabled":[4],"icon":[1],"iconOnly":[4,"icon-only"],"iconPosition":[1,"icon-position"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"inheritText":[4,"inherit-text"]},[[2,"click","handleClick"]]],[1,"p-loader",{"show":[4],"variant":[1],"color":[1],"modalTitle":[1,"modal-title"],"modalDescription":[1,"modal-description"]}],[0,"p-icon",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}]]]], options);
   });
 };
 

package/dist/cjs/p-avatar.cjs.entry.js

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-f9c302b6.js');
+
+const avatarComponentCss = ".static{position:static!important}.w-10{width:2.5rem!important}.w-20{width:5rem!important}.w-28{width:7rem!important}.rounded{border-radius:.25rem!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}:host{display:inline-block}:host>img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}:host(.size-small)>img{height:2.5rem;width:2.5rem}:host(.size-medium)>img{height:5rem;width:5rem}:host(.size-large)>img{height:7rem;width:7rem}:host(.variant-company)>img{border-radius:.25rem}:host(.variant-company.size-large),:host(.variant-company.size-medium){border-radius:.375rem}:host(.variant-user)>img{border-radius:100%}";
+
+const Avatar = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /**
+     * The variant of the avatar
+     */
+    this.variant = 'user';
+    /**
+     * The size of the avatar
+     */
+    this.size = 'medium';
+    this._src = this.src;
+  }
+  render() {
+    return (index.h(index.Host, { class: `p-avatar size-${this.size} variant-${this.variant}` }, index.h("img", { src: this._src, onError: () => this._setDefaultLink() })));
+  }
+  _setDefaultLink() {
+    var _a;
+    this._src =
+      (_a = this.defaultImage) !== null && _a !== void 0 ? _a : (this.variant === 'user'
+        ? '/assets/images/avatar/user-default.svg'
+        : '/assets/images/avatar/company-default.svg');
+  }
+};
+Avatar.style = avatarComponentCss;
+
+exports.p_avatar = Avatar;