@foxy.io/elements 1.16.0-beta.3 → 1.16.0

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 (169) hide show
  1. package/dist/cdn/foxy-access-recovery-form.js +1 -1
  2. package/dist/cdn/foxy-address-card.js +1 -1
  3. package/dist/cdn/foxy-address-form.js +1 -1
  4. package/dist/cdn/foxy-applied-tax-card.js +1 -1
  5. package/dist/cdn/foxy-attribute-card.js +1 -1
  6. package/dist/cdn/foxy-attribute-form.js +1 -1
  7. package/dist/cdn/foxy-cancellation-form.js +1 -1
  8. package/dist/cdn/foxy-collection-page.js +1 -1
  9. package/dist/cdn/foxy-collection-pages.js +1 -1
  10. package/dist/cdn/foxy-coupon-card.js +1 -1
  11. package/dist/cdn/foxy-coupon-code-form.js +1 -1
  12. package/dist/cdn/foxy-coupon-codes-form.js +1 -1
  13. package/dist/cdn/foxy-coupon-form.js +1 -1
  14. package/dist/cdn/foxy-custom-field-card.js +1 -1
  15. package/dist/cdn/foxy-custom-field-form.js +1 -1
  16. package/dist/cdn/foxy-customer-api.js +1 -1
  17. package/dist/cdn/foxy-customer-card.js +1 -1
  18. package/dist/cdn/foxy-customer-form.js +1 -1
  19. package/dist/cdn/foxy-customer-portal-settings.js +1 -1
  20. package/dist/cdn/foxy-customer-portal.js +7 -7
  21. package/dist/cdn/foxy-customer.js +6 -6
  22. package/dist/cdn/foxy-customers-table.js +1 -1
  23. package/dist/cdn/foxy-discount-card.js +1 -1
  24. package/dist/cdn/foxy-donation.js +1 -1
  25. package/dist/cdn/foxy-email-template-form.js +1 -1
  26. package/dist/cdn/foxy-error-entry-card.js +1 -1
  27. package/dist/cdn/foxy-form-dialog.js +1 -1
  28. package/dist/cdn/foxy-generate-codes-form.js +1 -1
  29. package/dist/cdn/foxy-gift-card-card.js +1 -1
  30. package/dist/cdn/foxy-gift-card-code-form.js +1 -1
  31. package/dist/cdn/foxy-gift-card-codes-form.js +1 -1
  32. package/dist/cdn/foxy-gift-card-form.js +1 -1
  33. package/dist/cdn/foxy-i18n.js +1 -1
  34. package/dist/cdn/foxy-items-form.js +1 -1
  35. package/dist/cdn/foxy-nucleon-element.js +1 -1
  36. package/dist/cdn/foxy-pagination.js +1 -1
  37. package/dist/cdn/foxy-payment-card.js +1 -1
  38. package/dist/cdn/foxy-payment-method-card.js +1 -1
  39. package/dist/cdn/foxy-query-builder.js +1 -1
  40. package/dist/cdn/foxy-sign-in-form.js +1 -1
  41. package/dist/cdn/foxy-spinner.js +2 -2
  42. package/dist/cdn/foxy-subscription-card.js +1 -1
  43. package/dist/cdn/foxy-subscription-form.js +4 -4
  44. package/dist/cdn/foxy-subscriptions-table.js +1 -1
  45. package/dist/cdn/foxy-table.js +1 -1
  46. package/dist/cdn/foxy-tax-card.js +1 -1
  47. package/dist/cdn/foxy-tax-form.js +1 -1
  48. package/dist/cdn/foxy-template-config-form.js +1 -1
  49. package/dist/cdn/foxy-template-form.js +1 -1
  50. package/dist/cdn/foxy-transaction-card.js +1 -1
  51. package/dist/cdn/foxy-transactions-table.js +1 -1
  52. package/dist/cdn/foxy-user-form.js +1 -1
  53. package/dist/cdn/foxy-users-table.js +1 -1
  54. package/dist/cdn/{shared-f3b35364.js → shared-07134f93.js} +1 -1
  55. package/dist/cdn/{shared-7823570c.js → shared-073cb8e9.js} +1 -1
  56. package/dist/cdn/{shared-70d6309f.js → shared-0f38a631.js} +1 -1
  57. package/dist/cdn/{shared-9aed33de.js → shared-1a67bc75.js} +4 -4
  58. package/dist/cdn/{shared-ebd1dc3f.js → shared-1a91d467.js} +1 -1
  59. package/dist/cdn/shared-1de261b3.js +1 -0
  60. package/dist/cdn/shared-21419f10.js +1 -0
  61. package/dist/cdn/{shared-99065f2a.js → shared-218ba06e.js} +1 -1
  62. package/dist/cdn/{shared-ea015924.js → shared-30dd6de7.js} +15 -15
  63. package/dist/cdn/shared-39e3ae67.js +1 -0
  64. package/dist/cdn/{shared-571516a4.js → shared-448781f9.js} +1 -1
  65. package/dist/cdn/{shared-70c7bf00.js → shared-46ee137f.js} +10 -10
  66. package/dist/cdn/shared-4f1f4281.js +1 -0
  67. package/dist/cdn/{shared-7991f6c1.js → shared-4f424828.js} +2 -2
  68. package/dist/cdn/shared-50765afb.js +1 -0
  69. package/dist/cdn/{shared-447623da.js → shared-548f721a.js} +1 -1
  70. package/dist/cdn/{shared-50f0611d.js → shared-5535f38f.js} +1 -1
  71. package/dist/cdn/shared-55481c27.js +1 -0
  72. package/dist/cdn/{shared-1faaa1b6.js → shared-59e44f29.js} +1 -1
  73. package/dist/cdn/{shared-7a93239c.js → shared-5a54a9bc.js} +1 -1
  74. package/dist/cdn/{shared-9b0b7e4d.js → shared-60126eee.js} +1 -1
  75. package/dist/cdn/shared-63eaded9.js +159 -0
  76. package/dist/cdn/{shared-3a7ec144.js → shared-65dfd512.js} +1 -1
  77. package/dist/cdn/{shared-d3bf9ac0.js → shared-6d45a07b.js} +2 -2
  78. package/dist/cdn/{shared-42457145.js → shared-6f412a43.js} +6 -6
  79. package/dist/cdn/{shared-afa7534d.js → shared-756034e4.js} +1 -1
  80. package/dist/cdn/{shared-84731e61.js → shared-7f0a9790.js} +1 -1
  81. package/dist/cdn/shared-81cd9eac.js +1 -0
  82. package/dist/cdn/shared-87aa97d2.js +1 -0
  83. package/dist/cdn/shared-8b20bc23.js +12 -0
  84. package/dist/cdn/{shared-03949800.js → shared-8f2c9582.js} +1 -1
  85. package/dist/cdn/{shared-0479553e.js → shared-9221e6b2.js} +1 -1
  86. package/dist/cdn/{shared-15d3d613.js → shared-a040d79d.js} +1 -1
  87. package/dist/cdn/shared-a62e1a93.js +1 -0
  88. package/dist/cdn/shared-ad16479c.js +1 -0
  89. package/dist/cdn/{shared-11c2efc8.js → shared-b0f0e8b5.js} +1 -1
  90. package/dist/cdn/shared-b58b8353.js +1 -0
  91. package/dist/cdn/{shared-d519a301.js → shared-b710881a.js} +2 -2
  92. package/dist/cdn/shared-c64bc1a0.js +1 -0
  93. package/dist/cdn/shared-ce2ac6b4.js +1 -0
  94. package/dist/cdn/shared-db4f299b.js +1 -0
  95. package/dist/cdn/shared-df730f90.js +1 -0
  96. package/dist/cdn/{shared-712b7f69.js → shared-ea9f7255.js} +1 -1
  97. package/dist/cdn/{shared-6b326bd8.js → shared-f4ad24f4.js} +1 -1
  98. package/dist/cdn/shared-f6e51811.js +1 -0
  99. package/dist/cdn/{shared-7eaa7ada.js → shared-f7fbb249.js} +10 -10
  100. package/dist/cdn/{shared-dfb99fb9.js → shared-fab8c705.js} +10 -10
  101. package/dist/cdn/shared-ff79f3f9.js +230 -0
  102. package/dist/cdn/translations/customer-portal/se.json +223 -0
  103. package/dist/elements/public/CustomerPortal/InternalCustomerPortalLoggedInView.js +3 -12
  104. package/dist/elements/public/CustomerPortal/InternalCustomerPortalLoggedInView.js.map +1 -1
  105. package/dist/elements/public/ErrorEntryCard/ErrorEntryCard.js +1 -2
  106. package/dist/elements/public/ErrorEntryCard/ErrorEntryCard.js.map +1 -1
  107. package/dist/elements/public/index.d.ts +0 -3
  108. package/dist/elements/public/index.defined.d.ts +0 -3
  109. package/dist/elements/public/index.defined.js +0 -3
  110. package/dist/elements/public/index.defined.js.map +1 -1
  111. package/dist/elements/public/index.js +0 -3
  112. package/dist/elements/public/index.js.map +1 -1
  113. package/dist/mixins/themeable.js +0 -6571
  114. package/dist/mixins/themeable.js.map +1 -1
  115. package/dist/mixins/translatable.js +1 -1
  116. package/dist/mixins/translatable.js.map +1 -1
  117. package/package.json +3 -3
  118. package/dist/cdn/foxy-report-form.js +0 -195
  119. package/dist/cdn/foxy-reports-table.js +0 -41
  120. package/dist/cdn/foxy-swipe-actions.js +0 -1
  121. package/dist/cdn/shared-102cccce.js +0 -1
  122. package/dist/cdn/shared-1b98e51a.js +0 -1
  123. package/dist/cdn/shared-1dedbcf4.js +0 -1
  124. package/dist/cdn/shared-3d12e221.js +0 -1
  125. package/dist/cdn/shared-5499ce50.js +0 -201
  126. package/dist/cdn/shared-58debe59.js +0 -1
  127. package/dist/cdn/shared-5bf4b9f9.js +0 -1
  128. package/dist/cdn/shared-5bf947db.js +0 -1
  129. package/dist/cdn/shared-667a8855.js +0 -1
  130. package/dist/cdn/shared-7f33a83a.js +0 -159
  131. package/dist/cdn/shared-864a9f46.js +0 -1
  132. package/dist/cdn/shared-8c308dc1.js +0 -12
  133. package/dist/cdn/shared-8c3463b5.js +0 -1
  134. package/dist/cdn/shared-930bbe32.js +0 -1
  135. package/dist/cdn/shared-a821b675.js +0 -1
  136. package/dist/cdn/shared-b4159722.js +0 -1
  137. package/dist/cdn/shared-c937b8af.js +0 -29
  138. package/dist/cdn/shared-e6dd0f55.js +0 -1
  139. package/dist/cdn/shared-f7a9db82.js +0 -1
  140. package/dist/cdn/shared-f92fa56a.js +0 -1
  141. package/dist/cdn/translations/report-form/en.json +0 -38
  142. package/dist/cdn/translations/reports-table/en.json +0 -21
  143. package/dist/elements/public/ReportForm/ReportForm.d.ts +0 -48
  144. package/dist/elements/public/ReportForm/ReportForm.js +0 -391
  145. package/dist/elements/public/ReportForm/ReportForm.js.map +0 -1
  146. package/dist/elements/public/ReportForm/index.d.ts +0 -11
  147. package/dist/elements/public/ReportForm/index.js +0 -13
  148. package/dist/elements/public/ReportForm/index.js.map +0 -1
  149. package/dist/elements/public/ReportForm/types.d.ts +0 -17
  150. package/dist/elements/public/ReportForm/types.js +0 -2
  151. package/dist/elements/public/ReportForm/types.js.map +0 -1
  152. package/dist/elements/public/ReportForm/utils.d.ts +0 -16
  153. package/dist/elements/public/ReportForm/utils.js +0 -73
  154. package/dist/elements/public/ReportForm/utils.js.map +0 -1
  155. package/dist/elements/public/ReportsTable/ReportsTable.d.ts +0 -21
  156. package/dist/elements/public/ReportsTable/ReportsTable.js +0 -101
  157. package/dist/elements/public/ReportsTable/ReportsTable.js.map +0 -1
  158. package/dist/elements/public/ReportsTable/index.d.ts +0 -4
  159. package/dist/elements/public/ReportsTable/index.js +0 -6
  160. package/dist/elements/public/ReportsTable/index.js.map +0 -1
  161. package/dist/elements/public/ReportsTable/types.d.ts +0 -3
  162. package/dist/elements/public/ReportsTable/types.js +0 -2
  163. package/dist/elements/public/ReportsTable/types.js.map +0 -1
  164. package/dist/elements/public/SwipeActions/SwipeActions.d.ts +0 -13
  165. package/dist/elements/public/SwipeActions/SwipeActions.js +0 -116
  166. package/dist/elements/public/SwipeActions/SwipeActions.js.map +0 -1
  167. package/dist/elements/public/SwipeActions/index.d.ts +0 -2
  168. package/dist/elements/public/SwipeActions/index.js +0 -4
  169. package/dist/elements/public/SwipeActions/index.js.map +0 -1
