@paperless/core 2.0.1-beta.25 → 2.0.1-beta.27

package/dist/components/loader.component.js.map

@@ -1 +1 @@
-{"file":"loader.component.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,+2GAA+2G,CAAC;AAC34G,sBAAe,kBAAkB;;MCOpB,MAAM;;;;;oBAI4B,IAAI;uBAMjD,QAAQ;qBAKqC,QAAQ;;;;IAY9C,KAAK,GAAkC,KAAK,CAAC;IAC7C,eAAe,CAAe;IAEtC,gBAAgB;QACf,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC;KACvB;IAED,mBAAmB;QAClB,IAAI,CAAC,UAAU,EAAE,CAAC;KAClB;IAED,qBAAqB;QACpB,IAAI,CAAC,UAAU,EAAE,CAAC;KAClB;IAED,MAAM;QACL,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YAChB,OAAO;SACP;QAED,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,EAAE;YAC7B,OAAO,EAAC,IAAI,IAAC,KAAK,EAAC,wBAAwB,GAAQ,CAAC;SACpD;QAED,MAAM,MAAM,GAAG,WAAK,KAAK,EAAE,gBAAgB,IAAI,CAAC,KAAK,EAAE,GAAQ,CAAC;QAEhE,IAAI,IAAI,CAAC,OAAO,KAAK,aAAa,EAAE;YACnC,QACC,EAAC,IAAI,IAAC,KAAK,EAAC,8BAA8B,IACzC,WAAK,KAAK,EAAC,gBAAgB,IAC1B,WAAK,KAAK,EAAC,SAAS,IACnB,eAAQ,EAER,WAAK,KAAK,EAAC,gBAAgB,IAAE,MAAM,CAAO,CACrC,CACD,CACA,EACN;SACF;QAED,QACC,EAAC,IAAI,IACJ,KAAK,EAAE,iCACN,IAAI,CAAC,OAAO,KAAK,YAAY,IAAI,qCAClC,EAAE,IAED,MAAM,CACD,EACN;KACF;IAEO,UAAU;QACjB,IAAI,IAAI,CAAC,eAAe,EAAE;YACzB,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE,CAAC;YACnC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;SAC5B;QAED,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE;YACnC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,IAAI,EAAE,SAAS,CAAC,IAAI,KAAK,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC;YACzE,OAAO;SACP;QAED,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC;KACvB;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/loader/loader.component.scss?tag=p-loader&encapsulation=shadow","src/components/atoms/loader/loader.component.tsx"],"sourcesContent":[":host {\n\t.loader {\n\t\t@apply inline-block h-[1em] w-[1em] rounded-full;\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: 'inline' | 'full-width' | 'full-screen' | 'modal' | 'ghost' =\n\t\t'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: boolean | Observable<boolean> = false;\n\tprivate _showSubscriber: Subscription;\n\n\tcomponendDidLoad() {\n\t\tthis._show = this.show;\n\t}\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\tconst loader = <div class={`loader color-${this.color}`}></div>;\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'>{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' && 'flex w-full justify-center text-4xl'\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t{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(show => (this._show = show));\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show = this.show;\n\t}\n}\n"],"version":3}
+{"file":"loader.component.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,oyGAAoyG,CAAC;AACh0G,sBAAe,kBAAkB;;MCOpB,MAAM;;;;;oBAI4B,IAAI;uBAMjD,QAAQ;qBAKqC,QAAQ;;;;IAY9C,KAAK,GAAkC,KAAK,CAAC;IAC7C,eAAe,CAAe;IAEtC,gBAAgB;QACf,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC;KACvB;IAED,mBAAmB;QAClB,IAAI,CAAC,UAAU,EAAE,CAAC;KAClB;IAED,qBAAqB;QACpB,IAAI,CAAC,UAAU,EAAE,CAAC;KAClB;IAED,MAAM;QACL,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YAChB,OAAO;SACP;QAED,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,EAAE;YAC7B,OAAO,EAAC,IAAI,IAAC,KAAK,EAAC,wBAAwB,GAAQ,CAAC;SACpD;QAED,MAAM,MAAM,GAAG,WAAK,KAAK,EAAE,gBAAgB,IAAI,CAAC,KAAK,EAAE,GAAQ,CAAC;QAEhE,IAAI,IAAI,CAAC,OAAO,KAAK,aAAa,EAAE;YACnC,QACC,EAAC,IAAI,IAAC,KAAK,EAAC,8BAA8B,IACzC,WAAK,KAAK,EAAC,gBAAgB,IAC1B,WAAK,KAAK,EAAC,SAAS,IACnB,eAAQ,EAER,WAAK,KAAK,EAAC,gBAAgB,IAAE,MAAM,CAAO,CACrC,CACD,CACA,EACN;SACF;QAED,QACC,EAAC,IAAI,IACJ,KAAK,EAAE,iCACN,IAAI,CAAC,OAAO,KAAK,YAAY,IAAI,qCAClC,EAAE,IAED,MAAM,CACD,EACN;KACF;IAEO,UAAU;QACjB,IAAI,IAAI,CAAC,eAAe,EAAE;YACzB,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE,CAAC;YACnC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;SAC5B;QAED,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE;YACnC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,IAAI,EAAE,SAAS,CAAC,IAAI,KAAK,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC;YACzE,OAAO;SACP;QAED,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC;KACvB;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/loader/loader.component.scss?tag=p-loader&encapsulation=shadow","src/components/atoms/loader/loader.component.tsx"],"sourcesContent":[":host {\n\t.loader {\n\t\t@apply inline-block h-[1em] w-[1em] rounded-full;\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 fixed left-0 top-0 h-screen-safe w-screen-safe;\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: 'inline' | 'full-width' | 'full-screen' | 'modal' | 'ghost' =\n\t\t'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: boolean | Observable<boolean> = false;\n\tprivate _showSubscriber: Subscription;\n\n\tcomponendDidLoad() {\n\t\tthis._show = this.show;\n\t}\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\tconst loader = <div class={`loader color-${this.color}`}></div>;\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'>{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' && 'flex w-full justify-center text-4xl'\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t{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(show => (this._show = show));\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show = this.show;\n\t}\n}\n"],"version":3}

