@paperless/core 3.2.2 → 3.2.3

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 (159) hide show
  1. package/dist/build/{p-1ac00601.entry.js → p-102da1de.entry.js} +1 -1
  2. package/dist/{paperless/p-6ac04b16.entry.js → build/p-187a4dda.entry.js} +1 -1
  3. package/dist/build/{p-b70ee063.entry.js → p-1b85b4f5.entry.js} +1 -1
  4. package/dist/{paperless/p-8a8adc4d.entry.js → build/p-2f9a3144.entry.js} +2 -2
  5. package/dist/{paperless/p-9e1977a6.entry.js → build/p-2ff08beb.entry.js} +1 -1
  6. package/dist/{paperless/p-9889be94.entry.js → build/p-31869c91.entry.js} +1 -1
  7. package/dist/build/{p-fa2e80c6.js → p-340daf05.js} +1 -1
  8. package/dist/build/{p-047da5c9.entry.js → p-4cd9344a.entry.js} +1 -1
  9. package/dist/{paperless/p-1fa99d63.entry.js → build/p-62f87c18.entry.js} +1 -1
  10. package/dist/{paperless/p-18245eb9.entry.js → build/p-6b1c18a6.entry.js} +1 -1
  11. package/dist/build/{p-7158dacd.entry.js → p-748c6ed3.entry.js} +1 -1
  12. package/dist/build/{p-6a7ce335.entry.js → p-7868dc58.entry.js} +1 -1
  13. package/dist/build/{p-fbd4c0ed.entry.js → p-8c1a3795.entry.js} +1 -1
  14. package/dist/build/p-8d67b17e.entry.js +1 -0
  15. package/dist/build/{p-381c13a8.entry.js → p-902adabf.entry.js} +1 -1
  16. package/dist/build/p-980f3529.entry.js +1 -0
  17. package/dist/build/p-c4af6a8c.entry.js +1 -0
  18. package/dist/build/{p-cdcc28c2.entry.js → p-d6958e7a.entry.js} +1 -1
  19. package/dist/{paperless/p-eaa0079d.entry.js → build/p-df709c40.entry.js} +1 -1
  20. package/dist/build/{p-34448061.entry.js → p-e021a548.entry.js} +1 -1
  21. package/dist/build/{p-459f7a0b.entry.js → p-f13f7779.entry.js} +1 -1
  22. package/dist/build/paperless.esm.js +1 -1
  23. package/dist/cjs/p-accordion.cjs.entry.js +3 -3
  24. package/dist/cjs/p-attachment.cjs.entry.js +8 -8
  25. package/dist/cjs/p-button-group.cjs.entry.js +1 -1
  26. package/dist/cjs/p-calendar.cjs.entry.js +1 -1
  27. package/dist/cjs/p-checkbox_3.cjs.entry.js +2 -2
  28. package/dist/cjs/p-content-slider.cjs.entry.js +2 -2
  29. package/dist/cjs/p-cropper.cjs.entry.js +1 -1
  30. package/dist/cjs/p-datepicker.cjs.entry.js +2 -2
  31. package/dist/cjs/p-empty-state_8.cjs.entry.js +8 -8
  32. package/dist/cjs/p-field_3.cjs.entry.js +4 -4
  33. package/dist/cjs/p-label.cjs.entry.js +3 -3
  34. package/dist/cjs/p-listing.cjs.entry.js +2 -2
  35. package/dist/cjs/p-navbar.cjs.entry.js +1 -1
  36. package/dist/cjs/p-navigation-item.cjs.entry.js +3 -3
  37. package/dist/cjs/p-navigation-section.cjs.entry.js +1 -1
  38. package/dist/cjs/p-pagination_3.cjs.entry.js +3 -3
  39. package/dist/cjs/p-profile.cjs.entry.js +1 -1
  40. package/dist/cjs/p-range.cjs.entry.js +3 -3
  41. package/dist/cjs/p-select.cjs.entry.js +2 -2
  42. package/dist/cjs/p-toast.cjs.entry.js +1 -1
  43. package/dist/collection/components/molecules/accordion/accordion.component.css +1 -1
  44. package/dist/collection/components/molecules/accordion/accordion.component.js +2 -2
  45. package/dist/collection/components/molecules/attachment/attachment.component.js +8 -8
  46. package/dist/collection/components/molecules/button-group/button-group.component.js +1 -1
  47. package/dist/collection/components/molecules/calendar/calendar.component.js +1 -1
  48. package/dist/collection/components/molecules/content-slider/content-slider.component.js +2 -2
  49. package/dist/collection/components/molecules/cropper/cropper.component.js +1 -1
  50. package/dist/collection/components/molecules/datepicker/datepicker.component.js +2 -2
  51. package/dist/collection/components/molecules/dropdown/dropdown.component.js +2 -2
  52. package/dist/collection/components/molecules/empty-state/empty-state.component.js +2 -2
  53. package/dist/collection/components/molecules/field/field/field.component.js +4 -4
  54. package/dist/collection/components/molecules/label/label.component.js +3 -3
  55. package/dist/collection/components/molecules/navigation/item/navigation-item.component.js +3 -3
  56. package/dist/collection/components/molecules/navigation/section/navigation-section.component.js +1 -1
  57. package/dist/collection/components/molecules/pagination/pagination/pagination.component.js +3 -3
  58. package/dist/collection/components/molecules/profile/profile.component.js +1 -1
  59. package/dist/collection/components/molecules/range/range.component.js +3 -3
  60. package/dist/collection/components/molecules/select/select.component.js +2 -2
  61. package/dist/collection/components/molecules/table/cell/table-cell.component.js +1 -1
  62. package/dist/collection/components/molecules/table/footer/table-footer.component.js +2 -2
  63. package/dist/collection/components/molecules/table/row/table-row.component.js +3 -3
  64. package/dist/collection/components/molecules/toast/toast.component.js +1 -1
  65. package/dist/collection/components/organisms/listing/listing.component.js +2 -2
  66. package/dist/collection/components/organisms/navbar/navbar.component.js +1 -1
  67. package/dist/components/{p-Dy1wXwZf.js → p-06SzeIsG.js} +1 -1
  68. package/dist/components/{p-NEqovphH.js → p-B-BsxOeK.js} +1 -1
  69. package/dist/components/{p-CTQuFuDk.js → p-B9s4_6Vm.js} +1 -1
  70. package/dist/components/{p-Cat2_HoM.js → p-BEhC6raw.js} +1 -1
  71. package/dist/components/p-C16aqi4P.js +1 -0
  72. package/dist/components/{p-COFt46UN.js → p-CCqpQJ15.js} +1 -1
  73. package/dist/components/{p-CtxKjhiD.js → p-CcNA1hkp.js} +1 -1
  74. package/dist/components/{p-0Uawv030.js → p-CpYDgn2m.js} +1 -1
  75. package/dist/components/{p-D8FhwO0Q.js → p-DWHcD5b-.js} +1 -1
  76. package/dist/components/{p-BtliZ0U_.js → p-N5WuUoFr.js} +1 -1
  77. package/dist/components/{p-DKnCWy7F.js → p-TfYQFmRD.js} +1 -1
  78. package/dist/components/p-accordion.js +1 -1
  79. package/dist/components/p-attachment.js +1 -1
  80. package/dist/components/p-button-group.js +1 -1
  81. package/dist/components/p-calendar.js +1 -1
  82. package/dist/components/p-content-slider.js +1 -1
  83. package/dist/components/p-cropper.js +2 -2
  84. package/dist/components/p-datepicker.js +1 -1
  85. package/dist/components/p-dropdown.js +1 -1
  86. package/dist/components/p-empty-state.js +1 -1
  87. package/dist/components/p-field.js +1 -1
  88. package/dist/components/p-label.js +1 -1
  89. package/dist/components/p-listing.js +1 -1
  90. package/dist/components/{p-BAvGAs2F.js → p-nGuULFe2.js} +1 -1
  91. package/dist/components/p-navbar.js +1 -1
  92. package/dist/components/p-navigation-item.js +1 -1
  93. package/dist/components/p-navigation-section.js +1 -1
  94. package/dist/components/p-pagination-pages.js +1 -1
  95. package/dist/components/p-pagination-size.js +1 -1
  96. package/dist/components/p-pagination.js +1 -1
  97. package/dist/components/p-profile.js +1 -1
  98. package/dist/components/p-range.js +1 -1
  99. package/dist/components/p-select.js +1 -1
  100. package/dist/components/p-table-cell.js +1 -1
  101. package/dist/components/p-table-footer.js +1 -1
  102. package/dist/components/p-table-header.js +1 -1
  103. package/dist/components/p-table-row.js +1 -1
  104. package/dist/components/p-table.js +1 -1
  105. package/dist/components/p-toast.js +1 -1
  106. package/dist/esm/p-accordion.entry.js +3 -3
  107. package/dist/esm/p-attachment.entry.js +8 -8
  108. package/dist/esm/p-button-group.entry.js +1 -1
  109. package/dist/esm/p-calendar.entry.js +1 -1
  110. package/dist/esm/p-checkbox_3.entry.js +2 -2
  111. package/dist/esm/p-content-slider.entry.js +2 -2
  112. package/dist/esm/p-cropper.entry.js +1 -1
  113. package/dist/esm/p-datepicker.entry.js +2 -2
  114. package/dist/esm/p-empty-state_8.entry.js +8 -8
  115. package/dist/esm/p-field_3.entry.js +4 -4
  116. package/dist/esm/p-label.entry.js +3 -3
  117. package/dist/esm/p-listing.entry.js +2 -2
  118. package/dist/esm/p-navbar.entry.js +1 -1
  119. package/dist/esm/p-navigation-item.entry.js +3 -3
  120. package/dist/esm/p-navigation-section.entry.js +1 -1
  121. package/dist/esm/p-pagination_3.entry.js +3 -3
  122. package/dist/esm/p-profile.entry.js +1 -1
  123. package/dist/esm/p-range.entry.js +3 -3
  124. package/dist/esm/p-select.entry.js +2 -2
  125. package/dist/esm/p-toast.entry.js +1 -1
  126. package/dist/index.html +1 -1
  127. package/dist/paperless/{p-1ac00601.entry.js → p-102da1de.entry.js} +1 -1
  128. package/dist/{build/p-6ac04b16.entry.js → paperless/p-187a4dda.entry.js} +1 -1
  129. package/dist/paperless/{p-b70ee063.entry.js → p-1b85b4f5.entry.js} +1 -1
  130. package/dist/{build/p-8a8adc4d.entry.js → paperless/p-2f9a3144.entry.js} +2 -2
  131. package/dist/{build/p-9e1977a6.entry.js → paperless/p-2ff08beb.entry.js} +1 -1
  132. package/dist/{build/p-9889be94.entry.js → paperless/p-31869c91.entry.js} +1 -1
  133. package/dist/paperless/{p-047da5c9.entry.js → p-4cd9344a.entry.js} +1 -1
  134. package/dist/{build/p-1fa99d63.entry.js → paperless/p-62f87c18.entry.js} +1 -1
  135. package/dist/{build/p-18245eb9.entry.js → paperless/p-6b1c18a6.entry.js} +1 -1
  136. package/dist/paperless/{p-7158dacd.entry.js → p-748c6ed3.entry.js} +1 -1
  137. package/dist/paperless/{p-6a7ce335.entry.js → p-7868dc58.entry.js} +1 -1
  138. package/dist/paperless/{p-fbd4c0ed.entry.js → p-8c1a3795.entry.js} +1 -1
  139. package/dist/paperless/p-8d67b17e.entry.js +1 -0
  140. package/dist/paperless/{p-381c13a8.entry.js → p-902adabf.entry.js} +1 -1
  141. package/dist/paperless/p-980f3529.entry.js +1 -0
  142. package/dist/paperless/p-c4af6a8c.entry.js +1 -0
  143. package/dist/paperless/{p-cdcc28c2.entry.js → p-d6958e7a.entry.js} +1 -1
  144. package/dist/{build/p-eaa0079d.entry.js → paperless/p-df709c40.entry.js} +1 -1
  145. package/dist/paperless/{p-34448061.entry.js → p-e021a548.entry.js} +1 -1
  146. package/dist/paperless/{p-459f7a0b.entry.js → p-f13f7779.entry.js} +1 -1
  147. package/dist/paperless/paperless.esm.js +1 -1
  148. package/dist/sw.js +1 -1
  149. package/dist/sw.js.map +1 -1
  150. package/hydrate/index.js +52 -52
  151. package/hydrate/index.mjs +52 -52
  152. package/package.json +1 -1
  153. package/dist/build/p-a4ec1798.entry.js +0 -1
  154. package/dist/build/p-d93446ad.entry.js +0 -1
  155. package/dist/build/p-fd032172.entry.js +0 -1
  156. package/dist/components/p-MeQ48Q-1.js +0 -1
  157. package/dist/paperless/p-a4ec1798.entry.js +0 -1
  158. package/dist/paperless/p-d93446ad.entry.js +0 -1
  159. package/dist/paperless/p-fd032172.entry.js +0 -1
