@saasquatch/mint-components 1.6.12 → 1.6.13

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 (73) hide show
  1. package/dist/cjs/{ShadowViewAddon-982cecb3.js → ShadowViewAddon-d55832bb.js} +1 -1
  2. package/dist/cjs/{global-dc823c81.js → global-ac581c47.js} +77 -77
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/mint-components.cjs.js +1 -1
  5. package/dist/cjs/sqm-big-stat_39.cjs.entry.js +5 -5
  6. package/dist/cjs/sqm-leaderboard-rank.cjs.entry.js +1 -1
  7. package/dist/cjs/{sqm-portal-email-verification-view-f99c965c.js → sqm-portal-email-verification-view-cee5348c.js} +1 -1
  8. package/dist/cjs/sqm-portal-email-verification.cjs.entry.js +2 -2
  9. package/dist/cjs/{sqm-portal-profile-view-f45e3ea8.js → sqm-portal-profile-view-28176f3e.js} +1 -1
  10. package/dist/cjs/sqm-portal-profile.cjs.entry.js +2 -2
  11. package/dist/cjs/sqm-referral-table_11.cjs.entry.js +1 -1
  12. package/dist/cjs/sqm-rewards-table_9.cjs.entry.js +1 -1
  13. package/dist/cjs/sqm-stencilbook.cjs.entry.js +4 -4
  14. package/dist/collection/components/sqm-program-menu/useProgramMenu.js +6 -6
  15. package/dist/collection/global/global.js +1 -1
  16. package/dist/esm/{ShadowViewAddon-dbb5a208.js → ShadowViewAddon-0f9993af.js} +1 -1
  17. package/dist/esm/{global-85c8c43e.js → global-fe2b026c.js} +77 -77
  18. package/dist/esm/loader.js +1 -1
  19. package/dist/esm/mint-components.js +1 -1
  20. package/dist/esm/sqm-big-stat_39.entry.js +5 -5
  21. package/dist/esm/sqm-leaderboard-rank.entry.js +1 -1
  22. package/dist/esm/{sqm-portal-email-verification-view-9c0dfbf4.js → sqm-portal-email-verification-view-6b37818c.js} +1 -1
  23. package/dist/esm/sqm-portal-email-verification.entry.js +2 -2
  24. package/dist/esm/{sqm-portal-profile-view-1e3100d7.js → sqm-portal-profile-view-cc13ab93.js} +1 -1
  25. package/dist/esm/sqm-portal-profile.entry.js +2 -2
  26. package/dist/esm/sqm-referral-table_11.entry.js +1 -1
  27. package/dist/esm/sqm-rewards-table_9.entry.js +1 -1
  28. package/dist/esm/sqm-stencilbook.entry.js +4 -4
  29. package/dist/esm-es5/{ShadowViewAddon-dbb5a208.js → ShadowViewAddon-0f9993af.js} +1 -1
  30. package/dist/esm-es5/{global-85c8c43e.js → global-fe2b026c.js} +2 -2
  31. package/dist/esm-es5/loader.js +1 -1
  32. package/dist/esm-es5/mint-components.js +1 -1
  33. package/dist/esm-es5/sqm-big-stat_39.entry.js +1 -1
  34. package/dist/esm-es5/sqm-leaderboard-rank.entry.js +1 -1
  35. package/dist/esm-es5/{sqm-portal-email-verification-view-9c0dfbf4.js → sqm-portal-email-verification-view-6b37818c.js} +1 -1
  36. package/dist/esm-es5/sqm-portal-email-verification.entry.js +1 -1
  37. package/dist/esm-es5/{sqm-portal-profile-view-1e3100d7.js → sqm-portal-profile-view-cc13ab93.js} +1 -1
  38. package/dist/esm-es5/sqm-portal-profile.entry.js +1 -1
  39. package/dist/esm-es5/sqm-referral-table_11.entry.js +1 -1
  40. package/dist/esm-es5/sqm-rewards-table_9.entry.js +1 -1
  41. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  42. package/dist/mint-components/mint-components.esm.js +1 -1
  43. package/dist/mint-components/mint-components.js +1 -1
  44. package/dist/mint-components/{p-ae934e47.system.entry.js → p-0ebf6140.system.entry.js} +1 -1
  45. package/dist/mint-components/{p-175fbfc4.system.entry.js → p-1be3030c.system.entry.js} +1 -1
  46. package/dist/mint-components/{p-7771e31f.system.js → p-310578bc.system.js} +1 -1
  47. package/dist/mint-components/p-38282cef.entry.js +13 -0
  48. package/dist/mint-components/{p-b2bbf924.system.entry.js → p-455bbcbf.system.entry.js} +1 -1
  49. package/dist/mint-components/{p-eb6bb11a.entry.js → p-46319934.entry.js} +1 -1
  50. package/dist/mint-components/{p-e0ea1929.js → p-50c4d42b.js} +1 -1
  51. package/dist/mint-components/{p-c3a32e2b.system.js → p-5a739d01.system.js} +2 -2
  52. package/dist/mint-components/{p-f14692ac.js → p-65fffbfb.js} +4 -4
  53. package/dist/mint-components/{p-afd8c55c.system.entry.js → p-68369452.system.entry.js} +1 -1
  54. package/dist/mint-components/{p-5f2d05c4.system.js → p-7279510a.system.js} +1 -1
  55. package/dist/mint-components/{p-a5f480d8.js → p-73c328dc.js} +1 -1
  56. package/dist/mint-components/p-7a5e33d5.system.entry.js +1 -0
  57. package/dist/mint-components/{p-23fee2a0.entry.js → p-83fb9f0d.entry.js} +1 -1
  58. package/dist/mint-components/{p-454b78e0.entry.js → p-86c99bf7.entry.js} +3 -3
  59. package/dist/mint-components/{p-467eac26.system.entry.js → p-b5bc1367.system.entry.js} +1 -1
  60. package/dist/mint-components/{p-338f5fc9.system.entry.js → p-bb138fd1.system.entry.js} +1 -1
  61. package/dist/mint-components/{p-32808e08.entry.js → p-c03429a6.entry.js} +2 -2
  62. package/dist/mint-components/{p-d4118b62.system.js → p-c3dd8944.system.js} +1 -1
  63. package/dist/mint-components/{p-fba941c4.js → p-dc869574.js} +1 -1
  64. package/dist/mint-components/{p-801b7a78.entry.js → p-e3996469.entry.js} +1 -1
  65. package/dist/mint-components/{p-bbf486e6.entry.js → p-e4907e10.entry.js} +1 -1
  66. package/dist/mint-components/{p-b166ec60.system.js → p-f870021b.system.js} +1 -1
  67. package/dist/types/components/sqm-program-menu/useProgramMenu.d.ts +2 -2
  68. package/docs/docs.docx +0 -0
  69. package/package.json +2 -2
  70. package/shoelace/themes/themes/base.css +1 -1
  71. package/shoelace/themes/themes/dark.css +1 -1
  72. package/dist/mint-components/p-8915a605.entry.js +0 -13
  73. package/dist/mint-components/p-daf58343.system.entry.js +0 -1
@@ -174,7 +174,7 @@ var nh=window.ShadowRoot&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShado
174
174
  @blur=${this.handleBlur.bind(this)}
175
175
  ></textarea>
176
176
  </div>
