@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.
- package/dist/cdn/foxy-access-recovery-form.js +1 -1
- package/dist/cdn/foxy-address-card.js +1 -1
- package/dist/cdn/foxy-address-form.js +1 -1
- package/dist/cdn/foxy-applied-tax-card.js +1 -1
- package/dist/cdn/foxy-attribute-card.js +1 -1
- package/dist/cdn/foxy-attribute-form.js +1 -1
- package/dist/cdn/foxy-cancellation-form.js +1 -1
- package/dist/cdn/foxy-collection-page.js +1 -1
- package/dist/cdn/foxy-collection-pages.js +1 -1
- package/dist/cdn/foxy-coupon-card.js +1 -1
- package/dist/cdn/foxy-coupon-code-form.js +1 -1
- package/dist/cdn/foxy-coupon-codes-form.js +1 -1
- package/dist/cdn/foxy-coupon-form.js +1 -1
- package/dist/cdn/foxy-custom-field-card.js +1 -1
- package/dist/cdn/foxy-custom-field-form.js +1 -1
- package/dist/cdn/foxy-customer-api.js +1 -1
- package/dist/cdn/foxy-customer-card.js +1 -1
- package/dist/cdn/foxy-customer-form.js +1 -1
- package/dist/cdn/foxy-customer-portal-settings.js +1 -1
- package/dist/cdn/foxy-customer-portal.js +7 -7
- package/dist/cdn/foxy-customer.js +6 -6
- package/dist/cdn/foxy-customers-table.js +1 -1
- package/dist/cdn/foxy-discount-card.js +1 -1
- package/dist/cdn/foxy-donation.js +1 -1
- package/dist/cdn/foxy-email-template-form.js +1 -1
- package/dist/cdn/foxy-error-entry-card.js +1 -1
- package/dist/cdn/foxy-form-dialog.js +1 -1
- package/dist/cdn/foxy-generate-codes-form.js +1 -1
- package/dist/cdn/foxy-gift-card-card.js +1 -1
- package/dist/cdn/foxy-gift-card-code-form.js +1 -1
- package/dist/cdn/foxy-gift-card-codes-form.js +1 -1
- package/dist/cdn/foxy-gift-card-form.js +1 -1
- package/dist/cdn/foxy-i18n.js +1 -1
- package/dist/cdn/foxy-items-form.js +1 -1
- package/dist/cdn/foxy-nucleon-element.js +1 -1
- package/dist/cdn/foxy-pagination.js +1 -1
- package/dist/cdn/foxy-payment-card.js +1 -1
- package/dist/cdn/foxy-payment-method-card.js +1 -1
- package/dist/cdn/foxy-query-builder.js +1 -1
- package/dist/cdn/foxy-sign-in-form.js +1 -1
- package/dist/cdn/foxy-spinner.js +2 -2
- package/dist/cdn/foxy-subscription-card.js +1 -1
- package/dist/cdn/foxy-subscription-form.js +4 -4
- package/dist/cdn/foxy-subscriptions-table.js +1 -1
- package/dist/cdn/foxy-table.js +1 -1
- package/dist/cdn/foxy-tax-card.js +1 -1
- package/dist/cdn/foxy-tax-form.js +1 -1
- package/dist/cdn/foxy-template-config-form.js +1 -1
- package/dist/cdn/foxy-template-form.js +1 -1
- package/dist/cdn/foxy-transaction-card.js +1 -1
- package/dist/cdn/foxy-transactions-table.js +1 -1
- package/dist/cdn/foxy-user-form.js +1 -1
- package/dist/cdn/foxy-users-table.js +1 -1
- package/dist/cdn/{shared-f3b35364.js → shared-07134f93.js} +1 -1
- package/dist/cdn/{shared-7823570c.js → shared-073cb8e9.js} +1 -1
- package/dist/cdn/{shared-70d6309f.js → shared-0f38a631.js} +1 -1
- package/dist/cdn/{shared-9aed33de.js → shared-1a67bc75.js} +4 -4
- package/dist/cdn/{shared-ebd1dc3f.js → shared-1a91d467.js} +1 -1
- package/dist/cdn/shared-1de261b3.js +1 -0
- package/dist/cdn/shared-21419f10.js +1 -0
- package/dist/cdn/{shared-99065f2a.js → shared-218ba06e.js} +1 -1
- package/dist/cdn/{shared-ea015924.js → shared-30dd6de7.js} +15 -15
- package/dist/cdn/shared-39e3ae67.js +1 -0
- package/dist/cdn/{shared-571516a4.js → shared-448781f9.js} +1 -1
- package/dist/cdn/{shared-70c7bf00.js → shared-46ee137f.js} +10 -10
- package/dist/cdn/shared-4f1f4281.js +1 -0
- package/dist/cdn/{shared-7991f6c1.js → shared-4f424828.js} +2 -2
- package/dist/cdn/shared-50765afb.js +1 -0
- package/dist/cdn/{shared-447623da.js → shared-548f721a.js} +1 -1
- package/dist/cdn/{shared-50f0611d.js → shared-5535f38f.js} +1 -1
- package/dist/cdn/shared-55481c27.js +1 -0
- package/dist/cdn/{shared-1faaa1b6.js → shared-59e44f29.js} +1 -1
- package/dist/cdn/{shared-7a93239c.js → shared-5a54a9bc.js} +1 -1
- package/dist/cdn/{shared-9b0b7e4d.js → shared-60126eee.js} +1 -1
- package/dist/cdn/shared-63eaded9.js +159 -0
- package/dist/cdn/{shared-3a7ec144.js → shared-65dfd512.js} +1 -1
- package/dist/cdn/{shared-d3bf9ac0.js → shared-6d45a07b.js} +2 -2
- package/dist/cdn/{shared-42457145.js → shared-6f412a43.js} +6 -6
- package/dist/cdn/{shared-afa7534d.js → shared-756034e4.js} +1 -1
- package/dist/cdn/{shared-84731e61.js → shared-7f0a9790.js} +1 -1
- package/dist/cdn/shared-81cd9eac.js +1 -0
- package/dist/cdn/shared-87aa97d2.js +1 -0
- package/dist/cdn/shared-8b20bc23.js +12 -0
- package/dist/cdn/{shared-03949800.js → shared-8f2c9582.js} +1 -1
- package/dist/cdn/{shared-0479553e.js → shared-9221e6b2.js} +1 -1
- package/dist/cdn/{shared-15d3d613.js → shared-a040d79d.js} +1 -1
- package/dist/cdn/shared-a62e1a93.js +1 -0
- package/dist/cdn/shared-ad16479c.js +1 -0
- package/dist/cdn/{shared-11c2efc8.js → shared-b0f0e8b5.js} +1 -1
- package/dist/cdn/shared-b58b8353.js +1 -0
- package/dist/cdn/{shared-d519a301.js → shared-b710881a.js} +2 -2
- package/dist/cdn/shared-c64bc1a0.js +1 -0
- package/dist/cdn/shared-ce2ac6b4.js +1 -0
- package/dist/cdn/shared-db4f299b.js +1 -0
- package/dist/cdn/shared-df730f90.js +1 -0
- package/dist/cdn/{shared-712b7f69.js → shared-ea9f7255.js} +1 -1
- package/dist/cdn/{shared-6b326bd8.js → shared-f4ad24f4.js} +1 -1
- package/dist/cdn/shared-f6e51811.js +1 -0
- package/dist/cdn/{shared-7eaa7ada.js → shared-f7fbb249.js} +10 -10
- package/dist/cdn/{shared-dfb99fb9.js → shared-fab8c705.js} +10 -10
- package/dist/cdn/shared-ff79f3f9.js +230 -0
- package/dist/cdn/translations/customer-portal/se.json +223 -0
- package/dist/elements/public/CustomerPortal/InternalCustomerPortalLoggedInView.js +3 -12
- package/dist/elements/public/CustomerPortal/InternalCustomerPortalLoggedInView.js.map +1 -1
- package/dist/elements/public/ErrorEntryCard/ErrorEntryCard.js +1 -2
- package/dist/elements/public/ErrorEntryCard/ErrorEntryCard.js.map +1 -1
- package/dist/elements/public/index.d.ts +0 -3
- package/dist/elements/public/index.defined.d.ts +0 -3
- package/dist/elements/public/index.defined.js +0 -3
- package/dist/elements/public/index.defined.js.map +1 -1
- package/dist/elements/public/index.js +0 -3
- package/dist/elements/public/index.js.map +1 -1
- package/dist/mixins/themeable.js +0 -6571
- package/dist/mixins/themeable.js.map +1 -1
- package/dist/mixins/translatable.js +1 -1
- package/dist/mixins/translatable.js.map +1 -1
- package/package.json +3 -3
- package/dist/cdn/foxy-report-form.js +0 -195
- package/dist/cdn/foxy-reports-table.js +0 -41
- package/dist/cdn/foxy-swipe-actions.js +0 -1
- package/dist/cdn/shared-102cccce.js +0 -1
- package/dist/cdn/shared-1b98e51a.js +0 -1
- package/dist/cdn/shared-1dedbcf4.js +0 -1
- package/dist/cdn/shared-3d12e221.js +0 -1
- package/dist/cdn/shared-5499ce50.js +0 -201
- package/dist/cdn/shared-58debe59.js +0 -1
- package/dist/cdn/shared-5bf4b9f9.js +0 -1
- package/dist/cdn/shared-5bf947db.js +0 -1
- package/dist/cdn/shared-667a8855.js +0 -1
- package/dist/cdn/shared-7f33a83a.js +0 -159
- package/dist/cdn/shared-864a9f46.js +0 -1
- package/dist/cdn/shared-8c308dc1.js +0 -12
- package/dist/cdn/shared-8c3463b5.js +0 -1
- package/dist/cdn/shared-930bbe32.js +0 -1
- package/dist/cdn/shared-a821b675.js +0 -1
- package/dist/cdn/shared-b4159722.js +0 -1
- package/dist/cdn/shared-c937b8af.js +0 -29
- package/dist/cdn/shared-e6dd0f55.js +0 -1
- package/dist/cdn/shared-f7a9db82.js +0 -1
- package/dist/cdn/shared-f92fa56a.js +0 -1
- package/dist/cdn/translations/report-form/en.json +0 -38
- package/dist/cdn/translations/reports-table/en.json +0 -21
- package/dist/elements/public/ReportForm/ReportForm.d.ts +0 -48
- package/dist/elements/public/ReportForm/ReportForm.js +0 -391
- package/dist/elements/public/ReportForm/ReportForm.js.map +0 -1
- package/dist/elements/public/ReportForm/index.d.ts +0 -11
- package/dist/elements/public/ReportForm/index.js +0 -13
- package/dist/elements/public/ReportForm/index.js.map +0 -1
- package/dist/elements/public/ReportForm/types.d.ts +0 -17
- package/dist/elements/public/ReportForm/types.js +0 -2
- package/dist/elements/public/ReportForm/types.js.map +0 -1
- package/dist/elements/public/ReportForm/utils.d.ts +0 -16
- package/dist/elements/public/ReportForm/utils.js +0 -73
- package/dist/elements/public/ReportForm/utils.js.map +0 -1
- package/dist/elements/public/ReportsTable/ReportsTable.d.ts +0 -21
- package/dist/elements/public/ReportsTable/ReportsTable.js +0 -101
- package/dist/elements/public/ReportsTable/ReportsTable.js.map +0 -1
- package/dist/elements/public/ReportsTable/index.d.ts +0 -4
- package/dist/elements/public/ReportsTable/index.js +0 -6
- package/dist/elements/public/ReportsTable/index.js.map +0 -1
- package/dist/elements/public/ReportsTable/types.d.ts +0 -3
- package/dist/elements/public/ReportsTable/types.js +0 -2
- package/dist/elements/public/ReportsTable/types.js.map +0 -1
- package/dist/elements/public/SwipeActions/SwipeActions.d.ts +0 -13
- package/dist/elements/public/SwipeActions/SwipeActions.js +0 -116
- package/dist/elements/public/SwipeActions/SwipeActions.js.map +0 -1
- package/dist/elements/public/SwipeActions/index.d.ts +0 -2
- package/dist/elements/public/SwipeActions/index.js +0 -4
- 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
|
-
};
|