@@ -1 +0,0 @@
1
- import{_ as e}from"./shared-5bf947db.js";import{L as t,c as s,h as i}from"./shared-7f33a83a.js";import{A as a}from"./shared-84731e61.js";import{C as o}from"./shared-58debe59.js";import{T as n,R as l,a as d}from"./shared-c937b8af.js";import{F as r}from"./shared-50f0611d.js";import{c as h}from"./shared-4e709717.js";class c extends CustomEvent{constructor(e=!1){super("hide",{detail:{cancelled:e}})}}class u extends CustomEvent{constructor(){super("show")}}let p,m=e=>e;class v extends(n(l(t))){static get styles(){return[super.styles,s(p||(p=m`:host{position:relative;z-index:200}`))]}}let b,_,y,g,f,w,x,$=e=>e;class D extends(d(o(n(t)))){constructor(){super(...arguments),this.closable=!1,this.editable=!1,this.header="",this.alert=!1,this.__handleKeyDown=e=>{"Escape"===e.key&&D.openDialogs[0]===this&&this.closable&&this.hide(this.editable)},this.__connected=!1,this.__visible=!1}static get properties(){return e(e({},super.properties),{},{__connected:{attribute:!1},__visible:{attribute:!1},centered:{type:Boolean},closable:{type:Boolean},editable:{type:Boolean},header:{type:String},alert:{type:Boolean},open:{type:Boolean,noAccessor:!0}})}static get styles(){return[super.styles,s(b||(b=$`.grid-cols-header{grid-template-columns:1fr auto 1fr}.scale-85{--tw-scale-x:0.85;--tw-scale-y:0.85}`))]}get open(){return this.__visible&&this.__connected}set open(e){e===this.open||(e?this.show():this.hide(this.editable))}connectedCallback(){super.connectedCallback(),addEventListener("keydown",this.__handleKeyDown)}disconnectedCallback(){var e;super.disconnectedCallback(),removeEventListener("keydown",this.__handleKeyDown),null===(e=D.dialogWindows.get(this))||void 0===e||e.remove(),D.dialogWindows.delete(this)}createRenderRoot(){const e=new v,t=document.querySelectorAll(D.dialogWindowsHost),s=Array.from(t).pop();return e.addEventListener("fetch",(e=>{e instanceof r&&(e.stopImmediatePropagation(),e.preventDefault(),e.respondWith(new a(this).fetch(e.request)))})),null==s||s.appendChild(e),D.dialogWindows.set(this,e),e.shadowRoot}render(e){if(!this.__connected)return i(_||(_=$``));const t=D.openDialogs[0]===this,s=D.openDialogs[1]===this,a=D.openDialogs[2]===this,o=!t&&!s&&!a;return i(y||(y=$` <div class="${0}"> <div id="backdrop" class="${0}" tabindex="-1" @click="${0}"></div> <div role="dialog" aria-labelledby="dialog-title" class="${0}"> <div class="${0}"> <div class="h-l grid grid-cols-header text-m font-lumo font-medium border-b border-contrast-10"> ${0} <h1 id="dialog-title" class="truncate self-center text-center"> <foxy-i18n ns="${0}" lang="${0}" key="${0}"></foxy-i18n> </h1> ${0} </div> <div class="flex-1 overflow-y-auto overflow-x-hidden overscroll-contain"> <div class="p-m relative">${0}</div> </div> </div> </div> </div> `),h({"z-50 fixed inset-0":!0,"pointer-events-none":!this.__visible}),h({"select-none ease-in-out transition duration-500 absolute inset-0 bg-shade-50 focus-outline-none":!0,"opacity-100":this.__visible,"opacity-0":!this.__visible}),(()=>this.closable&&this.hide(this.editable)),h({"transform origin-bottom ease-in-out transition duration-500 relative h-full ml-auto sm-origin-center sm-max-w-modal":!0,"flex justify-center items-end sm-items-center mr-auto":this.alert,"translate-y-full sm-translate-y-0":!this.__visible,"sm-translate-x-full":!this.alert&&!this.__visible,"sm-opacity-0 sm-scale-110":this.alert&&!this.__visible,"translate-y-0 translate-x-0":t&&this.__visible,"scale-95 -translate-y-s sm-translate-y-0":s&&this.__visible,"scale-90 -translate-y-m sm-translate-y-0":a&&this.__visible,"opacity-0 scale-85 -translate-y-l sm-translate-y-0":o&&this.__visible}),h({"overflow-hidden flex flex-col bg-base rounded-t-l sm-rounded-b-l":!0,"absolute inset-0 mt-xl sm-m-xl":!this.alert,"shadow-xxl":this.__visible}),this.closable&&!this.hiddenSelector.matches("close-button",!0)?i(g||(g=$` <vaadin-button id="close-button" theme="tertiary-inline" class="mr-auto m-s px-s" ?disabled="${0}" @click="${0}"> <foxy-i18n lang="${0}" key="${0}" ns="${0}"> </foxy-i18n> </vaadin-button> `),this.disabledSelector.matches("close-button",!0),(()=>this.hide(this.editable)),this.lang,this.editable?"cancel":"close",this.ns):i(f||(f=$`<div></div>`)),this.ns,this.lang,this.header,this.editable&&!this.hiddenSelector.matches("save-button",!0)?i(w||(w=$` <vaadin-button data-testid="save-button" ?disabled="${0}" theme="primary" class="ml-auto h-auto min-h-0 min-w-0 m-xs px-m" @click="${0}"> <foxy-i18n ns="${0}" lang="${0}" key="save"></foxy-i18n> </vaadin-button> `),this.disabledSelector.matches("save-button",!0),this.save,this.ns,this.lang):i(x||(x=$`<div></div>`)),null==e?void 0:e())}async hide(e=!1){var t;null===(t=this.__returnFocusTo)||void 0===t||t.focus(),await this.__setOpenDialogs(D.openDialogs.filter((e=>e!==this))),await this.__setConnected(!1),this.dispatchEvent(new D.HideEvent(!!e))}async show(e){this.__returnFocusTo=e,await this.__setConnected(!0),await this.__setOpenDialogs([this,...D.openDialogs]);const t=this.renderRoot.querySelector("#close-button");null==t||t.focus(),this.dispatchEvent(new D.ShowEvent)}async save(){await this.hide(!1)}async __setOpenDialogs(e){D.openDialogs.length=0,D.openDialogs.push(...e),await Promise.all([Promise.all(D.openDialogs.map((e=>e.requestUpdate()))),new Promise((e=>{this.renderRoot.querySelector("#backdrop").addEventListener("transitionend",e,{once:!0}),this.__visible=D.openDialogs.includes(this)}))])}async __setConnected(e){this.__connected=e,await this.updateComplete.then((()=>this.getBoundingClientRect()))}}D.dialogWindowsHost="#foxy-dialog-windows-host, body",D.dialogWindows=new WeakMap,D.openDialogs=[],D.ShowEvent=u,D.HideEvent=c,customElements.define("foxy-dialog-window",v);export{D};
@@ -1 +0,0 @@
1
- import{_ as t}from"./shared-5bf947db.js";import{L as e,h as s}from"./shared-7f33a83a.js";import{C as i}from"./shared-58debe59.js";import{a as r,T as n}from"./shared-c937b8af.js";import{c as o}from"./shared-4e709717.js";import{l as a}from"./shared-f3b35364.js";import{r as l}from"./shared-d519a301.js";let d,c,h,u=t=>t;class m extends(r(i(n(e)))){constructor(){super(...arguments),this.options=[],this.items=[],this.__newItem=""}static get properties(){return t(t({},super.properties),{},{options:{type:Array},items:{type:Array},__newItem:{attribute:!1}})}render(){const t=o({"w-xs h-xs mr-xs rounded-full transition-colors flex-shrink-0":!0,"focus-outline-none focus-ring-2 ring-inset ring-error-50":!0,"text-tertiary hover-bg-error-10 hover-text-error":!this.disabled,"cursor-default text-disabled":this.disabled,"flex items-center justify-center":!this.readonly,hidden:this.readonly}),e=o({"transition-colors h-l ml-m flex items-center":!0,"text-secondary":this.readonly,"text-disabled":this.disabled}),i=this.disabled||!this.__newItem,r=()=>{this.__newItem&&(this.items.push({value:this.__newItem}),this.requestUpdate("items"),this.dispatchEvent(new CustomEvent("change")),this.__newItem="")};return s(d||(d=u` <slot></slot> <ol class="divide-y divide-contrast-10"> ${0} </ol> <div class="${0}"> <input placeholder="${0}" class="w-full bg-transparent appearance-none h-m focus-outline-none" list="list" .value="${0}" ?disabled="${0}" ?readonly="${0}" @keydown="${0}" @change="${0}" @input="${0}"> <datalist id="list"> ${0} </datalist> <div class="transition-opacity ${0}"> <button aria-label="${0}" class="${0}" ?disabled="${0}" @click="${0}"> <iron-icon icon="lumo:plus" class="icon-inline text-l"></iron-icon> </button> </div> </div> `),l(this.items,(t=>t.value),((i,r)=>{var n;return s(c||(c=u` <li class="${0}"> <div class="flex-1 mr-s">${0}</div> <button aria-label="${0}" class="${0}" ?disabled="${0}" @click="${0}"> <iron-icon icon="lumo:cross" class="icon-inline text-xl"></iron-icon> </button> </li> `),e,null!==(n=i.label)&&void 0!==n?n:i.value,this.t("delete"),t,this.disabled,(()=>{this.items.splice(r,1),this.requestUpdate("items"),this.dispatchEvent(new CustomEvent("change"))}))})),o({"ml-m h-l flex items-center":!0,"border-t border-contrast-10":this.items.length>0,flex:!this.readonly,hidden:this.readonly}),this.t("type_here"),a(this.__newItem),this.disabled,this.readonly,(t=>"Enter"===t.key&&r()),(t=>t.stopPropagation()),(t=>{this.__newItem=t.currentTarget.value.trim()}),this.options.map((({label:t,value:e})=>{if(!this.items.some((t=>t.value===e)))return s(h||(h=u`<option value="${0}">${0}</option>`),e,null!=t?t:e)})),this.__newItem?"opacity-100":"opacity-0",this.t("submit"),o({"w-xs h-xs mr-xs flex-shrink-0 ring-inset ring-success-50 focus-outline-none":!0,"flex items-center justify-center rounded-full transition-colors":!0,"bg-contrast-5 text-disabled cursor-default":i,"bg-success-10 text-success cursor-pointer":!i,"hover-bg-success hover-text-success-contrast":!i,"focus-ring-2":!i}),i,r)}}export{m as E};
@@ -1,38 +0,0 @@
1
- {
2
- "cancel": "Cancel",
3
- "create": "Create",
4
- "date": "{{value, date}}",
5
- "date_created": "Created on",
6
- "date_modified": "Last updated",
7
- "datetime_end_required": "End date is required",
8
- "datetime_start_required": "Start date is required",
9
- "delete": "Delete",
10
- "delete_prompt": "If you proceed, this report will be deleted forever. Are you sure?",
11
- "end": "End",
12
- "name": "Name",
13
- "name_complete": "Complete",
14
- "name_complete_explainer": "Transactions, coupon usage, subscription forecasts etc.",
15
- "name_customers": "Customers",
16
- "name_customers_explainer": "Exports customers to import somewhere else.",
17
- "name_customers_ltv": "Lifetime value",
18
- "name_customers_ltv_explainer": "Customers with lifetime value info.",
19
- "preset": "Preset",
20
- "preset_custom": "Custom",
21
- "preset_last_30_days": "Last 30 days",
22
- "preset_last_365_days": "Last 365 days",
23
- "preset_previous_month": "Previous month",
24
- "preset_previous_quarter": "Previous quarter",
25
- "preset_previous_year": "Previous year",
26
- "preset_this_month": "This month",
27
- "preset_this_quarter": "This quarter",
28
- "preset_this_year": "This year",
29
- "range": "Range",
30
- "select_date": "DD/MM/YYYY",
31
- "select_time": "HH:MM:SS",
32
- "start": "Start",
33
- "use_precise_time": "Use precise time",
34
- "spinner": {
35
- "loading_busy": "Loading",
36
- "loading_error": "Failed to load"
37
- }
38
- }
@@ -1,21 +0,0 @@
1
- {
2
- "created_on": "Created on",
3
- "date": "{{value, date}}",
4
- "download": "Download",
5
- "link": "Link",
6
- "range_end": "End",
7
- "range_start": "Start",
8
- "report_name": "Name",
9
- "report_name_complete": "Complete",
10
- "report_name_customers": "Customers",
11
- "report_name_customers_ltv": "Lifetime value",
12
- "link-spinner": {
13
- "loading_busy": "Preparing",
14
- "loading_error": "Failed to create"
15
- },
16
- "spinner": {
17
- "loading_busy": "Loading",
18
- "loading_empty": "No data",
19
- "loading_error": "Failed to load"
20
- }
21
- }
@@ -1,48 +0,0 @@
1
- import { Data, Templates } from './types';
2
- import { PropertyDeclarations, TemplateResult } from 'lit-element';
3
- import { ScopedElementsMap } from '@open-wc/scoped-elements';
4
- import { NucleonElement } from '../NucleonElement/NucleonElement';
5
- import { NucleonV8N } from '../NucleonElement/types';
6
- declare const Base: typeof NucleonElement & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
7
- defaultNS: string;
8
- } & import("lit-element").Constructor<import("../../../mixins/configurable").ConfigurableMixinHost> & {
9
- styles: import("lit-element").CSSResultArray;
10
- } & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/src/types").ScopedElementsHost>;
11
- /**
12
- * Form element for creating or editing reports (`fx:report`).
13
- *
14
- * @slot name:before
15
- * @slot name:after
16
- *
17
- * @slot range:before
18
- * @slot range:after
19
- *
20
- * @slot timestamps:before
21
- * @slot timestamps:after
22
- *
23
- * @slot delete:before
24
- * @slot delete:after
25
- *
26
- * @slot create:before
27
- * @slot create:after
28
- *
29
- * @element foxy-report-form
30
- * @since 1.16.0
31
- */
32
- export declare class ReportForm extends Base<Data> {
33
- static get scopedElements(): ScopedElementsMap;
34
- static get properties(): PropertyDeclarations;
35
- static get v8n(): NucleonV8N<Data>;
36
- templates: Templates;
37
- private __showRangeTime;
38
- render(): TemplateResult;
39
- private __renderName;
40
- private __renderRangePreset;
41
- private __renderRangeDateTimePicker;
42
- private __renderRangeDatePicker;
43
- private __renderRange;
44
- private __renderTimestamps;
45
- private __renderCreate;
46
- private __renderDelete;
47
- }
48
- export {};
@@ -1,391 +0,0 @@
1
- import { Choice, Group, PropertyTable } from "../../private/index.js";
2
- import { html } from 'lit-element';
3
- import { ScopedElementsMixin } from '@open-wc/scoped-elements';
4
- import { getCurrentMonth, getCurrentQuarter, getCurrentYear, getLast30Days, getLast365Days, getPreviousMonth, getPreviousQuarter, getPreviousYear, toAPIDateTime, toDatePickerValue, toDateTimePickerValue, } from "./utils.js";
5
- import { ChoiceChangeEvent } from "../../private/Choice/ChoiceChangeEvent.js";
6
- import { ConfigurableMixin } from "../../../mixins/configurable.js";
7
- import { NucleonElement } from "../NucleonElement/NucleonElement.js";
8
- import { ResponsiveMixin } from "../../../mixins/responsive.js";
9
- import { ThemeableMixin } from "../../../mixins/themeable.js";
10
- import { TranslatableMixin } from "../../../mixins/translatable.js";
11
- import { classMap } from "../../../utils/class-map.js";
12
- import { ifDefined } from 'lit-html/directives/if-defined';
13
- import { live } from 'lit-html/directives/live';
14
- import { render } from 'lit-html';
15
- const Base = ScopedElementsMixin(ResponsiveMixin(ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement, 'report-form')))));
16
- /**
17
- * Form element for creating or editing reports (`fx:report`).
18
- *
19
- * @slot name:before
20
- * @slot name:after
21
- *
22
- * @slot range:before
23
- * @slot range:after
24
- *
25
- * @slot timestamps:before
26
- * @slot timestamps:after
27
- *
28
- * @slot delete:before
29
- * @slot delete:after
30
- *
31
- * @slot create:before
32
- * @slot create:after
33
- *
34
- * @element foxy-report-form
35
- * @since 1.16.0
36
- */
37
- export class ReportForm extends Base {
38
- constructor() {
39
- super(...arguments);
40
- this.templates = {};
41
- this.__showRangeTime = false;
42
- }
43
- static get scopedElements() {
44
- return {
45
- 'vaadin-date-time-picker': customElements.get('vaadin-date-time-picker'),
46
- 'vaadin-date-picker': customElements.get('vaadin-date-picker'),
47
- 'vaadin-checkbox': customElements.get('vaadin-checkbox'),
48
- 'vaadin-select': customElements.get('vaadin-select'),
49
- 'vaadin-button': customElements.get('vaadin-button'),
50
- 'foxy-internal-confirm-dialog': customElements.get('foxy-internal-confirm-dialog'),
51
- 'foxy-internal-sandbox': customElements.get('foxy-internal-sandbox'),
52
- 'foxy-spinner': customElements.get('foxy-spinner'),
53
- 'foxy-i18n': customElements.get('foxy-i18n'),
54
- 'x-property-table': PropertyTable,
55
- 'x-choice': Choice,
56
- 'x-group': Group,
57
- };
58
- }
59
- static get properties() {
60
- return {
61
- ...super.properties,
62
- __showRangeTime: { attribute: false },
63
- };
64
- }
65
- static get v8n() {
66
- return [
67
- ({ name: v }) => !!v || 'name_required',
68
- ({ datetime_start: v }) => !!v || 'datetime_start_required',
69
- ({ datetime_end: v }) => !!v || 'datetime_end_required',
70
- ];
71
- }
72
- render() {
73
- var _a, _b;
74
- const hidden = this.hiddenSelector;
75
- return html `
76
- <div
77
- data-testid="wrapper"
78
- aria-busy=${this.in('busy')}
79
- aria-live="polite"
80
- class="space-y-l relative"
81
- >
82
- <div class="space-y-m">
83
- ${hidden.matches('name', true) ? '' : this.__renderName()}
84
- ${hidden.matches('range', true) ? '' : this.__renderRange()}
85
- ${hidden.matches('timestamps', true) || !this.data ? '' : this.__renderTimestamps()}
86
- ${hidden.matches('create', true) || this.data ? '' : this.__renderCreate()}
87
- ${hidden.matches('delete', true) || !this.data ? '' : this.__renderDelete()}
88
- </div>
89
-
90
- <div
91
- data-testid="spinner"
92
- class=${classMap({
93
- 'transition duration-500 ease-in-out absolute inset-0 flex': true,
94
- 'opacity-0 pointer-events-none': this.in('idle'),
95
- })}
96
- >
97
- <foxy-spinner
98
- layout="vertical"
99
- class="m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l"
100
- state=${this.in('fail') ? 'error' : this.in('busy') ? 'busy' : 'empty'}
101
- lang=${this.lang}
102
- ns="${this.ns} ${(_b = (_a = customElements.get('foxy-spinner')) === null || _a === void 0 ? void 0 : _a.defaultNS) !== null && _b !== void 0 ? _b : ''}"
103
- >
104
- </foxy-spinner>
105
- </div>
106
- </div>
107
- `;
108
- }
109
- __renderName() {
110
- const scope = 'name';
111
- const items = ['complete', 'customers', 'customers_ltv'];
112
- const isDisabled = !this.in('idle') || this.disabledSelector.matches(scope);
113
- const isReadonly = this.readonlySelector.matches(scope);
114
- return html `
115
- <div data-testid=${scope}>
116
- ${this.renderTemplateOrSlot(`${scope}:before`)}
117
-
118
- <x-group frame>
119
- <foxy-i18n lang=${this.lang} slot="header" key="name" ns=${this.ns}></foxy-i18n>
120
-
121
- <x-choice
122
- data-testid="name-choice"
123
- .value=${this.form.name}
124
- .items=${items}
125
- ?readonly=${isReadonly}
126
- ?disabled=${isDisabled}
127
- @change=${(evt) => {
128
- if (evt instanceof ChoiceChangeEvent) {
129
- this.edit({ name: evt.detail });
130
- }
131
- }}
132
- >
133
- ${items.map(value => {
134
- return html `
135
- <div slot="${value}-label" class="py-s leading-s">
136
- <foxy-i18n class="block" lang=${this.lang} key="name_${value}" ns=${this.ns}>
137
- </foxy-i18n>
138
-
139
- <foxy-i18n
140
- class="block text-s opacity-70"
141
- lang=${this.lang}
142
- key="name_${value}_explainer"
143
- ns=${this.ns}
144
- >
145
- </foxy-i18n>
146
- </div>
147
- `;
148
- })}
149
- </x-choice>
150
- </x-group>
151
-
152
- ${this.renderTemplateOrSlot(`${scope}:after`)}
153
- </div>
154
- `;
155
- }
156
- __renderRangePreset() {
157
- var _a;
158
- const options = [
159
- [
160
- { value: '0', label: 'preset_previous_quarter', ...getPreviousQuarter() },
161
- { value: '1', label: 'preset_previous_month', ...getPreviousMonth() },
162
- { value: '2', label: 'preset_previous_year', ...getPreviousYear() },
163
- ],
164
- [
165
- { value: '3', label: 'preset_this_quarter', ...getCurrentQuarter() },
166
- { value: '4', label: 'preset_this_month', ...getCurrentMonth() },
167
- { value: '5', label: 'preset_this_year', ...getCurrentYear() },
168
- ],
169
- [
170
- { value: '6', label: 'preset_last_365_days', ...getLast365Days() },
171
- { value: '7', label: 'preset_last_30_days', ...getLast30Days() },
172
- ],
173
- ];
174
- const currentOption = options.flat(1).find(option => {
175
- const { datetime_end: end, datetime_start: start } = this.form;
176
- return (start && end && toAPIDateTime(option.start) === start && toAPIDateTime(option.end) === end);
177
- });
178
- const renderer = (root) => {
179
- const custom = html `<vaadin-item value="custom">${this.t('preset_custom')}</vaadin-item>`;
180
- const separator = html `<hr />`;
181
- const predefined = options.map(group => {
182
- const items = group.map(({ value, label }) => {
183
- return html `<vaadin-item value=${value}>${this.t(label)}</vaadin-item>`;
184
- });
185
- return html `${items}${separator}`;
186
- });
187
- if (!root.firstElementChild)
188
- root.appendChild(document.createElement('vaadin-list-box'));
189
- render(html `${predefined}${custom}`, root.firstElementChild);
190
- };
191
- return html `
192
- <div>
193
- <vaadin-select
194
- data-testid="range:preset"
195
- label=${this.t('preset')}
196
- class="w-full -mt-m -mb-xs"
197
- ?disabled=${!this.in('idle') || this.disabledSelector.matches('range', true)}
198
- ?readonly=${this.readonlySelector.matches('range', true)}
199
- .value=${live((_a = currentOption === null || currentOption === void 0 ? void 0 : currentOption.value) !== null && _a !== void 0 ? _a : 'custom')}
200
- .renderer=${renderer}
201
- @change=${(evt) => {
202
- const select = evt.currentTarget;
203
- const option = options.flat(1).find(option => option.value === select.value);
204
- if (option) {
205
- this.edit({
206
- datetime_start: toAPIDateTime(option.start),
207
- datetime_end: toAPIDateTime(option.end),
208
- });
209
- }
210
- }}
211
- >
212
- </vaadin-select>
213
- </div>
214
- `;
215
- }
216
- __renderRangeDateTimePicker(type) {
217
- const field = type === 'end' ? 'datetime_end' : 'datetime_start';
218
- const error = this.errors.find(error => error.startsWith(`${field}_`));
219
- const value = this.form[field];
220
- return html `
221
- <vaadin-date-time-picker
222
- date-placeholder=${this.t('select_date')}
223
- time-placeholder=${this.t('select_time')}
224
- error-message=${ifDefined(error ? this.t(error) : undefined)}
225
- data-testid="range:${type}"
226
- class="w-full"
227
- label=${this.t(type)}
228
- step="1"
229
- ?disabled=${!this.in('idle') || this.disabledSelector.matches('range', true)}
230
- ?readonly=${this.readonlySelector.matches('range', true)}
231
- .checkValidity=${() => !error}
232
- .value=${value ? toDateTimePickerValue(value) : ''}
233
- @keydown=${(evt) => evt.key === 'Enter' && this.submit()}
234
- @change=${(evt) => {
235
- const picker = evt.currentTarget;
236
- this.edit({ [field]: picker.value });
237
- }}
238
- >
239
- </vaadin-date-time-picker>
240
- `;
241
- }
242
- __renderRangeDatePicker(type) {
243
- const field = type === 'end' ? 'datetime_end' : 'datetime_start';
244
- const error = this.errors.find(error => error.startsWith(`${field}_`));
245
- const value = this.form[field];
246
- return html `
247
- <vaadin-date-picker
248
- error-message=${ifDefined(error ? this.t(error) : undefined)}
249
- placeholder=${this.t('select_date')}
250
- data-testid="range:${type}"
251
- class="w-full"
252
- label=${this.t(type)}
253
- step="1"
254
- ?disabled=${!this.in('idle') || this.disabledSelector.matches('range', true)}
255
- ?readonly=${this.readonlySelector.matches('range', true)}
256
- .checkValidity=${() => !error}
257
- .value=${value ? toDatePickerValue(value) : ''}
258
- @keydown=${(evt) => evt.key === 'Enter' && this.submit()}
259
- @change=${(evt) => {
260
- const picker = evt.currentTarget;
261
- const time = type === 'end' ? '23:59:59' : '00:00:00';
262
- this.edit({ [field]: `${picker.value}T${time}` });
263
- }}
264
- >
265
- </vaadin-date-picker>
266
- `;
267
- }
268
- __renderRange() {
269
- const renderer = this.__showRangeTime
270
- ? this.__renderRangeDateTimePicker
271
- : this.__renderRangeDatePicker;
272
- return html `
273
- <div data-testid="range">
274
- ${this.renderTemplateOrSlot('range:before')}
275
-
276
- <x-group frame>
277
- <foxy-i18n slot="header" lang=${this.lang} key="range" ns=${this.ns}></foxy-i18n>
278
-
279
- <div class="p-m grid gap-m ${this.__showRangeTime ? 'grid-cols-1' : 'sm-grid-cols-2'}">
280
- <div class=${this.__showRangeTime ? 'col-span-1' : 'sm-col-span-2'}>
281
- ${this.__renderRangePreset()}
282
- </div>
283
-
284
- ${renderer.call(this, 'start')} ${renderer.call(this, 'end')}
285
-
286
- <vaadin-checkbox
287
- data-testid="range:toggle"
288
- class="-my-xs w-full ${this.__showRangeTime ? 'col-span-1' : 'sm-col-span-2'}"
289
- ?disabled=${!this.in('idle') || this.disabledSelector.matches('range', true)}
290
- ?checked=${this.__showRangeTime}
291
- @change=${(evt) => {
292
- const checkbox = evt.currentTarget;
293
- this.__showRangeTime = checkbox.checked;
294
- }}
295
- >
296
- <foxy-i18n lang=${this.lang} key="use_precise_time" ns=${this.ns}></foxy-i18n>
297
- </vaadin-checkbox>
298
- </div>
299
- </x-group>
300
-
301
- ${this.renderTemplateOrSlot('range:after')}
302
- </div>
303
- `;
304
- }
305
- __renderTimestamps() {
306
- return html `
307
- <div>
308
- ${this.renderTemplateOrSlot('timestamps:before')}
309
-
310
- <x-property-table
311
- data-testid="timestamps"
312
- .items=${['date_modified', 'date_created'].map(field => {
313
- var _a;
314
- return ({
315
- name: this.t(field),
316
- value: ((_a = this.data) === null || _a === void 0 ? void 0 : _a[field]) ? this.t('date', { value: new Date(this.data[field]) })
317
- : '',
318
- });
319
- })}
320
- >
321
- </x-property-table>
322
-
323
- ${this.renderTemplateOrSlot('timestamps:after')}
324
- </div>
325
- `;
326
- }
327
- __renderCreate() {
328
- const isCleanTemplateInvalid = this.in({ idle: { template: { clean: 'invalid' } } });
329
- const isDirtyTemplateInvalid = this.in({ idle: { template: { dirty: 'invalid' } } });
330
- const isCleanSnapshotInvalid = this.in({ idle: { snapshot: { clean: 'invalid' } } });
331
- const isDirtySnapshotInvalid = this.in({ idle: { snapshot: { dirty: 'invalid' } } });
332
- const isTemplateInvalid = isCleanTemplateInvalid || isDirtyTemplateInvalid;
333
- const isSnaphotInvalid = isCleanSnapshotInvalid || isDirtySnapshotInvalid;
334
- const isInvalid = isTemplateInvalid || isSnaphotInvalid;
335
- const isIdle = this.in('idle');
336
- return html `
337
- <div>
338
- ${this.renderTemplateOrSlot('create:before')}
339
-
340
- <vaadin-button
341
- data-testid="create"
342
- class="w-full"
343
- theme="primary success"
344
- ?disabled=${!isIdle || isInvalid || this.disabledSelector.matches('create', true)}
345
- @click=${this.submit}
346
- >
347
- <foxy-i18n ns=${this.ns} key="create" lang=${this.lang}></foxy-i18n>
348
- </vaadin-button>
349
-
350
- ${this.renderTemplateOrSlot('create:after')}
351
- </div>
352
- `;
353
- }
354
- __renderDelete() {
355
- return html `
356
- <div>
357
- <foxy-internal-confirm-dialog
358
- data-testid="confirm"
359
- message="delete_prompt"
360
- confirm="delete"
361
- cancel="cancel"
362
- header="delete"
363
- theme="primary error"
364
- lang=${this.lang}
365
- ns=${this.ns}
366
- id="confirm"
367
- @hide=${(evt) => !evt.detail.cancelled && this.delete()}
368
- >
369
- </foxy-internal-confirm-dialog>
370
-
371
- ${this.renderTemplateOrSlot('delete:before')}
372
-
373
- <vaadin-button
374
- data-testid="delete"
375
- theme="primary error"
376
- class="w-full"
377
- ?disabled=${!this.in('idle') || this.disabledSelector.matches('delete', true)}
378
- @click=${(evt) => {
379
- const confirm = this.renderRoot.querySelector('#confirm');
380
- confirm.show(evt.currentTarget);
381
- }}
382
- >
383
- <foxy-i18n ns=${this.ns} key="delete" lang=${this.lang}></foxy-i18n>
384
- </vaadin-button>
385
-
386
- ${this.renderTemplateOrSlot('delete:after')}
387
- </div>
388
- `;
389
- }
390
- }
391
- //# sourceMappingURL=ReportForm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ReportForm.js","sourceRoot":"","sources":["../../../../src/elements/public/ReportForm/ReportForm.ts"],"names":[],"mappings":"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","sourcesContent":["import { Choice, Group, PropertyTable } from '../../private/index';\nimport { Data, Templates } from './types';\nimport { PropertyDeclarations, TemplateResult, html } from 'lit-element';\nimport { ScopedElementsMap, ScopedElementsMixin } from '@open-wc/scoped-elements';\nimport {\n getCurrentMonth,\n getCurrentQuarter,\n getCurrentYear,\n getLast30Days,\n getLast365Days,\n getPreviousMonth,\n getPreviousQuarter,\n getPreviousYear,\n toAPIDateTime,\n toDatePickerValue,\n toDateTimePickerValue,\n} from './utils';\n\nimport { ButtonElement } from '@vaadin/vaadin-button';\nimport { CheckboxElement } from '@vaadin/vaadin-checkbox';\nimport { ChoiceChangeEvent } from '../../private/Choice/ChoiceChangeEvent';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { DateTimePicker } from '@vaadin/vaadin-date-time-picker';\nimport { DialogHideEvent } from '../../private/Dialog/DialogHideEvent';\nimport { InternalConfirmDialog } from '../../internal/InternalConfirmDialog/InternalConfirmDialog';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { NucleonV8N } from '../NucleonElement/types';\nimport { ResponsiveMixin } from '../../../mixins/responsive';\nimport { SelectElement } from '@vaadin/vaadin-select';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { live } from 'lit-html/directives/live';\nimport { render } from 'lit-html';\n\nconst Base = ScopedElementsMixin(\n ResponsiveMixin(\n ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement, 'report-form')))\n )\n);\n\n/**\n * Form element for creating or editing reports (`fx:report`).\n *\n * @slot name:before\n * @slot name:after\n *\n * @slot range:before\n * @slot range:after\n *\n * @slot timestamps:before\n * @slot timestamps:after\n *\n * @slot delete:before\n * @slot delete:after\n *\n * @slot create:before\n * @slot create:after\n *\n * @element foxy-report-form\n * @since 1.16.0\n */\nexport class ReportForm extends Base<Data> {\n static get scopedElements(): ScopedElementsMap {\n return {\n 'vaadin-date-time-picker': customElements.get('vaadin-date-time-picker'),\n 'vaadin-date-picker': customElements.get('vaadin-date-picker'),\n 'vaadin-checkbox': customElements.get('vaadin-checkbox'),\n 'vaadin-select': customElements.get('vaadin-select'),\n 'vaadin-button': customElements.get('vaadin-button'),\n\n 'foxy-internal-confirm-dialog': customElements.get('foxy-internal-confirm-dialog'),\n 'foxy-internal-sandbox': customElements.get('foxy-internal-sandbox'),\n 'foxy-spinner': customElements.get('foxy-spinner'),\n 'foxy-i18n': customElements.get('foxy-i18n'),\n\n 'x-property-table': PropertyTable,\n 'x-choice': Choice,\n 'x-group': Group,\n };\n }\n\n static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n __showRangeTime: { attribute: false },\n };\n }\n\n static get v8n(): NucleonV8N<Data> {\n return [\n ({ name: v }) => !!v || 'name_required',\n ({ datetime_start: v }) => !!v || 'datetime_start_required',\n ({ datetime_end: v }) => !!v || 'datetime_end_required',\n ];\n }\n\n templates: Templates = {};\n\n private __showRangeTime = false;\n\n render(): TemplateResult {\n const hidden = this.hiddenSelector;\n\n return html`\n <div\n data-testid=\"wrapper\"\n aria-busy=${this.in('busy')}\n aria-live=\"polite\"\n class=\"space-y-l relative\"\n >\n <div class=\"space-y-m\">\n ${hidden.matches('name', true) ? '' : this.__renderName()}\n ${hidden.matches('range', true) ? '' : this.__renderRange()}\n ${hidden.matches('timestamps', true) || !this.data ? '' : this.__renderTimestamps()}\n ${hidden.matches('create', true) || this.data ? '' : this.__renderCreate()}\n ${hidden.matches('delete', true) || !this.data ? '' : this.__renderDelete()}\n </div>\n\n <div\n data-testid=\"spinner\"\n class=${classMap({\n 'transition duration-500 ease-in-out absolute inset-0 flex': true,\n 'opacity-0 pointer-events-none': this.in('idle'),\n })}\n >\n <foxy-spinner\n layout=\"vertical\"\n class=\"m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l\"\n state=${this.in('fail') ? 'error' : this.in('busy') ? 'busy' : 'empty'}\n lang=${this.lang}\n ns=\"${this.ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n >\n </foxy-spinner>\n </div>\n </div>\n `;\n }\n\n private __renderName() {\n const scope = 'name';\n const items = ['complete', 'customers', 'customers_ltv'];\n const isDisabled = !this.in('idle') || this.disabledSelector.matches(scope);\n const isReadonly = this.readonlySelector.matches(scope);\n\n return html`\n <div data-testid=${scope}>\n ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n <x-group frame>\n <foxy-i18n lang=${this.lang} slot=\"header\" key=\"name\" ns=${this.ns}></foxy-i18n>\n\n <x-choice\n data-testid=\"name-choice\"\n .value=${this.form.name}\n .items=${items}\n ?readonly=${isReadonly}\n ?disabled=${isDisabled}\n @change=${(evt: Event) => {\n if (evt instanceof ChoiceChangeEvent) {\n this.edit({ name: evt.detail as Data['name'] });\n }\n }}\n >\n ${items.map(value => {\n return html`\n <div slot=\"${value}-label\" class=\"py-s leading-s\">\n <foxy-i18n class=\"block\" lang=${this.lang} key=\"name_${value}\" ns=${this.ns}>\n </foxy-i18n>\n\n <foxy-i18n\n class=\"block text-s opacity-70\"\n lang=${this.lang}\n key=\"name_${value}_explainer\"\n ns=${this.ns}\n >\n </foxy-i18n>\n </div>\n `;\n })}\n </x-choice>\n </x-group>\n\n ${this.renderTemplateOrSlot(`${scope}:after`)}\n </div>\n `;\n }\n\n private __renderRangePreset() {\n const options = [\n [\n { value: '0', label: 'preset_previous_quarter', ...getPreviousQuarter() },\n { value: '1', label: 'preset_previous_month', ...getPreviousMonth() },\n { value: '2', label: 'preset_previous_year', ...getPreviousYear() },\n ],\n [\n { value: '3', label: 'preset_this_quarter', ...getCurrentQuarter() },\n { value: '4', label: 'preset_this_month', ...getCurrentMonth() },\n { value: '5', label: 'preset_this_year', ...getCurrentYear() },\n ],\n [\n { value: '6', label: 'preset_last_365_days', ...getLast365Days() },\n { value: '7', label: 'preset_last_30_days', ...getLast30Days() },\n ],\n ];\n\n const currentOption = options.flat(1).find(option => {\n const { datetime_end: end, datetime_start: start } = this.form;\n return (\n start && end && toAPIDateTime(option.start) === start && toAPIDateTime(option.end) === end\n );\n });\n\n const renderer = (root: Element) => {\n const custom = html`<vaadin-item value=\"custom\">${this.t('preset_custom')}</vaadin-item>`;\n const separator = html`<hr />`;\n const predefined = options.map(group => {\n const items = group.map(({ value, label }) => {\n return html`<vaadin-item value=${value}>${this.t(label)}</vaadin-item>`;\n });\n\n return html`${items}${separator}`;\n });\n\n if (!root.firstElementChild) root.appendChild(document.createElement('vaadin-list-box'));\n render(html`${predefined}${custom}`, root.firstElementChild as Element);\n };\n\n return html`\n <div>\n <vaadin-select\n data-testid=\"range:preset\"\n label=${this.t('preset')}\n class=\"w-full -mt-m -mb-xs\"\n ?disabled=${!this.in('idle') || this.disabledSelector.matches('range', true)}\n ?readonly=${this.readonlySelector.matches('range', true)}\n .value=${live(currentOption?.value ?? 'custom')}\n .renderer=${renderer}\n @change=${(evt: CustomEvent) => {\n const select = evt.currentTarget as SelectElement;\n const option = options.flat(1).find(option => option.value === select.value);\n\n if (option) {\n this.edit({\n datetime_start: toAPIDateTime(option.start),\n datetime_end: toAPIDateTime(option.end),\n });\n }\n }}\n >\n </vaadin-select>\n </div>\n `;\n }\n\n private __renderRangeDateTimePicker(type: 'start' | 'end') {\n const field = type === 'end' ? 'datetime_end' : 'datetime_start';\n const error = this.errors.find(error => error.startsWith(`${field}_`));\n const value = this.form[field as keyof Data] as string;\n\n return html`\n <vaadin-date-time-picker\n date-placeholder=${this.t('select_date')}\n time-placeholder=${this.t('select_time')}\n error-message=${ifDefined(error ? this.t(error) : undefined)}\n data-testid=\"range:${type}\"\n class=\"w-full\"\n label=${this.t(type)}\n step=\"1\"\n ?disabled=${!this.in('idle') || this.disabledSelector.matches('range', true)}\n ?readonly=${this.readonlySelector.matches('range', true)}\n .checkValidity=${() => !error}\n .value=${value ? toDateTimePickerValue(value) : ''}\n @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.submit()}\n @change=${(evt: CustomEvent) => {\n const picker = evt.currentTarget as DateTimePicker;\n this.edit({ [field]: picker.value });\n }}\n >\n </vaadin-date-time-picker>\n `;\n }\n\n private __renderRangeDatePicker(type: 'start' | 'end') {\n const field = type === 'end' ? 'datetime_end' : 'datetime_start';\n const error = this.errors.find(error => error.startsWith(`${field}_`));\n const value = this.form[field as keyof Data] as string;\n\n return html`\n <vaadin-date-picker\n error-message=${ifDefined(error ? this.t(error) : undefined)}\n placeholder=${this.t('select_date')}\n data-testid=\"range:${type}\"\n class=\"w-full\"\n label=${this.t(type)}\n step=\"1\"\n ?disabled=${!this.in('idle') || this.disabledSelector.matches('range', true)}\n ?readonly=${this.readonlySelector.matches('range', true)}\n .checkValidity=${() => !error}\n .value=${value ? toDatePickerValue(value) : ''}\n @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.submit()}\n @change=${(evt: CustomEvent) => {\n const picker = evt.currentTarget as DateTimePicker;\n const time = type === 'end' ? '23:59:59' : '00:00:00';\n\n this.edit({ [field]: `${picker.value}T${time}` });\n }}\n >\n </vaadin-date-picker>\n `;\n }\n\n private __renderRange() {\n const renderer = this.__showRangeTime\n ? this.__renderRangeDateTimePicker\n : this.__renderRangeDatePicker;\n\n return html`\n <div data-testid=\"range\">\n ${this.renderTemplateOrSlot('range:before')}\n\n <x-group frame>\n <foxy-i18n slot=\"header\" lang=${this.lang} key=\"range\" ns=${this.ns}></foxy-i18n>\n\n <div class=\"p-m grid gap-m ${this.__showRangeTime ? 'grid-cols-1' : 'sm-grid-cols-2'}\">\n <div class=${this.__showRangeTime ? 'col-span-1' : 'sm-col-span-2'}>\n ${this.__renderRangePreset()}\n </div>\n\n ${renderer.call(this, 'start')} ${renderer.call(this, 'end')}\n\n <vaadin-checkbox\n data-testid=\"range:toggle\"\n class=\"-my-xs w-full ${this.__showRangeTime ? 'col-span-1' : 'sm-col-span-2'}\"\n ?disabled=${!this.in('idle') || this.disabledSelector.matches('range', true)}\n ?checked=${this.__showRangeTime}\n @change=${(evt: CustomEvent) => {\n const checkbox = evt.currentTarget as CheckboxElement;\n this.__showRangeTime = checkbox.checked;\n }}\n >\n <foxy-i18n lang=${this.lang} key=\"use_precise_time\" ns=${this.ns}></foxy-i18n>\n </vaadin-checkbox>\n </div>\n </x-group>\n\n ${this.renderTemplateOrSlot('range:after')}\n </div>\n `;\n }\n\n private __renderTimestamps() {\n return html`\n <div>\n ${this.renderTemplateOrSlot('timestamps:before')}\n\n <x-property-table\n data-testid=\"timestamps\"\n .items=${(['date_modified', 'date_created'] as const).map(field => ({\n name: this.t(field),\n value: this.data?.[field]\n ? this.t('date', { value: new Date(this.data[field] as string) })\n : '',\n }))}\n >\n </x-property-table>\n\n ${this.renderTemplateOrSlot('timestamps:after')}\n </div>\n `;\n }\n\n private __renderCreate() {\n const isCleanTemplateInvalid = this.in({ idle: { template: { clean: 'invalid' } } });\n const isDirtyTemplateInvalid = this.in({ idle: { template: { dirty: 'invalid' } } });\n const isCleanSnapshotInvalid = this.in({ idle: { snapshot: { clean: 'invalid' } } });\n const isDirtySnapshotInvalid = this.in({ idle: { snapshot: { dirty: 'invalid' } } });\n const isTemplateInvalid = isCleanTemplateInvalid || isDirtyTemplateInvalid;\n const isSnaphotInvalid = isCleanSnapshotInvalid || isDirtySnapshotInvalid;\n const isInvalid = isTemplateInvalid || isSnaphotInvalid;\n const isIdle = this.in('idle');\n\n return html`\n <div>\n ${this.renderTemplateOrSlot('create:before')}\n\n <vaadin-button\n data-testid=\"create\"\n class=\"w-full\"\n theme=\"primary success\"\n ?disabled=${!isIdle || isInvalid || this.disabledSelector.matches('create', true)}\n @click=${this.submit}\n >\n <foxy-i18n ns=${this.ns} key=\"create\" lang=${this.lang}></foxy-i18n>\n </vaadin-button>\n\n ${this.renderTemplateOrSlot('create:after')}\n </div>\n `;\n }\n\n private __renderDelete() {\n return html`\n <div>\n <foxy-internal-confirm-dialog\n data-testid=\"confirm\"\n message=\"delete_prompt\"\n confirm=\"delete\"\n cancel=\"cancel\"\n header=\"delete\"\n theme=\"primary error\"\n lang=${this.lang}\n ns=${this.ns}\n id=\"confirm\"\n @hide=${(evt: DialogHideEvent) => !evt.detail.cancelled && this.delete()}\n >\n </foxy-internal-confirm-dialog>\n\n ${this.renderTemplateOrSlot('delete:before')}\n\n <vaadin-button\n data-testid=\"delete\"\n theme=\"primary error\"\n class=\"w-full\"\n ?disabled=${!this.in('idle') || this.disabledSelector.matches('delete', true)}\n @click=${(evt: CustomEvent) => {\n const confirm = this.renderRoot.querySelector('#confirm') as InternalConfirmDialog;\n confirm.show(evt.currentTarget as ButtonElement);\n }}\n >\n <foxy-i18n ns=${this.ns} key=\"delete\" lang=${this.lang}></foxy-i18n>\n </vaadin-button>\n\n ${this.renderTemplateOrSlot('delete:after')}\n </div>\n `;\n }\n}\n"]}
@@ -1,11 +0,0 @@
1
- import '@vaadin/vaadin-date-time-picker';
2
- import '@vaadin/vaadin-date-picker';
3
- import '@vaadin/vaadin-checkbox';
4
- import '@vaadin/vaadin-button';
5
- import '@vaadin/vaadin-select';
6
- import '../../internal/InternalConfirmDialog/index';
7
- import '../../internal/InternalSandbox/index';
8
- import '../Spinner/index';
9
- import '../I18n/index';
10
- import { ReportForm } from './ReportForm';
11
- export { ReportForm };
@@ -1,13 +0,0 @@
1
- import '@vaadin/vaadin-date-time-picker';
2
- import '@vaadin/vaadin-date-picker';
3
- import '@vaadin/vaadin-checkbox';
4
- import '@vaadin/vaadin-button';
5
- import '@vaadin/vaadin-select';
6
- import "../../internal/InternalConfirmDialog/index.js";
7
- import "../../internal/InternalSandbox/index.js";
8
- import "../Spinner/index.js";
9
- import "../I18n/index.js";
10
- import { ReportForm } from "./ReportForm.js";
11
- customElements.define('foxy-report-form', ReportForm);
12
- export { ReportForm };
13
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/ReportForm/index.ts"],"names":[],"mappings":"AAAA,OAAO,iCAAiC,CAAC;AACzC,OAAO,4BAA4B,CAAC;AACpC,OAAO,yBAAyB,CAAC;AACjC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,uBAAuB,CAAC;AAC/B,uDAAoD;AACpD,iDAA8C;AAC9C,6BAA0B;AAC1B,0BAAuB;AAEvB,OAAO,EAAE,UAAU,EAAE,wBAAqB;AAE1C,cAAc,CAAC,MAAM,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC;AAEtD,OAAO,EAAE,UAAU,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-date-time-picker';\nimport '@vaadin/vaadin-date-picker';\nimport '@vaadin/vaadin-checkbox';\nimport '@vaadin/vaadin-button';\nimport '@vaadin/vaadin-select';\nimport '../../internal/InternalConfirmDialog/index';\nimport '../../internal/InternalSandbox/index';\nimport '../Spinner/index';\nimport '../I18n/index';\n\nimport { ReportForm } from './ReportForm';\n\ncustomElements.define('foxy-report-form', ReportForm);\n\nexport { ReportForm };\n"]}
@@ -1,17 +0,0 @@
1
- import { Rels } from '@foxy.io/sdk/backend';
2
- import { Renderer } from '../../../mixins/configurable';
3
- import { ReportForm } from './ReportForm';
4
- import { Resource } from '@foxy.io/sdk/core';
5
- export declare type Data = Resource<Rels.Report>;
6
- export declare type Templates = {
7
- 'name:before'?: Renderer<ReportForm>;
8
- 'name:after'?: Renderer<ReportForm>;
9
- 'range:before'?: Renderer<ReportForm>;
10
- 'range:after'?: Renderer<ReportForm>;
11
- 'timestamps:before'?: Renderer<ReportForm>;
12
- 'timestamps:after'?: Renderer<ReportForm>;
13
- 'delete:before'?: Renderer<ReportForm>;
14
- 'delete:after'?: Renderer<ReportForm>;
15
- 'create:before'?: Renderer<ReportForm>;
16
- 'create:after'?: Renderer<ReportForm>;
17
- };
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=types.js.map