package/dist/components/navigation-title.component.js

@@ -7,12 +7,13 @@ const NavigationTitle = /*@__PURE__*/ proxyCustomElement(class NavigationTitle e
     constructor() {
         super();
         this.__registerHost();
+        this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: '77fef8b4447152587c36feef957ad90b2b02e316', class: 'p-navigation-title text-xs font-medium text-black-teal-300' }, h("slot", { key: '961d39e654c4c112251d8f1086173e639974ed6c' })));
+        return (h(Host, { key: 'd51756470d5725ba1a1d9b1128d72b6d51db7588', class: 'p-navigation-title text-xs font-medium text-black-teal-300' }, h("slot", { key: 'fa9b64875c9973c7001fdc7cfff81131b965985b' })));
     }
     static get style() { return PNavigationTitleStyle0; }
-}, [4, "p-navigation-title"]);
+}, [1, "p-navigation-title"]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;

package/dist/components/navigation-title.component.js.map

@@ -1 +1 @@
-{"file":"navigation-title.component.js","mappings":";;AAAA,MAAM,2BAA2B,GAAG,+QAA+Q,CAAC;AACpT,+BAAe,2BAA2B;;MCM7B,eAAe;;;;;IAC3B,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAC,4DAA4D,IACvE,8DAAQ,CACF,EACN;KACF;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/navigation-title/navigation-title.component.scss?tag=p-navigation-title","src/components/atoms/navigation-title/navigation-title.component.tsx"],"sourcesContent":["","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-navigation-title',\n\tstyleUrl: 'navigation-title.component.scss',\n\tshadow: false,\n})\nexport class NavigationTitle {\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-navigation-title text-xs font-medium text-black-teal-300'>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"navigation-title.component.js","mappings":";;AAAA,MAAM,2BAA2B,GAAG,+QAA+Q,CAAC;AACpT,+BAAe,2BAA2B;;MCM7B,eAAe;;;;;;IAC3B,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAC,4DAA4D,IACvE,8DAAQ,CACF,EACN;KACF;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/navigation-title/navigation-title.component.css?tag=p-navigation-title&encapsulation=shadow","src/components/atoms/navigation-title/navigation-title.component.tsx"],"sourcesContent":["","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-navigation-title',\n\tstyleUrl: 'navigation-title.component.css',\n\tshadow: true,\n})\nexport class NavigationTitle {\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-navigation-title text-xs font-medium text-black-teal-300'>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/p-avatar-group.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-const avatarGroupComponentCss = "*{box-sizing:border-box}p-avatar-group p-avatar:first-child{z-index:3}p-avatar-group p-avatar:nth-child(2){z-index:2}p-avatar-group p-avatar:nth-child(3){z-index:1}.static{position:static!important}.flex{display:flex!important}.items-center{align-items:center!important}.-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(-.25rem*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(-.25rem*var(--tw-space-x-reverse))!important}.overflow-hidden{overflow:hidden!important}.pl-3{padding-left:.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}";
+const avatarGroupComponentCss = "*{box-sizing:border-box}p-avatar-group{p-avatar:first-child{z-index:3}p-avatar:nth-child(2){z-index:2}p-avatar:nth-child(3){z-index:1}";
 const PAvatarGroupStyle0 = avatarGroupComponentCss;
 
 const AvatarGroup = /*@__PURE__*/ proxyCustomElement(class AvatarGroup extends HTMLElement {
@@ -10,7 +10,7 @@ const AvatarGroup = /*@__PURE__*/ proxyCustomElement(class AvatarGroup extends H
         this.extra = undefined;
     }
     render() {
-        return (h(Host, { key: 'e3c1973bf7d96e664d7c4b7c7100128cba511659', class: 'p-avatar-group flex items-center -space-x-1 overflow-hidden' }, h("slot", { key: 'cde697efca3b8cbcdc2e264a33976b3e45bc5020' }), this.extra && (h("span", { key: '834e84a0170b36613fba9dcf237bf2c16d4cb6f7', class: 'pl-3 text-sm text-black-teal-300' }, "+", this.extra))));
+        return (h(Host, { key: '0f128c1dd49b27333ce1da071243cadfda801579', class: 'p-avatar-group flex items-center -space-x-1 overflow-hidden' }, h("slot", { key: 'ef01ad1f5e1fb9fefbac5af9c46e5d3eedb35135' }), this.extra && (h("span", { key: '1d90f8bea1bc821e21be312a74b8fc82540eb776', class: 'pl-3 text-sm text-black-teal-300' }, "+", this.extra))));
     }
     static get style() { return PAvatarGroupStyle0; }
 }, [4, "p-avatar-group", {

package/dist/components/p-avatar-group.js.map

@@ -1 +1 @@
-{"file":"p-avatar-group.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,6tBAA6tB,CAAC;AAC9vB,2BAAe,uBAAuB;;MCKzB,WAAW;;;;;;IAMvB,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAC,6DAA6D,IACxE,8DAAQ,EAEP,IAAI,CAAC,KAAK,KACV,6DAAM,KAAK,EAAC,kCAAkC,SAAG,IAAI,CAAC,KAAK,CAAQ,CACnE,CACK,EACN;KACF;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/avatar-group/avatar-group.component.scss?tag=p-avatar-group","src/components/atoms/avatar-group/avatar-group.component.tsx"],"sourcesContent":["p-avatar-group {\n\tp-avatar:nth-child(1) {\n\t\tz-index: 3;\n\t}\n\n\tp-avatar:nth-child(2) {\n\t\tz-index: 2;\n\t}\n\n\tp-avatar:nth-child(3) {\n\t\tz-index: 1;\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-avatar-group',\n\tstyleUrl: 'avatar-group.component.scss',\n})\nexport class AvatarGroup {\n\t/**\n\t * The amount to show after the avatars\n\t */\n\t@Prop() extra: number;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-avatar-group flex items-center -space-x-1 overflow-hidden'>\n\t\t\t\t<slot />\n\n\t\t\t\t{this.extra && (\n\t\t\t\t\t<span class='pl-3 text-sm text-black-teal-300'>+{this.extra}</span>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-avatar-group.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,wIAAwI,CAAC;AACzK,2BAAe,uBAAuB;;MCKzB,WAAW;;;;;;IAMvB,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAC,6DAA6D,IACxE,8DAAQ,EAEP,IAAI,CAAC,KAAK,KACV,6DAAM,KAAK,EAAC,kCAAkC,SAAG,IAAI,CAAC,KAAK,CAAQ,CACnE,CACK,EACN;KACF;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/avatar-group/avatar-group.component.css?tag=p-avatar-group","src/components/atoms/avatar-group/avatar-group.component.tsx"],"sourcesContent":["p-avatar-group {\n\tp-avatar:nth-child(1) {\n\t\tz-index: 3;\n\t}\n\n\tp-avatar:nth-child(2) {\n\t\tz-index: 2;\n\t}\n\n\tp-avatar:nth-child(3) {\n\t\tz-index: 1;\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-avatar-group',\n\tstyleUrl: 'avatar-group.component.css',\n})\nexport class AvatarGroup {\n\t/**\n\t * The amount to show after the avatars\n\t */\n\t@Prop() extra: number;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-avatar-group flex items-center -space-x-1 overflow-hidden'>\n\t\t\t\t<slot />\n\n\t\t\t\t{this.extra && (\n\t\t\t\t\t<span class='pl-3 text-sm text-black-teal-300'>+{this.extra}</span>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/p-button-group.js

@@ -1,5 +1,8 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
+const buttonGroupComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.items-center{align-items:center!important}";
+const PButtonGroupStyle0 = buttonGroupComponentCss;
+
 const ButtonGroup = /*@__PURE__*/ proxyCustomElement(class ButtonGroup extends HTMLElement {
     constructor() {
         super();
@@ -12,7 +15,7 @@ const ButtonGroup = /*@__PURE__*/ proxyCustomElement(class ButtonGroup extends H
         this._checkButtons();
     }
     render() {
-        return (h(Host, { key: '5320f683d3a2458172e091d07c79fb59ddf8890e', class: 'p-button-group flex items-center' }, h("slot", { key: 'a9d1f6af847795a20f8389188a7e6fedd4ab2c60' })));
+        return (h(Host, { key: 'a1c1dd1e920c892679145e3e03a1779a82e9ad3d', class: 'p-button-group flex items-center' }, h("slot", { key: '715f24ba0349e5fc8597a125d6ad5976f63fdc96' })));
     }
     slotchange() {
         this._checkButtons();
@@ -36,6 +39,7 @@ const ButtonGroup = /*@__PURE__*/ proxyCustomElement(class ButtonGroup extends H
             button.buttonGroupPosition = 'center';
         }
     }
+    static get style() { return PButtonGroupStyle0; }
 }, [1, "p-button-group", {
         "size": [1]
     }, [[0, "slotchange", "slotchange"]]]);

package/dist/components/p-button-group.js.map

@@ -1 +1 @@
-{"file":"p-button-group.js","mappings":";;MAOa,WAAW;;;;;oBAIc,MAAM;;;IAO3C,iBAAiB;QAChB,IAAI,CAAC,aAAa,EAAE,CAAC;KACrB;IAED,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAC,kCAAkC,IAC7C,8DAAQ,CACF,EACN;KACF;IAGD,UAAU;QACT,IAAI,CAAC,aAAa,EAAE,CAAC;KACrB;IAEO,aAAa;QACpB,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CACzB,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAC3B,CAAC;QAErB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACxC,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;YAE1B,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;;YAGxB,IAAI,CAAC,KAAK,CAAC,EAAE;gBACZ,MAAM,CAAC,mBAAmB,GAAG,OAAO,CAAC;gBACrC,SAAS;aACT;;YAGD,IAAI,CAAC,KAAK,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC7B,MAAM,CAAC,mBAAmB,GAAG,KAAK,CAAC;gBACnC,SAAS;aACT;;YAGD,MAAM,CAAC,mBAAmB,GAAG,QAAQ,CAAC;SACtC;KACD;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/molecules/button-group/button-group.component.tsx"],"sourcesContent":["import { Component, Element, h, Host, Listen, Prop } from '@stencil/core';\nimport { Button } from '../button/button.component';\n\n@Component({\n\ttag: 'p-button-group',\n\tshadow: true,\n})\nexport class ButtonGroup {\n\t/**\n\t * The size of the child buttons\n\t */\n\t@Prop() size: 'sm' | 'base' | 'lg' = 'base';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tcomponentWillLoad() {\n\t\tthis._checkButtons();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-button-group flex items-center'>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('slotchange')\n\tslotchange() {\n\t\tthis._checkButtons();\n\t}\n\n\tprivate _checkButtons() {\n\t\tconst buttons = Array.from(\n\t\t\tthis._el.querySelectorAll(':scope > p-button')\n\t\t) as any as Button[];\n\n\t\tfor (let i = 0; i < buttons.length; i++) {\n\t\t\tconst button = buttons[i];\n\n\t\t\tbutton.size = this.size;\n\n\t\t\t// first\n\t\t\tif (i === 0) {\n\t\t\t\tbutton.buttonGroupPosition = 'start';\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\t// last\n\t\t\tif (i === buttons.length - 1) {\n\t\t\t\tbutton.buttonGroupPosition = 'end';\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\t// rest\n\t\t\tbutton.buttonGroupPosition = 'center';\n\t\t}\n\t}\n}\n"],"version":3}
+{"file":"p-button-group.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,oIAAoI,CAAC;AACrK,2BAAe,uBAAuB;;MCOzB,WAAW;;;;;oBAIc,MAAM;;;IAO3C,iBAAiB;QAChB,IAAI,CAAC,aAAa,EAAE,CAAC;KACrB;IAED,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAC,kCAAkC,IAC7C,8DAAQ,CACF,EACN;KACF;IAGD,UAAU;QACT,IAAI,CAAC,aAAa,EAAE,CAAC;KACrB;IAEO,aAAa;QACpB,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CACzB,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAC3B,CAAC;QAErB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACxC,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;YAE1B,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;;YAGxB,IAAI,CAAC,KAAK,CAAC,EAAE;gBACZ,MAAM,CAAC,mBAAmB,GAAG,OAAO,CAAC;gBACrC,SAAS;aACT;;YAGD,IAAI,CAAC,KAAK,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC7B,MAAM,CAAC,mBAAmB,GAAG,KAAK,CAAC;gBACnC,SAAS;aACT;;YAGD,MAAM,CAAC,mBAAmB,GAAG,QAAQ,CAAC;SACtC;KACD;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/molecules/button-group/button-group.component.css?tag=p-button-group&encapsulation=shadow","src/components/molecules/button-group/button-group.component.tsx"],"sourcesContent":["","import { Component, Element, h, Host, Listen, Prop } from '@stencil/core';\nimport { Button } from '../button/button.component';\n\n@Component({\n\ttag: 'p-button-group',\n\tstyleUrl: 'button-group.component.css',\n\tshadow: true,\n})\nexport class ButtonGroup {\n\t/**\n\t * The size of the child buttons\n\t */\n\t@Prop() size: 'sm' | 'base' | 'lg' = 'base';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tcomponentWillLoad() {\n\t\tthis._checkButtons();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-button-group flex items-center'>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('slotchange')\n\tslotchange() {\n\t\tthis._checkButtons();\n\t}\n\n\tprivate _checkButtons() {\n\t\tconst buttons = Array.from(\n\t\t\tthis._el.querySelectorAll(':scope > p-button')\n\t\t) as any as Button[];\n\n\t\tfor (let i = 0; i < buttons.length; i++) {\n\t\t\tconst button = buttons[i];\n\n\t\t\tbutton.size = this.size;\n\n\t\t\t// first\n\t\t\tif (i === 0) {\n\t\t\t\tbutton.buttonGroupPosition = 'start';\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\t// last\n\t\t\tif (i === buttons.length - 1) {\n\t\t\t\tbutton.buttonGroupPosition = 'end';\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\t// rest\n\t\t\tbutton.buttonGroupPosition = 'center';\n\t\t}\n\t}\n}\n"],"version":3}

package/dist/components/p-datepicker.js

@@ -1,7 +1,8 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { c as childOf } from './child-of.js';
+import { i as isMobileBrowser } from './is-mobile-browser.js';
 import { d as defineCustomElement$c } from './button.component.js';
-import { _ as _typeof, g as getUTCWeekYear, s as startOfUTCWeek, a as startOfUTCISOWeek, r as requiredArgs, t as toDate, b as getUTCWeek, c as toInteger, e as getUTCISOWeek, f as getDefaultOptions, l as longFormatters, h as subMilliseconds, i as getTimezoneOffsetInMilliseconds, j as defaultLocale, k as isProtectedWeekYearToken, m as throwProtectedError, n as isProtectedDayOfYearToken, o as isValid, p as isBefore, q as isAfter, u as startOfDay, v as isSameDay, w as format, d as defineCustomElement$b } from './calendar.component.js';
+import { r as requiredArgs, t as toDate, _ as _typeof, g as getUTCWeekYear, s as startOfUTCWeek, a as startOfUTCISOWeek, b as getUTCWeek, c as toInteger, e as getUTCISOWeek, f as getDefaultOptions, l as longFormatters, h as subMilliseconds, i as getTimezoneOffsetInMilliseconds, j as defaultLocale, k as isProtectedWeekYearToken, m as throwProtectedError, n as isProtectedDayOfYearToken, o as isValid, p as isBefore, q as isAfter, u as format, v as startOfDay, w as isSameDay, d as defineCustomElement$b } from './calendar.component.js';
 import { d as defineCustomElement$a } from './dropdown.component.js';
 import { d as defineCustomElement$9 } from './dropdown-menu-container.component.js';
 import { d as defineCustomElement$8 } from './field.component.js';
@@ -12,6 +13,30 @@ import { d as defineCustomElement$4 } from './loader.component.js';
 import { d as defineCustomElement$3 } from './portal.component.js';
 import { d as defineCustomElement$2 } from './tooltip.component.js';
 
+/**
+ * @name isWeekend
+ * @category Weekday Helpers
+ * @summary Does the given date fall on a weekend?
+ *
+ * @description
+ * Does the given date fall on a weekend?
+ *
+ * @param {Date|Number} date - the date to check
+ * @returns {Boolean} the date falls on a weekend
+ * @throws {TypeError} 1 argument required
+ *
+ * @example
+ * // Does 5 October 2014 fall on a weekend?
+ * const result = isWeekend(new Date(2014, 9, 5))
+ * //=> true
+ */
+function isWeekend(dirtyDate) {
+  requiredArgs(1, arguments);
+  var date = toDate(dirtyDate);
+  var day = date.getDay();
+  return day === 0 || day === 6;
+}
+
 /**
  * Days in 1 week.
  *
@@ -2835,7 +2860,7 @@ function cleanEscapedString(input) {
   return input.match(escapedStringRegExp)[1].replace(doubleQuoteRegExp, "'");
 }
 
-const datepickerComponentCss = ".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}.absolute{position:absolute!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}";
+const datepickerComponentCss = "*{box-sizing:border-box}.static{position:static!important}.absolute{position:absolute!important}.h-0{height:0!important}.overflow-hidden{overflow:hidden!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}";
 const PDatepickerStyle0 = datepickerComponentCss;
 
 const Datepicker = /*@__PURE__*/ proxyCustomElement(class Datepicker extends HTMLElement {
@@ -2846,6 +2871,7 @@ const Datepicker = /*@__PURE__*/ proxyCustomElement(class Datepicker extends HTM
         this.placeholder = undefined;
         this.value = undefined;
         this.preselectToday = false;
+        this.enableNativePicker = true;
         this.disabledDates = undefined;
         this.minDate = undefined;
         this.maxDate = undefined;
@@ -2867,6 +2893,7 @@ const Datepicker = /*@__PURE__*/ proxyCustomElement(class Datepicker extends HTM
         this._minDate = undefined;
         this._maxDate = undefined;
         this._disabledDates = [];
+        this._isMobileBrowser = false;
     }
     /**
      * Event when the value changes
@@ -2875,6 +2902,7 @@ const Datepicker = /*@__PURE__*/ proxyCustomElement(class Datepicker extends HTM
     get _el() { return this; }
     _onInputTimeout;
     _inputRef;
+    _dateInputRef;
     _defaultFormats = {
         year: 'yyyy',
         month: 'LLLL, yyyy',
@@ -2946,10 +2974,13 @@ const Datepicker = /*@__PURE__*/ proxyCustomElement(class Datepicker extends HTM
         if (this.mode !== 'day' && this.format === this._defaultFormats['day']) {
             this.format = this._defaultFormats[this.mode];
         }
+        this._isMobileBrowser = isMobileBrowser();
         this.parseValue(this.value);
     }
     render() {
-        return (h(Host, { key: '63453905266faabeedd7d701572cf9ac2a7722c1', class: 'p-datepicker' }, h("p-dropdown", { key: '06f85b59084cd8ca887bf4299f7fc9f5dd4ca311', strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, h("p-field", { key: 'fb5a0f909aa2ea65afd25227b54bbeb76e11f0bf', slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, disabled: this.disabled, focused: this._showDropdown, value: this._getFormattedDate(), placeholder: this.placeholder, onFocus: () => this._onFocus(), onBlur: () => this._onBlur(), onValueChange: ev => this._onValueChange(ev.detail), onInputRefChange: ev => (this._inputRef = ev.detail) }), h("div", { key: 'f073cd37126b6540dc308b4c1770e906e31e95be', slot: 'items' }, h("p-calendar", { key: 'd1ca3cf3058485e7bc5197f398bc2f7f3342cd7d', variant: 'embedded', value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, mode: this.mode })))));
+        return (h(Host, { key: 'e881e5fa8232fc6492bf9a51bb8221267e0e0af4', class: 'p-datepicker' }, h("p-dropdown", { key: 'ca71772e6beb08ecd7c728a86f37f68fdb43f009', strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, h("p-field", { key: '8fbf40b4638c4a7dff3b25acaba3ba5ee097b08b', slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, disabled: this.disabled, focused: this._showDropdown, value: this._getFormattedDate(), placeholder: this.placeholder, onFocus: () => this._onFocus(), onBlur: () => this._onBlur(), onValueChange: ev => this._onValueChange(ev.detail), onInputRefChange: ev => (this._inputRef = ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (h("input", { key: 'b7bc7ee8e3f52d9d86df4d1b539e2a3126094bf2', slot: 'trigger', type: 'date', class: 'h-0 overflow-hidden' // we use h-0 here so location dependent pickers can correctly place itself
+            ,
+            onInput: ev => this._onNativeInput(ev), ref: ref => (this._dateInputRef = ref), value: this._value && format(this._value, 'yyyy-MM-dd'), min: this.minDate && format(new Date(this.minDate), 'yyyy-MM-dd'), max: this.maxDate && format(new Date(this.maxDate), 'yyyy-MM-dd') })), h("div", { key: 'd72b8546a971766cef7aa700b07f5b182c9ced44', slot: 'items' }, h("p-calendar", { key: '2d49eda89f6f88a1f332f7b14748eaa42732475b', variant: 'embedded', value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, mode: this.mode })))));
     }
     documentClickHandler({ target }) {
         if (!this._showDropdown || childOf(target, this._el)) {
@@ -2958,9 +2989,17 @@ const Datepicker = /*@__PURE__*/ proxyCustomElement(class Datepicker extends HTM
         this._showDropdown = false;
     }
     _onFocus() {
+        if (this._isMobileBrowser && this._dateInputRef) {
+            this._dateInputRef.showPicker();
+            this._inputRef.blur();
+            return;
+        }
         this._showDropdown = true;
     }
     _onBlur() {
+        if (this._isMobileBrowser && this._dateInputRef) {
+            return;
+        }
         const target = this._inputRef;
         if (target.value === null) {
             return;
@@ -2988,6 +3027,22 @@ const Datepicker = /*@__PURE__*/ proxyCustomElement(class Datepicker extends HTM
             this._setValue(parsedValue, false);
         }, 300);
     }
+    _onNativeInput(ev) {
+        if (!ev.target.value) {
+            return;
+        }
+        if (this._onInputTimeout) {
+            clearTimeout(this._onInputTimeout);
+            this._onInputTimeout = null;
+        }
+        this._onInputTimeout = setTimeout(() => {
+            const parsedValue = new Date(ev.target.value);
+            if (!isValid(parsedValue)) {
+                return;
+            }
+            this._setValue(parsedValue, false);
+        });
+    }
     _setValue(value, hideDropdown = true) {
         if (value === null) {
             this._value = null;
@@ -2998,6 +3053,11 @@ const Datepicker = /*@__PURE__*/ proxyCustomElement(class Datepicker extends HTM
             return;
         }
         if (this._isDisabledDay(value)) {
+            if (!!this._dateInputRef?.value) {
+                this._dateInputRef.value = this._value
+                    ? format(this._value, 'yyyy-MM-dd')
+                    : null;
+            }
             return;
         }
         value = startOfDay(value);
@@ -3012,7 +3072,8 @@ const Datepicker = /*@__PURE__*/ proxyCustomElement(class Datepicker extends HTM
         this.valueChange.emit(value);
     }
     _isDisabledDay(day) {
-        return ((isBefore(day, this._minDate) && !isSameDay(day, this._minDate)) ||
+        return ((this.disableWeekends && isWeekend(day)) ||
+            (isBefore(day, this._minDate) && !isSameDay(day, this._minDate)) ||
             (isAfter(day, this._maxDate) && !isSameDay(day, this._maxDate)) ||
             this._disabledDates.findIndex(date => isSameDay(date, day)) >= 0);
     }
@@ -3033,6 +3094,7 @@ const Datepicker = /*@__PURE__*/ proxyCustomElement(class Datepicker extends HTM
         "placeholder": [1],
         "value": [1],
         "preselectToday": [4, "preselect-today"],
+        "enableNativePicker": [4, "enable-native-picker"],
         "disabledDates": [1, "disabled-dates"],
         "minDate": [1, "min-date"],
         "maxDate": [1, "max-date"],
@@ -3053,7 +3115,8 @@ const Datepicker = /*@__PURE__*/ proxyCustomElement(class Datepicker extends HTM
         "_value": [32],
         "_minDate": [32],
         "_maxDate": [32],
-        "_disabledDates": [32]
+        "_disabledDates": [32],
+        "_isMobileBrowser": [32]
     }, [[6, "click", "documentClickHandler"]], {
         "value": ["parseValue"],
         "minDate": ["parseMinDate"],