@paperless/core 1.11.0 → 1.11.2

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 (37) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/build/{p-2540301a.entry.js → p-424d5c8a.entry.js} +3 -3
  3. package/dist/{paperless/p-2540301a.entry.js.map → build/p-424d5c8a.entry.js.map} +1 -1
  4. package/dist/build/p-4fdbb588.entry.js +2 -0
  5. package/dist/build/p-4fdbb588.entry.js.map +1 -0
  6. package/dist/build/paperless.css +1 -1
  7. package/dist/build/paperless.esm.js +1 -1
  8. package/dist/cjs/p-avatar.cjs.entry.js +1 -1
  9. package/dist/cjs/p-avatar.cjs.entry.js.map +1 -1
  10. package/dist/cjs/p-cropper.cjs.entry.js +1 -1
  11. package/dist/cjs/p-cropper.cjs.entry.js.map +1 -1
  12. package/dist/collection/components/atoms/avatar/avatar.component.css +1 -1
  13. package/dist/collection/components/molecules/cropper/cropper.component.css +1 -1
  14. package/dist/components/p-avatar.js +1 -1
  15. package/dist/components/p-avatar.js.map +1 -1
  16. package/dist/components/p-cropper.js +1 -1
  17. package/dist/components/p-cropper.js.map +1 -1
  18. package/dist/esm/p-avatar.entry.js +1 -1
  19. package/dist/esm/p-avatar.entry.js.map +1 -1
  20. package/dist/esm/p-cropper.entry.js +1 -1
  21. package/dist/esm/p-cropper.entry.js.map +1 -1
  22. package/dist/index.html +1 -1
  23. package/dist/paperless/{p-2540301a.entry.js → p-424d5c8a.entry.js} +3 -3
  24. package/dist/{build/p-2540301a.entry.js.map → paperless/p-424d5c8a.entry.js.map} +1 -1
  25. package/dist/paperless/p-4fdbb588.entry.js +2 -0
  26. package/dist/paperless/p-4fdbb588.entry.js.map +1 -0
  27. package/dist/paperless/paperless.css +15 -1
  28. package/dist/paperless/paperless.esm.js +1 -1
  29. package/dist/style/form/_range.scss +8 -1
  30. package/dist/sw.js +1 -1
  31. package/dist/sw.js.map +1 -1
  32. package/hydrate/index.js +2 -2
  33. package/package.json +1 -1
  34. package/dist/build/p-ff655fd0.entry.js +0 -2
  35. package/dist/build/p-ff655fd0.entry.js.map +0 -1
  36. package/dist/paperless/p-ff655fd0.entry.js +0 -2
  37. package/dist/paperless/p-ff655fd0.entry.js.map +0 -1
package/hydrate/index.js CHANGED
@@ -5851,7 +5851,7 @@ class Attachment {
5851
5851
  }; }
5852
5852
  }
5853
5853
 
5854
- const avatarComponentCss = ".inline-block{display:inline-block!important}.h-\\[3\\.125rem\\]{height:3.125rem!important}.h-\\[6\\.5rem\\]{height:6.5rem!important}.w-16{width:4rem!important}.w-8{width:2rem!important}.w-\\[3\\.125rem\\]{width:3.125rem!important}.w-\\[6\\.5rem\\]{width:6.5rem!important}.rounded{border-radius:.25rem!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}*{box-sizing:border-box}p-avatar{display:inline-block;flex-shrink:0}p-avatar>img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}p-avatar[size=small]>img{height:2rem;width:2rem}p-avatar[size=medium]>img{height:3.125rem;width:3.125rem}p-avatar[size=large]>img{height:4rem;width:4rem}p-avatar[size=xlarge]>img{height:6.5rem;width:6.5rem}p-avatar[variant=company]>img{border-radius:.25rem}p-avatar[variant=company][size=large]>img,p-avatar[variant=company][size=medium]>img{border-radius:.375rem}p-avatar[variant=user]>img{border-radius:100%}.static{position:static!important}";
5854
+ const avatarComponentCss = ".inline-block{display:inline-block!important}.h-16{height:4rem!important}.h-8{height:2rem!important}.h-\\[3\\.125rem\\]{height:3.125rem!important}.h-\\[6\\.5rem\\]{height:6.5rem!important}.w-\\[3\\.125rem\\]{width:3.125rem!important}.w-\\[6\\.5rem\\]{width:6.5rem!important}.rounded{border-radius:.25rem!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}*{box-sizing:border-box}p-avatar{display:inline-block;flex-shrink:0}p-avatar>img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}p-avatar[size=small]>img{height:2rem;width:2rem}p-avatar[size=medium]>img{height:3.125rem;width:3.125rem}p-avatar[size=large]>img{height:4rem;width:4rem}p-avatar[size=xlarge]>img{height:6.5rem;width:6.5rem}p-avatar[variant=company]>img{border-radius:.25rem}p-avatar[variant=company][size=large]>img,p-avatar[variant=company][size=medium]>img,p-avatar[variant=company][size=xlarge]>img{border-radius:.375rem}p-avatar[variant=user]>img{border-radius:100%}.static{position:static!important}";
5855
5855
 