177
- `)}};$h.styles=rh(":host {\n position: relative;\n box-sizing: border-box;\n}\n:host *, :host *:before, :host *:after {\n box-sizing: inherit;\n}\n\n.form-control .form-control__label {\n display: none;\n}\n.form-control .form-control__help-text {\n display: none;\n}\n\n.form-control--has-label .form-control__label {\n display: inline-block;\n color: var(--sl-input-label-color);\n margin-bottom: var(--sl-spacing-xxx-small);\n}\n.form-control--has-label.form-control--small .form-control__label {\n font-size: var(--sl-input-label-font-size-small);\n}\n.form-control--has-label.form-control--medium .form-control__label {\n font-size: var(--sl-input-label-font-size-medium);\n}\n.form-control--has-label.form-control--large .form-control_label {\n font-size: var(--sl-input-label-font-size-large);\n}\n\n.form-control--has-help-text .form-control__help-text {\n display: block;\n color: var(--sl-input-help-text-color);\n}\n.form-control--has-help-text .form-control__help-text ::slotted(*) {\n margin-top: var(--sl-spacing-xxx-small);\n}\n.form-control--has-help-text.form-control--small .form-control__help-text {\n font-size: var(--sl-input-help-text-font-size-small);\n}\n.form-control--has-help-text.form-control--medium .form-control__help-text {\n font-size: var(--sl-input-help-text-font-size-medium);\n}\n.form-control--has-help-text.form-control--large .form-control__help-text {\n font-size: var(--sl-input-help-text-font-size-large);\n}\n\n:host {\n display: block;\n}\n\n.textarea {\n display: flex;\n align-items: center;\n position: relative;\n width: 100%;\n font-family: var(--sl-input-font-family);\n font-weight: var(--sl-input-font-weight);\n line-height: var(--sl-line-height-normal);\n letter-spacing: var(--sl-input-letter-spacing);\n background-color: var(--sl-input-background-color);\n border: solid var(--sl-input-border-width) var(--sl-input-border-color);\n vertical-align: middle;\n transition: var(--sl-transition-fast) color, var(--sl-transition-fast) border, var(--sl-transition-fast) box-shadow;\n cursor: text;\n}\n.textarea:hover:not(.textarea--disabled) {\n background-color: var(--sl-input-background-color-hover);\n border-color: var(--sl-input-border-color-hover);\n}\n.textarea:hover:not(.textarea--disabled) .textarea__control {\n color: var(--sl-input-color-hover);\n}\n.textarea.textarea--focused:not(.textarea--disabled) {\n background-color: var(--sl-input-background-color-focus);\n border-color: var(--sl-input-border-color-focus);\n box-shadow: 0 0 0 var(--sl-focus-ring-width) var(--sl-focus-ring-color-primary);\n color: var(--sl-input-color-focus);\n}\n.textarea.textarea--focused:not(.textarea--disabled) .textarea__control {\n color: var(--sl-input-color-focus);\n}\n.textarea.textarea--disabled {\n background-color: var(--sl-input-background-color-disabled);\n border-color: var(--sl-input-border-color-disabled);\n opacity: 0.5;\n cursor: not-allowed;\n}\n.textarea.textarea--disabled .textarea__control {\n color: var(--sl-input-color-disabled);\n}\n.textarea.textarea--disabled .textarea__control::placeholder {\n color: var(--sl-input-placeholder-color-disabled);\n}\n\n.textarea__control {\n flex: 1 1 auto;\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n line-height: 1.4;\n color: var(--sl-input-color);\n border: none;\n background: none;\n box-shadow: none;\n cursor: inherit;\n -webkit-appearance: none;\n}\n.textarea__control::-webkit-search-decoration, .textarea__control::-webkit-search-cancel-button, .textarea__control::-webkit-search-results-button, .textarea__control::-webkit-search-results-decoration {\n -webkit-appearance: none;\n}\n.textarea__control::placeholder {\n color: var(--sl-input-placeholder-color);\n user-select: none;\n}\n.textarea__control:focus {\n outline: none;\n}\n\n.textarea--small {\n border-radius: var(--sl-input-border-radius-small);\n font-size: var(--sl-input-font-size-small);\n}\n.textarea--small .textarea__control {\n padding: 0.5em var(--sl-input-spacing-small);\n}\n\n.textarea--medium {\n border-radius: var(--sl-input-border-radius-medium);\n font-size: var(--sl-input-font-size-medium);\n}\n.textarea--medium .textarea__control {\n padding: 0.5em var(--sl-input-spacing-medium);\n}\n\n.textarea--large {\n border-radius: var(--sl-input-border-radius-large);\n font-size: var(--sl-input-font-size-large);\n}\n.textarea--large .textarea__control {\n padding: 0.5em var(--sl-input-spacing-large);\n}\n\n.textarea--resize-none .textarea__control {\n resize: none;\n}\n\n.textarea--resize-vertical .textarea__control {\n resize: vertical;\n}\n\n.textarea--resize-auto .textarea__control {\n height: auto;\n resize: none;\n}"),cu([gh(".textarea__control")],$h.prototype,"input",2),cu([kh()],$h.prototype,"hasFocus",2),cu([kh()],$h.prototype,"hasHelpTextSlot",2),cu([kh()],$h.prototype,"hasLabelSlot",2),cu([_h({reflect:!0})],$h.prototype,"size",2),cu([_h()],$h.prototype,"name",2),cu([_h()],$h.prototype,"value",2),cu([_h()],$h.prototype,"label",2),cu([_h({attribute:"help-text"})],$h.prototype,"helpText",2),cu([_h()],$h.prototype,"placeholder",2),cu([_h({type:Number})],$h.prototype,"rows",2),cu([_h()],$h.prototype,"resize",2),cu([_h({type:Boolean,reflect:!0})],$h.prototype,"disabled",2),cu([_h({type:Boolean,reflect:!0})],$h.prototype,"readonly",2),cu([_h({type:Number})],$h.prototype,"minlength",2),cu([_h({type:Number})],$h.prototype,"maxlength",2),cu([_h()],$h.prototype,"pattern",2),cu([_h({type:Boolean,reflect:!0})],$h.prototype,"required",2),cu([_h({type:Boolean,reflect:!0})],$h.prototype,"invalid",2),cu([_h()],$h.prototype,"autocapitalize",2),cu([_h()],$h.prototype,"autocorrect",2),cu([_h()],$h.prototype,"autocomplete",2),cu([_h({type:Boolean})],$h.prototype,"autofocus",2),cu([_h({type:Boolean})],$h.prototype,"spellcheck",2),cu([_h()],$h.prototype,"inputmode",2),cu([yh("sl-change")],$h.prototype,"slChange",2),cu([yh("sl-input")],$h.prototype,"slInput",2),cu([yh("sl-focus")],$h.prototype,"slFocus",2),cu([yh("sl-blur")],$h.prototype,"slBlur",2),cu([bh("rows")],$h.prototype,"handleRowsChange",1),cu([bh("helpText"),bh("label")],$h.prototype,"handleSlotChange",1),cu([bh("value")],$h.prototype,"handleValueChange",1);var Sh=$h=cu([sh("sl-textarea")],$h);function Mh(t){var n=t.getBoundingClientRect();return{width:n.width,height:n.height,top:n.top,right:n.right,bottom:n.bottom,left:n.left,x:n.left,y:n.top}}function Oh(t){if("[object Window]"!==t.toString()){var n=t.ownerDocument;return n&&n.defaultView||window}return t}function Eh(t){var n=Oh(t);return{scrollLeft:n.pageXOffset,scrollTop:n.pageYOffset}}function Ah(t){return t instanceof Oh(t).Element||t instanceof Element}function Th(t){return t instanceof Oh(t).HTMLElement||t instanceof HTMLElement}function Ih(t){return"undefined"!=typeof ShadowRoot&&(t instanceof Oh(t).ShadowRoot||t instanceof ShadowRoot)}function Ch(t){return t?(t.nodeName||"").toLowerCase():null}function jh(t){return((Ah(t)?t.ownerDocument:t.document)||window.document).documentElement}function Fh(t){return Mh(jh(t)).left+Eh(t).scrollLeft}function Nh(t){return Oh(t).getComputedStyle(t)}function Bh(t){var n=Nh(t);return/auto|scroll|overlay|hidden/.test(n.overflow+n.overflowY+n.overflowX)}function Dh(t,n,e){void 0===e&&(e=!1);var r,o,i=jh(n),s=Mh(t),a=Th(n),l={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(a||!a&&!e)&&(("body"!==Ch(n)||Bh(i))&&(l=(r=n)!==Oh(r)&&Th(r)?{scrollLeft:(o=r).scrollLeft,scrollTop:o.scrollTop}:Eh(r)),Th(n)?((c=Mh(n)).x+=n.clientLeft,c.y+=n.clientTop):i&&(c.x=Fh(i))),{x:s.left+l.scrollLeft-c.x,y:s.top+l.scrollTop-c.y,width:s.width,height:s.height}}function Uh(t){return{x:t.offsetLeft,y:t.offsetTop,width:t.offsetWidth,height:t.offsetHeight}}function Rh(t){return"html"===Ch(t)?t:t.assignedSlot||t.parentNode||(Ih(t)?t.host:null)||jh(t)}function Lh(t){return["html","body","#document"].indexOf(Ch(t))>=0?t.ownerDocument.body:Th(t)&&Bh(t)?t:Lh(Rh(t))}function qh(t,n){var e;void 0===n&&(n=[]);var r=Lh(t),o=r===(null==(e=t.ownerDocument)?void 0:e.body),i=Oh(r),s=o?[i].concat(i.visualViewport||[],Bh(r)?r:[]):r,a=n.concat(s);return o?a:a.concat(qh(Rh(s)))}function Ph(t){return["table","td","th"].indexOf(Ch(t))>=0}function Gh(t){return Th(t)&&"fixed"!==Nh(t).position?t.offsetParent:null}function Hh(t){for(var n=Oh(t),e=Gh(t);e&&Ph(e)&&"static"===Nh(e).position;)e=Gh(e);return e&&("html"===Ch(e)||"body"===Ch(e)&&"static"===Nh(e).position)?n:e||function(t){for(var n=navigator.userAgent.toLowerCase().includes("firefox"),e=Rh(t);Th(e)&&["html","body"].indexOf(Ch(e))<0;){var r=Nh(e);if("none"!==r.transform||"none"!==r.perspective||"paint"===r.contain||["transform","perspective"].includes(r.willChange)||n&&"filter"===r.willChange||n&&r.filter&&"none"!==r.filter)return e;e=e.parentNode}return null}(t)||n}var Vh="top",Yh="bottom",Kh="right",Xh="left",Wh=[Vh,Yh,Kh,Xh],Zh=Wh.reduce((function(t,n){return t.concat([n+"-start",n+"-end"])}),[]),Jh=[].concat(Wh,["auto"]).reduce((function(t,n){return t.concat([n,n+"-start",n+"-end"])}),[]),Qh=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function tf(t){var n=new Map,e=new Set,r=[];function o(t){e.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!e.has(t)){var r=n.get(t);r&&o(r)}})),r.push(t)}return t.forEach((function(t){n.set(t.name,t)})),t.forEach((function(t){e.has(t.name)||o(t)})),r}function nf(t){return t.split("-")[0]}var ef=Math.max,rf=Math.min,of=Math.round;function sf(t,n){var e=n.getRootNode&&n.getRootNode();if(t.contains(n))return!0;if(e&&Ih(e)){var r=n;do{if(r&&t.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}function af(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function lf(t,n){return"viewport"===n?af(function(t){var n=Oh(t),e=jh(t),r=n.visualViewport,o=e.clientWidth,i=e.clientHeight,s=0,a=0;return r&&(o=r.width,i=r.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(s=r.offsetLeft,a=r.offsetTop)),{width:o,height:i,x:s+Fh(t),y:a}}(t)):Th(n)?function(t){var n=Mh(t);return n.top=n.top+t.clientTop,n.left=n.left+t.clientLeft,n.bottom=n.top+t.clientHeight,n.right=n.left+t.clientWidth,n.width=t.clientWidth,n.height=t.clientHeight,n.x=n.left,n.y=n.top,n}(n):af(function(t){var n,e=jh(t),r=Eh(t),o=null==(n=t.ownerDocument)?void 0:n.body,i=ef(e.scrollWidth,e.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),s=ef(e.scrollHeight,e.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),a=-r.scrollLeft+Fh(t),l=-r.scrollTop;return"rtl"===Nh(o||e).direction&&(a+=ef(e.clientWidth,o?o.clientWidth:0)-i),{width:i,height:s,x:a,y:l}}(jh(t)))}function cf(t){return t.split("-")[1]}function uf(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function hf(t){var n,e=t.reference,r=t.element,o=t.placement,i=o?nf(o):null,s=o?cf(o):null,a=e.x+e.width/2-r.width/2,l=e.y+e.height/2-r.height/2;switch(i){case Vh:n={x:a,y:e.y-r.height};break;case Yh:n={x:a,y:e.y+e.height};break;case Kh:n={x:e.x+e.width,y:l};break;case Xh:n={x:e.x-r.width,y:l};break;default:n={x:e.x,y:e.y}}var c=i?uf(i):null;if(null!=c){var u="y"===c?"height":"width";switch(s){case"start":n[c]=n[c]-(e[u]/2-r[u]/2);break;case"end":n[c]=n[c]+(e[u]/2-r[u]/2)}}return n}function ff(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function df(t,n){return n.reduce((function(n,e){return n[e]=t,n}),{})}function pf(t,n){void 0===n&&(n={});var e=n.placement,r=void 0===e?t.placement:e,o=n.boundary,i=void 0===o?"clippingParents":o,s=n.rootBoundary,a=void 0===s?"viewport":s,l=n.elementContext,c=void 0===l?"popper":l,u=n.altBoundary,h=void 0!==u&&u,f=n.padding,d=void 0===f?0:f,p=ff("number"!=typeof d?d:df(d,Wh)),m=t.elements.reference,g=t.rects.popper,b=t.elements[h?"popper"===c?"reference":"popper":c],v=function(t,n,e){var r="clippingParents"===n?function(t){var n=qh(Rh(t)),e=["absolute","fixed"].indexOf(Nh(t).position)>=0&&Th(t)?Hh(t):t;return Ah(e)?n.filter((function(t){return Ah(t)&&sf(t,e)&&"body"!==Ch(t)})):[]}(t):[].concat(n),o=[].concat(r,[e]),i=o.reduce((function(n,e){var r=lf(t,e);return n.top=ef(r.top,n.top),n.right=rf(r.right,n.right),n.bottom=rf(r.bottom,n.bottom),n.left=ef(r.left,n.left),n}),lf(t,o[0]));return i.width=i.right-i.left,i.height=i.bottom-i.top,i.x=i.left,i.y=i.top,i}(Ah(b)?b:b.contextElement||jh(t.elements.popper),i,a),y=Mh(m),w=hf({reference:y,element:g,strategy:"absolute",placement:r}),x=af(Object.assign({},g,w)),_="popper"===c?x:y,k={top:v.top-_.top+p.top,bottom:_.bottom-v.bottom+p.bottom,left:v.left-_.left+p.left,right:_.right-v.right+p.right},z=t.modifiersData.offset;if("popper"===c&&z){var $=z[r];Object.keys(k).forEach((function(t){var n=[Kh,Yh].indexOf(t)>=0?1:-1,e=[Vh,Yh].indexOf(t)>=0?"y":"x";k[t]+=$[e]*n}))}return k}var mf={placement:"bottom",modifiers:[],strategy:"absolute"};function gf(){for(var t=arguments.length,n=new Array(t),e=0;e<t;e++)n[e]=arguments[e];return!n.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function bf(t){void 0===t&&(t={});var n=t.defaultModifiers,e=void 0===n?[]:n,r=t.defaultOptions,o=void 0===r?mf:r;return function(t,n,r){void 0===r&&(r=o);var i,s,a={placement:"bottom",orderedModifiers:[],options:Object.assign({},mf,o),modifiersData:{},elements:{reference:t,popper:n},attributes:{},styles:{}},l=[],c=!1,u={state:a,setOptions:function(r){h(),a.options=Object.assign({},o,a.options,r),a.scrollParents={reference:Ah(t)?qh(t):t.contextElement?qh(t.contextElement):[],popper:qh(n)};var i,s,c=function(t){var n=tf(t);return Qh.reduce((function(t,e){return t.concat(n.filter((function(t){return t.phase===e})))}),[])}((i=[].concat(e,a.options.modifiers),s=i.reduce((function(t,n){var e=t[n.name];return t[n.name]=e?Object.assign({},e,n,{options:Object.assign({},e.options,n.options),data:Object.assign({},e.data,n.data)}):n,t}),{}),Object.keys(s).map((function(t){return s[t]}))));return a.orderedModifiers=c.filter((function(t){return t.enabled})),a.orderedModifiers.forEach((function(t){var n=t.options,e=t.effect;if("function"==typeof e){var r=e({state:a,name:t.name,instance:u,options:void 0===n?{}:n});l.push(r||function(){})}})),u.update()},forceUpdate:function(){if(!c){var t=a.elements,n=t.reference,e=t.popper;if(gf(n,e)){a.rects={reference:Dh(n,Hh(e),"fixed"===a.options.strategy),popper:Uh(e)},a.reset=!1,a.placement=a.options.placement,a.orderedModifiers.forEach((function(t){return a.modifiersData[t.name]=Object.assign({},t.data)}));for(var r=0;r<a.orderedModifiers.length;r++)if(!0!==a.reset){var o=a.orderedModifiers[r],i=o.fn,s=o.options;"function"==typeof i&&(a=i({state:a,options:void 0===s?{}:s,name:o.name,instance:u})||a)}else a.reset=!1,r=-1}}},update:(i=function(){return new Promise((function(t){u.forceUpdate(),t(a)}))},function(){return s||(s=new Promise((function(t){Promise.resolve().then((function(){s=void 0,t(i())}))}))),s}),destroy:function(){h(),c=!0}};if(!gf(t,n))return u;function h(){l.forEach((function(t){return t()})),l=[]}return u.setOptions(r).then((function(t){!c&&r.onFirstUpdate&&r.onFirstUpdate(t)})),u}}function vf(t,n,e){return ef(t,rf(n,e))}var yf={top:"auto",right:"auto",bottom:"auto",left:"auto"};function wf(t){var n,e=t.popper,r=t.popperRect,o=t.placement,i=t.offsets,s=t.position,a=t.gpuAcceleration,l=t.adaptive,c=t.roundOffsets,u=!0===c?function(t){var n=t.y,e=window.devicePixelRatio||1;return{x:of(of(t.x*e)/e)||0,y:of(of(n*e)/e)||0}}(i):"function"==typeof c?c(i):i,h=u.x,f=void 0===h?0:h,d=u.y,p=void 0===d?0:d,m=i.hasOwnProperty("x"),g=i.hasOwnProperty("y"),b=Xh,v=Vh,y=window;if(l){var w=Hh(e),x="clientHeight",_="clientWidth";w===Oh(e)&&"static"!==Nh(w=jh(e)).position&&(x="scrollHeight",_="scrollWidth"),o===Vh&&(v=Yh,p-=w[x]-r.height,p*=a?1:-1),o===Xh&&(b=Kh,f-=w[_]-r.width,f*=a?1:-1)}var k,z=Object.assign({position:s},l&&yf);return Object.assign({},z,a?((k={})[v]=g?"0":"",k[b]=m?"0":"",k.transform=(y.devicePixelRatio||1)<2?"translate("+f+"px, "+p+"px)":"translate3d("+f+"px, "+p+"px, 0)",k):((n={})[v]=g?p+"px":"",n[b]=m?f+"px":"",n.transform="",n))}var xf={passive:!0},_f={left:"right",right:"left",bottom:"top",top:"bottom"};function kf(t){return t.replace(/left|right|bottom|top/g,(function(t){return _f[t]}))}var zf={start:"end",end:"start"};function $f(t){return t.replace(/start|end/g,(function(t){return zf[t]}))}function Sf(t,n,e){return void 0===e&&(e={x:0,y:0}),{top:t.top-n.height-e.y,right:t.right-n.width+e.x,bottom:t.bottom-n.height+e.y,left:t.left-n.width-e.x}}function Mf(t){return[Vh,Kh,Yh,Xh].some((function(n){return t[n]>=0}))}var Of=bf({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var n=t.state,e=t.instance,r=t.options,o=r.scroll,i=void 0===o||o,s=r.resize,a=void 0===s||s,l=Oh(n.elements.popper),c=[].concat(n.scrollParents.reference,n.scrollParents.popper);return i&&c.forEach((function(t){t.addEventListener("scroll",e.update,xf)})),a&&l.addEventListener("resize",e.update,xf),function(){i&&c.forEach((function(t){t.removeEventListener("scroll",e.update,xf)})),a&&l.removeEventListener("resize",e.update,xf)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var n=t.state;n.modifiersData[t.name]=hf({reference:n.rects.reference,element:n.rects.popper,strategy:"absolute",placement:n.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var n=t.state,e=t.options,r=e.gpuAcceleration,o=void 0===r||r,i=e.adaptive,s=void 0===i||i,a=e.roundOffsets,l=void 0===a||a,c={placement:nf(n.placement),popper:n.elements.popper,popperRect:n.rects.popper,gpuAcceleration:o};null!=n.modifiersData.popperOffsets&&(n.styles.popper=Object.assign({},n.styles.popper,wf(Object.assign({},c,{offsets:n.modifiersData.popperOffsets,position:n.options.strategy,adaptive:s,roundOffsets:l})))),null!=n.modifiersData.arrow&&(n.styles.arrow=Object.assign({},n.styles.arrow,wf(Object.assign({},c,{offsets:n.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:l})))),n.attributes.popper=Object.assign({},n.attributes.popper,{"data-popper-placement":n.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var n=t.state;Object.keys(n.elements).forEach((function(t){var e=n.styles[t]||{},r=n.attributes[t]||{},o=n.elements[t];Th(o)&&Ch(o)&&(Object.assign(o.style,e),Object.keys(r).forEach((function(t){var n=r[t];!1===n?o.removeAttribute(t):o.setAttribute(t,!0===n?"":n)})))}))},effect:function(t){var n=t.state,e={popper:{position:n.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(n.elements.popper.style,e.popper),n.styles=e,n.elements.arrow&&Object.assign(n.elements.arrow.style,e.arrow),function(){Object.keys(n.elements).forEach((function(t){var r=n.elements[t],o=n.attributes[t]||{},i=Object.keys(n.styles.hasOwnProperty(t)?n.styles[t]:e[t]).reduce((function(t,n){return t[n]="",t}),{});Th(r)&&Ch(r)&&(Object.assign(r.style,i),Object.keys(o).forEach((function(t){r.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var n=t.state,e=t.name,r=t.options.offset,o=void 0===r?[0,0]:r,i=Jh.reduce((function(t,e){return t[e]=function(t,n,e){var r=nf(t),o=[Xh,Vh].indexOf(r)>=0?-1:1,i="function"==typeof e?e(Object.assign({},n,{placement:t})):e,s=i[0],a=i[1];return s=s||0,a=(a||0)*o,[Xh,Kh].indexOf(r)>=0?{x:a,y:s}:{x:s,y:a}}(e,n.rects,o),t}),{}),s=i[n.placement],a=s.y;null!=n.modifiersData.popperOffsets&&(n.modifiersData.popperOffsets.x+=s.x,n.modifiersData.popperOffsets.y+=a),n.modifiersData[e]=i}},{name:"flip",enabled:!0,phase:"main",fn:function(t){var n=t.state,e=t.options,r=t.name;if(!n.modifiersData[r]._skip){for(var o=e.mainAxis,i=void 0===o||o,s=e.altAxis,a=void 0===s||s,l=e.fallbackPlacements,c=e.padding,u=e.boundary,h=e.rootBoundary,f=e.altBoundary,d=e.flipVariations,p=void 0===d||d,m=e.allowedAutoPlacements,g=n.options.placement,b=nf(g),v=l||(b!==g&&p?function(t){if("auto"===nf(t))return[];var n=kf(t);return[$f(t),n,$f(n)]}(g):[kf(g)]),y=[g].concat(v).reduce((function(t,e){return t.concat("auto"===nf(e)?function(t,n){void 0===n&&(n={});var e=n.boundary,r=n.rootBoundary,o=n.padding,i=n.flipVariations,s=n.allowedAutoPlacements,a=void 0===s?Jh:s,l=cf(n.placement),c=l?i?Zh:Zh.filter((function(t){return cf(t)===l})):Wh,u=c.filter((function(t){return a.indexOf(t)>=0}));0===u.length&&(u=c);var h=u.reduce((function(n,i){return n[i]=pf(t,{placement:i,boundary:e,rootBoundary:r,padding:o})[nf(i)],n}),{});return Object.keys(h).sort((function(t,n){return h[t]-h[n]}))}(n,{placement:e,boundary:u,rootBoundary:h,padding:c,flipVariations:p,allowedAutoPlacements:m}):e)}),[]),w=n.rects.reference,x=n.rects.popper,_=new Map,k=!0,z=y[0],$=0;$<y.length;$++){var S=y[$],M=nf(S),O="start"===cf(S),E=[Vh,Yh].indexOf(M)>=0,A=E?"width":"height",T=pf(n,{placement:S,boundary:u,rootBoundary:h,altBoundary:f,padding:c}),I=E?O?Kh:Xh:O?Yh:Vh;w[A]>x[A]&&(I=kf(I));var C=kf(I),j=[];if(i&&j.push(T[M]<=0),a&&j.push(T[I]<=0,T[C]<=0),j.every((function(t){return t}))){z=S,k=!1;break}_.set(S,j)}if(k)for(var F=function(t){var n=y.find((function(n){var e=_.get(n);if(e)return e.slice(0,t).every((function(t){return t}))}));if(n)return z=n,"break"},N=p?3:1;N>0&&"break"!==F(N);N--);n.placement!==z&&(n.modifiersData[r]._skip=!0,n.placement=z,n.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}},{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var n=t.state,e=t.options,r=t.name,o=e.mainAxis,i=void 0===o||o,s=e.altAxis,a=void 0!==s&&s,l=e.tether,c=void 0===l||l,u=e.tetherOffset,h=void 0===u?0:u,f=pf(n,{boundary:e.boundary,rootBoundary:e.rootBoundary,padding:e.padding,altBoundary:e.altBoundary}),d=nf(n.placement),p=cf(n.placement),m=!p,g=uf(d),b="x"===g?"y":"x",v=n.modifiersData.popperOffsets,y=n.rects.reference,w=n.rects.popper,x="function"==typeof h?h(Object.assign({},n.rects,{placement:n.placement})):h,_={x:0,y:0};if(v){if(i||a){var k="y"===g?Vh:Xh,z="y"===g?Yh:Kh,$="y"===g?"height":"width",S=v[g],M=v[g]+f[k],O=v[g]-f[z],E=c?-w[$]/2:0,A="start"===p?y[$]:w[$],T="start"===p?-w[$]:-y[$],I=n.elements.arrow,C=c&&I?Uh(I):{width:0,height:0},j=n.modifiersData["arrow#persistent"]?n.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},F=j[k],N=j[z],B=vf(0,y[$],C[$]),D=m?y[$]/2-E-B-F-x:A-B-F-x,U=m?-y[$]/2+E+B+N+x:T+B+N+x,R=n.elements.arrow&&Hh(n.elements.arrow),L=n.modifiersData.offset?n.modifiersData.offset[n.placement][g]:0,q=v[g]+D-L-(R?"y"===g?R.clientTop||0:R.clientLeft||0:0),P=v[g]+U-L;if(i){var G=vf(c?rf(M,q):M,S,c?ef(O,P):O);v[g]=G,_[g]=G-S}if(a){var H=v[b],V=H+f["x"===g?Vh:Xh],Y=H-f["x"===g?Yh:Kh],K=vf(c?rf(V,q):V,H,c?ef(Y,P):Y);v[b]=K,_[b]=K-H}}n.modifiersData[r]=_}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var n,e=t.state,r=t.name,o=t.options,i=e.elements.arrow,s=e.modifiersData.popperOffsets,a=nf(e.placement),l=uf(a),c=[Xh,Kh].indexOf(a)>=0?"height":"width";if(i&&s){var u=function(t,n){return ff("number"!=typeof(t="function"==typeof t?t(Object.assign({},n.rects,{placement:n.placement})):t)?t:df(t,Wh))}(o.padding,e),h=Uh(i),f="y"===l?Vh:Xh,d="y"===l?Yh:Kh,p=e.rects.reference[c]+e.rects.reference[l]-s[l]-e.rects.popper[c],m=s[l]-e.rects.reference[l],g=Hh(i),b=g?"y"===l?g.clientHeight||0:g.clientWidth||0:0,v=b/2-h[c]/2+(p/2-m/2),y=vf(u[f],v,b-h[c]-u[d]);e.modifiersData[r]=((n={})[l]=y,n.centerOffset=y-v,n)}},effect:function(t){var n=t.state,e=t.options.element,r=void 0===e?"[data-popper-arrow]":e;null!=r&&("string"!=typeof r||(r=n.elements.popper.querySelector(r)))&&sf(n.elements.popper,r)&&(n.elements.arrow=r)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var n=t.state,e=t.name,r=n.rects.reference,o=n.rects.popper,i=n.modifiersData.preventOverflow,s=pf(n,{elementContext:"reference"}),a=pf(n,{altBoundary:!0}),l=Sf(s,r),c=Sf(a,o,i),u=Mf(l),h=Mf(c);n.modifiersData[e]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:u,hasPopperEscaped:h},n.attributes.popper=Object.assign({},n.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":h})}}]}),Ef=class{constructor(t,n,e){this.handleTransitionEnd=this.handleTransitionEnd.bind(this),this.anchor=t,this.popover=n,this.options=Object.assign({skidding:0,distance:0,placement:"bottom-start",strategy:"absolute",transitionElement:this.popover,visibleClass:"popover-visible",onAfterShow:()=>{},onAfterHide:()=>{},onTransitionEnd:()=>{}},e),this.isVisible=!1,this.popover.hidden=!0,this.popover.classList.remove(this.options.visibleClass),this.popover.addEventListener("transitionend",this.handleTransitionEnd)}handleTransitionEnd(t){t.target===this.options.transitionElement&&(this.options.onTransitionEnd.call(this,t),this.isVisible||this.popover.hidden||(this.popover.hidden=!0,this.popover.classList.remove(this.options.visibleClass),this.options.onAfterHide.call(this)))}destroy(){this.popover.removeEventListener("transitionend",this.handleTransitionEnd),this.popper&&this.popper.destroy()}show(){this.isVisible=!0,this.popover.hidden=!1,requestAnimationFrame((()=>this.popover.classList.add(this.options.visibleClass))),this.popper&&this.popper.destroy(),this.popper=Of(this.anchor,this.popover,{placement:this.options.placement,strategy:this.options.strategy,modifiers:[{name:"flip",options:{boundary:"viewport"}},{name:"offset",options:{offset:[this.options.skidding,this.options.distance]}}]}),this.popover.addEventListener("transitionend",(()=>this.options.onAfterShow.call(this)),{once:!0}),requestAnimationFrame((()=>this.popper.update()))}hide(){this.isVisible=!1,this.popover.classList.remove(this.options.visibleClass)}reposition(){this.popper.update()}setOptions(t){this.options=Object.assign(this.options,t),this.isVisible?this.popover.classList.add(this.options.visibleClass):this.popover.classList.remove(this.options.visibleClass),this.popper&&(this.popper.setOptions({placement:this.options.placement,strategy:this.options.strategy}),requestAnimationFrame((()=>this.popper.update())))}},Af=0,Tf=class extends ih{constructor(){super(...arguments),this.componentId="tooltip-"+ ++Af,this.isVisible=!1,this.content="",this.placement="top",this.disabled=!1,this.distance=10,this.open=!1,this.skidding=0,this.trigger="hover focus"}firstUpdated(){this.target=this.getTarget(),this.popover=new Ef(this.target,this.positioner),this.syncOptions(),this.addEventListener("blur",this.handleBlur.bind(this),!0),this.addEventListener("click",this.handleClick.bind(this),!0),this.addEventListener("focus",this.handleFocus.bind(this),!0),this.addEventListener("keydown",this.handleKeyDown.bind(this),!0),this.addEventListener("mouseover",this.handleMouseOver.bind(this),!0),this.addEventListener("mouseout",this.handleMouseOut.bind(this),!0),this.positioner.hidden=!this.open,this.open&&this.show()}disconnectedCallback(){super.disconnectedCallback(),this.popover.destroy(),this.removeEventListener("blur",this.handleBlur,!0),this.removeEventListener("click",this.handleClick,!0),this.removeEventListener("focus",this.handleFocus,!0)}show(){this.isVisible||(this.slShow.emit().defaultPrevented?this.open=!1:(this.isVisible=!0,this.open=!0,this.popover.show()))}hide(){this.isVisible&&(this.slHide.emit().defaultPrevented?this.open=!0:(this.isVisible=!1,this.open=!1,this.popover.hide()))}getTarget(){const t=[...this.children].find((t=>"style"!==t.tagName.toLowerCase()&&"content"!==t.getAttribute("slot")));if(!t)throw new Error("Invalid tooltip target: no child element was found.");return t}handleBlur(){this.hasTrigger("focus")&&this.hide()}handleClick(){this.hasTrigger("click")&&(this.open?this.hide():this.show())}handleFocus(){this.hasTrigger("focus")&&this.show()}handleKeyDown(t){this.open&&"Escape"===t.key&&(t.stopPropagation(),this.hide())}handleMouseOver(){this.hasTrigger("hover")&&this.show()}handleMouseOut(){this.hasTrigger("hover")&&this.hide()}handleOpenChange(){this.open?this.show():this.hide()}handleOptionsChange(){this.syncOptions()}handleSlotChange(){const t=this.target,n=this.getTarget();n!==t&&(t&&t.removeAttribute("aria-describedby"),n.setAttribute("aria-describedby",this.componentId))}hasTrigger(t){return this.trigger.split(" ").includes(t)}syncOptions(){this.popover&&this.popover.setOptions({placement:this.placement,distance:this.distance,skidding:this.skidding,transitionElement:this.tooltip,onAfterHide:()=>this.slAfterHide.emit(),onAfterShow:()=>this.slAfterShow.emit()})}render(){return uh`
177
+ `)}};$h.styles=rh(":host {\n position: relative;\n box-sizing: border-box;\n}\n:host *, :host *:before, :host *:after {\n box-sizing: inherit;\n}\n\n.form-control .form-control__label {\n display: none;\n}\n.form-control .form-control__help-text {\n display: none;\n}\n\n.form-control--has-label .form-control__label {\n display: inline-block;\n color: var(--sl-input-label-color);\n margin-bottom: var(--sl-spacing-xxx-small);\n}\n.form-control--has-label.form-control--small .form-control__label {\n font-size: var(--sl-input-label-font-size-small);\n}\n.form-control--has-label.form-control--medium .form-control__label {\n font-size: var(--sl-input-label-font-size-medium);\n}\n.form-control--has-label.form-control--large .form-control_label {\n font-size: var(--sl-input-label-font-size-large);\n}\n\n.form-control--has-help-text .form-control__help-text {\n display: block;\n color: var(--sl-input-help-text-color);\n}\n.form-control--has-help-text .form-control__help-text ::slotted(*) {\n margin-top: var(--sl-spacing-xxx-small);\n}\n.form-control--has-help-text.form-control--small .form-control__help-text {\n font-size: var(--sl-input-help-text-font-size-small);\n}\n.form-control--has-help-text.form-control--medium .form-control__help-text {\n font-size: var(--sl-input-help-text-font-size-medium);\n}\n.form-control--has-help-text.form-control--large .form-control__help-text {\n font-size: var(--sl-input-help-text-font-size-large);\n}\n\n:host {\n display: block;\n}\n\n.textarea {\n display: flex;\n align-items: center;\n position: relative;\n width: 100%;\n font-family: var(--sl-input-font-family);\n font-weight: var(--sl-input-font-weight);\n line-height: var(--sl-line-height-normal);\n letter-spacing: var(--sl-input-letter-spacing);\n background-color: var(--sl-input-background-color);\n border: solid var(--sl-input-border-width) var(--sl-input-border-color);\n vertical-align: middle;\n transition: var(--sl-transition-fast) color, var(--sl-transition-fast) border, var(--sl-transition-fast) box-shadow;\n cursor: text;\n}\n.textarea:hover:not(.textarea--disabled) {\n background-color: var(--sl-input-background-color-hover);\n border-color: var(--sl-input-border-color-hover);\n}\n.textarea:hover:not(.textarea--disabled) .textarea__control {\n color: var(--sl-input-color-hover);\n}\n.textarea.textarea--focused:not(.textarea--disabled) {\n background-color: var(--sl-input-background-color-focus);\n border-color: var(--sl-input-border-color-focus);\n box-shadow: 0 0 0 var(--sl-focus-ring-width) var(--sl-focus-ring-color-primary);\n color: var(--sl-input-color-focus);\n}\n.textarea.textarea--focused:not(.textarea--disabled) .textarea__control {\n color: var(--sl-input-color-focus);\n}\n.textarea.textarea--disabled {\n background-color: var(--sl-input-background-color-disabled);\n border-color: var(--sl-input-border-color-disabled);\n opacity: 0.5;\n cursor: not-allowed;\n}\n.textarea.textarea--disabled .textarea__control {\n color: var(--sl-input-color-disabled);\n}\n.textarea.textarea--disabled .textarea__control::placeholder {\n color: var(--sl-input-placeholder-color-disabled);\n}\n\n.textarea__control {\n flex: 1 1 auto;\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n line-height: 1.4;\n color: var(--sl-input-color);\n border: none;\n background: none;\n box-shadow: none;\n cursor: inherit;\n -webkit-appearance: none;\n}\n.textarea__control::-webkit-search-decoration, .textarea__control::-webkit-search-cancel-button, .textarea__control::-webkit-search-results-button, .textarea__control::-webkit-search-results-decoration {\n -webkit-appearance: none;\n}\n.textarea__control::placeholder {\n color: var(--sl-input-placeholder-color);\n user-select: none;\n}\n.textarea__control:focus {\n outline: none;\n}\n\n.textarea--small {\n border-radius: var(--sl-input-border-radius-small);\n font-size: var(--sl-input-font-size-small);\n}\n.textarea--small .textarea__control {\n padding: 0.5em var(--sl-input-spacing-small);\n}\n\n.textarea--medium {\n border-radius: var(--sl-input-border-radius-medium);\n font-size: var(--sl-input-font-size-medium);\n}\n.textarea--medium .textarea__control {\n padding: 0.5em var(--sl-input-spacing-medium);\n}\n\n.textarea--large {\n border-radius: var(--sl-input-border-radius-large);\n font-size: var(--sl-input-font-size-large);\n}\n.textarea--large .textarea__control {\n padding: 0.5em var(--sl-input-spacing-large);\n}\n\n.textarea--resize-none .textarea__control {\n resize: none;\n}\n\n.textarea--resize-vertical .textarea__control {\n resize: vertical;\n}\n\n.textarea--resize-auto .textarea__control {\n height: auto;\n resize: none;\n}"),cu([gh(".textarea__control")],$h.prototype,"input",2),cu([kh()],$h.prototype,"hasFocus",2),cu([kh()],$h.prototype,"hasHelpTextSlot",2),cu([kh()],$h.prototype,"hasLabelSlot",2),cu([_h({reflect:!0})],$h.prototype,"size",2),cu([_h()],$h.prototype,"name",2),cu([_h()],$h.prototype,"value",2),cu([_h()],$h.prototype,"label",2),cu([_h({attribute:"help-text"})],$h.prototype,"helpText",2),cu([_h()],$h.prototype,"placeholder",2),cu([_h({type:Number})],$h.prototype,"rows",2),cu([_h()],$h.prototype,"resize",2),cu([_h({type:Boolean,reflect:!0})],$h.prototype,"disabled",2),cu([_h({type:Boolean,reflect:!0})],$h.prototype,"readonly",2),cu([_h({type:Number})],$h.prototype,"minlength",2),cu([_h({type:Number})],$h.prototype,"maxlength",2),cu([_h()],$h.prototype,"pattern",2),cu([_h({type:Boolean,reflect:!0})],$h.prototype,"required",2),cu([_h({type:Boolean,reflect:!0})],$h.prototype,"invalid",2),cu([_h()],$h.prototype,"autocapitalize",2),cu([_h()],$h.prototype,"autocorrect",2),cu([_h()],$h.prototype,"autocomplete",2),cu([_h({type:Boolean})],$h.prototype,"autofocus",2),cu([_h({type:Boolean})],$h.prototype,"spellcheck",2),cu([_h()],$h.prototype,"inputmode",2),cu([yh("sl-change")],$h.prototype,"slChange",2),cu([yh("sl-input")],$h.prototype,"slInput",2),cu([yh("sl-focus")],$h.prototype,"slFocus",2),cu([yh("sl-blur")],$h.prototype,"slBlur",2),cu([bh("rows")],$h.prototype,"handleRowsChange",1),cu([bh("helpText"),bh("label")],$h.prototype,"handleSlotChange",1),cu([bh("value")],$h.prototype,"handleValueChange",1);var Sh=$h=cu([sh("sl-textarea")],$h);function Mh(t){var n=t.getBoundingClientRect();return{width:n.width,height:n.height,top:n.top,right:n.right,bottom:n.bottom,left:n.left,x:n.left,y:n.top}}function Oh(t){if("[object Window]"!==t.toString()){var n=t.ownerDocument;return n&&n.defaultView||window}return t}function Eh(t){var n=Oh(t);return{scrollLeft:n.pageXOffset,scrollTop:n.pageYOffset}}function Ah(t){return t instanceof Oh(t).Element||t instanceof Element}function Th(t){return t instanceof Oh(t).HTMLElement||t instanceof HTMLElement}function Ih(t){return"undefined"!=typeof ShadowRoot&&(t instanceof Oh(t).ShadowRoot||t instanceof ShadowRoot)}function Ch(t){return t?(t.nodeName||"").toLowerCase():null}function jh(t){return((Ah(t)?t.ownerDocument:t.document)||window.document).documentElement}function Fh(t){return Mh(jh(t)).left+Eh(t).scrollLeft}function Nh(t){return Oh(t).getComputedStyle(t)}function Bh(t){var n=Nh(t);return/auto|scroll|overlay|hidden/.test(n.overflow+n.overflowY+n.overflowX)}function Dh(t,n,e){void 0===e&&(e=!1);var r,o,i=jh(n),s=Mh(t),a=Th(n),l={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(a||!a&&!e)&&(("body"!==Ch(n)||Bh(i))&&(l=(r=n)!==Oh(r)&&Th(r)?{scrollLeft:(o=r).scrollLeft,scrollTop:o.scrollTop}:Eh(r)),Th(n)?((c=Mh(n)).x+=n.clientLeft,c.y+=n.clientTop):i&&(c.x=Fh(i))),{x:s.left+l.scrollLeft-c.x,y:s.top+l.scrollTop-c.y,width:s.width,height:s.height}}function Uh(t){return{x:t.offsetLeft,y:t.offsetTop,width:t.offsetWidth,height:t.offsetHeight}}function Rh(t){return"html"===Ch(t)?t:t.assignedSlot||t.parentNode||(Ih(t)?t.host:null)||jh(t)}function Lh(t){return["html","body","#document"].indexOf(Ch(t))>=0?t.ownerDocument.body:Th(t)&&Bh(t)?t:Lh(Rh(t))}function qh(t,n){var e;void 0===n&&(n=[]);var r=Lh(t),o=r===(null==(e=t.ownerDocument)?void 0:e.body),i=Oh(r),s=o?[i].concat(i.visualViewport||[],Bh(r)?r:[]):r,a=n.concat(s);return o?a:a.concat(qh(Rh(s)))}function Ph(t){return["table","td","th"].indexOf(Ch(t))>=0}function Gh(t){return Th(t)&&"fixed"!==Nh(t).position?t.offsetParent:null}function Hh(t){for(var n=Oh(t),e=Gh(t);e&&Ph(e)&&"static"===Nh(e).position;)e=Gh(e);return e&&("html"===Ch(e)||"body"===Ch(e)&&"static"===Nh(e).position)?n:e||function(t){for(var n=navigator.userAgent.toLowerCase().includes("firefox"),e=Rh(t);Th(e)&&["html","body"].indexOf(Ch(e))<0;){var r=Nh(e);if("none"!==r.transform||"none"!==r.perspective||"paint"===r.contain||["transform","perspective"].includes(r.willChange)||n&&"filter"===r.willChange||n&&r.filter&&"none"!==r.filter)return e;e=e.parentNode}return null}(t)||n}var Vh="top",Yh="bottom",Kh="right",Xh="left",Wh=[Vh,Yh,Kh,Xh],Zh=Wh.reduce((function(t,n){return t.concat([n+"-start",n+"-end"])}),[]),Jh=[].concat(Wh,["auto"]).reduce((function(t,n){return t.concat([n,n+"-start",n+"-end"])}),[]),Qh=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function tf(t){var n=new Map,e=new Set,r=[];function o(t){e.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!e.has(t)){var r=n.get(t);r&&o(r)}})),r.push(t)}return t.forEach((function(t){n.set(t.name,t)})),t.forEach((function(t){e.has(t.name)||o(t)})),r}function nf(t){return t.split("-")[0]}var ef=Math.max,rf=Math.min,of=Math.round;function sf(t,n){var e=n.getRootNode&&n.getRootNode();if(t.contains(n))return!0;if(e&&Ih(e)){var r=n;do{if(r&&t.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}function af(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function lf(t,n){return"viewport"===n?af(function(t){var n=Oh(t),e=jh(t),r=n.visualViewport,o=e.clientWidth,i=e.clientHeight,s=0,a=0;return r&&(o=r.width,i=r.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(s=r.offsetLeft,a=r.offsetTop)),{width:o,height:i,x:s+Fh(t),y:a}}(t)):Th(n)?function(t){var n=Mh(t);return n.top=n.top+t.clientTop,n.left=n.left+t.clientLeft,n.bottom=n.top+t.clientHeight,n.right=n.left+t.clientWidth,n.width=t.clientWidth,n.height=t.clientHeight,n.x=n.left,n.y=n.top,n}(n):af(function(t){var n,e=jh(t),r=Eh(t),o=null==(n=t.ownerDocument)?void 0:n.body,i=ef(e.scrollWidth,e.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),s=ef(e.scrollHeight,e.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),a=-r.scrollLeft+Fh(t),l=-r.scrollTop;return"rtl"===Nh(o||e).direction&&(a+=ef(e.clientWidth,o?o.clientWidth:0)-i),{width:i,height:s,x:a,y:l}}(jh(t)))}function cf(t){return t.split("-")[1]}function uf(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function hf(t){var n,e=t.reference,r=t.element,o=t.placement,i=o?nf(o):null,s=o?cf(o):null,a=e.x+e.width/2-r.width/2,l=e.y+e.height/2-r.height/2;switch(i){case Vh:n={x:a,y:e.y-r.height};break;case Yh:n={x:a,y:e.y+e.height};break;case Kh:n={x:e.x+e.width,y:l};break;case Xh:n={x:e.x-r.width,y:l};break;default:n={x:e.x,y:e.y}}var c=i?uf(i):null;if(null!=c){var u="y"===c?"height":"width";switch(s){case"start":n[c]=n[c]-(e[u]/2-r[u]/2);break;case"end":n[c]=n[c]+(e[u]/2-r[u]/2)}}return n}function ff(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function df(t,n){return n.reduce((function(n,e){return n[e]=t,n}),{})}function pf(t,n){void 0===n&&(n={});var e=n.placement,r=void 0===e?t.placement:e,o=n.boundary,i=void 0===o?"clippingParents":o,s=n.rootBoundary,a=void 0===s?"viewport":s,l=n.elementContext,c=void 0===l?"popper":l,u=n.altBoundary,h=void 0!==u&&u,f=n.padding,d=void 0===f?0:f,p=ff("number"!=typeof d?d:df(d,Wh)),m=t.elements.reference,g=t.rects.popper,b=t.elements[h?"popper"===c?"reference":"popper":c],v=function(t,n,e){var r="clippingParents"===n?function(t){var n=qh(Rh(t)),e=["absolute","fixed"].indexOf(Nh(t).position)>=0&&Th(t)?Hh(t):t;return Ah(e)?n.filter((function(t){return Ah(t)&&sf(t,e)&&"body"!==Ch(t)})):[]}(t):[].concat(n),o=[].concat(r,[e]),i=o.reduce((function(n,e){var r=lf(t,e);return n.top=ef(r.top,n.top),n.right=rf(r.right,n.right),n.bottom=rf(r.bottom,n.bottom),n.left=ef(r.left,n.left),n}),lf(t,o[0]));return i.width=i.right-i.left,i.height=i.bottom-i.top,i.x=i.left,i.y=i.top,i}(Ah(b)?b:b.contextElement||jh(t.elements.popper),i,a),y=Mh(m),w=hf({reference:y,element:g,strategy:"absolute",placement:r}),x=af(Object.assign({},g,w)),_="popper"===c?x:y,k={top:v.top-_.top+p.top,bottom:_.bottom-v.bottom+p.bottom,left:v.left-_.left+p.left,right:_.right-v.right+p.right},z=t.modifiersData.offset;if("popper"===c&&z){var $=z[r];Object.keys(k).forEach((function(t){var n=[Kh,Yh].indexOf(t)>=0?1:-1,e=[Vh,Yh].indexOf(t)>=0?"y":"x";k[t]+=$[e]*n}))}return k}var mf={placement:"bottom",modifiers:[],strategy:"absolute"};function gf(){for(var t=arguments.length,n=new Array(t),e=0;e<t;e++)n[e]=arguments[e];return!n.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function bf(t){void 0===t&&(t={});var n=t.defaultModifiers,e=void 0===n?[]:n,r=t.defaultOptions,o=void 0===r?mf:r;return function(t,n,r){void 0===r&&(r=o);var i,s,a={placement:"bottom",orderedModifiers:[],options:Object.assign({},mf,o),modifiersData:{},elements:{reference:t,popper:n},attributes:{},styles:{}},l=[],c=!1,u={state:a,setOptions:function(r){h(),a.options=Object.assign({},o,a.options,r),a.scrollParents={reference:Ah(t)?qh(t):t.contextElement?qh(t.contextElement):[],popper:qh(n)};var i,s,c=function(t){var n=tf(t);return Qh.reduce((function(t,e){return t.concat(n.filter((function(t){return t.phase===e})))}),[])}((i=[].concat(e,a.options.modifiers),s=i.reduce((function(t,n){var e=t[n.name];return t[n.name]=e?Object.assign({},e,n,{options:Object.assign({},e.options,n.options),data:Object.assign({},e.data,n.data)}):n,t}),{}),Object.keys(s).map((function(t){return s[t]}))));return a.orderedModifiers=c.filter((function(t){return t.enabled})),a.orderedModifiers.forEach((function(t){var n=t.options,e=t.effect;if("function"==typeof e){var r=e({state:a,name:t.name,instance:u,options:void 0===n?{}:n});l.push(r||function(){})}})),u.update()},forceUpdate:function(){if(!c){var t=a.elements,n=t.reference,e=t.popper;if(gf(n,e)){a.rects={reference:Dh(n,Hh(e),"fixed"===a.options.strategy),popper:Uh(e)},a.reset=!1,a.placement=a.options.placement,a.orderedModifiers.forEach((function(t){return a.modifiersData[t.name]=Object.assign({},t.data)}));for(var r=0;r<a.orderedModifiers.length;r++)if(!0!==a.reset){var o=a.orderedModifiers[r],i=o.fn,s=o.options;"function"==typeof i&&(a=i({state:a,options:void 0===s?{}:s,name:o.name,instance:u})||a)}else a.reset=!1,r=-1}}},update:(i=function(){return new Promise((function(t){u.forceUpdate(),t(a)}))},function(){return s||(s=new Promise((function(t){Promise.resolve().then((function(){s=void 0,t(i())}))}))),s}),destroy:function(){h(),c=!0}};if(!gf(t,n))return u;function h(){l.forEach((function(t){return t()})),l=[]}return u.setOptions(r).then((function(t){!c&&r.onFirstUpdate&&r.onFirstUpdate(t)})),u}}function vf(t,n,e){return ef(t,rf(n,e))}var yf={top:"auto",right:"auto",bottom:"auto",left:"auto"};function wf(t){var n,e=t.popper,r=t.popperRect,o=t.placement,i=t.offsets,s=t.position,a=t.gpuAcceleration,l=t.adaptive,c=t.roundOffsets,u=!0===c?function(t){var n=t.y,e=window.devicePixelRatio||1;return{x:of(of(t.x*e)/e)||0,y:of(of(n*e)/e)||0}}(i):"function"==typeof c?c(i):i,h=u.x,f=void 0===h?0:h,d=u.y,p=void 0===d?0:d,m=i.hasOwnProperty("x"),g=i.hasOwnProperty("y"),b=Xh,v=Vh,y=window;if(l){var w=Hh(e),x="clientHeight",_="clientWidth";w===Oh(e)&&"static"!==Nh(w=jh(e)).position&&(x="scrollHeight",_="scrollWidth"),o===Vh&&(v=Yh,p-=w[x]-r.height,p*=a?1:-1),o===Xh&&(b=Kh,f-=w[_]-r.width,f*=a?1:-1)}var k,z=Object.assign({position:s},l&&yf);return Object.assign({},z,a?((k={})[v]=g?"0":"",k[b]=m?"0":"",k.transform=(y.devicePixelRatio||1)<2?"translate("+f+"px, "+p+"px)":"translate3d("+f+"px, "+p+"px, 0)",k):((n={})[v]=g?p+"px":"",n[b]=m?f+"px":"",n.transform="",n))}var xf={passive:!0},_f={left:"right",right:"left",bottom:"top",top:"bottom"};function kf(t){return t.replace(/left|right|bottom|top/g,(function(t){return _f[t]}))}var zf={start:"end",end:"start"};function $f(t){return t.replace(/start|end/g,(function(t){return zf[t]}))}function Sf(t,n,e){return void 0===e&&(e={x:0,y:0}),{top:t.top-n.height-e.y,right:t.right-n.width+e.x,bottom:t.bottom-n.height+e.y,left:t.left-n.width-e.x}}function Mf(t){return[Vh,Kh,Yh,Xh].some((function(n){return t[n]>=0}))}var Of=bf({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var n=t.state,e=t.instance,r=t.options,o=r.scroll,i=void 0===o||o,s=r.resize,a=void 0===s||s,l=Oh(n.elements.popper),c=[].concat(n.scrollParents.reference,n.scrollParents.popper);return i&&c.forEach((function(t){t.addEventListener("scroll",e.update,xf)})),a&&l.addEventListener("resize",e.update,xf),function(){i&&c.forEach((function(t){t.removeEventListener("scroll",e.update,xf)})),a&&l.removeEventListener("resize",e.update,xf)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var n=t.state;n.modifiersData[t.name]=hf({reference:n.rects.reference,element:n.rects.popper,strategy:"absolute",placement:n.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var n=t.state,e=t.options,r=e.gpuAcceleration,o=void 0===r||r,i=e.adaptive,s=void 0===i||i,a=e.roundOffsets,l=void 0===a||a,c={placement:nf(n.placement),popper:n.elements.popper,popperRect:n.rects.popper,gpuAcceleration:o};null!=n.modifiersData.popperOffsets&&(n.styles.popper=Object.assign({},n.styles.popper,wf(Object.assign({},c,{offsets:n.modifiersData.popperOffsets,position:n.options.strategy,adaptive:s,roundOffsets:l})))),null!=n.modifiersData.arrow&&(n.styles.arrow=Object.assign({},n.styles.arrow,wf(Object.assign({},c,{offsets:n.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:l})))),n.attributes.popper=Object.assign({},n.attributes.popper,{"data-popper-placement":n.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var n=t.state;Object.keys(n.elements).forEach((function(t){var e=n.styles[t]||{},r=n.attributes[t]||{},o=n.elements[t];Th(o)&&Ch(o)&&(Object.assign(o.style,e),Object.keys(r).forEach((function(t){var n=r[t];!1===n?o.removeAttribute(t):o.setAttribute(t,!0===n?"":n)})))}))},effect:function(t){var n=t.state,e={popper:{position:n.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(n.elements.popper.style,e.popper),n.styles=e,n.elements.arrow&&Object.assign(n.elements.arrow.style,e.arrow),function(){Object.keys(n.elements).forEach((function(t){var r=n.elements[t],o=n.attributes[t]||{},i=Object.keys(n.styles.hasOwnProperty(t)?n.styles[t]:e[t]).reduce((function(t,n){return t[n]="",t}),{});Th(r)&&Ch(r)&&(Object.assign(r.style,i),Object.keys(o).forEach((function(t){r.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var n=t.state,e=t.name,r=t.options.offset,o=void 0===r?[0,0]:r,i=Jh.reduce((function(t,e){return t[e]=function(t,n,e){var r=nf(t),o=[Xh,Vh].indexOf(r)>=0?-1:1,i="function"==typeof e?e(Object.assign({},n,{placement:t})):e,s=i[0],a=i[1];return s=s||0,a=(a||0)*o,[Xh,Kh].indexOf(r)>=0?{x:a,y:s}:{x:s,y:a}}(e,n.rects,o),t}),{}),s=i[n.placement],a=s.y;null!=n.modifiersData.popperOffsets&&(n.modifiersData.popperOffsets.x+=s.x,n.modifiersData.popperOffsets.y+=a),n.modifiersData[e]=i}},{name:"flip",enabled:!0,phase:"main",fn:function(t){var n=t.state,e=t.options,r=t.name;if(!n.modifiersData[r]._skip){for(var o=e.mainAxis,i=void 0===o||o,s=e.altAxis,a=void 0===s||s,l=e.fallbackPlacements,c=e.padding,u=e.boundary,h=e.rootBoundary,f=e.altBoundary,d=e.flipVariations,p=void 0===d||d,m=e.allowedAutoPlacements,g=n.options.placement,b=nf(g),v=l||(b!==g&&p?function(t){if("auto"===nf(t))return[];var n=kf(t);return[$f(t),n,$f(n)]}(g):[kf(g)]),y=[g].concat(v).reduce((function(t,e){return t.concat("auto"===nf(e)?function(t,n){void 0===n&&(n={});var e=n.boundary,r=n.rootBoundary,o=n.padding,i=n.flipVariations,s=n.allowedAutoPlacements,a=void 0===s?Jh:s,l=cf(n.placement),c=l?i?Zh:Zh.filter((function(t){return cf(t)===l})):Wh,u=c.filter((function(t){return a.indexOf(t)>=0}));0===u.length&&(u=c);var h=u.reduce((function(n,i){return n[i]=pf(t,{placement:i,boundary:e,rootBoundary:r,padding:o})[nf(i)],n}),{});return Object.keys(h).sort((function(t,n){return h[t]-h[n]}))}(n,{placement:e,boundary:u,rootBoundary:h,padding:c,flipVariations:p,allowedAutoPlacements:m}):e)}),[]),w=n.rects.reference,x=n.rects.popper,_=new Map,k=!0,z=y[0],$=0;$<y.length;$++){var S=y[$],M=nf(S),O="start"===cf(S),E=[Vh,Yh].indexOf(M)>=0,A=E?"width":"height",T=pf(n,{placement:S,boundary:u,rootBoundary:h,altBoundary:f,padding:c}),I=E?O?Kh:Xh:O?Yh:Vh;w[A]>x[A]&&(I=kf(I));var C=kf(I),j=[];if(i&&j.push(T[M]<=0),a&&j.push(T[I]<=0,T[C]<=0),j.every((function(t){return t}))){z=S,k=!1;break}_.set(S,j)}if(k)for(var F=function(t){var n=y.find((function(n){var e=_.get(n);if(e)return e.slice(0,t).every((function(t){return t}))}));if(n)return z=n,"break"},N=p?3:1;N>0&&"break"!==F(N);N--);n.placement!==z&&(n.modifiersData[r]._skip=!0,n.placement=z,n.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}},{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var n=t.state,e=t.options,r=t.name,o=e.mainAxis,i=void 0===o||o,s=e.altAxis,a=void 0!==s&&s,l=e.tether,c=void 0===l||l,u=e.tetherOffset,h=void 0===u?0:u,f=pf(n,{boundary:e.boundary,rootBoundary:e.rootBoundary,padding:e.padding,altBoundary:e.altBoundary}),d=nf(n.placement),p=cf(n.placement),m=!p,g=uf(d),b="x"===g?"y":"x",v=n.modifiersData.popperOffsets,y=n.rects.reference,w=n.rects.popper,x="function"==typeof h?h(Object.assign({},n.rects,{placement:n.placement})):h,_={x:0,y:0};if(v){if(i||a){var k="y"===g?Vh:Xh,z="y"===g?Yh:Kh,$="y"===g?"height":"width",S=v[g],M=v[g]+f[k],O=v[g]-f[z],E=c?-w[$]/2:0,A="start"===p?y[$]:w[$],T="start"===p?-w[$]:-y[$],I=n.elements.arrow,C=c&&I?Uh(I):{width:0,height:0},j=n.modifiersData["arrow#persistent"]?n.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},F=j[k],N=j[z],B=vf(0,y[$],C[$]),D=m?y[$]/2-E-B-F-x:A-B-F-x,U=m?-y[$]/2+E+B+N+x:T+B+N+x,R=n.elements.arrow&&Hh(n.elements.arrow),L=n.modifiersData.offset?n.modifiersData.offset[n.placement][g]:0,q=v[g]+D-L-(R?"y"===g?R.clientTop||0:R.clientLeft||0:0),P=v[g]+U-L;if(i){var G=vf(c?rf(M,q):M,S,c?ef(O,P):O);v[g]=G,_[g]=G-S}if(a){var H=v[b],V=H+f["x"===g?Vh:Xh],Y=H-f["x"===g?Yh:Kh],K=vf(c?rf(V,q):V,H,c?ef(Y,P):Y);v[b]=K,_[b]=K-H}}n.modifiersData[r]=_}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var n,e=t.state,r=t.name,o=t.options,i=e.elements.arrow,s=e.modifiersData.popperOffsets,a=nf(e.placement),l=uf(a),c=[Xh,Kh].indexOf(a)>=0?"height":"width";if(i&&s){var u=function(t,n){return ff("number"!=typeof(t="function"==typeof t?t(Object.assign({},n.rects,{placement:n.placement})):t)?t:df(t,Wh))}(o.padding,e),h=Uh(i),f="y"===l?Vh:Xh,d="y"===l?Yh:Kh,p=e.rects.reference[c]+e.rects.reference[l]-s[l]-e.rects.popper[c],m=s[l]-e.rects.reference[l],g=Hh(i),b=g?"y"===l?g.clientHeight||0:g.clientWidth||0:0,v=b/2-h[c]/2+(p/2-m/2),y=vf(u[f],v,b-h[c]-u[d]);e.modifiersData[r]=((n={})[l]=y,n.centerOffset=y-v,n)}},effect:function(t){var n=t.state,e=t.options.element,r=void 0===e?"[data-popper-arrow]":e;null!=r&&("string"!=typeof r||(r=n.elements.popper.querySelector(r)))&&sf(n.elements.popper,r)&&(n.elements.arrow=r)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var n=t.state,e=t.name,r=n.rects.reference,o=n.rects.popper,i=n.modifiersData.preventOverflow,s=pf(n,{elementContext:"reference"}),a=pf(n,{altBoundary:!0}),l=Sf(s,r),c=Sf(a,o,i),u=Mf(l),h=Mf(c);n.modifiersData[e]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:u,hasPopperEscaped:h},n.attributes.popper=Object.assign({},n.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":h})}}]}),Ef=class{constructor(t,n,e){this.handleTransitionEnd=this.handleTransitionEnd.bind(this),this.anchor=t,this.sl_popover=n,this.options=Object.assign({skidding:0,distance:0,placement:"bottom-start",strategy:"absolute",transitionElement:this.sl_popover,visibleClass:"sl_popover-visible",onAfterShow:()=>{},onAfterHide:()=>{},onTransitionEnd:()=>{}},e),this.isVisible=!1,this.sl_popover.hidden=!0,this.sl_popover.classList.remove(this.options.visibleClass),this.sl_popover.addEventListener("transitionend",this.handleTransitionEnd)}handleTransitionEnd(t){t.target===this.options.transitionElement&&(this.options.onTransitionEnd.call(this,t),this.isVisible||this.sl_popover.hidden||(this.sl_popover.hidden=!0,this.sl_popover.classList.remove(this.options.visibleClass),this.options.onAfterHide.call(this)))}destroy(){this.sl_popover.removeEventListener("transitionend",this.handleTransitionEnd),this.popper&&this.popper.destroy()}show(){this.isVisible=!0,this.sl_popover.hidden=!1,requestAnimationFrame((()=>this.sl_popover.classList.add(this.options.visibleClass))),this.popper&&this.popper.destroy(),this.popper=Of(this.anchor,this.sl_popover,{placement:this.options.placement,strategy:this.options.strategy,modifiers:[{name:"flip",options:{boundary:"viewport"}},{name:"offset",options:{offset:[this.options.skidding,this.options.distance]}}]}),this.sl_popover.addEventListener("transitionend",(()=>this.options.onAfterShow.call(this)),{once:!0}),requestAnimationFrame((()=>this.popper.update()))}hide(){this.isVisible=!1,this.sl_popover.classList.remove(this.options.visibleClass)}reposition(){this.popper.update()}setOptions(t){this.options=Object.assign(this.options,t),this.isVisible?this.sl_popover.classList.add(this.options.visibleClass):this.sl_popover.classList.remove(this.options.visibleClass),this.popper&&(this.popper.setOptions({placement:this.options.placement,strategy:this.options.strategy}),requestAnimationFrame((()=>this.popper.update())))}},Af=0,Tf=class extends ih{constructor(){super(...arguments),this.componentId="tooltip-"+ ++Af,this.isVisible=!1,this.content="",this.placement="top",this.disabled=!1,this.distance=10,this.open=!1,this.skidding=0,this.trigger="hover focus"}firstUpdated(){this.target=this.getTarget(),this.sl_popover=new Ef(this.target,this.positioner),this.syncOptions(),this.addEventListener("blur",this.handleBlur.bind(this),!0),this.addEventListener("click",this.handleClick.bind(this),!0),this.addEventListener("focus",this.handleFocus.bind(this),!0),this.addEventListener("keydown",this.handleKeyDown.bind(this),!0),this.addEventListener("mouseover",this.handleMouseOver.bind(this),!0),this.addEventListener("mouseout",this.handleMouseOut.bind(this),!0),this.positioner.hidden=!this.open,this.open&&this.show()}disconnectedCallback(){super.disconnectedCallback(),this.sl_popover.destroy(),this.removeEventListener("blur",this.handleBlur,!0),this.removeEventListener("click",this.handleClick,!0),this.removeEventListener("focus",this.handleFocus,!0)}show(){this.isVisible||(this.slShow.emit().defaultPrevented?this.open=!1:(this.isVisible=!0,this.open=!0,this.sl_popover.show()))}hide(){this.isVisible&&(this.slHide.emit().defaultPrevented?this.open=!0:(this.isVisible=!1,this.open=!1,this.sl_popover.hide()))}getTarget(){const t=[...this.children].find((t=>"style"!==t.tagName.toLowerCase()&&"content"!==t.getAttribute("slot")));if(!t)throw new Error("Invalid tooltip target: no child element was found.");return t}handleBlur(){this.hasTrigger("focus")&&this.hide()}handleClick(){this.hasTrigger("click")&&(this.open?this.hide():this.show())}handleFocus(){this.hasTrigger("focus")&&this.show()}handleKeyDown(t){this.open&&"Escape"===t.key&&(t.stopPropagation(),this.hide())}handleMouseOver(){this.hasTrigger("hover")&&this.show()}handleMouseOut(){this.hasTrigger("hover")&&this.hide()}handleOpenChange(){this.open?this.show():this.hide()}handleOptionsChange(){this.syncOptions()}handleSlotChange(){const t=this.target,n=this.getTarget();n!==t&&(t&&t.removeAttribute("aria-describedby"),n.setAttribute("aria-describedby",this.componentId))}hasTrigger(t){return this.trigger.split(" ").includes(t)}syncOptions(){this.sl_popover&&this.sl_popover.setOptions({placement:this.placement,distance:this.distance,skidding:this.skidding,transitionElement:this.tooltip,onAfterHide:()=>this.slAfterHide.emit(),onAfterShow:()=>this.slAfterShow.emit()})}render(){return uh`
178
178
  <slot @slotchange=${this.handleSlotChange.bind(this)}></slot>
