@paperless/core 2.2.17 → 2.3.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 (91) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/dist/build/p-27b62457.entry.js +2 -0
  3. package/dist/build/p-27b62457.entry.js.map +1 -0
  4. package/dist/build/{p-982c05d5.entry.js → p-43216955.entry.js} +2 -2
  5. package/dist/build/p-43216955.entry.js.map +1 -0
  6. package/dist/build/{p-5a37143b.js → p-56f711c5.js} +1 -1
  7. package/dist/build/{p-fdb85aef.entry.js → p-925d7ffc.entry.js} +2 -2
  8. package/dist/build/p-925d7ffc.entry.js.map +1 -0
  9. package/dist/build/p-datepicker.entry.esm.js.map +1 -1
  10. package/dist/build/p-field.p-field-container.entry.esm.js.map +1 -1
  11. package/dist/build/p-helper.p-tooltip.entry.esm.js.map +1 -1
  12. package/dist/build/paperless.esm.js +1 -1
  13. package/dist/cjs/loader.cjs.js +1 -1
  14. package/dist/cjs/p-datepicker.cjs.entry.js +1 -1
  15. package/dist/cjs/p-datepicker.cjs.entry.js.map +1 -1
  16. package/dist/cjs/p-datepicker.entry.cjs.js.map +1 -1
  17. package/dist/cjs/p-field.p-field-container.entry.cjs.js.map +1 -1
  18. package/dist/cjs/p-field_2.cjs.entry.js +10 -5
  19. package/dist/cjs/p-field_2.cjs.entry.js.map +1 -1
  20. package/dist/cjs/p-helper.p-tooltip.entry.cjs.js.map +1 -1
  21. package/dist/cjs/p-helper_2.cjs.entry.js +9 -0
  22. package/dist/cjs/p-helper_2.cjs.entry.js.map +1 -1
  23. package/dist/cjs/paperless.cjs.js +1 -1
  24. package/dist/collection/components/atoms/tooltip/tooltip.component.js +9 -0
  25. package/dist/collection/components/atoms/tooltip/tooltip.component.js.map +1 -1
  26. package/dist/collection/components/molecules/datepicker/datepicker.component.js +1 -1
  27. package/dist/collection/components/molecules/datepicker/datepicker.component.js.map +1 -1
  28. package/dist/collection/components/molecules/field/container/field-container.component.js +2 -2
  29. package/dist/collection/components/molecules/field/container/field-container.component.js.map +1 -1
  30. package/dist/collection/components/molecules/field/field/field.component.js +28 -3
  31. package/dist/collection/components/molecules/field/field/field.component.js.map +1 -1
  32. package/dist/components/{p-CH64wrKS.js → p-BRnY1zdf.js} +11 -2
  33. package/dist/components/p-BRnY1zdf.js.map +1 -0
  34. package/dist/components/{p-Bs_mDdx4.js → p-C01CxOX-.js} +6 -6
  35. package/dist/components/p-C01CxOX-.js.map +1 -0
  36. package/dist/components/{p-PqgdU5A2.js → p-CxB7Mle4.js} +3 -3
  37. package/dist/components/{p-PqgdU5A2.js.map → p-CxB7Mle4.js.map} +1 -1
  38. package/dist/components/{p-Ds64b3s1.js → p-DsIrbX0y.js} +3 -3
  39. package/dist/components/{p-Ds64b3s1.js.map → p-DsIrbX0y.js.map} +1 -1
  40. package/dist/components/{p-Blu0TY1E.js → p-aCVE8yBd.js} +14 -8
  41. package/dist/components/p-aCVE8yBd.js.map +1 -0
  42. package/dist/components/p-attachment.js +3 -3
  43. package/dist/components/{p-CIlf0SJ-.js → p-c28tJtDm.js} +6 -6
  44. package/dist/components/{p-CIlf0SJ-.js.map → p-c28tJtDm.js.map} +1 -1
  45. package/dist/components/p-calendar.js +1 -1
  46. package/dist/components/p-datepicker.js +6 -6
  47. package/dist/components/p-datepicker.js.map +1 -1
  48. package/dist/components/p-field-container.js +1 -1
  49. package/dist/components/p-field.js +1 -1
  50. package/dist/components/p-helper.js +1 -1
  51. package/dist/components/p-select.js +4 -4
  52. package/dist/components/p-table-header.js +1 -1
  53. package/dist/components/p-table.js +5 -5
  54. package/dist/components/p-tooltip.js +1 -1
  55. package/dist/esm/loader.js +1 -1
  56. package/dist/esm/p-datepicker.entry.js +1 -1
  57. package/dist/esm/p-datepicker.entry.js.map +1 -1
  58. package/dist/esm/p-field.p-field-container.entry.js.map +1 -1
  59. package/dist/esm/p-field_2.entry.js +10 -5
  60. package/dist/esm/p-field_2.entry.js.map +1 -1
  61. package/dist/esm/p-helper.p-tooltip.entry.js.map +1 -1
  62. package/dist/esm/p-helper_2.entry.js +9 -0
  63. package/dist/esm/p-helper_2.entry.js.map +1 -1
  64. package/dist/esm/paperless.js +1 -1
  65. package/dist/index.html +1 -1
  66. package/dist/paperless/p-27b62457.entry.js +2 -0
  67. package/dist/paperless/p-27b62457.entry.js.map +1 -0
  68. package/dist/paperless/{p-982c05d5.entry.js → p-43216955.entry.js} +2 -2
  69. package/dist/paperless/p-43216955.entry.js.map +1 -0
  70. package/dist/paperless/{p-fdb85aef.entry.js → p-925d7ffc.entry.js} +2 -2
  71. package/dist/paperless/p-925d7ffc.entry.js.map +1 -0
  72. package/dist/paperless/p-datepicker.entry.esm.js.map +1 -1
  73. package/dist/paperless/p-field.p-field-container.entry.esm.js.map +1 -1
  74. package/dist/paperless/p-helper.p-tooltip.entry.esm.js.map +1 -1
  75. package/dist/paperless/paperless.esm.js +1 -1
  76. package/dist/sw.js +1 -1
  77. package/dist/sw.js.map +1 -1
  78. package/dist/types/components/molecules/field/field/field.component.d.ts +4 -0
  79. package/dist/types/components.d.ts +8 -0
  80. package/package.json +1 -1
  81. package/dist/build/p-982c05d5.entry.js.map +0 -1
  82. package/dist/build/p-f13b147d.entry.js +0 -2
  83. package/dist/build/p-f13b147d.entry.js.map +0 -1
  84. package/dist/build/p-fdb85aef.entry.js.map +0 -1
  85. package/dist/components/p-Blu0TY1E.js.map +0 -1
  86. package/dist/components/p-Bs_mDdx4.js.map +0 -1
  87. package/dist/components/p-CH64wrKS.js.map +0 -1
  88. package/dist/paperless/p-982c05d5.entry.js.map +0 -1
  89. package/dist/paperless/p-f13b147d.entry.js +0 -2
  90. package/dist/paperless/p-f13b147d.entry.js.map +0 -1
  91. package/dist/paperless/p-fdb85aef.entry.js.map +0 -1