5856
5856
  class Avatar {
5857
5857
  constructor(hostRef) {
@@ -14911,7 +14911,7 @@ CropperSelection.$define();
14911
14911
  CropperShade.$define();
14912
14912
  CropperViewer.$define();
14913
14913
 
14914
- const cropperComponentCss = "/*!@.relative*/.relative.sc-p-cropper{position:relative!important}/*!@.mb-6*/.mb-6.sc-p-cropper{margin-bottom:1.5rem!important}/*!@.flex*/.flex.sc-p-cropper{display:flex!important}/*!@.h-4*/.h-4.sc-p-cropper{height:1rem!important}/*!@.h-\\[2px\\]*/.h-\\[2px\\].sc-p-cropper{height:2px!important}/*!@.w-4*/.w-4.sc-p-cropper{width:1rem!important}/*!@.w-full*/.w-full.sc-p-cropper{width:100%!important}/*!@.appearance-none*/.appearance-none.sc-p-cropper{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}/*!@.flex-col*/.flex-col.sc-p-cropper{flex-direction:column!important}/*!@.items-center*/.items-center.sc-p-cropper{align-items:center!important}/*!@.justify-between*/.justify-between.sc-p-cropper{justify-content:space-between!important}/*!@.rounded-round*/.rounded-round.sc-p-cropper{border-radius:100%!important}/*!@.border-0*/.border-0.sc-p-cropper{border-width:0!important}/*!@**/*.sc-p-cropper{box-sizing:border-box}/*!@:host*/.sc-p-cropper-h{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:space-between;margin-bottom:1.5rem;width:100%}/*!@:host .p-input[type=range]*/.sc-p-cropper-h .p-input[type=range].sc-p-cropper{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;position:relative}/*!@:host .p-input[type=range]::-moz-range-track,:host .p-input[type=range]::-webkit-slider-runnable-track*/.sc-p-cropper-h .p-input[type=range].sc-p-cropper::-moz-range-track,.sc-p-cropper-h .p-input[type=range].sc-p-cropper::-webkit-slider-runnable-track{--tw-bg-opacity:1;background-color:rgb(218 230 240/var(--tw-bg-opacity));height:2px}/*!@:host .p-input[type=range]::-moz-range-thumb,:host .p-input[type=range]::-webkit-slider-thumb*/.sc-p-cropper-h .p-input[type=range].sc-p-cropper::-moz-range-thumb,.sc-p-cropper-h .p-input[type=range].sc-p-cropper::-webkit-slider-thumb{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity));border-radius:100%;border-width:0;height:1rem;width:1rem}/*!@.static*/.static.sc-p-cropper{position:static!important}/*!@.hidden*/.hidden.sc-p-cropper{display:none!important}/*!@.h-\\[17\\.5rem\\]*/.h-\\[17\\.5rem\\].sc-p-cropper{height:17.5rem!important}/*!@.transform*/.transform.sc-p-cropper{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}/*!@.resize*/.resize.sc-p-cropper{resize:both!important}/*!@.gap-2*/.gap-2.sc-p-cropper{gap:.5rem!important}/*!@.rounded*/.rounded.sc-p-cropper{border-radius:.25rem!important}/*!@.border-b*/.border-b.sc-p-cropper{border-bottom-width:1px!important}/*!@.border-solid*/.border-solid.sc-p-cropper{border-style:solid!important}/*!@.border-mystic-medium*/.border-mystic-medium.sc-p-cropper{--tw-border-opacity:1!important;border-color:rgb(227 236 243/var(--tw-border-opacity))!important}/*!@.bg-white*/.bg-white.sc-p-cropper{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}/*!@.px-14*/.px-14.sc-p-cropper{padding-left:3.5rem!important;padding-right:3.5rem!important}/*!@.text-storm-vague*/.text-storm-vague.sc-p-cropper{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity))!important}@media (min-width:40rem){/*!@.tablet\\:max-w-xs*/.tablet\\:max-w-xs.sc-p-cropper{max-width:20rem!important}/*!@.tablet\\:px-1*/.tablet\\:px-1.sc-p-cropper{padding-left:.25rem!important;padding-right:.25rem!important}}";
14914
+ const cropperComponentCss = "/*!@.relative*/.relative.sc-p-cropper{position:relative!important}/*!@.-mt-\\[6px\\]*/.-mt-\\[6px\\].sc-p-cropper{margin-top:-6px!important}/*!@.mb-6*/.mb-6.sc-p-cropper{margin-bottom:1.5rem!important}/*!@.flex*/.flex.sc-p-cropper{display:flex!important}/*!@.h-4*/.h-4.sc-p-cropper{height:1rem!important}/*!@.h-\\[2px\\]*/.h-\\[2px\\].sc-p-cropper{height:2px!important}/*!@.w-4*/.w-4.sc-p-cropper{width:1rem!important}/*!@.w-full*/.w-full.sc-p-cropper{width:100%!important}/*!@.appearance-none*/.appearance-none.sc-p-cropper{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}/*!@.flex-col*/.flex-col.sc-p-cropper{flex-direction:column!important}/*!@.items-center*/.items-center.sc-p-cropper{align-items:center!important}/*!@.justify-between*/.justify-between.sc-p-cropper{justify-content:space-between!important}/*!@.rounded-round*/.rounded-round.sc-p-cropper{border-radius:100%!important}/*!@.border-0*/.border-0.sc-p-cropper{border-width:0!important}/*!@**/*.sc-p-cropper{box-sizing:border-box}/*!@:host*/.sc-p-cropper-h{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:space-between;margin-bottom:1.5rem;width:100%}/*!@:host .p-input[type=range]*/.sc-p-cropper-h .p-input[type=range].sc-p-cropper{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;position:relative}/*!@:host .p-input[type=range]::-webkit-slider-runnable-track*/.sc-p-cropper-h .p-input[type=range].sc-p-cropper::-webkit-slider-runnable-track{--tw-bg-opacity:1;background-color:rgb(218 230 240/var(--tw-bg-opacity));height:2px}/*!@:host .p-input[type=range]::-moz-range-track*/.sc-p-cropper-h .p-input[type=range].sc-p-cropper::-moz-range-track{--tw-bg-opacity:1;background-color:rgb(218 230 240/var(--tw-bg-opacity));height:2px}/*!@:host .p-input[type=range]::-moz-range-thumb,:host .p-input[type=range]::-webkit-slider-thumb*/.sc-p-cropper-h .p-input[type=range].sc-p-cropper::-moz-range-thumb,.sc-p-cropper-h .p-input[type=range].sc-p-cropper::-webkit-slider-thumb{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity));border-radius:100%;border-width:0;height:1rem;width:1rem}/*!@:host .p-input[type=range]::-webkit-slider-thumb*/.sc-p-cropper-h .p-input[type=range].sc-p-cropper::-webkit-slider-thumb{margin-top:-6px}/*!@.static*/.static.sc-p-cropper{position:static!important}/*!@.hidden*/.hidden.sc-p-cropper{display:none!important}/*!@.h-\\[17\\.5rem\\]*/.h-\\[17\\.5rem\\].sc-p-cropper{height:17.5rem!important}/*!@.transform*/.transform.sc-p-cropper{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}/*!@.resize*/.resize.sc-p-cropper{resize:both!important}/*!@.gap-2*/.gap-2.sc-p-cropper{gap:.5rem!important}/*!@.rounded*/.rounded.sc-p-cropper{border-radius:.25rem!important}/*!@.border-b*/.border-b.sc-p-cropper{border-bottom-width:1px!important}/*!@.border-solid*/.border-solid.sc-p-cropper{border-style:solid!important}/*!@.border-mystic-medium*/.border-mystic-medium.sc-p-cropper{--tw-border-opacity:1!important;border-color:rgb(227 236 243/var(--tw-border-opacity))!important}/*!@.bg-white*/.bg-white.sc-p-cropper{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}/*!@.px-14*/.px-14.sc-p-cropper{padding-left:3.5rem!important;padding-right:3.5rem!important}/*!@.text-storm-vague*/.text-storm-vague.sc-p-cropper{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity))!important}@media (min-width:40rem){/*!@.tablet\\:max-w-xs*/.tablet\\:max-w-xs.sc-p-cropper{max-width:20rem!important}/*!@.tablet\\:px-1*/.tablet\\:px-1.sc-p-cropper{padding-left:.25rem!important;padding-right:.25rem!important}}";
14915
14915
 
14916
14916
  class Cropper {
14917
14917
  constructor(hostRef) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@paperless/core",
3
- "version": "1.11.0",
3
+ "version": "1.11.2",
4
4
  "description": "Stencil Component Starter",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -1,2 +0,0 @@
1
- import{r as t,h as i,H as r}from"./p-e4d5e7a7.js";const a=".inline-block{display:inline-block!important}.h-\\[3\\.125rem\\]{height:3.125rem!important}.h-\\[6\\.5rem\\]{height:6.5rem!important}.w-16{width:4rem!important}.w-8{width:2rem!important}.w-\\[3\\.125rem\\]{width:3.125rem!important}.w-\\[6\\.5rem\\]{width:6.5rem!important}.rounded{border-radius:.25rem!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}*{box-sizing:border-box}p-avatar{display:inline-block;flex-shrink:0}p-avatar>img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}p-avatar[size=small]>img{height:2rem;width:2rem}p-avatar[size=medium]>img{height:3.125rem;width:3.125rem}p-avatar[size=large]>img{height:4rem;width:4rem}p-avatar[size=xlarge]>img{height:6.5rem;width:6.5rem}p-avatar[variant=company]>img{border-radius:.25rem}p-avatar[variant=company][size=large]>img,p-avatar[variant=company][size=medium]>img{border-radius:.375rem}p-avatar[variant=user]>img{border-radius:100%}.static{position:static!important}";const e=class{constructor(i){t(this,i);this.variant="user";this.size="medium";this.defaultImage=undefined;this.src=undefined;this._src=undefined}onSrchChange(t){this._src=t}componentWillLoad(){this.onSrchChange(this.src);if(!this._src){this._setDefaultLink()}}render(){return i(r,{class:"p-avatar"},i("img",{src:this._src,onError:()=>this._setDefaultLink()}))}_setDefaultLink(){var t;this._src=(t=this.defaultImage)!==null&&t!==void 0?t:this.variant==="user"?"/assets/images/avatar/user-default.svg":"/assets/images/avatar/company-default.svg"}static get watchers(){return{src:["onSrchChange"]}}};e.style=a;export{e as p_avatar};
2
- //# sourceMappingURL=p-ff655fd0.entry.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["avatarComponentCss","Avatar","onSrchChange","src","this","_src","componentWillLoad","_setDefaultLink","render","h","Host","class","onError","_a","defaultImage","variant"],"sources":["src/components/atoms/avatar/avatar.component.scss?tag=p-avatar","src/components/atoms/avatar/avatar.component.tsx"],"sourcesContent":["p-avatar {\n @apply inline-block flex-shrink-0;\n\n > img {\n @apply object-cover object-center;\n }\n\n &[size='small'] > img {\n @apply w-8 h-8;\n }\n\n &[size='medium'] > img {\n @apply w-[3.125rem] h-[3.125rem];\n }\n\n &[size='large'] > img {\n @apply w-16 h-16;\n }\n\n &[size='xlarge'] > img {\n @apply w-[6.5rem] h-[6.5rem];\n }\n\n &[variant='company'] {\n > img {\n @apply rounded;\n }\n\n &[size='medium'],\n &[size='large'] {\n > img {\n @apply rounded-large;\n }\n }\n }\n\n &[variant='user'] > img {\n @apply rounded-round;\n }\n}\n","import { Component, h, Host, Prop, State, Watch } from '@stencil/core';\n\n@Component({\n tag: 'p-avatar',\n styleUrl: 'avatar.component.scss',\n // shadow: true,\n})\nexport class Avatar {\n /**\n * The variant of the avatar\n */\n @Prop({ reflect: true }) variant: 'user' | 'company' = 'user';\n\n /**\n * The size of the avatar\n */\n @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' | 'xlarge' =\n 'medium';\n\n /**\n * The default image to show on errors\n */\n @Prop() defaultImage: string;\n\n /**\n * The image used for the avatar\n */\n @Prop() src!: string;\n\n @State() private _src: string;\n\n @Watch('src')\n onSrchChange(src: string) {\n this._src = src;\n }\n\n componentWillLoad() {\n this.onSrchChange(this.src);\n if (!this._src) {\n this._setDefaultLink();\n }\n }\n\n render() {\n return (\n <Host class=\"p-avatar\">\n <img src={this._src} onError={() => this._setDefaultLink()} />\n </Host>\n );\n }\n\n private _setDefaultLink() {\n this._src =\n this.defaultImage ??\n (this.variant === 'user'\n ? '/assets/images/avatar/user-default.svg'\n : '/assets/images/avatar/company-default.svg');\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAqB,q+B,MCOdC,EAAM,M,sCAIwC,O,UAMnD,S,mEAeJ,YAAAC,CAAaC,GACTC,KAAKC,KAAOF,C,CAGhB,iBAAAG,GACIF,KAAKF,aAAaE,KAAKD,KACvB,IAAKC,KAAKC,KAAM,CACZD,KAAKG,iB,EAIb,MAAAC,GACI,OACIC,EAACC,EAAI,CAACC,MAAM,YACRF,EAAA,OAAKN,IAAKC,KAAKC,KAAMO,QAAS,IAAMR,KAAKG,oB,CAK7C,eAAAA,G,MACJH,KAAKC,MACDQ,EAAAT,KAAKU,gBAAY,MAAAD,SAAA,EAAAA,EAChBT,KAAKW,UAAY,OACZ,yCACA,2C"}
@@ -1,2 +0,0 @@
1
- import{r as t,h as i,H as r}from"./p-e4d5e7a7.js";const a=".inline-block{display:inline-block!important}.h-\\[3\\.125rem\\]{height:3.125rem!important}.h-\\[6\\.5rem\\]{height:6.5rem!important}.w-16{width:4rem!important}.w-8{width:2rem!important}.w-\\[3\\.125rem\\]{width:3.125rem!important}.w-\\[6\\.5rem\\]{width:6.5rem!important}.rounded{border-radius:.25rem!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}*{box-sizing:border-box}p-avatar{display:inline-block;flex-shrink:0}p-avatar>img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}p-avatar[size=small]>img{height:2rem;width:2rem}p-avatar[size=medium]>img{height:3.125rem;width:3.125rem}p-avatar[size=large]>img{height:4rem;width:4rem}p-avatar[size=xlarge]>img{height:6.5rem;width:6.5rem}p-avatar[variant=company]>img{border-radius:.25rem}p-avatar[variant=company][size=large]>img,p-avatar[variant=company][size=medium]>img{border-radius:.375rem}p-avatar[variant=user]>img{border-radius:100%}.static{position:static!important}";const e=class{constructor(i){t(this,i);this.variant="user";this.size="medium";this.defaultImage=undefined;this.src=undefined;this._src=undefined}onSrchChange(t){this._src=t}componentWillLoad(){this.onSrchChange(this.src);if(!this._src){this._setDefaultLink()}}render(){return i(r,{class:"p-avatar"},i("img",{src:this._src,onError:()=>this._setDefaultLink()}))}_setDefaultLink(){var t;this._src=(t=this.defaultImage)!==null&&t!==void 0?t:this.variant==="user"?"/assets/images/avatar/user-default.svg":"/assets/images/avatar/company-default.svg"}static get watchers(){return{src:["onSrchChange"]}}};e.style=a;export{e as p_avatar};
2
- //# sourceMappingURL=p-ff655fd0.entry.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["avatarComponentCss","Avatar","onSrchChange","src","this","_src","componentWillLoad","_setDefaultLink","render","h","Host","class","onError","_a","defaultImage","variant"],"sources":["src/components/atoms/avatar/avatar.component.scss?tag=p-avatar","src/components/atoms/avatar/avatar.component.tsx"],"sourcesContent":["p-avatar {\n @apply inline-block flex-shrink-0;\n\n > img {\n @apply object-cover object-center;\n }\n\n &[size='small'] > img {\n @apply w-8 h-8;\n }\n\n &[size='medium'] > img {\n @apply w-[3.125rem] h-[3.125rem];\n }\n\n &[size='large'] > img {\n @apply w-16 h-16;\n }\n\n &[size='xlarge'] > img {\n @apply w-[6.5rem] h-[6.5rem];\n }\n\n &[variant='company'] {\n > img {\n @apply rounded;\n }\n\n &[size='medium'],\n &[size='large'] {\n > img {\n @apply rounded-large;\n }\n }\n }\n\n &[variant='user'] > img {\n @apply rounded-round;\n }\n}\n","import { Component, h, Host, Prop, State, Watch } from '@stencil/core';\n\n@Component({\n tag: 'p-avatar',\n styleUrl: 'avatar.component.scss',\n // shadow: true,\n})\nexport class Avatar {\n /**\n * The variant of the avatar\n */\n @Prop({ reflect: true }) variant: 'user' | 'company' = 'user';\n\n /**\n * The size of the avatar\n */\n @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' | 'xlarge' =\n 'medium';\n\n /**\n * The default image to show on errors\n */\n @Prop() defaultImage: string;\n\n /**\n * The image used for the avatar\n */\n @Prop() src!: string;\n\n @State() private _src: string;\n\n @Watch('src')\n onSrchChange(src: string) {\n this._src = src;\n }\n\n componentWillLoad() {\n this.onSrchChange(this.src);\n if (!this._src) {\n this._setDefaultLink();\n }\n }\n\n render() {\n return (\n <Host class=\"p-avatar\">\n <img src={this._src} onError={() => this._setDefaultLink()} />\n </Host>\n );\n }\n\n private _setDefaultLink() {\n this._src =\n this.defaultImage ??\n (this.variant === 'user'\n ? '/assets/images/avatar/user-default.svg'\n : '/assets/images/avatar/company-default.svg');\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAqB,q+B,MCOdC,EAAM,M,sCAIwC,O,UAMnD,S,mEAeJ,YAAAC,CAAaC,GACTC,KAAKC,KAAOF,C,CAGhB,iBAAAG,GACIF,KAAKF,aAAaE,KAAKD,KACvB,IAAKC,KAAKC,KAAM,CACZD,KAAKG,iB,EAIb,MAAAC,GACI,OACIC,EAACC,EAAI,CAACC,MAAM,YACRF,EAAA,OAAKN,IAAKC,KAAKC,KAAMO,QAAS,IAAMR,KAAKG,oB,CAK7C,eAAAA,G,MACJH,KAAKC,MACDQ,EAAAT,KAAKU,gBAAY,MAAAD,SAAA,EAAAA,EAChBT,KAAKW,UAAY,OACZ,yCACA,2C"}