179
179
 
180
180
  ${this.disabled?"":uh`
@@ -190,7 +190,7 @@ var nh=window.ShadowRoot&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShado
190
190
  </div>
191
191
  </div>
192
192
  `}
193
- `}};Tf.styles=rh(':host {\n position: relative;\n box-sizing: border-box;\n}\n:host *, :host *:before, :host *:after {\n box-sizing: inherit;\n}\n\n/**\n * @prop --hide-delay: The amount of time to wait before hiding the tooltip.\n * @prop --hide-duration: The amount of time the hide transition takes to complete.\n * @prop --hide-timing-function: The timing function (easing) to use for the hide transition.\n * @prop --max-width: The maximum width of the tooltip.\n * @prop --show-delay: The amount of time to wait before showing the tooltip.\n * @prop --show-duration: The amount of time the show transition takes to complete.\n * @prop --show-timing-function: The timing function (easing) to use for the show transition.\n */\n:host {\n --max-width: 20rem;\n --hide-delay: 0s;\n --hide-duration: 0.125s;\n --hide-timing-function: ease;\n --show-delay: 0.125s;\n --show-duration: 0.125s;\n --show-timing-function: ease;\n display: contents;\n}\n\n.tooltip-positioner {\n position: absolute;\n z-index: var(--sl-z-index-tooltip);\n pointer-events: none;\n}\n\n.tooltip {\n max-width: var(--max-width);\n border-radius: var(--sl-tooltip-border-radius);\n background-color: var(--sl-tooltip-background-color);\n font-family: var(--sl-tooltip-font-family);\n font-size: var(--sl-tooltip-font-size);\n font-weight: var(--sl-tooltip-font-weight);\n line-height: var(--sl-tooltip-line-height);\n color: var(--sl-tooltip-color);\n opacity: 0;\n padding: var(--sl-tooltip-padding);\n transform: scale(0.8);\n transform-origin: bottom;\n transition-property: opacity, transform;\n transition-delay: var(--hide-delay);\n transition-duration: var(--hide-duration);\n transition-timing-function: var(--hide-timing-function);\n}\n.tooltip:after {\n content: "";\n position: absolute;\n width: 0;\n height: 0;\n}\n\n.tooltip-positioner[data-popper-placement^=top] .tooltip {\n transform-origin: bottom;\n}\n.tooltip-positioner[data-popper-placement^=bottom] .tooltip {\n transform-origin: top;\n}\n.tooltip-positioner[data-popper-placement^=left] .tooltip {\n transform-origin: right;\n}\n.tooltip-positioner[data-popper-placement^=right] .tooltip {\n transform-origin: left;\n}\n.tooltip-positioner.popover-visible .tooltip {\n opacity: 1;\n transform: none;\n transition-delay: var(--show-delay);\n transition-duration: var(--show-duration);\n transition-timing-function: var(--show-timing-function);\n}\n\n.tooltip-positioner[data-popper-placement^=bottom] .tooltip:after {\n bottom: 100%;\n left: calc(50% - var(--sl-tooltip-arrow-size));\n border-bottom: var(--sl-tooltip-arrow-size) solid var(--sl-tooltip-background-color);\n border-left: var(--sl-tooltip-arrow-size) solid transparent;\n border-right: var(--sl-tooltip-arrow-size) solid transparent;\n}\n\n.tooltip-positioner[data-popper-placement=bottom-start] .tooltip:after {\n left: var(--sl-tooltip-arrow-start-end-offset);\n}\n\n.tooltip-positioner[data-popper-placement=bottom-end] .tooltip:after {\n right: var(--sl-tooltip-arrow-start-end-offset);\n left: auto;\n}\n\n.tooltip-positioner[data-popper-placement^=top] .tooltip:after {\n top: 100%;\n left: calc(50% - var(--sl-tooltip-arrow-size));\n border-top: var(--sl-tooltip-arrow-size) solid var(--sl-tooltip-background-color);\n border-left: var(--sl-tooltip-arrow-size) solid transparent;\n border-right: var(--sl-tooltip-arrow-size) solid transparent;\n}\n\n.tooltip-positioner[data-popper-placement=top-start] .tooltip:after {\n left: var(--sl-tooltip-arrow-start-end-offset);\n}\n\n.tooltip-positioner[data-popper-placement=top-end] .tooltip:after {\n right: var(--sl-tooltip-arrow-start-end-offset);\n left: auto;\n}\n\n.tooltip-positioner[data-popper-placement^=left] .tooltip:after {\n top: calc(50% - var(--sl-tooltip-arrow-size));\n left: 100%;\n border-left: var(--sl-tooltip-arrow-size) solid var(--sl-tooltip-background-color);\n border-top: var(--sl-tooltip-arrow-size) solid transparent;\n border-bottom: var(--sl-tooltip-arrow-size) solid transparent;\n}\n\n.tooltip-positioner[data-popper-placement=left-start] .tooltip:after {\n top: var(--sl-tooltip-arrow-start-end-offset);\n}\n\n.tooltip-positioner[data-popper-placement=left-end] .tooltip:after {\n top: auto;\n bottom: var(--sl-tooltip-arrow-start-end-offset);\n}\n\n.tooltip-positioner[data-popper-placement^=right] .tooltip:after {\n top: calc(50% - var(--sl-tooltip-arrow-size));\n right: 100%;\n border-right: var(--sl-tooltip-arrow-size) solid var(--sl-tooltip-background-color);\n border-top: var(--sl-tooltip-arrow-size) solid transparent;\n border-bottom: var(--sl-tooltip-arrow-size) solid transparent;\n}\n\n.tooltip-positioner[data-popper-placement=right-start] .tooltip:after {\n top: var(--sl-tooltip-arrow-start-end-offset);\n}\n\n.tooltip-positioner[data-popper-placement=right-end] .tooltip:after {\n top: auto;\n bottom: var(--sl-tooltip-arrow-start-end-offset);\n}'),cu([gh(".tooltip-positioner")],Tf.prototype,"positioner",2),cu([gh(".tooltip")],Tf.prototype,"tooltip",2),cu([_h()],Tf.prototype,"content",2),cu([_h()],Tf.prototype,"placement",2),cu([_h({type:Boolean,reflect:!0})],Tf.prototype,"disabled",2),cu([_h({type:Number})],Tf.prototype,"distance",2),cu([_h({type:Boolean,reflect:!0})],Tf.prototype,"open",2),cu([_h({type:Number})],Tf.prototype,"skidding",2),cu([_h()],Tf.prototype,"trigger",2),cu([yh("sl-show")],Tf.prototype,"slShow",2),cu([yh("sl-after-show")],Tf.prototype,"slAfterShow",2),cu([yh("sl-hide")],Tf.prototype,"slHide",2),cu([yh("sl-after-hide")],Tf.prototype,"slAfterHide",2),cu([bh("open")],Tf.prototype,"handleOpenChange",1),cu([bh("placement"),bh("disabled"),bh("distance"),bh("skidding")],Tf.prototype,"handleOptionsChange",1);var If=Tf=cu([sh("sl-tooltip")],Tf);function Cf(t){const n=t?t.assignedNodes({flatten:!0}):[];let e="";return[...n].map((t=>{t.nodeType===Node.TEXT_NODE&&(e+=t.textContent)})),e}var jf=0,Ff=class extends ih{constructor(){super(...arguments),this.helpTextId=`select-help-text-${jf}`,this.inputId="select-"+ ++jf,this.labelId=`select-label-${jf}`,this.hasFocus=!1,this.hasHelpTextSlot=!1,this.hasLabelSlot=!1,this.isOpen=!1,this.displayLabel="",this.displayTags=[],this.multiple=!1,this.maxTagsVisible=3,this.disabled=!1,this.name="",this.placeholder="",this.size="medium",this.hoist=!1,this.value="",this.pill=!1,this.required=!1,this.clearable=!1,this.invalid=!1}connectedCallback(){super.connectedCallback(),this.handleSlotChange=this.handleSlotChange.bind(this),this.shadowRoot.addEventListener("slotchange",this.handleSlotChange),this.handleSlotChange()}firstUpdated(){this.resizeObserver=new ResizeObserver((()=>this.resizeMenu())),requestAnimationFrame((()=>this.syncItemsFromValue()))}disconnectedCallback(){super.disconnectedCallback(),this.shadowRoot.removeEventListener("slotchange",this.handleSlotChange)}reportValidity(){return this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.invalid=!this.input.checkValidity()}getItemLabel(t){return Cf(t.shadowRoot.querySelector("slot:not([name])"))}getItems(){return[...this.querySelectorAll("sl-menu-item")]}getValueAsArray(){return Array.isArray(this.value)?this.value:[this.value]}handleBlur(){this.hasFocus=!1,this.slBlur.emit()}handleClearClick(t){t.stopPropagation(),this.value=this.multiple?[]:"",this.syncItemsFromValue()}handleDisabledChange(){this.disabled&&this.isOpen&&this.dropdown.hide()}handleFocus(){this.hasFocus=!0,this.slFocus.emit()}handleKeyDown(t){const n=t.target,e=this.getItems(),r=e[0],o=e[e.length-1];if("sl-tag"!==n.tagName.toLowerCase())if("Tab"!==t.key){if(["ArrowDown","ArrowUp"].includes(t.key)){if(t.preventDefault(),this.isOpen||this.dropdown.show(),"ArrowDown"===t.key&&r)return void r.setFocus();if("ArrowUp"===t.key&&o)return void o.setFocus()}this.isOpen||(t.stopPropagation(),t.preventDefault(),this.dropdown.show(),this.menu.typeToSelect(t.key))}else this.isOpen&&this.dropdown.hide()}handleLabelClick(){var t;(null==(t=this.shadowRoot)?void 0:t.querySelector(".select__box")).focus()}handleMenuSelect(t){const n=t.detail.item;this.value=this.multiple?this.value.includes(n.value)?this.value.filter((t=>t!==n.value)):[...this.value,n.value]:n.value,this.syncItemsFromValue()}handleMenuShow(t){this.disabled?t.preventDefault():(this.resizeMenu(),this.resizeObserver.observe(this),this.isOpen=!0)}handleMenuHide(){this.resizeObserver.unobserve(this),this.isOpen=!1}handleMultipleChange(){const t=this.getValueAsArray();this.value=this.multiple?t:t[0]||"",this.syncItemsFromValue()}handleSlotChange(){this.hasHelpTextSlot=vh(this,"help-text"),this.hasLabelSlot=vh(this,"label"),this.syncItemsFromValue()}handleTagInteraction(t){t.composedPath().find((t=>t instanceof HTMLElement&&t.classList.contains("tag__clear")))&&t.stopPropagation()}handleValueChange(){this.syncItemsFromValue(),this.slChange.emit()}resizeMenu(){var t;const n=null==(t=this.shadowRoot)?void 0:t.querySelector(".select__box");this.menu.style.width=`${n.clientWidth}px`,this.dropdown&&this.dropdown.reposition()}syncItemsFromValue(){const t=this.getItems(),n=this.getValueAsArray();if(t.map((t=>t.checked=n.includes(t.value))),this.multiple){const e=[];if(n.map((n=>t.map((t=>t.value===n?e.push(t):null)))),this.displayTags=e.map((t=>uh`
193
+ `}};Tf.styles=rh(':host {\n position: relative;\n box-sizing: border-box;\n}\n:host *, :host *:before, :host *:after {\n box-sizing: inherit;\n}\n\n/**\n * @prop --hide-delay: The amount of time to wait before hiding the tooltip.\n * @prop --hide-duration: The amount of time the hide transition takes to complete.\n * @prop --hide-timing-function: The timing function (easing) to use for the hide transition.\n * @prop --max-width: The maximum width of the tooltip.\n * @prop --show-delay: The amount of time to wait before showing the tooltip.\n * @prop --show-duration: The amount of time the show transition takes to complete.\n * @prop --show-timing-function: The timing function (easing) to use for the show transition.\n */\n:host {\n --max-width: 20rem;\n --hide-delay: 0s;\n --hide-duration: 0.125s;\n --hide-timing-function: ease;\n --show-delay: 0.125s;\n --show-duration: 0.125s;\n --show-timing-function: ease;\n display: contents;\n}\n\n.tooltip-positioner {\n position: absolute;\n z-index: var(--sl-z-index-tooltip);\n pointer-events: none;\n}\n\n.tooltip {\n max-width: var(--max-width);\n border-radius: var(--sl-tooltip-border-radius);\n background-color: var(--sl-tooltip-background-color);\n font-family: var(--sl-tooltip-font-family);\n font-size: var(--sl-tooltip-font-size);\n font-weight: var(--sl-tooltip-font-weight);\n line-height: var(--sl-tooltip-line-height);\n color: var(--sl-tooltip-color);\n opacity: 0;\n padding: var(--sl-tooltip-padding);\n transform: scale(0.8);\n transform-origin: bottom;\n transition-property: opacity, transform;\n transition-delay: var(--hide-delay);\n transition-duration: var(--hide-duration);\n transition-timing-function: var(--hide-timing-function);\n}\n.tooltip:after {\n content: "";\n position: absolute;\n width: 0;\n height: 0;\n}\n\n.tooltip-positioner[data-popper-placement^=top] .tooltip {\n transform-origin: bottom;\n}\n.tooltip-positioner[data-popper-placement^=bottom] .tooltip {\n transform-origin: top;\n}\n.tooltip-positioner[data-popper-placement^=left] .tooltip {\n transform-origin: right;\n}\n.tooltip-positioner[data-popper-placement^=right] .tooltip {\n transform-origin: left;\n}\n.tooltip-positioner.sl_popover-visible .tooltip {\n opacity: 1;\n transform: none;\n transition-delay: var(--show-delay);\n transition-duration: var(--show-duration);\n transition-timing-function: var(--show-timing-function);\n}\n\n.tooltip-positioner[data-popper-placement^=bottom] .tooltip:after {\n bottom: 100%;\n left: calc(50% - var(--sl-tooltip-arrow-size));\n border-bottom: var(--sl-tooltip-arrow-size) solid var(--sl-tooltip-background-color);\n border-left: var(--sl-tooltip-arrow-size) solid transparent;\n border-right: var(--sl-tooltip-arrow-size) solid transparent;\n}\n\n.tooltip-positioner[data-popper-placement=bottom-start] .tooltip:after {\n left: var(--sl-tooltip-arrow-start-end-offset);\n}\n\n.tooltip-positioner[data-popper-placement=bottom-end] .tooltip:after {\n right: var(--sl-tooltip-arrow-start-end-offset);\n left: auto;\n}\n\n.tooltip-positioner[data-popper-placement^=top] .tooltip:after {\n top: 100%;\n left: calc(50% - var(--sl-tooltip-arrow-size));\n border-top: var(--sl-tooltip-arrow-size) solid var(--sl-tooltip-background-color);\n border-left: var(--sl-tooltip-arrow-size) solid transparent;\n border-right: var(--sl-tooltip-arrow-size) solid transparent;\n}\n\n.tooltip-positioner[data-popper-placement=top-start] .tooltip:after {\n left: var(--sl-tooltip-arrow-start-end-offset);\n}\n\n.tooltip-positioner[data-popper-placement=top-end] .tooltip:after {\n right: var(--sl-tooltip-arrow-start-end-offset);\n left: auto;\n}\n\n.tooltip-positioner[data-popper-placement^=left] .tooltip:after {\n top: calc(50% - var(--sl-tooltip-arrow-size));\n left: 100%;\n border-left: var(--sl-tooltip-arrow-size) solid var(--sl-tooltip-background-color);\n border-top: var(--sl-tooltip-arrow-size) solid transparent;\n border-bottom: var(--sl-tooltip-arrow-size) solid transparent;\n}\n\n.tooltip-positioner[data-popper-placement=left-start] .tooltip:after {\n top: var(--sl-tooltip-arrow-start-end-offset);\n}\n\n.tooltip-positioner[data-popper-placement=left-end] .tooltip:after {\n top: auto;\n bottom: var(--sl-tooltip-arrow-start-end-offset);\n}\n\n.tooltip-positioner[data-popper-placement^=right] .tooltip:after {\n top: calc(50% - var(--sl-tooltip-arrow-size));\n right: 100%;\n border-right: var(--sl-tooltip-arrow-size) solid var(--sl-tooltip-background-color);\n border-top: var(--sl-tooltip-arrow-size) solid transparent;\n border-bottom: var(--sl-tooltip-arrow-size) solid transparent;\n}\n\n.tooltip-positioner[data-popper-placement=right-start] .tooltip:after {\n top: var(--sl-tooltip-arrow-start-end-offset);\n}\n\n.tooltip-positioner[data-popper-placement=right-end] .tooltip:after {\n top: auto;\n bottom: var(--sl-tooltip-arrow-start-end-offset);\n}'),cu([gh(".tooltip-positioner")],Tf.prototype,"positioner",2),cu([gh(".tooltip")],Tf.prototype,"tooltip",2),cu([_h()],Tf.prototype,"content",2),cu([_h()],Tf.prototype,"placement",2),cu([_h({type:Boolean,reflect:!0})],Tf.prototype,"disabled",2),cu([_h({type:Number})],Tf.prototype,"distance",2),cu([_h({type:Boolean,reflect:!0})],Tf.prototype,"open",2),cu([_h({type:Number})],Tf.prototype,"skidding",2),cu([_h()],Tf.prototype,"trigger",2),cu([yh("sl-show")],Tf.prototype,"slShow",2),cu([yh("sl-after-show")],Tf.prototype,"slAfterShow",2),cu([yh("sl-hide")],Tf.prototype,"slHide",2),cu([yh("sl-after-hide")],Tf.prototype,"slAfterHide",2),cu([bh("open")],Tf.prototype,"handleOpenChange",1),cu([bh("placement"),bh("disabled"),bh("distance"),bh("skidding")],Tf.prototype,"handleOptionsChange",1);var If=Tf=cu([sh("sl-tooltip")],Tf);function Cf(t){const n=t?t.assignedNodes({flatten:!0}):[];let e="";return[...n].map((t=>{t.nodeType===Node.TEXT_NODE&&(e+=t.textContent)})),e}var jf=0,Ff=class extends ih{constructor(){super(...arguments),this.helpTextId=`select-help-text-${jf}`,this.inputId="select-"+ ++jf,this.labelId=`select-label-${jf}`,this.hasFocus=!1,this.hasHelpTextSlot=!1,this.hasLabelSlot=!1,this.isOpen=!1,this.displayLabel="",this.displayTags=[],this.multiple=!1,this.maxTagsVisible=3,this.disabled=!1,this.name="",this.placeholder="",this.size="medium",this.hoist=!1,this.value="",this.pill=!1,this.required=!1,this.clearable=!1,this.invalid=!1}connectedCallback(){super.connectedCallback(),this.handleSlotChange=this.handleSlotChange.bind(this),this.shadowRoot.addEventListener("slotchange",this.handleSlotChange),this.handleSlotChange()}firstUpdated(){this.resizeObserver=new ResizeObserver((()=>this.resizeMenu())),requestAnimationFrame((()=>this.syncItemsFromValue()))}disconnectedCallback(){super.disconnectedCallback(),this.shadowRoot.removeEventListener("slotchange",this.handleSlotChange)}reportValidity(){return this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.invalid=!this.input.checkValidity()}getItemLabel(t){return Cf(t.shadowRoot.querySelector("slot:not([name])"))}getItems(){return[...this.querySelectorAll("sl-menu-item")]}getValueAsArray(){return Array.isArray(this.value)?this.value:[this.value]}handleBlur(){this.hasFocus=!1,this.slBlur.emit()}handleClearClick(t){t.stopPropagation(),this.value=this.multiple?[]:"",this.syncItemsFromValue()}handleDisabledChange(){this.disabled&&this.isOpen&&this.dropdown.hide()}handleFocus(){this.hasFocus=!0,this.slFocus.emit()}handleKeyDown(t){const n=t.target,e=this.getItems(),r=e[0],o=e[e.length-1];if("sl-tag"!==n.tagName.toLowerCase())if("Tab"!==t.key){if(["ArrowDown","ArrowUp"].includes(t.key)){if(t.preventDefault(),this.isOpen||this.dropdown.show(),"ArrowDown"===t.key&&r)return void r.setFocus();if("ArrowUp"===t.key&&o)return void o.setFocus()}this.isOpen||(t.stopPropagation(),t.preventDefault(),this.dropdown.show(),this.menu.typeToSelect(t.key))}else this.isOpen&&this.dropdown.hide()}handleLabelClick(){var t;(null==(t=this.shadowRoot)?void 0:t.querySelector(".select__box")).focus()}handleMenuSelect(t){const n=t.detail.item;this.value=this.multiple?this.value.includes(n.value)?this.value.filter((t=>t!==n.value)):[...this.value,n.value]:n.value,this.syncItemsFromValue()}handleMenuShow(t){this.disabled?t.preventDefault():(this.resizeMenu(),this.resizeObserver.observe(this),this.isOpen=!0)}handleMenuHide(){this.resizeObserver.unobserve(this),this.isOpen=!1}handleMultipleChange(){const t=this.getValueAsArray();this.value=this.multiple?t:t[0]||"",this.syncItemsFromValue()}handleSlotChange(){this.hasHelpTextSlot=vh(this,"help-text"),this.hasLabelSlot=vh(this,"label"),this.syncItemsFromValue()}handleTagInteraction(t){t.composedPath().find((t=>t instanceof HTMLElement&&t.classList.contains("tag__clear")))&&t.stopPropagation()}handleValueChange(){this.syncItemsFromValue(),this.slChange.emit()}resizeMenu(){var t;const n=null==(t=this.shadowRoot)?void 0:t.querySelector(".select__box");this.menu.style.width=`${n.clientWidth}px`,this.dropdown&&this.dropdown.reposition()}syncItemsFromValue(){const t=this.getItems(),n=this.getValueAsArray();if(t.map((t=>t.checked=n.includes(t.value))),this.multiple){const e=[];if(n.map((n=>t.map((t=>t.value===n?e.push(t):null)))),this.displayTags=e.map((t=>uh`
194
194
  <sl-tag