@@ -1,2 +1,2 @@
1
- import{r as t,h as i,H as e,c as r,g as o}from"./p-DhGo7hbh.js";import{a,c as n,o as s,f as p,s as h}from"./p-DGLCmOXW.js";import{c as m}from"./p-CBWjHURv.js";import"./p-ChV9xqsO.js";const c=".inline-flex{display:inline-flex!important}.h-\\[0\\.875rem\\]{height:.875rem!important}.w-\\[0\\.875rem\\]{width:.875rem!important}*{box-sizing:border-box}:host{display:inline-flex;height:.875rem;width:.875rem}.absolute{position:absolute!important}.flex{display:flex!important}.cursor-pointer{cursor:pointer!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.hover\\:text-storm-500:hover{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}";const l=class{constructor(i){t(this,i)}strategy="absolute";placement="top";render(){return i(e,{key:"8899bfd31958b88720ef423144519808aa91ffee"},i("p-tooltip",{key:"4adc9e541d6767e621a7145f1eb8f3c21a038c44",class:"flex",placement:this.placement,strategy:this.strategy},i("p-icon",{key:"2f5871acc448563ca5d923d2b1eff3be54e4f2a7",size:"sm",class:"cursor-pointer text-storm-300 hover:text-storm-500",variant:"question-circle",slot:"trigger"}),i("div",{key:"bb3564c14c8ee2f42e3c9f1263d2dceb19755b12",slot:"content"},i("slot",{key:"efcfa0c079621f420a3399232aa537f9f94f00ab"}))))}};l.style=c;const d=".relative{position:relative!important}.h-inherit{height:inherit!important}.w-inherit{width:inherit!important}.max-w-full{max-width:100%!important}*{box-sizing:border-box}:host{cursor:pointer;height:inherit;max-width:100%;position:relative;width:inherit}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.z-tooltip{z-index:601!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.w-\\[2px\\]{width:2px!important}.w-full{width:100%!important}.w-max{width:max-content!important}.max-w-\\[14\\.5rem\\]{max-width:14.5rem!important}.max-w-\\[18rem\\]{max-width:18rem!important}.gap-2{gap:.5rem!important}.whitespace-normal{white-space:normal!important}.rounded-lg{border-radius:.5rem!important}.bg-negative-red-500{--tw-bg-opacity:1!important;background-color:rgb(230 30 30/var(--tw-bg-opacity,1))!important}.bg-storm-500{background-color:rgb(24 30 41/var(--tw-bg-opacity,1))!important}.bg-storm-500,.bg-white{--tw-bg-opacity:1!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-storm-300{color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.text-storm-300,.text-white{--tw-text-opacity:1!important}.text-white{color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.opacity-0{opacity:0!important}.opacity-100{opacity:1!important}.blur{--tw-blur:blur(8px)!important}.blur,.drop-shadow-3{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-3{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08)) drop-shadow(0 2px 2px rgba(0,2,2,.08)) drop-shadow(0 4px 4px rgba(0,2,2,.08))!important}.transition-opacity{transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}";const b=m(["inline-block px-2","text-xs","opacity-0 drop-shadow-3 transition-opacity","rounded-lg","z-tooltip","pointer-events-none"],{variants:{variant:{hover:"bg-storm-500 text-white py-1 max-w-[14.5rem]",click:"max-w-[18rem]",error:"max-w-full w-full"},strategy:{fixed:"fixed",absolute:"absolute"}},compoundVariants:[{variant:["hover","click"],class:"w-max"},{variant:["click","error"],class:"bg-white text-storm-300 py-2"}]});const f=class{constructor(i){t(this,i);this.isOpen=r(this,"isOpen",3)}variant="hover";content;placement;offset=8;strategy="absolute";enableUserInput=true;show=false;canManuallyClose=true;isOpen;get _el(){return o(this)}_hasContentSlot=false;_loaded=false;_popover;_cleanup;componentWillLoad(){this._hasContentSlot=!!this._el.querySelector(':scope > [slot="content"]')}componentShouldUpdate(){this._update()}disconnectedCallback(){if(this._cleanup){this._cleanup();this._cleanup=null}}render(){return i(e,{key:"75b608f15d0f98b15c759da8f78cef0fdaf63ed5"},i("slot",{key:"7a18ea809847c49109a831fc5c2687e60953c835",name:"trigger"}),i("div",{key:"6918e9eb6b59bf45c2a4a819965a221c2378ca82",class:b({variant:this.variant,strategy:this.strategy}),role:"popover","data-placement":this.placement,ref:t=>this._load(t)},i("div",{key:"eb2d7815f1975b4e27e9e002aa8940ebd90a9850",class:"flex gap-2 whitespace-normal"},this.variant==="error"&&i("div",{key:"498104a0d2da848b70240480f10fff06273c7dae",class:"w-[2px] bg-negative-red-500"}),this.content?this.content:i("slot",{name:"content"}))))}clickHandler(){if(this.variant==="hover"||!this.enableUserInput){return}if(this._popover.hasAttribute("data-show")){return}this._show()}documentClickHandler(){if(this.variant==="hover"||!this.canManuallyClose||this.show){return}if(!this._popover.hasAttribute("data-show")){return}this._hide()}mouseEnterHandler(){if(this.variant!=="hover"||!this.enableUserInput){return}this._show()}mouseLeaveHandler(){if(this.show||this.variant!=="hover"||!this.enableUserInput){return}this._hide()}onShowChange(t){if(t&&!this._popover.hasAttribute("data-show")){return this._show()}return this._hide()}onContentChange(t){if(!t||t.length>0){return}this._hide()}_show(){if(!this._loaded){return}if(!this.content?.length&&!this._hasContentSlot){if(this._popover.hasAttribute("data-show")){this._hide()}return}this._cleanup=a(this._el,this._popover,(()=>this._update()));this._popover.setAttribute("data-show","");this._popover.classList.remove("opacity-0","pointer-events-none");this._popover.classList.add("opacity-100","pointer-events-auto");this.isOpen.emit(true)}_hide(){if(!this._loaded){return}if(this._cleanup){this._cleanup();this._cleanup=null}this._popover.removeAttribute("data-show");this._popover.classList.remove("opacity-100","pointer-events-auto");this._popover.classList.add("opacity-0","pointer-events-none");this.isOpen.emit(false)}_load(t){this._popover=t;if(t){this._update();this._loaded=true;if(this.show){setTimeout((()=>this._show()),100)}}}_update(){if(!this._popover){return}n(this._el,this._popover,{placement:this.variant==="error"&&!this.placement?"bottom-start":this.placement??"top",strategy:this.strategy,middleware:[s(this.offset),p(),h()]}).then((({x:t,y:i,placement:e})=>{this._popover.dataset.placement=e;Object.assign(this._popover.style,{top:`${i}px`,left:`${t}px`})}))}static get watchers(){return{show:["onShowChange"],content:["onContentChange"]}}};f.style=d;export{l as p_helper,f as p_tooltip};
2
- //# sourceMappingURL=p-fdb85aef.entry.js.map
1
+ import{r as t,h as i,H as e,c as r,g as o}from"./p-DhGo7hbh.js";import{a,c as n,o as s,f as p,s as h}from"./p-DGLCmOXW.js";import{c as m}from"./p-CBWjHURv.js";import"./p-ChV9xqsO.js";const c=".inline-flex{display:inline-flex!important}.h-\\[0\\.875rem\\]{height:.875rem!important}.w-\\[0\\.875rem\\]{width:.875rem!important}*{box-sizing:border-box}:host{display:inline-flex;height:.875rem;width:.875rem}.absolute{position:absolute!important}.flex{display:flex!important}.cursor-pointer{cursor:pointer!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.hover\\:text-storm-500:hover{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}";const l=class{constructor(i){t(this,i)}strategy="absolute";placement="top";render(){return i(e,{key:"8899bfd31958b88720ef423144519808aa91ffee"},i("p-tooltip",{key:"4adc9e541d6767e621a7145f1eb8f3c21a038c44",class:"flex",placement:this.placement,strategy:this.strategy},i("p-icon",{key:"2f5871acc448563ca5d923d2b1eff3be54e4f2a7",size:"sm",class:"cursor-pointer text-storm-300 hover:text-storm-500",variant:"question-circle",slot:"trigger"}),i("div",{key:"bb3564c14c8ee2f42e3c9f1263d2dceb19755b12",slot:"content"},i("slot",{key:"efcfa0c079621f420a3399232aa537f9f94f00ab"}))))}};l.style=c;const d=".relative{position:relative!important}.h-inherit{height:inherit!important}.w-inherit{width:inherit!important}.max-w-full{max-width:100%!important}*{box-sizing:border-box}:host{cursor:pointer;height:inherit;max-width:100%;position:relative;width:inherit}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.z-tooltip{z-index:601!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.w-\\[2px\\]{width:2px!important}.w-full{width:100%!important}.w-max{width:max-content!important}.max-w-\\[14\\.5rem\\]{max-width:14.5rem!important}.max-w-\\[18rem\\]{max-width:18rem!important}.gap-2{gap:.5rem!important}.whitespace-normal{white-space:normal!important}.rounded-lg{border-radius:.5rem!important}.bg-negative-red-500{--tw-bg-opacity:1!important;background-color:rgb(230 30 30/var(--tw-bg-opacity,1))!important}.bg-storm-500{background-color:rgb(24 30 41/var(--tw-bg-opacity,1))!important}.bg-storm-500,.bg-white{--tw-bg-opacity:1!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-storm-300{color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.text-storm-300,.text-white{--tw-text-opacity:1!important}.text-white{color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.opacity-0{opacity:0!important}.opacity-100{opacity:1!important}.blur{--tw-blur:blur(8px)!important}.blur,.drop-shadow-3{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-3{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08)) drop-shadow(0 2px 2px rgba(0,2,2,.08)) drop-shadow(0 4px 4px rgba(0,2,2,.08))!important}.transition-opacity{transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}";const f=m(["inline-block px-2","text-xs","opacity-0 drop-shadow-3 transition-opacity","rounded-lg","z-tooltip","pointer-events-none"],{variants:{variant:{hover:"bg-storm-500 text-white py-1 max-w-[14.5rem]",click:"max-w-[18rem]",error:"max-w-full w-full"},strategy:{fixed:"fixed",absolute:"absolute"}},compoundVariants:[{variant:["hover","click"],class:"w-max"},{variant:["click","error"],class:"bg-white text-storm-300 py-2"}]});const b=class{constructor(i){t(this,i);this.isOpen=r(this,"isOpen",3)}variant="hover";content;placement;offset=8;strategy="absolute";enableUserInput=true;show=false;canManuallyClose=true;isOpen;get _el(){return o(this)}_hasContentSlot=false;_loaded=false;_popover;_cleanup;componentWillLoad(){this._hasContentSlot=!!this._el.querySelector(':scope > [slot="content"]')}componentShouldUpdate(){this._update()}disconnectedCallback(){if(this._cleanup){this._cleanup();this._cleanup=null}}render(){return i(e,{key:"75b608f15d0f98b15c759da8f78cef0fdaf63ed5"},i("slot",{key:"7a18ea809847c49109a831fc5c2687e60953c835",name:"trigger"}),i("div",{key:"6918e9eb6b59bf45c2a4a819965a221c2378ca82",class:f({variant:this.variant,strategy:this.strategy}),role:"popover","data-placement":this.placement,ref:t=>this._load(t)},i("div",{key:"eb2d7815f1975b4e27e9e002aa8940ebd90a9850",class:"flex gap-2 whitespace-normal"},this.variant==="error"&&i("div",{key:"498104a0d2da848b70240480f10fff06273c7dae",class:"w-[2px] bg-negative-red-500"}),this.content?this.content:i("slot",{name:"content"}))))}clickHandler(){if(this.variant==="hover"||!this.enableUserInput){return}if(!this._popover){return}if(this._popover.hasAttribute("data-show")){return}this._show()}documentClickHandler(){if(this.variant==="hover"||!this.canManuallyClose||this.show){return}if(!this._popover){return}if(!this._popover.hasAttribute("data-show")){return}this._hide()}mouseEnterHandler(){if(this.variant!=="hover"||!this.enableUserInput){return}this._show()}mouseLeaveHandler(){if(this.show||this.variant!=="hover"||!this.enableUserInput){return}this._hide()}onShowChange(t){if(!this._popover){return}if(t&&!this._popover.hasAttribute("data-show")){return this._show()}return this._hide()}onContentChange(t){if(!t||t.length>0){return}this._hide()}_show(){if(!this._loaded){return}if(!this.content?.length&&!this._hasContentSlot){if(this._popover.hasAttribute("data-show")){this._hide()}return}this._cleanup=a(this._el,this._popover,(()=>this._update()));this._popover.setAttribute("data-show","");this._popover.classList.remove("opacity-0","pointer-events-none");this._popover.classList.add("opacity-100","pointer-events-auto");this.isOpen.emit(true)}_hide(){if(!this._loaded){return}if(this._cleanup){this._cleanup();this._cleanup=null}this._popover.removeAttribute("data-show");this._popover.classList.remove("opacity-100","pointer-events-auto");this._popover.classList.add("opacity-0","pointer-events-none");this.isOpen.emit(false)}_load(t){this._popover=t;if(t){this._update();this._loaded=true;if(this.show){setTimeout((()=>this._show()),100)}}}_update(){if(!this._popover){return}n(this._el,this._popover,{placement:this.variant==="error"&&!this.placement?"bottom-start":this.placement??"top",strategy:this.strategy,middleware:[s(this.offset),p(),h()]}).then((({x:t,y:i,placement:e})=>{this._popover.dataset.placement=e;Object.assign(this._popover.style,{top:`${i}px`,left:`${t}px`})}))}static get watchers(){return{show:["onShowChange"],content:["onContentChange"]}}};b.style=d;export{l as p_helper,b as p_tooltip};
2
+ //# sourceMappingURL=p-925d7ffc.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["helperComponentCss","Helper","strategy","placement","render","h","Host","key","class","this","size","variant","slot","tooltipComponentCss","popover","cva","variants","hover","click","error","fixed","absolute","compoundVariants","Tooltip","content","offset","enableUserInput","show","canManuallyClose","isOpen","_hasContentSlot","_loaded","_popover","_cleanup","componentWillLoad","_el","querySelector","componentShouldUpdate","_update","disconnectedCallback","name","role","ref","el","_load","clickHandler","hasAttribute","_show","documentClickHandler","_hide","mouseEnterHandler","mouseLeaveHandler","onShowChange","onContentChange","length","autoUpdate","setAttribute","classList","remove","add","emit","removeAttribute","setTimeout","computePosition","middleware","flip","shift","then","x","y","dataset","Object","assign","style","top","left"],"sources":["src/components/atoms/helper/helper.component.css?tag=p-helper&encapsulation=shadow","src/components/atoms/helper/helper.component.tsx","src/components/atoms/tooltip/tooltip.component.css?tag=p-tooltip&encapsulation=shadow","src/components/atoms/tooltip/tooltip.component.tsx"],"sourcesContent":[":host {\n\t@apply inline-flex h-[0.875rem] w-[0.875rem];\n}\n","import { Placement, Strategy } from '@floating-ui/dom';\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-helper',\n\tstyleUrl: 'helper.component.css',\n\tshadow: true,\n})\nexport class Helper {\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * The placement of the helper popover\n\t */\n\t@Prop() placement: Placement = 'top';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<p-tooltip\n\t\t\t\t\tclass='flex'\n\t\t\t\t\tplacement={this.placement}\n\t\t\t\t\tstrategy={this.strategy}\n\t\t\t\t>\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\tclass='cursor-pointer text-storm-300 hover:text-storm-500'\n\t\t\t\t\t\tvariant='question-circle'\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t/>\n\n\t\t\t\t\t<div slot='content'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</p-tooltip>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n",":host {\n\t@apply relative h-inherit w-inherit max-w-full cursor-pointer;\n}\n","import {\n\tautoUpdate,\n\tcomputePosition,\n\tflip,\n\toffset,\n\tPlacement,\n\tshift,\n\tStrategy,\n} from '@floating-ui/dom';\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tWatch,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst popover = cva(\n\t[\n\t\t'inline-block px-2',\n\t\t'text-xs',\n\t\t'opacity-0 drop-shadow-3 transition-opacity',\n\t\t'rounded-lg',\n\n\t\t'z-tooltip',\n\t\t'pointer-events-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\thover: 'bg-storm-500 text-white py-1 max-w-[14.5rem]',\n\t\t\t\tclick: 'max-w-[18rem]',\n\t\t\t\terror: 'max-w-full w-full',\n\t\t\t},\n\t\t\tstrategy: {\n\t\t\t\tfixed: 'fixed',\n\t\t\t\tabsolute: 'absolute',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: ['hover', 'click'],\n\t\t\t\tclass: 'w-max',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['click', 'error'],\n\t\t\t\tclass: 'bg-white text-storm-300 py-2',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-tooltip',\n\tstyleUrl: 'tooltip.component.css',\n\tshadow: true,\n})\nexport class Tooltip {\n\t/**\n\t * The variant of the popover\n\t */\n\t@Prop() variant: 'hover' | 'click' | 'error' = 'hover';\n\n\t/**\n\t * The content of the popover\n\t */\n\t@Prop() content: string;\n\n\t/**\n\t * The placement of the popover\n\t */\n\t@Prop() placement: Placement;\n\n\t/**\n\t * The offset of the popover\n\t */\n\t@Prop() offset: number = 8;\n\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * Wether the tooltip can be shown by user input\n\t */\n\t@Prop() enableUserInput: boolean = true;\n\n\t/**\n\t * Wether to show the popover\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to someone can manually close the popover\n\t */\n\t@Prop() canManuallyClose: boolean = true;\n\n\t/**\n\t * Open change event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tisOpen: EventEmitter<boolean>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasContentSlot = false;\n\n\tprivate _loaded = false;\n\tprivate _popover: HTMLElement;\n\tprivate _cleanup: () => void;\n\n\tcomponentWillLoad() {\n\t\tthis._hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\t}\n\n\tcomponentShouldUpdate() {\n\t\tthis._update();\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<slot name='trigger' />\n\t\t\t\t<div\n\t\t\t\t\tclass={popover({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tstrategy: this.strategy,\n\t\t\t\t\t})}\n\t\t\t\t\trole='popover'\n\t\t\t\t\tdata-placement={this.placement}\n\t\t\t\t\tref={el => this._load(el)}\n\t\t\t\t>\n\t\t\t\t\t<div class='flex gap-2 whitespace-normal'>\n\t\t\t\t\t\t{this.variant === 'error' && (\n\t\t\t\t\t\t\t<div class='w-[2px] bg-negative-red-500'></div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{this.content ? this.content : <slot name='content' />}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\tprotected clickHandler() {\n\t\tif (this.variant === 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._popover) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('click', { target: 'document', capture: true })\n\tprotected documentClickHandler() {\n\t\tif (this.variant === 'hover' || !this.canManuallyClose || this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._popover) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Listen('mouseenter')\n\t@Listen('focus')\n\tprotected mouseEnterHandler() {\n\t\tif (this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('mouseleave')\n\t@Listen('blur')\n\tprotected mouseLeaveHandler() {\n\t\tif (this.show || this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Watch('show')\n\tonShowChange(show: boolean) {\n\t\tif (!this._popover) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (show && !this._popover.hasAttribute('data-show')) {\n\t\t\treturn this._show();\n\t\t}\n\n\t\treturn this._hide();\n\t}\n\n\t@Watch('content')\n\tonContentChange(content: string) {\n\t\tif (!content || content.length > 0) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\tprivate _show() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this.content?.length && !this._hasContentSlot) {\n\t\t\tif (this._popover.hasAttribute('data-show')) {\n\t\t\t\tthis._hide();\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\n\t\tthis._cleanup = autoUpdate(this._el, this._popover, () => this._update());\n\n\t\t// Make the popover visible\n\t\tthis._popover.setAttribute('data-show', '');\n\n\t\tthis._popover.classList.remove('opacity-0', 'pointer-events-none');\n\t\tthis._popover.classList.add('opacity-100', 'pointer-events-auto');\n\n\t\t// Update its position\n\t\tthis.isOpen.emit(true);\n\t}\n\n\tprivate _hide() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\n\t\t// Hide the popover\n\t\tthis._popover.removeAttribute('data-show');\n\n\t\tthis._popover.classList.remove('opacity-100', 'pointer-events-auto');\n\t\tthis._popover.classList.add('opacity-0', 'pointer-events-none');\n\n\t\tthis.isOpen.emit(false);\n\t}\n\n\tprivate _load(popover: HTMLElement) {\n\t\tthis._popover = popover;\n\n\t\tif (popover) {\n\t\t\tthis._update();\n\t\t\tthis._loaded = true;\n\n\t\t\tif (this.show) {\n\t\t\t\tsetTimeout(() => this._show(), 100);\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate _update() {\n\t\tif (!this._popover) {\n\t\t\treturn;\n\t\t}\n\n\t\tcomputePosition(this._el, this._popover, {\n\t\t\tplacement:\n\t\t\t\tthis.variant === 'error' && !this.placement\n\t\t\t\t\t? 'bottom-start'\n\t\t\t\t\t: this.placement ?? 'top',\n\t\t\tstrategy: this.strategy,\n\n\t\t\tmiddleware: [offset(this.offset), flip(), shift()],\n\t\t}).then(({ x, y, placement }) => {\n\t\t\tthis._popover.dataset.placement = placement;\n\t\t\tObject.assign(this._popover.style, {\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tleft: `${x}px`,\n\t\t\t});\n\t\t});\n\t}\n}\n"],"mappings":"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","ignoreList":[]}