@@ -1,3 +1,3 @@
1
- import{r as t,a as s,h as i}from"./p-yFtRjnrU.js";import{T as e}from"./p-CSySY6aC.js";import{s as h}from"./p-6XOzWrsN.js";const n="undefined"!=typeof window&&void 0!==window.document,r=n?window:{},o=!!n&&"ontouchstart"in r.document.documentElement,a=!!n&&"PointerEvent"in r,c="cropper",l=`${c}-canvas`,d=`${c}-crosshair`,u=`${c}-grid`,p=`${c}-handle`,b=`${c}-image`,f=`${c}-selection`,m=`${c}-shade`,g=`${c}-viewer`,w="select",v="move",$="scale",k="rotate",y="transform",x="none",z="n-resize",M="e-resize",C="s-resize",A="w-resize",j="ne-resize",S="nw-resize",O="se-resize",T="sw-resize",E=a?"pointerdown":o?"touchstart":"mousedown",N=a?"pointermove":o?"touchmove":"mousemove",I=a?"pointerup pointercancel":o?"touchend touchcancel":"mouseup",R="error",X="keydown",_="load",Y="wheel",W="action",P="actionend",D="actionstart",L="change",U="transform",F=Number.isNaN||r.isNaN;function B(t){return"number"==typeof t&&!F(t)}function H(t){return B(t)&&t>0&&t<1/0}function K(t){return"object"==typeof t&&null!==t}const{hasOwnProperty:V}=Object.prototype;function Z(t){if(!K(t))return!1;try{const{constructor:s}=t,{prototype:i}=s;return s&&i&&V.call(i,"isPrototypeOf")}catch(t){return!1}}function q(t){return"function"==typeof t}function G(t){return"object"==typeof t&&null!==t&&1===t.nodeType}const J=/([a-z\d])([A-Z])/g;function Q(t){return String(t).replace(J,"$1-$2").toLowerCase()}const tt=/-[A-z\d]/g;function st(t){return t.replace(tt,(t=>t.slice(1).toUpperCase()))}const it=/\s\s*/;function et(t,s,i,e){s.trim().split(it).forEach((s=>{t.removeEventListener(s,i,e)}))}function ht(t,s,i,e){s.trim().split(it).forEach((s=>{t.addEventListener(s,i,e)}))}function nt(t,s,i,e){ht(t,s,i,Object.assign(Object.assign({},e),{once:!0}))}const rt={bubbles:!0,cancelable:!0,composed:!0},ot=Promise.resolve();function at(t){const{documentElement:s}=t.ownerDocument,i=t.getBoundingClientRect();return{left:i.left+(r.pageXOffset-s.clientLeft),top:i.top+(r.pageYOffset-s.clientTop)}}const ct=/deg|g?rad|turn$/i;function lt(t){const s=parseFloat(t)||0;if(0!==s){const[i="rad"]=String(t).match(ct)||[];switch(i.toLowerCase()){case"deg":return s/360*(2*Math.PI);case"grad":return s/400*(2*Math.PI);case"turn":return s*(2*Math.PI)}}return s}const dt="contain";function ut(t,s=dt){const{aspectRatio:i}=t;let{width:e,height:h}=t;const n=H(e),r=H(h);if(n&&r){const t=h*i;s===dt&&t>e||"cover"===s&&t<e?h=e/i:e=h*i}else n?h=e/i:r&&(e=h*i);return{width:e,height:h}}function pt(t,...s){if(0===s.length)return t;const[i,e,h,n,r,o]=t,[a,c,l,d,u,p]=s[0];return pt(t=[i*a+h*c,e*a+n*c,i*l+h*d,e*l+n*d,i*u+h*p+r,e*u+n*p+o],...s.slice(1))}const bt=/left|top|width|height/i,ft="open",mt=new WeakMap,gt=new WeakMap,wt=new Map,vt=r.document&&Array.isArray(r.document.adoptedStyleSheets)&&"replaceSync"in r.CSSStyleSheet.prototype;class $t extends HTMLElement{get $sharedStyle(){return(this.themeColor?`:host{--theme-color: ${this.themeColor};}`:"")+":host([hidden]){display:none!important}"}constructor(){var t,s;super(),this.shadowRootMode=ft,this.slottable=!0;const i=null===(s=null===(t=Object.getPrototypeOf(this))||void 0===t?void 0:t.constructor)||void 0===s?void 0:s.$name;i&&wt.set(i,this.tagName.toLowerCase())}static get observedAttributes(){return["shadow-root-mode","slottable","theme-color"]}attributeChangedCallback(t,s,i){if(Object.is(i,s))return;const e=st(t);let h=i;switch(typeof this[e]){case"boolean":h=null!==i&&"false"!==i;break;case"number":h=Number(i)}switch(this[e]=h,t){case"theme-color":{const t=gt.get(this),s=this.$sharedStyle;t&&s&&(vt?t.replaceSync(s):t.textContent=s);break}}}$propertyChangedCallback(t,s,i){if(!Object.is(i,s))switch(t=Q(t),typeof i){case"boolean":!0===i?this.hasAttribute(t)||this.setAttribute(t,""):this.removeAttribute(t);break;case"number":i=F(i)?"":String(i);default:i?this.getAttribute(t)!==i&&this.setAttribute(t,i):this.removeAttribute(t)}}connectedCallback(){Object.getPrototypeOf(this).constructor.observedAttributes.forEach((t=>{const s=st(t);let i=this[s];(function(t){return void 0===t})(i)||this.$propertyChangedCallback(s,void 0,i),Object.defineProperty(this,s,{enumerable:!0,configurable:!0,get:()=>i,set(t){const e=i;i=t,this.$propertyChangedCallback(s,e,t)}})}));const t=this.attachShadow({mode:this.shadowRootMode||ft});if(this.shadowRoot||mt.set(this,t),gt.set(this,this.$addStyles(this.$sharedStyle)),this.$style&&this.$addStyles(this.$style),this.$template){const s=document.createElement("template");s.innerHTML=this.$template,t.appendChild(s.content)}if(this.slottable){const s=document.createElement("slot");t.appendChild(s)}}disconnectedCallback(){gt.has(this)&&gt.delete(this),mt.has(this)&&mt.delete(this)}$getTagNameOf(t){var s;return null!==(s=wt.get(t))&&void 0!==s?s:t}$setStyles(t){return Object.keys(t).forEach((s=>{let i=t[s];B(i)&&(i=0!==i&&bt.test(s)?`${i}px`:String(i)),this.style[s]=i})),this}$getShadowRoot(){return this.shadowRoot||mt.get(this)}$addStyles(t){let s;const i=this.$getShadowRoot();return vt?(s=new CSSStyleSheet,s.replaceSync(t),i.adoptedStyleSheets=i.adoptedStyleSheets.concat(s)):(s=document.createElement("style"),s.textContent=t,i.appendChild(s)),s}$emit(t,s,i){return function(t,s,i,e){return t.dispatchEvent(new CustomEvent(s,Object.assign(Object.assign(Object.assign({},rt),{detail:i}),e)))}(this,t,s,i)}$nextTick(t){return function(t,s){return s?ot.then(t?s.bind(t):s):ot}(this,t)}static $define(t,s){K(t)&&(s=t,t=""),t||(t=this.$name||this.name),t=Q(t),n&&r.customElements&&!r.customElements.get(t)&&customElements.define(t,this,s)}}$t.$version="2.0.0";class kt extends $t{constructor(){super(...arguments),this.$onPointerDown=null,this.$onPointerMove=null,this.$onPointerUp=null,this.$onWheel=null,this.$wheeling=!1,this.$pointers=new Map,this.$style=':host{display:block;min-height:100px;min-width:200px;overflow:hidden;position:relative;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host([background]){background-color:#fff;background-image:repeating-linear-gradient(45deg,#ccc 25%,transparent 0,transparent 75%,#ccc 0,#ccc),repeating-linear-gradient(45deg,#ccc 25%,transparent 0,transparent 75%,#ccc 0,#ccc);background-image:repeating-conic-gradient(#ccc 0 25%,#fff 0 50%);background-position:0 0,.5rem .5rem;background-size:1rem 1rem}:host([disabled]){pointer-events:none}:host([disabled]):after{bottom:0;content:"";cursor:not-allowed;display:block;left:0;pointer-events:none;position:absolute;right:0;top:0}',this.$action=x,this.background=!1,this.disabled=!1,this.scaleStep=.1,this.themeColor="#39f"}static get observedAttributes(){return super.observedAttributes.concat(["background","disabled","scale-step"])}connectedCallback(){super.connectedCallback(),this.disabled||this.$bind()}disconnectedCallback(){this.disabled||this.$unbind(),super.disconnectedCallback()}$propertyChangedCallback(t,s,i){Object.is(i,s)||(super.$propertyChangedCallback(t,s,i),"disabled"!==t)||(i?this.$unbind():this.$bind())}$bind(){this.$onPointerDown||(this.$onPointerDown=this.$handlePointerDown.bind(this),ht(this,E,this.$onPointerDown)),this.$onPointerMove||(this.$onPointerMove=this.$handlePointerMove.bind(this),ht(this.ownerDocument,N,this.$onPointerMove)),this.$onPointerUp||(this.$onPointerUp=this.$handlePointerUp.bind(this),ht(this.ownerDocument,I,this.$onPointerUp)),this.$onWheel||(this.$onWheel=this.$handleWheel.bind(this),ht(this,Y,this.$onWheel,{passive:!1,capture:!0}))}$unbind(){this.$onPointerDown&&(et(this,E,this.$onPointerDown),this.$onPointerDown=null),this.$onPointerMove&&(et(this.ownerDocument,N,this.$onPointerMove),this.$onPointerMove=null),this.$onPointerUp&&(et(this.ownerDocument,I,this.$onPointerUp),this.$onPointerUp=null),this.$onWheel&&(et(this,Y,this.$onWheel,{capture:!0}),this.$onWheel=null)}$handlePointerDown(t){const{buttons:s,button:i,type:e}=t;if(this.disabled||("pointerdown"===e&&"mouse"===t.pointerType||"mousedown"===e)&&(B(s)&&1!==s||B(i)&&0!==i||t.ctrlKey))return;const{$pointers:h}=this;let n="";if(t.changedTouches)Array.from(t.changedTouches).forEach((({identifier:t,pageX:s,pageY:i})=>{h.set(t,{startX:s,startY:i,endX:s,endY:i})}));else{const{pointerId:s=0,pageX:i,pageY:e}=t;h.set(s,{startX:i,startY:e,endX:i,endY:e})}h.size>1?n=y:G(t.target)&&(n=t.target.action||t.target.getAttribute("action")||""),!1!==this.$emit(D,{action:n,relatedEvent:t})&&(t.preventDefault(),this.$action=n,this.style.willChange="transform")}$handlePointerMove(t){const{$action:s,$pointers:i}=this;if(this.disabled||s===x||0===i.size)return;if(!1===this.$emit("actionmove",{action:s,relatedEvent:t}))return;if(t.preventDefault(),t.changedTouches)Array.from(t.changedTouches).forEach((({identifier:t,pageX:s,pageY:e})=>{const h=i.get(t);h&&Object.assign(h,{endX:s,endY:e})}));else{const{pointerId:s=0,pageX:e,pageY:h}=t,n=i.get(s);n&&Object.assign(n,{endX:e,endY:h})}const e={action:s,relatedEvent:t};if(s===y){const s=new Map(i);let h=0,n=0,r=0,o=0,a=t.pageX,c=t.pageY;i.forEach(((t,i)=>{s.delete(i),s.forEach((s=>{let i=s.startX-t.startX,e=s.startY-t.startY,l=s.endX-t.endX,d=s.endY-t.endY,u=0,p=0,b=0,f=0;if(0===i?e<0?b=2*Math.PI:e>0&&(b=Math.PI):i>0?b=Math.PI/2+Math.atan(e/i):i<0&&(b=1.5*Math.PI+Math.atan(e/i)),0===l?d<0?f=2*Math.PI:d>0&&(f=Math.PI):l>0?f=Math.PI/2+Math.atan(d/l):l<0&&(f=1.5*Math.PI+Math.atan(d/l)),f>0||b>0){const i=f-b,e=Math.abs(i);e>h&&(h=e,r=i,a=(t.startX+s.startX)/2,c=(t.startY+s.startY)/2)}if(i=Math.abs(i),e=Math.abs(e),l=Math.abs(l),d=Math.abs(d),i>0&&e>0?u=Math.sqrt(i*i+e*e):i>0?u=i:e>0&&(u=e),l>0&&d>0?p=Math.sqrt(l*l+d*d):l>0?p=l:d>0&&(p=d),u>0&&p>0){const i=(p-u)/u,e=Math.abs(i);e>n&&(n=e,o=i,a=(t.startX+s.startX)/2,c=(t.startY+s.startY)/2)}}))}));const l=h>0,d=n>0;l&&d?(e.rotate=r,e.scale=o,e.centerX=a,e.centerY=c):l?(e.action=k,e.rotate=r,e.centerX=a,e.centerY=c):d?(e.action=$,e.scale=o,e.centerX=a,e.centerY=c):e.action=x}else{const[t]=Array.from(i.values());Object.assign(e,t)}i.forEach((t=>{t.startX=t.endX,t.startY=t.endY})),e.action!==x&&this.$emit(W,e,{cancelable:!1})}$handlePointerUp(t){const{$action:s,$pointers:i}=this;if(!this.disabled&&s!==x&&!1!==this.$emit(P,{action:s,relatedEvent:t})){if(t.preventDefault(),t.changedTouches)Array.from(t.changedTouches).forEach((({identifier:t})=>{i.delete(t)}));else{const{pointerId:s=0}=t;i.delete(s)}0===i.size&&(this.style.willChange="",this.$action=x)}}$handleWheel(t){this.disabled||(t.preventDefault(),this.$wheeling||(this.$wheeling=!0,setTimeout((()=>{this.$wheeling=!1}),50),this.$emit(W,{action:$,scale:(t.deltaY>0?-1:1)*this.scaleStep,relatedEvent:t},{cancelable:!1})))}$setAction(t){return"string"==typeof t&&(this.$action=t),this}$toCanvas(t){return new Promise(((s,i)=>{if(!this.isConnected)return void i(new Error("The current element is not connected to the DOM."));const e=document.createElement("canvas");let h=this.offsetWidth,n=this.offsetHeight,r=1;Z(t)&&(H(t.width)||H(t.height))&&(({width:h,height:n}=ut({aspectRatio:h/n,width:t.width,height:t.height})),r=h/this.offsetWidth),e.width=h,e.height=n;const o=this.querySelector(this.$getTagNameOf(b));o?o.$ready().then((i=>{const a=e.getContext("2d");if(a){const[s,c,l,d,u,p]=o.$getTransform();let b=u,f=p,m=i.naturalWidth,g=i.naturalHeight;1!==r&&(b*=r,f*=r,m*=r,g*=r);const w=m/2,v=g/2;a.fillStyle="transparent",a.fillRect(0,0,h,n),Z(t)&&q(t.beforeDraw)&&t.beforeDraw.call(this,a,e),a.save(),a.translate(w,v),a.transform(s,c,l,d,b,f),a.translate(-w,-v),a.drawImage(i,0,0,m,g),a.restore()}s(e)})).catch(i):s(e)}))}}kt.$name=l,kt.$version="2.0.0";const yt=new WeakMap,xt=["alt","crossorigin","decoding","importance","loading","referrerpolicy","sizes","src","srcset"];class zt extends $t{constructor(){super(...arguments),this.$matrix=[1,0,0,1,0,0],this.$onLoad=null,this.$onCanvasAction=null,this.$onCanvasActionEnd=null,this.$onCanvasActionStart=null,this.$actionStartTarget=null,this.$style=":host{display:inline-block}img{display:block;height:100%;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}",this.$image=new Image,this.initialCenterSize="contain",this.rotatable=!1,this.scalable=!1,this.skewable=!1,this.slottable=!1,this.translatable=!1}set $canvas(t){yt.set(this,t)}get $canvas(){return yt.get(this)}static get observedAttributes(){return super.observedAttributes.concat(xt,["initial-center-size","rotatable","scalable","skewable","translatable"])}attributeChangedCallback(t,s,i){Object.is(i,s)||(super.attributeChangedCallback(t,s,i),xt.includes(t)&&this.$image.setAttribute(t,i))}$propertyChangedCallback(t,s,i){Object.is(i,s)||(super.$propertyChangedCallback(t,s,i),"initialCenterSize"!==t)||this.$nextTick((()=>{this.$center(i)}))}connectedCallback(){super.connectedCallback();const{$image:t}=this,s=this.closest(this.$getTagNameOf(l));s&&(this.$canvas=s,this.$setStyles({display:"block",position:"absolute"}),this.$onCanvasActionStart=t=>{var s,i;this.$actionStartTarget=null===(i=null===(s=t.detail)||void 0===s?void 0:s.relatedEvent)||void 0===i?void 0:i.target},this.$onCanvasActionEnd=()=>{this.$actionStartTarget=null},this.$onCanvasAction=this.$handleAction.bind(this),ht(s,D,this.$onCanvasActionStart),ht(s,P,this.$onCanvasActionEnd),ht(s,W,this.$onCanvasAction)),this.$onLoad=this.$handleLoad.bind(this),ht(t,_,this.$onLoad),this.$getShadowRoot().appendChild(t)}disconnectedCallback(){const{$image:t,$canvas:s}=this;s&&(this.$onCanvasActionStart&&(et(s,D,this.$onCanvasActionStart),this.$onCanvasActionStart=null),this.$onCanvasActionEnd&&(et(s,P,this.$onCanvasActionEnd),this.$onCanvasActionEnd=null),this.$onCanvasAction&&(et(s,W,this.$onCanvasAction),this.$onCanvasAction=null)),t&&this.$onLoad&&(et(t,_,this.$onLoad),this.$onLoad=null),this.$getShadowRoot().removeChild(t),super.disconnectedCallback()}$handleLoad(){const{$image:t}=this;this.$setStyles({width:t.naturalWidth,height:t.naturalHeight}),this.$canvas&&this.$center(this.initialCenterSize)}$handleAction(t){if(this.hidden||!(this.rotatable||this.scalable||this.translatable))return;const{$canvas:s}=this,{detail:i}=t;if(i){const{relatedEvent:t}=i;let{action:e}=i;switch(e!==y||this.rotatable&&this.scalable||(e=this.rotatable?k:this.scalable?$:x),e){case v:if(this.translatable){let e=null;t&&(e=t.target.closest(this.$getTagNameOf(f))),e||(e=s.querySelector(this.$getTagNameOf(f))),e&&e.multiple&&!e.active&&(e=s.querySelector(`${this.$getTagNameOf(f)}[active]`)),e&&!e.hidden&&e.movable&&!e.dynamic&&this.$actionStartTarget&&e.contains(this.$actionStartTarget)||this.$move(i.endX-i.startX,i.endY-i.startY)}break;case k:if(this.rotatable)if(t){const{x:s,y:e}=this.getBoundingClientRect();this.$rotate(i.rotate,t.clientX-s,t.clientY-e)}else this.$rotate(i.rotate);break;case $:if(this.scalable)if(t){const s=t.target.closest(this.$getTagNameOf(f));if(!s||!s.zoomable||s.zoomable&&s.dynamic){const{x:s,y:e}=this.getBoundingClientRect();this.$zoom(i.scale,t.clientX-s,t.clientY-e)}}else this.$zoom(i.scale);break;case y:if(this.rotatable&&this.scalable){const{rotate:s}=i;let{scale:e}=i;e<0?e=1/(1-e):e+=1;const h=Math.cos(s),n=Math.sin(s),[r,o,a,c]=[h*e,n*e,-n*e,h*e];if(t){const s=this.getBoundingClientRect(),i=t.clientX-s.x,e=t.clientY-s.y,[h,n,l,d]=this.$matrix,u=i-s.width/2,p=e-s.height/2,b=(u*d-l*p)/(h*d-l*n),f=(p*h-n*u)/(h*d-l*n);this.$transform(r,o,a,c,b*(1-r)+f*a,f*(1-c)+b*o)}else this.$transform(r,o,a,c,0,0)}}}}$ready(t){const{$image:s}=this,i=new Promise(((t,i)=>{const e=new Error("Failed to load the image source");if(s.complete)s.naturalWidth>0&&s.naturalHeight>0?t(s):i(e);else{const h=()=>{et(s,R,n),t(s)},n=()=>{et(s,_,h),i(e)};nt(s,_,h),nt(s,R,n)}}));return q(t)&&i.then((s=>(t(s),s))),i}$center(t){const{parentElement:s}=this;if(!s)return this;const i=s.getBoundingClientRect(),e=i.width,h=i.height,{x:n,y:r,width:o,height:a}=this.getBoundingClientRect();if(this.$move(i.x+e/2-(n+o/2),i.y+h/2-(r+a/2)),t&&(o!==e||a!==h)){const s=e/o,i=h/a;switch(t){case"cover":this.$scale(Math.max(s,i));break;case"contain":this.$scale(Math.min(s,i))}}return this}$move(t,s=t){if(this.translatable&&B(t)&&B(s)){const[i,e,h,n]=this.$matrix;this.$translate((t*n-h*s)/(i*n-h*e),(s*i-e*t)/(i*n-h*e))}return this}$moveTo(t,s=t){if(this.translatable&&B(t)&&B(s)){const[i,e,h,n]=this.$matrix;this.$setTransform(i,e,h,n,(t*n-h*s)/(i*n-h*e),(s*i-e*t)/(i*n-h*e))}return this}$rotate(t,s,i){if(this.rotatable){const e=lt(t),h=Math.cos(e),n=Math.sin(e),[r,o,a,c]=[h,n,-n,h];if(B(s)&&B(i)){const[t,e,h,n]=this.$matrix,{width:l,height:d}=this.getBoundingClientRect(),u=s-l/2,p=i-d/2,b=(u*n-h*p)/(t*n-h*e),f=(p*t-e*u)/(t*n-h*e);this.$transform(r,o,a,c,b*(1-r)-f*a,f*(1-c)-b*o)}else this.$transform(r,o,a,c,0,0)}return this}$zoom(t,s,i){if(!this.scalable||0===t)return this;if(t<0?t=1/(1-t):t+=1,B(s)&&B(i)){const[e,h,n,r]=this.$matrix,{width:o,height:a}=this.getBoundingClientRect(),c=s-o/2,l=i-a/2;this.$transform(t,0,0,t,(c*r-n*l)/(e*r-n*h)*(1-t),(l*e-h*c)/(e*r-n*h)*(1-t))}else this.$scale(t);return this}$scale(t,s=t){return this.scalable&&this.$transform(t,0,0,s,0,0),this}$skew(t,s=0){if(this.skewable){const i=lt(t),e=lt(s);this.$transform(1,Math.tan(e),Math.tan(i),1,0,0)}return this}$translate(t,s=t){return this.translatable&&B(t)&&B(s)&&this.$transform(1,0,0,1,t,s),this}$transform(t,s,i,e,h,n){return B(t)&&B(s)&&B(i)&&B(e)&&B(h)&&B(n)?this.$setTransform(pt(this.$matrix,[t,s,i,e,h,n])):this}$setTransform(t,s,i,e,h,n){if((this.rotatable||this.scalable||this.skewable||this.translatable)&&(Array.isArray(t)&&([t,s,i,e,h,n]=t),B(t)&&B(s)&&B(i)&&B(e)&&B(h)&&B(n))){const r=[...this.$matrix],o=[t,s,i,e,h,n];if(!1===this.$emit(U,{matrix:o,oldMatrix:r}))return this;this.$matrix=o,this.style.transform=`matrix(${o.join(", ")})`}return this}$getTransform(){return this.$matrix.slice()}$resetTransform(){return this.$setTransform([1,0,0,1,0,0])}}zt.$name=b,zt.$version="2.0.0";const Mt=new WeakMap;class Ct extends $t{constructor(){super(...arguments),this.$onCanvasChange=null,this.$onCanvasActionEnd=null,this.$onCanvasActionStart=null,this.$style=":host{display:block;height:0;left:0;outline:var(--theme-color) solid 1px;position:relative;top:0;width:0}:host([transparent]){outline-color:transparent}",this.x=0,this.y=0,this.width=0,this.height=0,this.slottable=!1,this.themeColor="rgba(0, 0, 0, 0.65)"}set $canvas(t){Mt.set(this,t)}get $canvas(){return Mt.get(this)}static get observedAttributes(){return super.observedAttributes.concat(["height","width","x","y"])}connectedCallback(){super.connectedCallback();const t=this.closest(this.$getTagNameOf(l));if(t){this.$canvas=t,this.style.position="absolute";const s=t.querySelector(this.$getTagNameOf(f));s&&(this.$onCanvasActionStart=t=>{s.hidden&&t.detail.action===w&&(this.hidden=!1)},this.$onCanvasActionEnd=t=>{s.hidden&&t.detail.action===w&&(this.hidden=!0)},this.$onCanvasChange=t=>{const{x:i,y:e,width:h,height:n}=t.detail;this.$change(i,e,h,n),(s.hidden||0===i&&0===e&&0===h&&0===n)&&(this.hidden=!0)},ht(t,D,this.$onCanvasActionStart),ht(t,P,this.$onCanvasActionEnd),ht(t,L,this.$onCanvasChange))}this.$render()}disconnectedCallback(){const{$canvas:t}=this;t&&(this.$onCanvasActionStart&&(et(t,D,this.$onCanvasActionStart),this.$onCanvasActionStart=null),this.$onCanvasActionEnd&&(et(t,P,this.$onCanvasActionEnd),this.$onCanvasActionEnd=null),this.$onCanvasChange&&(et(t,L,this.$onCanvasChange),this.$onCanvasChange=null)),super.disconnectedCallback()}$change(t,s,i=this.width,e=this.height){return B(t)&&B(s)&&B(i)&&B(e)&&(t!==this.x||s!==this.y||i!==this.width||e!==this.height)?(this.hidden&&(this.hidden=!1),this.x=t,this.y=s,this.width=i,this.height=e,this.$render()):this}$reset(){return this.$change(0,0,0,0)}$render(){return this.$setStyles({transform:`translate(${this.x}px, ${this.y}px)`,width:this.width,height:this.height,outlineWidth:r.innerWidth})}}Ct.$name=m,Ct.$version="2.0.0";class At extends $t{constructor(){super(...arguments),this.$onCanvasCropEnd=null,this.$onCanvasCropStart=null,this.$style=':host{background-color:var(--theme-color);display:block}:host([action=move]),:host([action=select]){height:100%;left:0;position:absolute;top:0;width:100%}:host([action=move]){cursor:move}:host([action=select]){cursor:crosshair}:host([action$=-resize]){background-color:transparent;height:15px;position:absolute;width:15px}:host([action$=-resize]):after{background-color:var(--theme-color);content:"";display:block;height:5px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:5px}:host([action=n-resize]),:host([action=s-resize]){cursor:ns-resize;left:50%;transform:translateX(-50%);width:100%}:host([action=n-resize]){top:-8px}:host([action=s-resize]){bottom:-8px}:host([action=e-resize]),:host([action=w-resize]){cursor:ew-resize;height:100%;top:50%;transform:translateY(-50%)}:host([action=e-resize]){right:-8px}:host([action=w-resize]){left:-8px}:host([action=ne-resize]){cursor:nesw-resize;right:-8px;top:-8px}:host([action=nw-resize]){cursor:nwse-resize;left:-8px;top:-8px}:host([action=se-resize]){bottom:-8px;cursor:nwse-resize;right:-8px}:host([action=se-resize]):after{height:15px;width:15px}@media (pointer:coarse){:host([action=se-resize]):after{height:10px;width:10px}}@media (pointer:fine){:host([action=se-resize]):after{height:5px;width:5px}}:host([action=sw-resize]){bottom:-8px;cursor:nesw-resize;left:-8px}:host([plain]){background-color:transparent}',this.action=x,this.plain=!1,this.slottable=!1,this.themeColor="rgba(51, 153, 255, 0.5)"}static get observedAttributes(){return super.observedAttributes.concat(["action","plain"])}}At.$name=p,At.$version="2.0.0";const jt=new WeakMap;class St extends $t{constructor(){super(...arguments),this.$onCanvasAction=null,this.$onCanvasActionStart=null,this.$onCanvasActionEnd=null,this.$onDocumentKeyDown=null,this.$action="",this.$actionStartTarget=null,this.$changing=!1,this.$style=':host{display:block;left:0;position:relative;right:0}:host([outlined]){outline:1px solid var(--theme-color)}:host([multiple]){outline:1px dashed hsla(0,0%,100%,.5)}:host([multiple]):after{bottom:0;content:"";cursor:pointer;display:block;left:0;position:absolute;right:0;top:0}:host([multiple][active]){outline-color:var(--theme-color);z-index:1}:host([multiple])>*{visibility:hidden}:host([multiple][active])>*{visibility:visible}:host([multiple][active]):after{display:none}',this.$initialSelection={x:0,y:0,width:0,height:0},this.x=0,this.y=0,this.width=0,this.height=0,this.aspectRatio=NaN,this.initialAspectRatio=NaN,this.initialCoverage=NaN,this.active=!1,this.linked=!1,this.dynamic=!1,this.movable=!1,this.resizable=!1,this.zoomable=!1,this.multiple=!1,this.keyboard=!1,this.outlined=!1,this.precise=!1}set $canvas(t){jt.set(this,t)}get $canvas(){return jt.get(this)}static get observedAttributes(){return super.observedAttributes.concat(["active","aspect-ratio","dynamic","height","initial-aspect-ratio","initial-coverage","keyboard","linked","movable","multiple","outlined","precise","resizable","width","x","y","zoomable"])}$propertyChangedCallback(t,s,i){if(!Object.is(i,s))switch(super.$propertyChangedCallback(t,s,i),t){case"x":case"y":case"width":case"height":this.$changing||this.$nextTick((()=>{this.$change(this.x,this.y,this.width,this.height,this.aspectRatio,!0)}));break;case"aspectRatio":case"initialAspectRatio":this.$nextTick((()=>{this.$initSelection()}));break;case"initialCoverage":this.$nextTick((()=>{H(i)&&i<=1&&this.$initSelection(!0,!0)}));break;case"keyboard":this.$nextTick((()=>{this.$canvas&&(i?this.$onDocumentKeyDown||(this.$onDocumentKeyDown=this.$handleKeyDown.bind(this),ht(this.ownerDocument,X,this.$onDocumentKeyDown)):this.$onDocumentKeyDown&&(et(this.ownerDocument,X,this.$onDocumentKeyDown),this.$onDocumentKeyDown=null))}));break;case"multiple":this.$nextTick((()=>{if(this.$canvas){const t=this.$getSelections();i?(t.forEach((t=>{t.active=!1})),this.active=!0,this.$emit(L,{x:this.x,y:this.y,width:this.width,height:this.height})):(this.active=!1,t.slice(1).forEach((t=>{this.$removeSelection(t)})))}}));break;case"precise":this.$nextTick((()=>{this.$change(this.x,this.y)}));break;case"linked":i&&(this.dynamic=!0)}}connectedCallback(){super.connectedCallback();const t=this.closest(this.$getTagNameOf(l));t?(this.$canvas=t,this.$setStyles({position:"absolute",transform:`translate(${this.x}px, ${this.y}px)`}),this.hidden||this.$render(),this.$initSelection(!0),this.$onCanvasActionStart=this.$handleActionStart.bind(this),this.$onCanvasActionEnd=this.$handleActionEnd.bind(this),this.$onCanvasAction=this.$handleAction.bind(this),ht(t,D,this.$onCanvasActionStart),ht(t,P,this.$onCanvasActionEnd),ht(t,W,this.$onCanvasAction)):this.$render()}disconnectedCallback(){const{$canvas:t}=this;t&&(this.$onCanvasActionStart&&(et(t,D,this.$onCanvasActionStart),this.$onCanvasActionStart=null),this.$onCanvasActionEnd&&(et(t,P,this.$onCanvasActionEnd),this.$onCanvasActionEnd=null),this.$onCanvasAction&&(et(t,W,this.$onCanvasAction),this.$onCanvasAction=null)),super.disconnectedCallback()}$getSelections(){let t=[];return this.parentElement&&(t=Array.from(this.parentElement.querySelectorAll(this.$getTagNameOf(f)))),t}$initSelection(t=!1,s=!1){const{initialCoverage:i,parentElement:e}=this;if(H(i)&&e){const h=this.aspectRatio||this.initialAspectRatio;let n=(s?0:this.width)||e.offsetWidth*i,r=(s?0:this.height)||e.offsetHeight*i;H(h)&&({width:n,height:r}=ut({aspectRatio:h,width:n,height:r})),this.$change(this.x,this.y,n,r),t&&this.$center(),this.$initialSelection={x:this.x,y:this.y,width:this.width,height:this.height}}}$createSelection(){const t=this.cloneNode(!0);return this.hasAttribute("id")&&t.removeAttribute("id"),t.initialCoverage=NaN,this.active=!1,this.parentElement&&this.parentElement.insertBefore(t,this.nextSibling),t}$removeSelection(t=this){if(this.parentElement){const s=this.$getSelections();if(s.length>1){const i=s.indexOf(t),e=s[i+1]||s[i-1];e&&(t.active=!1,this.parentElement.removeChild(t),e.active=!0,e.$emit(L,{x:e.x,y:e.y,width:e.width,height:e.height}))}else this.$clear()}}$handleActionStart(t){var s,i;const e=null===(i=null===(s=t.detail)||void 0===s?void 0:s.relatedEvent)||void 0===i?void 0:i.target;this.$action="",this.$actionStartTarget=e,!this.hidden&&this.multiple&&!this.active&&e===this&&this.parentElement&&(this.$getSelections().forEach((t=>{t.active=!1})),this.active=!0,this.$emit(L,{x:this.x,y:this.y,width:this.width,height:this.height}))}$handleAction(t){const{currentTarget:s,detail:i}=t;if(!s||!i)return;const{relatedEvent:e}=i;let{action:h}=i;if(!h&&this.multiple&&(h=this.$action||(null==e?void 0:e.target.action),this.$action=h),!h||this.hidden&&h!==w||this.multiple&&!this.active&&h!==$)return;const n=i.endX-i.startX,r=i.endY-i.startY,{width:o,height:a}=this;let{aspectRatio:c}=this;switch(!H(c)&&e.shiftKey&&(c=H(o)&&H(a)?o/a:1),h){case w:if(0!==n&&0!==r){const{$canvas:t}=this,e=at(s);(this.multiple&&!this.hidden?this.$createSelection():this).$change(i.startX-e.left,i.startY-e.top,Math.abs(n),Math.abs(r),c),n<0?r<0?h=S:r>0&&(h=T):n>0&&(r<0?h=j:r>0&&(h=O)),t&&(t.$action=h)}break;case v:this.movable&&(this.dynamic||this.$actionStartTarget&&this.contains(this.$actionStartTarget))&&this.$move(n,r);break;case $:if(e&&this.zoomable&&(this.dynamic||this.contains(e.target))){const t=at(s);this.$zoom(i.scale,e.pageX-t.left,e.pageY-t.top)}break;default:this.$resize(h,n,r,c)}}$handleActionEnd(){this.$action="",this.$actionStartTarget=null}$handleKeyDown(t){if(this.hidden||!this.keyboard||this.multiple&&!this.active||t.defaultPrevented)return;const{activeElement:s}=document;if(!s||!["INPUT","TEXTAREA"].includes(s.tagName)&&!["true","plaintext-only"].includes(s.contentEditable))switch(t.key){case"Backspace":t.metaKey&&(t.preventDefault(),this.$removeSelection());break;case"Delete":t.preventDefault(),this.$removeSelection();break;case"ArrowLeft":t.preventDefault(),this.$move(-1,0);break;case"ArrowRight":t.preventDefault(),this.$move(1,0);break;case"ArrowUp":t.preventDefault(),this.$move(0,-1);break;case"ArrowDown":t.preventDefault(),this.$move(0,1);break;case"+":t.preventDefault(),this.$zoom(.1);break;case"-":t.preventDefault(),this.$zoom(-.1)}}$center(){const{parentElement:t}=this;return t?this.$change((t.offsetWidth-this.width)/2,(t.offsetHeight-this.height)/2):this}$move(t,s=t){return this.$moveTo(this.x+t,this.y+s)}$moveTo(t,s=t){return this.movable?this.$change(t,s):this}$resize(t,s=0,i=0,e=this.aspectRatio){if(!this.resizable)return this;const h=H(e),{$canvas:n}=this;let{x:r,y:o,width:a,height:c}=this;switch(t){case z:o+=i,c-=i,c<0&&(t=C,c=-c,o-=c),h&&(r+=(s=i*e)/2,a-=s,a<0&&(a=-a,r-=a));break;case M:a+=s,a<0&&(t=A,a=-a,r-=a),h&&(o-=(i=s/e)/2,c+=i,c<0&&(c=-c,o-=c));break;case C:c+=i,c<0&&(t=z,c=-c,o-=c),h&&(r-=(s=i*e)/2,a+=s,a<0&&(a=-a,r-=a));break;case A:r+=s,a-=s,a<0&&(t=M,a=-a,r-=a),h&&(o+=(i=s/e)/2,c-=i,c<0&&(c=-c,o-=c));break;case j:h&&(i=-s/e),o+=i,c-=i,a+=s,a<0&&c<0?(t=T,a=-a,c=-c,r-=a,o-=c):a<0?(t=S,a=-a,r-=a):c<0&&(t=O,c=-c,o-=c);break;case S:h&&(i=s/e),r+=s,o+=i,a-=s,c-=i,a<0&&c<0?(t=O,a=-a,c=-c,r-=a,o-=c):a<0?(t=j,a=-a,r-=a):c<0&&(t=T,c=-c,o-=c);break;case O:h&&(i=s/e),a+=s,c+=i,a<0&&c<0?(t=S,a=-a,c=-c,r-=a,o-=c):a<0?(t=T,a=-a,r-=a):c<0&&(t=j,c=-c,o-=c);break;case T:h&&(i=-s/e),r+=s,a-=s,c+=i,a<0&&c<0?(t=j,a=-a,c=-c,r-=a,o-=c):a<0?(t=O,a=-a,r-=a):c<0&&(t=S,c=-c,o-=c)}return n&&n.$setAction(t),this.$change(r,o,a,c)}$zoom(t,s,i){if(!this.zoomable||0===t)return this;t<0?t=1/(1-t):t+=1;const{width:e,height:h}=this,n=e*t,r=h*t;let o=this.x,a=this.y;return B(s)&&B(i)?(o-=(s-this.x)/e*(n-e),a-=(i-this.y)/h*(r-h)):(o-=(n-e)/2,a-=(r-h)/2),this.$change(o,a,n,r)}$change(t,s,i=this.width,e=this.height,h=this.aspectRatio,n=!1){return this.$changing||!B(t)||!B(s)||!B(i)||!B(e)||i<0||e<0?this:(H(h)&&({width:i,height:e}=ut({aspectRatio:h,width:i,height:e},"cover")),this.precise||(t=Math.round(t),s=Math.round(s),i=Math.round(i),e=Math.round(e)),t===this.x&&s===this.y&&i===this.width&&e===this.height&&Object.is(h,this.aspectRatio)&&!n?this:(this.hidden&&(this.hidden=!1),!1===this.$emit(L,{x:t,y:s,width:i,height:e})?this:(this.$changing=!0,this.x=t,this.y=s,this.width=i,this.height=e,this.$changing=!1,this.$render())))}$reset(){const{x:t,y:s,width:i,height:e}=this.$initialSelection;return this.$change(t,s,i,e)}$clear(){return this.$change(0,0,0,0,NaN,!0),this.hidden=!0,this}$render(){return this.$setStyles({transform:`translate(${this.x}px, ${this.y}px)`,width:this.width,height:this.height})}$toCanvas(t){return new Promise(((s,i)=>{if(!this.isConnected)return void i(new Error("The current element is not connected to the DOM."));const e=document.createElement("canvas");let{width:h,height:n}=this,r=1;if(Z(t)&&(H(t.width)||H(t.height))&&(({width:h,height:n}=ut({aspectRatio:h/n,width:t.width,height:t.height})),r=h/this.width),e.width=h,e.height=n,!this.$canvas)return void s(e);const o=this.$canvas.querySelector(this.$getTagNameOf(b));o?o.$ready().then((i=>{const a=e.getContext("2d");if(a){const[s,c,l,d,u,p]=o.$getTransform(),b=-this.x,f=-this.y,m=(b*d-l*f)/(s*d-l*c),g=(f*s-c*b)/(s*d-l*c);let w=s*m+l*g+u,v=c*m+d*g+p,$=i.naturalWidth,k=i.naturalHeight;1!==r&&(w*=r,v*=r,$*=r,k*=r);const y=$/2,x=k/2;a.fillStyle="transparent",a.fillRect(0,0,h,n),Z(t)&&q(t.beforeDraw)&&t.beforeDraw.call(this,a,e),a.save(),a.translate(y,x),a.transform(s,c,l,d,w,v),a.translate(-y,-x),a.drawImage(i,0,0,$,k),a.restore()}s(e)})).catch(i):s(e)}))}}St.$name=f,St.$version="2.0.0";class Ot extends $t{constructor(){super(...arguments),this.$style=":host{display:flex;flex-direction:column;position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host([bordered]){border:1px dashed var(--theme-color)}:host([covered]){bottom:0;left:0;position:absolute;right:0;top:0}:host>span{display:flex;flex:1}:host>span+span{border-top:1px dashed var(--theme-color)}:host>span>span{flex:1}:host>span>span+span{border-left:1px dashed var(--theme-color)}",this.bordered=!1,this.columns=3,this.covered=!1,this.rows=3,this.slottable=!1,this.themeColor="rgba(238, 238, 238, 0.5)"}static get observedAttributes(){return super.observedAttributes.concat(["bordered","columns","covered","rows"])}$propertyChangedCallback(t,s,i){Object.is(i,s)||(super.$propertyChangedCallback(t,s,i),"rows"!==t&&"columns"!==t||this.$nextTick((()=>{this.$render()})))}connectedCallback(){super.connectedCallback(),this.$render()}$render(){const t=this.$getShadowRoot(),s=document.createDocumentFragment();for(let t=0;t<this.rows;t+=1){const t=document.createElement("span");t.setAttribute("role","row");for(let s=0;s<this.columns;s+=1){const s=document.createElement("span");s.setAttribute("role","gridcell"),t.appendChild(s)}s.appendChild(t)}t&&(t.innerHTML="",t.appendChild(s))}}Ot.$name=u,Ot.$version="2.0.0";class Tt extends $t{constructor(){super(...arguments),this.$style=':host{display:inline-block;height:1em;position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:1em}:host:after,:host:before{background-color:var(--theme-color);content:"";display:block;position:absolute}:host:before{height:1px;left:0;top:50%;transform:translateY(-50%);width:100%}:host:after{height:100%;left:50%;top:0;transform:translateX(-50%);width:1px}:host([centered]){left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}',this.centered=!1,this.slottable=!1,this.themeColor="rgba(238, 238, 238, 0.5)"}static get observedAttributes(){return super.observedAttributes.concat(["centered"])}}Tt.$name=d,Tt.$version="2.0.0";const Et=new WeakMap,Nt=new WeakMap,It=new WeakMap,Rt=new WeakMap,Xt="vertical";class _t extends $t{constructor(){super(...arguments),this.$onSelectionChange=null,this.$onSourceImageLoad=null,this.$onSourceImageTransform=null,this.$scale=1,this.$style=":host{display:block;height:100%;overflow:hidden;position:relative;width:100%}",this.resize=Xt,this.selection="",this.slottable=!1}set $image(t){Nt.set(this,t)}get $image(){return Nt.get(this)}set $sourceImage(t){Rt.set(this,t)}get $sourceImage(){return Rt.get(this)}set $canvas(t){Et.set(this,t)}get $canvas(){return Et.get(this)}set $selection(t){It.set(this,t)}get $selection(){return It.get(this)}static get observedAttributes(){return super.observedAttributes.concat(["resize","selection"])}connectedCallback(){super.connectedCallback();let t=null;if(t=this.selection?this.ownerDocument.querySelector(this.selection):this.closest(this.$getTagNameOf(f)),G(t)){this.$selection=t,this.$onSelectionChange=this.$handleSelectionChange.bind(this),ht(t,L,this.$onSelectionChange);const s=t.closest(this.$getTagNameOf(l));if(s){this.$canvas=s;const t=s.querySelector(this.$getTagNameOf(b));t&&(this.$sourceImage=t,this.$image=t.cloneNode(!0),this.$getShadowRoot().appendChild(this.$image),this.$onSourceImageLoad=this.$handleSourceImageLoad.bind(this),this.$onSourceImageTransform=this.$handleSourceImageTransform.bind(this),ht(t.$image,_,this.$onSourceImageLoad),ht(t,U,this.$onSourceImageTransform))}this.$render()}}disconnectedCallback(){const{$selection:t,$sourceImage:s}=this;t&&this.$onSelectionChange&&(et(t,L,this.$onSelectionChange),this.$onSelectionChange=null),s&&this.$onSourceImageLoad&&(et(s.$image,_,this.$onSourceImageLoad),this.$onSourceImageLoad=null),s&&this.$onSourceImageTransform&&(et(s,U,this.$onSourceImageTransform),this.$onSourceImageTransform=null),super.disconnectedCallback()}$handleSelectionChange(t){this.$render(t.detail)}$handleSourceImageLoad(){const{$image:t,$sourceImage:s}=this,i=t.getAttribute("src"),e=s.getAttribute("src");e&&e!==i&&(t.setAttribute("src",e),t.$ready((()=>{setTimeout((()=>{this.$render()}),50)})))}$handleSourceImageTransform(t){this.$render(void 0,t.detail.matrix)}$render(t,s){const{$canvas:i,$selection:e}=this;t||e.hidden||(t=e),(!t||0===t.x&&0===t.y&&0===t.width&&0===t.height)&&(t={x:0,y:0,width:i.offsetWidth,height:i.offsetHeight});const{x:h,y:n,width:r,height:o}=t,a={},{clientWidth:c,clientHeight:l}=this;let d=c,u=l,p=NaN;switch(this.resize){case"both":p=1,d=r,u=o,a.width=r,a.height=o;break;case"horizontal":p=o>0?l/o:0,d=r*p,a.width=d;break;case Xt:p=r>0?c/r:0,u=o*p,a.height=u;break;default:c>0?p=r>0?c/r:0:l>0&&(p=o>0?l/o:0)}this.$scale=p,this.$setStyles(a),this.$sourceImage&&this.$transformImageByOffset(null!=s?s:this.$sourceImage.$getTransform(),-h,-n)}$transformImageByOffset(t,s,i){const{$image:e,$scale:h,$sourceImage:n}=this;if(n&&e&&h>=0){const[n,r,o,a,c,l]=t,d=(s*a-o*i)/(n*a-o*r),u=(i*n-r*s)/(n*a-o*r),p=n*d+o*u+c,b=r*d+a*u+l;e.$ready((t=>{this.$setStyles.call(e,{width:t.naturalWidth*h,height:t.naturalHeight*h})})),e.$setTransform(n,r,o,a,p*h,b*h)}}}_t.$name=g,_t.$version="2.0.0",
1
+ import{r as t,a as s,h as i}from"./p-yFtRjnrU.js";import{T as e}from"./p-CSySY6aC.js";import{s as h}from"./p-6XOzWrsN.js";const n="undefined"!=typeof window&&void 0!==window.document,r=n?window:{},o=!!n&&"ontouchstart"in r.document.documentElement,a=!!n&&"PointerEvent"in r,c="cropper",l=`${c}-canvas`,d=`${c}-crosshair`,u=`${c}-grid`,p=`${c}-handle`,b=`${c}-image`,m=`${c}-selection`,f=`${c}-shade`,g=`${c}-viewer`,w="select",v="move",$="scale",k="rotate",y="transform",x="none",z="n-resize",M="e-resize",C="s-resize",A="w-resize",j="ne-resize",S="nw-resize",O="se-resize",T="sw-resize",E=a?"pointerdown":o?"touchstart":"mousedown",N=a?"pointermove":o?"touchmove":"mousemove",I=a?"pointerup pointercancel":o?"touchend touchcancel":"mouseup",R="error",X="keydown",_="load",Y="wheel",W="action",P="actionend",D="actionstart",L="change",U="transform",F=Number.isNaN||r.isNaN;function B(t){return"number"==typeof t&&!F(t)}function H(t){return B(t)&&t>0&&t<1/0}function K(t){return"object"==typeof t&&null!==t}const{hasOwnProperty:V}=Object.prototype;function Z(t){if(!K(t))return!1;try{const{constructor:s}=t,{prototype:i}=s;return s&&i&&V.call(i,"isPrototypeOf")}catch(t){return!1}}function q(t){return"function"==typeof t}function G(t){return"object"==typeof t&&null!==t&&1===t.nodeType}const J=/([a-z\d])([A-Z])/g;function Q(t){return String(t).replace(J,"$1-$2").toLowerCase()}const tt=/-[A-z\d]/g;function st(t){return t.replace(tt,(t=>t.slice(1).toUpperCase()))}const it=/\s\s*/;function et(t,s,i,e){s.trim().split(it).forEach((s=>{t.removeEventListener(s,i,e)}))}function ht(t,s,i,e){s.trim().split(it).forEach((s=>{t.addEventListener(s,i,e)}))}function nt(t,s,i,e){ht(t,s,i,Object.assign(Object.assign({},e),{once:!0}))}const rt={bubbles:!0,cancelable:!0,composed:!0},ot=Promise.resolve();function at(t){const{documentElement:s}=t.ownerDocument,i=t.getBoundingClientRect();return{left:i.left+(r.pageXOffset-s.clientLeft),top:i.top+(r.pageYOffset-s.clientTop)}}const ct=/deg|g?rad|turn$/i;function lt(t){const s=parseFloat(t)||0;if(0!==s){const[i="rad"]=String(t).match(ct)||[];switch(i.toLowerCase()){case"deg":return s/360*(2*Math.PI);case"grad":return s/400*(2*Math.PI);case"turn":return s*(2*Math.PI)}}return s}const dt="contain";function ut(t,s=dt){const{aspectRatio:i}=t;let{width:e,height:h}=t;const n=H(e),r=H(h);if(n&&r){const t=h*i;s===dt&&t>e||"cover"===s&&t<e?h=e/i:e=h*i}else n?h=e/i:r&&(e=h*i);return{width:e,height:h}}function pt(t,...s){if(0===s.length)return t;const[i,e,h,n,r,o]=t,[a,c,l,d,u,p]=s[0];return pt(t=[i*a+h*c,e*a+n*c,i*l+h*d,e*l+n*d,i*u+h*p+r,e*u+n*p+o],...s.slice(1))}const bt=/left|top|width|height/i,mt="open",ft=new WeakMap,gt=new WeakMap,wt=new Map,vt=r.document&&Array.isArray(r.document.adoptedStyleSheets)&&"replaceSync"in r.CSSStyleSheet.prototype;class $t extends HTMLElement{get $sharedStyle(){return(this.themeColor?`:host{--theme-color: ${this.themeColor};}`:"")+":host([hidden]){display:none!important}"}constructor(){var t,s;super(),this.shadowRootMode=mt,this.slottable=!0;const i=null===(s=null===(t=Object.getPrototypeOf(this))||void 0===t?void 0:t.constructor)||void 0===s?void 0:s.$name;i&&wt.set(i,this.tagName.toLowerCase())}static get observedAttributes(){return["shadow-root-mode","slottable","theme-color"]}attributeChangedCallback(t,s,i){if(Object.is(i,s))return;const e=st(t);let h=i;switch(typeof this[e]){case"boolean":h=null!==i&&"false"!==i;break;case"number":h=Number(i)}switch(this[e]=h,t){case"theme-color":{const t=gt.get(this),s=this.$sharedStyle;t&&s&&(vt?t.replaceSync(s):t.textContent=s);break}}}$propertyChangedCallback(t,s,i){if(!Object.is(i,s))switch(t=Q(t),typeof i){case"boolean":!0===i?this.hasAttribute(t)||this.setAttribute(t,""):this.removeAttribute(t);break;case"number":i=F(i)?"":String(i);default:i?this.getAttribute(t)!==i&&this.setAttribute(t,i):this.removeAttribute(t)}}connectedCallback(){Object.getPrototypeOf(this).constructor.observedAttributes.forEach((t=>{const s=st(t);let i=this[s];(function(t){return void 0===t})(i)||this.$propertyChangedCallback(s,void 0,i),Object.defineProperty(this,s,{enumerable:!0,configurable:!0,get:()=>i,set(t){const e=i;i=t,this.$propertyChangedCallback(s,e,t)}})}));const t=this.attachShadow({mode:this.shadowRootMode||mt});if(this.shadowRoot||ft.set(this,t),gt.set(this,this.$addStyles(this.$sharedStyle)),this.$style&&this.$addStyles(this.$style),this.$template){const s=document.createElement("template");s.innerHTML=this.$template,t.appendChild(s.content)}if(this.slottable){const s=document.createElement("slot");t.appendChild(s)}}disconnectedCallback(){gt.has(this)&&gt.delete(this),ft.has(this)&&ft.delete(this)}$getTagNameOf(t){var s;return null!==(s=wt.get(t))&&void 0!==s?s:t}$setStyles(t){return Object.keys(t).forEach((s=>{let i=t[s];B(i)&&(i=0!==i&&bt.test(s)?`${i}px`:String(i)),this.style[s]=i})),this}$getShadowRoot(){return this.shadowRoot||ft.get(this)}$addStyles(t){let s;const i=this.$getShadowRoot();return vt?(s=new CSSStyleSheet,s.replaceSync(t),i.adoptedStyleSheets=i.adoptedStyleSheets.concat(s)):(s=document.createElement("style"),s.textContent=t,i.appendChild(s)),s}$emit(t,s,i){return function(t,s,i,e){return t.dispatchEvent(new CustomEvent(s,Object.assign(Object.assign(Object.assign({},rt),{detail:i}),e)))}(this,t,s,i)}$nextTick(t){return function(t,s){return s?ot.then(t?s.bind(t):s):ot}(this,t)}static $define(t,s){K(t)&&(s=t,t=""),t||(t=this.$name||this.name),t=Q(t),n&&r.customElements&&!r.customElements.get(t)&&customElements.define(t,this,s)}}$t.$version="2.0.0";class kt extends $t{constructor(){super(...arguments),this.$onPointerDown=null,this.$onPointerMove=null,this.$onPointerUp=null,this.$onWheel=null,this.$wheeling=!1,this.$pointers=new Map,this.$style=':host{display:block;min-height:100px;min-width:200px;overflow:hidden;position:relative;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host([background]){background-color:#fff;background-image:repeating-linear-gradient(45deg,#ccc 25%,transparent 0,transparent 75%,#ccc 0,#ccc),repeating-linear-gradient(45deg,#ccc 25%,transparent 0,transparent 75%,#ccc 0,#ccc);background-image:repeating-conic-gradient(#ccc 0 25%,#fff 0 50%);background-position:0 0,.5rem .5rem;background-size:1rem 1rem}:host([disabled]){pointer-events:none}:host([disabled]):after{bottom:0;content:"";cursor:not-allowed;display:block;left:0;pointer-events:none;position:absolute;right:0;top:0}',this.$action=x,this.background=!1,this.disabled=!1,this.scaleStep=.1,this.themeColor="#39f"}static get observedAttributes(){return super.observedAttributes.concat(["background","disabled","scale-step"])}connectedCallback(){super.connectedCallback(),this.disabled||this.$bind()}disconnectedCallback(){this.disabled||this.$unbind(),super.disconnectedCallback()}$propertyChangedCallback(t,s,i){Object.is(i,s)||(super.$propertyChangedCallback(t,s,i),"disabled"!==t)||(i?this.$unbind():this.$bind())}$bind(){this.$onPointerDown||(this.$onPointerDown=this.$handlePointerDown.bind(this),ht(this,E,this.$onPointerDown)),this.$onPointerMove||(this.$onPointerMove=this.$handlePointerMove.bind(this),ht(this.ownerDocument,N,this.$onPointerMove)),this.$onPointerUp||(this.$onPointerUp=this.$handlePointerUp.bind(this),ht(this.ownerDocument,I,this.$onPointerUp)),this.$onWheel||(this.$onWheel=this.$handleWheel.bind(this),ht(this,Y,this.$onWheel,{passive:!1,capture:!0}))}$unbind(){this.$onPointerDown&&(et(this,E,this.$onPointerDown),this.$onPointerDown=null),this.$onPointerMove&&(et(this.ownerDocument,N,this.$onPointerMove),this.$onPointerMove=null),this.$onPointerUp&&(et(this.ownerDocument,I,this.$onPointerUp),this.$onPointerUp=null),this.$onWheel&&(et(this,Y,this.$onWheel,{capture:!0}),this.$onWheel=null)}$handlePointerDown(t){const{buttons:s,button:i,type:e}=t;if(this.disabled||("pointerdown"===e&&"mouse"===t.pointerType||"mousedown"===e)&&(B(s)&&1!==s||B(i)&&0!==i||t.ctrlKey))return;const{$pointers:h}=this;let n="";if(t.changedTouches)Array.from(t.changedTouches).forEach((({identifier:t,pageX:s,pageY:i})=>{h.set(t,{startX:s,startY:i,endX:s,endY:i})}));else{const{pointerId:s=0,pageX:i,pageY:e}=t;h.set(s,{startX:i,startY:e,endX:i,endY:e})}h.size>1?n=y:G(t.target)&&(n=t.target.action||t.target.getAttribute("action")||""),!1!==this.$emit(D,{action:n,relatedEvent:t})&&(t.preventDefault(),this.$action=n,this.style.willChange="transform")}$handlePointerMove(t){const{$action:s,$pointers:i}=this;if(this.disabled||s===x||0===i.size)return;if(!1===this.$emit("actionmove",{action:s,relatedEvent:t}))return;if(t.preventDefault(),t.changedTouches)Array.from(t.changedTouches).forEach((({identifier:t,pageX:s,pageY:e})=>{const h=i.get(t);h&&Object.assign(h,{endX:s,endY:e})}));else{const{pointerId:s=0,pageX:e,pageY:h}=t,n=i.get(s);n&&Object.assign(n,{endX:e,endY:h})}const e={action:s,relatedEvent:t};if(s===y){const s=new Map(i);let h=0,n=0,r=0,o=0,a=t.pageX,c=t.pageY;i.forEach(((t,i)=>{s.delete(i),s.forEach((s=>{let i=s.startX-t.startX,e=s.startY-t.startY,l=s.endX-t.endX,d=s.endY-t.endY,u=0,p=0,b=0,m=0;if(0===i?e<0?b=2*Math.PI:e>0&&(b=Math.PI):i>0?b=Math.PI/2+Math.atan(e/i):i<0&&(b=1.5*Math.PI+Math.atan(e/i)),0===l?d<0?m=2*Math.PI:d>0&&(m=Math.PI):l>0?m=Math.PI/2+Math.atan(d/l):l<0&&(m=1.5*Math.PI+Math.atan(d/l)),m>0||b>0){const i=m-b,e=Math.abs(i);e>h&&(h=e,r=i,a=(t.startX+s.startX)/2,c=(t.startY+s.startY)/2)}if(i=Math.abs(i),e=Math.abs(e),l=Math.abs(l),d=Math.abs(d),i>0&&e>0?u=Math.sqrt(i*i+e*e):i>0?u=i:e>0&&(u=e),l>0&&d>0?p=Math.sqrt(l*l+d*d):l>0?p=l:d>0&&(p=d),u>0&&p>0){const i=(p-u)/u,e=Math.abs(i);e>n&&(n=e,o=i,a=(t.startX+s.startX)/2,c=(t.startY+s.startY)/2)}}))}));const l=h>0,d=n>0;l&&d?(e.rotate=r,e.scale=o,e.centerX=a,e.centerY=c):l?(e.action=k,e.rotate=r,e.centerX=a,e.centerY=c):d?(e.action=$,e.scale=o,e.centerX=a,e.centerY=c):e.action=x}else{const[t]=Array.from(i.values());Object.assign(e,t)}i.forEach((t=>{t.startX=t.endX,t.startY=t.endY})),e.action!==x&&this.$emit(W,e,{cancelable:!1})}$handlePointerUp(t){const{$action:s,$pointers:i}=this;if(!this.disabled&&s!==x&&!1!==this.$emit(P,{action:s,relatedEvent:t})){if(t.preventDefault(),t.changedTouches)Array.from(t.changedTouches).forEach((({identifier:t})=>{i.delete(t)}));else{const{pointerId:s=0}=t;i.delete(s)}0===i.size&&(this.style.willChange="",this.$action=x)}}$handleWheel(t){this.disabled||(t.preventDefault(),this.$wheeling||(this.$wheeling=!0,setTimeout((()=>{this.$wheeling=!1}),50),this.$emit(W,{action:$,scale:(t.deltaY>0?-1:1)*this.scaleStep,relatedEvent:t},{cancelable:!1})))}$setAction(t){return"string"==typeof t&&(this.$action=t),this}$toCanvas(t){return new Promise(((s,i)=>{if(!this.isConnected)return void i(new Error("The current element is not connected to the DOM."));const e=document.createElement("canvas");let h=this.offsetWidth,n=this.offsetHeight,r=1;Z(t)&&(H(t.width)||H(t.height))&&(({width:h,height:n}=ut({aspectRatio:h/n,width:t.width,height:t.height})),r=h/this.offsetWidth),e.width=h,e.height=n;const o=this.querySelector(this.$getTagNameOf(b));o?o.$ready().then((i=>{const a=e.getContext("2d");if(a){const[s,c,l,d,u,p]=o.$getTransform();let b=u,m=p,f=i.naturalWidth,g=i.naturalHeight;1!==r&&(b*=r,m*=r,f*=r,g*=r);const w=f/2,v=g/2;a.fillStyle="transparent",a.fillRect(0,0,h,n),Z(t)&&q(t.beforeDraw)&&t.beforeDraw.call(this,a,e),a.save(),a.translate(w,v),a.transform(s,c,l,d,b,m),a.translate(-w,-v),a.drawImage(i,0,0,f,g),a.restore()}s(e)})).catch(i):s(e)}))}}kt.$name=l,kt.$version="2.0.0";const yt=new WeakMap,xt=["alt","crossorigin","decoding","importance","loading","referrerpolicy","sizes","src","srcset"];class zt extends $t{constructor(){super(...arguments),this.$matrix=[1,0,0,1,0,0],this.$onLoad=null,this.$onCanvasAction=null,this.$onCanvasActionEnd=null,this.$onCanvasActionStart=null,this.$actionStartTarget=null,this.$style=":host{display:inline-block}img{display:block;height:100%;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}",this.$image=new Image,this.initialCenterSize="contain",this.rotatable=!1,this.scalable=!1,this.skewable=!1,this.slottable=!1,this.translatable=!1}set $canvas(t){yt.set(this,t)}get $canvas(){return yt.get(this)}static get observedAttributes(){return super.observedAttributes.concat(xt,["initial-center-size","rotatable","scalable","skewable","translatable"])}attributeChangedCallback(t,s,i){Object.is(i,s)||(super.attributeChangedCallback(t,s,i),xt.includes(t)&&this.$image.setAttribute(t,i))}$propertyChangedCallback(t,s,i){Object.is(i,s)||(super.$propertyChangedCallback(t,s,i),"initialCenterSize"!==t)||this.$nextTick((()=>{this.$center(i)}))}connectedCallback(){super.connectedCallback();const{$image:t}=this,s=this.closest(this.$getTagNameOf(l));s&&(this.$canvas=s,this.$setStyles({display:"block",position:"absolute"}),this.$onCanvasActionStart=t=>{var s,i;this.$actionStartTarget=null===(i=null===(s=t.detail)||void 0===s?void 0:s.relatedEvent)||void 0===i?void 0:i.target},this.$onCanvasActionEnd=()=>{this.$actionStartTarget=null},this.$onCanvasAction=this.$handleAction.bind(this),ht(s,D,this.$onCanvasActionStart),ht(s,P,this.$onCanvasActionEnd),ht(s,W,this.$onCanvasAction)),this.$onLoad=this.$handleLoad.bind(this),ht(t,_,this.$onLoad),this.$getShadowRoot().appendChild(t)}disconnectedCallback(){const{$image:t,$canvas:s}=this;s&&(this.$onCanvasActionStart&&(et(s,D,this.$onCanvasActionStart),this.$onCanvasActionStart=null),this.$onCanvasActionEnd&&(et(s,P,this.$onCanvasActionEnd),this.$onCanvasActionEnd=null),this.$onCanvasAction&&(et(s,W,this.$onCanvasAction),this.$onCanvasAction=null)),t&&this.$onLoad&&(et(t,_,this.$onLoad),this.$onLoad=null),this.$getShadowRoot().removeChild(t),super.disconnectedCallback()}$handleLoad(){const{$image:t}=this;this.$setStyles({width:t.naturalWidth,height:t.naturalHeight}),this.$canvas&&this.$center(this.initialCenterSize)}$handleAction(t){if(this.hidden||!(this.rotatable||this.scalable||this.translatable))return;const{$canvas:s}=this,{detail:i}=t;if(i){const{relatedEvent:t}=i;let{action:e}=i;switch(e!==y||this.rotatable&&this.scalable||(e=this.rotatable?k:this.scalable?$:x),e){case v:if(this.translatable){let e=null;t&&(e=t.target.closest(this.$getTagNameOf(m))),e||(e=s.querySelector(this.$getTagNameOf(m))),e&&e.multiple&&!e.active&&(e=s.querySelector(`${this.$getTagNameOf(m)}[active]`)),e&&!e.hidden&&e.movable&&!e.dynamic&&this.$actionStartTarget&&e.contains(this.$actionStartTarget)||this.$move(i.endX-i.startX,i.endY-i.startY)}break;case k:if(this.rotatable)if(t){const{x:s,y:e}=this.getBoundingClientRect();this.$rotate(i.rotate,t.clientX-s,t.clientY-e)}else this.$rotate(i.rotate);break;case $:if(this.scalable)if(t){const s=t.target.closest(this.$getTagNameOf(m));if(!s||!s.zoomable||s.zoomable&&s.dynamic){const{x:s,y:e}=this.getBoundingClientRect();this.$zoom(i.scale,t.clientX-s,t.clientY-e)}}else this.$zoom(i.scale);break;case y:if(this.rotatable&&this.scalable){const{rotate:s}=i;let{scale:e}=i;e<0?e=1/(1-e):e+=1;const h=Math.cos(s),n=Math.sin(s),[r,o,a,c]=[h*e,n*e,-n*e,h*e];if(t){const s=this.getBoundingClientRect(),i=t.clientX-s.x,e=t.clientY-s.y,[h,n,l,d]=this.$matrix,u=i-s.width/2,p=e-s.height/2,b=(u*d-l*p)/(h*d-l*n),m=(p*h-n*u)/(h*d-l*n);this.$transform(r,o,a,c,b*(1-r)+m*a,m*(1-c)+b*o)}else this.$transform(r,o,a,c,0,0)}}}}$ready(t){const{$image:s}=this,i=new Promise(((t,i)=>{const e=new Error("Failed to load the image source");if(s.complete)s.naturalWidth>0&&s.naturalHeight>0?t(s):i(e);else{const h=()=>{et(s,R,n),t(s)},n=()=>{et(s,_,h),i(e)};nt(s,_,h),nt(s,R,n)}}));return q(t)&&i.then((s=>(t(s),s))),i}$center(t){const{parentElement:s}=this;if(!s)return this;const i=s.getBoundingClientRect(),e=i.width,h=i.height,{x:n,y:r,width:o,height:a}=this.getBoundingClientRect();if(this.$move(i.x+e/2-(n+o/2),i.y+h/2-(r+a/2)),t&&(o!==e||a!==h)){const s=e/o,i=h/a;switch(t){case"cover":this.$scale(Math.max(s,i));break;case"contain":this.$scale(Math.min(s,i))}}return this}$move(t,s=t){if(this.translatable&&B(t)&&B(s)){const[i,e,h,n]=this.$matrix;this.$translate((t*n-h*s)/(i*n-h*e),(s*i-e*t)/(i*n-h*e))}return this}$moveTo(t,s=t){if(this.translatable&&B(t)&&B(s)){const[i,e,h,n]=this.$matrix;this.$setTransform(i,e,h,n,(t*n-h*s)/(i*n-h*e),(s*i-e*t)/(i*n-h*e))}return this}$rotate(t,s,i){if(this.rotatable){const e=lt(t),h=Math.cos(e),n=Math.sin(e),[r,o,a,c]=[h,n,-n,h];if(B(s)&&B(i)){const[t,e,h,n]=this.$matrix,{width:l,height:d}=this.getBoundingClientRect(),u=s-l/2,p=i-d/2,b=(u*n-h*p)/(t*n-h*e),m=(p*t-e*u)/(t*n-h*e);this.$transform(r,o,a,c,b*(1-r)-m*a,m*(1-c)-b*o)}else this.$transform(r,o,a,c,0,0)}return this}$zoom(t,s,i){if(!this.scalable||0===t)return this;if(t<0?t=1/(1-t):t+=1,B(s)&&B(i)){const[e,h,n,r]=this.$matrix,{width:o,height:a}=this.getBoundingClientRect(),c=s-o/2,l=i-a/2;this.$transform(t,0,0,t,(c*r-n*l)/(e*r-n*h)*(1-t),(l*e-h*c)/(e*r-n*h)*(1-t))}else this.$scale(t);return this}$scale(t,s=t){return this.scalable&&this.$transform(t,0,0,s,0,0),this}$skew(t,s=0){if(this.skewable){const i=lt(t),e=lt(s);this.$transform(1,Math.tan(e),Math.tan(i),1,0,0)}return this}$translate(t,s=t){return this.translatable&&B(t)&&B(s)&&this.$transform(1,0,0,1,t,s),this}$transform(t,s,i,e,h,n){return B(t)&&B(s)&&B(i)&&B(e)&&B(h)&&B(n)?this.$setTransform(pt(this.$matrix,[t,s,i,e,h,n])):this}$setTransform(t,s,i,e,h,n){if((this.rotatable||this.scalable||this.skewable||this.translatable)&&(Array.isArray(t)&&([t,s,i,e,h,n]=t),B(t)&&B(s)&&B(i)&&B(e)&&B(h)&&B(n))){const r=[...this.$matrix],o=[t,s,i,e,h,n];if(!1===this.$emit(U,{matrix:o,oldMatrix:r}))return this;this.$matrix=o,this.style.transform=`matrix(${o.join(", ")})`}return this}$getTransform(){return this.$matrix.slice()}$resetTransform(){return this.$setTransform([1,0,0,1,0,0])}}zt.$name=b,zt.$version="2.0.0";const Mt=new WeakMap;class Ct extends $t{constructor(){super(...arguments),this.$onCanvasChange=null,this.$onCanvasActionEnd=null,this.$onCanvasActionStart=null,this.$style=":host{display:block;height:0;left:0;outline:var(--theme-color) solid 1px;position:relative;top:0;width:0}:host([transparent]){outline-color:transparent}",this.x=0,this.y=0,this.width=0,this.height=0,this.slottable=!1,this.themeColor="rgba(0, 0, 0, 0.65)"}set $canvas(t){Mt.set(this,t)}get $canvas(){return Mt.get(this)}static get observedAttributes(){return super.observedAttributes.concat(["height","width","x","y"])}connectedCallback(){super.connectedCallback();const t=this.closest(this.$getTagNameOf(l));if(t){this.$canvas=t,this.style.position="absolute";const s=t.querySelector(this.$getTagNameOf(m));s&&(this.$onCanvasActionStart=t=>{s.hidden&&t.detail.action===w&&(this.hidden=!1)},this.$onCanvasActionEnd=t=>{s.hidden&&t.detail.action===w&&(this.hidden=!0)},this.$onCanvasChange=t=>{const{x:i,y:e,width:h,height:n}=t.detail;this.$change(i,e,h,n),(s.hidden||0===i&&0===e&&0===h&&0===n)&&(this.hidden=!0)},ht(t,D,this.$onCanvasActionStart),ht(t,P,this.$onCanvasActionEnd),ht(t,L,this.$onCanvasChange))}this.$render()}disconnectedCallback(){const{$canvas:t}=this;t&&(this.$onCanvasActionStart&&(et(t,D,this.$onCanvasActionStart),this.$onCanvasActionStart=null),this.$onCanvasActionEnd&&(et(t,P,this.$onCanvasActionEnd),this.$onCanvasActionEnd=null),this.$onCanvasChange&&(et(t,L,this.$onCanvasChange),this.$onCanvasChange=null)),super.disconnectedCallback()}$change(t,s,i=this.width,e=this.height){return B(t)&&B(s)&&B(i)&&B(e)&&(t!==this.x||s!==this.y||i!==this.width||e!==this.height)?(this.hidden&&(this.hidden=!1),this.x=t,this.y=s,this.width=i,this.height=e,this.$render()):this}$reset(){return this.$change(0,0,0,0)}$render(){return this.$setStyles({transform:`translate(${this.x}px, ${this.y}px)`,width:this.width,height:this.height,outlineWidth:r.innerWidth})}}Ct.$name=f,Ct.$version="2.0.0";class At extends $t{constructor(){super(...arguments),this.$onCanvasCropEnd=null,this.$onCanvasCropStart=null,this.$style=':host{background-color:var(--theme-color);display:block}:host([action=move]),:host([action=select]){height:100%;left:0;position:absolute;top:0;width:100%}:host([action=move]){cursor:move}:host([action=select]){cursor:crosshair}:host([action$=-resize]){background-color:transparent;height:15px;position:absolute;width:15px}:host([action$=-resize]):after{background-color:var(--theme-color);content:"";display:block;height:5px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:5px}:host([action=n-resize]),:host([action=s-resize]){cursor:ns-resize;left:50%;transform:translateX(-50%);width:100%}:host([action=n-resize]){top:-8px}:host([action=s-resize]){bottom:-8px}:host([action=e-resize]),:host([action=w-resize]){cursor:ew-resize;height:100%;top:50%;transform:translateY(-50%)}:host([action=e-resize]){right:-8px}:host([action=w-resize]){left:-8px}:host([action=ne-resize]){cursor:nesw-resize;right:-8px;top:-8px}:host([action=nw-resize]){cursor:nwse-resize;left:-8px;top:-8px}:host([action=se-resize]){bottom:-8px;cursor:nwse-resize;right:-8px}:host([action=se-resize]):after{height:15px;width:15px}@media (pointer:coarse){:host([action=se-resize]):after{height:10px;width:10px}}@media (pointer:fine){:host([action=se-resize]):after{height:5px;width:5px}}:host([action=sw-resize]){bottom:-8px;cursor:nesw-resize;left:-8px}:host([plain]){background-color:transparent}',this.action=x,this.plain=!1,this.slottable=!1,this.themeColor="rgba(51, 153, 255, 0.5)"}static get observedAttributes(){return super.observedAttributes.concat(["action","plain"])}}At.$name=p,At.$version="2.0.0";const jt=new WeakMap;class St extends $t{constructor(){super(...arguments),this.$onCanvasAction=null,this.$onCanvasActionStart=null,this.$onCanvasActionEnd=null,this.$onDocumentKeyDown=null,this.$action="",this.$actionStartTarget=null,this.$changing=!1,this.$style=':host{display:block;left:0;position:relative;right:0}:host([outlined]){outline:1px solid var(--theme-color)}:host([multiple]){outline:1px dashed hsla(0,0%,100%,.5)}:host([multiple]):after{bottom:0;content:"";cursor:pointer;display:block;left:0;position:absolute;right:0;top:0}:host([multiple][active]){outline-color:var(--theme-color);z-index:1}:host([multiple])>*{visibility:hidden}:host([multiple][active])>*{visibility:visible}:host([multiple][active]):after{display:none}',this.$initialSelection={x:0,y:0,width:0,height:0},this.x=0,this.y=0,this.width=0,this.height=0,this.aspectRatio=NaN,this.initialAspectRatio=NaN,this.initialCoverage=NaN,this.active=!1,this.linked=!1,this.dynamic=!1,this.movable=!1,this.resizable=!1,this.zoomable=!1,this.multiple=!1,this.keyboard=!1,this.outlined=!1,this.precise=!1}set $canvas(t){jt.set(this,t)}get $canvas(){return jt.get(this)}static get observedAttributes(){return super.observedAttributes.concat(["active","aspect-ratio","dynamic","height","initial-aspect-ratio","initial-coverage","keyboard","linked","movable","multiple","outlined","precise","resizable","width","x","y","zoomable"])}$propertyChangedCallback(t,s,i){if(!Object.is(i,s))switch(super.$propertyChangedCallback(t,s,i),t){case"x":case"y":case"width":case"height":this.$changing||this.$nextTick((()=>{this.$change(this.x,this.y,this.width,this.height,this.aspectRatio,!0)}));break;case"aspectRatio":case"initialAspectRatio":this.$nextTick((()=>{this.$initSelection()}));break;case"initialCoverage":this.$nextTick((()=>{H(i)&&i<=1&&this.$initSelection(!0,!0)}));break;case"keyboard":this.$nextTick((()=>{this.$canvas&&(i?this.$onDocumentKeyDown||(this.$onDocumentKeyDown=this.$handleKeyDown.bind(this),ht(this.ownerDocument,X,this.$onDocumentKeyDown)):this.$onDocumentKeyDown&&(et(this.ownerDocument,X,this.$onDocumentKeyDown),this.$onDocumentKeyDown=null))}));break;case"multiple":this.$nextTick((()=>{if(this.$canvas){const t=this.$getSelections();i?(t.forEach((t=>{t.active=!1})),this.active=!0,this.$emit(L,{x:this.x,y:this.y,width:this.width,height:this.height})):(this.active=!1,t.slice(1).forEach((t=>{this.$removeSelection(t)})))}}));break;case"precise":this.$nextTick((()=>{this.$change(this.x,this.y)}));break;case"linked":i&&(this.dynamic=!0)}}connectedCallback(){super.connectedCallback();const t=this.closest(this.$getTagNameOf(l));t?(this.$canvas=t,this.$setStyles({position:"absolute",transform:`translate(${this.x}px, ${this.y}px)`}),this.hidden||this.$render(),this.$initSelection(!0),this.$onCanvasActionStart=this.$handleActionStart.bind(this),this.$onCanvasActionEnd=this.$handleActionEnd.bind(this),this.$onCanvasAction=this.$handleAction.bind(this),ht(t,D,this.$onCanvasActionStart),ht(t,P,this.$onCanvasActionEnd),ht(t,W,this.$onCanvasAction)):this.$render()}disconnectedCallback(){const{$canvas:t}=this;t&&(this.$onCanvasActionStart&&(et(t,D,this.$onCanvasActionStart),this.$onCanvasActionStart=null),this.$onCanvasActionEnd&&(et(t,P,this.$onCanvasActionEnd),this.$onCanvasActionEnd=null),this.$onCanvasAction&&(et(t,W,this.$onCanvasAction),this.$onCanvasAction=null)),super.disconnectedCallback()}$getSelections(){let t=[];return this.parentElement&&(t=Array.from(this.parentElement.querySelectorAll(this.$getTagNameOf(m)))),t}$initSelection(t=!1,s=!1){const{initialCoverage:i,parentElement:e}=this;if(H(i)&&e){const h=this.aspectRatio||this.initialAspectRatio;let n=(s?0:this.width)||e.offsetWidth*i,r=(s?0:this.height)||e.offsetHeight*i;H(h)&&({width:n,height:r}=ut({aspectRatio:h,width:n,height:r})),this.$change(this.x,this.y,n,r),t&&this.$center(),this.$initialSelection={x:this.x,y:this.y,width:this.width,height:this.height}}}$createSelection(){const t=this.cloneNode(!0);return this.hasAttribute("id")&&t.removeAttribute("id"),t.initialCoverage=NaN,this.active=!1,this.parentElement&&this.parentElement.insertBefore(t,this.nextSibling),t}$removeSelection(t=this){if(this.parentElement){const s=this.$getSelections();if(s.length>1){const i=s.indexOf(t),e=s[i+1]||s[i-1];e&&(t.active=!1,this.parentElement.removeChild(t),e.active=!0,e.$emit(L,{x:e.x,y:e.y,width:e.width,height:e.height}))}else this.$clear()}}$handleActionStart(t){var s,i;const e=null===(i=null===(s=t.detail)||void 0===s?void 0:s.relatedEvent)||void 0===i?void 0:i.target;this.$action="",this.$actionStartTarget=e,!this.hidden&&this.multiple&&!this.active&&e===this&&this.parentElement&&(this.$getSelections().forEach((t=>{t.active=!1})),this.active=!0,this.$emit(L,{x:this.x,y:this.y,width:this.width,height:this.height}))}$handleAction(t){const{currentTarget:s,detail:i}=t;if(!s||!i)return;const{relatedEvent:e}=i;let{action:h}=i;if(!h&&this.multiple&&(h=this.$action||(null==e?void 0:e.target.action),this.$action=h),!h||this.hidden&&h!==w||this.multiple&&!this.active&&h!==$)return;const n=i.endX-i.startX,r=i.endY-i.startY,{width:o,height:a}=this;let{aspectRatio:c}=this;switch(!H(c)&&e.shiftKey&&(c=H(o)&&H(a)?o/a:1),h){case w:if(0!==n&&0!==r){const{$canvas:t}=this,e=at(s);(this.multiple&&!this.hidden?this.$createSelection():this).$change(i.startX-e.left,i.startY-e.top,Math.abs(n),Math.abs(r),c),n<0?r<0?h=S:r>0&&(h=T):n>0&&(r<0?h=j:r>0&&(h=O)),t&&(t.$action=h)}break;case v:this.movable&&(this.dynamic||this.$actionStartTarget&&this.contains(this.$actionStartTarget))&&this.$move(n,r);break;case $:if(e&&this.zoomable&&(this.dynamic||this.contains(e.target))){const t=at(s);this.$zoom(i.scale,e.pageX-t.left,e.pageY-t.top)}break;default:this.$resize(h,n,r,c)}}$handleActionEnd(){this.$action="",this.$actionStartTarget=null}$handleKeyDown(t){if(this.hidden||!this.keyboard||this.multiple&&!this.active||t.defaultPrevented)return;const{activeElement:s}=document;if(!s||!["INPUT","TEXTAREA"].includes(s.tagName)&&!["true","plaintext-only"].includes(s.contentEditable))switch(t.key){case"Backspace":t.metaKey&&(t.preventDefault(),this.$removeSelection());break;case"Delete":t.preventDefault(),this.$removeSelection();break;case"ArrowLeft":t.preventDefault(),this.$move(-1,0);break;case"ArrowRight":t.preventDefault(),this.$move(1,0);break;case"ArrowUp":t.preventDefault(),this.$move(0,-1);break;case"ArrowDown":t.preventDefault(),this.$move(0,1);break;case"+":t.preventDefault(),this.$zoom(.1);break;case"-":t.preventDefault(),this.$zoom(-.1)}}$center(){const{parentElement:t}=this;return t?this.$change((t.offsetWidth-this.width)/2,(t.offsetHeight-this.height)/2):this}$move(t,s=t){return this.$moveTo(this.x+t,this.y+s)}$moveTo(t,s=t){return this.movable?this.$change(t,s):this}$resize(t,s=0,i=0,e=this.aspectRatio){if(!this.resizable)return this;const h=H(e),{$canvas:n}=this;let{x:r,y:o,width:a,height:c}=this;switch(t){case z:o+=i,c-=i,c<0&&(t=C,c=-c,o-=c),h&&(r+=(s=i*e)/2,a-=s,a<0&&(a=-a,r-=a));break;case M:a+=s,a<0&&(t=A,a=-a,r-=a),h&&(o-=(i=s/e)/2,c+=i,c<0&&(c=-c,o-=c));break;case C:c+=i,c<0&&(t=z,c=-c,o-=c),h&&(r-=(s=i*e)/2,a+=s,a<0&&(a=-a,r-=a));break;case A:r+=s,a-=s,a<0&&(t=M,a=-a,r-=a),h&&(o+=(i=s/e)/2,c-=i,c<0&&(c=-c,o-=c));break;case j:h&&(i=-s/e),o+=i,c-=i,a+=s,a<0&&c<0?(t=T,a=-a,c=-c,r-=a,o-=c):a<0?(t=S,a=-a,r-=a):c<0&&(t=O,c=-c,o-=c);break;case S:h&&(i=s/e),r+=s,o+=i,a-=s,c-=i,a<0&&c<0?(t=O,a=-a,c=-c,r-=a,o-=c):a<0?(t=j,a=-a,r-=a):c<0&&(t=T,c=-c,o-=c);break;case O:h&&(i=s/e),a+=s,c+=i,a<0&&c<0?(t=S,a=-a,c=-c,r-=a,o-=c):a<0?(t=T,a=-a,r-=a):c<0&&(t=j,c=-c,o-=c);break;case T:h&&(i=-s/e),r+=s,a-=s,c+=i,a<0&&c<0?(t=j,a=-a,c=-c,r-=a,o-=c):a<0?(t=O,a=-a,r-=a):c<0&&(t=S,c=-c,o-=c)}return n&&n.$setAction(t),this.$change(r,o,a,c)}$zoom(t,s,i){if(!this.zoomable||0===t)return this;t<0?t=1/(1-t):t+=1;const{width:e,height:h}=this,n=e*t,r=h*t;let o=this.x,a=this.y;return B(s)&&B(i)?(o-=(s-this.x)/e*(n-e),a-=(i-this.y)/h*(r-h)):(o-=(n-e)/2,a-=(r-h)/2),this.$change(o,a,n,r)}$change(t,s,i=this.width,e=this.height,h=this.aspectRatio,n=!1){return this.$changing||!B(t)||!B(s)||!B(i)||!B(e)||i<0||e<0?this:(H(h)&&({width:i,height:e}=ut({aspectRatio:h,width:i,height:e},"cover")),this.precise||(t=Math.round(t),s=Math.round(s),i=Math.round(i),e=Math.round(e)),t===this.x&&s===this.y&&i===this.width&&e===this.height&&Object.is(h,this.aspectRatio)&&!n?this:(this.hidden&&(this.hidden=!1),!1===this.$emit(L,{x:t,y:s,width:i,height:e})?this:(this.$changing=!0,this.x=t,this.y=s,this.width=i,this.height=e,this.$changing=!1,this.$render())))}$reset(){const{x:t,y:s,width:i,height:e}=this.$initialSelection;return this.$change(t,s,i,e)}$clear(){return this.$change(0,0,0,0,NaN,!0),this.hidden=!0,this}$render(){return this.$setStyles({transform:`translate(${this.x}px, ${this.y}px)`,width:this.width,height:this.height})}$toCanvas(t){return new Promise(((s,i)=>{if(!this.isConnected)return void i(new Error("The current element is not connected to the DOM."));const e=document.createElement("canvas");let{width:h,height:n}=this,r=1;if(Z(t)&&(H(t.width)||H(t.height))&&(({width:h,height:n}=ut({aspectRatio:h/n,width:t.width,height:t.height})),r=h/this.width),e.width=h,e.height=n,!this.$canvas)return void s(e);const o=this.$canvas.querySelector(this.$getTagNameOf(b));o?o.$ready().then((i=>{const a=e.getContext("2d");if(a){const[s,c,l,d,u,p]=o.$getTransform(),b=-this.x,m=-this.y,f=(b*d-l*m)/(s*d-l*c),g=(m*s-c*b)/(s*d-l*c);let w=s*f+l*g+u,v=c*f+d*g+p,$=i.naturalWidth,k=i.naturalHeight;1!==r&&(w*=r,v*=r,$*=r,k*=r);const y=$/2,x=k/2;a.fillStyle="transparent",a.fillRect(0,0,h,n),Z(t)&&q(t.beforeDraw)&&t.beforeDraw.call(this,a,e),a.save(),a.translate(y,x),a.transform(s,c,l,d,w,v),a.translate(-y,-x),a.drawImage(i,0,0,$,k),a.restore()}s(e)})).catch(i):s(e)}))}}St.$name=m,St.$version="2.0.0";class Ot extends $t{constructor(){super(...arguments),this.$style=":host{display:flex;flex-direction:column;position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host([bordered]){border:1px dashed var(--theme-color)}:host([covered]){bottom:0;left:0;position:absolute;right:0;top:0}:host>span{display:flex;flex:1}:host>span+span{border-top:1px dashed var(--theme-color)}:host>span>span{flex:1}:host>span>span+span{border-left:1px dashed var(--theme-color)}",this.bordered=!1,this.columns=3,this.covered=!1,this.rows=3,this.slottable=!1,this.themeColor="rgba(238, 238, 238, 0.5)"}static get observedAttributes(){return super.observedAttributes.concat(["bordered","columns","covered","rows"])}$propertyChangedCallback(t,s,i){Object.is(i,s)||(super.$propertyChangedCallback(t,s,i),"rows"!==t&&"columns"!==t||this.$nextTick((()=>{this.$render()})))}connectedCallback(){super.connectedCallback(),this.$render()}$render(){const t=this.$getShadowRoot(),s=document.createDocumentFragment();for(let t=0;t<this.rows;t+=1){const t=document.createElement("span");t.setAttribute("role","row");for(let s=0;s<this.columns;s+=1){const s=document.createElement("span");s.setAttribute("role","gridcell"),t.appendChild(s)}s.appendChild(t)}t&&(t.innerHTML="",t.appendChild(s))}}Ot.$name=u,Ot.$version="2.0.0";class Tt extends $t{constructor(){super(...arguments),this.$style=':host{display:inline-block;height:1em;position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:1em}:host:after,:host:before{background-color:var(--theme-color);content:"";display:block;position:absolute}:host:before{height:1px;left:0;top:50%;transform:translateY(-50%);width:100%}:host:after{height:100%;left:50%;top:0;transform:translateX(-50%);width:1px}:host([centered]){left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}',this.centered=!1,this.slottable=!1,this.themeColor="rgba(238, 238, 238, 0.5)"}static get observedAttributes(){return super.observedAttributes.concat(["centered"])}}Tt.$name=d,Tt.$version="2.0.0";const Et=new WeakMap,Nt=new WeakMap,It=new WeakMap,Rt=new WeakMap,Xt="vertical";class _t extends $t{constructor(){super(...arguments),this.$onSelectionChange=null,this.$onSourceImageLoad=null,this.$onSourceImageTransform=null,this.$scale=1,this.$style=":host{display:block;height:100%;overflow:hidden;position:relative;width:100%}",this.resize=Xt,this.selection="",this.slottable=!1}set $image(t){Nt.set(this,t)}get $image(){return Nt.get(this)}set $sourceImage(t){Rt.set(this,t)}get $sourceImage(){return Rt.get(this)}set $canvas(t){Et.set(this,t)}get $canvas(){return Et.get(this)}set $selection(t){It.set(this,t)}get $selection(){return It.get(this)}static get observedAttributes(){return super.observedAttributes.concat(["resize","selection"])}connectedCallback(){super.connectedCallback();let t=null;if(t=this.selection?this.ownerDocument.querySelector(this.selection):this.closest(this.$getTagNameOf(m)),G(t)){this.$selection=t,this.$onSelectionChange=this.$handleSelectionChange.bind(this),ht(t,L,this.$onSelectionChange);const s=t.closest(this.$getTagNameOf(l));if(s){this.$canvas=s;const t=s.querySelector(this.$getTagNameOf(b));t&&(this.$sourceImage=t,this.$image=t.cloneNode(!0),this.$getShadowRoot().appendChild(this.$image),this.$onSourceImageLoad=this.$handleSourceImageLoad.bind(this),this.$onSourceImageTransform=this.$handleSourceImageTransform.bind(this),ht(t.$image,_,this.$onSourceImageLoad),ht(t,U,this.$onSourceImageTransform))}this.$render()}}disconnectedCallback(){const{$selection:t,$sourceImage:s}=this;t&&this.$onSelectionChange&&(et(t,L,this.$onSelectionChange),this.$onSelectionChange=null),s&&this.$onSourceImageLoad&&(et(s.$image,_,this.$onSourceImageLoad),this.$onSourceImageLoad=null),s&&this.$onSourceImageTransform&&(et(s,U,this.$onSourceImageTransform),this.$onSourceImageTransform=null),super.disconnectedCallback()}$handleSelectionChange(t){this.$render(t.detail)}$handleSourceImageLoad(){const{$image:t,$sourceImage:s}=this,i=t.getAttribute("src"),e=s.getAttribute("src");e&&e!==i&&(t.setAttribute("src",e),t.$ready((()=>{setTimeout((()=>{this.$render()}),50)})))}$handleSourceImageTransform(t){this.$render(void 0,t.detail.matrix)}$render(t,s){const{$canvas:i,$selection:e}=this;t||e.hidden||(t=e),(!t||0===t.x&&0===t.y&&0===t.width&&0===t.height)&&(t={x:0,y:0,width:i.offsetWidth,height:i.offsetHeight});const{x:h,y:n,width:r,height:o}=t,a={},{clientWidth:c,clientHeight:l}=this;let d=c,u=l,p=NaN;switch(this.resize){case"both":p=1,d=r,u=o,a.width=r,a.height=o;break;case"horizontal":p=o>0?l/o:0,d=r*p,a.width=d;break;case Xt:p=r>0?c/r:0,u=o*p,a.height=u;break;default:c>0?p=r>0?c/r:0:l>0&&(p=o>0?l/o:0)}this.$scale=p,this.$setStyles(a),this.$sourceImage&&this.$transformImageByOffset(null!=s?s:this.$sourceImage.$getTransform(),-h,-n)}$transformImageByOffset(t,s,i){const{$image:e,$scale:h,$sourceImage:n}=this;if(n&&e&&h>=0){const[n,r,o,a,c,l]=t,d=(s*a-o*i)/(n*a-o*r),u=(i*n-r*s)/(n*a-o*r),p=n*d+o*u+c,b=r*d+a*u+l;e.$ready((t=>{this.$setStyles.call(e,{width:t.naturalWidth*h,height:t.naturalHeight*h})})),e.$setTransform(n,r,o,a,p*h,b*h)}}}_t.$name=g,_t.$version="2.0.0",
2
2
  /*! Cropper.js v2.0.0 | (c) 2015-present Chen Fengyuan | MIT */