195
195
  exportparts="base:tag"
196
196
  type="info"
@@ -1105,7 +1105,7 @@ var nh=window.ShadowRoot&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShado
1105
1105
  </footer>
1106
1106
  </div>
1107
1107
  </div>
1108
- `}};Zp.styles=rh(":host {\n position: relative;\n box-sizing: border-box;\n}\n:host *, :host *:before, :host *:after {\n box-sizing: inherit;\n}\n\n/**\n * @prop --size: The preferred size of the drawer. This will be applied to the drawer's width or height depending on its\n * `placement`. Note that the drawer will shrink to accommodate smaller screens.\n */\n:host {\n --size: 25rem;\n display: contents;\n}\n\n.drawer {\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: hidden;\n}\n.drawer:not(.drawer--visible) {\n position: absolute;\n width: 1px;\n height: 1px;\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n overflow: hidden;\n pointer-events: none;\n visibility: hidden;\n}\n\n.drawer--contained {\n position: absolute;\n z-index: initial;\n}\n\n.drawer--fixed {\n position: fixed;\n z-index: var(--sl-z-index-drawer);\n}\n\n.drawer__panel {\n position: absolute;\n display: flex;\n flex-direction: column;\n z-index: 2;\n max-width: 100%;\n max-height: 100%;\n background-color: var(--sl-panel-background-color);\n box-shadow: var(--sl-shadow-x-large);\n transition: var(--sl-transition-medium) transform;\n overflow: auto;\n pointer-events: all;\n}\n.drawer__panel:focus {\n outline: none;\n}\n\n.drawer--top .drawer__panel {\n top: 0;\n right: auto;\n bottom: auto;\n left: 0;\n width: 100%;\n height: var(--size);\n transform: translate(0, -100%);\n}\n\n.drawer--right .drawer__panel {\n top: 0;\n right: 0;\n bottom: auto;\n left: auto;\n width: var(--size);\n height: 100%;\n transform: translate(100%, 0);\n}\n\n.drawer--bottom .drawer__panel {\n top: auto;\n right: auto;\n bottom: 0;\n left: 0;\n width: 100%;\n height: var(--size);\n transform: translate(0, 100%);\n}\n\n.drawer--left .drawer__panel {\n top: 0;\n right: auto;\n bottom: auto;\n left: 0;\n width: var(--size);\n height: 100%;\n transform: translate(-100%, 0);\n}\n\n.drawer--open .drawer__panel {\n transform: translate(0, 0);\n}\n\n.drawer__header {\n display: flex;\n}\n\n.drawer__title {\n flex: 1 1 auto;\n font-size: var(--sl-font-size-large);\n line-height: var(--sl-line-height-dense);\n padding: var(--sl-spacing-large);\n}\n\n.drawer__close {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n font-size: var(--sl-font-size-x-large);\n padding: 0 var(--sl-spacing-large);\n}\n\n.drawer__body {\n flex: 1 1 auto;\n padding: var(--sl-spacing-large);\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n}\n\n.drawer__footer {\n text-align: right;\n padding: var(--sl-spacing-large);\n}\n.drawer__footer ::slotted(sl-button:not(:last-of-type)) {\n margin-right: var(--sl-spacing-x-small);\n}\n\n.drawer:not(.drawer--has-footer) .drawer__footer {\n display: none;\n}\n\n.drawer__overlay {\n display: block;\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: var(--sl-overlay-background-color);\n opacity: 0;\n transition: var(--sl-transition-medium) opacity;\n pointer-events: all;\n}\n\n.drawer--contained .drawer__overlay {\n position: absolute;\n}\n\n.drawer--open .drawer__overlay {\n opacity: 1;\n}"),cu([gh(".drawer")],Zp.prototype,"drawer",2),cu([gh(".drawer__panel")],Zp.prototype,"panel",2),cu([kh()],Zp.prototype,"hasFooter",2),cu([kh()],Zp.prototype,"isVisible",2),cu([_h({type:Boolean,reflect:!0})],Zp.prototype,"open",2),cu([_h({reflect:!0})],Zp.prototype,"label",2),cu([_h({reflect:!0})],Zp.prototype,"placement",2),cu([_h({type:Boolean,reflect:!0})],Zp.prototype,"contained",2),cu([_h({attribute:"no-header",type:Boolean,reflect:!0})],Zp.prototype,"noHeader",2),cu([yh("sl-show")],Zp.prototype,"slShow",2),cu([yh("sl-after-show")],Zp.prototype,"slAfterShow",2),cu([yh("sl-hide")],Zp.prototype,"slHide",2),cu([yh("sl-after-hide")],Zp.prototype,"slAfterHide",2),cu([yh("sl-initial-focus")],Zp.prototype,"slInitialFocus",2),cu([yh("sl-overlay-dismiss")],Zp.prototype,"slOverlayDismiss",2);var Jp=Zp=cu([sh("sl-drawer")],Zp);function Qp(t){return t.tabIndex>-1}function tm(t){if(Qp(t))return t;if(t.shadowRoot){const n=[...t.shadowRoot.children].find(Qp);if(n)return n}return t.children?[...t.children].map(tm)[0]:null}var nm=0,em=class extends ih{constructor(){super(...arguments),this.componentId="dropdown-"+ ++nm,this.isVisible=!1,this.open=!1,this.placement="bottom-start",this.closeOnSelect=!0,this.distance=2,this.skidding=0,this.hoist=!1}connectedCallback(){super.connectedCallback(),this.handleMenuItemActivate=this.handleMenuItemActivate.bind(this),this.handlePanelSelect=this.handlePanelSelect.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.containingElement||(this.containingElement=this)}firstUpdated(){this.popover=new Ef(this.trigger,this.positioner,{strategy:this.hoist?"fixed":"absolute",placement:this.placement,distance:this.distance,skidding:this.skidding,transitionElement:this.panel,onAfterHide:()=>this.slAfterHide.emit(),onAfterShow:()=>this.slAfterShow.emit(),onTransitionEnd:()=>{this.open||(this.panel.scrollTop=0)}}),this.open&&this.show()}disconnectedCallback(){super.disconnectedCallback(),this.hide(),this.popover.destroy()}focusOnTrigger(){const t=this.trigger.querySelector("slot").assignedElements({flatten:!0})[0];t&&("function"==typeof t.setFocus?t.setFocus():"function"==typeof t.focus&&t.focus())}getMenu(){return this.panel.querySelector("slot").assignedElements({flatten:!0}).filter((t=>"sl-menu"===t.tagName.toLowerCase()))[0]}handleDocumentKeyDown(t){var n;if("Escape"===t.key)return this.hide(),void this.focusOnTrigger();if("Tab"===t.key){if(this.open&&"sl-menu-item"===(null==(n=document.activeElement)?void 0:n.tagName.toLowerCase()))return t.preventDefault(),this.hide(),void this.focusOnTrigger();setTimeout((()=>{var t,n;const e=this.containingElement.getRootNode()instanceof ShadowRoot?null==(n=null==(t=document.activeElement)?void 0:t.shadowRoot)?void 0:n.activeElement:document.activeElement;(null==e?void 0:e.closest(this.containingElement.tagName.toLowerCase()))===this.containingElement||this.hide()}))}}handleDocumentMouseDown(t){t.composedPath().includes(this.containingElement)||this.hide()}handleMenuItemActivate(t){Zf(t.target,this.panel)}handlePanelSelect(t){this.closeOnSelect&&"sl-menu"===t.target.tagName.toLowerCase()&&(this.hide(),this.focusOnTrigger())}handlePopoverOptionsChange(){this.popover&&this.popover.setOptions({strategy:this.hoist?"fixed":"absolute",placement:this.placement,distance:this.distance,skidding:this.skidding})}handleTriggerClick(){this.open?this.hide():this.show()}handleTriggerKeyDown(t){const n=this.getMenu(),e=n?[...n.querySelectorAll("sl-menu-item")]:[],r=e[0],o=e[e.length-1];if("Escape"===t.key)return this.focusOnTrigger(),void this.hide();if([" ","Enter"].includes(t.key))return t.preventDefault(),void(this.open?this.hide():this.show());if(["ArrowDown","ArrowUp"].includes(t.key)){if(t.preventDefault(),this.open||this.show(),"ArrowDown"===t.key&&r)return void r.setFocus();if("ArrowUp"===t.key&&o)return void o.setFocus()}this.open&&n&&!["Tab","Shift","Meta","Ctrl","Alt"].includes(t.key)&&n.typeToSelect(t.key)}handleTriggerKeyUp(t){" "===t.key&&t.preventDefault()}handleTriggerSlotChange(){this.updateAccessibleTrigger()}updateAccessibleTrigger(){if(this.trigger){const t=this.trigger.querySelector("slot").assignedElements({flatten:!0}).map(tm)[0];t&&(t.setAttribute("aria-haspopup","true"),t.setAttribute("aria-expanded",this.open?"true":"false"))}}show(){this.isVisible||(this.slShow.emit().defaultPrevented?this.open=!1:(this.panel.addEventListener("sl-activate",this.handleMenuItemActivate),this.panel.addEventListener("sl-select",this.handlePanelSelect),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown),this.isVisible=!0,this.open=!0,this.popover.show()))}hide(){this.isVisible&&(this.slHide.emit().defaultPrevented?this.open=!0:(this.panel.removeEventListener("sl-activate",this.handleMenuItemActivate),this.panel.removeEventListener("sl-select",this.handlePanelSelect),document.addEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown),this.isVisible=!1,this.open=!1,this.popover.hide()))}reposition(){this.open&&this.popover.reposition()}handleOpenChange(){this.open?this.show():this.hide(),this.updateAccessibleTrigger()}render(){return uh`
1108
+ `}};Zp.styles=rh(":host {\n position: relative;\n box-sizing: border-box;\n}\n:host *, :host *:before, :host *:after {\n box-sizing: inherit;\n}\n\n/**\n * @prop --size: The preferred size of the drawer. This will be applied to the drawer's width or height depending on its\n * `placement`. Note that the drawer will shrink to accommodate smaller screens.\n */\n:host {\n --size: 25rem;\n display: contents;\n}\n\n.drawer {\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: hidden;\n}\n.drawer:not(.drawer--visible) {\n position: absolute;\n width: 1px;\n height: 1px;\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n overflow: hidden;\n pointer-events: none;\n visibility: hidden;\n}\n\n.drawer--contained {\n position: absolute;\n z-index: initial;\n}\n\n.drawer--fixed {\n position: fixed;\n z-index: var(--sl-z-index-drawer);\n}\n\n.drawer__panel {\n position: absolute;\n display: flex;\n flex-direction: column;\n z-index: 2;\n max-width: 100%;\n max-height: 100%;\n background-color: var(--sl-panel-background-color);\n box-shadow: var(--sl-shadow-x-large);\n transition: var(--sl-transition-medium) transform;\n overflow: auto;\n pointer-events: all;\n}\n.drawer__panel:focus {\n outline: none;\n}\n\n.drawer--top .drawer__panel {\n top: 0;\n right: auto;\n bottom: auto;\n left: 0;\n width: 100%;\n height: var(--size);\n transform: translate(0, -100%);\n}\n\n.drawer--right .drawer__panel {\n top: 0;\n right: 0;\n bottom: auto;\n left: auto;\n width: var(--size);\n height: 100%;\n transform: translate(100%, 0);\n}\n\n.drawer--bottom .drawer__panel {\n top: auto;\n right: auto;\n bottom: 0;\n left: 0;\n width: 100%;\n height: var(--size);\n transform: translate(0, 100%);\n}\n\n.drawer--left .drawer__panel {\n top: 0;\n right: auto;\n bottom: auto;\n left: 0;\n width: var(--size);\n height: 100%;\n transform: translate(-100%, 0);\n}\n\n.drawer--open .drawer__panel {\n transform: translate(0, 0);\n}\n\n.drawer__header {\n display: flex;\n}\n\n.drawer__title {\n flex: 1 1 auto;\n font-size: var(--sl-font-size-large);\n line-height: var(--sl-line-height-dense);\n padding: var(--sl-spacing-large);\n}\n\n.drawer__close {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n font-size: var(--sl-font-size-x-large);\n padding: 0 var(--sl-spacing-large);\n}\n\n.drawer__body {\n flex: 1 1 auto;\n padding: var(--sl-spacing-large);\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n}\n\n.drawer__footer {\n text-align: right;\n padding: var(--sl-spacing-large);\n}\n.drawer__footer ::slotted(sl-button:not(:last-of-type)) {\n margin-right: var(--sl-spacing-x-small);\n}\n\n.drawer:not(.drawer--has-footer) .drawer__footer {\n display: none;\n}\n\n.drawer__overlay {\n display: block;\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: var(--sl-overlay-background-color);\n opacity: 0;\n transition: var(--sl-transition-medium) opacity;\n pointer-events: all;\n}\n\n.drawer--contained .drawer__overlay {\n position: absolute;\n}\n\n.drawer--open .drawer__overlay {\n opacity: 1;\n}"),cu([gh(".drawer")],Zp.prototype,"drawer",2),cu([gh(".drawer__panel")],Zp.prototype,"panel",2),cu([kh()],Zp.prototype,"hasFooter",2),cu([kh()],Zp.prototype,"isVisible",2),cu([_h({type:Boolean,reflect:!0})],Zp.prototype,"open",2),cu([_h({reflect:!0})],Zp.prototype,"label",2),cu([_h({reflect:!0})],Zp.prototype,"placement",2),cu([_h({type:Boolean,reflect:!0})],Zp.prototype,"contained",2),cu([_h({attribute:"no-header",type:Boolean,reflect:!0})],Zp.prototype,"noHeader",2),cu([yh("sl-show")],Zp.prototype,"slShow",2),cu([yh("sl-after-show")],Zp.prototype,"slAfterShow",2),cu([yh("sl-hide")],Zp.prototype,"slHide",2),cu([yh("sl-after-hide")],Zp.prototype,"slAfterHide",2),cu([yh("sl-initial-focus")],Zp.prototype,"slInitialFocus",2),cu([yh("sl-overlay-dismiss")],Zp.prototype,"slOverlayDismiss",2);var Jp=Zp=cu([sh("sl-drawer")],Zp);function Qp(t){return t.tabIndex>-1}function tm(t){if(Qp(t))return t;if(t.shadowRoot){const n=[...t.shadowRoot.children].find(Qp);if(n)return n}return t.children?[...t.children].map(tm)[0]:null}var nm=0,em=class extends ih{constructor(){super(...arguments),this.componentId="dropdown-"+ ++nm,this.isVisible=!1,this.open=!1,this.placement="bottom-start",this.closeOnSelect=!0,this.distance=2,this.skidding=0,this.hoist=!1}connectedCallback(){super.connectedCallback(),this.handleMenuItemActivate=this.handleMenuItemActivate.bind(this),this.handlePanelSelect=this.handlePanelSelect.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.containingElement||(this.containingElement=this)}firstUpdated(){this.sl_popover=new Ef(this.trigger,this.positioner,{strategy:this.hoist?"fixed":"absolute",placement:this.placement,distance:this.distance,skidding:this.skidding,transitionElement:this.panel,onAfterHide:()=>this.slAfterHide.emit(),onAfterShow:()=>this.slAfterShow.emit(),onTransitionEnd:()=>{this.open||(this.panel.scrollTop=0)}}),this.open&&this.show()}disconnectedCallback(){super.disconnectedCallback(),this.hide(),this.sl_popover.destroy()}focusOnTrigger(){const t=this.trigger.querySelector("slot").assignedElements({flatten:!0})[0];t&&("function"==typeof t.setFocus?t.setFocus():"function"==typeof t.focus&&t.focus())}getMenu(){return this.panel.querySelector("slot").assignedElements({flatten:!0}).filter((t=>"sl-menu"===t.tagName.toLowerCase()))[0]}handleDocumentKeyDown(t){var n;if("Escape"===t.key)return this.hide(),void this.focusOnTrigger();if("Tab"===t.key){if(this.open&&"sl-menu-item"===(null==(n=document.activeElement)?void 0:n.tagName.toLowerCase()))return t.preventDefault(),this.hide(),void this.focusOnTrigger();setTimeout((()=>{var t,n;const e=this.containingElement.getRootNode()instanceof ShadowRoot?null==(n=null==(t=document.activeElement)?void 0:t.shadowRoot)?void 0:n.activeElement:document.activeElement;(null==e?void 0:e.closest(this.containingElement.tagName.toLowerCase()))===this.containingElement||this.hide()}))}}handleDocumentMouseDown(t){t.composedPath().includes(this.containingElement)||this.hide()}handleMenuItemActivate(t){Zf(t.target,this.panel)}handlePanelSelect(t){this.closeOnSelect&&"sl-menu"===t.target.tagName.toLowerCase()&&(this.hide(),this.focusOnTrigger())}handleSlPopoverOptionsChange(){this.sl_popover&&this.sl_popover.setOptions({strategy:this.hoist?"fixed":"absolute",placement:this.placement,distance:this.distance,skidding:this.skidding})}handleTriggerClick(){this.open?this.hide():this.show()}handleTriggerKeyDown(t){const n=this.getMenu(),e=n?[...n.querySelectorAll("sl-menu-item")]:[],r=e[0],o=e[e.length-1];if("Escape"===t.key)return this.focusOnTrigger(),void this.hide();if([" ","Enter"].includes(t.key))return t.preventDefault(),void(this.open?this.hide():this.show());if(["ArrowDown","ArrowUp"].includes(t.key)){if(t.preventDefault(),this.open||this.show(),"ArrowDown"===t.key&&r)return void r.setFocus();if("ArrowUp"===t.key&&o)return void o.setFocus()}this.open&&n&&!["Tab","Shift","Meta","Ctrl","Alt"].includes(t.key)&&n.typeToSelect(t.key)}handleTriggerKeyUp(t){" "===t.key&&t.preventDefault()}handleTriggerSlotChange(){this.updateAccessibleTrigger()}updateAccessibleTrigger(){if(this.trigger){const t=this.trigger.querySelector("slot").assignedElements({flatten:!0}).map(tm)[0];t&&(t.setAttribute("aria-haspopup","true"),t.setAttribute("aria-expanded",this.open?"true":"false"))}}show(){this.isVisible||(this.slShow.emit().defaultPrevented?this.open=!1:(this.panel.addEventListener("sl-activate",this.handleMenuItemActivate),this.panel.addEventListener("sl-select",this.handlePanelSelect),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown),this.isVisible=!0,this.open=!0,this.sl_popover.show()))}hide(){this.isVisible&&(this.slHide.emit().defaultPrevented?this.open=!0:(this.panel.removeEventListener("sl-activate",this.handleMenuItemActivate),this.panel.removeEventListener("sl-select",this.handlePanelSelect),document.addEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown),this.isVisible=!1,this.open=!1,this.sl_popover.hide()))}reposition(){this.open&&this.sl_popover.reposition()}handleOpenChange(){this.open?this.show():this.hide(),this.updateAccessibleTrigger()}render(){return uh`
1109
1109
  <div
