npm - @paperless/core - Versions diffs - 1.9.0 → 1.9.1 - Mend

@paperless/core 1.9.0 → 1.9.1

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 (248) hide show

package/dist/esm/p-accordion.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-7b917f6b.js';
-const accordionComponentCss = ".block{display:block!important}*{box-sizing:border-box}:host{display:block;margin-bottom:1.5rem}.m-0{margin:0!important}.mt-6{margin-top:1.5rem!important}.flex{display:flex!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-3{gap:.75rem!important}.whitespace-nowrap{white-space:nowrap!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.font-medium{font-weight:500!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity))!important}";
+const accordionComponentCss = ".block{display:block!important}*{box-sizing:border-box}:host{display:block;margin-bottom:1.5rem}.static{position:static!important}.m-0{margin:0!important}.mt-6{margin-top:1.5rem!important}.flex{display:flex!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-3{gap:.75rem!important}.whitespace-nowrap{white-space:nowrap!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.font-medium{font-weight:500!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity))!important}";
 const Accordion = class {
   constructor(hostRef) {

package/dist/esm/p-accordion.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"p-accordion.entry.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,~~4iBAA4iB~~;;~~MCO7jB~~,SAAS;;;;;gBASM,KAAK;qBAKA,IAAI;oBAKL,IAAI;;EAShC,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,aAAa,IACrB,WACI,KAAK,EAAC,yDAAyD,EAC/D,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,EAAE,IAE9B,cACI,KAAK,EAAC,MAAM,EACZ,OAAO,EAAC,SAAS,EACjB,MAAM,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE,GAC7B,EACF,SAAG,KAAK,EAAC,2CAA2C,IAC/C,IAAI,CAAC,MAAM,CACZ,EACJ,oBAAa,CACX,EACL,IAAI,CAAC,IAAI,KACN,WAAK,KAAK,EAAC,MAAM,IACb,eAAQ,CACN,CACT,CACE,EACT;GACL;EAEO,QAAQ;IACZ,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,EAAE;MAC9B,OAAO;KACV;IAED,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;MAC9B,OAAO;KACV;IAED,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;IACvB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;GAC/B;;;;;;","names":[],"sources":["src/components/molecules/accordion/accordion.component.scss?tag=p-accordion&encapsulation=shadow","src/components/molecules/accordion/accordion.component.tsx"],"sourcesContent":[":host {\n @apply block mb-6;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-accordion',\n styleUrl: 'accordion.component.scss',\n shadow: true,\n})\nexport class Accordion {\n /*\n Header of the accordion\n /\n @Prop() header!: string;\n\n /\n Wether the accordion is open\n /\n @Prop() open: boolean = false;\n\n /\n Wether the accordion can be closed\n /\n @Prop() closeable: boolean = true;\n\n /\n Wether the accordion can be opened\n /\n @Prop() openable: boolean = true;\n\n /\n Open change event\n */\n @Event({\n bubbles: false\n }) isOpen: EventEmitter<boolean>;\n\n render() {\n return (\n <Host class=\"p-accordion\">\n <div\n class=\"flex items-center gap-3 text-storm-vague cursor-pointer\"\n onClick={() => this._onClick()}\n >\n <p-icon\n class=\"flex\"\n variant=\"chevron\"\n rotate={this.open ? 0 : -90}\n />\n <p class=\"m-0 font-medium text-lg whitespace-nowrap\">\n {this.header}\n </p>\n <p-divider />\n </div>\n {this.open && (\n <div class=\"mt-6\">\n <slot />\n </div>\n )}\n </Host>\n );\n }\n\n private _onClick() {\n if (!this.closeable && this.open) {\n return;\n }\n\n if (!this.openable && !this.open) {\n return;\n }\n\n this.open = !this.open;\n this.isOpen.emit(this.open);\n }\n}\n"],"version":3}
1	+ {"file":"p-accordion.entry.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,8kBAA8kB;;MCO/lB,SAAS;;;;;gBASM,KAAK;qBAKA,IAAI;oBAKL,IAAI;;EAShC,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,aAAa,IACrB,WACI,KAAK,EAAC,yDAAyD,EAC/D,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,EAAE,IAE9B,cACI,KAAK,EAAC,MAAM,EACZ,OAAO,EAAC,SAAS,EACjB,MAAM,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE,GAC7B,EACF,SAAG,KAAK,EAAC,2CAA2C,IAC/C,IAAI,CAAC,MAAM,CACZ,EACJ,oBAAa,CACX,EACL,IAAI,CAAC,IAAI,KACN,WAAK,KAAK,EAAC,MAAM,IACb,eAAQ,CACN,CACT,CACE,EACT;GACL;EAEO,QAAQ;IACZ,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,EAAE;MAC9B,OAAO;KACV;IAED,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;MAC9B,OAAO;KACV;IAED,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;IACvB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;GAC/B;;;;;;","names":[],"sources":["src/components/molecules/accordion/accordion.component.scss?tag=p-accordion&encapsulation=shadow","src/components/molecules/accordion/accordion.component.tsx"],"sourcesContent":[":host {\n @apply block mb-6;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-accordion',\n styleUrl: 'accordion.component.scss',\n shadow: true,\n})\nexport class Accordion {\n /*\n Header of the accordion\n /\n @Prop() header!: string;\n\n /\n Wether the accordion is open\n /\n @Prop() open: boolean = false;\n\n /\n Wether the accordion can be closed\n /\n @Prop() closeable: boolean = true;\n\n /\n Wether the accordion can be opened\n /\n @Prop() openable: boolean = true;\n\n /\n Open change event\n */\n @Event({\n bubbles: false\n }) isOpen: EventEmitter<boolean>;\n\n render() {\n return (\n <Host class=\"p-accordion\">\n <div\n class=\"flex items-center gap-3 text-storm-vague cursor-pointer\"\n onClick={() => this._onClick()}\n >\n <p-icon\n class=\"flex\"\n variant=\"chevron\"\n rotate={this.open ? 0 : -90}\n />\n <p class=\"m-0 font-medium text-lg whitespace-nowrap\">\n {this.header}\n </p>\n <p-divider />\n </div>\n {this.open && (\n <div class=\"mt-6\">\n <slot />\n </div>\n )}\n </Host>\n );\n }\n\n private _onClick() {\n if (!this.closeable && this.open) {\n return;\n }\n\n if (!this.openable && !this.open) {\n return;\n }\n\n this.open = !this.open;\n this.isOpen.emit(this.open);\n }\n}\n"],"version":3}

package/dist/esm/p-attachment.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-7b917f6b.js';
-const attachmentComponentCss = ".block{display:block!important}*{box-sizing:border-box}:host{display:block;width:100%}.flex{display:flex!important}.h-8{height:2rem!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.gap-2{gap:.5rem!important}.gap-4{gap:1rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-large{border-radius:.375rem!important}.bg-mystic{--tw-bg-opacity:1!important;background-color:rgb(247 250 252/var(--tw-bg-opacity))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-negative{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}";
+const attachmentComponentCss = ".block{display:block!important}*{box-sizing:border-box}:host{display:block;width:100%}.static{position:static!important}.flex{display:flex!important}.h-8{height:2rem!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.gap-2{gap:.5rem!important}.gap-4{gap:1rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-large{border-radius:.375rem!important}.bg-mystic{--tw-bg-opacity:1!important;background-color:rgb(247 250 252/var(--tw-bg-opacity))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-negative{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}";
 const Attachment = class {
   constructor(hostRef) {

package/dist/esm/p-attachment.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"p-attachment.entry.js","mappings":";;AAAA,MAAM,sBAAsB,GAAG,~~87BAA87B~~;;~~MCOh9B~~,UAAU;;;;;gBAIc,MAAM;mBAKrB,KAAK;;uBAiBD,KAAK;;EAS3B,MAAM;;IACF,IAAI,MAAM,GAAG,cAAQ,OAAO,EAAC,YAAY,GAAG,CAAC;IAE7C,IAAI,IAAI,CAAC,OAAO,EAAE;MACd,MAAM,GAAG,mBAAY,CAAC;KACzB;IAED,IAAI,IAAI,CAAC,KAAK,EAAE;MACZ,MAAM,GAAG,cAAQ,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,eAAe,GAAG,CAAC;KAC/D;IAED,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,qCAAqC,IAC7C,WACI,KAAK,EAAE,yFACH,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM;UACZ,eAAe;UACf,mBACV,EAAE,IAED,MAAM,EAEP,YAAM,KAAK,EAAC,gEAAgE,IACxE,eAAQ,CACL,EAEN,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,KAAI,qBAAe,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,CACzD,EAEN,gBACI,OAAO,EAAC,WAAW,EACnB,QAAQ,EAAE,IAAI,EACd,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM,GAAG,UAAU,GAAG,OAAO,EACjD,QAAQ,EAAE,IAAI,CAAC,OAAO,EACtB,OAAO,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,WAAW,EACjD,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,MACP,CAAC,IAAI,CAAC,IAAI,KAAK,MAAM;UACf,IAAI,CAAC,QAAQ;UACb,IAAI,CAAC,MAAM,EACf,IAAI,EAAE,GAEd,CACC,EACT;GACL;;;;;;","names":[],"sources":["src/components/molecules/attachment/attachment.component.scss?tag=p-attachment&encapsulation=shadow","src/components/molecules/attachment/attachment.component.tsx"],"sourcesContent":[":host {\n @apply block w-full;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-attachment',\n styleUrl: 'attachment.component.scss',\n shadow: true,\n})\nexport class Attachment {\n /*\n The variant of the button\n /\n @Prop() mode: 'read' \| 'write' = 'read';\n\n /\n Wether the attachment is uploading/loading\n /\n @Prop() loading = false;\n\n /\n The error to show\n /\n @Prop() error: string;\n\n /\n Event when download is pressed\n /\n @Event({\n bubbles: false\n }) download: EventEmitter<any>;\n\n /\n Wether the attachment is downloading\n /\n @Prop() downloading = false;\n\n /\n Event when delete is pressed\n */\n @Event({\n bubbles: false\n }) delete: EventEmitter<any>;\n\n render() {\n let prefix = <p-icon variant=\"attachment\" />;\n\n if (this.loading) {\n prefix = <p-loader />;\n }\n\n if (this.error) {\n prefix = <p-icon variant=\"warning\" class=\"text-negative\" />;\n }\n\n return (\n <Host class=\"p-attachment flex items-start gap-4\">\n <div\n class={`flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-large bg-mystic px-2 ${\n this.error?.length\n ? 'text-negative'\n : 'text-storm-medium'\n }`}\n >\n {prefix}\n\n <span class=\"min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap\">\n <slot />\n </span>\n\n {this.error?.length && <p-input-error error={this.error} />}\n </div>\n\n <p-button\n variant=\"secondary\"\n iconOnly={true}\n icon={this.mode === 'read' ? 'download' : 'trash'}\n disabled={this.loading}\n loading={this.mode === 'read' && this.downloading}\n size=\"small\"\n onOnClick={() =>\n (this.mode === 'read'\n ? this.download\n : this.delete\n ).emit()\n }\n />\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-attachment.entry.js","mappings":";;AAAA,MAAM,sBAAsB,GAAG,g+BAAg+B;;MCOl/B,UAAU;;;;;gBAIc,MAAM;mBAKrB,KAAK;;uBAiBD,KAAK;;EAS3B,MAAM;;IACF,IAAI,MAAM,GAAG,cAAQ,OAAO,EAAC,YAAY,GAAG,CAAC;IAE7C,IAAI,IAAI,CAAC,OAAO,EAAE;MACd,MAAM,GAAG,mBAAY,CAAC;KACzB;IAED,IAAI,IAAI,CAAC,KAAK,EAAE;MACZ,MAAM,GAAG,cAAQ,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,eAAe,GAAG,CAAC;KAC/D;IAED,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,qCAAqC,IAC7C,WACI,KAAK,EAAE,yFACH,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM;UACZ,eAAe;UACf,mBACV,EAAE,IAED,MAAM,EAEP,YAAM,KAAK,EAAC,gEAAgE,IACxE,eAAQ,CACL,EAEN,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,KAAI,qBAAe,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,CACzD,EAEN,gBACI,OAAO,EAAC,WAAW,EACnB,QAAQ,EAAE,IAAI,EACd,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM,GAAG,UAAU,GAAG,OAAO,EACjD,QAAQ,EAAE,IAAI,CAAC,OAAO,EACtB,OAAO,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,WAAW,EACjD,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,MACP,CAAC,IAAI,CAAC,IAAI,KAAK,MAAM;UACf,IAAI,CAAC,QAAQ;UACb,IAAI,CAAC,MAAM,EACf,IAAI,EAAE,GAEd,CACC,EACT;GACL;;;;;;","names":[],"sources":["src/components/molecules/attachment/attachment.component.scss?tag=p-attachment&encapsulation=shadow","src/components/molecules/attachment/attachment.component.tsx"],"sourcesContent":[":host {\n @apply block w-full;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-attachment',\n styleUrl: 'attachment.component.scss',\n shadow: true,\n})\nexport class Attachment {\n /*\n The variant of the button\n /\n @Prop() mode: 'read' \| 'write' = 'read';\n\n /\n Wether the attachment is uploading/loading\n /\n @Prop() loading = false;\n\n /\n The error to show\n /\n @Prop() error: string;\n\n /\n Event when download is pressed\n /\n @Event({\n bubbles: false\n }) download: EventEmitter<any>;\n\n /\n Wether the attachment is downloading\n /\n @Prop() downloading = false;\n\n /\n Event when delete is pressed\n */\n @Event({\n bubbles: false\n }) delete: EventEmitter<any>;\n\n render() {\n let prefix = <p-icon variant=\"attachment\" />;\n\n if (this.loading) {\n prefix = <p-loader />;\n }\n\n if (this.error) {\n prefix = <p-icon variant=\"warning\" class=\"text-negative\" />;\n }\n\n return (\n <Host class=\"p-attachment flex items-start gap-4\">\n <div\n class={`flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-large bg-mystic px-2 ${\n this.error?.length\n ? 'text-negative'\n : 'text-storm-medium'\n }`}\n >\n {prefix}\n\n <span class=\"min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap\">\n <slot />\n </span>\n\n {this.error?.length && <p-input-error error={this.error} />}\n </div>\n\n <p-button\n variant=\"secondary\"\n iconOnly={true}\n icon={this.mode === 'read' ? 'download' : 'trash'}\n disabled={this.loading}\n loading={this.mode === 'read' && this.downloading}\n size=\"small\"\n onOnClick={() =>\n (this.mode === 'read'\n ? this.download\n : this.delete\n ).emit()\n }\n />\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/esm/p-avatar-group.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-7b917f6b.js';
-const avatarGroupComponentCss = ".flex{display:flex!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}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity))!important}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}*{box-sizing:border-box}p-avatar-group{align-items:center;display:flex;overflow:hidden}p-avatar-group>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(-.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(-.25rem*var(--tw-space-x-reverse))}p-avatar-group p-avatar>img{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}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}p-avatar-group .extra{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;padding-left:1rem}";
+const avatarGroupComponentCss = ".flex{display:flex!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}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity))!important}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}*{box-sizing:border-box}p-avatar-group{align-items:center;display:flex;overflow:hidden}p-avatar-group>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(-.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(-.25rem*var(--tw-space-x-reverse))}p-avatar-group p-avatar>img{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}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}p-avatar-group .extra{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;padding-left:1rem}.static{position:static!important}";
 const AvatarGroup = class {
   constructor(hostRef) {

package/dist/esm/p-avatar-group.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"p-avatar-group.entry.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,~~itDAAitD~~;;~~MCOpuD~~,WAAW;;;;;EAMpB,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,gBAAgB,IACxB,eAAQ,EAEP,IAAI,CAAC,KAAK,IAAI,YAAM,KAAK,EAAC,OAAO,SAAG,IAAI,CAAC,KAAK,CAAQ,CACpD,EACT;GACL;;;;;;","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 @apply flex -space-x-1 overflow-hidden items-center;\n\n p-avatar > img {\n @apply ring-2 ring-white;\n }\n\n p-avatar:nth-child(1) {\n z-index: 3;\n }\n\n p-avatar:nth-child(2) {\n z-index: 2;\n }\n\n p-avatar:nth-child(3) {\n z-index: 1;\n }\n\n .extra {\n @apply text-sm text-storm-vague pl-4;\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-avatar-group',\n styleUrl: 'avatar-group.component.scss',\n // shadow: true,\n})\nexport class AvatarGroup {\n /*\n The amount to show after the avatars\n */\n @Prop() extra: number;\n\n render() {\n return (\n <Host class=\"p-avatar-group\">\n <slot />\n\n {this.extra && <span class=\"extra\">+{this.extra}</span>}\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-avatar-group.entry.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,mvDAAmvD;;MCOtwD,WAAW;;;;;EAMpB,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,gBAAgB,IACxB,eAAQ,EAEP,IAAI,CAAC,KAAK,IAAI,YAAM,KAAK,EAAC,OAAO,SAAG,IAAI,CAAC,KAAK,CAAQ,CACpD,EACT;GACL;;;;;;","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 @apply flex -space-x-1 overflow-hidden items-center;\n\n p-avatar > img {\n @apply ring-2 ring-white;\n }\n\n p-avatar:nth-child(1) {\n z-index: 3;\n }\n\n p-avatar:nth-child(2) {\n z-index: 2;\n }\n\n p-avatar:nth-child(3) {\n z-index: 1;\n }\n\n .extra {\n @apply text-sm text-storm-vague pl-4;\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-avatar-group',\n styleUrl: 'avatar-group.component.scss',\n // shadow: true,\n})\nexport class AvatarGroup {\n /*\n The amount to show after the avatars\n */\n @Prop() extra: number;\n\n render() {\n return (\n <Host class=\"p-avatar-group\">\n <slot />\n\n {this.extra && <span class=\"extra\">+{this.extra}</span>}\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/esm/p-button_3.entry.js CHANGED Viewed

@@ -1014,7 +1014,7 @@ const icons = {
   warning,
 };
-const buttonComponentCss = ".flex{display:flex!important}.h-10{height:2.5rem!important}.h-full{height:100%!important}.w-auto{width:auto!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.rounded-large{border-radius:.375rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-mystic-dark{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-indigo{background-color:rgb(82 138 250/var(--tw-bg-opacity))!important}.bg-indigo,.bg-white{--tw-bg-opacity:1!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.font-semibold{font-weight:600!important}.outline{outline-style:solid!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}*{box-sizing:border-box}p-button{height:2.5rem;width:auto}p-button,p-button a,p-button button{display:flex;font-size:1rem;line-height:1.5rem}p-button a,p-button button{align-items:center;border:0;border-radius:.375rem!important;cursor:pointer;font-weight:600;height:100%;justify-content:center;outline:0;width:100%;will-change:filter}p-button a.icon-position-end>p-icon:not(.chevron),p-button a>p-loader,p-button button.icon-position-end>p-icon:not(.chevron),p-button button>p-loader{margin-left:.5rem}p-button a.icon-position-start>p-icon:not(.chevron),p-button button.icon-position-start>p-icon:not(.chevron){margin-right:.5rem}p-button a.variant-primary,p-button a.variant-secondary,p-button button.variant-primary,p-button button.variant-secondary{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);padding-left:1rem;padding-right:1rem}p-button a.variant-primary.active,p-button a.variant-primary:active,p-button a.variant-secondary.active,p-button a.variant-secondary:active,p-button button.variant-primary.active,p-button button.variant-primary:active,p-button button.variant-secondary.active,p-button button.variant-secondary:active{--tw-drop-shadow:drop-shadow(transparent);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)}p-button a.variant-primary,p-button button.variant-primary{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}p-button a.variant-primary.active:not([disabled]),p-button a.variant-primary:active:not([disabled]),p-button button.variant-primary.active:not([disabled]),p-button button.variant-primary:active:not([disabled]){--tw-bg-opacity:1;background-color:rgb(44 75 169/var(--tw-bg-opacity))}@media (pointer:fine){p-button a.variant-primary:hover:not([disabled]),p-button button.variant-primary:hover:not([disabled]){--tw-drop-shadow:drop-shadow(0px 2px 4px rgba(44,75,169,.4));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)}}p-button a.variant-secondary,p-button button.variant-secondary{--tw-border-opacity:1!important;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(218 230 240/var(--tw-border-opacity))!important;border-style:solid!important;border-width:1px!important;color:rgb(81 83 107/var(--tw-text-opacity))}p-button a.variant-secondary.active:not([disabled]),p-button a.variant-secondary:active:not([disabled]),p-button button.variant-secondary.active:not([disabled]),p-button button.variant-secondary:active:not([disabled]){--tw-bg-opacity:1;background-color:rgb(247 250 252/var(--tw-bg-opacity))}@media (pointer:fine){p-button a.variant-secondary:hover:not([disabled]),p-button button.variant-secondary:hover:not([disabled]){--tw-drop-shadow:drop-shadow(0px 2px 4px rgba(176,178,203,.4));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)}}p-button a.variant-text,p-button button.variant-text{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}p-button a.variant-text:hover:not([disabled]),p-button button.variant-text:hover:not([disabled]){--tw-text-opacity:1;color:rgb(44 75 169/var(--tw-text-opacity))}p-button a[disabled],p-button button[disabled]{opacity:.4}p-button a.should-inherit-text,p-button button.should-inherit-text{color:inherit!important;font-size:inherit!important;font-weight:inherit!important}p-button.has-chevron a.chevron-position-start,p-button.has-chevron button.chevron-position-start{padding-left:.5rem}p-button.has-chevron a.chevron-position-start>p-icon.chevron,p-button.has-chevron button.chevron-position-start>p-icon.chevron{margin-right:.5rem}p-button.has-chevron a.chevron-position-end,p-button.has-chevron button.chevron-position-end{padding-right:.5rem}p-button.has-chevron a.chevron-position-end>p-icon.chevron,p-button.has-chevron button.chevron-position-end>p-icon.chevron{margin-left:.5rem}p-button.has-chevron a.variant-secondary:hover:not([disabled]) p-icon:last-child,p-button.has-chevron button.variant-secondary:hover:not([disabled]) p-icon:last-child{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}p-button.has-icon-only{width:2.5rem}p-button.has-icon-only a,p-button.has-icon-only button{padding:0}p-button.has-icon-only a>p-icon:first-child,p-button.has-icon-only button>p-icon:first-child{margin-left:0;margin-right:0}p-button.has-icon-only a>p-loader,p-button.has-icon-only button>p-loader{margin-left:0}p-button.has-icon-only.has-chevron{width:auto}p-button.has-icon-only.has-chevron a.chevron-position-start,p-button.has-icon-only.has-chevron button.chevron-position-start{padding-right:.5rem}p-button.has-icon-only.has-chevron a.chevron-position-end,p-button.has-icon-only.has-chevron button.chevron-position-end{padding-left:.5rem}p-button.size-small{height:2rem}p-button.size-small a,p-button.size-small button{font-size:.875rem;line-height:1.25rem}p-button.size-small a>p-icon,p-button.size-small button>p-icon{font-size:1rem;line-height:1.5rem}p-button.size-small.has-icon-only{width:2rem}p-button.size-small.has-icon-only.has-chevron{width:auto}";
+const buttonComponentCss = ".flex{display:flex!important}.h-10{height:2.5rem!important}.h-full{height:100%!important}.w-auto{width:auto!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.rounded-large{border-radius:.375rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-mystic-dark{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-indigo{background-color:rgb(82 138 250/var(--tw-bg-opacity))!important}.bg-indigo,.bg-white{--tw-bg-opacity:1!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.font-semibold{font-weight:600!important}.outline{outline-style:solid!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}*{box-sizing:border-box}p-button{height:2.5rem;width:auto}p-button,p-button a,p-button button{display:flex;font-size:1rem;line-height:1.5rem}p-button a,p-button button{align-items:center;border:0;border-radius:.375rem!important;cursor:pointer;font-weight:600;height:100%;justify-content:center;outline:0;width:100%;will-change:filter}p-button a.icon-position-end>p-icon:not(.chevron),p-button a>p-loader,p-button button.icon-position-end>p-icon:not(.chevron),p-button button>p-loader{margin-left:.5rem}p-button a.icon-position-start>p-icon:not(.chevron),p-button button.icon-position-start>p-icon:not(.chevron){margin-right:.5rem}p-button a.variant-primary,p-button a.variant-secondary,p-button button.variant-primary,p-button button.variant-secondary{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);padding-left:1rem;padding-right:1rem}p-button a.variant-primary.active,p-button a.variant-primary:active,p-button a.variant-secondary.active,p-button a.variant-secondary:active,p-button button.variant-primary.active,p-button button.variant-primary:active,p-button button.variant-secondary.active,p-button button.variant-secondary:active{--tw-drop-shadow:drop-shadow(transparent);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)}p-button a.variant-primary,p-button button.variant-primary{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}p-button a.variant-primary.active:not([disabled]),p-button a.variant-primary:active:not([disabled]),p-button button.variant-primary.active:not([disabled]),p-button button.variant-primary:active:not([disabled]){--tw-bg-opacity:1;background-color:rgb(44 75 169/var(--tw-bg-opacity))}@media (pointer:fine){p-button a.variant-primary:hover:not([disabled]),p-button button.variant-primary:hover:not([disabled]){--tw-drop-shadow:drop-shadow(0px 2px 4px rgba(44,75,169,.4));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)}}p-button a.variant-secondary,p-button button.variant-secondary{--tw-border-opacity:1!important;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(218 230 240/var(--tw-border-opacity))!important;border-style:solid!important;border-width:1px!important;color:rgb(81 83 107/var(--tw-text-opacity))}p-button a.variant-secondary.active:not([disabled]),p-button a.variant-secondary:active:not([disabled]),p-button button.variant-secondary.active:not([disabled]),p-button button.variant-secondary:active:not([disabled]){--tw-bg-opacity:1;background-color:rgb(247 250 252/var(--tw-bg-opacity))}@media (pointer:fine){p-button a.variant-secondary:hover:not([disabled]),p-button button.variant-secondary:hover:not([disabled]){--tw-drop-shadow:drop-shadow(0px 2px 4px rgba(176,178,203,.4));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)}}p-button a.variant-text,p-button button.variant-text{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}p-button a.variant-text:hover:not([disabled]),p-button button.variant-text:hover:not([disabled]){--tw-text-opacity:1;color:rgb(44 75 169/var(--tw-text-opacity))}p-button a[disabled],p-button button[disabled]{opacity:.4}p-button a.should-inherit-text,p-button button.should-inherit-text{color:inherit!important;font-size:inherit!important;font-weight:inherit!important}p-button.has-chevron a.chevron-position-start,p-button.has-chevron button.chevron-position-start{padding-left:.5rem}p-button.has-chevron a.chevron-position-start>p-icon.chevron,p-button.has-chevron button.chevron-position-start>p-icon.chevron{margin-right:.5rem}p-button.has-chevron a.chevron-position-end,p-button.has-chevron button.chevron-position-end{padding-right:.5rem}p-button.has-chevron a.chevron-position-end>p-icon.chevron,p-button.has-chevron button.chevron-position-end>p-icon.chevron{margin-left:.5rem}p-button.has-chevron a.variant-secondary:hover:not([disabled]) p-icon:last-child,p-button.has-chevron button.variant-secondary:hover:not([disabled]) p-icon:last-child{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}p-button.has-icon-only{width:2.5rem}p-button.has-icon-only a,p-button.has-icon-only button{padding:0}p-button.has-icon-only a>p-icon:first-child,p-button.has-icon-only button>p-icon:first-child{margin-left:0;margin-right:0}p-button.has-icon-only a>p-loader,p-button.has-icon-only button>p-loader{margin-left:0}p-button.has-icon-only.has-chevron{width:auto}p-button.has-icon-only.has-chevron a.chevron-position-start,p-button.has-icon-only.has-chevron button.chevron-position-start{padding-right:.5rem}p-button.has-icon-only.has-chevron a.chevron-position-end,p-button.has-icon-only.has-chevron button.chevron-position-end{padding-left:.5rem}p-button.size-small{height:2rem}p-button.size-small a,p-button.size-small button{font-size:.875rem;line-height:1.25rem}p-button.size-small a>p-icon,p-button.size-small button>p-icon{font-size:1rem;line-height:1.5rem}p-button.size-small.has-icon-only{width:2rem}p-button.size-small.has-icon-only.has-chevron{width:auto}.static{position:static!important}";
 const Button = class {
   constructor(hostRef) {
@@ -1070,7 +1070,7 @@ const Button = class {
 };
 Button.style = buttonComponentCss;
-const iconComponentCss = "*{box-sizing:border-box}.flex{display:flex!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{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}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{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}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{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}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{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}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{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}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{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}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{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}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{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}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{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}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{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}.scale-y-flip{--tw-scale-y:-1!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}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}";
+const iconComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{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}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{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}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{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}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{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}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{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}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{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}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{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}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{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}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{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}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{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}.scale-y-flip{--tw-scale-y:-1!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}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}";
 const Icon = class {
   constructor(hostRef) {

package/dist/esm/p-button_3.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"p-button.p-icon.p-loader.entry.js","mappings":"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","names":[],"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 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 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 faBuilding from '../assets/icons/fa/building.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 headset from '../assets/icons/headset.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 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 arrow,\n attachment,\n bread,\n calendar,\n camera,\n car,\n checklist,\n checkmark,\n chevron,\n clock,\n colleagues,\n cogs,\n comment,\n companies,\n document,\n download,\n envelope,\n explanation,\n eye,\n faBuilding,\n faPiggy,\n filter,\n folder,\n formula,\n grid,\n headset,\n integration,\n list,\n location,\n megaphone,\n menu,\n minus,\n more,\n negative,\n notification,\n pagination,\n payment,\n pencil,\n person,\n plan,\n plus,\n question,\n reload,\n receipt,\n report,\n search,\n settings,\n sick,\n signout,\n switch: switchIcon,\n tachometer,\n task,\n template,\n tool,\n trash,\n turn,\n upload,\n warning,\n};\n","p-button {\n @apply flex h-10 w-auto text-base;\n\n button,\n a {\n outline: 0;\n border: 0;\n @apply h-full w-full;\n @apply rounded-large #{!important};\n @apply font-semibold leading-4;\n @apply flex items-center justify-center;\n @apply cursor-pointer text-base;\n\n will-change: filter;\n\n > p-loader {\n @apply ml-2;\n }\n\n // Icon positions\n &.icon-position-end {\n > p-icon:not(.chevron) {\n @apply ml-2;\n }\n }\n\n &.icon-position-start {\n > p-icon:not(.chevron) {\n @apply mr-2;\n }\n }\n\n // Variants\n &.variant-primary,\n &.variant-secondary {\n @apply px-4 filter;\n }\n\n &.variant-primary,\n &.variant-secondary {\n &:active,\n &.active {\n @apply drop-shadow-transparent;\n }\n }\n\n &.variant-primary {\n @apply bg-indigo text-white;\n\n &:active,\n &.active {\n &:not([disabled]) {\n @apply bg-indigo-dark;\n }\n }\n\n @media (pointer: fine) {\n &:hover:not([disabled]) {\n @apply drop-shadow-button-primary-hover;\n }\n }\n }\n\n &.variant-secondary {\n @apply border border-solid border-mystic-dark #{!important};\n @apply bg-white text-storm;\n\n &:active,\n &.active {\n &:not([disabled]) {\n @apply bg-mystic;\n }\n }\n\n @media (pointer: fine) {\n &:hover:not([disabled]) {\n @apply drop-shadow-button-secondary-hover;\n }\n }\n }\n\n &.variant-text {\n @apply text-indigo;\n\n &:hover:not([disabled]) {\n @apply text-indigo-dark;\n }\n }\n\n &[disabled] {\n @apply opacity-40;\n }\n\n &.should-inherit-text {\n color: inherit #{!important};\n font-size: inherit #{!important};\n font-weight: inherit #{!important};\n }\n }\n\n // chevron\n &.has-chevron {\n a,\n button {\n &.chevron-position-start {\n @apply pl-2;\n\n > p-icon.chevron {\n @apply mr-2;\n }\n }\n\n &.chevron-position-end {\n @apply pr-2;\n\n > p-icon.chevron {\n @apply ml-2;\n }\n }\n\n &.variant-secondary:hover:not([disabled]) p-icon:last-child {\n @apply text-indigo;\n }\n }\n }\n\n &.has-icon-only {\n @apply w-10;\n\n a,\n button {\n @apply p-0;\n\n > p-icon:first-child {\n @apply mx-0;\n }\n\n > p-loader {\n @apply ml-0;\n }\n }\n\n &.has-chevron {\n @apply w-auto;\n\n a,\n button {\n &.chevron-position-start {\n @apply pr-2;\n }\n\n &.chevron-position-end {\n @apply pl-2;\n }\n }\n }\n }\n\n // sizes\n &.size-small {\n @apply h-8;\n\n button,\n a {\n @apply text-sm;\n\n > p-icon {\n @apply text-base;\n }\n }\n\n &.has-icon-only {\n @apply w-8;\n\n &.has-chevron {\n @apply w-auto;\n }\n }\n }\n}\n","import {\n Component,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Prop,\n} from '@stencil/core';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n tag: 'p-button',\n styleUrl: 'button.component.scss',\n // shadow: true,\n})\nexport class Button {\n /*\n The variant of the button\n /\n @Prop() variant: 'primary' \| 'secondary' \| 'text' = 'primary';\n\n /\n Href in case of \"text\" version\n /\n @Prop() href: string;\n\n /\n Target in case of \"text\" version\n /\n @Prop() target: string;\n\n /\n The size of the button\n /\n @Prop() size: 'small' \| 'medium' = 'medium';\n\n /\n Wether to show a loader or not\n /\n @Prop() loading: boolean = false;\n\n /\n Wether to show a chevron or not\n /\n @Prop() chevron: boolean \| 'up' \| 'down' = false;\n\n /\n Chevron position\n /\n @Prop() chevronPosition: 'start' \| 'end' = 'end';\n\n /\n Wether the button is disabled\n /\n @Prop() disabled: boolean = false;\n\n /\n Icon to show on the button\n /\n @Prop() icon: IconVariant;\n\n /\n Wether the button is icon only\n /\n @Prop() iconOnly: boolean = false;\n\n /\n Icon position\n /\n @Prop() iconPosition: 'start' \| 'end' = 'end';\n\n /\n Icon flip\n /\n @Prop() iconFlip: IconFlipOptions;\n\n /\n Icon rotate\n /\n @Prop() iconRotate: RotateOptions;\n\n /\n Wether the button should inherit text styles\n /\n @Prop() inheritText: boolean = false;\n\n /\n Button click event\n /\n @Event({\n bubbles: false,\n })\n onClick: EventEmitter<MouseEvent>;\n\n render() {\n let loaderColor: 'white' \| 'storm' \| 'indigo' = 'white';\n switch (this.variant) {\n case 'secondary':\n loaderColor = 'storm';\n break;\n case 'text':\n loaderColor = 'indigo';\n break;\n }\n\n const VariableTag = this.variant === 'text' ? 'a' : 'button';\n\n return (\n <Host\n class={`p-button size-${this.size} ${\n this.iconOnly && 'has-icon-only'\n } ${this.chevron && 'has-chevron'}`}\n >\n <VariableTag\n class={`variant-${this.variant} icon-position-${\n this.iconPosition\n } chevron-position-${this.chevronPosition} ${\n this.inheritText && 'should-inherit-text'\n }`}\n disabled={this.disabled}\n href={this.href}\n target={this.target}\n >\n {this.chevron && this.chevronPosition === 'start' && (\n <p-icon\n class=\"chevron\"\n variant=\"chevron\"\n rotate={this.chevron === 'up' ? 180 : 0}\n />\n )}\n\n {this.icon &&\n this.iconPosition === 'start' &&\n !(this.iconOnly && this.loading) &&\n this._getIcon()}\n\n <slot />\n\n {this.icon &&\n this.iconPosition === 'end' &&\n !(this.iconOnly && this.loading) &&\n this._getIcon()}\n\n {this.loading && <p-loader color={loaderColor} />}\n\n {this.chevron && this.chevronPosition === 'end' && (\n <p-icon\n class=\"chevron\"\n variant=\"chevron\"\n rotate={this.chevron === 'up' ? 180 : 0}\n />\n )}\n </VariableTag>\n </Host>\n );\n }\n\n @Listen('click', { capture: true })\n handleClick(ev: MouseEvent) {\n if (this.loading \|\| this.disabled) {\n ev.preventDefault();\n return;\n }\n\n this.onClick.emit(ev);\n }\n\n private _getIcon() {\n if (!this.icon) {\n return;\n }\n\n return (\n <p-icon\n variant={this.icon}\n flip={this.iconFlip}\n rotate={this.iconRotate}\n />\n );\n }\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 tag: 'p-icon',\n styleUrl: 'icon.component.scss',\n // shadow: true,\n})\nexport class Icon {\n /\n The icon the be displayed\n /\n @Prop() variant!: IconVariant;\n\n /\n The size of the icon, using tailwind sizes\n /\n @Prop() size: TextSizeOptions = 'auto';\n\n /\n Wether to rotate the icon x degrees\n /\n @Prop() rotate: RotateOptions = 0;\n\n /\n Wether to flip the icon horizontally or vertically\n /\n @Prop() flip: IconFlipOptions = null;\n\n render() {\n const icon = icons[this.variant];\n\n const styles = {\n 'p-icon flex': true,\n 'text-auto': this.size === 'auto',\n 'text-xxs': this.size === 'xxs',\n 'text-xs': this.size === 'xs',\n 'text-sm': this.size === 'sm',\n 'text-base': this.size === 'base',\n 'text-lg': this.size === 'lg',\n 'text-xl': this.size === 'xl',\n 'text-2xl': this.size === '2xl',\n 'text-3xl': this.size === '3xl',\n 'text-4xl': this.size === '4xl',\n 'text-5xl': this.size === '5xl',\n 'text-6xl': this.size === '6xl',\n transform: !!this.rotate \|\| !!this.flip,\n 'scale-x-flip': this.flip === 'horizontal',\n 'scale-y-flip': this.flip === 'vertical',\n 'rotate-0': this.rotate === 0,\n 'rotate-25': this.rotate === 25,\n 'rotate-45': this.rotate === 45,\n 'rotate-90': this.rotate === 90,\n 'rotate-135': this.rotate === 135,\n 'rotate-180': this.rotate === 180,\n 'rotate-225': this.rotate === 225,\n 'rotate-270': this.rotate === 270,\n 'rotate-315': this.rotate === 315,\n '-rotate-0': this.rotate === -0,\n '-rotate-25': this.rotate === -25,\n '-rotate-45': this.rotate === -45,\n '-rotate-90': this.rotate === -90,\n '-rotate-135': this.rotate === -135,\n '-rotate-180': this.rotate === -180,\n '-rotate-225': this.rotate === -225,\n '-rotate-270': this.rotate === -270,\n '-rotate-315': this.rotate === -315,\n };\n\n return <Host class={styles} innerHTML={icon}></Host>;\n }\n}\n",":host {\n .loader {\n @apply inline-block h-[1em] w-[1em] rounded-round;\n @apply border-2 border-solid border-indigo-light border-t-indigo;\n animation: 500ms spin linear infinite;\n\n will-change: transform;\n\n &.color-storm {\n @apply border-storm-light/40 border-t-storm #{!important};\n }\n\n &.color-white {\n @apply border-indigo-light/40 border-t-white #{!important};\n }\n }\n\n .loading-screen {\n @apply w-screen-safe h-screen-safe fixed top-0 left-0;\n @apply flex items-center justify-center;\n @apply bg-mystic;\n\n z-index: 1001;\n\n .content {\n @apply max-w-xs;\n\n .loader-wrapper {\n @apply flex w-full justify-center;\n\n .loader {\n @apply text-4xl;\n }\n }\n }\n }\n}\n\n:host(.variant-ghost) {\n @apply box-border block;\n\n will-change: background, background-position-x, background-color;\n\n min-height: 1em;\n min-width: 1em;\n\n --loading-bg: #f7fafc;\n --loading-stripe: rgba(252, 253, 254, 1);\n\n background-color: var(--loading-bg);\n background: linear-gradient(\n 100deg,\n rgba(255, 255, 255, 0) 40%,\n var(--loading-stripe) 50%,\n rgba(255, 255, 255, 0) 60%\n )\n var(--loading-bg);\n background-size: 200% 100%;\n background-position-x: 180%;\n animation: 1s loading ease-in-out infinite;\n}\n\n@keyframes loading {\n to {\n background-position-x: -20%;\n }\n}\n\n@keyframes spin {\n 100% {\n transform: rotate(1turn);\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { Observable, Subscription } from 'rxjs';\n\n@Component({\n tag: 'p-loader',\n styleUrl: 'loader.component.scss',\n shadow: true,\n})\nexport class Loader {\n /\n Wether to show or hide the loader\n /\n @Prop() show: boolean \| Observable<boolean> = true;\n\n /\n Variant of loader\n /\n @Prop() variant:\n \| 'inline'\n \| 'full-width'\n \| 'full-screen'\n \| 'modal'\n \| 'ghost' = 'inline';\n\n /\n Color of the loader\n /\n @Prop() color: 'indigo' \| 'white' \| 'storm' = 'indigo';\n\n /\n !NOT IMPLEMENTED! Modal title for modal variant\n /\n @Prop() modalTitle: string;\n\n /\n !NOT IMPLEMENTED! Modal description for modal variant\n */\n @Prop() modalDescription: string;\n\n private _show = this.show;\n private _showSubscriber: Subscription;\n\n private _loader = (<div class={`loader color-${this.color}`}></div>);\n\n componentWillRender() {\n this._checkShow();\n }\n\n componentShouldUpdate() {\n this._checkShow();\n }\n\n render() {\n if (!this._show) {\n return;\n }\n\n if (this.variant === 'ghost') {\n return <Host class=\"p-loader variant-ghost\"></Host>;\n }\n\n if (this.variant === 'full-screen') {\n return (\n <Host class=\"p-loader variant-full-screen\">\n <div class=\"loading-screen\">\n <div class=\"content\">\n <slot />\n\n <div class=\"loader-wrapper\">{this._loader}</div>\n </div>\n </div>\n </Host>\n );\n }\n\n return (\n <Host\n class={`p-loader variant-default flex ${\n this.variant === 'full-width' &&\n 'w-full flex justify-center text-4xl'\n }`}\n >\n {this._loader}\n </Host>\n );\n }\n\n private _checkShow() {\n if (this._showSubscriber) {\n this._showSubscriber.unsubscribe();\n this._showSubscriber = null;\n }\n\n if (typeof this.show !== 'boolean') {\n this._showSubscriber = this.show?.subscribe(\n (show) => (this._show = show)\n );\n return;\n }\n\n this._show = this.show;\n }\n}\n"],"version":3}
1	+ {"file":"p-button.p-icon.p-loader.entry.js","mappings":"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","names":[],"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 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 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 faBuilding from '../assets/icons/fa/building.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 headset from '../assets/icons/headset.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 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 arrow,\n attachment,\n bread,\n calendar,\n camera,\n car,\n checklist,\n checkmark,\n chevron,\n clock,\n colleagues,\n cogs,\n comment,\n companies,\n document,\n download,\n envelope,\n explanation,\n eye,\n faBuilding,\n faPiggy,\n filter,\n folder,\n formula,\n grid,\n headset,\n integration,\n list,\n location,\n megaphone,\n menu,\n minus,\n more,\n negative,\n notification,\n pagination,\n payment,\n pencil,\n person,\n plan,\n plus,\n question,\n reload,\n receipt,\n report,\n search,\n settings,\n sick,\n signout,\n switch: switchIcon,\n tachometer,\n task,\n template,\n tool,\n trash,\n turn,\n upload,\n warning,\n};\n","p-button {\n @apply flex h-10 w-auto text-base;\n\n button,\n a {\n outline: 0;\n border: 0;\n @apply h-full w-full;\n @apply rounded-large #{!important};\n @apply font-semibold leading-4;\n @apply flex items-center justify-center;\n @apply cursor-pointer text-base;\n\n will-change: filter;\n\n > p-loader {\n @apply ml-2;\n }\n\n // Icon positions\n &.icon-position-end {\n > p-icon:not(.chevron) {\n @apply ml-2;\n }\n }\n\n &.icon-position-start {\n > p-icon:not(.chevron) {\n @apply mr-2;\n }\n }\n\n // Variants\n &.variant-primary,\n &.variant-secondary {\n @apply px-4 filter;\n }\n\n &.variant-primary,\n &.variant-secondary {\n &:active,\n &.active {\n @apply drop-shadow-transparent;\n }\n }\n\n &.variant-primary {\n @apply bg-indigo text-white;\n\n &:active,\n &.active {\n &:not([disabled]) {\n @apply bg-indigo-dark;\n }\n }\n\n @media (pointer: fine) {\n &:hover:not([disabled]) {\n @apply drop-shadow-button-primary-hover;\n }\n }\n }\n\n &.variant-secondary {\n @apply border border-solid border-mystic-dark #{!important};\n @apply bg-white text-storm;\n\n &:active,\n &.active {\n &:not([disabled]) {\n @apply bg-mystic;\n }\n }\n\n @media (pointer: fine) {\n &:hover:not([disabled]) {\n @apply drop-shadow-button-secondary-hover;\n }\n }\n }\n\n &.variant-text {\n @apply text-indigo;\n\n &:hover:not([disabled]) {\n @apply text-indigo-dark;\n }\n }\n\n &[disabled] {\n @apply opacity-40;\n }\n\n &.should-inherit-text {\n color: inherit #{!important};\n font-size: inherit #{!important};\n font-weight: inherit #{!important};\n }\n }\n\n // chevron\n &.has-chevron {\n a,\n button {\n &.chevron-position-start {\n @apply pl-2;\n\n > p-icon.chevron {\n @apply mr-2;\n }\n }\n\n &.chevron-position-end {\n @apply pr-2;\n\n > p-icon.chevron {\n @apply ml-2;\n }\n }\n\n &.variant-secondary:hover:not([disabled]) p-icon:last-child {\n @apply text-indigo;\n }\n }\n }\n\n &.has-icon-only {\n @apply w-10;\n\n a,\n button {\n @apply p-0;\n\n > p-icon:first-child {\n @apply mx-0;\n }\n\n > p-loader {\n @apply ml-0;\n }\n }\n\n &.has-chevron {\n @apply w-auto;\n\n a,\n button {\n &.chevron-position-start {\n @apply pr-2;\n }\n\n &.chevron-position-end {\n @apply pl-2;\n }\n }\n }\n }\n\n // sizes\n &.size-small {\n @apply h-8;\n\n button,\n a {\n @apply text-sm;\n\n > p-icon {\n @apply text-base;\n }\n }\n\n &.has-icon-only {\n @apply w-8;\n\n &.has-chevron {\n @apply w-auto;\n }\n }\n }\n}\n","import {\n Component,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Prop,\n} from '@stencil/core';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n tag: 'p-button',\n styleUrl: 'button.component.scss',\n // shadow: true,\n})\nexport class Button {\n /*\n The variant of the button\n /\n @Prop() variant: 'primary' \| 'secondary' \| 'text' = 'primary';\n\n /\n Href in case of \"text\" version\n /\n @Prop() href: string;\n\n /\n Target in case of \"text\" version\n /\n @Prop() target: string;\n\n /\n The size of the button\n /\n @Prop() size: 'small' \| 'medium' = 'medium';\n\n /\n Wether to show a loader or not\n /\n @Prop() loading: boolean = false;\n\n /\n Wether to show a chevron or not\n /\n @Prop() chevron: boolean \| 'up' \| 'down' = false;\n\n /\n Chevron position\n /\n @Prop() chevronPosition: 'start' \| 'end' = 'end';\n\n /\n Wether the button is disabled\n /\n @Prop() disabled: boolean = false;\n\n /\n Icon to show on the button\n /\n @Prop() icon: IconVariant;\n\n /\n Wether the button is icon only\n /\n @Prop() iconOnly: boolean = false;\n\n /\n Icon position\n /\n @Prop() iconPosition: 'start' \| 'end' = 'end';\n\n /\n Icon flip\n /\n @Prop() iconFlip: IconFlipOptions;\n\n /\n Icon rotate\n /\n @Prop() iconRotate: RotateOptions;\n\n /\n Wether the button should inherit text styles\n /\n @Prop() inheritText: boolean = false;\n\n /\n Button click event\n /\n @Event({\n bubbles: false,\n })\n onClick: EventEmitter<MouseEvent>;\n\n render() {\n let loaderColor: 'white' \| 'storm' \| 'indigo' = 'white';\n switch (this.variant) {\n case 'secondary':\n loaderColor = 'storm';\n break;\n case 'text':\n loaderColor = 'indigo';\n break;\n }\n\n const VariableTag = this.variant === 'text' ? 'a' : 'button';\n\n return (\n <Host\n class={`p-button size-${this.size} ${\n this.iconOnly && 'has-icon-only'\n } ${this.chevron && 'has-chevron'}`}\n >\n <VariableTag\n class={`variant-${this.variant} icon-position-${\n this.iconPosition\n } chevron-position-${this.chevronPosition} ${\n this.inheritText && 'should-inherit-text'\n }`}\n disabled={this.disabled}\n href={this.href}\n target={this.target}\n >\n {this.chevron && this.chevronPosition === 'start' && (\n <p-icon\n class=\"chevron\"\n variant=\"chevron\"\n rotate={this.chevron === 'up' ? 180 : 0}\n />\n )}\n\n {this.icon &&\n this.iconPosition === 'start' &&\n !(this.iconOnly && this.loading) &&\n this._getIcon()}\n\n <slot />\n\n {this.icon &&\n this.iconPosition === 'end' &&\n !(this.iconOnly && this.loading) &&\n this._getIcon()}\n\n {this.loading && <p-loader color={loaderColor} />}\n\n {this.chevron && this.chevronPosition === 'end' && (\n <p-icon\n class=\"chevron\"\n variant=\"chevron\"\n rotate={this.chevron === 'up' ? 180 : 0}\n />\n )}\n </VariableTag>\n </Host>\n );\n }\n\n @Listen('click', { capture: true })\n handleClick(ev: MouseEvent) {\n if (this.loading \|\| this.disabled) {\n ev.preventDefault();\n return;\n }\n\n this.onClick.emit(ev);\n }\n\n private _getIcon() {\n if (!this.icon) {\n return;\n }\n\n return (\n <p-icon\n variant={this.icon}\n flip={this.iconFlip}\n rotate={this.iconRotate}\n />\n );\n }\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 tag: 'p-icon',\n styleUrl: 'icon.component.scss',\n // shadow: true,\n})\nexport class Icon {\n /\n The icon the be displayed\n /\n @Prop() variant!: IconVariant;\n\n /\n The size of the icon, using tailwind sizes\n /\n @Prop() size: TextSizeOptions = 'auto';\n\n /\n Wether to rotate the icon x degrees\n /\n @Prop() rotate: RotateOptions = 0;\n\n /\n Wether to flip the icon horizontally or vertically\n /\n @Prop() flip: IconFlipOptions = null;\n\n render() {\n const icon = icons[this.variant];\n\n const styles = {\n 'p-icon flex': true,\n 'text-auto': this.size === 'auto',\n 'text-xxs': this.size === 'xxs',\n 'text-xs': this.size === 'xs',\n 'text-sm': this.size === 'sm',\n 'text-base': this.size === 'base',\n 'text-lg': this.size === 'lg',\n 'text-xl': this.size === 'xl',\n 'text-2xl': this.size === '2xl',\n 'text-3xl': this.size === '3xl',\n 'text-4xl': this.size === '4xl',\n 'text-5xl': this.size === '5xl',\n 'text-6xl': this.size === '6xl',\n transform: !!this.rotate \|\| !!this.flip,\n 'scale-x-flip': this.flip === 'horizontal',\n 'scale-y-flip': this.flip === 'vertical',\n 'rotate-0': this.rotate === 0,\n 'rotate-25': this.rotate === 25,\n 'rotate-45': this.rotate === 45,\n 'rotate-90': this.rotate === 90,\n 'rotate-135': this.rotate === 135,\n 'rotate-180': this.rotate === 180,\n 'rotate-225': this.rotate === 225,\n 'rotate-270': this.rotate === 270,\n 'rotate-315': this.rotate === 315,\n '-rotate-0': this.rotate === -0,\n '-rotate-25': this.rotate === -25,\n '-rotate-45': this.rotate === -45,\n '-rotate-90': this.rotate === -90,\n '-rotate-135': this.rotate === -135,\n '-rotate-180': this.rotate === -180,\n '-rotate-225': this.rotate === -225,\n '-rotate-270': this.rotate === -270,\n '-rotate-315': this.rotate === -315,\n };\n\n return <Host class={styles} innerHTML={icon}></Host>;\n }\n}\n",":host {\n .loader {\n @apply inline-block h-[1em] w-[1em] rounded-round;\n @apply border-2 border-solid border-indigo-light border-t-indigo;\n animation: 500ms spin linear infinite;\n\n will-change: transform;\n\n &.color-storm {\n @apply border-storm-light/40 border-t-storm #{!important};\n }\n\n &.color-white {\n @apply border-indigo-light/40 border-t-white #{!important};\n }\n }\n\n .loading-screen {\n @apply w-screen-safe h-screen-safe fixed top-0 left-0;\n @apply flex items-center justify-center;\n @apply bg-mystic;\n\n z-index: 1001;\n\n .content {\n @apply max-w-xs;\n\n .loader-wrapper {\n @apply flex w-full justify-center;\n\n .loader {\n @apply text-4xl;\n }\n }\n }\n }\n}\n\n:host(.variant-ghost) {\n @apply box-border block;\n\n will-change: background, background-position-x, background-color;\n\n min-height: 1em;\n min-width: 1em;\n\n --loading-bg: #f7fafc;\n --loading-stripe: rgba(252, 253, 254, 1);\n\n background-color: var(--loading-bg);\n background: linear-gradient(\n 100deg,\n rgba(255, 255, 255, 0) 40%,\n var(--loading-stripe) 50%,\n rgba(255, 255, 255, 0) 60%\n )\n var(--loading-bg);\n background-size: 200% 100%;\n background-position-x: 180%;\n animation: 1s loading ease-in-out infinite;\n}\n\n@keyframes loading {\n to {\n background-position-x: -20%;\n }\n}\n\n@keyframes spin {\n 100% {\n transform: rotate(1turn);\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { Observable, Subscription } from 'rxjs';\n\n@Component({\n tag: 'p-loader',\n styleUrl: 'loader.component.scss',\n shadow: true,\n})\nexport class Loader {\n /\n Wether to show or hide the loader\n /\n @Prop() show: boolean \| Observable<boolean> = true;\n\n /\n Variant of loader\n /\n @Prop() variant:\n \| 'inline'\n \| 'full-width'\n \| 'full-screen'\n \| 'modal'\n \| 'ghost' = 'inline';\n\n /\n Color of the loader\n /\n @Prop() color: 'indigo' \| 'white' \| 'storm' = 'indigo';\n\n /\n !NOT IMPLEMENTED! Modal title for modal variant\n /\n @Prop() modalTitle: string;\n\n /\n !NOT IMPLEMENTED! Modal description for modal variant\n */\n @Prop() modalDescription: string;\n\n private _show = this.show;\n private _showSubscriber: Subscription;\n\n private _loader = (<div class={`loader color-${this.color}`}></div>);\n\n componentWillRender() {\n this._checkShow();\n }\n\n componentShouldUpdate() {\n this._checkShow();\n }\n\n render() {\n if (!this._show) {\n return;\n }\n\n if (this.variant === 'ghost') {\n return <Host class=\"p-loader variant-ghost\"></Host>;\n }\n\n if (this.variant === 'full-screen') {\n return (\n <Host class=\"p-loader variant-full-screen\">\n <div class=\"loading-screen\">\n <div class=\"content\">\n <slot />\n\n <div class=\"loader-wrapper\">{this._loader}</div>\n </div>\n </div>\n </Host>\n );\n }\n\n return (\n <Host\n class={`p-loader variant-default flex ${\n this.variant === 'full-width' &&\n 'w-full flex justify-center text-4xl'\n }`}\n >\n {this._loader}\n </Host>\n );\n }\n\n private _checkShow() {\n if (this._showSubscriber) {\n this._showSubscriber.unsubscribe();\n this._showSubscriber = null;\n }\n\n if (typeof this.show !== 'boolean') {\n this._showSubscriber = this.show?.subscribe(\n (show) => (this._show = show)\n );\n return;\n }\n\n this._show = this.show;\n }\n}\n"],"version":3}

package/dist/esm/p-calendar.entry.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-7b917f6b.js';
-import { r as requiredArgs, t as toDate, c as toInteger, p as isBefore, q as isAfter, o as isValid, n as format, u as startOfDay, v as isSameDay } from './index-934ac6da.js';
+import { r as requiredArgs, t as toDate, c as toInteger, o as isBefore, p as isAfter, n as isValid, v as format, q as startOfDay, u as isSameDay } from './index-5fa2e728.js';
 /**
  * @name addDays

package/dist/esm/p-card-container.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-7b917f6b.js';
-const cardContainerComponentCss = ".flex{display:flex!important}.flex-col{flex-direction:column!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.drop-shadow-4{--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))!important}.drop-shadow-4,.drop-shadow-5{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}.drop-shadow-5{--tw-drop-shadow:drop-shadow(0px 0.1875rem 1rem rgba(0,24,98,.3))!important}.drop-shadow-transparent{--tw-drop-shadow:drop-shadow(transparent)!important}.drop-shadow-transparent,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}*{box-sizing:border-box}:host{--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))!important;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.375rem;display:flex;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;flex-direction:column;width:100%}:host([hoverable]){cursor:pointer}:host([hoverable]:hover){--tw-drop-shadow:drop-shadow(0px 0.1875rem 1rem rgba(0,24,98,.3))!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([shadow=false]){--tw-drop-shadow:drop-shadow(transparent)!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}";
+const cardContainerComponentCss = ".flex{display:flex!important}.flex-col{flex-direction:column!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.drop-shadow-4{--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))!important}.drop-shadow-4,.drop-shadow-5{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}.drop-shadow-5{--tw-drop-shadow:drop-shadow(0px 0.1875rem 1rem rgba(0,24,98,.3))!important}.drop-shadow-transparent{--tw-drop-shadow:drop-shadow(transparent)!important}.drop-shadow-transparent,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}*{box-sizing:border-box}:host{--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))!important;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.375rem;display:flex;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;flex-direction:column;width:100%}:host([hoverable]){cursor:pointer}:host([hoverable]:hover){--tw-drop-shadow:drop-shadow(0px 0.1875rem 1rem rgba(0,24,98,.3))!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([shadow=false]){--tw-drop-shadow:drop-shadow(transparent)!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}.static{position:static!important}";
 const CardContainer = class {
   constructor(hostRef) {

package/dist/esm/p-card-container.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"p-card-container.entry.js","mappings":";;AAAA,MAAM,yBAAyB,GAAG,~~i9DAAi9D~~;;~~MCOt+D~~,aAAa;;;qBAIwB,KAAK;kBAKR,IAAI;;EAE/C,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,kBAAkB,IAC1B,eAAQ,CACL,EACT;GACL;;;;;;","names":[],"sources":["src/components/atoms/card-container/card-container.component.scss?tag=p-card-container&encapsulation=shadow","src/components/atoms/card-container/card-container.component.tsx"],"sourcesContent":[":host {\n @apply flex flex-col w-full;\n @apply bg-white rounded-large;\n @apply filter drop-shadow-4 #{!important};\n}\n\n:host([hoverable]) {\n @apply cursor-pointer;\n}\n\n:host([hoverable]:hover) {\n @apply drop-shadow-5 #{!important};\n}\n\n:host([shadow='false']) {\n @apply drop-shadow-transparent #{!important};\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-card-container',\n styleUrl: 'card-container.component.scss',\n shadow: true,\n})\nexport class CardContainer {\n /*\n Wether the card should be hoverable\n /\n @Prop({ reflect: true }) hoverable: boolean = false;\n\n /\n Wether the card should have shadow\n */\n @Prop({ reflect: true }) shadow: boolean = true;\n\n render() {\n return (\n <Host class=\"p-card-container\">\n <slot />\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-card-container.entry.js","mappings":";;AAAA,MAAM,yBAAyB,GAAG,m/DAAm/D;;MCOxgE,aAAa;;;qBAIwB,KAAK;kBAKR,IAAI;;EAE/C,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,kBAAkB,IAC1B,eAAQ,CACL,EACT;GACL;;;;;;","names":[],"sources":["src/components/atoms/card-container/card-container.component.scss?tag=p-card-container&encapsulation=shadow","src/components/atoms/card-container/card-container.component.tsx"],"sourcesContent":[":host {\n @apply flex flex-col w-full;\n @apply bg-white rounded-large;\n @apply filter drop-shadow-4 #{!important};\n}\n\n:host([hoverable]) {\n @apply cursor-pointer;\n}\n\n:host([hoverable]:hover) {\n @apply drop-shadow-5 #{!important};\n}\n\n:host([shadow='false']) {\n @apply drop-shadow-transparent #{!important};\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-card-container',\n styleUrl: 'card-container.component.scss',\n shadow: true,\n})\nexport class CardContainer {\n /*\n Wether the card should be hoverable\n /\n @Prop({ reflect: true }) hoverable: boolean = false;\n\n /\n Wether the card should have shadow\n */\n @Prop({ reflect: true }) shadow: boolean = true;\n\n render() {\n return (\n <Host class=\"p-card-container\">\n <slot />\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/esm/p-card-header.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-7b917f6b.js';
-const cardHeaderComponentCss = ".mx-4{margin-left:1rem!important;margin-right:1rem!important}.ml-2{margin-left:.5rem!important}.flex{display:flex!important}.items-center{align-items:center!important}.gap-3{gap:.75rem!important}.border-b{border-bottom-width:1px!important}.border-b-mystic-medium{--tw-border-opacity:1!important;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important}*{box-sizing:border-box}p-card-header{--tw-text-opacity:1;--tw-border-opacity:1!important;align-items:center;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important;border-bottom-width:1px!important;color:rgb(128 130 158/var(--tw-text-opacity));display:flex;gap:.75rem;height:3.5rem;margin-left:1rem;margin-right:1rem}p-card-header .title{--tw-text-opacity:1;align-items:center;color:rgb(81 83 107/var(--tw-text-opacity));display:flex;font-weight:600;order:2}p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(218 230 240/var(--tw-text-opacity));margin-left:.5rem}p-card-header [slot=prefix]{order:1}p-card-header [slot=suffix]{order:3}p-card-container.has-hover:hover p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}";
+const cardHeaderComponentCss = ".mx-4{margin-left:1rem!important;margin-right:1rem!important}.ml-2{margin-left:.5rem!important}.flex{display:flex!important}.items-center{align-items:center!important}.gap-3{gap:.75rem!important}.border-b{border-bottom-width:1px!important}.border-b-mystic-medium{--tw-border-opacity:1!important;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important}*{box-sizing:border-box}p-card-header{--tw-text-opacity:1;--tw-border-opacity:1!important;align-items:center;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important;border-bottom-width:1px!important;color:rgb(128 130 158/var(--tw-text-opacity));display:flex;gap:.75rem;height:3.5rem;margin-left:1rem;margin-right:1rem}p-card-header .title{--tw-text-opacity:1;align-items:center;color:rgb(81 83 107/var(--tw-text-opacity));display:flex;font-weight:600;order:2}p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(218 230 240/var(--tw-text-opacity));margin-left:.5rem}p-card-header [slot=prefix]{order:1}p-card-header [slot=suffix]{order:3}p-card-container.has-hover:hover p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}.static{position:static!important}";
 const CardHeader = class {
   constructor(hostRef) {

package/dist/esm/p-card-header.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"p-card-header.entry.js","mappings":";;AAAA,MAAM,sBAAsB,GAAG,~~koCAAkoC~~;;~~MCMppC~~,UAAU;;;;iBASM,KAAK;;EAE9B,MAAM;;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,eAAe,IACvB,YAAM,IAAI,EAAC,QAAQ,GAAG,EAErB,CAAC,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,KAAI,IAAI,CAAC,KAAK,MAC/B,WAAK,KAAK,EAAC,OAAO,IACb,MAAA,IAAI,CAAC,MAAM,mCAAI,EAAE,EACjB,IAAI,CAAC,KAAK,IAAI,cAAQ,OAAO,EAAC,OAAO,GAAG,CACvC,CACT,EAED,YAAM,IAAI,EAAC,QAAQ,GAAG,CACnB,EACT;GACL;;;;;;","names":[],"sources":["src/components/atoms/card-header/card-header.component.scss?tag=p-card-header","src/components/atoms/card-header/card-header.component.tsx"],"sourcesContent":["p-card-header {\n @apply mx-4 h-14;\n @apply flex gap-3 items-center;\n @apply text-storm-medium;\n @apply border-b border-b-mystic-medium #{!important};\n\n .title {\n @apply order-2;\n @apply flex items-center text-storm;\n @apply font-semibold;\n\n > p-icon {\n @apply ml-2 text-mystic-dark;\n }\n }\n\n [slot='prefix'] {\n @apply order-1;\n }\n\n [slot='suffix'] {\n @apply order-3;\n }\n}\n\np-card-container.has-hover:hover {\n p-card-header {\n .title > p-icon {\n @apply text-indigo;\n }\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-card-header',\n styleUrl: 'card-header.component.scss',\n})\nexport class CardHeader {\n /*\n Content of the card header\n /\n @Prop() header: string;\n\n /\n Enable the title arrow\n */\n @Prop() arrow: boolean = false;\n\n render() {\n return (\n <Host class=\"p-card-header\">\n <slot name=\"prefix\" />\n\n {(this.header?.length \|\| this.arrow) && (\n <div class=\"title\">\n {this.header ?? ''}\n {this.arrow && <p-icon variant=\"arrow\" />}\n </div>\n )}\n\n <slot name=\"suffix\" />\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-card-header.entry.js","mappings":";;AAAA,MAAM,sBAAsB,GAAG,oqCAAoqC;;MCMtrC,UAAU;;;;iBASM,KAAK;;EAE9B,MAAM;;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,eAAe,IACvB,YAAM,IAAI,EAAC,QAAQ,GAAG,EAErB,CAAC,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,KAAI,IAAI,CAAC,KAAK,MAC/B,WAAK,KAAK,EAAC,OAAO,IACb,MAAA,IAAI,CAAC,MAAM,mCAAI,EAAE,EACjB,IAAI,CAAC,KAAK,IAAI,cAAQ,OAAO,EAAC,OAAO,GAAG,CACvC,CACT,EAED,YAAM,IAAI,EAAC,QAAQ,GAAG,CACnB,EACT;GACL;;;;;;","names":[],"sources":["src/components/atoms/card-header/card-header.component.scss?tag=p-card-header","src/components/atoms/card-header/card-header.component.tsx"],"sourcesContent":["p-card-header {\n @apply mx-4 h-14;\n @apply flex gap-3 items-center;\n @apply text-storm-medium;\n @apply border-b border-b-mystic-medium #{!important};\n\n .title {\n @apply order-2;\n @apply flex items-center text-storm;\n @apply font-semibold;\n\n > p-icon {\n @apply ml-2 text-mystic-dark;\n }\n }\n\n [slot='prefix'] {\n @apply order-1;\n }\n\n [slot='suffix'] {\n @apply order-3;\n }\n}\n\np-card-container.has-hover:hover {\n p-card-header {\n .title > p-icon {\n @apply text-indigo;\n }\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-card-header',\n styleUrl: 'card-header.component.scss',\n})\nexport class CardHeader {\n /*\n Content of the card header\n /\n @Prop() header: string;\n\n /\n Enable the title arrow\n */\n @Prop() arrow: boolean = false;\n\n render() {\n return (\n <Host class=\"p-card-header\">\n <slot name=\"prefix\" />\n\n {(this.header?.length \|\| this.arrow) && (\n <div class=\"title\">\n {this.header ?? ''}\n {this.arrow && <p-icon variant=\"arrow\" />}\n </div>\n )}\n\n <slot name=\"suffix\" />\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/esm/p-counter.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-7b917f6b.js';
-const counterComponentCss = ".flex{display:flex!important}.h-2{height:.5rem!important}.h-4{height:1rem!important}.w-2{width:.5rem!important}.min-w-\\[1rem\\]{min-width:1rem!important}.justify-center{justify-content:center!important}.rounded{border-radius:.25rem!important}.rounded-round{border-radius:100%!important}.bg-indigo{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity))!important}.bg-negative-light{--tw-bg-opacity:1!important;background-color:rgb(255 204 211/var(--tw-bg-opacity))!important}.bg-positive-light{--tw-bg-opacity:1!important;background-color:rgb(229 255 242/var(--tw-bg-opacity))!important}.bg-unbiased-light{--tw-bg-opacity:1!important;background-color:rgb(255 246 220/var(--tw-bg-opacity))!important}.p-0{padding:0!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-bold{font-weight:700!important}.uppercase{text-transform:uppercase!important}.leading-3{line-height:.75rem!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(82 138 250/var(--tw-bg-opacity));border-radius:.5625rem;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;font-size:.75rem;font-weight:700;height:1rem;justify-content:center;line-height:.75rem;padding-left:.5rem;padding-right:.5rem;text-transform:uppercase}:host(.variant-negative),:host(.variant-positive),:host(.variant-unbiased){border-radius:.25rem;min-width:1rem;padding-left:.25rem;padding-right:.25rem}:host(.variant-positive){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity));color:rgb(29 163 96/var(--tw-text-opacity))}:host(.variant-unbiased){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity));color:rgb(255 162 49/var(--tw-text-opacity))}:host(.variant-negative){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity));color:rgb(138 15 29/var(--tw-text-opacity))}:host(.size-mini){border-radius:100%;height:.5rem;min-width:0;padding:0;width:.5rem}:host(.size-mini) slot{display:none}.static{position:static!important}";
+const counterComponentCss = ".flex{display:flex!important}.h-2{height:.5rem!important}.h-4{height:1rem!important}.w-2{width:.5rem!important}.min-w-\\[1rem\\]{min-width:1rem!important}.justify-center{justify-content:center!important}.rounded{border-radius:.25rem!important}.rounded-round{border-radius:100%!important}.bg-indigo{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity))!important}.bg-negative-light{--tw-bg-opacity:1!important;background-color:rgb(255 204 211/var(--tw-bg-opacity))!important}.bg-positive-light{--tw-bg-opacity:1!important;background-color:rgb(229 255 242/var(--tw-bg-opacity))!important}.bg-unbiased-light{--tw-bg-opacity:1!important;background-color:rgb(255 246 220/var(--tw-bg-opacity))!important}.p-0{padding:0!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-bold{font-weight:700!important}.uppercase{text-transform:uppercase!important}.leading-3{line-height:.75rem!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(82 138 250/var(--tw-bg-opacity));border-radius:.5625rem;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;font-size:.75rem;font-weight:700;height:1rem;justify-content:center;line-height:.75rem;padding-left:.5rem;padding-right:.5rem;text-transform:uppercase}:host(.variant-negative),:host(.variant-positive),:host(.variant-unbiased){border-radius:.25rem;min-width:1rem;padding-left:.25rem;padding-right:.25rem}:host(.variant-positive){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity));color:rgb(29 163 96/var(--tw-text-opacity))}:host(.variant-unbiased){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity));color:rgb(255 162 49/var(--tw-text-opacity))}:host(.variant-negative){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity));color:rgb(138 15 29/var(--tw-text-opacity))}:host(.size-mini){border-radius:100%;height:.5rem;min-width:0;padding:0;width:.5rem}:host(.size-mini) slot{display:none}";
 const Counter = class {
   constructor(hostRef) {

package/dist/esm/p-counter.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"p-counter.entry.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,~~gyEAAgyE~~;;~~MCO/yE~~,OAAO;;;mBAIiD,MAAM;gBAKpC,SAAS;;EAE5C,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAE,qBAAqB,IAAI,CAAC,OAAO,SAAS,IAAI,CAAC,IAAI,EAAE,IAC9D,eAAQ,CACL,EACT;GACL;;;;;;","names":[],"sources":["src/components/atoms/counter/counter.component.scss?tag=p-counter&encapsulation=shadow","src/components/atoms/counter/counter.component.tsx"],"sourcesContent":[":host {\n @apply h-4 px-2 bg-indigo rounded-xlarge;\n @apply text-xs leading-3 text-white font-bold uppercase;\n @apply flex justify-center items-center;\n}\n\n:host(.variant-positive),\n:host(.variant-unbiased),\n:host(.variant-negative) {\n @apply rounded px-1 min-w-[1rem];\n}\n\n:host(.variant-positive) {\n @apply bg-positive-light text-positive-dark;\n}\n\n:host(.variant-unbiased) {\n @apply bg-unbiased-light text-unbiased-dark;\n}\n\n:host(.variant-negative) {\n @apply bg-negative-light text-negative-dark;\n}\n\n:host(.size-mini) {\n @apply w-2 h-2 rounded-round p-0 min-w-0;\n\n slot {\n display: none;\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-counter',\n styleUrl: 'counter.component.scss',\n shadow: true,\n})\nexport class Counter {\n /*\n The variant of the counter\n /\n @Prop() variant: 'info' \| 'negative' \| 'positive' \| 'unbiased' = 'info';\n\n /\n The size of the counter\n */\n @Prop() size: 'default' \| 'mini' = 'default';\n\n render() {\n return (\n <Host class={`p-counter variant-${this.variant} size-${this.size}`}>\n <slot />\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-counter.entry.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,8vEAA8vE;;MCO7wE,OAAO;;;mBAIiD,MAAM;gBAKpC,SAAS;;EAE5C,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAE,qBAAqB,IAAI,CAAC,OAAO,SAAS,IAAI,CAAC,IAAI,EAAE,IAC9D,eAAQ,CACL,EACT;GACL;;;;;;","names":[],"sources":["src/components/atoms/counter/counter.component.scss?tag=p-counter&encapsulation=shadow","src/components/atoms/counter/counter.component.tsx"],"sourcesContent":[":host {\n @apply h-4 px-2 bg-indigo rounded-xlarge;\n @apply text-xs leading-3 text-white font-bold uppercase;\n @apply flex justify-center items-center;\n}\n\n:host(.variant-positive),\n:host(.variant-unbiased),\n:host(.variant-negative) {\n @apply rounded px-1 min-w-[1rem];\n}\n\n:host(.variant-positive) {\n @apply bg-positive-light text-positive-dark;\n}\n\n:host(.variant-unbiased) {\n @apply bg-unbiased-light text-unbiased-dark;\n}\n\n:host(.variant-negative) {\n @apply bg-negative-light text-negative-dark;\n}\n\n:host(.size-mini) {\n @apply w-2 h-2 rounded-round p-0 min-w-0;\n\n slot {\n display: none;\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-counter',\n styleUrl: 'counter.component.scss',\n shadow: true,\n})\nexport class Counter {\n /*\n The variant of the counter\n /\n @Prop() variant: 'info' \| 'negative' \| 'positive' \| 'unbiased' = 'info';\n\n /\n The size of the counter\n */\n @Prop() size: 'default' \| 'mini' = 'default';\n\n render() {\n return (\n <Host class={`p-counter variant-${this.variant} size-${this.size}`}>\n <slot />\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/esm/p-datepicker.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-7b917f6b.js';
 import { c as childOf } from './child-of-fec6ab3a.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, d as getUTCISOWeek, e as getDefaultOptions, l as longFormatters, f as subMilliseconds, h as getTimezoneOffsetInMilliseconds, i as locale, j as isProtectedWeekYearToken, k as throwProtectedError, m as isProtectedDayOfYearToken, n as format, o as isValid, p as isBefore, q as isAfter, u as startOfDay, v as isSameDay } from './index-934ac6da.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, d as getUTCISOWeek, e as getDefaultOptions, l as longFormatters, f as subMilliseconds, h as getTimezoneOffsetInMilliseconds, i as locale, j as isProtectedWeekYearToken, k as throwProtectedError, m as isProtectedDayOfYearToken, n as isValid, o as isBefore, p as isAfter, q as startOfDay, u as isSameDay, v as format } from './index-5fa2e728.js';
 /**
  * Days in 1 week.
@@ -2860,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}.cursor-pointer{cursor:pointer!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 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}.cursor-pointer{cursor:pointer!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 Datepicker = class {
   constructor(hostRef) {
@@ -2893,12 +2893,6 @@ const Datepicker = class {
     this._maxDate = undefined;
     this._disabledDates = [];
   }
-  get formattedDate() {
-    if (!this._value) {
-      return;
-    }
-    return format(this._value, this.format);
-  }
   parseValue(value) {
     if (!value && this.preselectToday) {
       value = new Date();
@@ -2969,7 +2963,7 @@ const Datepicker = class {
     this.parseValue(this.value);
   }
   render() {
-    return (h(Host, { class: "p-datepicker" }, h("p-dropdown", { disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, h("p-input-group", { slot: "trigger", icon: "calendar", 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 }, h("input", { slot: "input", type: "text", placeholder: this.placeholder, value: this.formattedDate, class: "p-input cursor-pointer", onFocus: () => this._onFocus(), onInput: (ev) => this._onInput(ev) })), h("div", { slot: "items" }, h("p-calendar", { 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, { class: "p-datepicker" }, h("p-dropdown", { disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, h("p-input-group", { slot: "trigger", icon: "calendar", 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 }, h("input", { slot: "input", type: "text", placeholder: this.placeholder, value: this._getFormattedDate(), class: "p-input cursor-pointer", onFocus: () => this._onFocus(), onBlur: (ev) => this._onBlur(ev), onInput: (ev) => this._onInput(ev) })), h("div", { slot: "items" }, h("p-calendar", { 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)) {
@@ -2980,8 +2974,15 @@ const Datepicker = class {
   _onFocus() {
     this._showDropdown = true;
   }
-  _onBlur() {
-    this._showDropdown = false;
+  _onBlur(ev) {
+    if (ev.target.value === null) {
+      return;
+    }
+    const value = parse(ev.target.value, this.format, new Date());
+    if (!isValid(value) || this._isDisabledDay(value)) {
+      ev.target.value = this._getFormattedDate();
+      return;
+    }
   }
   _onInput(ev) {
     if (this._onInputTimeout) {
@@ -2996,7 +2997,7 @@ const Datepicker = class {
       this._setValue(value, false);
     }, 250);
   }
-  _setValue(value, blur = true) {
+  _setValue(value, hideDropdown = true) {
     if (value === null) {
       this._value = null;
       this.valueChange.emit(null);
@@ -3013,8 +3014,8 @@ const Datepicker = class {
     if (isSameValue) {
       return;
     }
-    if (blur) {
-      this._onBlur();
+    if (hideDropdown) {
+      this._showDropdown = false;
     }
     this._value = value;
     this.valueChange.emit(value);
@@ -3024,6 +3025,12 @@ const Datepicker = class {
       (isAfter(day, this._maxDate) && !isSameDay(day, this._maxDate)) ||
       this._disabledDates.findIndex((date) => isSameDay(date, day)) >= 0);
   }
+  _getFormattedDate() {
+    if (!this._value) {
+      return '';
+    }
+    return format(this._value, this.format);
+  }
   get _el() { return getElement(this); }
   static get watchers() { return {
     "value": ["parseValue"],