3
- kt.$define(),Tt.$define(),Ot.$define(),At.$define(),zt.$define(),St.$define(),Ct.$define(),_t.$define();const Yt=class{constructor(i){t(this,i),this.valueChange=s(this,"valueChange",3)}value;returnType="base64";valueChange;_imageRef;_selectionRef;_maxScale=0;_minScale=0;_resizeDebounceTimeout;_toCanvasDebounceTimeout;_loaded=!1;_currentScale=0;onResize(){this._resizeDebounceTimeout&&clearTimeout(this._resizeDebounceTimeout),this._resizeDebounceTimeout=setTimeout((()=>{this._selectionRef.$center(),this._imageRef.$center()}),200)}componentDidLoad(){setTimeout((()=>{this._loaded=!0}),200)}render(){const t="dark"===h.theme?"rgba(70, 75, 84, 0.5)":"rgba(255, 255, 255, 0.5)";return i(e,{key:"dd4ea15cbdfbac6e25202bd1a4871d9635fd33a7"},this._loaded&&i("cropper-canvas",{key:"69757749ad6d01c41e7aca2e8f21c693666e98fe",class:"\n h-[17.5rem] w-full border-0 border-b border-solid border-off-white-700\n bg-white\n dark:border-hurricane-200\n ",onAction:()=>this._onAction()},i("cropper-image",{key:"07b78454e15277f87160a6832c4fed1bbbfb08c1",alt:"Picture",crossorigin:"anonymous",ref:t=>this._setImageRef(t),src:this.value,scalable:!0,translatable:!0}),i("cropper-shade",{key:"e1784c618c68dac7a8311f8d7e93666c5d3b3611",class:"aspect-branding rounded-full","theme-color":t,hidden:!0}),i("cropper-selection",{key:"2348efb74b1bf52ee4fab7157d32bb1dfe523430","aspect-ratio":"1","initial-coverage":"0.7",ref:t=>this._selectionRef=t}),i("cropper-handle",{key:"45f943c9eefaf4312bd20ca8f4d089a5a0ece738",action:"move",plain:!0})),i("p-range",{key:"c96960f209547ddef6cd66a4ee9981d96901d0f0",class:"\n w-full px-14\n tablet:max-w-xs tablet:px-1\n ",value:this._currentScale,onValueChange:t=>this._onInput(t.detail)}))}_setImageRef(t){!this._imageRef&&t&&(this._imageRef=t,this._imageRef.$ready((t=>setTimeout((()=>this._setInitialState(t)),100))))}_setInitialState(t){let s=200/t.naturalHeight;t.naturalHeight>=t.naturalWidth&&(s=200/t.naturalWidth),this._minScale=s,this._maxScale=5,this._selectionRef.$resize("nw-resize",200,200,1),this._selectionRef.$center(),this._toCanvas(),this._setScale(s)}_onAction(){this._setCurrentScale(),this._toCanvas()}_setScale(t,s=!0,i=!0){const e=this._imageRef.$getTransform();this._imageRef.$setTransform([t,0,0,t,e[4],e[5]]),s&&this._imageRef.$center(),i&&this._setCurrentScale()}_setCurrentScale(){const t=this._imageRef.$getTransform()[0];return t<this._minScale?(this._setScale(this._minScale,!0,!1),void(this._currentScale=0)):t>this._maxScale?(this._setScale(this._maxScale,!0,!1),void(this._currentScale=100)):void(this._currentScale=t!==this._minScale?t!==this._maxScale?(t-this._minScale)/(this._maxScale-this._minScale)*100:100:0)}_onInput(t){const s=this._imageRef.$getTransform(),i=t/100*(this._maxScale-this._minScale);i!==s[0]&&(this._setScale(i+this._minScale,!1,!1),this._currentScale=t,this._toCanvas())}_toCanvas(){this._toCanvasDebounceTimeout&&clearTimeout(this._toCanvasDebounceTimeout),this._toCanvasDebounceTimeout=setTimeout((async()=>{const t=await this._selectionRef.$toCanvas();if("canvas"===this.returnType)return void this.valueChange.emit(t);const s=t.toDataURL("image/png");this.valueChange.emit(s)}),200)}};Yt.style=".mb-6{margin-bottom:1.5rem}.flex{display:flex}.w-full{width:100%}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}*{box-sizing:border-box}:host{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:space-between;margin-bottom:1.5rem;width:100%}.static{position:static}.hidden{display:none}.aspect-branding{aspect-ratio:23/24}.h-\\[17\\.5rem\\]{height:17.5rem}.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))}.resize{resize:both}.rounded-full{border-radius:9999px}.border-0{border-width:0}.border-b{border-bottom-width:1px}.border-solid{border-style:solid}.border-off-white-700{--tw-border-opacity:1;border-color:rgb(222 219 213/var(--tw-border-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-14{padding-left:3.5rem;padding-right:3.5rem}@media (min-width:40rem){.tablet\\:max-w-xs{max-width:20rem}.tablet\\:px-1{padding-left:.25rem;padding-right:.25rem}}.dark\\:border-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(163 165 169/var(--tw-border-opacity,1))}.dark\\:border-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(163 165 169/var(--tw-border-opacity,1))}";export{Yt as p_cropper}
3
+ kt.$define(),Tt.$define(),Ot.$define(),At.$define(),zt.$define(),St.$define(),Ct.$define(),_t.$define();const Yt=class{constructor(i){t(this,i),this.valueChange=s(this,"valueChange",3)}value;returnType="base64";valueChange;_imageRef;_selectionRef;_maxScale=0;_minScale=0;_resizeDebounceTimeout;_toCanvasDebounceTimeout;_loaded=!1;_currentScale=0;onResize(){this._resizeDebounceTimeout&&clearTimeout(this._resizeDebounceTimeout),this._resizeDebounceTimeout=setTimeout((()=>{this._selectionRef.$center(),this._imageRef.$center()}),200)}componentDidLoad(){setTimeout((()=>{this._loaded=!0}),200)}render(){const t="dark"===h.theme?"rgba(70, 75, 84, 0.5)":"rgba(255, 255, 255, 0.5)";return i(e,{key:"52a057456517492463f371277934b7e486dc5b79"},this._loaded&&i("cropper-canvas",{key:"a6322cc2fe70a66d880e7346b203dce27f8c9c5b",class:"\n h-[17.5rem] w-full border-0 border-b border-solid border-off-white-700\n bg-white\n dark:border-hurricane-200\n ",onAction:()=>this._onAction()},i("cropper-image",{key:"10b5a28a47fcf404b7a715750407420bf565ed3c",alt:"Picture",crossorigin:"anonymous",ref:t=>this._setImageRef(t),src:this.value,scalable:!0,translatable:!0}),i("cropper-shade",{key:"72e99381cd0275245d7e09cad083743116bf2466",class:"aspect-branding rounded-full","theme-color":t,hidden:!0}),i("cropper-selection",{key:"00294b6423488b070b998039e3bb096cdc1f621b","aspect-ratio":"1","initial-coverage":"0.7",ref:t=>this._selectionRef=t}),i("cropper-handle",{key:"08bec65589e6f90042a0502f0def27e60383565d",action:"move",plain:!0})),i("p-range",{key:"95c2c0305abbdd03271d1c02d6a8bcf896037a71",class:"\n w-full px-14\n tablet:max-w-xs tablet:px-1\n ",value:this._currentScale,onValueChange:t=>this._onInput(t.detail)}))}_setImageRef(t){!this._imageRef&&t&&(this._imageRef=t,this._imageRef.$ready((t=>setTimeout((()=>this._setInitialState(t)),100))))}_setInitialState(t){let s=200/t.naturalHeight;t.naturalHeight>=t.naturalWidth&&(s=200/t.naturalWidth),this._minScale=s,this._maxScale=5,this._selectionRef.$resize("nw-resize",200,200,1),this._selectionRef.$center(),this._toCanvas(),this._setScale(s)}_onAction(){this._setCurrentScale(),this._toCanvas()}_setScale(t,s=!0,i=!0){const e=this._imageRef.$getTransform();this._imageRef.$setTransform([t,0,0,t,e[4],e[5]]),s&&this._imageRef.$center(),i&&this._setCurrentScale()}_setCurrentScale(){const t=this._imageRef.$getTransform()[0];return t<this._minScale?(this._setScale(this._minScale,!0,!1),void(this._currentScale=0)):t>this._maxScale?(this._setScale(this._maxScale,!0,!1),void(this._currentScale=100)):void(this._currentScale=t!==this._minScale?t!==this._maxScale?(t-this._minScale)/(this._maxScale-this._minScale)*100:100:0)}_onInput(t){const s=this._imageRef.$getTransform(),i=t/100*(this._maxScale-this._minScale);i!==s[0]&&(this._setScale(i+this._minScale,!1,!1),this._currentScale=t,this._toCanvas())}_toCanvas(){this._toCanvasDebounceTimeout&&clearTimeout(this._toCanvasDebounceTimeout),this._toCanvasDebounceTimeout=setTimeout((async()=>{const t=await this._selectionRef.$toCanvas();if("canvas"===this.returnType)return void this.valueChange.emit(t);const s=t.toDataURL("image/png");this.valueChange.emit(s)}),200)}};Yt.style=".mb-6{margin-bottom:1.5rem}.flex{display:flex}.w-full{width:100%}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}*{box-sizing:border-box}:host{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:space-between;margin-bottom:1.5rem;width:100%}.static{position:static}.hidden{display:none}.aspect-branding{aspect-ratio:23/24}.h-\\[17\\.5rem\\]{height:17.5rem}.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))}.resize{resize:both}.rounded-full{border-radius:9999px}.border-0{border-width:0}.border-b{border-bottom-width:1px}.border-solid{border-style:solid}.border-off-white-700{--tw-border-opacity:1;border-color:rgb(222 219 213/var(--tw-border-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-14{padding-left:3.5rem;padding-right:3.5rem}@media (min-width:40rem){.tablet\\:max-w-xs{max-width:20rem}.tablet\\:px-1{padding-left:.25rem;padding-right:.25rem}}.dark\\:border-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(163 165 169/var(--tw-border-opacity,1))}.dark\\:border-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(163 165 169/var(--tw-border-opacity,1))}";export{Yt as p_cropper}
@@ -1 +1 @@
1
- import{r as t,a as e,d as i,h as s}from"./p-yFtRjnrU.js";import{c as r}from"./p-CBWjHURv.js";import{T as a}from"./p-CSySY6aC.js";import{a as h}from"./p-TyZ7uPES.js";import{c as o}from"./p-xs4N_Y-0.js";import{S as n}from"./p-CEaB2BT0.js";import"./p-ChV9xqsO.js";import"./p-6XOzWrsN.js";const l=r(["flex items-center gap-2","h-full min-w-0 flex-1","pointer-events-none overflow-hidden"]),d=r(["item group/item","pointer-events-auto cursor-pointer","flex h-[1.625rem] items-center gap-2","h-[1.625rem] px-2","whitespace-nowrap text-sm font-semibold","rounded-lg","bg-indigo-100","dark:bg-white/15"]),c=r("block w-full overflow-hidden text-start",{variants:{variant:{placeholder:"\n text-storm-400\n dark:text-white\n ",default:null},enableTextWrap:{true:!1,false:"text-ellipsis whitespace-nowrap"},error:{true:"\n text-negative-red-700\n group-hover/button:text-negative-red-800\n dark:text-negative-red-alternative\n ",false:null}}}),p=class{constructor(i){t(this,i),this.queryChange=e(this,"queryChange",3),this.valueChange=e(this,"valueChange",3),this.selectAllChange=e(this,"selectAllChange",3),this.dropdownShown=e(this,"dropdownShown",3),this.add=e(this,"add",3),i.$hostElement$["s-ei"]?this._internals=i.$hostElement$["s-ei"]:(this._internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this._internals)}items;multi;strategy="absolute";icon;query;placeholder;autocompletePlaceholder="Search...";value;displayKey="text";dropdownDisplayKey;selectionDisplayKey;valueKey;avatarKey;iconKey="icon";iconClassKey="iconClass";showIconOnSelectedItem;classKey="class";applyClassOnSelectedItem;applyClassOnSelectedItemInMenu;avatarLettersKey;identifierKey;queryKey;autoSelectFirst=!0;showChevron=!0;maxDisplayedItems=n;enableAutocomplete=!0;enableTextWrap=!1;asyncFilter=!1;loading=!1;enableSelectAll=!1;selectAllText="Select all";selectAllIcon;queryChange;valueChange;selectAllChange;dropdownShown;size="base";prefix;label;helper;required=!0;showOptional=!0;error;disabled=!1;showAddItem=!1;addItemText="Add item";add;emptyStateText="No items available";get _el(){return i(this)}_showDropdown=!1;_selectedItem=null;_allSelected=!1;_amountHidden=0;_internals;_inputRef;autocompleteInputRef;_multiContainerRef;_resizeObserver;_resizeDebounceTimer;_checkSelectedItemsTimeout;get _items(){return this._getParsedItems()}get _displayValue(){const t=s("div",{class:c({variant:"placeholder"})},this.placeholder);return this._selectedItem?this.multi?0===this._selectedItem?.length?t:s("div",{class:l(),ref:t=>this._multiContainerRef=t},this._selectedItem.map((t=>s("div",{class:d(),onClick:()=>this._selectValue(t)},t[this.selectionDisplayKey??this.displayKey],s("p-icon",{class:"\n text-xs text-indigo-500\n group-hover/item:text-indigo-800\n dark:text-white/15\n dark:group-hover/item:text-white\n ",variant:"negative"})))),s("div",{class:"extra pointer-events-none hidden text-sm text-storm-100"},"+",this._amountHidden)):this._getDisplay(this._selectedItem,!0):t}get _identifierKey(){return this.identifierKey??this.valueKey??"value"}formResetCallback(){this._selectValue(null)}componentDidLoad(){if(!this.valueKey&&!this.identifierKey)throw new Error("You must provide a valueKey or identifierKey");this.multi&&(this._setMultiContainerMaxWidth(),this._resizeObserver=new ResizeObserver((()=>{this._resizeDebounceTimer&&(clearTimeout(this._resizeDebounceTimer),this._resizeDebounceTimer=null),this._resizeDebounceTimer=setTimeout((()=>{this._setMultiContainerMaxWidth(),this._setCheckSelectedItemsTimeout()}),200)})),this._resizeObserver.observe(this._el)),this.value?this._valueChange():this.itemChanges()}componentDidRender(){this.multi&&this._setMultiContainerMaxWidth()}disconnectedCallback(){this.multi&&this._resizeObserver.disconnect()}render(){let t=this.icon;return this._selectedItem&&!this.avatarKey&&this.iconKey&&this._selectedItem?.[this.iconKey]&&!this.showIconOnSelectedItem&&(t=this._selectedItem[this.iconKey]),(this.avatarKey&&this._selectedItem?.[this.avatarKey]||this.avatarLettersKey&&this._selectedItem?.[this.avatarLettersKey])&&(t=null),this.error?.length&&(t="warning"),s(a,{key:"76b10df3dbbf0a1758ea13c7205ea4c11ea05056"},s("p-field-container",{key:"e17bca429b8a24a4c5e4399911c9efcebd8a6b24",error:this.error,forceShowTooltip:!!this.error?.length&&!this._showDropdown,helper:this.helper,label:this.label,prefix:this.prefix,required:this.required,showOptional:this.showOptional,variant:"write"},s("p-dropdown",{key:"1bcd1b15692330794bed8b34fbe203b8015681d9",applyChevron:!1,applyFullWidth:!0,applyMaxWidth:!1,"disable-trigger-click":this.disabled,insideClick:!0,manual:!0,manualChevron:!0,scrollable:!this.enableAutocomplete||"large",show:this._showDropdown,slot:"content",strategy:this.strategy,onIsOpen:t=>this._onDropdownOpen(t)},s("p-button",{key:"383466f2cec3fa3e7aa65aa3db077445cb2917ef",active:this._showDropdown,chevron:!!this.showChevron&&(this._showDropdown?"up":"down"),class:"w-full",error:!!this.error?.length,icon:t,iconClass:this.applyClassOnSelectedItem&&this._selectedItem?.[this.iconClassKey],size:this.size,slot:"trigger",variant:"secondary",onClick:t=>this._onClick(t)},s("div",{key:"8d5b4d842f4d49f029f1a61f98a8d768c61cf3ef",class:"relative min-w-0 flex-1",ref:t=>this._inputRef=t},this._displayValue)),this.loading?this._getLoadingItems():this._getItems(),this.showAddItem&&this._getAddItem())))}documentClickHandler(t){this._showDropdown&&!h(t,this._el)&&(this._showDropdown=!1)}_valueChange(){setTimeout((()=>{this._preselectItem(),this._setCheckSelectedItemsTimeout()}))}itemChanges(){setTimeout((()=>this._preselectItem()))}_showDropdownChanges(){this.dropdownShown.emit({value:this._showDropdown,query:this.query})}multiChanges(){this._selectedItem&&!Array.isArray(this._selectedItem)&&(this._selectedItem=[])}_preselectItem(){let t="string"==typeof this.value&&this.multi?JSON.parse(this.value):this.value;if(this.multi)return Array.isArray(t)?(this.value=t,0===t.length?void(this._selectedItem=[]):void(this._selectedItem=this.valueKey&&"false"!==this.valueKey?this._items.filter((e=>t.includes(e?.[this.valueKey]))):[...t])):(this.value=[],void this.valueChange.emit(this.value));this._selectedItem||t||!this.autoSelectFirst||(t=this._items[0]);const e="object"==typeof t&&null!==t?t[this._identifierKey]:t,i="string"==typeof e||"number"==typeof e?e:JSON.stringify(e),s=this._selectedItem?this._selectedItem?.[this._identifierKey]:null,r="string"==typeof s||"number"==typeof s?s:JSON.stringify(s);if(this._selectedItem&&r===i)return;if(!this._items?.length&&t)return void this._selectValue(t,!1);const a=this._getParsedItems(!1).find((t=>{const e=t?.[this._identifierKey];return("string"==typeof e||"number"==typeof e?e:JSON.stringify(e))===i}));this._selectValue(a??t,!1)}_selectValue(t,e=!0){let i=this.valueKey&&"false"!==this.valueKey&&null!==t&&!this.loading?t?.[this.valueKey]:t;if(this.multi){this._selectedItem&&Array.isArray(this._selectedItem)||(this._selectedItem=[]),this.value&&Array.isArray(this.value)||(this.value=[]);const e=[...this._selectedItem],s=[...this.value],r=e.findIndex((e=>e[this._identifierKey]===t[this._identifierKey]));return-1===r?(e.push(t),s.push(i)):(e.splice(r,1),s.splice(r,1)),this._selectedItem=e,this.value=s,void this.valueChange.emit(s)}this._selectedItem=t,this._onBlur(e),i!==this.value&&(this.value=i,this.valueChange.emit(i))}_onClick(t){const e=t?.composedPath();for(const t of e){if("p-button"===t.nodeName.toLowerCase())break;if(t.classList?.contains("item"))return}this._showDropdown=!this._showDropdown}_onBlur(t=!1){this.enableAutocomplete&&!t||(this._showDropdown=!1)}_onAutoComplete(t){this.enableAutocomplete&&(this._showDropdown=!0,this.query=t.detail,this.queryChange.emit(t.detail))}_checkvalue(t,e){return e?.[t]?.toString()?.toLowerCase().indexOf(this.query?.toLowerCase())>=0}_getItems(){let t=this._items.map((t=>{const e=this.multi&&this._selectedItem&&Array.isArray(this._selectedItem)?this._selectedItem.some((e=>e[this._identifierKey]===t[this._identifierKey])):t[this._identifierKey]===this._selectedItem?.[this._identifierKey];return s("p-dropdown-menu-item",{active:e,checkbox:!!this.multi,enableTextWrap:this.enableTextWrap,slot:"items",useContainer:!1,onClick:()=>this._selectValue(t)},this._getDisplay(t,!1,e))}));return 0===this._items.length&&(t=[s("p",{class:"\n w-full p-2 text-center text-sm text-storm-400\n dark:text-hurricane-200\n ",slot:"items"},this.emptyStateText)]),this.enableSelectAll&&this._items.length>0&&t.unshift(s("p-dropdown-menu-item",{active:this._allSelected,slot:"items",useContainer:!1,checkbox:!0,onClick:()=>this._selectAllChange()},this.selectAllIcon?.length?s("span",{class:"flex items-center gap-2"},s("div",{class:"flex w-6 justify-center text-lg"},s("p-icon",{variant:this.selectAllIcon}))," ",this.selectAllText):this.selectAllText)),this.enableAutocomplete&&t.unshift(this._getAutoCompleteItem()),t}_getAddItem(){return s("p-dropdown-menu-item",{slot:"items",useContainer:!1,onClick:()=>this.add.emit()},s("span",{class:"flex items-center gap-1 font-semibold text-indigo-600"},this.addItemText,s("p-icon",{variant:"plus"})))}_getLoadingItems(){const t=[0,0,0].map((()=>s("p-dropdown-menu-item",{enableHover:!1,slot:"items"},s("p-loader",{class:"h-6 w-full rounded",variant:"ghost"}))));return this.enableAutocomplete&&t.unshift(this._getAutoCompleteItem()),t}_getAutoCompleteItem(){return s("div",{class:"sticky top-0 z-10 mb-3 h-8",slot:"items"},s("p-field",{class:"block",placeholder:this.autocompletePlaceholder,value:this.query,onInputRefChange:t=>this.autocompleteInputRef=t.detail,onValueChange:t=>this._onAutoComplete(t)}))}_setMultiContainerMaxWidth(){this._inputRef&&this._multiContainerRef&&(this._multiContainerRef.style.maxWidth=`${Math.max(this._inputRef.clientWidth-16,16)}px`)}_setCheckSelectedItemsTimeout(){this._checkSelectedItemsTimeout&&clearTimeout(this._checkSelectedItemsTimeout),this._checkSelectedItemsTimeout=setTimeout((()=>this._checkSelectedItems()),50)}_checkSelectedItems(){if(!this._multiContainerRef)return;const t=this._multiContainerRef.getBoundingClientRect(),e=this._multiContainerRef.querySelectorAll(".item");let i=0;for(const s of e)s.classList.remove("hidden"),s.classList.add("flex"),s.getBoundingClientRect().right>t.right&&(s.classList.remove("flex"),s.classList.add("hidden"),i++);this._amountHidden=i;const s=this._multiContainerRef.querySelector(".extra");s&&(s.classList.contains("hidden")||s.classList.add("hidden"),i>0&&s.classList.remove("hidden"))}_onDropdownOpen(t){t.detail&&this.autocompleteInputRef&&setTimeout((()=>this.autocompleteInputRef.focus()),100)}_selectAllChange(){this._allSelected=!this._allSelected,this.selectAllChange.emit(this._allSelected)}_getDisplay(t,e=!1,i=!1){let r=s("div",{class:c({variant:"default",error:!!this.error?.length,enableTextWrap:this.enableTextWrap&&!e})},t[e?this.selectionDisplayKey??this.displayKey:this.displayKey]);return this.avatarKey&&(r=s("span",{class:"flex items-center gap-2"},s("p-avatar",{letters:t[this.avatarLettersKey],size:"sm",src:t[this.avatarKey]}),s("div",{class:c({variant:"default",error:!!this.error?.length,enableTextWrap:this.enableTextWrap&&!e})},t[this.dropdownDisplayKey??this.displayKey]))),!this.iconKey||e&&!this.showIconOnSelectedItem||(r=s("span",{class:"flex items-center gap-2"},t[this.iconKey]&&s("p-icon",{class:o("\n text-storm-300\n dark:text-hurricane-200\n ",e&&!this.applyClassOnSelectedItem||i&&!this.applyClassOnSelectedItemInMenu?"":t?.[this.iconClassKey]??""),variant:t[this.iconKey]}),s("div",{class:c({variant:"default",error:!!this.error?.length,enableTextWrap:this.enableTextWrap&&!e})},t[this.dropdownDisplayKey??this.displayKey]))),e&&!this.applyClassOnSelectedItem||i&&!this.applyClassOnSelectedItemInMenu||!t?.[this.classKey]?.length?r:s("div",{class:t[this.classKey]},r)}_getParsedItems(t=!0){if(!this.items||this.loading)return[];let e="string"==typeof this.items?JSON.parse(this.items):this.items;return"string"==typeof e?.[0]&&(this.displayKey="text",this.valueKey="value",e=e.map((t=>({value:t,text:t})))),this.query?.length&&!this.asyncFilter&&(e=e.filter((t=>this.queryKey?this._checkvalue(this.queryKey,t):this._checkvalue(this._identifierKey,t)||this._checkvalue(this.displayKey,t)))),t?e?.slice(0,this.maxDisplayedItems):e}static get formAssociated(){return!0}static get watchers(){return{value:[{_valueChange:0}],items:[{itemChanges:0}],_showDropdown:[{_showDropdownChanges:0}],multi:[{multiChanges:0}]}}};p.style="*{box-sizing:border-box}:host{--tw-translate-y:0px!important;--tw-translate-x:0px!important}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.static{position:static}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.z-10{z-index:10}.mb-3{margin-bottom:.75rem}.block{display:block}.flex{display:flex}.hidden{display:none}.h-6{height:1.5rem}.h-8{height:2rem}.h-\\[1\\.625rem\\]{height:1.625rem}.h-full{height:100%}.w-6{width:1.5rem}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))}.p-2{padding:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.text-center{text-align:center}.text-start{text-align:start}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.text-indigo-500{--tw-text-opacity:1;color:rgb(142 179 251/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity,1))}.text-negative-red-700{--tw-text-opacity:1;color:rgb(147 16 16/var(--tw-text-opacity,1))}.text-storm-100{--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-400{--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.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)}.group\\/button:hover .group-hover\\/button\\:text-negative-red-800{--tw-text-opacity:1;color:rgb(141 16 16/var(--tw-text-opacity,1))}.group\\/item:hover .group-hover\\/item\\:text-indigo-800{--tw-text-opacity:1;color:rgb(27 88 210/var(--tw-text-opacity,1))}.dark\\:bg-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.15)}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-negative-red-alternative:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 92 92/var(--tw-text-opacity,1))}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:text-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){color:hsla(0,0%,100%,.15)}.group\\/item:hover .dark\\:group-hover\\/item\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:bg-white\\/15:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.15)}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-negative-red-alternative:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 92 92/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:text-white\\/15:where([data-theme=dark],[data-theme=dark] *){color:hsla(0,0%,100%,.15)}.group\\/item:hover .dark\\:group-hover\\/item\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}";export{p as p_select}
1
+ import{r as t,a as e,d as i,h as s}from"./p-yFtRjnrU.js";import{c as r}from"./p-CBWjHURv.js";import{T as a}from"./p-CSySY6aC.js";import{a as h}from"./p-TyZ7uPES.js";import{c as o}from"./p-xs4N_Y-0.js";import{S as n}from"./p-CEaB2BT0.js";import"./p-ChV9xqsO.js";import"./p-6XOzWrsN.js";const l=r(["flex items-center gap-2","h-full min-w-0 flex-1","pointer-events-none overflow-hidden"]),d=r(["item group/item","pointer-events-auto cursor-pointer","flex h-[1.625rem] items-center gap-2","h-[1.625rem] px-2","whitespace-nowrap text-sm font-semibold","rounded-lg","bg-indigo-100","dark:bg-white/15"]),c=r("block w-full overflow-hidden text-start",{variants:{variant:{placeholder:"\n text-storm-400\n dark:text-white\n ",default:null},enableTextWrap:{true:!1,false:"text-ellipsis whitespace-nowrap"},error:{true:"\n text-negative-red-700\n group-hover/button:text-negative-red-800\n dark:text-negative-red-alternative\n ",false:null}}}),p=class{constructor(i){t(this,i),this.queryChange=e(this,"queryChange",3),this.valueChange=e(this,"valueChange",3),this.selectAllChange=e(this,"selectAllChange",3),this.dropdownShown=e(this,"dropdownShown",3),this.add=e(this,"add",3),i.$hostElement$["s-ei"]?this._internals=i.$hostElement$["s-ei"]:(this._internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this._internals)}items;multi;strategy="absolute";icon;query;placeholder;autocompletePlaceholder="Search...";value;displayKey="text";dropdownDisplayKey;selectionDisplayKey;valueKey;avatarKey;iconKey="icon";iconClassKey="iconClass";showIconOnSelectedItem;classKey="class";applyClassOnSelectedItem;applyClassOnSelectedItemInMenu;avatarLettersKey;identifierKey;queryKey;autoSelectFirst=!0;showChevron=!0;maxDisplayedItems=n;enableAutocomplete=!0;enableTextWrap=!1;asyncFilter=!1;loading=!1;enableSelectAll=!1;selectAllText="Select all";selectAllIcon;queryChange;valueChange;selectAllChange;dropdownShown;size="base";prefix;label;helper;required=!0;showOptional=!0;error;disabled=!1;showAddItem=!1;addItemText="Add item";add;emptyStateText="No items available";get _el(){return i(this)}_showDropdown=!1;_selectedItem=null;_allSelected=!1;_amountHidden=0;_internals;_inputRef;autocompleteInputRef;_multiContainerRef;_resizeObserver;_resizeDebounceTimer;_checkSelectedItemsTimeout;get _items(){return this._getParsedItems()}get _displayValue(){const t=s("div",{class:c({variant:"placeholder"})},this.placeholder);return this._selectedItem?this.multi?0===this._selectedItem?.length?t:s("div",{class:l(),ref:t=>this._multiContainerRef=t},this._selectedItem.map((t=>s("div",{class:d(),onClick:()=>this._selectValue(t)},t[this.selectionDisplayKey??this.displayKey],s("p-icon",{class:"\n text-xs text-indigo-500\n group-hover/item:text-indigo-800\n dark:text-white/15\n dark:group-hover/item:text-white\n ",variant:"negative"})))),s("div",{class:"extra pointer-events-none hidden text-sm text-storm-100"},"+",this._amountHidden)):this._getDisplay(this._selectedItem,!0):t}get _identifierKey(){return this.identifierKey??this.valueKey??"value"}formResetCallback(){this._selectValue(null)}componentDidLoad(){if(!this.valueKey&&!this.identifierKey)throw new Error("You must provide a valueKey or identifierKey");this.multi&&(this._setMultiContainerMaxWidth(),this._resizeObserver=new ResizeObserver((()=>{this._resizeDebounceTimer&&(clearTimeout(this._resizeDebounceTimer),this._resizeDebounceTimer=null),this._resizeDebounceTimer=setTimeout((()=>{this._setMultiContainerMaxWidth(),this._setCheckSelectedItemsTimeout()}),200)})),this._resizeObserver.observe(this._el)),this.value?this._valueChange():this.itemChanges()}componentDidRender(){this.multi&&this._setMultiContainerMaxWidth()}disconnectedCallback(){this.multi&&this._resizeObserver.disconnect()}render(){let t=this.icon;return this._selectedItem&&!this.avatarKey&&this.iconKey&&this._selectedItem?.[this.iconKey]&&!this.showIconOnSelectedItem&&(t=this._selectedItem[this.iconKey]),(this.avatarKey&&this._selectedItem?.[this.avatarKey]||this.avatarLettersKey&&this._selectedItem?.[this.avatarLettersKey])&&(t=null),this.error?.length&&(t="warning"),s(a,{key:"c72782f726a393fbf065df5c19603b8513b992bd"},s("p-field-container",{key:"5414460d0eba2693c6d70175cd69df054bcfe01e",error:this.error,forceShowTooltip:!!this.error?.length&&!this._showDropdown,helper:this.helper,label:this.label,prefix:this.prefix,required:this.required,showOptional:this.showOptional,variant:"write"},s("p-dropdown",{key:"1763f1babda4a931aaa46640f46c449ce8bb254e",applyChevron:!1,applyFullWidth:!0,applyMaxWidth:!1,"disable-trigger-click":this.disabled,insideClick:!0,manual:!0,manualChevron:!0,scrollable:!this.enableAutocomplete||"large",show:this._showDropdown,slot:"content",strategy:this.strategy,onIsOpen:t=>this._onDropdownOpen(t)},s("p-button",{key:"6fb109a52eb65b8caa0d24adf8eaf2c2e6202ef4",active:this._showDropdown,chevron:!!this.showChevron&&(this._showDropdown?"up":"down"),class:"w-full",error:!!this.error?.length,icon:t,iconClass:this.applyClassOnSelectedItem&&this._selectedItem?.[this.iconClassKey],size:this.size,slot:"trigger",variant:"secondary",onClick:t=>this._onClick(t)},s("div",{key:"1c9c421e23b7b3ee13f7871cc31fd106baa7c392",class:"relative min-w-0 flex-1",ref:t=>this._inputRef=t},this._displayValue)),this.loading?this._getLoadingItems():this._getItems(),this.showAddItem&&this._getAddItem())))}documentClickHandler(t){this._showDropdown&&!h(t,this._el)&&(this._showDropdown=!1)}_valueChange(){setTimeout((()=>{this._preselectItem(),this._setCheckSelectedItemsTimeout()}))}itemChanges(){setTimeout((()=>this._preselectItem()))}_showDropdownChanges(){this.dropdownShown.emit({value:this._showDropdown,query:this.query})}multiChanges(){this._selectedItem&&!Array.isArray(this._selectedItem)&&(this._selectedItem=[])}_preselectItem(){let t="string"==typeof this.value&&this.multi?JSON.parse(this.value):this.value;if(this.multi)return Array.isArray(t)?(this.value=t,0===t.length?void(this._selectedItem=[]):void(this._selectedItem=this.valueKey&&"false"!==this.valueKey?this._items.filter((e=>t.includes(e?.[this.valueKey]))):[...t])):(this.value=[],void this.valueChange.emit(this.value));this._selectedItem||t||!this.autoSelectFirst||(t=this._items[0]);const e="object"==typeof t&&null!==t?t[this._identifierKey]:t,i="string"==typeof e||"number"==typeof e?e:JSON.stringify(e),s=this._selectedItem?this._selectedItem?.[this._identifierKey]:null,r="string"==typeof s||"number"==typeof s?s:JSON.stringify(s);if(this._selectedItem&&r===i)return;if(!this._items?.length&&t)return void this._selectValue(t,!1);const a=this._getParsedItems(!1).find((t=>{const e=t?.[this._identifierKey];return("string"==typeof e||"number"==typeof e?e:JSON.stringify(e))===i}));this._selectValue(a??t,!1)}_selectValue(t,e=!0){let i=this.valueKey&&"false"!==this.valueKey&&null!==t&&!this.loading?t?.[this.valueKey]:t;if(this.multi){this._selectedItem&&Array.isArray(this._selectedItem)||(this._selectedItem=[]),this.value&&Array.isArray(this.value)||(this.value=[]);const e=[...this._selectedItem],s=[...this.value],r=e.findIndex((e=>e[this._identifierKey]===t[this._identifierKey]));return-1===r?(e.push(t),s.push(i)):(e.splice(r,1),s.splice(r,1)),this._selectedItem=e,this.value=s,void this.valueChange.emit(s)}this._selectedItem=t,this._onBlur(e),i!==this.value&&(this.value=i,this.valueChange.emit(i))}_onClick(t){const e=t?.composedPath();for(const t of e){if("p-button"===t.nodeName.toLowerCase())break;if(t.classList?.contains("item"))return}this._showDropdown=!this._showDropdown}_onBlur(t=!1){this.enableAutocomplete&&!t||(this._showDropdown=!1)}_onAutoComplete(t){this.enableAutocomplete&&(this._showDropdown=!0,this.query=t.detail,this.queryChange.emit(t.detail))}_checkvalue(t,e){return e?.[t]?.toString()?.toLowerCase().indexOf(this.query?.toLowerCase())>=0}_getItems(){let t=this._items.map((t=>{const e=this.multi&&this._selectedItem&&Array.isArray(this._selectedItem)?this._selectedItem.some((e=>e[this._identifierKey]===t[this._identifierKey])):t[this._identifierKey]===this._selectedItem?.[this._identifierKey];return s("p-dropdown-menu-item",{active:e,checkbox:!!this.multi,enableTextWrap:this.enableTextWrap,slot:"items",useContainer:!1,onClick:()=>this._selectValue(t)},this._getDisplay(t,!1,e))}));return 0===this._items.length&&(t=[s("p",{class:"\n w-full p-2 text-center text-sm text-storm-400\n dark:text-hurricane-200\n ",slot:"items"},this.emptyStateText)]),this.enableSelectAll&&this._items.length>0&&t.unshift(s("p-dropdown-menu-item",{active:this._allSelected,slot:"items",useContainer:!1,checkbox:!0,onClick:()=>this._selectAllChange()},this.selectAllIcon?.length?s("span",{class:"flex items-center gap-2"},s("div",{class:"flex w-6 justify-center text-lg"},s("p-icon",{variant:this.selectAllIcon}))," ",this.selectAllText):this.selectAllText)),this.enableAutocomplete&&t.unshift(this._getAutoCompleteItem()),t}_getAddItem(){return s("p-dropdown-menu-item",{slot:"items",useContainer:!1,onClick:()=>this.add.emit()},s("span",{class:"flex items-center gap-1 font-semibold text-indigo-600"},this.addItemText,s("p-icon",{variant:"plus"})))}_getLoadingItems(){const t=[0,0,0].map((()=>s("p-dropdown-menu-item",{enableHover:!1,slot:"items"},s("p-loader",{class:"h-6 w-full rounded",variant:"ghost"}))));return this.enableAutocomplete&&t.unshift(this._getAutoCompleteItem()),t}_getAutoCompleteItem(){return s("div",{class:"sticky top-0 z-10 mb-3 h-8",slot:"items"},s("p-field",{class:"block",placeholder:this.autocompletePlaceholder,value:this.query,onInputRefChange:t=>this.autocompleteInputRef=t.detail,onValueChange:t=>this._onAutoComplete(t)}))}_setMultiContainerMaxWidth(){this._inputRef&&this._multiContainerRef&&(this._multiContainerRef.style.maxWidth=`${Math.max(this._inputRef.clientWidth-16,16)}px`)}_setCheckSelectedItemsTimeout(){this._checkSelectedItemsTimeout&&clearTimeout(this._checkSelectedItemsTimeout),this._checkSelectedItemsTimeout=setTimeout((()=>this._checkSelectedItems()),50)}_checkSelectedItems(){if(!this._multiContainerRef)return;const t=this._multiContainerRef.getBoundingClientRect(),e=this._multiContainerRef.querySelectorAll(".item");let i=0;for(const s of e)s.classList.remove("hidden"),s.classList.add("flex"),s.getBoundingClientRect().right>t.right&&(s.classList.remove("flex"),s.classList.add("hidden"),i++);this._amountHidden=i;const s=this._multiContainerRef.querySelector(".extra");s&&(s.classList.contains("hidden")||s.classList.add("hidden"),i>0&&s.classList.remove("hidden"))}_onDropdownOpen(t){t.detail&&this.autocompleteInputRef&&setTimeout((()=>this.autocompleteInputRef.focus()),100)}_selectAllChange(){this._allSelected=!this._allSelected,this.selectAllChange.emit(this._allSelected)}_getDisplay(t,e=!1,i=!1){let r=s("div",{class:c({variant:"default",error:!!this.error?.length,enableTextWrap:this.enableTextWrap&&!e})},t[e?this.selectionDisplayKey??this.displayKey:this.displayKey]);return this.avatarKey&&(r=s("span",{class:"flex items-center gap-2"},s("p-avatar",{letters:t[this.avatarLettersKey],size:"sm",src:t[this.avatarKey]}),s("div",{class:c({variant:"default",error:!!this.error?.length,enableTextWrap:this.enableTextWrap&&!e})},t[this.dropdownDisplayKey??this.displayKey]))),!this.iconKey||e&&!this.showIconOnSelectedItem||(r=s("span",{class:"flex items-center gap-2"},t[this.iconKey]&&s("p-icon",{class:o("\n text-storm-300\n dark:text-hurricane-200\n ",e&&!this.applyClassOnSelectedItem||i&&!this.applyClassOnSelectedItemInMenu?"":t?.[this.iconClassKey]??""),variant:t[this.iconKey]}),s("div",{class:c({variant:"default",error:!!this.error?.length,enableTextWrap:this.enableTextWrap&&!e})},t[this.dropdownDisplayKey??this.displayKey]))),e&&!this.applyClassOnSelectedItem||i&&!this.applyClassOnSelectedItemInMenu||!t?.[this.classKey]?.length?r:s("div",{class:t[this.classKey]},r)}_getParsedItems(t=!0){if(!this.items||this.loading)return[];let e="string"==typeof this.items?JSON.parse(this.items):this.items;return"string"==typeof e?.[0]&&(this.displayKey="text",this.valueKey="value",e=e.map((t=>({value:t,text:t})))),this.query?.length&&!this.asyncFilter&&(e=e.filter((t=>this.queryKey?this._checkvalue(this.queryKey,t):this._checkvalue(this._identifierKey,t)||this._checkvalue(this.displayKey,t)))),t?e?.slice(0,this.maxDisplayedItems):e}static get formAssociated(){return!0}static get watchers(){return{value:[{_valueChange:0}],items:[{itemChanges:0}],_showDropdown:[{_showDropdownChanges:0}],multi:[{multiChanges:0}]}}};p.style="*{box-sizing:border-box}:host{--tw-translate-y:0px!important;--tw-translate-x:0px!important}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.static{position:static}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.z-10{z-index:10}.mb-3{margin-bottom:.75rem}.block{display:block}.flex{display:flex}.hidden{display:none}.h-6{height:1.5rem}.h-8{height:2rem}.h-\\[1\\.625rem\\]{height:1.625rem}.h-full{height:100%}.w-6{width:1.5rem}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))}.p-2{padding:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.text-center{text-align:center}.text-start{text-align:start}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.text-indigo-500{--tw-text-opacity:1;color:rgb(142 179 251/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity,1))}.text-negative-red-700{--tw-text-opacity:1;color:rgb(147 16 16/var(--tw-text-opacity,1))}.text-storm-100{--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-400{--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.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)}.group\\/button:hover .group-hover\\/button\\:text-negative-red-800{--tw-text-opacity:1;color:rgb(141 16 16/var(--tw-text-opacity,1))}.group\\/item:hover .group-hover\\/item\\:text-indigo-800{--tw-text-opacity:1;color:rgb(27 88 210/var(--tw-text-opacity,1))}.dark\\:bg-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.15)}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-negative-red-alternative:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 92 92/var(--tw-text-opacity,1))}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:text-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){color:hsla(0,0%,100%,.15)}.group\\/item:hover .dark\\:group-hover\\/item\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:bg-white\\/15:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.15)}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-negative-red-alternative:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 92 92/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:text-white\\/15:where([data-theme=dark],[data-theme=dark] *){color:hsla(0,0%,100%,.15)}.group\\/item:hover .dark\\:group-hover\\/item\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}";export{p as p_select}
@@ -1 +1 @@
1
- import{r as t,a as e,h as a,F as r,d as i}from"./p-yFtRjnrU.js";import{c as o}from"./p-CBWjHURv.js";import{T as s}from"./p-CSySY6aC.js";import{P as h,a as d}from"./p-CEaB2BT0.js";import{a as n}from"./p-TyZ7uPES.js";import{f as g,g as p}from"./p-CwQG70_4.js";import{c}from"./p-xs4N_Y-0.js";import{a as w}from"./p-C5CTp9IA.js";import"./p-ChV9xqsO.js";import"./p-6XOzWrsN.js";const l=o(["p-pagination","items-center gap-2","rounded-full","border border-solid border-off-white-700 bg-off-white-300","dark:border-hurricane-400 dark:bg-hurricane-500","p-1"],{variants:{hidden:{false:"flex",true:"hidden"}}}),b=class{constructor(a){t(this,a),this.pageChange=e(this,"pageChange",3),this.pageSizeChange=e(this,"pageSizeChange",3),this.pagesChange=e(this,"pagesChange",3)}hideOnSinglePage=!0;enablePaginationSize=!0;enablePaginationPages=!0;page=1;total;pageSize=h;pageSizeOptions=d;pageChange;pageSizeChange;pagesChange;_hasPaginationPages=!0;render(){const t=this.hideOnSinglePage&&this.total<=this.pageSizeOptions?.[0];return a(s,{key:"bb991c6f71f5824182288a5976a1ed5d7a5d6ae1"},a("div",{key:"80bc0a9d7440759d64b46d5545fe1e3ab2d5b339",class:l({hidden:t&&!this._hasPaginationPages||!this.enablePaginationSize&&!this.enablePaginationPages})},this.enablePaginationPages&&this.enablePaginationSize&&a(r,{key:"5812bfaaee47936e0f1d910c4da0421589e5cf9b"},a("p-pagination-size",{key:"2fe1f8e733d96ef2843d184f17c02b2db44b3fb5",hidden:t,size:this.pageSize,sizeOptions:this.pageSizeOptions,onSizeChange:({detail:t})=>this._changePageSize(t)}),!t&&this.hideOnSinglePage&&this._hasPaginationPages&&a("p-divider",{key:"c8062527297b143b8aaf4c11cf7038a8a99c7df5",class:"\n mx-0 h-4 text-off-white-700\n dark:text-hurricane-400\n ",variant:"vertical"})),this.enablePaginationPages&&a("p-pagination-pages",{key:"d52f747c7a82ff3d7ef285a2430fad635f34475c",hideOnSinglePage:this.hideOnSinglePage,page:this.page,pageSize:this.pageSize,total:this.total,onPageChange:({detail:t})=>this.pageChange.emit(t),onPagesChange:({detail:t})=>{this._hasPaginationPages=t>1,this.pagesChange.emit(t)}})))}_changePageSize(t){t&&(this.pageSize=t,this.pageSizeChange.emit(this.pageSize))}};b.style="*{box-sizing:border-box}.static{position:static}.mx-0{margin-left:0;margin-right:0}.flex{display:flex}.hidden{display:none}.h-4{height:1rem}.items-center{align-items:center}.gap-2{gap:.5rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-solid{border-style:solid}.border-off-white-700{--tw-border-opacity:1;border-color:rgb(222 219 213/var(--tw-border-opacity,1))}.bg-off-white-300{--tw-bg-opacity:1;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))}.p-1{padding:.25rem}.text-off-white-700{--tw-text-opacity:1;color:rgb(222 219 213/var(--tw-text-opacity,1))}.dark\\:border-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\\:bg-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.dark\\:border-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\\:bg-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}";const f=o(["p-pagination","flex items-center gap-2"],{variants:{hidden:{false:"flex",true:"hidden"}}}),m=class{constructor(a){t(this,a),this.pageChange=e(this,"pageChange",3),this.pagesChange=e(this,"pagesChange",3)}_defaultDropdownPageTemplate=t=>g(this._locales.page,{page:t});page=1;pageChange;dropdownPageTemplate=this._defaultDropdownPageTemplate;pageSize=h;hideOnSinglePage=!1;total;pagesChange;_showDropdown=[!1,!1];_dropdowns=[];_locales={};get _el(){return i(this)}_pages=[];_set=[];componentWillLoad(){this._setLocales()}componentWillRender(){this._generate()}render(){return a(s,{key:"f907f831961866c8c54361d1cb24bfc1d6782a91"},a("div",{key:"d23cdee3d91f4fc7fccd64bc13fb0e1c71885cf1",class:f({hidden:this.hideOnSinglePage&&3===this._set?.length})},this._set?.map((t=>"previous"===t.type||"next"===t.type?a("p-pagination-pages-item",{disabled:this._carouselDisabled(t.type),variant:"carousel",onClick:()=>"previous"===t.type?this._previousClick():this._nextClick()},t.value):"ellipsis"===t.type?a("p-dropdown",{applyChevron:!1,insideClick:!0,placement:"top",ref:e=>this._dropdowns[t.dropdownIndex]=e,show:this._showDropdown[t.dropdownIndex],onIsOpen:({detail:e})=>this._onShowDropdown(e,t.dropdownIndex)},a("p-pagination-pages-item",{slot:"trigger"},"..."),t.options?.slice(0,5).map((t=>a("p-dropdown-menu-item",{autoHeight:!0,slot:"items",variant:"pagination",onClick:()=>this._pageClick(t)},this.dropdownPageTemplate?this.dropdownPageTemplate(t):this._defaultDropdownPageTemplate(t)))),t.options?.length>5&&this._showDropdown[t.dropdownIndex]&&a("p-field",{autoFocus:!0,class:"mt-2 w-28",icon:"enter-key",iconPosition:"end",properties:{min:1,max:this._pages.length,step:1},size:"sm",slot:"items",type:"number",onEnter:({detail:t})=>this._enterPress(t)})):a("p-pagination-pages-item",{active:t.value===this.page,onClick:()=>this._pageClick(t.value)},t.value)))))}pageChangeHandler(){this._generate()}async _setLocales(){this._locales=await p(this._el)}documentClickHandler(t){const e=[!1,!1];this._dropdowns[0]&&n(t,this._dropdowns[0])&&(e[0]=!0),this._dropdowns[1]&&n(t,this._dropdowns[1])&&(e[1]=!0),this._showDropdown=e}_generate(){this._pages=this._generatePages(),this._set=this._generateSet(),this.page>this._pages?.length&&this._changePage(this._pages.length)}_changePage(t){t&&(this._showDropdown=[!1,!1],this.page=t,this.pageChange.emit(this.page))}_previousClick(){this._carouselDisabled("previous")||this._changePage(this.page-1)}_nextClick=()=>{this._carouselDisabled("next")||this._changePage(this.page+1)};_carouselDisabled=t=>"next"===t&&this.page+1>this._pages.at(-1)||"previous"===t&&this.page-1<this._pages[0];_pageClick=t=>this._changePage(t);_enterPress(t){"string"==typeof t&&(t=Number.parseInt(t)),Number.isNaN(t)||(t<1&&(t=1),t>this._pages.length&&(t=this._pages.length),this._changePage(t))}_onShowDropdown(t=!1,e){const a=[...this._showDropdown];a[e]=t,this._showDropdown=a}_generatePages(){if(!this.total||!this.pageSize)return[];const t=Math.ceil(this.total/this.pageSize);return this.pagesChange.emit(t),Array.from({length:t}).fill("").map(((t,e)=>e+1))}_generateSet=(t=1,e=!0)=>{const r=this._pages.length;if(!r)return[];let i=this.page-t,o=this.page+t;o>r&&(o=r,i=r-2*t,i=Math.max(i,1)),i<=1&&(i=1,o=Math.min(2*t+1,r));const s=[],h={type:"previous",value:a("p-icon",{rotate:90,size:"sm",variant:"caret"})},d={type:"next",value:a("p-icon",{rotate:-90,size:"sm",variant:"caret"})};if(null===t){const t=this._pages.map((t=>({type:"page",value:t})));return e?[h,...t,d]:t}e&&s.push(h);let n=0;if(i<=3)for(let t=1;t<i;t++)s.push({type:"page",value:this._pages[t-1]});else s.push({type:"page",value:1},{type:"ellipsis",dropdownIndex:n,options:Array.from({length:i-2},((t,e)=>e+2))}),n++;for(let t=i;t<=o;t++)s.push({type:"page",value:this._pages[t-1]});if(o>=r-2)for(let t=o+1;t<=r;t++)s.push({type:"page",value:this._pages[t-1]});else s.push({type:"ellipsis",dropdownIndex:n,options:Array.from({length:r-o-1},((t,e)=>e+o+1))},{type:"page",value:this._pages.at(-1)}),n++;return e&&s.push(d),s};static get watchers(){return{page:[{pageChangeHandler:0}],pageSize:[{pageChangeHandler:0}],total:[{pageChangeHandler:0}]}}};m.style="*{box-sizing:border-box}.static{position:static}.mt-2{margin-top:.5rem}.flex{display:flex}.hidden{display:none}.w-28{width:7rem}.items-center{align-items:center}.gap-2{gap:.5rem}";const v=o("p-pagination-size",{variants:{hidden:{false:null,true:"hidden"}}}),x=o(["group/pagination-size-trigger","flex items-center gap-2","h-6 px-2","text-sm font-medium text-storm-500","dark:text-white","cursor-pointer rounded-full","border border-solid shadow-1"],{variants:{active:{false:["\n border-transparent bg-white\n hover:bg-white-600\n ","\n dark:bg-white/15\n dark:hover:bg-white/25\n "],true:["border-indigo-600 bg-white-600 ring ring-2 ring-indigo-100","dark:bg-white/25 dark:ring-0"]}}}),k=class{constructor(a){t(this,a),this.sizeChange=e(this,"sizeChange",3)}_defaultItemTemplate=t=>g(this._locales.item,{size:t});size=h;sizeOptions=d;sizeChange;itemTemplate=this._defaultItemTemplate;get _el(){return i(this)}hidden=!1;dropdownIsOpen=!1;_locales={};componentWillLoad(){this._setLocales()}render(){return a(s,{key:"bd468fb3b2889b8cd35ea4cbe39423e47c804e20",class:v({hidden:w(this.hidden)})},a("p-dropdown",{key:"d8e97c2c1f86d393d7c2c2bb6e8fbf6a0f44567e",applyFullWidth:!0,applyMaxWidth:!1,chevronDirection:"down",placement:"top-start",onIsOpen:({detail:t})=>this.dropdownIsOpen=t},a("div",{key:"ff75dd123c0a3543ef2118d0a14f15aae96f49f8",class:x({active:this.dropdownIsOpen}),slot:"trigger"},a("p",{key:"986ddcf2e5c81ff4dc132aa3612764508e6287d4",class:"min-w-0 flex-1 overflow-hidden text-ellipsis text-nowrap"},this.itemTemplate?this.itemTemplate(this.size):this._defaultItemTemplate(this.size)),a("p-icon",{key:"4b335f1178302bcbd7682be7c442eab43e8950d5",class:c(["flex-shrink-0","group-hover/pagination-size-trigger:text-storm-500","dark:group-hover/pagination-size-trigger:text-white"],{"text-storm-300 dark:text-hurricane-200":!this.dropdownIsOpen,"text-storm-500 dark:text-white":!!this.dropdownIsOpen}),size:"sm",variant:"double-caret"})),a("slot",{key:"b26417bae87adfb4d18452c8d953fe4faa4bd868",slot:"items"},this.sizeOptions.map((t=>a("p-dropdown-menu-item",{active:t===this.size,onClick:()=>this._changeSize(t)},this.itemTemplate?this.itemTemplate(t):this._defaultItemTemplate(t)))))))}async _setLocales(){this._locales=await p(this._el)}_changeSize(t){t&&(this.size=t,this.sizeChange.emit(this.size))}};k.style="*{box-sizing:border-box}.static{position:static}.flex{display:flex}.hidden{display:none}.h-6{height:1.5rem}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.text-nowrap{text-wrap:nowrap}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-solid{border-style:solid}.border-indigo-600{--tw-border-opacity:1;border-color:rgb(82 138 250/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white-600{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.px-2{padding-left:.5rem;padding-right:.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.text-hurricane-200{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08);--tw-shadow-colored:0 1px 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ring{--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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-2{--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)}.ring-indigo-100{--tw-ring-opacity:1;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))}.hover\\:bg-white-600:hover{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.group\\/pagination-size-trigger:hover .group-hover\\/pagination-size-trigger\\:text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.dark\\:bg-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.15)}.dark\\:bg-white\\/25:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.25)}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:ring-0:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--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(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dark\\:hover\\:bg-white\\/25:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.25)}.group\\/pagination-size-trigger:hover .dark\\:group-hover\\/pagination-size-trigger\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:bg-white\\/15:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.15)}.dark\\:bg-white\\/25:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.25)}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:ring-0:where([data-theme=dark],[data-theme=dark] *){--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(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dark\\:hover\\:bg-white\\/25:hover:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.25)}.group\\/pagination-size-trigger:hover .dark\\:group-hover\\/pagination-size-trigger\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}";export{b as p_pagination,m as p_pagination_pages,k as p_pagination_size}
1
+ import{r as t,a as e,h as a,F as r,d as i}from"./p-yFtRjnrU.js";import{c as o}from"./p-CBWjHURv.js";import{T as s}from"./p-CSySY6aC.js";import{P as h,a as d}from"./p-CEaB2BT0.js";import{a as n}from"./p-TyZ7uPES.js";import{f as g,g as p}from"./p-CwQG70_4.js";import{c}from"./p-xs4N_Y-0.js";import{a as w}from"./p-C5CTp9IA.js";import"./p-ChV9xqsO.js";import"./p-6XOzWrsN.js";const l=o(["p-pagination","items-center gap-2","rounded-full","border border-solid border-off-white-700 bg-off-white-300","dark:border-hurricane-400 dark:bg-hurricane-500","p-1"],{variants:{hidden:{false:"flex",true:"hidden"}}}),b=class{constructor(a){t(this,a),this.pageChange=e(this,"pageChange",3),this.pageSizeChange=e(this,"pageSizeChange",3),this.pagesChange=e(this,"pagesChange",3)}hideOnSinglePage=!0;enablePaginationSize=!0;enablePaginationPages=!0;page=1;total;pageSize=h;pageSizeOptions=d;pageChange;pageSizeChange;pagesChange;_hasPaginationPages=!0;render(){const t=this.hideOnSinglePage&&this.total<=this.pageSizeOptions?.[0];return a(s,{key:"29ed189925a9e93e1939cfd66cf91915a5b8474d"},a("div",{key:"2705a46004eb47c6cbbf6dfa448ae69a6dfc96dc",class:l({hidden:t&&!this._hasPaginationPages||!this.enablePaginationSize&&!this.enablePaginationPages})},this.enablePaginationPages&&this.enablePaginationSize&&a(r,{key:"bb6985dd638fea4e904aae04ba70edc7d94b3c52"},a("p-pagination-size",{key:"730a4c91d7b3d8d0e2c57dc5e120222daef8b3c4",hidden:t,size:this.pageSize,sizeOptions:this.pageSizeOptions,onSizeChange:({detail:t})=>this._changePageSize(t)}),!t&&this.hideOnSinglePage&&this._hasPaginationPages&&a("p-divider",{key:"1496283b26ea9d0801e94bd8dc3987a6dc14480f",class:"\n mx-0 h-4 text-off-white-700\n dark:text-hurricane-400\n ",variant:"vertical"})),this.enablePaginationPages&&a("p-pagination-pages",{key:"5aaf4021a8b4166bbb8a50b0e6127af1fc0995f7",hideOnSinglePage:this.hideOnSinglePage,page:this.page,pageSize:this.pageSize,total:this.total,onPageChange:({detail:t})=>this.pageChange.emit(t),onPagesChange:({detail:t})=>{this._hasPaginationPages=t>1,this.pagesChange.emit(t)}})))}_changePageSize(t){t&&(this.pageSize=t,this.pageSizeChange.emit(this.pageSize))}};b.style="*{box-sizing:border-box}.static{position:static}.mx-0{margin-left:0;margin-right:0}.flex{display:flex}.hidden{display:none}.h-4{height:1rem}.items-center{align-items:center}.gap-2{gap:.5rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-solid{border-style:solid}.border-off-white-700{--tw-border-opacity:1;border-color:rgb(222 219 213/var(--tw-border-opacity,1))}.bg-off-white-300{--tw-bg-opacity:1;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))}.p-1{padding:.25rem}.text-off-white-700{--tw-text-opacity:1;color:rgb(222 219 213/var(--tw-text-opacity,1))}.dark\\:border-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\\:bg-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.dark\\:border-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\\:bg-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}";const f=o(["p-pagination","flex items-center gap-2"],{variants:{hidden:{false:"flex",true:"hidden"}}}),m=class{constructor(a){t(this,a),this.pageChange=e(this,"pageChange",3),this.pagesChange=e(this,"pagesChange",3)}_defaultDropdownPageTemplate=t=>g(this._locales.page,{page:t});page=1;pageChange;dropdownPageTemplate=this._defaultDropdownPageTemplate;pageSize=h;hideOnSinglePage=!1;total;pagesChange;_showDropdown=[!1,!1];_dropdowns=[];_locales={};get _el(){return i(this)}_pages=[];_set=[];componentWillLoad(){this._setLocales()}componentWillRender(){this._generate()}render(){return a(s,{key:"f907f831961866c8c54361d1cb24bfc1d6782a91"},a("div",{key:"d23cdee3d91f4fc7fccd64bc13fb0e1c71885cf1",class:f({hidden:this.hideOnSinglePage&&3===this._set?.length})},this._set?.map((t=>"previous"===t.type||"next"===t.type?a("p-pagination-pages-item",{disabled:this._carouselDisabled(t.type),variant:"carousel",onClick:()=>"previous"===t.type?this._previousClick():this._nextClick()},t.value):"ellipsis"===t.type?a("p-dropdown",{applyChevron:!1,insideClick:!0,placement:"top",ref:e=>this._dropdowns[t.dropdownIndex]=e,show:this._showDropdown[t.dropdownIndex],onIsOpen:({detail:e})=>this._onShowDropdown(e,t.dropdownIndex)},a("p-pagination-pages-item",{slot:"trigger"},"..."),t.options?.slice(0,5).map((t=>a("p-dropdown-menu-item",{autoHeight:!0,slot:"items",variant:"pagination",onClick:()=>this._pageClick(t)},this.dropdownPageTemplate?this.dropdownPageTemplate(t):this._defaultDropdownPageTemplate(t)))),t.options?.length>5&&this._showDropdown[t.dropdownIndex]&&a("p-field",{autoFocus:!0,class:"mt-2 w-28",icon:"enter-key",iconPosition:"end",properties:{min:1,max:this._pages.length,step:1},size:"sm",slot:"items",type:"number",onEnter:({detail:t})=>this._enterPress(t)})):a("p-pagination-pages-item",{active:t.value===this.page,onClick:()=>this._pageClick(t.value)},t.value)))))}pageChangeHandler(){this._generate()}async _setLocales(){this._locales=await p(this._el)}documentClickHandler(t){const e=[!1,!1];this._dropdowns[0]&&n(t,this._dropdowns[0])&&(e[0]=!0),this._dropdowns[1]&&n(t,this._dropdowns[1])&&(e[1]=!0),this._showDropdown=e}_generate(){this._pages=this._generatePages(),this._set=this._generateSet(),this.page>this._pages?.length&&this._changePage(this._pages.length)}_changePage(t){t&&(this._showDropdown=[!1,!1],this.page=t,this.pageChange.emit(this.page))}_previousClick(){this._carouselDisabled("previous")||this._changePage(this.page-1)}_nextClick=()=>{this._carouselDisabled("next")||this._changePage(this.page+1)};_carouselDisabled=t=>"next"===t&&this.page+1>this._pages.at(-1)||"previous"===t&&this.page-1<this._pages[0];_pageClick=t=>this._changePage(t);_enterPress(t){"string"==typeof t&&(t=Number.parseInt(t)),Number.isNaN(t)||(t<1&&(t=1),t>this._pages.length&&(t=this._pages.length),this._changePage(t))}_onShowDropdown(t=!1,e){const a=[...this._showDropdown];a[e]=t,this._showDropdown=a}_generatePages(){if(!this.total||!this.pageSize)return[];const t=Math.ceil(this.total/this.pageSize);return this.pagesChange.emit(t),Array.from({length:t}).fill("").map(((t,e)=>e+1))}_generateSet=(t=1,e=!0)=>{const r=this._pages.length;if(!r)return[];let i=this.page-t,o=this.page+t;o>r&&(o=r,i=r-2*t,i=Math.max(i,1)),i<=1&&(i=1,o=Math.min(2*t+1,r));const s=[],h={type:"previous",value:a("p-icon",{rotate:90,size:"sm",variant:"caret"})},d={type:"next",value:a("p-icon",{rotate:-90,size:"sm",variant:"caret"})};if(null===t){const t=this._pages.map((t=>({type:"page",value:t})));return e?[h,...t,d]:t}e&&s.push(h);let n=0;if(i<=3)for(let t=1;t<i;t++)s.push({type:"page",value:this._pages[t-1]});else s.push({type:"page",value:1},{type:"ellipsis",dropdownIndex:n,options:Array.from({length:i-2},((t,e)=>e+2))}),n++;for(let t=i;t<=o;t++)s.push({type:"page",value:this._pages[t-1]});if(o>=r-2)for(let t=o+1;t<=r;t++)s.push({type:"page",value:this._pages[t-1]});else s.push({type:"ellipsis",dropdownIndex:n,options:Array.from({length:r-o-1},((t,e)=>e+o+1))},{type:"page",value:this._pages.at(-1)}),n++;return e&&s.push(d),s};static get watchers(){return{page:[{pageChangeHandler:0}],pageSize:[{pageChangeHandler:0}],total:[{pageChangeHandler:0}]}}};m.style="*{box-sizing:border-box}.static{position:static}.mt-2{margin-top:.5rem}.flex{display:flex}.hidden{display:none}.w-28{width:7rem}.items-center{align-items:center}.gap-2{gap:.5rem}";const v=o("p-pagination-size",{variants:{hidden:{false:null,true:"hidden"}}}),x=o(["group/pagination-size-trigger","flex items-center gap-2","h-6 px-2","text-sm font-medium text-storm-500","dark:text-white","cursor-pointer rounded-full","border border-solid shadow-1"],{variants:{active:{false:["\n border-transparent bg-white\n hover:bg-white-600\n ","\n dark:bg-white/15\n dark:hover:bg-white/25\n "],true:["border-indigo-600 bg-white-600 ring ring-2 ring-indigo-100","dark:bg-white/25 dark:ring-0"]}}}),k=class{constructor(a){t(this,a),this.sizeChange=e(this,"sizeChange",3)}_defaultItemTemplate=t=>g(this._locales.item,{size:t});size=h;sizeOptions=d;sizeChange;itemTemplate=this._defaultItemTemplate;get _el(){return i(this)}hidden=!1;dropdownIsOpen=!1;_locales={};componentWillLoad(){this._setLocales()}render(){return a(s,{key:"bd468fb3b2889b8cd35ea4cbe39423e47c804e20",class:v({hidden:w(this.hidden)})},a("p-dropdown",{key:"d8e97c2c1f86d393d7c2c2bb6e8fbf6a0f44567e",applyFullWidth:!0,applyMaxWidth:!1,chevronDirection:"down",placement:"top-start",onIsOpen:({detail:t})=>this.dropdownIsOpen=t},a("div",{key:"ff75dd123c0a3543ef2118d0a14f15aae96f49f8",class:x({active:this.dropdownIsOpen}),slot:"trigger"},a("p",{key:"986ddcf2e5c81ff4dc132aa3612764508e6287d4",class:"min-w-0 flex-1 overflow-hidden text-ellipsis text-nowrap"},this.itemTemplate?this.itemTemplate(this.size):this._defaultItemTemplate(this.size)),a("p-icon",{key:"4b335f1178302bcbd7682be7c442eab43e8950d5",class:c(["flex-shrink-0","group-hover/pagination-size-trigger:text-storm-500","dark:group-hover/pagination-size-trigger:text-white"],{"text-storm-300 dark:text-hurricane-200":!this.dropdownIsOpen,"text-storm-500 dark:text-white":!!this.dropdownIsOpen}),size:"sm",variant:"double-caret"})),a("slot",{key:"b26417bae87adfb4d18452c8d953fe4faa4bd868",slot:"items"},this.sizeOptions.map((t=>a("p-dropdown-menu-item",{active:t===this.size,onClick:()=>this._changeSize(t)},this.itemTemplate?this.itemTemplate(t):this._defaultItemTemplate(t)))))))}async _setLocales(){this._locales=await p(this._el)}_changeSize(t){t&&(this.size=t,this.sizeChange.emit(this.size))}};k.style="*{box-sizing:border-box}.static{position:static}.flex{display:flex}.hidden{display:none}.h-6{height:1.5rem}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.text-nowrap{text-wrap:nowrap}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-solid{border-style:solid}.border-indigo-600{--tw-border-opacity:1;border-color:rgb(82 138 250/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white-600{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.px-2{padding-left:.5rem;padding-right:.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.text-hurricane-200{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08);--tw-shadow-colored:0 1px 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ring{--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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-2{--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)}.ring-indigo-100{--tw-ring-opacity:1;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))}.hover\\:bg-white-600:hover{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.group\\/pagination-size-trigger:hover .group-hover\\/pagination-size-trigger\\:text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.dark\\:bg-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.15)}.dark\\:bg-white\\/25:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.25)}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:ring-0:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--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(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dark\\:hover\\:bg-white\\/25:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.25)}.group\\/pagination-size-trigger:hover .dark\\:group-hover\\/pagination-size-trigger\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:bg-white\\/15:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.15)}.dark\\:bg-white\\/25:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.25)}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:ring-0:where([data-theme=dark],[data-theme=dark] *){--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(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dark\\:hover\\:bg-white\\/25:hover:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.25)}.group\\/pagination-size-trigger:hover .dark\\:group-hover\\/pagination-size-trigger\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}";export{b as p_pagination,m as p_pagination_pages,k as p_pagination_size}
@@ -1 +1 @@
1
- import{r as e,a as t,h as r,d as a,e as o}from"./p-yFtRjnrU.js";import{c as i}from"./p-CBWjHURv.js";import{T as d}from"./p-CSySY6aC.js";import{a as h}from"./p-C5CTp9IA.js";import{n as s}from"./p-D9kEjsvZ.js";import{a as n,c,o as l,f as w,s as b}from"./p-CeBIrPPx.js";import{a as m}from"./p-TyZ7uPES.js";import{c as g}from"./p-xs4N_Y-0.js";import"./p-ChV9xqsO.js";import"./p-6XOzWrsN.js";const p=i(["peer m-0 flex-shrink-0 appearance-none outline-none","border-inset border border-solid","h-4 w-4 rounded"],{variants:{disabled:{false:["cursor-pointer shadow-1","\n border-storm-100 bg-white\n dark:border-white/15 dark:bg-white/10\n ","\n hover:border-storm-500/20 hover:bg-indigo-100\n dark:hover:border-white/15 dark:hover:bg-white/20\n ","\n group-hover/checkbox-label:border-storm-100\n group-hover/checkbox-label:bg-indigo-100\n ","checked:border-storm-500/20 checked:bg-indigo-600","\n checked:ring-2 checked:ring-indigo-100\n dark:checked:ring-0\n ","checked:hover:border-storm-500/20 checked:hover:bg-indigo-700","\n checked:group-hover/checkbox-label:border-storm-500/20\n checked:group-hover/checkbox-label:bg-indigo-700\n ","indeterminate:border-storm-500/20 indeterminate:bg-indigo-600","indeterminate:ring-2 indeterminate:ring-indigo-100","indeterminate:hover:border-storm-500/20 indeterminate:hover:bg-indigo-700","\n indeterminate:group-hover/checkbox-label:border-storm-500/20\n indeterminate:group-hover/checkbox-label:bg-indigo-700\n "],true:"\n cursor-not-allowed border-storm-50 bg-white-600\n dark:border-white/10 dark:bg-white/5\n "}}}),k=i(["\n hidden\n peer-checked:flex\n peer-indeterminate:flex\n ","\n pointer-events-none absolute left-1/2 top-1/2 -translate-x-1/2\n -translate-y-1/2 transform\n "],{variants:{disabled:{false:"text-white",true:"\n text-storm-200\n dark:text-hurricane-300\n "}}}),x=i(["text-xs drop-shadow-2"],{variants:{disabled:{false:"\n group-hover/checkbox-label:text-sm\n group-hover/p-checkbox:text-sm\n ",true:null}}}),v=class{constructor(r){e(this,r),this.checkedChange=t(this,"checkedChange",7),this.indeterminateChange=t(this,"indeterminateChange",7),r.$hostElement$["s-ei"]?this._internals=r.$hostElement$["s-ei"]:(this._internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this._internals)}checked;indeterminate;disabled=!1;required=!0;id;name;checkedChange;indeterminateChange;_nonce=s(5);_internals;formResetCallback(){this.checked=!1,this.indeterminate=!1}formDisabledCallback(e){this._internals.form&&(this.disabled=e)}render(){const e=this.id?.length?this.id:this._nonce;return r(d,{key:"790e3aa34ae9ab672a26033e58b1801742e9989d"},r("label",{key:"a40fd069e097065a718100d32b0f823e228f6aec",class:"group/p-checkbox flex items-center justify-start gap-2",htmlFor:e},r("div",{key:"102743e8fb860e7290d77e7407be13856460f613",class:"relative flex flex-shrink-0 items-center"},r("input",{key:"e0aab8a3669d74a544d49ea0dfa40312c913d20e",checked:h(this.checked),class:p({disabled:h(this.disabled)}),disabled:h(this.disabled),id:e,indeterminate:h(this.indeterminate),name:this.name,required:h(this.required),type:"checkbox",onChange:e=>this._onChange(e)}),r("div",{key:"54a632b71823fe37ea899841ce1a991ade8dab08",class:k({disabled:h(this.disabled)})},r("p-icon",{key:"78ea7112217b5d623be8dcd20c422796a85372dc",class:x({disabled:h(this.disabled)}),size:"auto",variant:h(this.indeterminate)?"minus":"checkmarkThick"}))),r("div",{key:"6946c6e2c07e6a38ce02d849468d499728a0e4c5",class:"\n flex-1 overflow-hidden text-ellipsis\n empty:hidden\n dark:text-white\n "},r("slot",{key:"7219e1faea7dee90c29a1e9c4c5182caffad36c5"}))))}_onChange(e){if(this.disabled)return void e.preventDefault();const t=h(e.target.checked),r=h(e.target.indeterminate);t!=this.checked&&(this.checked=t,this.checkedChange.emit(t)),r!=this.indeterminate&&(this.indeterminate=r,this.indeterminateChange.emit(r)),this._internals.setFormValue(this.indeterminate?"indeterminate":this.checked?"on":"off")}static get formAssociated(){return!0}};v.style="*{box-sizing:border-box}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-1\\/2{left:50%}.top-1\\/2{top:50%}.m-0{margin:0}.flex{display:flex}.hidden{display:none}.h-4{height:1rem}.w-4{width:1rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.-translate-y-1\\/2{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))}.-translate-y-1\\/2{--tw-translate-y:-50%}.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))}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.appearance-none{appearance:none}.items-center{align-items:center}.justify-start{justify-content:flex-start}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.rounded{border-radius:.25rem}.border{border-width:1px}.border-solid{border-style:solid}.border-storm-100{--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.border-storm-50{--tw-border-opacity:1;border-color:rgb(232 232 234/var(--tw-border-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white-600{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.text-xs{font-size:.75rem;line-height:1rem}.text-storm-200{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08);--tw-shadow-colored:0 1px 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.drop-shadow-2{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04));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)}.checked\\:border-storm-500\\/20:checked{border-color:rgba(24,30,41,.2)}.checked\\:bg-indigo-600:checked{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))}.checked\\:ring-2:checked{--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);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.checked\\:ring-indigo-100:checked{--tw-ring-opacity:1;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))}.indeterminate\\:border-storm-500\\/20:indeterminate{border-color:rgba(24,30,41,.2)}.indeterminate\\:bg-indigo-600:indeterminate{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))}.indeterminate\\:ring-2:indeterminate{--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);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.indeterminate\\:ring-indigo-100:indeterminate{--tw-ring-opacity:1;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))}.empty\\:hidden:empty{display:none}.hover\\:border-storm-500\\/20:hover{border-color:rgba(24,30,41,.2)}.hover\\:bg-indigo-100:hover{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))}.checked\\:hover\\:border-storm-500\\/20:hover:checked{border-color:rgba(24,30,41,.2)}.checked\\:hover\\:bg-indigo-700:hover:checked{--tw-bg-opacity:1;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))}.indeterminate\\:hover\\:border-storm-500\\/20:hover:indeterminate{border-color:rgba(24,30,41,.2)}.indeterminate\\:hover\\:bg-indigo-700:hover:indeterminate{--tw-bg-opacity:1;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))}.group\\/checkbox-label:hover .group-hover\\/checkbox-label\\:border-storm-100{--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.group\\/checkbox-label:hover .group-hover\\/checkbox-label\\:bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))}.group\\/checkbox-label:hover .group-hover\\/checkbox-label\\:text-sm,.group\\/p-checkbox:hover .group-hover\\/p-checkbox\\:text-sm{font-size:.875rem;line-height:1.25rem}.group\\/checkbox-label:hover .checked\\:group-hover\\/checkbox-label\\:border-storm-500\\/20:checked{border-color:rgba(24,30,41,.2)}.group\\/checkbox-label:hover .checked\\:group-hover\\/checkbox-label\\:bg-indigo-700:checked{--tw-bg-opacity:1;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))}.group\\/checkbox-label:hover .indeterminate\\:group-hover\\/checkbox-label\\:border-storm-500\\/20:indeterminate{border-color:rgba(24,30,41,.2)}.group\\/checkbox-label:hover .indeterminate\\:group-hover\\/checkbox-label\\:bg-indigo-700:indeterminate{--tw-bg-opacity:1;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\\:flex{display:flex}.peer:indeterminate~.peer-indeterminate\\:flex{display:flex}.dark\\:border-white\\/10:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.1)}.dark\\:border-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)}.dark\\:bg-white\\/10:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.1)}.dark\\:bg-white\\/5:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.05)}.dark\\:text-hurricane-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:checked\\:ring-0:checked:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--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(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dark\\:hover\\:border-white\\/15:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)}.dark\\:hover\\:bg-white\\/20:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.2)}.dark\\:border-white\\/10:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.1)}.dark\\:border-white\\/15:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)}.dark\\:bg-white\\/10:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.1)}.dark\\:bg-white\\/5:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.05)}.dark\\:text-hurricane-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:checked\\:ring-0:checked:where([data-theme=dark],[data-theme=dark] *){--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(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dark\\:hover\\:border-white\\/15:hover:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)}.dark\\:hover\\:bg-white\\/20:hover:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.2)}";const f=i(["hidden"],{variants:{strategy:{absolute:"absolute",fixed:"fixed"},fullWidth:{false:null,true:"w-full"},maxWidth:{false:null,true:"max-w-[13.875rem]"},isDatepicker:{false:"z-dropdown",true:"z-datepicker"}},compoundVariants:[{fullWidth:!1,maxWidth:!0,class:"w-auto"}]}),u=class{constructor(r){e(this,r),this.isOpen=t(this,"isOpen",3)}variant="default";placement="bottom-start";offset=8;strategy="absolute";show=!1;applyMaxWidth=!0;applyFullWidth=!0;allowOverflow=!1;scrollable=!1;insideClick=!1;disableTriggerClick=!1;manual=!1;applyChevron=!0;manualChevron=!1;chevronPosition="end";chevronDirection;containerClass;isDatepicker=!1;get _el(){return a(this)}isOpen;_loaded=!1;_menu;_trigger;_cleanup;componentShouldUpdate(){this._update()}componentDidLoad(){this._checkButtons()}disconnectedCallback(){this._cleanup&&(this._cleanup(),this._cleanup=null)}componentDidRender(){this._checkButtons(),this._checkItems()}render(){return r(o,{key:"6b7b418a8b5e962f6881418630e9f284a8ed1785",class:"relative"},r("div",{key:"46fb2c0286f69da71e4fbf940123761ee1869077",class:"trigger",ref:e=>this._trigger=e,onClick:()=>this._triggerClickHandler()},r("slot",{key:"c9bb61458cfb2ef3dc99f04d699d83a173e94789",name:"trigger"})),r("div",{key:"33693a79995e4fe465c3d9576f512115ca8c9c9c",class:"relative w-full"},r("p-dropdown-menu-container",{key:"ca8c374c376c5529f8b1b91e542f3e6898038fbd",allowOverflow:this.allowOverflow,class:g(f({strategy:this.strategy,maxWidth:this.applyMaxWidth,fullWidth:this.applyFullWidth&&!this.applyMaxWidth,isDatepicker:this.isDatepicker}),this.containerClass),"data-placement":this.placement,"data-strategy":this.strategy,fullWidth:this.applyFullWidth&&!this.applyMaxWidth,maxWidth:this.applyMaxWidth,ref:e=>this._load(e),role:"popover",scrollable:this.scrollable,variant:this.variant,onClick:()=>this._containerClickHandler()},r("slot",{key:"544f91dfb12b2f3e9a37b319270c75c2eed95662",name:"items"}))))}_checkButtons(e=!1){const t=this._el.querySelectorAll('p-button[slot="trigger"]'),r="true"===this._menu.dataset.show;for(let a of t)a.disabled=this.disableTriggerClick,a.active=e,a.iconOnly||(!1!==this.applyChevron&&!0!==this.manualChevron?(a.chevronPosition=this.chevronPosition,a.chevron=this.chevronDirection??(this.placement.includes("top")?r?"down":"up":r?"up":"down")):!1===this.manualChevron&&(a.chevron=!1))}_checkItems(){const e=this._el.querySelectorAll("p-dropdown-menu-item");for(let t of e)"pagination"!==t.variant&&"negative"!==t.variant&&(t.variant=this.variant)}onShowChange(e){this._loaded&&(e?this._show():this._hide())}documentClickHandler(e){"false"===this._menu.dataset.show||m(e,this._menu)||m(e,this._trigger)||this._hide()}_containerClickHandler(){this.insideClick||Object.hasOwn(this._menu.dataset,"show")&&this._hide()}_triggerClickHandler(){this.disableTriggerClick||this.manual||("true"===this._menu.dataset.show?this._hide():this._show())}_load(e){this._menu=e,e&&(this._update(),this._loaded=!0,this.show&&setTimeout((()=>this._show()),100))}_show(){this._loaded&&(this._cleanup=n(this._el,this._menu,(()=>this._update())),this._menu.dataset.show="true",this._menu.classList.remove("hidden"),this._menu.classList.add("block"),this.isOpen.emit(!0),this._checkButtons(!0))}_hide(){this._loaded&&!this.show&&(this._cleanup&&(this._cleanup(),this._cleanup=null),this._menu.dataset.show="false",this._menu.classList.remove("block"),this._menu.classList.add("hidden"),this.isOpen.emit(!1),this._checkButtons(!1))}_update(){this._menu&&c(this._el,this._menu,{placement:this.placement,strategy:this.strategy,middleware:[l(this.offset),w(),b()]}).then((({x:e,y:t,placement:r})=>{this._menu.dataset.placement=r,Object.assign(this._menu.style,{top:`${t}px`,left:`${e}px`})}))}static get watchers(){return{show:[{onShowChange:0}]}}};u.style="*{box-sizing:border-box}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.z-datepicker{z-index:401}.z-dropdown{z-index:200}.block{display:block}.hidden{display:none}.w-auto{width:auto}.w-full{width:100%}.max-w-\\[13\\.875rem\\]{max-width:13.875rem}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}";const y=i(["p-dropdown-menu-container","p-1","z-10 rounded-lg","border","transform-gpu will-change-transform"],{variants:{variant:{default:["border-storm-100 bg-white drop-shadow-2","dark:border-transparent dark:bg-hurricane-400"],storm:["border-storm-400 bg-storm-400 drop-shadow-3","dark:border-storm-100 dark:border-white/60 dark:bg-white"]},fullWidth:{false:null,true:"w-full"},maxWidth:{false:null,true:"max-w-[13.875rem]"}},compoundVariants:[{fullWidth:!1,maxWidth:!0,class:"w-auto"}]}),C=i("relative min-h-full w-full",{variants:{allowOverflow:{false:"overflow-y-auto overflow-x-hidden",true:null},scrollable:{none:null,default:"max-h-[11.5rem]",large:"max-h-[13.875rem]",xlarge:"max-h-[20rem]"}}}),_=class{constructor(t){e(this,t)}variant="default";maxWidth=!0;class;fullWidth=!0;allowOverflow=!1;scrollable=!1;render(){const e=!1===this.scrollable?"none":!0===this.scrollable?"default":this.scrollable;return r(d,{key:"5e114d019269c53de1c486382f94df63a07a8270"},r("div",{key:"45d734038bf0ff32b352552cd3acfbf284a4dd04",class:y({class:this.class,variant:this.variant,fullWidth:h(this.fullWidth,!0),maxWidth:this.maxWidth})},r("div",{key:"5835894bc68ed27da004ff8e93cc6cb393e75586",class:C({allowOverflow:h(this.allowOverflow),scrollable:e})},r("div",{key:"2fc4b47ac15be1c804c427874a6f5a81a26264e9",class:"flex w-full flex-col"},r("slot",{key:"8a14a049fc08d84ee9b43ce12e5301bd99773c0e"})))))}};_.style="*{box-sizing:border-box}.static{position:static}.relative{position:relative}.z-10{z-index:10}.flex{display:flex}.max-h-\\[11\\.5rem\\]{max-height:11.5rem}.max-h-\\[13\\.875rem\\]{max-height:13.875rem}.max-h-\\[20rem\\]{max-height:20rem}.min-h-full{min-height:100%}.w-auto{width:auto}.w-full{width:100%}.max-w-\\[13\\.875rem\\]{max-width:13.875rem}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-storm-100{--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.border-storm-400{--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.bg-storm-400{--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-1{padding:.25rem}.drop-shadow-2{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04))}.drop-shadow-2,.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)}.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))}.will-change-transform{will-change:transform}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.dark\\:border-storm-100:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.dark\\:border-transparent:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:transparent}.dark\\:border-white\\/60:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.6)}.dark\\:bg-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.dark\\:bg-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.dark\\:border-storm-100:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.dark\\:border-transparent:where([data-theme=dark],[data-theme=dark] *){border-color:transparent}.dark\\:border-white\\/60:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.6)}.dark\\:bg-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.dark\\:bg-white:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}";export{v as p_checkbox,u as p_dropdown,_ as p_dropdown_menu_container}
1
+ import{r as e,a as t,h as r,d as a,e as o}from"./p-yFtRjnrU.js";import{c as i}from"./p-CBWjHURv.js";import{T as d}from"./p-CSySY6aC.js";import{a as h}from"./p-C5CTp9IA.js";import{n as s}from"./p-D9kEjsvZ.js";import{a as n,c,o as l,f as w,s as b}from"./p-CeBIrPPx.js";import{a as m}from"./p-TyZ7uPES.js";import{c as g}from"./p-xs4N_Y-0.js";import"./p-ChV9xqsO.js";import"./p-6XOzWrsN.js";const p=i(["peer m-0 flex-shrink-0 appearance-none outline-none","border-inset border border-solid","h-4 w-4 rounded"],{variants:{disabled:{false:["cursor-pointer shadow-1","\n border-storm-100 bg-white\n dark:border-white/15 dark:bg-white/10\n ","\n hover:border-storm-500/20 hover:bg-indigo-100\n dark:hover:border-white/15 dark:hover:bg-white/20\n ","\n group-hover/checkbox-label:border-storm-100\n group-hover/checkbox-label:bg-indigo-100\n ","checked:border-storm-500/20 checked:bg-indigo-600","\n checked:ring-2 checked:ring-indigo-100\n dark:checked:ring-0\n ","checked:hover:border-storm-500/20 checked:hover:bg-indigo-700","\n checked:group-hover/checkbox-label:border-storm-500/20\n checked:group-hover/checkbox-label:bg-indigo-700\n ","indeterminate:border-storm-500/20 indeterminate:bg-indigo-600","indeterminate:ring-2 indeterminate:ring-indigo-100","indeterminate:hover:border-storm-500/20 indeterminate:hover:bg-indigo-700","\n indeterminate:group-hover/checkbox-label:border-storm-500/20\n indeterminate:group-hover/checkbox-label:bg-indigo-700\n "],true:"\n cursor-not-allowed border-storm-50 bg-white-600\n dark:border-white/10 dark:bg-white/5\n "}}}),k=i(["\n hidden\n peer-checked:flex\n peer-indeterminate:flex\n ","\n pointer-events-none absolute left-1/2 top-1/2 -translate-x-1/2\n -translate-y-1/2 transform\n "],{variants:{disabled:{false:"text-white",true:"\n text-storm-200\n dark:text-hurricane-300\n "}}}),x=i(["text-xs drop-shadow-2"],{variants:{disabled:{false:"\n group-hover/checkbox-label:text-sm\n group-hover/p-checkbox:text-sm\n ",true:null}}}),v=class{constructor(r){e(this,r),this.checkedChange=t(this,"checkedChange",7),this.indeterminateChange=t(this,"indeterminateChange",7),r.$hostElement$["s-ei"]?this._internals=r.$hostElement$["s-ei"]:(this._internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this._internals)}checked;indeterminate;disabled=!1;required=!0;id;name;checkedChange;indeterminateChange;_nonce=s(5);_internals;formResetCallback(){this.checked=!1,this.indeterminate=!1}formDisabledCallback(e){this._internals.form&&(this.disabled=e)}render(){const e=this.id?.length?this.id:this._nonce;return r(d,{key:"790e3aa34ae9ab672a26033e58b1801742e9989d"},r("label",{key:"a40fd069e097065a718100d32b0f823e228f6aec",class:"group/p-checkbox flex items-center justify-start gap-2",htmlFor:e},r("div",{key:"102743e8fb860e7290d77e7407be13856460f613",class:"relative flex flex-shrink-0 items-center"},r("input",{key:"e0aab8a3669d74a544d49ea0dfa40312c913d20e",checked:h(this.checked),class:p({disabled:h(this.disabled)}),disabled:h(this.disabled),id:e,indeterminate:h(this.indeterminate),name:this.name,required:h(this.required),type:"checkbox",onChange:e=>this._onChange(e)}),r("div",{key:"54a632b71823fe37ea899841ce1a991ade8dab08",class:k({disabled:h(this.disabled)})},r("p-icon",{key:"78ea7112217b5d623be8dcd20c422796a85372dc",class:x({disabled:h(this.disabled)}),size:"auto",variant:h(this.indeterminate)?"minus":"checkmarkThick"}))),r("div",{key:"6946c6e2c07e6a38ce02d849468d499728a0e4c5",class:"\n flex-1 overflow-hidden text-ellipsis\n empty:hidden\n dark:text-white\n "},r("slot",{key:"7219e1faea7dee90c29a1e9c4c5182caffad36c5"}))))}_onChange(e){if(this.disabled)return void e.preventDefault();const t=h(e.target.checked),r=h(e.target.indeterminate);t!=this.checked&&(this.checked=t,this.checkedChange.emit(t)),r!=this.indeterminate&&(this.indeterminate=r,this.indeterminateChange.emit(r)),this._internals.setFormValue(this.indeterminate?"indeterminate":this.checked?"on":"off")}static get formAssociated(){return!0}};v.style="*{box-sizing:border-box}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-1\\/2{left:50%}.top-1\\/2{top:50%}.m-0{margin:0}.flex{display:flex}.hidden{display:none}.h-4{height:1rem}.w-4{width:1rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.-translate-y-1\\/2{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))}.-translate-y-1\\/2{--tw-translate-y:-50%}.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))}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.appearance-none{appearance:none}.items-center{align-items:center}.justify-start{justify-content:flex-start}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.rounded{border-radius:.25rem}.border{border-width:1px}.border-solid{border-style:solid}.border-storm-100{--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.border-storm-50{--tw-border-opacity:1;border-color:rgb(232 232 234/var(--tw-border-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white-600{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.text-xs{font-size:.75rem;line-height:1rem}.text-storm-200{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08);--tw-shadow-colored:0 1px 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.drop-shadow-2{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04));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)}.checked\\:border-storm-500\\/20:checked{border-color:rgba(24,30,41,.2)}.checked\\:bg-indigo-600:checked{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))}.checked\\:ring-2:checked{--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);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.checked\\:ring-indigo-100:checked{--tw-ring-opacity:1;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))}.indeterminate\\:border-storm-500\\/20:indeterminate{border-color:rgba(24,30,41,.2)}.indeterminate\\:bg-indigo-600:indeterminate{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))}.indeterminate\\:ring-2:indeterminate{--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);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.indeterminate\\:ring-indigo-100:indeterminate{--tw-ring-opacity:1;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))}.empty\\:hidden:empty{display:none}.hover\\:border-storm-500\\/20:hover{border-color:rgba(24,30,41,.2)}.hover\\:bg-indigo-100:hover{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))}.checked\\:hover\\:border-storm-500\\/20:hover:checked{border-color:rgba(24,30,41,.2)}.checked\\:hover\\:bg-indigo-700:hover:checked{--tw-bg-opacity:1;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))}.indeterminate\\:hover\\:border-storm-500\\/20:hover:indeterminate{border-color:rgba(24,30,41,.2)}.indeterminate\\:hover\\:bg-indigo-700:hover:indeterminate{--tw-bg-opacity:1;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))}.group\\/checkbox-label:hover .group-hover\\/checkbox-label\\:border-storm-100{--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.group\\/checkbox-label:hover .group-hover\\/checkbox-label\\:bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))}.group\\/checkbox-label:hover .group-hover\\/checkbox-label\\:text-sm,.group\\/p-checkbox:hover .group-hover\\/p-checkbox\\:text-sm{font-size:.875rem;line-height:1.25rem}.group\\/checkbox-label:hover .checked\\:group-hover\\/checkbox-label\\:border-storm-500\\/20:checked{border-color:rgba(24,30,41,.2)}.group\\/checkbox-label:hover .checked\\:group-hover\\/checkbox-label\\:bg-indigo-700:checked{--tw-bg-opacity:1;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))}.group\\/checkbox-label:hover .indeterminate\\:group-hover\\/checkbox-label\\:border-storm-500\\/20:indeterminate{border-color:rgba(24,30,41,.2)}.group\\/checkbox-label:hover .indeterminate\\:group-hover\\/checkbox-label\\:bg-indigo-700:indeterminate{--tw-bg-opacity:1;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\\:flex{display:flex}.peer:indeterminate~.peer-indeterminate\\:flex{display:flex}.dark\\:border-white\\/10:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.1)}.dark\\:border-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)}.dark\\:bg-white\\/10:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.1)}.dark\\:bg-white\\/5:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.05)}.dark\\:text-hurricane-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:checked\\:ring-0:checked:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--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(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dark\\:hover\\:border-white\\/15:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)}.dark\\:hover\\:bg-white\\/20:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.2)}.dark\\:border-white\\/10:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.1)}.dark\\:border-white\\/15:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)}.dark\\:bg-white\\/10:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.1)}.dark\\:bg-white\\/5:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.05)}.dark\\:text-hurricane-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:checked\\:ring-0:checked:where([data-theme=dark],[data-theme=dark] *){--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(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dark\\:hover\\:border-white\\/15:hover:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)}.dark\\:hover\\:bg-white\\/20:hover:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.2)}";const f=i(["hidden"],{variants:{strategy:{absolute:"absolute",fixed:"fixed"},fullWidth:{false:null,true:"w-full"},maxWidth:{false:null,true:"max-w-[13.875rem]"},isDatepicker:{false:"z-dropdown",true:"z-datepicker"}},compoundVariants:[{fullWidth:!1,maxWidth:!0,class:"w-auto"}]}),u=class{constructor(r){e(this,r),this.isOpen=t(this,"isOpen",3)}variant="default";placement="bottom-start";offset=8;strategy="absolute";show=!1;applyMaxWidth=!0;applyFullWidth=!0;allowOverflow=!1;scrollable=!1;insideClick=!1;disableTriggerClick=!1;manual=!1;applyChevron=!0;manualChevron=!1;chevronPosition="end";chevronDirection;containerClass;isDatepicker=!1;get _el(){return a(this)}isOpen;_loaded=!1;_menu;_trigger;_cleanup;componentShouldUpdate(){this._update()}componentDidLoad(){this._checkButtons()}disconnectedCallback(){this._cleanup&&(this._cleanup(),this._cleanup=null)}componentDidRender(){this._checkButtons(),this._checkItems()}render(){return r(o,{key:"bedacfe4315ca3990dd8b87c32dbae364722666d",class:"relative"},r("div",{key:"d10200cc877f7ab3dcd3ba012b6ca9c6d622cee3",class:"trigger",ref:e=>this._trigger=e,onClick:()=>this._triggerClickHandler()},r("slot",{key:"9b5929215afd8d87b966edad2a1093af1e80107a",name:"trigger"})),r("div",{key:"11ab8f42724bd08e60dd2b492b6e88384be92312",class:"relative w-full"},r("p-dropdown-menu-container",{key:"1cfd2dd29d735f2f4fa7afe6cb3f6a8a0acb3b11",allowOverflow:this.allowOverflow,class:g(f({strategy:this.strategy,maxWidth:this.applyMaxWidth,fullWidth:this.applyFullWidth&&!this.applyMaxWidth,isDatepicker:this.isDatepicker}),this.containerClass),"data-placement":this.placement,"data-strategy":this.strategy,fullWidth:this.applyFullWidth&&!this.applyMaxWidth,maxWidth:this.applyMaxWidth,ref:e=>this._load(e),role:"popover",scrollable:this.scrollable,variant:this.variant,onClick:()=>this._containerClickHandler()},r("slot",{key:"024950445590c6fe467cf729b0df8e8eaa87241b",name:"items"}))))}_checkButtons(e=!1){const t=this._el.querySelectorAll('p-button[slot="trigger"]'),r="true"===this._menu.dataset.show;for(let a of t)a.disabled=this.disableTriggerClick,a.active=e,a.iconOnly||(!1!==this.applyChevron&&!0!==this.manualChevron?(a.chevronPosition=this.chevronPosition,a.chevron=this.chevronDirection??(this.placement.includes("top")?r?"down":"up":r?"up":"down")):!1===this.manualChevron&&(a.chevron=!1))}_checkItems(){const e=this._el.querySelectorAll("p-dropdown-menu-item");for(let t of e)"pagination"!==t.variant&&"negative"!==t.variant&&(t.variant=this.variant)}onShowChange(e){this._loaded&&(e?this._show():this._hide())}documentClickHandler(e){"false"===this._menu.dataset.show||m(e,this._menu)||m(e,this._trigger)||this._hide()}_containerClickHandler(){this.insideClick||Object.hasOwn(this._menu.dataset,"show")&&this._hide()}_triggerClickHandler(){this.disableTriggerClick||this.manual||("true"===this._menu.dataset.show?this._hide():this._show())}_load(e){this._menu=e,e&&(this._update(),this._loaded=!0,this.show&&setTimeout((()=>this._show()),100))}_show(){this._loaded&&(this._cleanup=n(this._el,this._menu,(()=>this._update())),this._menu.dataset.show="true",this._menu.classList.remove("hidden"),this._menu.classList.add("block"),this.isOpen.emit(!0),this._checkButtons(!0))}_hide(){this._loaded&&!this.show&&(this._cleanup&&(this._cleanup(),this._cleanup=null),this._menu.dataset.show="false",this._menu.classList.remove("block"),this._menu.classList.add("hidden"),this.isOpen.emit(!1),this._checkButtons(!1))}_update(){this._menu&&c(this._el,this._menu,{placement:this.placement,strategy:this.strategy,middleware:[l(this.offset),w(),b()]}).then((({x:e,y:t,placement:r})=>{this._menu.dataset.placement=r,Object.assign(this._menu.style,{top:`${t}px`,left:`${e}px`})}))}static get watchers(){return{show:[{onShowChange:0}]}}};u.style="*{box-sizing:border-box}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.z-datepicker{z-index:401}.z-dropdown{z-index:200}.block{display:block}.hidden{display:none}.w-auto{width:auto}.w-full{width:100%}.max-w-\\[13\\.875rem\\]{max-width:13.875rem}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}";const y=i(["p-dropdown-menu-container","p-1","z-10 rounded-lg","border","transform-gpu will-change-transform"],{variants:{variant:{default:["border-storm-100 bg-white drop-shadow-2","dark:border-transparent dark:bg-hurricane-400"],storm:["border-storm-400 bg-storm-400 drop-shadow-3","dark:border-storm-100 dark:border-white/60 dark:bg-white"]},fullWidth:{false:null,true:"w-full"},maxWidth:{false:null,true:"max-w-[13.875rem]"}},compoundVariants:[{fullWidth:!1,maxWidth:!0,class:"w-auto"}]}),C=i("relative min-h-full w-full",{variants:{allowOverflow:{false:"overflow-y-auto overflow-x-hidden",true:null},scrollable:{none:null,default:"max-h-[11.5rem]",large:"max-h-[13.875rem]",xlarge:"max-h-[20rem]"}}}),_=class{constructor(t){e(this,t)}variant="default";maxWidth=!0;class;fullWidth=!0;allowOverflow=!1;scrollable=!1;render(){const e=!1===this.scrollable?"none":!0===this.scrollable?"default":this.scrollable;return r(d,{key:"5e114d019269c53de1c486382f94df63a07a8270"},r("div",{key:"45d734038bf0ff32b352552cd3acfbf284a4dd04",class:y({class:this.class,variant:this.variant,fullWidth:h(this.fullWidth,!0),maxWidth:this.maxWidth})},r("div",{key:"5835894bc68ed27da004ff8e93cc6cb393e75586",class:C({allowOverflow:h(this.allowOverflow),scrollable:e})},r("div",{key:"2fc4b47ac15be1c804c427874a6f5a81a26264e9",class:"flex w-full flex-col"},r("slot",{key:"8a14a049fc08d84ee9b43ce12e5301bd99773c0e"})))))}};_.style="*{box-sizing:border-box}.static{position:static}.relative{position:relative}.z-10{z-index:10}.flex{display:flex}.max-h-\\[11\\.5rem\\]{max-height:11.5rem}.max-h-\\[13\\.875rem\\]{max-height:13.875rem}.max-h-\\[20rem\\]{max-height:20rem}.min-h-full{min-height:100%}.w-auto{width:auto}.w-full{width:100%}.max-w-\\[13\\.875rem\\]{max-width:13.875rem}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-storm-100{--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.border-storm-400{--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.bg-storm-400{--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-1{padding:.25rem}.drop-shadow-2{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04))}.drop-shadow-2,.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)}.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))}.will-change-transform{will-change:transform}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.dark\\:border-storm-100:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.dark\\:border-transparent:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:transparent}.dark\\:border-white\\/60:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.6)}.dark\\:bg-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.dark\\:bg-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.dark\\:border-storm-100:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.dark\\:border-transparent:where([data-theme=dark],[data-theme=dark] *){border-color:transparent}.dark\\:border-white\\/60:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.6)}.dark\\:bg-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.dark\\:bg-white:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}";export{v as p_checkbox,u as p_dropdown,_ as p_dropdown_menu_container}
@@ -1 +1 @@
1
- import{r as t,a as e,h as r}from"./p-yFtRjnrU.js";import{c as a}from"./p-CBWjHURv.js";import{d as i,l as s}from"./p-B_lDCj8j.js";import{T as o}from"./p-CSySY6aC.js";import{s as h}from"./p-6XOzWrsN.js";import{c as n}from"./p-xs4N_Y-0.js";import"./p-ChV9xqsO.js";const d=a(["flex w-[17.5rem] flex-col gap-4"],{variants:{variant:{default:["rounded-lg p-2 drop-shadow-2","border border-storm-100"],embedded:"p-1"}}}),c=a(["flex items-center gap-2","w-full rounded-lg p-2","\n bg-off-white-300\n dark:bg-white/15\n "],{variants:{type:{day:"justify-between",month:"justify-between",year:"justify-center"}}}),l=a(["flex flex-col gap-2","w-full"],{variants:{view:{day:"h-auto min-h-[12rem]",month:"min-h-[15rem]",year:"max-h-[15rem]"}}}),m=class{constructor(r){t(this,r),this.valueChange=e(this,"valueChange",3)}variant="default";value;preselectToday=!1;disabledDates;minDate=null;maxDate=null;disableWeekends=!1;enableToday=!0;todayText="today";mode="day";valueChange;_today=new Date;_view=this.mode;_viewDate=this._today;_value;_minDate;_maxDate;_disabledDates=[];_enableToday=!0;_weekDays=[...Array.from({length:7}).keys()];_yearItemsRef;componentWillLoad(){this.disabledDates&&this._parseDisabledDates(this.disabledDates),this._parseMinDate(this.minDate),this._parseMaxDate(this.maxDate),this._parseValue(this.value),this._value&&(this._viewDate=this._value),i.isBefore(this._viewDate,this._minDate)&&(this._viewDate=this._minDate),i.isAfter(this._viewDate,this._maxDate)&&(this._viewDate=this._maxDate),this._modeChange(this.mode)}componentWillRender(){this._enableToday=this.enableToday&&this._checkTodayButton()}componentDidRender(){"year"===this._view&&this._scrollYearIntoView()}_parseValue(t){!t&&this.preselectToday&&(t=new Date),"string"==typeof t&&(t=new Date(t)),i.isValid(t)&&!i.isSameDay(t,this._viewDate)&&(this._viewDate=t),this._setValue(t)}_parseMinDate(t){null!==t&&""!==t?("string"==typeof t&&(t=new Date(t)),i.isValid(t)&&(this._minDate=t,i.isBefore(this._viewDate,this._minDate)&&(this._viewDate=this._minDate))):this.minDate=new Date(i.getYear(i.subYears(new Date,100)),0,1)}_parseMaxDate(t){null!==t&&""!==t?("string"==typeof t&&(t=new Date(t)),i.isValid(t)&&(this._maxDate=t,i.isAfter(this._viewDate,this._maxDate)&&(this._viewDate=this._maxDate))):this.maxDate=this._getAutomaticMax()}_parseDisabledDates(t){"string"==typeof t&&(t=JSON.parse(t)),t&&Array.isArray(t)&&(this._disabledDates=t.map((t=>"string"==typeof t?new Date(t):t)).filter((t=>i.isValid(t))))}_modeChange(t){"year"===t&&"year"!==this._view&&(this._view="year"),"month"===t&&"day"===this._view&&(this._view="month")}render(){return r(o,{key:"f15ea9c031af444ef0d1679b88baf45d554fea8b"},r("div",{key:"ffd0b34ea60681b58a5ca1e75ae81bd4209a442f",class:d({variant:this.variant})},this._getView()))}_checkTodayButton(){return!(this._maxDate&&i.isAfter(this._today,this._maxDate)||this._minDate&&i.isBefore(this._today,this._minDate)||this.disableWeekends&&i.isWeekend(this._today)||"day"!==this.mode)}_getView(){return"year"===this._view?this._getYearView():"month"===this._view?this._getMonthView():this._getDayView()}_getDayView(){const t=this._generateDaysInMonth();return r("div",{class:l({view:"day"})},this._getHeader("day"),r("div",{class:"grid grid-cols-7 justify-between gap-1"},this._weekDays.map((t=>r("span",{class:"w-8 text-center text-xs text-storm-200"},i.format(i.addDays(new Date(2022,7,1),t),"nl"===h.locale?"EEEEEE":"eee",{locale:"nl"===h.locale?s.nl:s.enUS})))),t.map((t=>t.active?r("p-button",{class:n("w-8",`\n col-start-${t.offset}\n `),tabIndex:-1,variant:"primary",onClick:()=>this._setValue(t.date)},t.day):r("time",{class:n("normal flex items-center justify-center rounded-lg","h-8 w-8 text-sm font-semibold","text-storm-300","dark:bg-white/15",{"cursor-pointer hover:bg-white-600 hover:text-storm-500 dark:text-white dark:hover:bg-hurricane-300 dark:hover:text-white":!t.disabled,"dark:text-hurricane-200":t.disabled},`\n col-start-${t.offset}\n `,{"cursor-not-allowed opacity-60":t.disabled},{"border border-solid border-off-white-700 bg-off-white-300 text-storm-500 dark:border-none dark:bg-hurricane-200 dark:text-white":!t.disabled&&i.isSameDay(t.date,new Date)}),onClick:()=>this._setValue(t.date)},t.day)))))}_getMonthView(){const t=this._generateMonths();return r("div",{class:l({view:"month"})},this._getHeader("month"),r("div",{class:"flex flex-wrap items-start gap-2"},t.map((t=>r("p-button",{disabled:t.disabled,tabIndex:-1,variant:t.active?"primary":"secondary",onClick:()=>this._setMonth(t.month)},i.format(i.setMonth(new Date,t.month),"MMMM",{locale:"nl"===h.locale?s.nl:s.enUS}))))))}_getYearView(){const t=this._generateYears();return r("div",{class:l({view:"year"})},this._getHeader("year"),r("div",{class:"grid h-full grid-cols-4 gap-2 overflow-scroll",ref:t=>this._yearItemsRef=t},t.map((t=>r("p-button",{class:"w-full","data-active":t.active,"data-current":t.current,tabIndex:-1,variant:t.active?"primary":"secondary",onClick:()=>this._setYear(t.year)},t.year)))))}_getHeader(t="day"){let e=t=>this._changeMonth(t),a="month";return"month"!==t&&"year"!==t||(e=t=>this._changeYear(t),a="year"),r("div",{class:c({type:this.mode})},"year"!==this.mode&&r("p-button",{disabled:!this._canSetAmount(a,-1)||"year"===this._view,icon:"caret",iconRotate:90,size:"sm",tabIndex:-1,variant:"secondary",iconOnly:!0,onClick:()=>e(-1)}),r("div",{class:n("flex gap-2",{"flex-1":this._enableToday})},"year"!==this.mode&&r("p-button",{active:"month"===this._view&&"month"!==this.mode,disabled:!this._canChangeView("month"),size:"sm",tabIndex:-1,variant:"secondary",onClick:()=>this._changeView("month")},i.format(this._viewDate,"MMMM",{locale:"nl"===h.locale?s.nl:s.enUS})),r("p-button",{active:"year"===this._view&&"year"!==this.mode,disabled:!this._canChangeView("year"),size:"sm",tabIndex:-1,variant:"secondary",onClick:()=>this._changeView("year")},i.getYear(this._viewDate)),this._enableToday&&r("p-tooltip",{class:"ml-auto",content:this.todayText},r("p-button",{icon:"calendar",iconOnly:!0,size:"sm",slot:"trigger",tabIndex:-1,variant:"secondary",onClick:()=>this._setToday()}))),"year"!==this.mode&&r("p-button",{disabled:!this._canSetAmount(a,1)||"year"==this._view,icon:"caret",iconRotate:-90,size:"sm",tabIndex:-1,variant:"secondary",iconOnly:!0,onClick:()=>e(1)}))}_setYear(t){const e=i.setYear(this._viewDate,t);if("year"!==this.mode)return this._viewDate=e,void(this._view="month");this._viewDate=e,this._setValue(i.setMonth(i.setDate(e,1),0))}_setMonth(t){const e=i.setMonth(this._viewDate,t);if("day"===this.mode)return this._viewDate=e,void(this._view="day");this._viewDate=e,this._setValue(i.setDate(e,1))}_setToday(){this._viewDate=this._today,this._setValue(this._today),this._view="day"}_changeMonth(t=1){if(!this._canSetAmount("month",t))return;const e=i.addMonths(this._viewDate,t);this._viewDate=e}_changeYear(t=1){if(!this._canSetAmount("year",t))return;let e=i.addYears(this._viewDate,t);this._viewDate=e}_setValue(t){if(null===t)return this._value=null,void this.valueChange.emit(null);i.isValid(t)&&(this._isDisabledDay(t)||(t=i.startOfDay(t),i.isSameDay(t,this._value)||(this._value=t,this.valueChange.emit(t))))}_generateDaysInMonth(){return[...new Array(i.getDaysInMonth(this._viewDate)).keys()].map((t=>{const e=i.startOfDay(i.setDate(this._viewDate,t+=1)),r=i.getDay(e);return{day:t,date:e,offset:1===t&&(0===r?7:r),current:i.isSameDay(e,this._today),active:i.isSameDay(e,this._value),disabled:this._isDisabledDay(e)}}))}_isDisabledDay(t){return i.isBefore(t,this._minDate)&&!i.isSameDay(t,this._maxDate)||i.isAfter(t,this._maxDate)&&!i.isSameDay(t,this._maxDate)||(0===i.getDay(t)||6===i.getDay(t))&&this.disableWeekends||this._disabledDates.some((e=>i.isSameDay(e,t)))}_generateMonths(){const t=i.getYear(this._viewDate);return[...Array.from({length:12}).keys()].map((e=>{const r=new Date(t,e,1);return{month:e,current:i.isSameMonth(this._today,r),active:i.isSameMonth(this._value,r),disabled:i.isAfter(r,this._maxDate)||i.isBefore(i.endOfMonth(r),this._minDate)}}))}_generateYears(){const t=i.getYear(this._maxDate)+1,e=i.getYear(this._minDate);return[...new Array(t-e).keys()].map((t=>{const r=e+t;return{year:r,current:i.getYear(this._today)===r,active:i.getYear(this._value)===r}}))}_scrollYearIntoView(){const t=this._yearItemsRef;if(!t)return;const e=t.querySelector("p-button[data-active]");if(e)return t.scrollTo({top:e.offsetTop-100});const r=t.querySelector("p-button[data-current]");return r?t.scrollTo({top:r.offsetTop-100}):void 0}_changeView(t){this._canChangeView(t)&&(this._view=t)}_canChangeView(t){return"year"===t?!i.isSameYear(this._minDate,this._maxDate):!i.isSameMonth(this._minDate,this._maxDate)}_canSetAmount(t,e=1){if("month"===t){const t=i.addMonths(this._viewDate,e),r=i.startOfMonth(t);if(i.isBefore(r,i.startOfMonth(this._minDate))&&!i.isSameDay(r,this._minDate)||i.isAfter(r,i.endOfMonth(this._maxDate)))return!1}if("year"===t){let t=i.addYears(this._viewDate,e);const r=i.getYear(t);if(r<i.getYear(this._minDate)||r>i.getYear(this._maxDate))return!1}return!0}_getAutomaticMax(){const t=i.addYears(new Date,50);let e=i.getYear(t);return e=10*Math.ceil(e/10),i.setYear(t,e)}static get watchers(){return{value:[{_parseValue:0}],minDate:[{_parseMinDate:0}],maxDate:[{_parseMaxDate:0}],disabledDates:[{_parseDisabledDates:0}],mode:[{_modeChange:0}]}}};m.style="*{box-sizing:border-box}.static{position:static}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.col-start-3{grid-column-start:3}.col-start-4{grid-column-start:4}.col-start-5{grid-column-start:5}.col-start-6{grid-column-start:6}.col-start-7{grid-column-start:7}.ml-auto{margin-left:auto}.flex{display:flex}.grid{display:grid}.h-8{height:2rem}.h-auto{height:auto}.h-full{height:100%}.max-h-\\[15rem\\]{max-height:15rem}.min-h-\\[12rem\\]{min-height:12rem}.min-h-\\[15rem\\]{min-height:15rem}.w-8{width:2rem}.w-\\[17\\.5rem\\]{width:17.5rem}.w-full{width:100%}.flex-1{flex:1 1 0%}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.overflow-scroll{overflow:scroll}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-solid{border-style:solid}.border-off-white-700{--tw-border-opacity:1;border-color:rgb(222 219 213/var(--tw-border-opacity,1))}.border-storm-100{--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.bg-off-white-300{--tw-bg-opacity:1;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))}.p-1{padding:.25rem}.p-2{padding:.5rem}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.text-hurricane-200,.text-storm-200{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-60{opacity:.6}.drop-shadow-2{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04))}.drop-shadow-2,.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)}.hover\\:bg-white-600:hover{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.hover\\:text-storm-500:hover{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.dark\\:border-none:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-style:none}.dark\\:bg-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(163 165 169/var(--tw-bg-opacity,1))}.dark\\:bg-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.15)}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:hover\\:bg-hurricane-300:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(116 120 127/var(--tw-bg-opacity,1))}.dark\\:hover\\:text-white:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:border-none:where([data-theme=dark],[data-theme=dark] *){border-style:none}.dark\\:bg-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(163 165 169/var(--tw-bg-opacity,1))}.dark\\:bg-white\\/15:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.15)}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:hover\\:bg-hurricane-300:hover:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(116 120 127/var(--tw-bg-opacity,1))}.dark\\:hover\\:text-white:hover:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}";export{m as p_calendar}
1
+ import{r as t,a as e,h as r}from"./p-yFtRjnrU.js";import{c as a}from"./p-CBWjHURv.js";import{d as i,l as s}from"./p-B_lDCj8j.js";import{T as o}from"./p-CSySY6aC.js";import{s as h}from"./p-6XOzWrsN.js";import{c as n}from"./p-xs4N_Y-0.js";import"./p-ChV9xqsO.js";const d=a(["flex w-[17.5rem] flex-col gap-4"],{variants:{variant:{default:["rounded-lg p-2 drop-shadow-2","border border-storm-100"],embedded:"p-1"}}}),c=a(["flex items-center gap-2","w-full rounded-lg p-2","\n bg-off-white-300\n dark:bg-white/15\n "],{variants:{type:{day:"justify-between",month:"justify-between",year:"justify-center"}}}),l=a(["flex flex-col gap-2","w-full"],{variants:{view:{day:"h-auto min-h-[12rem]",month:"min-h-[15rem]",year:"max-h-[15rem]"}}}),m=class{constructor(r){t(this,r),this.valueChange=e(this,"valueChange",3)}variant="default";value;preselectToday=!1;disabledDates;minDate=null;maxDate=null;disableWeekends=!1;enableToday=!0;todayText="today";mode="day";valueChange;_today=new Date;_view=this.mode;_viewDate=this._today;_value;_minDate;_maxDate;_disabledDates=[];_enableToday=!0;_weekDays=[...Array.from({length:7}).keys()];_yearItemsRef;componentWillLoad(){this.disabledDates&&this._parseDisabledDates(this.disabledDates),this._parseMinDate(this.minDate),this._parseMaxDate(this.maxDate),this._parseValue(this.value),this._value&&(this._viewDate=this._value),i.isBefore(this._viewDate,this._minDate)&&(this._viewDate=this._minDate),i.isAfter(this._viewDate,this._maxDate)&&(this._viewDate=this._maxDate),this._modeChange(this.mode)}componentWillRender(){this._enableToday=this.enableToday&&this._checkTodayButton()}componentDidRender(){"year"===this._view&&this._scrollYearIntoView()}_parseValue(t){!t&&this.preselectToday&&(t=new Date),"string"==typeof t&&(t=new Date(t)),i.isValid(t)&&!i.isSameDay(t,this._viewDate)&&(this._viewDate=t),this._setValue(t)}_parseMinDate(t){null!==t&&""!==t?("string"==typeof t&&(t=new Date(t)),i.isValid(t)&&(this._minDate=t,i.isBefore(this._viewDate,this._minDate)&&(this._viewDate=this._minDate))):this.minDate=new Date(i.getYear(i.subYears(new Date,100)),0,1)}_parseMaxDate(t){null!==t&&""!==t?("string"==typeof t&&(t=new Date(t)),i.isValid(t)&&(this._maxDate=t,i.isAfter(this._viewDate,this._maxDate)&&(this._viewDate=this._maxDate))):this.maxDate=this._getAutomaticMax()}_parseDisabledDates(t){"string"==typeof t&&(t=JSON.parse(t)),t&&Array.isArray(t)&&(this._disabledDates=t.map((t=>"string"==typeof t?new Date(t):t)).filter((t=>i.isValid(t))))}_modeChange(t){"year"===t&&"year"!==this._view&&(this._view="year"),"month"===t&&"day"===this._view&&(this._view="month")}render(){return r(o,{key:"396e1c7059b24d8aec57317d839f448be1e37f26"},r("div",{key:"9030d30aa2fbd06919ec711c01f135ef35c5d7f6",class:d({variant:this.variant})},this._getView()))}_checkTodayButton(){return!(this._maxDate&&i.isAfter(this._today,this._maxDate)||this._minDate&&i.isBefore(this._today,this._minDate)||this.disableWeekends&&i.isWeekend(this._today)||"day"!==this.mode)}_getView(){return"year"===this._view?this._getYearView():"month"===this._view?this._getMonthView():this._getDayView()}_getDayView(){const t=this._generateDaysInMonth();return r("div",{class:l({view:"day"})},this._getHeader("day"),r("div",{class:"grid grid-cols-7 justify-between gap-1"},this._weekDays.map((t=>r("span",{class:"w-8 text-center text-xs text-storm-200"},i.format(i.addDays(new Date(2022,7,1),t),"nl"===h.locale?"EEEEEE":"eee",{locale:"nl"===h.locale?s.nl:s.enUS})))),t.map((t=>t.active?r("p-button",{class:n("w-8",`\n col-start-${t.offset}\n `),tabIndex:-1,variant:"primary",onClick:()=>this._setValue(t.date)},t.day):r("time",{class:n("normal flex items-center justify-center rounded-lg","h-8 w-8 text-sm font-semibold","text-storm-300","dark:bg-white/15",{"cursor-pointer hover:bg-white-600 hover:text-storm-500 dark:text-white dark:hover:bg-hurricane-300 dark:hover:text-white":!t.disabled,"dark:text-hurricane-200":t.disabled},`\n col-start-${t.offset}\n `,{"cursor-not-allowed opacity-60":t.disabled},{"border border-solid border-off-white-700 bg-off-white-300 text-storm-500 dark:border-none dark:bg-hurricane-200 dark:text-white":!t.disabled&&i.isSameDay(t.date,new Date)}),onClick:()=>this._setValue(t.date)},t.day)))))}_getMonthView(){const t=this._generateMonths();return r("div",{class:l({view:"month"})},this._getHeader("month"),r("div",{class:"flex flex-wrap items-start gap-2"},t.map((t=>r("p-button",{disabled:t.disabled,tabIndex:-1,variant:t.active?"primary":"secondary",onClick:()=>this._setMonth(t.month)},i.format(i.setMonth(new Date,t.month),"MMMM",{locale:"nl"===h.locale?s.nl:s.enUS}))))))}_getYearView(){const t=this._generateYears();return r("div",{class:l({view:"year"})},this._getHeader("year"),r("div",{class:"grid h-full grid-cols-4 gap-2 overflow-scroll",ref:t=>this._yearItemsRef=t},t.map((t=>r("p-button",{class:"w-full","data-active":t.active,"data-current":t.current,tabIndex:-1,variant:t.active?"primary":"secondary",onClick:()=>this._setYear(t.year)},t.year)))))}_getHeader(t="day"){let e=t=>this._changeMonth(t),a="month";return"month"!==t&&"year"!==t||(e=t=>this._changeYear(t),a="year"),r("div",{class:c({type:this.mode})},"year"!==this.mode&&r("p-button",{disabled:!this._canSetAmount(a,-1)||"year"===this._view,icon:"caret",iconRotate:90,size:"sm",tabIndex:-1,variant:"secondary",iconOnly:!0,onClick:()=>e(-1)}),r("div",{class:n("flex gap-2",{"flex-1":this._enableToday})},"year"!==this.mode&&r("p-button",{active:"month"===this._view&&"month"!==this.mode,disabled:!this._canChangeView("month"),size:"sm",tabIndex:-1,variant:"secondary",onClick:()=>this._changeView("month")},i.format(this._viewDate,"MMMM",{locale:"nl"===h.locale?s.nl:s.enUS})),r("p-button",{active:"year"===this._view&&"year"!==this.mode,disabled:!this._canChangeView("year"),size:"sm",tabIndex:-1,variant:"secondary",onClick:()=>this._changeView("year")},i.getYear(this._viewDate)),this._enableToday&&r("p-tooltip",{class:"ml-auto",content:this.todayText},r("p-button",{icon:"calendar",iconOnly:!0,size:"sm",slot:"trigger",tabIndex:-1,variant:"secondary",onClick:()=>this._setToday()}))),"year"!==this.mode&&r("p-button",{disabled:!this._canSetAmount(a,1)||"year"==this._view,icon:"caret",iconRotate:-90,size:"sm",tabIndex:-1,variant:"secondary",iconOnly:!0,onClick:()=>e(1)}))}_setYear(t){const e=i.setYear(this._viewDate,t);if("year"!==this.mode)return this._viewDate=e,void(this._view="month");this._viewDate=e,this._setValue(i.setMonth(i.setDate(e,1),0))}_setMonth(t){const e=i.setMonth(this._viewDate,t);if("day"===this.mode)return this._viewDate=e,void(this._view="day");this._viewDate=e,this._setValue(i.setDate(e,1))}_setToday(){this._viewDate=this._today,this._setValue(this._today),this._view="day"}_changeMonth(t=1){if(!this._canSetAmount("month",t))return;const e=i.addMonths(this._viewDate,t);this._viewDate=e}_changeYear(t=1){if(!this._canSetAmount("year",t))return;let e=i.addYears(this._viewDate,t);this._viewDate=e}_setValue(t){if(null===t)return this._value=null,void this.valueChange.emit(null);i.isValid(t)&&(this._isDisabledDay(t)||(t=i.startOfDay(t),i.isSameDay(t,this._value)||(this._value=t,this.valueChange.emit(t))))}_generateDaysInMonth(){return[...new Array(i.getDaysInMonth(this._viewDate)).keys()].map((t=>{const e=i.startOfDay(i.setDate(this._viewDate,t+=1)),r=i.getDay(e);return{day:t,date:e,offset:1===t&&(0===r?7:r),current:i.isSameDay(e,this._today),active:i.isSameDay(e,this._value),disabled:this._isDisabledDay(e)}}))}_isDisabledDay(t){return i.isBefore(t,this._minDate)&&!i.isSameDay(t,this._maxDate)||i.isAfter(t,this._maxDate)&&!i.isSameDay(t,this._maxDate)||(0===i.getDay(t)||6===i.getDay(t))&&this.disableWeekends||this._disabledDates.some((e=>i.isSameDay(e,t)))}_generateMonths(){const t=i.getYear(this._viewDate);return[...Array.from({length:12}).keys()].map((e=>{const r=new Date(t,e,1);return{month:e,current:i.isSameMonth(this._today,r),active:i.isSameMonth(this._value,r),disabled:i.isAfter(r,this._maxDate)||i.isBefore(i.endOfMonth(r),this._minDate)}}))}_generateYears(){const t=i.getYear(this._maxDate)+1,e=i.getYear(this._minDate);return[...new Array(t-e).keys()].map((t=>{const r=e+t;return{year:r,current:i.getYear(this._today)===r,active:i.getYear(this._value)===r}}))}_scrollYearIntoView(){const t=this._yearItemsRef;if(!t)return;const e=t.querySelector("p-button[data-active]");if(e)return t.scrollTo({top:e.offsetTop-100});const r=t.querySelector("p-button[data-current]");return r?t.scrollTo({top:r.offsetTop-100}):void 0}_changeView(t){this._canChangeView(t)&&(this._view=t)}_canChangeView(t){return"year"===t?!i.isSameYear(this._minDate,this._maxDate):!i.isSameMonth(this._minDate,this._maxDate)}_canSetAmount(t,e=1){if("month"===t){const t=i.addMonths(this._viewDate,e),r=i.startOfMonth(t);if(i.isBefore(r,i.startOfMonth(this._minDate))&&!i.isSameDay(r,this._minDate)||i.isAfter(r,i.endOfMonth(this._maxDate)))return!1}if("year"===t){let t=i.addYears(this._viewDate,e);const r=i.getYear(t);if(r<i.getYear(this._minDate)||r>i.getYear(this._maxDate))return!1}return!0}_getAutomaticMax(){const t=i.addYears(new Date,50);let e=i.getYear(t);return e=10*Math.ceil(e/10),i.setYear(t,e)}static get watchers(){return{value:[{_parseValue:0}],minDate:[{_parseMinDate:0}],maxDate:[{_parseMaxDate:0}],disabledDates:[{_parseDisabledDates:0}],mode:[{_modeChange:0}]}}};m.style="*{box-sizing:border-box}.static{position:static}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.col-start-3{grid-column-start:3}.col-start-4{grid-column-start:4}.col-start-5{grid-column-start:5}.col-start-6{grid-column-start:6}.col-start-7{grid-column-start:7}.ml-auto{margin-left:auto}.flex{display:flex}.grid{display:grid}.h-8{height:2rem}.h-auto{height:auto}.h-full{height:100%}.max-h-\\[15rem\\]{max-height:15rem}.min-h-\\[12rem\\]{min-height:12rem}.min-h-\\[15rem\\]{min-height:15rem}.w-8{width:2rem}.w-\\[17\\.5rem\\]{width:17.5rem}.w-full{width:100%}.flex-1{flex:1 1 0%}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.overflow-scroll{overflow:scroll}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-solid{border-style:solid}.border-off-white-700{--tw-border-opacity:1;border-color:rgb(222 219 213/var(--tw-border-opacity,1))}.border-storm-100{--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.bg-off-white-300{--tw-bg-opacity:1;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))}.p-1{padding:.25rem}.p-2{padding:.5rem}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.text-hurricane-200,.text-storm-200{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-60{opacity:.6}.drop-shadow-2{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04))}.drop-shadow-2,.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)}.hover\\:bg-white-600:hover{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.hover\\:text-storm-500:hover{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.dark\\:border-none:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-style:none}.dark\\:bg-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(163 165 169/var(--tw-bg-opacity,1))}.dark\\:bg-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.15)}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:hover\\:bg-hurricane-300:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(116 120 127/var(--tw-bg-opacity,1))}.dark\\:hover\\:text-white:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:border-none:where([data-theme=dark],[data-theme=dark] *){border-style:none}.dark\\:bg-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(163 165 169/var(--tw-bg-opacity,1))}.dark\\:bg-white\\/15:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.15)}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:hover\\:bg-hurricane-300:hover:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(116 120 127/var(--tw-bg-opacity,1))}.dark\\:hover\\:text-white:hover:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}";export{m as p_calendar}