1110
1110
  part="base"
1111
1111
  id=${this.componentId}
@@ -1135,7 +1135,7 @@ var nh=window.ShadowRoot&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShado
1135
1135
  </div>
1136
1136
  </div>
1137
1137
  </div>
1138
- `}};em.styles=rh(":host {\n position: relative;\n box-sizing: border-box;\n}\n:host *, :host *:before, :host *:after {\n box-sizing: inherit;\n}\n\n:host {\n display: inline-block;\n}\n\n.dropdown {\n position: relative;\n}\n\n.dropdown__trigger {\n display: block;\n}\n\n.dropdown__positioner {\n position: absolute;\n z-index: var(--sl-z-index-dropdown);\n}\n\n.dropdown__panel {\n max-height: 75vh;\n font-family: var(--sl-font-sans);\n font-size: var(--sl-font-size-medium);\n font-weight: var(--sl-font-weight-normal);\n color: var(--color);\n background-color: var(--sl-panel-background-color);\n border: solid 1px var(--sl-panel-border-color);\n border-radius: var(--sl-border-radius-medium);\n box-shadow: var(--sl-shadow-large);\n opacity: 0;\n overflow: auto;\n overscroll-behavior: none;\n pointer-events: none;\n transform: scale(0.9);\n transition: var(--sl-transition-fast) opacity, var(--sl-transition-fast) transform;\n}\n\n.dropdown__positioner[data-popper-placement^=top] .dropdown__panel {\n transform-origin: bottom;\n}\n.dropdown__positioner[data-popper-placement^=bottom] .dropdown__panel {\n transform-origin: top;\n}\n.dropdown__positioner[data-popper-placement^=left] .dropdown__panel {\n transform-origin: right;\n}\n.dropdown__positioner[data-popper-placement^=right] .dropdown__panel {\n transform-origin: left;\n}\n.dropdown__positioner.popover-visible .dropdown__panel {\n opacity: 1;\n transform: none;\n pointer-events: all;\n}"),cu([gh(".dropdown__trigger")],em.prototype,"trigger",2),cu([gh(".dropdown__panel")],em.prototype,"panel",2),cu([gh(".dropdown__positioner")],em.prototype,"positioner",2),cu([_h({type:Boolean,reflect:!0})],em.prototype,"open",2),cu([_h()],em.prototype,"placement",2),cu([_h({attribute:"close-on-select",type:Boolean,reflect:!0})],em.prototype,"closeOnSelect",2),cu([_h()],em.prototype,"containingElement",2),cu([_h({type:Number})],em.prototype,"distance",2),cu([_h({type:Number})],em.prototype,"skidding",2),cu([_h({type:Boolean})],em.prototype,"hoist",2),cu([yh("sl-show")],em.prototype,"slShow",2),cu([yh("sl-after-show")],em.prototype,"slAfterShow",2),cu([yh("sl-hide")],em.prototype,"slHide",2),cu([yh("sl-after-hide")],em.prototype,"slAfterHide",2),cu([bh("distance"),bh("hoist"),bh("placement"),bh("skidding")],em.prototype,"handlePopoverOptionsChange",1),cu([bh("open")],em.prototype,"handleOpenChange",1);var rm=em=cu([sh("sl-dropdown")],em),om=Object.assign(document.createElement("div"),{className:"sl-toast-stack"}),im=class extends ih{constructor(){super(...arguments),this.isVisible=!1,this.open=!1,this.closable=!1,this.type="primary",this.duration=1/0}connectedCallback(){super.connectedCallback(),this.open&&this.show()}show(){this.isVisible||(this.slShow.emit().defaultPrevented?this.open=!1:(this.isVisible=!0,this.open=!0,this.duration<1/0&&(this.autoHideTimeout=setTimeout((()=>this.hide()),this.duration))))}hide(){this.isVisible&&(this.slHide.emit().defaultPrevented?this.open=!0:(clearTimeout(this.autoHideTimeout),this.isVisible=!1,this.open=!1))}async toast(){return new Promise((t=>{om.parentElement||document.body.append(om),om.appendChild(this),requestAnimationFrame((()=>this.show())),this.addEventListener("sl-after-hide",(()=>{om.removeChild(this),t(),om.querySelector("sl-alert")||om.remove()}),{once:!0})}))}restartAutoHide(){clearTimeout(this.autoHideTimeout),this.open&&this.duration<1/0&&(this.autoHideTimeout=setTimeout((()=>this.hide()),this.duration))}handleCloseClick(){this.hide()}handleMouseMove(){this.restartAutoHide()}handleTransitionEnd(t){"opacity"===t.propertyName&&t.target.classList.contains("alert")&&(this.isVisible=this.open,this.open?this.slAfterShow.emit():this.slAfterHide.emit())}handleOpenChange(){this.open?this.show():this.hide()}handleDurationChange(){this.restartAutoHide()}render(){return uh`
1138
+ `}};em.styles=rh(":host {\n position: relative;\n box-sizing: border-box;\n}\n:host *, :host *:before, :host *:after {\n box-sizing: inherit;\n}\n\n:host {\n display: inline-block;\n}\n\n.dropdown {\n position: relative;\n}\n\n.dropdown__trigger {\n display: block;\n}\n\n.dropdown__positioner {\n position: absolute;\n z-index: var(--sl-z-index-dropdown);\n}\n\n.dropdown__panel {\n max-height: 75vh;\n font-family: var(--sl-font-sans);\n font-size: var(--sl-font-size-medium);\n font-weight: var(--sl-font-weight-normal);\n color: var(--color);\n background-color: var(--sl-panel-background-color);\n border: solid 1px var(--sl-panel-border-color);\n border-radius: var(--sl-border-radius-medium);\n box-shadow: var(--sl-shadow-large);\n opacity: 0;\n overflow: auto;\n overscroll-behavior: none;\n pointer-events: none;\n transform: scale(0.9);\n transition: var(--sl-transition-fast) opacity, var(--sl-transition-fast) transform;\n}\n\n.dropdown__positioner[data-popper-placement^=top] .dropdown__panel {\n transform-origin: bottom;\n}\n.dropdown__positioner[data-popper-placement^=bottom] .dropdown__panel {\n transform-origin: top;\n}\n.dropdown__positioner[data-popper-placement^=left] .dropdown__panel {\n transform-origin: right;\n}\n.dropdown__positioner[data-popper-placement^=right] .dropdown__panel {\n transform-origin: left;\n}\n.dropdown__positioner.sl_popover-visible .dropdown__panel {\n opacity: 1;\n transform: none;\n pointer-events: all;\n}"),cu([gh(".dropdown__trigger")],em.prototype,"trigger",2),cu([gh(".dropdown__panel")],em.prototype,"panel",2),cu([gh(".dropdown__positioner")],em.prototype,"positioner",2),cu([_h({type:Boolean,reflect:!0})],em.prototype,"open",2),cu([_h()],em.prototype,"placement",2),cu([_h({attribute:"close-on-select",type:Boolean,reflect:!0})],em.prototype,"closeOnSelect",2),cu([_h()],em.prototype,"containingElement",2),cu([_h({type:Number})],em.prototype,"distance",2),cu([_h({type:Number})],em.prototype,"skidding",2),cu([_h({type:Boolean})],em.prototype,"hoist",2),cu([yh("sl-show")],em.prototype,"slShow",2),cu([yh("sl-after-show")],em.prototype,"slAfterShow",2),cu([yh("sl-hide")],em.prototype,"slHide",2),cu([yh("sl-after-hide")],em.prototype,"slAfterHide",2),cu([bh("distance"),bh("hoist"),bh("placement"),bh("skidding")],em.prototype,"handleSlPopoverOptionsChange",1),cu([bh("open")],em.prototype,"handleOpenChange",1);var rm=em=cu([sh("sl-dropdown")],em),om=Object.assign(document.createElement("div"),{className:"sl-toast-stack"}),im=class extends ih{constructor(){super(...arguments),this.isVisible=!1,this.open=!1,this.closable=!1,this.type="primary",this.duration=1/0}connectedCallback(){super.connectedCallback(),this.open&&this.show()}show(){this.isVisible||(this.slShow.emit().defaultPrevented?this.open=!1:(this.isVisible=!0,this.open=!0,this.duration<1/0&&(this.autoHideTimeout=setTimeout((()=>this.hide()),this.duration))))}hide(){this.isVisible&&(this.slHide.emit().defaultPrevented?this.open=!0:(clearTimeout(this.autoHideTimeout),this.isVisible=!1,this.open=!1))}async toast(){return new Promise((t=>{om.parentElement||document.body.append(om),om.appendChild(this),requestAnimationFrame((()=>this.show())),this.addEventListener("sl-after-hide",(()=>{om.removeChild(this),t(),om.querySelector("sl-alert")||om.remove()}),{once:!0})}))}restartAutoHide(){clearTimeout(this.autoHideTimeout),this.open&&this.duration<1/0&&(this.autoHideTimeout=setTimeout((()=>this.hide()),this.duration))}handleCloseClick(){this.hide()}handleMouseMove(){this.restartAutoHide()}handleTransitionEnd(t){"opacity"===t.propertyName&&t.target.classList.contains("alert")&&(this.isVisible=this.open,this.open?this.slAfterShow.emit():this.slAfterHide.emit())}handleOpenChange(){this.open?this.show():this.hide()}handleDurationChange(){this.restartAutoHide()}render(){return uh`
1139
1139
  <div
1140
1140
  part="base"
1141
1141
  class=${ch({alert:!0,"alert--open":this.open,"alert--visible":this.isVisible,"alert--closable":this.closable,"alert--primary":"primary"===this.type,"alert--success":"success"===this.type,"alert--info":"info"===this.type,"alert--warning":"warning"===this.type,"alert--danger":"danger"===this.type})}
@@ -1 +1 @@
1
- var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,t){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:t})}else{e.raw=t}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++){t=arguments[r];for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a))e[a]=t[a]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,t,r,n){function a(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,i){function l(e){try{o(n.next(e))}catch(e){i(e)}}function s(e){try{o(n["throw"](e))}catch(e){i(e)}}function o(e){e.done?r(e.value):a(e.value).then(l,s)}o((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,a,i,l;return l={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function s(e){return function(t){return o([e,t])}}function o(l){if(n)throw new TypeError("Generator is already executing.");while(r)try{if(n=1,a&&(i=l[0]&2?a["return"]:l[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,l[1])).done)return i;if(a=0,i)l=[l[0]&2,i.value];switch(l[0]){case 0:case 1:i=l;break;case 4:r.label++;return{value:l[1],done:false};case 5:r.label++;a=l[1];l=[0];continue;case 7:l=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(l[0]===6||l[0]===2)){r=0;continue}if(l[0]===3&&(!i||l[1]>i[0]&&l[1]<i[3])){r.label=l[1];break}if(l[0]===6&&r.label<i[1]){r.label=i[1];i=l;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(l);break}if(i[2])r.ops.pop();r.trys.pop();continue}l=t.call(e,r)}catch(e){l=[6,e];a=0}finally{n=i=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./p-ff17b3a4.system.js","./p-3cc28285.system.js","./p-c3a32e2b.system.js","./p-a3e28532.system.js","./p-4bd679a7.system.js","./p-f6934a55.system.js","./p-1a673057.system.js","./p-9165844e.system.js","./p-c0e7d16e.system.js","./p-c32a8733.system.js","./p-2b6c19e0.system.js","./p-ea04661e.system.js","./p-6333265f.system.js"],(function(e){"use strict";var t,r,n,a,i,l,s,o,d,u,c,p,f,m,v,h,g,y,w,_,b,x,T,E,R;return{setters:[function(e){t=e.h;r=e.r;n=e.c},function(e){a=e.b;i=e.i;l=e.f;s=e.m;o=e.u},function(e){d=e.i},function(e){u=e.d;c=e.L;p=e.O;f=e.W;m=e.y;v=e.i},function(e){h=e.c},function(){},function(e){g=e.c},function(e){y=e.G},function(e){w=e.u;_=e.a},function(e){b=e.u},function(e){x=e.l},function(e){T=e.g;E=e.m},function(e){R=e.l}],execute:function(){var N=a("sq:useRewardsTable");var C="sqm-rewards-table";var A=u.gql(__makeTemplateObject(['\n query getRewards(\n $limit: Int!\n $offset: Int!\n $rewardFilter: RewardFilterInput\n $locale: RSLocale\n ) {\n viewer {\n ... on User {\n id\n rewards(\n limit: $limit\n offset: $offset\n filter: $rewardFilter\n sortBy: { field: "dateCreated", order: DESC }\n ) {\n totalCount\n count\n data {\n meta {\n status\n integration {\n name\n }\n message\n customMeta\n }\n id\n type\n value\n unit\n name\n dateGiven\n dateCreated\n dateExpires\n dateCancelled\n dateRedeemed\n dateScheduledFor\n fuelTankCode\n fuelTankType\n currency\n prettyValue(locale: $locale)\n prettyValueNumber: prettyValue(\n formatType: NUMBER_FORMATTED\n locale: $locale\n )\n prettyAvailableNumber: prettyAvailableValue(\n formatType: NUMBER_FORMATTED\n locale: $locale\n )\n prettyRedeemedNumber: prettyRedeemedCredit(\n formatType: NUMBER_FORMATTED\n locale: $locale\n )\n programId\n program {\n name\n }\n statuses\n pendingReasons\n globalRewardKey\n programRewardKey\n rewardSource\n prettyRedeemedCredit(locale: $locale)\n prettyAssignedCredit(locale: $locale)\n prettyAvailableValue(locale: $locale)\n exchangedRewardRedemptionTransaction {\n id\n creditRedeemed\n prettyRedeemedCredit(locale: $locale)\n unit\n dateRedeemed\n }\n referral {\n id\n referrerUser {\n id\n firstName\n lastName\n }\n referredUser {\n id\n firstName\n lastName\n }\n }\n rewardRedemptionTransactions {\n data {\n exchangedRewards {\n data {\n prettyValue(locale: $locale)\n type\n fuelTankCode\n globalRewardKey\n }\n }\n }\n }\n }\n }\n }\n }\n }\n'],['\n query getRewards(\n $limit: Int!\n $offset: Int!\n $rewardFilter: RewardFilterInput\n $locale: RSLocale\n ) {\n viewer {\n ... on User {\n id\n rewards(\n limit: $limit\n offset: $offset\n filter: $rewardFilter\n sortBy: { field: "dateCreated", order: DESC }\n ) {\n totalCount\n count\n data {\n meta {\n status\n integration {\n name\n }\n message\n customMeta\n }\n id\n type\n value\n unit\n name\n dateGiven\n dateCreated\n dateExpires\n dateCancelled\n dateRedeemed\n dateScheduledFor\n fuelTankCode\n fuelTankType\n currency\n prettyValue(locale: $locale)\n prettyValueNumber: prettyValue(\n formatType: NUMBER_FORMATTED\n locale: $locale\n )\n prettyAvailableNumber: prettyAvailableValue(\n formatType: NUMBER_FORMATTED\n locale: $locale\n )\n prettyRedeemedNumber: prettyRedeemedCredit(\n formatType: NUMBER_FORMATTED\n locale: $locale\n )\n programId\n program {\n name\n }\n statuses\n pendingReasons\n globalRewardKey\n programRewardKey\n rewardSource\n prettyRedeemedCredit(locale: $locale)\n prettyAssignedCredit(locale: $locale)\n prettyAvailableValue(locale: $locale)\n exchangedRewardRedemptionTransaction {\n id\n creditRedeemed\n prettyRedeemedCredit(locale: $locale)\n unit\n dateRedeemed\n }\n referral {\n id\n referrerUser {\n id\n firstName\n lastName\n }\n referredUser {\n id\n firstName\n lastName\n }\n }\n rewardRedemptionTransactions {\n data {\n exchangedRewards {\n data {\n prettyValue(locale: $locale)\n type\n fuelTankCode\n globalRewardKey\n }\n }\n }\n }\n }\n }\n }\n }\n }\n']));function S(e,r,n){var a,s;var o=c();var d=p();var u=f();var v=(a=e.programId)!==null&&a!==void 0?a:d;var h=__assign({userId_eq:o===null||o===void 0?void 0:o.id,accountId_eq:o===null||o===void 0?void 0:o.accountId},v?v==="classic"?{programId_exists:false}:{programId_eq:v}:{});var g=i((function(e,t){return __assign(__assign({},e),t)}),{columns:[],rows:[],loading:false,page:0}),y=g[0],_=g[1];var x=m(A,(function(e){var t;return(t=e===null||e===void 0?void 0:e.viewer)===null||t===void 0?void 0:t.rewards}),{limit:e.perPage,offset:0},{rewardFilter:h,locale:u},!(o===null||o===void 0?void 0:o.jwt)),T=x.envelope,E=x.states,R=x.callbacks;var N=w();var S=b();var L=T===null||T===void 0?void 0:T.data;function P(e){return __awaiter(this,void 0,void 0,(function(){var r,n,a,i,l,s,o;var d=this;return __generator(this,(function(c){switch(c.label){case 0:r=e.filter((function(e){return e.slot!=="loading"&&e.slot!=="empty"}));n=r===null||r===void 0?void 0:r.map((function(e){return __awaiter(d,void 0,void 0,(function(){return __generator(this,(function(t){return[2,D(e,(function(){return e.renderLabel()}))]}))}))}));a=L===null||L===void 0?void 0:L.map((function(e){return __awaiter(d,void 0,void 0,(function(){var n,a;var i=this;return __generator(this,(function(l){switch(l.label){case 0:n=r===null||r===void 0?void 0:r.map((function(r){return __awaiter(i,void 0,void 0,(function(){return __generator(this,(function(n){return[2,D(r,(function(){return r.renderCell(e,u,t)}))]}))}))}));return[4,Promise.all(n)];case 1:a=l.sent();return[2,a]}}))}))}));l=a;if(!l)return[3,2];return[4,Promise.all(a)];case 1:l=c.sent().filter((function(e){return e}));c.label=2;case 2:i=l;_({rows:i});o=n;if(!o)return[3,4];return[4,Promise.all(n)];case 3:o=c.sent();c.label=4;case 4:s=o;_({columns:s,loading:false,page:E.currentPage});return[2]}}))}))}l((function(){_({loading:true});T&&P(S)}),[T,S,N]);var U=!((s=y===null||y===void 0?void 0:y.rows)===null||s===void 0?void 0:s.length)&&!(L===null||L===void 0?void 0:L.length);var k=E.loading||y.loading?"loading":U?"empty":"rows";return{states:{hasNext:E.currentPage<E.pageCount-1,hasPrev:E.currentPage>0,show:k,namespace:C},data:{textOverrides:{showLabels:!e.hideLabels,prevLabel:e.prevLabel,moreLabel:e.moreLabel},hiddenColumns:e.hiddenColumns,smBreakpoint:e.smBreakpoint,mdBreakpoint:e.mdBreakpoint},elements:{columns:y.columns,rows:y.rows,emptyElement:r,loadingElement:n},callbacks:{nextPage:function(){R.setCurrentPage(E.currentPage+1)},prevPage:function(){R.setCurrentPage(E.currentPage-1)}}}}function D(e,r){return __awaiter(this,void 0,void 0,(function(){var n,a,i,l;return __generator(this,(function(s){switch(s.label){case 0:n=e.tagName.toLowerCase();return[4,customElements.whenDefined(n)];case 1:s.sent();try{a=r()}catch(e){N("label promise failed",e);return[2,t("span",null)]}s.label=2;case 2:s.trys.push([2,4,,5]);return[4,a];case 3:return[2,s.sent()];case 4:i=s.sent();N("Error rendering label",i);l=T(i);return[2,t("details",null,t("summary",null,"Error"),l)];case 5:return[2]}}))}))}var L=e("sqm_rewards_table",function(){function e(e){r(this,e);this.perPage=4;this.hideLabels=false;this.prevLabel="Prev";this.moreLabel="Next";this.hiddenColumns="0";this.smBreakpoint=599;this.mdBreakpoint=799;s(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=t(P,null);var r=t(U,null);var n=v()?I(this,e,r):S(this,e,r),a=n.states,i=n.data,l=n.callbacks,s=n.elements;_([this.perPage]);return t(y,{states:a,data:i,callbacks:l,elements:s})};return e}());function P(){return t("slot",{name:"empty"},t("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_reward2.png","empty-state-header":"View your rewards","empty-state-text":"Refer friends and complete tasks to view the details of your rewards"}))}function U(){return t("slot",{name:"loading"},t(k,null),t(k,null),t(k,null),t(k,null))}function k(){return t("sqm-table-row",null,t("sqm-table-cell",{colspan:5},t("sl-skeleton",null)))}function I(e,t,r){var n=i((function(e,t){return __assign(__assign({},e),t)}),{columns:[],rows:[],loading:false,page:0}),a=n[0],s=n[1];var d=w();var u=o((function(){var t;return((t=e.demoData)===null||t===void 0?void 0:t.mockData)||E(e.perPage)}),[e.perPage]).data;var c=b();function p(t){return __awaiter(this,void 0,void 0,(function(){var r,n,a,i,l,o,d,c;var p=this;return __generator(this,(function(f){switch(f.label){case 0:r=u;r=u.slice(0,e.perPage);n=t.filter((function(e){var t,r;return e.slot!=="loading"&&e.slot!=="empty"&&((t=e===null||e===void 0?void 0:e.firstElementChild)===null||t===void 0?void 0:t.getAttribute("slot"))!=="loading"&&((r=e===null||e===void 0?void 0:e.firstElementChild)===null||r===void 0?void 0:r.getAttribute("slot"))!=="empty"}));a=n===null||n===void 0?void 0:n.map((function(e,t){return __awaiter(p,void 0,void 0,(function(){var r,n,a;return __generator(this,(function(i){n=(r=e===null||e===void 0?void 0:e.firstElementChild)===null||r===void 0?void 0:r.getAttribute("slot");if(e.tagName==="RAISINS-PLOP-TARGET"&&n!=="loading"&&n!=="empty"){e.style.position="absolute";e.setAttribute("slot","column-"+t);a=e.firstElementChild.childNodes[1];a.innerHTML="+";a.style.lineHeight="20px";return[2,D(e,(function(){return e.renderLabel(t)}))]}return[2,D(e,(function(){return e.renderLabel()}))]}))}))}));i=r===null||r===void 0?void 0:r.map((function(e){return __awaiter(p,void 0,void 0,(function(){var t,r;var a=this;return __generator(this,(function(i){switch(i.label){case 0:t=n===null||n===void 0?void 0:n.map((function(t){return __awaiter(a,void 0,void 0,(function(){return __generator(this,(function(r){return[2,D(t,(function(){return t.renderCell(e,undefined)}))]}))}))}));return[4,Promise.all(t)];case 1:r=i.sent();return[2,r]}}))}))}));o=i;if(!o)return[3,2];return[4,Promise.all(i)];case 1:o=f.sent().filter((function(e){return e}));f.label=2;case 2:l=o;s({rows:l});c=a;if(!c)return[3,4];return[4,Promise.all(a)];case 3:c=f.sent();f.label=4;case 4:d=c;s({columns:d,loading:false,page:0});return[2]}}))}))}l((function(){s({loading:true});u&&p(c)}),[u,c,d]);var f=h({states:{hasPrev:false,hasNext:false,loading:false,show:"rows"},callbacks:{prevPage:function(){return console.log("Prev")},nextPage:function(){return console.log("Next")}},data:{textOverrides:{showLabels:!e.hideLabels,prevLabel:e.prevLabel,moreLabel:e.moreLabel},referralData:[],mdBreakpoint:799,smBreakpoint:599},elements:{columns:a.columns,rows:a.rows,emptyElement:t,loadingElement:r}},e.demoData||{},{arrayMerge:function(e,t){return t}});return f}var M=e("sqm_rewards_table_date_cell",function(){function e(e){r(this,e);this.ignored=true;this.locale="en";s(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e,t;var r=!this.date?"-":(t=(e=x.DateTime.fromMillis(this.date))===null||e===void 0?void 0:e.setLocale(R(this.locale)))===null||t===void 0?void 0:t.toLocaleString(x.DateTime.DATE_MED);return r};return e}());var q=e("sqm_rewards_table_date_column",function(){function e(e){r(this,e);this.columnTitle="Date received";this.dateShown="dateGiven";s(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,r){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){return[2,t("sqm-rewards-table-date-cell",{date:e[this.dateShown],locale:r})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.render=function(){_([this.dateShown,this.columnTitle]);return t(n,{style:{display:"none"}})};return e}());var $={DetailsContainer:{width:"100%",display:"flex","align-items":"center","justify-content":"space-between","margin-right":"var(--sl-spacing-small)","flex-wrap":"wrap"},Details:{"padding-bottom":"var(--sl-spacing-small)","max-width":"500px","padding-right":"var(--sl-spacing-x-small)","&::part(header)":{padding:"var(--sl-spacing-x-small)",cursor:"default"},"&::part(content)":{padding:"var(--sl-spacing-x-small) var(--sl-spacing-medium)"},"&::part(base)":{opacity:"1"},"&::part(summary-icon)":{display:"flex"}},BadgeContainer:{"& > :not(:last-child)":{"margin-right":"var(--sl-spacing-x-small)"}},BoldText:{"font-weight":"var(--sl-font-weight-semibold)"},StatusBadge:{paddingLeft:"var(--sl-spacing-xxx-small)","&::part(base)":{textAlign:"center",maxWidth:"170px",whiteSpace:"pre-line"}},Fueltank:{"& .code":{display:"flex",cursor:"pointer",userSelect:"none",color:"var(--sl-color-neutral-500)","&:hover":{color:"var(--sl-color-sky-500)"}},"& .text":{maxWidth:"90%",overflow:"hidden",textOverflow:"ellipsis",color:"inherit",fontSize:"var(--sl-font-size-small)",fontWeight:"var(--sl-font-weight-bold)"},"& .icon":{position:"relative",top:"1px",marginLeft:"var(--sl-spacing-x-small)",color:"inherit"}}};var B=g($);var F=B.toString();var V=e("sqm_rewards_table_reward_cell",function(){function e(e){r(this,e)}e.prototype.render=function(){var e=this;d.locale=this.locale;var r=function(r){var n=r.reward;var a;var i=n.unit==="CENTS"?n.prettyValue.replace(/USD/gi,"$"):(a=n.prettyValue)!==null&&a!==void 0?a:"-";var l=n.prettyValueNumber==="1"||n.dateRedeemed&&n.prettyAvailableNumber==="0";if(n.type==="FUELTANK"){return t("div",{class:B.classes.Fueltank},n.prettyValue,n.fuelTankCode&&t("div",{class:"code",onClick:function(){return navigator.clipboard.writeText(n.fuelTankCode)}},t("sl-tooltip",{trigger:"click",placement:"top",distance:5,skidding:11,content:e.copyText,"onSl-show":function(e){return setTimeout((function(){return e.path[0].hide()}),1e3)}},t("span",{class:"text"},n.fuelTankCode),t("span",{class:"icon"},t("sl-icon",{name:"files"})))))}if(n.type==="CREDIT"&&!l){var s=parseFloat(n.prettyValueNumber)-parseFloat(n.prettyRedeemedNumber);var o=Math.round(s/parseFloat(n.prettyValueNumber)*100);var u=n.statuses.includes("EXPIRED")||n.statuses.includes("CANCELLED")?t("div",null,d.formatMessage({id:"redeemedText",defaultMessage:e.redeemedText},{redeemedAmount:n.prettyRedeemedCredit})):t("div",null,d.formatMessage({id:"availableText",defaultMessage:e.availableText},{availableAmount:n.statuses.includes("PENDING")?n.prettyAssignedCredit:n.prettyAvailableValue}));var c={Progress:{height:"3px",width:"100%",margin:"var(--sl-spacing-xx-small) 0",background:"var(--sl-color-neutral-200)","&:after":{content:'""',display:"block",background:"var(--sl-color-primary-300)",borderRadius:"100px",width:o+"%",height:"100%"}},Container:{display:"inline-block",verticalAlign:"top",width:"150px",whiteSpace:"break",overflow:"hidden",textOverflow:"ellipsis"},Text:{fontSize:"var(--sl-font-size-medium)",color:"var(--sl-color-gray-800)"},Subtext:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"}};var p=g(c);var f=p.toString();return t("div",null,t("style",{type:"text/css"},f),t("div",{class:p.classes.Container},t("span",{part:"sqm-reward-cell-value"},i+" "),t("br",null)," ",t("div",{part:"sqm-reward-cell-progress",class:p.classes.Progress}),t("span",{part:"sqm-reward-cell-subtext",class:p.classes.Subtext},u)))}return t("div",null,i)};return t("div",{style:{display:"contents"}},t("style",{type:"text/css"},F),t(r,{reward:this.reward}))};return e}());var O=e("sqm_rewards_table_reward_column",function(){function e(e){r(this,e);this.columnTitle="Reward";this.redeemedText="{redeemedAmount} redeemed";this.availableText="{availableAmount} remaining";this.copyText="Copied!";s(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,r){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){return[2,t("sqm-rewards-table-reward-cell",{reward:e,redeemedText:this.redeemedText,availableText:this.availableText,copyText:this.copyText,locale:r,exportparts:"sqm-rewards-cell-value, sqm-rewards-cell-progress-bar, sqm-rewards-cell-subtext"})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.render=function(){_([this.columnTitle,this.redeemedText,this.availableText,this.copyText]);return t(n,{style:{display:"none"}})};return e}());var j=e("sqm_rewards_table_source_cell",function(){function e(e){r(this,e);this.locale="en"}e.prototype.render=function(){var e=this;d.locale=this.locale;var r=function(r){var n=r.reward;var a;return t("span",null,d.formatMessage({id:"rewardSourceText",defaultMessage:e.rewardSourceText},{rewardSource:n.rewardSource,programName:(a=n===null||n===void 0?void 0:n.program)===null||a===void 0?void 0:a.name}))};var n=21;var a=function(r){var a=r.reward;var i;var l=t("div",null,t("span",{style:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"}},e.rewardExchangeText),t("br",null),(i=a.exchangedRewardRedemptionTransaction)===null||i===void 0?void 0:i.prettyRedeemedCredit," → ",a.prettyValue);return a.exchangedRewardRedemptionTransaction.prettyRedeemedCredit.length+a.prettyValue.length<n?l:t("div",{style:{display:"inline-block",verticalAlign:"top"}},l)};var i=function(t){if(!t)return e.deletedUserText;if(!t.firstName&&!t.lastName)return e.anonymousUserText;if(!t.firstName)return""+t.lastName;if(!t.lastName)return""+t.firstName;return t.firstName+" "+t.lastName};var l=function(){return e.reward.rewardSource==="FRIEND_SIGNUP"||e.reward.rewardSource==="REFERRED"?t("div",null,t("div",{style:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"}},d.formatMessage({id:"referralText",defaultMessage:e.referralText},{rewardSource:e.reward.rewardSource})),t("div",null,e.reward.rewardSource=="FRIEND_SIGNUP"?i(e.reward.referral.referredUser):i(e.reward.referral.referrerUser))):e.reward.exchangedRewardRedemptionTransaction?t(a,{reward:e.reward}):t(r,{reward:e.reward})};return t(l,null)};return e}());var G=e("sqm_rewards_table_source_column",function(){function e(e){r(this,e);this.columnTitle="Source";this.anonymousUser="Anonymous User";this.deletedUser="Deleted User";this.rewardExchangeText="Reward Exchange";this.referralText="{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}";this.rewardSourceText="{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}";s(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,r){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){return[2,t("sqm-rewards-table-source-cell",{reward:e,anonymousUserText:this.anonymousUser,deletedUserText:this.deletedUser,rewardExchangeText:this.rewardExchangeText,referralText:this.referralText,rewardSourceText:this.rewardSourceText,locale:r})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.render=function(){_([this.deletedUser,this.anonymousUser,this.columnTitle,this.rewardExchangeText,this.referralText,this.rewardSourceText]);return t(n,{style:{display:"none"}})};return e}());var z={Badge:{"&::part(base)":{fontSize:"var(--sl-font-size-small)",padding:"4px 8px",paddingLeft:"10px",whiteSpace:"pre-line"}},RedeemBadge:{"&::part(base)":{fontSize:"var(--sl-font-size-small)",padding:"4px 8px",background:"var(--sl-color-blue-600)"}},Date:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)",margin:"0"}};var K=g(z);var W=K.toString();var X=e("sqm_rewards_table_status_cell",function(){function e(e){r(this,e);this.expiryText="Expires";this.locale="en";this.pendingUsTax="W-9 required";this.pendingScheduled="Until";this.pendingUnhandled="Fulfillment error"}e.prototype.rewardStatus=function(e){if(e.dateCancelled)return"CANCELLED";if(e.statuses&&e.statuses.includes("EXPIRED"))return"EXPIRED";if(e.statuses&&e.statuses.includes("PENDING"))return"PENDING";if(e.type==="CREDIT"){if(e.statuses.includes("REDEEMED"))return"REDEEMED";return"AVAILABLE"}if(e.type==="PCT_DISCOUNT"){if(e.statuses.includes("AVAILABLE"))return"AVAILABLE"}if(e.type==="INTEGRATION"||e.type==="FUELTANK"){if(e.statuses&&e.statuses.includes("PENDING"))return"PENDING";if(e.statuses&&e.statuses.includes("CANCELLED"))return"CANCELLED";if(e.statuses.includes("AVAILABLE"))return"AVAILABLE"}return""};e.prototype.render=function(){var e;d.locale=this.locale;var r=this.rewardStatus(this.reward);var n=d.formatMessage({id:"statusMessage",defaultMessage:this.statusText},{status:r});var a=r==="AVAILABLE"?"success":r==="REDEEMED"?"primary":r==="PENDING"?"warning":"danger";var i=this.reward.dateCancelled||this.reward.dateExpires||this.reward.dateRedeemed||"";var l=i&&""+(r==="AVAILABLE"&&this.reward.dateExpires?this.expiryText+" ":"")+((e=x.DateTime.fromMillis(i))===null||e===void 0?void 0:e.setLocale(R(R(this.locale))).toLocaleString(x.DateTime.DATE_MED));var s=r==="PENDING"?o(this):null;return t("div",{style:{display:"contents"}},t("style",{type:"text/css"},W),t("sl-badge",{type:a,pill:true,class:r==="REDEEMED"?K.classes.RedeemBadge:K.classes.Badge},n),t("p",{class:K.classes.Date},s||l));function o(e){var t;var r={US_TAX:e.pendingUsTax,SCHEDULED:e.reward.dateScheduledFor&&e.pendingScheduled+" "+((t=x.DateTime.fromMillis(e.reward.dateScheduledFor))===null||t===void 0?void 0:t.setLocale(R(R(e.locale||"en"))).toLocaleString(x.DateTime.DATE_MED)),UNHANDLED_ERROR:e.pendingUnhandled};return[e.reward.pendingReasons].map((function(e){var t;return(t=r[e])!==null&&t!==void 0?t:e})).join(", ")}};return e}());var H=e("sqm_rewards_table_status_column",function(){function e(e){r(this,e);this.columnTitle="Status";this.statusText="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }";this.expiryText="Expires on ";this.pendingUsTax="W-9 required";this.pendingScheduled="Until";this.pendingUnhandled="Fulfillment error";s(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,r){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){return[2,t("sqm-rewards-table-status-cell",{statusText:this.statusText,reward:e,expiryText:this.expiryText,pendingScheduled:this.pendingScheduled,pendingUsTax:this.pendingUsTax,pendingUnhandled:this.pendingUnhandled,locale:r})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.render=function(){_([this.columnTitle,this.statusText,this.expiryText,this.pendingScheduled,this.pendingUsTax,this.pendingUnhandled]);return t(n,{style:{display:"none"}})};return e}())}}}));
1
+ var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,t){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:t})}else{e.raw=t}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++){t=arguments[r];for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a))e[a]=t[a]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,t,r,n){function a(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,i){function l(e){try{o(n.next(e))}catch(e){i(e)}}function s(e){try{o(n["throw"](e))}catch(e){i(e)}}function o(e){e.done?r(e.value):a(e.value).then(l,s)}o((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,a,i,l;return l={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function s(e){return function(t){return o([e,t])}}function o(l){if(n)throw new TypeError("Generator is already executing.");while(r)try{if(n=1,a&&(i=l[0]&2?a["return"]:l[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,l[1])).done)return i;if(a=0,i)l=[l[0]&2,i.value];switch(l[0]){case 0:case 1:i=l;break;case 4:r.label++;return{value:l[1],done:false};case 5:r.label++;a=l[1];l=[0];continue;case 7:l=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(l[0]===6||l[0]===2)){r=0;continue}if(l[0]===3&&(!i||l[1]>i[0]&&l[1]<i[3])){r.label=l[1];break}if(l[0]===6&&r.label<i[1]){r.label=i[1];i=l;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(l);break}if(i[2])r.ops.pop();r.trys.pop();continue}l=t.call(e,r)}catch(e){l=[6,e];a=0}finally{n=i=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./p-ff17b3a4.system.js","./p-3cc28285.system.js","./p-5a739d01.system.js","./p-a3e28532.system.js","./p-4bd679a7.system.js","./p-f6934a55.system.js","./p-1a673057.system.js","./p-9165844e.system.js","./p-c0e7d16e.system.js","./p-c32a8733.system.js","./p-2b6c19e0.system.js","./p-ea04661e.system.js","./p-6333265f.system.js"],(function(e){"use strict";var t,r,n,a,i,l,s,o,d,u,c,p,f,m,v,h,g,y,w,_,b,x,T,E,R;return{setters:[function(e){t=e.h;r=e.r;n=e.c},function(e){a=e.b;i=e.i;l=e.f;s=e.m;o=e.u},function(e){d=e.i},function(e){u=e.d;c=e.L;p=e.O;f=e.W;m=e.y;v=e.i},function(e){h=e.c},function(){},function(e){g=e.c},function(e){y=e.G},function(e){w=e.u;_=e.a},function(e){b=e.u},function(e){x=e.l},function(e){T=e.g;E=e.m},function(e){R=e.l}],execute:function(){var N=a("sq:useRewardsTable");var C="sqm-rewards-table";var A=u.gql(__makeTemplateObject(['\n query getRewards(\n $limit: Int!\n $offset: Int!\n $rewardFilter: RewardFilterInput\n $locale: RSLocale\n ) {\n viewer {\n ... on User {\n id\n rewards(\n limit: $limit\n offset: $offset\n filter: $rewardFilter\n sortBy: { field: "dateCreated", order: DESC }\n ) {\n totalCount\n count\n data {\n meta {\n status\n integration {\n name\n }\n message\n customMeta\n }\n id\n type\n value\n unit\n name\n dateGiven\n dateCreated\n dateExpires\n dateCancelled\n dateRedeemed\n dateScheduledFor\n fuelTankCode\n fuelTankType\n currency\n prettyValue(locale: $locale)\n prettyValueNumber: prettyValue(\n formatType: NUMBER_FORMATTED\n locale: $locale\n )\n prettyAvailableNumber: prettyAvailableValue(\n formatType: NUMBER_FORMATTED\n locale: $locale\n )\n prettyRedeemedNumber: prettyRedeemedCredit(\n formatType: NUMBER_FORMATTED\n locale: $locale\n )\n programId\n program {\n name\n }\n statuses\n pendingReasons\n globalRewardKey\n programRewardKey\n rewardSource\n prettyRedeemedCredit(locale: $locale)\n prettyAssignedCredit(locale: $locale)\n prettyAvailableValue(locale: $locale)\n exchangedRewardRedemptionTransaction {\n id\n creditRedeemed\n prettyRedeemedCredit(locale: $locale)\n unit\n dateRedeemed\n }\n referral {\n id\n referrerUser {\n id\n firstName\n lastName\n }\n referredUser {\n id\n firstName\n lastName\n }\n }\n rewardRedemptionTransactions {\n data {\n exchangedRewards {\n data {\n prettyValue(locale: $locale)\n type\n fuelTankCode\n globalRewardKey\n }\n }\n }\n }\n }\n }\n }\n }\n }\n'],['\n query getRewards(\n $limit: Int!\n $offset: Int!\n $rewardFilter: RewardFilterInput\n $locale: RSLocale\n ) {\n viewer {\n ... on User {\n id\n rewards(\n limit: $limit\n offset: $offset\n filter: $rewardFilter\n sortBy: { field: "dateCreated", order: DESC }\n ) {\n totalCount\n count\n data {\n meta {\n status\n integration {\n name\n }\n message\n customMeta\n }\n id\n type\n value\n unit\n name\n dateGiven\n dateCreated\n dateExpires\n dateCancelled\n dateRedeemed\n dateScheduledFor\n fuelTankCode\n fuelTankType\n currency\n prettyValue(locale: $locale)\n prettyValueNumber: prettyValue(\n formatType: NUMBER_FORMATTED\n locale: $locale\n )\n prettyAvailableNumber: prettyAvailableValue(\n formatType: NUMBER_FORMATTED\n locale: $locale\n )\n prettyRedeemedNumber: prettyRedeemedCredit(\n formatType: NUMBER_FORMATTED\n locale: $locale\n )\n programId\n program {\n name\n }\n statuses\n pendingReasons\n globalRewardKey\n programRewardKey\n rewardSource\n prettyRedeemedCredit(locale: $locale)\n prettyAssignedCredit(locale: $locale)\n prettyAvailableValue(locale: $locale)\n exchangedRewardRedemptionTransaction {\n id\n creditRedeemed\n prettyRedeemedCredit(locale: $locale)\n unit\n dateRedeemed\n }\n referral {\n id\n referrerUser {\n id\n firstName\n lastName\n }\n referredUser {\n id\n firstName\n lastName\n }\n }\n rewardRedemptionTransactions {\n data {\n exchangedRewards {\n data {\n prettyValue(locale: $locale)\n type\n fuelTankCode\n globalRewardKey\n }\n }\n }\n }\n }\n }\n }\n }\n }\n']));function S(e,r,n){var a,s;var o=c();var d=p();var u=f();var v=(a=e.programId)!==null&&a!==void 0?a:d;var h=__assign({userId_eq:o===null||o===void 0?void 0:o.id,accountId_eq:o===null||o===void 0?void 0:o.accountId},v?v==="classic"?{programId_exists:false}:{programId_eq:v}:{});var g=i((function(e,t){return __assign(__assign({},e),t)}),{columns:[],rows:[],loading:false,page:0}),y=g[0],_=g[1];var x=m(A,(function(e){var t;return(t=e===null||e===void 0?void 0:e.viewer)===null||t===void 0?void 0:t.rewards}),{limit:e.perPage,offset:0},{rewardFilter:h,locale:u},!(o===null||o===void 0?void 0:o.jwt)),T=x.envelope,E=x.states,R=x.callbacks;var N=w();var S=b();var L=T===null||T===void 0?void 0:T.data;function P(e){return __awaiter(this,void 0,void 0,(function(){var r,n,a,i,l,s,o;var d=this;return __generator(this,(function(c){switch(c.label){case 0:r=e.filter((function(e){return e.slot!=="loading"&&e.slot!=="empty"}));n=r===null||r===void 0?void 0:r.map((function(e){return __awaiter(d,void 0,void 0,(function(){return __generator(this,(function(t){return[2,D(e,(function(){return e.renderLabel()}))]}))}))}));a=L===null||L===void 0?void 0:L.map((function(e){return __awaiter(d,void 0,void 0,(function(){var n,a;var i=this;return __generator(this,(function(l){switch(l.label){case 0:n=r===null||r===void 0?void 0:r.map((function(r){return __awaiter(i,void 0,void 0,(function(){return __generator(this,(function(n){return[2,D(r,(function(){return r.renderCell(e,u,t)}))]}))}))}));return[4,Promise.all(n)];case 1:a=l.sent();return[2,a]}}))}))}));l=a;if(!l)return[3,2];return[4,Promise.all(a)];case 1:l=c.sent().filter((function(e){return e}));c.label=2;case 2:i=l;_({rows:i});o=n;if(!o)return[3,4];return[4,Promise.all(n)];case 3:o=c.sent();c.label=4;case 4:s=o;_({columns:s,loading:false,page:E.currentPage});return[2]}}))}))}l((function(){_({loading:true});T&&P(S)}),[T,S,N]);var U=!((s=y===null||y===void 0?void 0:y.rows)===null||s===void 0?void 0:s.length)&&!(L===null||L===void 0?void 0:L.length);var k=E.loading||y.loading?"loading":U?"empty":"rows";return{states:{hasNext:E.currentPage<E.pageCount-1,hasPrev:E.currentPage>0,show:k,namespace:C},data:{textOverrides:{showLabels:!e.hideLabels,prevLabel:e.prevLabel,moreLabel:e.moreLabel},hiddenColumns:e.hiddenColumns,smBreakpoint:e.smBreakpoint,mdBreakpoint:e.mdBreakpoint},elements:{columns:y.columns,rows:y.rows,emptyElement:r,loadingElement:n},callbacks:{nextPage:function(){R.setCurrentPage(E.currentPage+1)},prevPage:function(){R.setCurrentPage(E.currentPage-1)}}}}function D(e,r){return __awaiter(this,void 0,void 0,(function(){var n,a,i,l;return __generator(this,(function(s){switch(s.label){case 0:n=e.tagName.toLowerCase();return[4,customElements.whenDefined(n)];case 1:s.sent();try{a=r()}catch(e){N("label promise failed",e);return[2,t("span",null)]}s.label=2;case 2:s.trys.push([2,4,,5]);return[4,a];case 3:return[2,s.sent()];case 4:i=s.sent();N("Error rendering label",i);l=T(i);return[2,t("details",null,t("summary",null,"Error"),l)];case 5:return[2]}}))}))}var L=e("sqm_rewards_table",function(){function e(e){r(this,e);this.perPage=4;this.hideLabels=false;this.prevLabel="Prev";this.moreLabel="Next";this.hiddenColumns="0";this.smBreakpoint=599;this.mdBreakpoint=799;s(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=t(P,null);var r=t(U,null);var n=v()?I(this,e,r):S(this,e,r),a=n.states,i=n.data,l=n.callbacks,s=n.elements;_([this.perPage]);return t(y,{states:a,data:i,callbacks:l,elements:s})};return e}());function P(){return t("slot",{name:"empty"},t("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_reward2.png","empty-state-header":"View your rewards","empty-state-text":"Refer friends and complete tasks to view the details of your rewards"}))}function U(){return t("slot",{name:"loading"},t(k,null),t(k,null),t(k,null),t(k,null))}function k(){return t("sqm-table-row",null,t("sqm-table-cell",{colspan:5},t("sl-skeleton",null)))}function I(e,t,r){var n=i((function(e,t){return __assign(__assign({},e),t)}),{columns:[],rows:[],loading:false,page:0}),a=n[0],s=n[1];var d=w();var u=o((function(){var t;return((t=e.demoData)===null||t===void 0?void 0:t.mockData)||E(e.perPage)}),[e.perPage]).data;var c=b();function p(t){return __awaiter(this,void 0,void 0,(function(){var r,n,a,i,l,o,d,c;var p=this;return __generator(this,(function(f){switch(f.label){case 0:r=u;r=u.slice(0,e.perPage);n=t.filter((function(e){var t,r;return e.slot!=="loading"&&e.slot!=="empty"&&((t=e===null||e===void 0?void 0:e.firstElementChild)===null||t===void 0?void 0:t.getAttribute("slot"))!=="loading"&&((r=e===null||e===void 0?void 0:e.firstElementChild)===null||r===void 0?void 0:r.getAttribute("slot"))!=="empty"}));a=n===null||n===void 0?void 0:n.map((function(e,t){return __awaiter(p,void 0,void 0,(function(){var r,n,a;return __generator(this,(function(i){n=(r=e===null||e===void 0?void 0:e.firstElementChild)===null||r===void 0?void 0:r.getAttribute("slot");if(e.tagName==="RAISINS-PLOP-TARGET"&&n!=="loading"&&n!=="empty"){e.style.position="absolute";e.setAttribute("slot","column-"+t);a=e.firstElementChild.childNodes[1];a.innerHTML="+";a.style.lineHeight="20px";return[2,D(e,(function(){return e.renderLabel(t)}))]}return[2,D(e,(function(){return e.renderLabel()}))]}))}))}));i=r===null||r===void 0?void 0:r.map((function(e){return __awaiter(p,void 0,void 0,(function(){var t,r;var a=this;return __generator(this,(function(i){switch(i.label){case 0:t=n===null||n===void 0?void 0:n.map((function(t){return __awaiter(a,void 0,void 0,(function(){return __generator(this,(function(r){return[2,D(t,(function(){return t.renderCell(e,undefined)}))]}))}))}));return[4,Promise.all(t)];case 1:r=i.sent();return[2,r]}}))}))}));o=i;if(!o)return[3,2];return[4,Promise.all(i)];case 1:o=f.sent().filter((function(e){return e}));f.label=2;case 2:l=o;s({rows:l});c=a;if(!c)return[3,4];return[4,Promise.all(a)];case 3:c=f.sent();f.label=4;case 4:d=c;s({columns:d,loading:false,page:0});return[2]}}))}))}l((function(){s({loading:true});u&&p(c)}),[u,c,d]);var f=h({states:{hasPrev:false,hasNext:false,loading:false,show:"rows"},callbacks:{prevPage:function(){return console.log("Prev")},nextPage:function(){return console.log("Next")}},data:{textOverrides:{showLabels:!e.hideLabels,prevLabel:e.prevLabel,moreLabel:e.moreLabel},referralData:[],mdBreakpoint:799,smBreakpoint:599},elements:{columns:a.columns,rows:a.rows,emptyElement:t,loadingElement:r}},e.demoData||{},{arrayMerge:function(e,t){return t}});return f}var M=e("sqm_rewards_table_date_cell",function(){function e(e){r(this,e);this.ignored=true;this.locale="en";s(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e,t;var r=!this.date?"-":(t=(e=x.DateTime.fromMillis(this.date))===null||e===void 0?void 0:e.setLocale(R(this.locale)))===null||t===void 0?void 0:t.toLocaleString(x.DateTime.DATE_MED);return r};return e}());var q=e("sqm_rewards_table_date_column",function(){function e(e){r(this,e);this.columnTitle="Date received";this.dateShown="dateGiven";s(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,r){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){return[2,t("sqm-rewards-table-date-cell",{date:e[this.dateShown],locale:r})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.render=function(){_([this.dateShown,this.columnTitle]);return t(n,{style:{display:"none"}})};return e}());var $={DetailsContainer:{width:"100%",display:"flex","align-items":"center","justify-content":"space-between","margin-right":"var(--sl-spacing-small)","flex-wrap":"wrap"},Details:{"padding-bottom":"var(--sl-spacing-small)","max-width":"500px","padding-right":"var(--sl-spacing-x-small)","&::part(header)":{padding:"var(--sl-spacing-x-small)",cursor:"default"},"&::part(content)":{padding:"var(--sl-spacing-x-small) var(--sl-spacing-medium)"},"&::part(base)":{opacity:"1"},"&::part(summary-icon)":{display:"flex"}},BadgeContainer:{"& > :not(:last-child)":{"margin-right":"var(--sl-spacing-x-small)"}},BoldText:{"font-weight":"var(--sl-font-weight-semibold)"},StatusBadge:{paddingLeft:"var(--sl-spacing-xxx-small)","&::part(base)":{textAlign:"center",maxWidth:"170px",whiteSpace:"pre-line"}},Fueltank:{"& .code":{display:"flex",cursor:"pointer",userSelect:"none",color:"var(--sl-color-neutral-500)","&:hover":{color:"var(--sl-color-sky-500)"}},"& .text":{maxWidth:"90%",overflow:"hidden",textOverflow:"ellipsis",color:"inherit",fontSize:"var(--sl-font-size-small)",fontWeight:"var(--sl-font-weight-bold)"},"& .icon":{position:"relative",top:"1px",marginLeft:"var(--sl-spacing-x-small)",color:"inherit"}}};var B=g($);var F=B.toString();var V=e("sqm_rewards_table_reward_cell",function(){function e(e){r(this,e)}e.prototype.render=function(){var e=this;d.locale=this.locale;var r=function(r){var n=r.reward;var a;var i=n.unit==="CENTS"?n.prettyValue.replace(/USD/gi,"$"):(a=n.prettyValue)!==null&&a!==void 0?a:"-";var l=n.prettyValueNumber==="1"||n.dateRedeemed&&n.prettyAvailableNumber==="0";if(n.type==="FUELTANK"){return t("div",{class:B.classes.Fueltank},n.prettyValue,n.fuelTankCode&&t("div",{class:"code",onClick:function(){return navigator.clipboard.writeText(n.fuelTankCode)}},t("sl-tooltip",{trigger:"click",placement:"top",distance:5,skidding:11,content:e.copyText,"onSl-show":function(e){return setTimeout((function(){return e.path[0].hide()}),1e3)}},t("span",{class:"text"},n.fuelTankCode),t("span",{class:"icon"},t("sl-icon",{name:"files"})))))}if(n.type==="CREDIT"&&!l){var s=parseFloat(n.prettyValueNumber)-parseFloat(n.prettyRedeemedNumber);var o=Math.round(s/parseFloat(n.prettyValueNumber)*100);var u=n.statuses.includes("EXPIRED")||n.statuses.includes("CANCELLED")?t("div",null,d.formatMessage({id:"redeemedText",defaultMessage:e.redeemedText},{redeemedAmount:n.prettyRedeemedCredit})):t("div",null,d.formatMessage({id:"availableText",defaultMessage:e.availableText},{availableAmount:n.statuses.includes("PENDING")?n.prettyAssignedCredit:n.prettyAvailableValue}));var c={Progress:{height:"3px",width:"100%",margin:"var(--sl-spacing-xx-small) 0",background:"var(--sl-color-neutral-200)","&:after":{content:'""',display:"block",background:"var(--sl-color-primary-300)",borderRadius:"100px",width:o+"%",height:"100%"}},Container:{display:"inline-block",verticalAlign:"top",width:"150px",whiteSpace:"break",overflow:"hidden",textOverflow:"ellipsis"},Text:{fontSize:"var(--sl-font-size-medium)",color:"var(--sl-color-gray-800)"},Subtext:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"}};var p=g(c);var f=p.toString();return t("div",null,t("style",{type:"text/css"},f),t("div",{class:p.classes.Container},t("span",{part:"sqm-reward-cell-value"},i+" "),t("br",null)," ",t("div",{part:"sqm-reward-cell-progress",class:p.classes.Progress}),t("span",{part:"sqm-reward-cell-subtext",class:p.classes.Subtext},u)))}return t("div",null,i)};return t("div",{style:{display:"contents"}},t("style",{type:"text/css"},F),t(r,{reward:this.reward}))};return e}());var O=e("sqm_rewards_table_reward_column",function(){function e(e){r(this,e);this.columnTitle="Reward";this.redeemedText="{redeemedAmount} redeemed";this.availableText="{availableAmount} remaining";this.copyText="Copied!";s(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,r){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){return[2,t("sqm-rewards-table-reward-cell",{reward:e,redeemedText:this.redeemedText,availableText:this.availableText,copyText:this.copyText,locale:r,exportparts:"sqm-rewards-cell-value, sqm-rewards-cell-progress-bar, sqm-rewards-cell-subtext"})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.render=function(){_([this.columnTitle,this.redeemedText,this.availableText,this.copyText]);return t(n,{style:{display:"none"}})};return e}());var j=e("sqm_rewards_table_source_cell",function(){function e(e){r(this,e);this.locale="en"}e.prototype.render=function(){var e=this;d.locale=this.locale;var r=function(r){var n=r.reward;var a;return t("span",null,d.formatMessage({id:"rewardSourceText",defaultMessage:e.rewardSourceText},{rewardSource:n.rewardSource,programName:(a=n===null||n===void 0?void 0:n.program)===null||a===void 0?void 0:a.name}))};var n=21;var a=function(r){var a=r.reward;var i;var l=t("div",null,t("span",{style:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"}},e.rewardExchangeText),t("br",null),(i=a.exchangedRewardRedemptionTransaction)===null||i===void 0?void 0:i.prettyRedeemedCredit," → ",a.prettyValue);return a.exchangedRewardRedemptionTransaction.prettyRedeemedCredit.length+a.prettyValue.length<n?l:t("div",{style:{display:"inline-block",verticalAlign:"top"}},l)};var i=function(t){if(!t)return e.deletedUserText;if(!t.firstName&&!t.lastName)return e.anonymousUserText;if(!t.firstName)return""+t.lastName;if(!t.lastName)return""+t.firstName;return t.firstName+" "+t.lastName};var l=function(){return e.reward.rewardSource==="FRIEND_SIGNUP"||e.reward.rewardSource==="REFERRED"?t("div",null,t("div",{style:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"}},d.formatMessage({id:"referralText",defaultMessage:e.referralText},{rewardSource:e.reward.rewardSource})),t("div",null,e.reward.rewardSource=="FRIEND_SIGNUP"?i(e.reward.referral.referredUser):i(e.reward.referral.referrerUser))):e.reward.exchangedRewardRedemptionTransaction?t(a,{reward:e.reward}):t(r,{reward:e.reward})};return t(l,null)};return e}());var G=e("sqm_rewards_table_source_column",function(){function e(e){r(this,e);this.columnTitle="Source";this.anonymousUser="Anonymous User";this.deletedUser="Deleted User";this.rewardExchangeText="Reward Exchange";this.referralText="{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}";this.rewardSourceText="{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}";s(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,r){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){return[2,t("sqm-rewards-table-source-cell",{reward:e,anonymousUserText:this.anonymousUser,deletedUserText:this.deletedUser,rewardExchangeText:this.rewardExchangeText,referralText:this.referralText,rewardSourceText:this.rewardSourceText,locale:r})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.render=function(){_([this.deletedUser,this.anonymousUser,this.columnTitle,this.rewardExchangeText,this.referralText,this.rewardSourceText]);return t(n,{style:{display:"none"}})};return e}());var z={Badge:{"&::part(base)":{fontSize:"var(--sl-font-size-small)",padding:"4px 8px",paddingLeft:"10px",whiteSpace:"pre-line"}},RedeemBadge:{"&::part(base)":{fontSize:"var(--sl-font-size-small)",padding:"4px 8px",background:"var(--sl-color-blue-600)"}},Date:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)",margin:"0"}};var K=g(z);var W=K.toString();var X=e("sqm_rewards_table_status_cell",function(){function e(e){r(this,e);this.expiryText="Expires";this.locale="en";this.pendingUsTax="W-9 required";this.pendingScheduled="Until";this.pendingUnhandled="Fulfillment error"}e.prototype.rewardStatus=function(e){if(e.dateCancelled)return"CANCELLED";if(e.statuses&&e.statuses.includes("EXPIRED"))return"EXPIRED";if(e.statuses&&e.statuses.includes("PENDING"))return"PENDING";if(e.type==="CREDIT"){if(e.statuses.includes("REDEEMED"))return"REDEEMED";return"AVAILABLE"}if(e.type==="PCT_DISCOUNT"){if(e.statuses.includes("AVAILABLE"))return"AVAILABLE"}if(e.type==="INTEGRATION"||e.type==="FUELTANK"){if(e.statuses&&e.statuses.includes("PENDING"))return"PENDING";if(e.statuses&&e.statuses.includes("CANCELLED"))return"CANCELLED";if(e.statuses.includes("AVAILABLE"))return"AVAILABLE"}return""};e.prototype.render=function(){var e;d.locale=this.locale;var r=this.rewardStatus(this.reward);var n=d.formatMessage({id:"statusMessage",defaultMessage:this.statusText},{status:r});var a=r==="AVAILABLE"?"success":r==="REDEEMED"?"primary":r==="PENDING"?"warning":"danger";var i=this.reward.dateCancelled||this.reward.dateExpires||this.reward.dateRedeemed||"";var l=i&&""+(r==="AVAILABLE"&&this.reward.dateExpires?this.expiryText+" ":"")+((e=x.DateTime.fromMillis(i))===null||e===void 0?void 0:e.setLocale(R(R(this.locale))).toLocaleString(x.DateTime.DATE_MED));var s=r==="PENDING"?o(this):null;return t("div",{style:{display:"contents"}},t("style",{type:"text/css"},W),t("sl-badge",{type:a,pill:true,class:r==="REDEEMED"?K.classes.RedeemBadge:K.classes.Badge},n),t("p",{class:K.classes.Date},s||l));function o(e){var t;var r={US_TAX:e.pendingUsTax,SCHEDULED:e.reward.dateScheduledFor&&e.pendingScheduled+" "+((t=x.DateTime.fromMillis(e.reward.dateScheduledFor))===null||t===void 0?void 0:t.setLocale(R(R(e.locale||"en"))).toLocaleString(x.DateTime.DATE_MED)),UNHANDLED_ERROR:e.pendingUnhandled};return[e.reward.pendingReasons].map((function(e){var t;return(t=r[e])!==null&&t!==void 0?t:e})).join(", ")}};return e}());var H=e("sqm_rewards_table_status_column",function(){function e(e){r(this,e);this.columnTitle="Status";this.statusText="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }";this.expiryText="Expires on ";this.pendingUsTax="W-9 required";this.pendingScheduled="Until";this.pendingUnhandled="Fulfillment error";s(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,r){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){return[2,t("sqm-rewards-table-status-cell",{statusText:this.statusText,reward:e,expiryText:this.expiryText,pendingScheduled:this.pendingScheduled,pendingUsTax:this.pendingUsTax,pendingUnhandled:this.pendingUnhandled,locale:r})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.render=function(){_([this.columnTitle,this.statusText,this.expiryText,this.pendingScheduled,this.pendingUsTax,this.pendingUnhandled]);return t(n,{style:{display:"none"}})};return e}())}}}));
@@ -1 +1 @@
1
- var __assign=this&&this.__assign||function(){__assign=Object.assign||function(s){for(var e,t=1,n=arguments.length;t<n;t++){e=arguments[t];for(var a in e)if(Object.prototype.hasOwnProperty.call(e,a))s[a]=e[a]}return s};return __assign.apply(this,arguments)};System.register(["./p-ff17b3a4.system.js","./p-c3a32e2b.system.js","./p-f6934a55.system.js","./p-1a673057.system.js","./p-5cda74d1.system.js"],(function(s){"use strict";var e,t,n,a,r,i;return{setters:[function(s){e=s.h},function(s){t=s.i},function(s){n=s.A;a=s.a},function(s){r=s.c},function(s){i=s.T}],execute:function(){s("P",p);var o={Wrapper:n,Column:__assign({},a),ButtonLink:{fontSize:"14px",color:"var(--sl-color-primary-500)",display:"inline-block !important","&:hover":{cursor:"pointer",textDecoration:"underline"}},ButtonLinkLoading:{fontSize:"14px",color:"var(--sl-color-gray-500)",opacity:"0.6",display:"inline-block !important",textDecoration:"underline","&:hover":{cursor:"not-allowed"}}};var c="\n:host {\n display: block;\n}\n:host([hidden]): {\n display: none;\n}\n";var l=r(o);var u=l.toString();function p(s){var n=s.states,a=s.callbacks,r=s.content,o=r.email,p=r.verifyMessage,f=r.emailVerificationHeader,d=r.resendEmailButtonText,g=r.verificationStatusMessage,m=r.verificationLoadingMessage;return e("div",{class:l.classes.Wrapper},e("style",{type:"text/css"},c,u),e(i,{type:"h3"},f),e("sl-form",{class:l.classes.Column,"onSl-submit":a.submit},s.states.error&&e("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},s.states.error)),s.states.success&&e("sqm-form-message",{type:"success",exportparts:"successalert-icon"},e("div",{part:"successalert-text"},"Your verification email has been resent successfully")),e(i,{type:"p"},t.formatMessage({id:"verifyMessage",defaultMessage:p},{email:e("span",{style:{fontWeight:"var(--sl-font-weight-semibold)"}},o)})),e("p",{style:{color:"var(--sl-color-gray-500)",fontSize:"14px"}},t.formatMessage({id:"verificationStatus",defaultMessage:n.loadingVerification?m+" {countdown}":g},{countdown:n.loadingVerification?e("sl-spinner",null):n.countdown})),e("a",{class:n.loading?l.classes.ButtonLinkLoading:l.classes.ButtonLink,onClick:a.submit},d)))}}}}));
1
+ var __assign=this&&this.__assign||function(){__assign=Object.assign||function(s){for(var e,t=1,n=arguments.length;t<n;t++){e=arguments[t];for(var a in e)if(Object.prototype.hasOwnProperty.call(e,a))s[a]=e[a]}return s};return __assign.apply(this,arguments)};System.register(["./p-ff17b3a4.system.js","./p-5a739d01.system.js","./p-f6934a55.system.js","./p-1a673057.system.js","./p-5cda74d1.system.js"],(function(s){"use strict";var e,t,n,a,r,i;return{setters:[function(s){e=s.h},function(s){t=s.i},function(s){n=s.A;a=s.a},function(s){r=s.c},function(s){i=s.T}],execute:function(){s("P",p);var o={Wrapper:n,Column:__assign({},a),ButtonLink:{fontSize:"14px",color:"var(--sl-color-primary-500)",display:"inline-block !important","&:hover":{cursor:"pointer",textDecoration:"underline"}},ButtonLinkLoading:{fontSize:"14px",color:"var(--sl-color-gray-500)",opacity:"0.6",display:"inline-block !important",textDecoration:"underline","&:hover":{cursor:"not-allowed"}}};var c="\n:host {\n display: block;\n}\n:host([hidden]): {\n display: none;\n}\n";var l=r(o);var u=l.toString();function p(s){var n=s.states,a=s.callbacks,r=s.content,o=r.email,p=r.verifyMessage,f=r.emailVerificationHeader,d=r.resendEmailButtonText,g=r.verificationStatusMessage,m=r.verificationLoadingMessage;return e("div",{class:l.classes.Wrapper},e("style",{type:"text/css"},c,u),e(i,{type:"h3"},f),e("sl-form",{class:l.classes.Column,"onSl-submit":a.submit},s.states.error&&e("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},s.states.error)),s.states.success&&e("sqm-form-message",{type:"success",exportparts:"successalert-icon"},e("div",{part:"successalert-text"},"Your verification email has been resent successfully")),e(i,{type:"p"},t.formatMessage({id:"verifyMessage",defaultMessage:p},{email:e("span",{style:{fontWeight:"var(--sl-font-weight-semibold)"}},o)})),e("p",{style:{color:"var(--sl-color-gray-500)",fontSize:"14px"}},t.formatMessage({id:"verificationStatus",defaultMessage:n.loadingVerification?m+" {countdown}":g},{countdown:n.loadingVerification?e("sl-spinner",null):n.countdown})),e("a",{class:n.loading?l.classes.ButtonLinkLoading:l.classes.ButtonLink,onClick:a.submit},d)))}}}}));
@@ -1 +1 @@
1
- import{h as e}from"./p-64c3217a.js";import{i as l}from"./p-f14692ac.js";import{c as a}from"./p-cef45012.js";import{T as t}from"./p-1e1f2fc5.js";function r(r){var i,s,o,n,p;const{states:d,callbacks:m}=r,{text:c,formState:u}=d,{errors:v,error:b}=u,x=a({Container:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-xxx-large)",padding:"var(--sl-spacing-xxx-large)"},FormStyle:{width:"100%",minWidth:"700px","& >*:not(:last-child)":{"margin-bottom":"32px"},"@media screen and (max-width: 1100px)":{minWidth:"100%"}},Error:{"&::part(erroralert-base)":{"margin-bottom":"32px"}},Success:{"&::part(successalert-base)":{"margin-bottom":"32px"}},NameInputStyle:{width:"50%","@media screen and (max-width: 860px)":{width:"100%","margin-right":"0"}},NameInputContainer:{display:"flex",gap:"32px",width:"100%","@media screen and (max-width: 860px)":{flexDirection:"column"}}}),f=x.toString(),y=(null===(i=d.user)||void 0===i?void 0:i.countryCode)?l.formatDisplayName(null===(s=d.user)||void 0===s?void 0:s.countryCode,{type:"region"}):"";return e("div",{class:x.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},f),e(t,Object.assign({},{type:"h1"}),c.editProfileHeader),e(t,Object.assign({},{type:"h2"}),c.editProfileSubHeader),e("form",{class:x.classes.FormStyle,onSubmit:m.onSubmit},d.success&&e("sqm-form-message",{class:x.classes.Success,exportparts:"success-icon"},e("div",{part:"successalert-text"},"Your profile has been successfully updated.")),b&&e("sqm-form-message",{class:x.classes.Error,type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},b)),e("div",{class:x.classes.NameInputContainer},e("sl-input",Object.assign({class:x.classes.NameInputStyle,exportparts:"label: input-label",value:null===(o=d.user)||void 0===o?void 0:o.firstName,onInput:m.onChange,label:c.firstnametext,disabled:d.loading},(null==v?void 0:v.firstName)&&"valid"!==(null==v?void 0:v.firstName.status)?{class:"ErrorStyles",helpText:"Cannot be empty"}:[],{id:"firstName",name:"firstName",error:(null==v?void 0:v.firstName)&&"valid"!==(null==v?void 0:v.firstName.status)?null==v?void 0:v.firstName.message:void 0})),e("sl-input",Object.assign({class:x.classes.NameInputStyle,exportparts:"label: input-label",value:null===(n=d.user)||void 0===n?void 0:n.lastName,onInput:m.onChange,label:c.lastnametext,disabled:d.loading,id:"lastName",name:"lastName"},(null==v?void 0:v.lastName)&&"valid"!==(null==v?void 0:v.lastName.status)?{class:"ErrorStyles",helpText:"Cannot be empty"}:[],{error:(null==v?void 0:v.lastName)&&"valid"!==(null==v?void 0:v.lastName.status)?null==v?void 0:v.lastName.message:void 0}))),e("sl-input",{label:c.emailtext,value:null===(p=d.user)||void 0===p?void 0:p.email,exportparts:"label: input-label",disabled:!0}),d.showCountry&&e("sl-input",{label:c.countrytext,value:y,exportparts:"label: input-label",disabled:!0}),e("sl-button",{type:"primary",loading:d.loading,disabled:d.submitDisabled,onClick:e=>{m.onSubmit(e)},submit:!0},c.submitChangeButtonText)))}export{r as P}
1
+ import{h as e}from"./p-64c3217a.js";import{i as l}from"./p-65fffbfb.js";import{c as a}from"./p-cef45012.js";import{T as t}from"./p-1e1f2fc5.js";function r(r){var i,s,o,n,p;const{states:d,callbacks:m}=r,{text:u,formState:c}=d,{errors:v,error:b}=c,x=a({Container:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-xxx-large)",padding:"var(--sl-spacing-xxx-large)"},FormStyle:{width:"100%",minWidth:"700px","& >*:not(:last-child)":{"margin-bottom":"32px"},"@media screen and (max-width: 1100px)":{minWidth:"100%"}},Error:{"&::part(erroralert-base)":{"margin-bottom":"32px"}},Success:{"&::part(successalert-base)":{"margin-bottom":"32px"}},NameInputStyle:{width:"50%","@media screen and (max-width: 860px)":{width:"100%","margin-right":"0"}},NameInputContainer:{display:"flex",gap:"32px",width:"100%","@media screen and (max-width: 860px)":{flexDirection:"column"}}}),f=x.toString(),y=(null===(i=d.user)||void 0===i?void 0:i.countryCode)?l.formatDisplayName(null===(s=d.user)||void 0===s?void 0:s.countryCode,{type:"region"}):"";return e("div",{class:x.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},f),e(t,Object.assign({},{type:"h1"}),u.editProfileHeader),e(t,Object.assign({},{type:"h2"}),u.editProfileSubHeader),e("form",{class:x.classes.FormStyle,onSubmit:m.onSubmit},d.success&&e("sqm-form-message",{class:x.classes.Success,exportparts:"success-icon"},e("div",{part:"successalert-text"},"Your profile has been successfully updated.")),b&&e("sqm-form-message",{class:x.classes.Error,type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},b)),e("div",{class:x.classes.NameInputContainer},e("sl-input",Object.assign({class:x.classes.NameInputStyle,exportparts:"label: input-label",value:null===(o=d.user)||void 0===o?void 0:o.firstName,onInput:m.onChange,label:u.firstnametext,disabled:d.loading},(null==v?void 0:v.firstName)&&"valid"!==(null==v?void 0:v.firstName.status)?{class:"ErrorStyles",helpText:"Cannot be empty"}:[],{id:"firstName",name:"firstName",error:(null==v?void 0:v.firstName)&&"valid"!==(null==v?void 0:v.firstName.status)?null==v?void 0:v.firstName.message:void 0})),e("sl-input",Object.assign({class:x.classes.NameInputStyle,exportparts:"label: input-label",value:null===(n=d.user)||void 0===n?void 0:n.lastName,onInput:m.onChange,label:u.lastnametext,disabled:d.loading,id:"lastName",name:"lastName"},(null==v?void 0:v.lastName)&&"valid"!==(null==v?void 0:v.lastName.status)?{class:"ErrorStyles",helpText:"Cannot be empty"}:[],{error:(null==v?void 0:v.lastName)&&"valid"!==(null==v?void 0:v.lastName.status)?null==v?void 0:v.lastName.message:void 0}))),e("sl-input",{label:u.emailtext,value:null===(p=d.user)||void 0===p?void 0:p.email,exportparts:"label: input-label",disabled:!0}),d.showCountry&&e("sl-input",{label:u.countrytext,value:y,exportparts:"label: input-label",disabled:!0}),e("sl-button",{type:"primary",loading:d.loading,disabled:d.submitDisabled,onClick:e=>{m.onSubmit(e)},submit:!0},u.submitChangeButtonText)))}export{r as P}
@@ -0,0 +1 @@
1
+ var __makeTemplateObject=this&&this.__makeTemplateObject||function(t,e){if(Object.defineProperty){Object.defineProperty(t,"raw",{value:e})}else{t.raw=e}return t};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++){e=arguments[n];for(var a in e)if(Object.prototype.hasOwnProperty.call(e,a))t[a]=e[a]}return t};return __assign.apply(this,arguments)};System.register(["./p-ff17b3a4.system.js","./p-3cc28285.system.js","./p-5a739d01.system.js","./p-a3e28532.system.js","./p-4bd679a7.system.js","./p-1a673057.system.js","./p-6333265f.system.js","./p-5cda74d1.system.js","./p-310578bc.system.js"],(function(t){"use strict";var e,n,i,a,r,s,o,u,l,d,m,c,f;return{setters:[function(t){e=t.r;n=t.h},function(t){i=t.j;a=t.f;r=t.m},function(){},function(t){s=t.d;o=t.L;u=t.b;l=t.I;d=t.i},function(t){m=t.c},function(){},function(t){c=t.g},function(){},function(t){f=t.P}],execute:function(){var v=s.gql(__makeTemplateObject(["\n query {\n viewer {\n ... on User {\n id\n accountId\n firstName\n lastName\n email\n countryCode\n }\n }\n }\n"],["\n query {\n viewer {\n ... on User {\n id\n accountId\n firstName\n lastName\n email\n countryCode\n }\n }\n }\n"]));var g=s.gql(__makeTemplateObject(["\n mutation (\n $id: String!\n $accountId: String!\n $firstName: String!\n $lastName: String!\n ) {\n upsertUser(\n userInput: {\n id: $id\n accountId: $accountId\n firstName: $firstName\n lastName: $lastName\n }\n ) {\n firstName\n lastName\n }\n }\n"],["\n mutation (\n $id: String!\n $accountId: String!\n $firstName: String!\n $lastName: String!\n ) {\n upsertUser(\n userInput: {\n id: $id\n accountId: $accountId\n firstName: $firstName\n lastName: $lastName\n }\n ) {\n firstName\n lastName\n }\n }\n"]));var _={country:"",email:"",firstName:"",lastName:"",errors:{},error:""};function y(t){var e=o();var n=i(false),r=n[0],s=n[1];var d=i(undefined),m=d[0],c=d[1];var f=i(_),y=f[0],N=f[1];var h=u(v,{},!(e===null||e===void 0?void 0:e.jwt));var p=l(g),b=p[0],x=p[1];a((function(){if(x===null||x===void 0?void 0:x.loading)return;if(x===null||x===void 0?void 0:x.errors){N((function(t){var e,n,i;return __assign(__assign({},t),{error:(i=(n=(e=x===null||x===void 0?void 0:x.errors)===null||e===void 0?void 0:e.response)===null||n===void 0?void 0:n.errors)===null||i===void 0?void 0:i[0].message})}))}else{c((function(t){var e;return __assign(__assign({},t),(e=x===null||x===void 0?void 0:x.data)===null||e===void 0?void 0:e.upsertUser)}));if(x===null||x===void 0?void 0:x.data)s(true)}}),[x===null||x===void 0?void 0:x.loading]);a((function(){var t,e;c((function(t){var e;return __assign(__assign({},t),(e=h===null||h===void 0?void 0:h.data)===null||e===void 0?void 0:e.viewer)}));N(__assign(__assign(__assign({},_),(t=h.data)===null||t===void 0?void 0:t.viewer),(e=x.data)===null||e===void 0?void 0:e.upsertUser))}),[h===null||h===void 0?void 0:h.data]);a((function(){var t,e;if((t=x===null||x===void 0?void 0:x.errors)===null||t===void 0?void 0:t.message){N(__assign(__assign({},(e=h.data)===null||e===void 0?void 0:e.viewer),{error:"Network request failed."}))}}),[x===null||x===void 0?void 0:x.errors]);var j=function(){s(false);if(y.firstName&&y.lastName){b({id:e===null||e===void 0?void 0:e.id,accountId:e===null||e===void 0?void 0:e.accountId,firstName:y.firstName,lastName:y.lastName});N((function(t){return __assign(__assign({},t),{errors:{},error:""})}));return}var t={};if(!y.firstName){t["firstName"]={message:"Field can't be empty"}}if(!y.lastName){t["lastName"]={message:"Field can't be empty"}}if(t!=={}){N((function(t){return __assign(__assign({},t),{error:"Please correct the errors below to update your profile."})}))}N((function(e){return __assign(__assign({},e),{errors:t})}))};return{states:{success:r,loading:(h===null||h===void 0?void 0:h.loading)||x.loading,submitDisabled:false,showCountry:!t.hideCountry,formState:y,user:m,text:{firstnametext:t.firstnametext,lastnametext:t.lastnametext,countrytext:t.countrytext,emailtext:t.emailtext,editProfileHeader:t.editProfileHeader,editProfileSubHeader:t.editProfileSubHeader,submitChangeButtonText:t.submitChangeButtonText}},callbacks:{onSubmit:j,onChange:function(t){var e=t.target,n=e.name,i=e.value;N((function(t){var e;return __assign(__assign({},t),(e={},e[n]=i,e))}))}}}}var N=t("sqm_portal_profile",function(){function t(t){e(this,t);this.ignored=true;this.firstnametext="First Name";this.lastnametext="Last Name";this.emailtext="Email";this.countrytext="Country";this.editProfileHeader="Edit your profile";this.editProfileSubHeader="Personal Information";this.submitChangeButtonText="Submit Changes";this.hideCountry=false;r(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t=d()?h(c(this)):y(c(this));return n(f,Object.assign({},t))};return t}());function h(t){return m({states:{success:false,loading:false,submitDisabled:false,showCountry:!t.hideCountry,user:{id:"01",accountId:"111100000",firstName:"Joe",lastName:"Smith",email:"jsmith@gmail.com",countryCode:"CA"},text:{firstnametext:t.firstnametext,lastnametext:t.lastnametext,emailtext:t.emailtext,countrytext:t.countrytext,editProfileHeader:t.editProfileHeader,editProfileSubHeader:t.editProfileSubHeader,submitChangeButtonText:t.submitChangeButtonText},formState:{country:"Canada",firstName:"Joe",lastName:"Smith",errors:null,error:""}},callbacks:{onSubmit:function(t){return console.log(t)},onChange:function(t){return console.log(t)}}},t.demoData||{},{arrayMerge:function(t,e){return e}})}}}}));
@@ -1 +1 @@
1
- import{r as e,h as t,g as s,c as a}from"./p-64c3217a.js";import{m as r,i as l,u as n,f as i}from"./p-901f5b80.js";import{i as d}from"./p-f14692ac.js";import{i as o}from"./p-cdddccfe.js";import{c}from"./p-c1086930.js";import"./p-02be1a88.js";import{c as u}from"./p-cef45012.js";import{G as h}from"./p-36c08962.js";import{a as p,u as m}from"./p-f2ec822a.js";import{u as v}from"./p-99ec46fe.js";import{l as f}from"./p-d576140e.js";import{a as y,u as g,t as b}from"./p-9de2287d.js";import{l as E}from"./p-9ec99ced.js";import{T as C}from"./p-1e1f2fc5.js";const w=[["AVAILABLE"],["PENDING"],["CANCELLED"],["EXPIRED"],["REDEEMED"]],x=["Rajesh","Pierre","Ji-Ho","Chinua","Charleston","Sally","Gael","Jill","Jane","Khadija"],R=["Smith","Parker","Kent","Chew","Stark","Banner","Jones","Odinson","Pym","Rogers"],L=class{constructor(t){e(this,t),this.perPage=4,this.hideLabels=!1,this.prevLabel="Prev",this.moreLabel="Next",this.showReferrer=!1,this.hiddenColumns="0",this.smBreakpoint=599,this.mdBreakpoint=799,r(this)}disconnectedCallback(){}render(){const e=t(_,null),s=t(P,null),{states:a,data:r,callbacks:d,elements:u}=o()?function(e,t,s){const[a,r]=l(((e,t)=>({...e,...t})),{columns:[],rows:[],loading:!1,page:0}),d=m(),o=n((()=>{var t;return(null===(t=e.demoData)||void 0===t?void 0:t.mockData)||((e=4)=>({totalCount:6,count:e,referredByReferral:{dateConverted:null,dateReferralStarted:1643912659850,referrerUser:{firstName:"John",lastName:"Snow",rewards:[]}},data:[...Array(e)].map((()=>({id:"5cae6b0fcc540e209db45b53",referredUser:{id:"5cae6b0ce4b0d81c67b78e82",accountId:"SPX1MZBIPTFL3E1H",firstName:x[Math.floor(Math.random()*x.length)],lastName:R[Math.floor(Math.random()*R.length)],email:"example.uexwltgh@mailosaur.io",programGoals:[]},shareLinkUsed:null,referralCodeUsed:"JIMBONEUTRON2",moderationStatus:"PENDING",dateConverted:Math.floor(10*Math.random())>=5?f.DateTime.now().minus({days:6}).toMillis():null,dateFraudChecksCompleted:null,dateModerated:1558730033306,dateModified:1554934543447,dateReferralEnded:null,dateReferralPaid:null,dateReferralStarted:f.DateTime.now().minus({days:8}).toMillis(),dateUserModified:null,programId:"sam-partner-test-2",program:{id:"sam-partner-test-2",name:"Partner Program 2.0"},rewards:Math.floor(10*Math.random())>=5?[{id:"5cae6b16cc540e209db45cfa",type:"CREDIT",value:1,unit:"POINT",name:"Partner Reward",dateGiven:1554934550726,dateExpires:null,dateCancelled:null,dateRedeemed:1637004373582,dateScheduledFor:null,fuelTankCode:null,fuelTankType:null,currency:null,prettyValue:"1 Point",statuses:w[Math.floor(Math.random()*w.length)],globalRewardKey:null,programRewardKey:"partnerReward",meta:{...y()},rewardRedemptionTransactions:{data:[{exchangedRewards:{data:[{prettyValue:"CAD10.00 Visa* Prepaid Card CAD",type:"INTEGRATION",fuelTankCode:null,globalRewardKey:"gc1"}]}}]}}]:[],childNodes:{data:[{data:{id:"5cae6b16cc540e209db45cb3",statuses:w[Math.floor(Math.random()*w.length)],type:"PCT_DISCOUNT",value:50},depth:1},{data:{id:"5cae6b16cc540e209db45cfa",statuses:w[Math.floor(Math.random()*w.length)],type:"CREDIT",value:1},depth:1}]}})))}))(e.perPage)}),[e.perPage]),u=v();return i((()=>{r({loading:!0}),(null==o?void 0:o.data)&&async function(t){var s;let a;const l=null==o?void 0:o.referredByReferral,n=e.showReferrer&&!!(null===(s=null==o?void 0:o.referredByReferral)||void 0===s?void 0:s.dateReferralStarted);a=o.data.slice(0,n?e.perPage-1:e.perPage);const i=t.filter((e=>{var t,s;return"loading"!==e.slot&&"empty"!==e.slot&&"loading"!==(null===(t=null==e?void 0:e.firstElementChild)||void 0===t?void 0:t.getAttribute("slot"))&&"empty"!==(null===(s=null==e?void 0:e.firstElementChild)||void 0===s?void 0:s.getAttribute("slot"))})),d=null==i?void 0:i.map((async(e,t)=>{var s;const a=null===(s=null==e?void 0:e.firstElementChild)||void 0===s?void 0:s.getAttribute("slot");if("RAISINS-PLOP-TARGET"===e.tagName&&"loading"!==a&&"empty"!==a){e.setAttribute("slot","column-"+t),e.style.position="absolute";const s=e.firstElementChild.childNodes[1];return s.innerHTML="+",s.style.lineHeight="20px",b(e,(()=>e.renderLabel(t)))}return b(e,(()=>e.renderLabel()))}));let c;if(n){const e=null==i?void 0:i.map((async e=>b(e,(function(){return e.renderCell(l,e)}))));c=await Promise.all(e)}const u=null==a?void 0:a.map((async e=>{const t=null==i?void 0:i.map((async t=>b(t,(()=>t.renderCell(e,void 0)))));return await Promise.all(t)})),h=u&&[c,...await Promise.all(u)].filter((e=>e));r({rows:h});const p=d&&await Promise.all(d);r({columns:p,loading:!1,page:0})}(u)}),[null==o?void 0:o.data,u,d]),c({states:{hasPrev:!1,hasNext:!1,loading:!1,show:"rows"},callbacks:{prevPage:()=>console.log("Prev"),nextPage:()=>console.log("Next")},data:{textOverrides:{showLabels:!e.hideLabels,prevLabel:e.prevLabel,moreLabel:e.moreLabel},hiddenColumns:e.hiddenColumns,referralData:[],mdBreakpoint:799,smBreakpoint:599},elements:{columns:a.columns,rows:a.rows,emptyElement:t,loadingElement:s}},e.demoData||{},{arrayMerge:(e,t)=>t})}(this,e,s):g(this,e,s);return p([this.showReferrer,this.perPage]),t(h,{states:a,data:r,callbacks:d,elements:u})}};function _(){return t("slot",{name:"empty"},t("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_referral2.png","empty-state-header":"View your referral details","empty-state-text":"Refer a friend to view the status of your referrals and rewards earned"}))}function P(){return t("slot",{name:"loading"},t(D,null),t(D,null),t(D,null),t(D,null))}function D(){return t("sqm-table-row",null,t("sqm-table-cell",{colspan:5},t("sl-skeleton",null)))}const N=class{constructor(t){e(this,t),this.ignored=!0,r(this)}disconnectedCallback(){}render(){return t("div",{innerHTML:this.innerTemplate})}},A=class{constructor(t){e(this,t),r(this)}disconnectedCallback(){}async renderCell(e){return t("sqm-referral-table-cell",{"inner-template":s(this).innerHTML})}async renderLabel(){return Promise.resolve(this.columnTitle)}render(){return p([this.columnTitle]),t(a,{style:{display:"none"}},t("slot",null))}},q=class{constructor(t){e(this,t),this.ignored=!0,this.locale="en",r(this)}disconnectedCallback(){}render(){var e;return this.date?null===(e=f.DateTime.fromMillis(this.date))||void 0===e?void 0:e.setLocale(E(this.locale)).toLocaleString(f.DateTime.DATE_MED):"-"}},I=class{constructor(t){e(this,t),this.columnTitle="Date converted",this.dateShown="dateConverted",r(this)}disconnectedCallback(){}async renderCell(e,s){return t("sqm-referral-table-date-cell",{date:e[this.dateShown],locale:s})}async renderLabel(){return this.columnTitle}async renderReferrerCell(e){return t("sqm-referral-table-date-cell",{date:e[this.dateShown]})}render(){return p([this.dateShown,this.columnTitle]),t(a,{style:{display:"none"}})}},M=class{constructor(t){e(this,t),this.locale="en"}render(){var e;d.locale=this.locale;const s=u({"@keyframes slideRight":{from:{opacity:0},to:{opacity:1}},DetailsContainer:{width:"100%",display:"flex","align-items":"center","justify-content":"space-between","margin-right":"var(--sl-spacing-small)","flex-wrap":"wrap"},Details:{"padding-bottom":"var(--sl-spacing-small)","max-width":"500px","&::part(header)":{padding:"var(--sl-spacing-x-small)",cursor:this.hideDetails?"default":"pointer"},"&::part(content)":{padding:"var(--sl-spacing-x-small) var(--sl-spacing-medium)"},"&::part(base)":{opacity:"1"},"&::part(summary-icon)":{display:this.hideDetails?"none":"flex"},"&::part(summary-icon[open])":{transform:"rotate(-90deg)",background:"red"}},BadgeContainer:{"& > :not(:last-child)":{"margin-right":"var(--sl-spacing-x-small)"}},BoldText:{"font-weight":"var(--sl-font-weight-semibold)"},StatusBadge:{paddingLeft:"var(--sl-spacing-xxx-small)","&::part(base)":{textAlign:"center",maxWidth:"170px",whiteSpace:"pre-line"}},RedeemBadge:{paddingLeft:"var(--sl-spacing-xxx-small)","&::part(base)":{background:"var(--sl-color-blue-600)"}}}),a=s.toString(),r=e=>f.DateTime.fromMillis(e).setLocale(E(this.locale)).toRelative().replace("in","").trim();return null===(e=this.rewards)||void 0===e?void 0:e.map((e=>{const l=1===(n=e.statuses).length?n[0]:["REDEEMED","CANCELLED","EXPIRED","PENDING","AVAILABLE"].find((e=>n.includes(e)&&e));var n;const i=(e=>{switch(e){case"REDEEMED":return"primary";case"EXPIRED":case"CANCELLED":return"danger";case"PENDING":return"warning";case"AVAILABLE":return"success"}})(l),o=d.formatMessage({id:"statusShortMessage",defaultMessage:this.statusText},{status:l}),c=d.formatMessage({id:"statusLongMessage",defaultMessage:this.statusLongText},{status:l});return t("sl-details",{class:s.classes.Details,disabled:this.hideDetails},t("style",{type:"text/css"},a),t("div",{slot:"summary",class:s.classes.DetailsContainer},t(C,{type:"p"},t("span",{part:"sqm-cell-value",class:s.classes.BoldText},e.prettyValue)),t("div",{class:s.classes.BadgeContainer},t("sl-badge",{class:"primary"===i?s.classes.RedeemBadge:s.classes.StatusBadge,type:i,pill:!0},"PENDING"===l&&e.dateScheduledFor?d.formatMessage({id:"pendingForText",defaultMessage:this.pendingForText},{status:o,date:r(e.dateScheduledFor)}):o),e.dateExpires&&"AVAILABLE"===l&&t("sl-badge",{class:"primary"===i?s.classes.RedeemBadge:s.classes.StatusBadge,type:"info",pill:!0},this.expiringText,` ${r(e.dateExpires)}`))),t("div",null,e.dateGiven&&t("div",null,t(C,{type:"p"},this.rewardReceivedText," ",t("span",{class:s.classes.BoldText,part:"sqm-cell-value"},f.DateTime.fromMillis(e.dateGiven).setLocale(E(this.locale)).toLocaleString(f.DateTime.DATE_MED)))),"EXPIRED"===l&&e.dateExpires&&t("div",null,t(C,{type:"p"},c," ",t("span",{class:s.classes.BoldText,part:"sqm-cell-value"},f.DateTime.fromMillis(e.dateExpires).setLocale(E(this.locale)).toLocaleString(f.DateTime.DATE_MED)))),"CANCELLED"===l&&e.dateCancelled&&t("div",null,t(C,{type:"p"},c," ",t("span",{class:s.classes.BoldText,part:"sqm-cell-value"},f.DateTime.fromMillis(e.dateCancelled).setLocale(E(this.locale)).toLocaleString(f.DateTime.DATE_MED)))),"PENDING"===l&&e.dateScheduledFor&&t("div",null,t(C,{type:"p"},c," ",t("span",{class:s.classes.BoldText,part:"sqm-cell-value"},f.DateTime.fromMillis(e.dateScheduledFor).setLocale(E(this.locale)).toLocaleString(f.DateTime.DATE_MED))))," ","AVAILABLE"===l&&e.dateExpires&&t("div",null,t(C,{type:"p"},c," ",t("span",{class:s.classes.BoldText,part:"sqm-cell-value"},f.DateTime.fromMillis(e.dateExpires).setLocale(E(this.locale)).toLocaleString(f.DateTime.DATE_MED)))),e.fuelTankCode&&t("div",null,this.fuelTankText," ",t("span",{class:s.classes.BoldText,part:"sqm-cell-value"},e.fuelTankCode))))}))}},T=class{constructor(t){e(this,t),this.columnTitle="Rewards",this.statusText="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }",this.statusLongText="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} other {Not available} }",this.fuelTankText="Your code is",this.rewardReceivedText="Reward received on",this.expiringText="Expiring in",this.pendingForText="{status} for {date}",this.hideDetails=!1,r(this)}disconnectedCallback(){}async renderCell(e,s){return t("sqm-referral-table-rewards-cell",{rewards:e.rewards,statusText:this.statusText,statusLongText:this.statusLongText,fuelTankText:this.fuelTankText,rewardReceivedText:this.rewardReceivedText,expiringText:this.expiringText,pendingForText:this.pendingForText,hideDetails:this.hideDetails,locale:s,exportparts:"sqm-cell-value"})}async renderLabel(){return this.columnTitle}async renderReferrerCell(e){return t("sqm-referral-table-rewards-cell",{rewards:e.rewards,exportparts:"sqm-cell-value"})}render(){return p([this.columnTitle,this.statusText,this.statusLongText,this.fuelTankText,this.rewardReceivedText,this.expiringText,this.pendingForText,this.hideDetails]),t(a,{style:{display:"none"}})}},k=u({Badge:{"&::part(base)":{fontSize:"var(--sl-font-size-small)",padding:"4px 8px",whiteSpace:"pre-line"}}}),B=k.toString(),S=class{constructor(t){e(this,t)}render(){return t("div",null,t("style",{type:"text/css"},B),t("sl-badge",{pill:!0,type:this.converted?"success":"warning",class:k.classes.Badge},this.statusText))}},j=class{constructor(t){e(this,t),this.columnTitle="Status",this.convertedStatusText="Converted",this.inProgressStatusText="In Progress",r(this)}disconnectedCallback(){}async renderCell(e){return t("sqm-referral-table-status-cell",{"status-text":e.dateConverted?this.convertedStatusText:this.inProgressStatusText,converted:!!e.dateConverted})}async renderLabel(){return this.columnTitle}async renderReferrerCell(e){return t("sqm-referral-table-status-cell",{"status-text":e.dateConverted?this.convertedStatusText:this.inProgressStatusText,converted:!!e.dateConverted})}render(){return p([this.columnTitle,this.convertedStatusText,this.inProgressStatusText]),t(a,{style:{display:"none"}})}},G=class{constructor(t){e(this,t)}render(){return this.name}},V=class{constructor(t){e(this,t),this.columnTitle="Customer",this.anonymousUser="Anonymous User",this.deletedUser="Deleted User",r(this)}disconnectedCallback(){}async renderCell(e){var s,a,r,l,n,i,d,o;let c;return c=(null==e?void 0:e.referredUser)||(null==e?void 0:e.referrerUser)?(null===(s=null==e?void 0:e.referredUser)||void 0===s?void 0:s.firstName)||(null===(a=null==e?void 0:e.referredUser)||void 0===a?void 0:a.lastName)||(null===(r=null==e?void 0:e.referrerUser)||void 0===r?void 0:r.firstName)||(null===(l=null==e?void 0:e.referrerUser)||void 0===l?void 0:l.lastName)?(null==e?void 0:e.referrerUser)?`${null===(n=null==e?void 0:e.referrerUser)||void 0===n?void 0:n.firstName} ${null===(i=null==e?void 0:e.referrerUser)||void 0===i?void 0:i.lastName}`:`${null===(d=null==e?void 0:e.referredUser)||void 0===d?void 0:d.firstName} ${null===(o=null==e?void 0:e.referredUser)||void 0===o?void 0:o.lastName}`:this.anonymousUser:this.deletedUser,t("sqm-referral-table-user-cell",{name:c})}async renderLabel(){return this.columnTitle}async renderReferrerCell(e){var s,a,r,l;let n;return n=e?(null===(s=null==e?void 0:e.referrerUser)||void 0===s?void 0:s.firstName)||(null===(a=e.referrerUser)||void 0===a?void 0:a.lastName)?`${null===(r=null==e?void 0:e.referrerUser)||void 0===r?void 0:r.firstName} ${null===(l=null==e?void 0:e.referrerUser)||void 0===l?void 0:l.lastName}`:this.anonymousUser:this.deletedUser,t("sqm-referral-table-user-cell",{name:n})}render(){return p([this.deletedUser,this.anonymousUser,this.columnTitle]),t(a,{style:{display:"none"}})}};export{L as sqm_referral_table,N as sqm_referral_table_cell,A as sqm_referral_table_column,q as sqm_referral_table_date_cell,I as sqm_referral_table_date_column,M as sqm_referral_table_rewards_cell,T as sqm_referral_table_rewards_column,S as sqm_referral_table_status_cell,j as sqm_referral_table_status_column,G as sqm_referral_table_user_cell,V as sqm_referral_table_user_column}
1
+ import{r as e,h as t,g as s,c as a}from"./p-64c3217a.js";import{m as r,i as l,u as n,f as i}from"./p-901f5b80.js";import{i as d}from"./p-65fffbfb.js";import{i as o}from"./p-cdddccfe.js";import{c}from"./p-c1086930.js";import"./p-02be1a88.js";import{c as u}from"./p-cef45012.js";import{G as h}from"./p-36c08962.js";import{a as p,u as m}from"./p-f2ec822a.js";import{u as v}from"./p-99ec46fe.js";import{l as f}from"./p-d576140e.js";import{a as y,u as b,t as g}from"./p-9de2287d.js";import{l as E}from"./p-9ec99ced.js";import{T as C}from"./p-1e1f2fc5.js";const w=[["AVAILABLE"],["PENDING"],["CANCELLED"],["EXPIRED"],["REDEEMED"]],x=["Rajesh","Pierre","Ji-Ho","Chinua","Charleston","Sally","Gael","Jill","Jane","Khadija"],R=["Smith","Parker","Kent","Chew","Stark","Banner","Jones","Odinson","Pym","Rogers"],L=class{constructor(t){e(this,t),this.perPage=4,this.hideLabels=!1,this.prevLabel="Prev",this.moreLabel="Next",this.showReferrer=!1,this.hiddenColumns="0",this.smBreakpoint=599,this.mdBreakpoint=799,r(this)}disconnectedCallback(){}render(){const e=t(_,null),s=t(P,null),{states:a,data:r,callbacks:d,elements:u}=o()?function(e,t,s){const[a,r]=l(((e,t)=>({...e,...t})),{columns:[],rows:[],loading:!1,page:0}),d=m(),o=n((()=>{var t;return(null===(t=e.demoData)||void 0===t?void 0:t.mockData)||((e=4)=>({totalCount:6,count:e,referredByReferral:{dateConverted:null,dateReferralStarted:1643912659850,referrerUser:{firstName:"John",lastName:"Snow",rewards:[]}},data:[...Array(e)].map((()=>({id:"5cae6b0fcc540e209db45b53",referredUser:{id:"5cae6b0ce4b0d81c67b78e82",accountId:"SPX1MZBIPTFL3E1H",firstName:x[Math.floor(Math.random()*x.length)],lastName:R[Math.floor(Math.random()*R.length)],email:"example.uexwltgh@mailosaur.io",programGoals:[]},shareLinkUsed:null,referralCodeUsed:"JIMBONEUTRON2",moderationStatus:"PENDING",dateConverted:Math.floor(10*Math.random())>=5?f.DateTime.now().minus({days:6}).toMillis():null,dateFraudChecksCompleted:null,dateModerated:1558730033306,dateModified:1554934543447,dateReferralEnded:null,dateReferralPaid:null,dateReferralStarted:f.DateTime.now().minus({days:8}).toMillis(),dateUserModified:null,programId:"sam-partner-test-2",program:{id:"sam-partner-test-2",name:"Partner Program 2.0"},rewards:Math.floor(10*Math.random())>=5?[{id:"5cae6b16cc540e209db45cfa",type:"CREDIT",value:1,unit:"POINT",name:"Partner Reward",dateGiven:1554934550726,dateExpires:null,dateCancelled:null,dateRedeemed:1637004373582,dateScheduledFor:null,fuelTankCode:null,fuelTankType:null,currency:null,prettyValue:"1 Point",statuses:w[Math.floor(Math.random()*w.length)],globalRewardKey:null,programRewardKey:"partnerReward",meta:{...y()},rewardRedemptionTransactions:{data:[{exchangedRewards:{data:[{prettyValue:"CAD10.00 Visa* Prepaid Card CAD",type:"INTEGRATION",fuelTankCode:null,globalRewardKey:"gc1"}]}}]}}]:[],childNodes:{data:[{data:{id:"5cae6b16cc540e209db45cb3",statuses:w[Math.floor(Math.random()*w.length)],type:"PCT_DISCOUNT",value:50},depth:1},{data:{id:"5cae6b16cc540e209db45cfa",statuses:w[Math.floor(Math.random()*w.length)],type:"CREDIT",value:1},depth:1}]}})))}))(e.perPage)}),[e.perPage]),u=v();return i((()=>{r({loading:!0}),(null==o?void 0:o.data)&&async function(t){var s;let a;const l=null==o?void 0:o.referredByReferral,n=e.showReferrer&&!!(null===(s=null==o?void 0:o.referredByReferral)||void 0===s?void 0:s.dateReferralStarted);a=o.data.slice(0,n?e.perPage-1:e.perPage);const i=t.filter((e=>{var t,s;return"loading"!==e.slot&&"empty"!==e.slot&&"loading"!==(null===(t=null==e?void 0:e.firstElementChild)||void 0===t?void 0:t.getAttribute("slot"))&&"empty"!==(null===(s=null==e?void 0:e.firstElementChild)||void 0===s?void 0:s.getAttribute("slot"))})),d=null==i?void 0:i.map((async(e,t)=>{var s;const a=null===(s=null==e?void 0:e.firstElementChild)||void 0===s?void 0:s.getAttribute("slot");if("RAISINS-PLOP-TARGET"===e.tagName&&"loading"!==a&&"empty"!==a){e.setAttribute("slot","column-"+t),e.style.position="absolute";const s=e.firstElementChild.childNodes[1];return s.innerHTML="+",s.style.lineHeight="20px",g(e,(()=>e.renderLabel(t)))}return g(e,(()=>e.renderLabel()))}));let c;if(n){const e=null==i?void 0:i.map((async e=>g(e,(function(){return e.renderCell(l,e)}))));c=await Promise.all(e)}const u=null==a?void 0:a.map((async e=>{const t=null==i?void 0:i.map((async t=>g(t,(()=>t.renderCell(e,void 0)))));return await Promise.all(t)})),h=u&&[c,...await Promise.all(u)].filter((e=>e));r({rows:h});const p=d&&await Promise.all(d);r({columns:p,loading:!1,page:0})}(u)}),[null==o?void 0:o.data,u,d]),c({states:{hasPrev:!1,hasNext:!1,loading:!1,show:"rows"},callbacks:{prevPage:()=>console.log("Prev"),nextPage:()=>console.log("Next")},data:{textOverrides:{showLabels:!e.hideLabels,prevLabel:e.prevLabel,moreLabel:e.moreLabel},hiddenColumns:e.hiddenColumns,referralData:[],mdBreakpoint:799,smBreakpoint:599},elements:{columns:a.columns,rows:a.rows,emptyElement:t,loadingElement:s}},e.demoData||{},{arrayMerge:(e,t)=>t})}(this,e,s):b(this,e,s);return p([this.showReferrer,this.perPage]),t(h,{states:a,data:r,callbacks:d,elements:u})}};function _(){return t("slot",{name:"empty"},t("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_referral2.png","empty-state-header":"View your referral details","empty-state-text":"Refer a friend to view the status of your referrals and rewards earned"}))}function P(){return t("slot",{name:"loading"},t(D,null),t(D,null),t(D,null),t(D,null))}function D(){return t("sqm-table-row",null,t("sqm-table-cell",{colspan:5},t("sl-skeleton",null)))}const N=class{constructor(t){e(this,t),this.ignored=!0,r(this)}disconnectedCallback(){}render(){return t("div",{innerHTML:this.innerTemplate})}},A=class{constructor(t){e(this,t),r(this)}disconnectedCallback(){}async renderCell(e){return t("sqm-referral-table-cell",{"inner-template":s(this).innerHTML})}async renderLabel(){return Promise.resolve(this.columnTitle)}render(){return p([this.columnTitle]),t(a,{style:{display:"none"}},t("slot",null))}},q=class{constructor(t){e(this,t),this.ignored=!0,this.locale="en",r(this)}disconnectedCallback(){}render(){var e;return this.date?null===(e=f.DateTime.fromMillis(this.date))||void 0===e?void 0:e.setLocale(E(this.locale)).toLocaleString(f.DateTime.DATE_MED):"-"}},I=class{constructor(t){e(this,t),this.columnTitle="Date converted",this.dateShown="dateConverted",r(this)}disconnectedCallback(){}async renderCell(e,s){return t("sqm-referral-table-date-cell",{date:e[this.dateShown],locale:s})}async renderLabel(){return this.columnTitle}async renderReferrerCell(e){return t("sqm-referral-table-date-cell",{date:e[this.dateShown]})}render(){return p([this.dateShown,this.columnTitle]),t(a,{style:{display:"none"}})}},M=class{constructor(t){e(this,t),this.locale="en"}render(){var e;d.locale=this.locale;const s=u({"@keyframes slideRight":{from:{opacity:0},to:{opacity:1}},DetailsContainer:{width:"100%",display:"flex","align-items":"center","justify-content":"space-between","margin-right":"var(--sl-spacing-small)","flex-wrap":"wrap"},Details:{"padding-bottom":"var(--sl-spacing-small)","max-width":"500px","&::part(header)":{padding:"var(--sl-spacing-x-small)",cursor:this.hideDetails?"default":"pointer"},"&::part(content)":{padding:"var(--sl-spacing-x-small) var(--sl-spacing-medium)"},"&::part(base)":{opacity:"1"},"&::part(summary-icon)":{display:this.hideDetails?"none":"flex"},"&::part(summary-icon[open])":{transform:"rotate(-90deg)",background:"red"}},BadgeContainer:{"& > :not(:last-child)":{"margin-right":"var(--sl-spacing-x-small)"}},BoldText:{"font-weight":"var(--sl-font-weight-semibold)"},StatusBadge:{paddingLeft:"var(--sl-spacing-xxx-small)","&::part(base)":{textAlign:"center",maxWidth:"170px",whiteSpace:"pre-line"}},RedeemBadge:{paddingLeft:"var(--sl-spacing-xxx-small)","&::part(base)":{background:"var(--sl-color-blue-600)"}}}),a=s.toString(),r=e=>f.DateTime.fromMillis(e).setLocale(E(this.locale)).toRelative().replace("in","").trim();return null===(e=this.rewards)||void 0===e?void 0:e.map((e=>{const l=1===(n=e.statuses).length?n[0]:["REDEEMED","CANCELLED","EXPIRED","PENDING","AVAILABLE"].find((e=>n.includes(e)&&e));var n;const i=(e=>{switch(e){case"REDEEMED":return"primary";case"EXPIRED":case"CANCELLED":return"danger";case"PENDING":return"warning";case"AVAILABLE":return"success"}})(l),o=d.formatMessage({id:"statusShortMessage",defaultMessage:this.statusText},{status:l}),c=d.formatMessage({id:"statusLongMessage",defaultMessage:this.statusLongText},{status:l});return t("sl-details",{class:s.classes.Details,disabled:this.hideDetails},t("style",{type:"text/css"},a),t("div",{slot:"summary",class:s.classes.DetailsContainer},t(C,{type:"p"},t("span",{part:"sqm-cell-value",class:s.classes.BoldText},e.prettyValue)),t("div",{class:s.classes.BadgeContainer},t("sl-badge",{class:"primary"===i?s.classes.RedeemBadge:s.classes.StatusBadge,type:i,pill:!0},"PENDING"===l&&e.dateScheduledFor?d.formatMessage({id:"pendingForText",defaultMessage:this.pendingForText},{status:o,date:r(e.dateScheduledFor)}):o),e.dateExpires&&"AVAILABLE"===l&&t("sl-badge",{class:"primary"===i?s.classes.RedeemBadge:s.classes.StatusBadge,type:"info",pill:!0},this.expiringText,` ${r(e.dateExpires)}`))),t("div",null,e.dateGiven&&t("div",null,t(C,{type:"p"},this.rewardReceivedText," ",t("span",{class:s.classes.BoldText,part:"sqm-cell-value"},f.DateTime.fromMillis(e.dateGiven).setLocale(E(this.locale)).toLocaleString(f.DateTime.DATE_MED)))),"EXPIRED"===l&&e.dateExpires&&t("div",null,t(C,{type:"p"},c," ",t("span",{class:s.classes.BoldText,part:"sqm-cell-value"},f.DateTime.fromMillis(e.dateExpires).setLocale(E(this.locale)).toLocaleString(f.DateTime.DATE_MED)))),"CANCELLED"===l&&e.dateCancelled&&t("div",null,t(C,{type:"p"},c," ",t("span",{class:s.classes.BoldText,part:"sqm-cell-value"},f.DateTime.fromMillis(e.dateCancelled).setLocale(E(this.locale)).toLocaleString(f.DateTime.DATE_MED)))),"PENDING"===l&&e.dateScheduledFor&&t("div",null,t(C,{type:"p"},c," ",t("span",{class:s.classes.BoldText,part:"sqm-cell-value"},f.DateTime.fromMillis(e.dateScheduledFor).setLocale(E(this.locale)).toLocaleString(f.DateTime.DATE_MED))))," ","AVAILABLE"===l&&e.dateExpires&&t("div",null,t(C,{type:"p"},c," ",t("span",{class:s.classes.BoldText,part:"sqm-cell-value"},f.DateTime.fromMillis(e.dateExpires).setLocale(E(this.locale)).toLocaleString(f.DateTime.DATE_MED)))),e.fuelTankCode&&t("div",null,this.fuelTankText," ",t("span",{class:s.classes.BoldText,part:"sqm-cell-value"},e.fuelTankCode))))}))}},T=class{constructor(t){e(this,t),this.columnTitle="Rewards",this.statusText="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }",this.statusLongText="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} other {Not available} }",this.fuelTankText="Your code is",this.rewardReceivedText="Reward received on",this.expiringText="Expiring in",this.pendingForText="{status} for {date}",this.hideDetails=!1,r(this)}disconnectedCallback(){}async renderCell(e,s){return t("sqm-referral-table-rewards-cell",{rewards:e.rewards,statusText:this.statusText,statusLongText:this.statusLongText,fuelTankText:this.fuelTankText,rewardReceivedText:this.rewardReceivedText,expiringText:this.expiringText,pendingForText:this.pendingForText,hideDetails:this.hideDetails,locale:s,exportparts:"sqm-cell-value"})}async renderLabel(){return this.columnTitle}async renderReferrerCell(e){return t("sqm-referral-table-rewards-cell",{rewards:e.rewards,exportparts:"sqm-cell-value"})}render(){return p([this.columnTitle,this.statusText,this.statusLongText,this.fuelTankText,this.rewardReceivedText,this.expiringText,this.pendingForText,this.hideDetails]),t(a,{style:{display:"none"}})}},k=u({Badge:{"&::part(base)":{fontSize:"var(--sl-font-size-small)",padding:"4px 8px",whiteSpace:"pre-line"}}}),B=k.toString(),S=class{constructor(t){e(this,t)}render(){return t("div",null,t("style",{type:"text/css"},B),t("sl-badge",{pill:!0,type:this.converted?"success":"warning",class:k.classes.Badge},this.statusText))}},j=class{constructor(t){e(this,t),this.columnTitle="Status",this.convertedStatusText="Converted",this.inProgressStatusText="In Progress",r(this)}disconnectedCallback(){}async renderCell(e){return t("sqm-referral-table-status-cell",{"status-text":e.dateConverted?this.convertedStatusText:this.inProgressStatusText,converted:!!e.dateConverted})}async renderLabel(){return this.columnTitle}async renderReferrerCell(e){return t("sqm-referral-table-status-cell",{"status-text":e.dateConverted?this.convertedStatusText:this.inProgressStatusText,converted:!!e.dateConverted})}render(){return p([this.columnTitle,this.convertedStatusText,this.inProgressStatusText]),t(a,{style:{display:"none"}})}},G=class{constructor(t){e(this,t)}render(){return this.name}},V=class{constructor(t){e(this,t),this.columnTitle="Customer",this.anonymousUser="Anonymous User",this.deletedUser="Deleted User",r(this)}disconnectedCallback(){}async renderCell(e){var s,a,r,l,n,i,d,o;let c;return c=(null==e?void 0:e.referredUser)||(null==e?void 0:e.referrerUser)?(null===(s=null==e?void 0:e.referredUser)||void 0===s?void 0:s.firstName)||(null===(a=null==e?void 0:e.referredUser)||void 0===a?void 0:a.lastName)||(null===(r=null==e?void 0:e.referrerUser)||void 0===r?void 0:r.firstName)||(null===(l=null==e?void 0:e.referrerUser)||void 0===l?void 0:l.lastName)?(null==e?void 0:e.referrerUser)?`${null===(n=null==e?void 0:e.referrerUser)||void 0===n?void 0:n.firstName} ${null===(i=null==e?void 0:e.referrerUser)||void 0===i?void 0:i.lastName}`:`${null===(d=null==e?void 0:e.referredUser)||void 0===d?void 0:d.firstName} ${null===(o=null==e?void 0:e.referredUser)||void 0===o?void 0:o.lastName}`:this.anonymousUser:this.deletedUser,t("sqm-referral-table-user-cell",{name:c})}async renderLabel(){return this.columnTitle}async renderReferrerCell(e){var s,a,r,l;let n;return n=e?(null===(s=null==e?void 0:e.referrerUser)||void 0===s?void 0:s.firstName)||(null===(a=e.referrerUser)||void 0===a?void 0:a.lastName)?`${null===(r=null==e?void 0:e.referrerUser)||void 0===r?void 0:r.firstName} ${null===(l=null==e?void 0:e.referrerUser)||void 0===l?void 0:l.lastName}`:this.anonymousUser:this.deletedUser,t("sqm-referral-table-user-cell",{name:n})}render(){return p([this.deletedUser,this.anonymousUser,this.columnTitle]),t(a,{style:{display:"none"}})}};export{L as sqm_referral_table,N as sqm_referral_table_cell,A as sqm_referral_table_column,q as sqm_referral_table_date_cell,I as sqm_referral_table_date_column,M as sqm_referral_table_rewards_cell,T as sqm_referral_table_rewards_column,S as sqm_referral_table_status_cell,j as sqm_referral_table_status_column,G as sqm_referral_table_user_cell,V as sqm_referral_table_user_column}