@foxy.io/elements 1.18.0-beta.7 → 1.18.0-beta.8
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-cancellation-form.js +1 -1
- package/dist/cdn/foxy-coupon-form.js +1 -1
- package/dist/cdn/foxy-customer-portal.js +1 -1
- package/dist/cdn/foxy-customer.js +1 -1
- package/dist/cdn/foxy-gift-card-form.js +1 -1
- package/dist/cdn/foxy-item-form.js +1 -1
- package/dist/cdn/foxy-query-builder.js +1 -1
- package/dist/cdn/foxy-shipment-card.js +1 -1
- package/dist/cdn/foxy-subscription-form.js +1 -1
- package/dist/cdn/foxy-transaction.js +1 -1
- package/dist/cdn/shared-77f4c0b0.js +64 -0
- package/dist/cdn/shared-bc7f58ef.js +1 -0
- package/dist/elements/public/QueryBuilder/components/Input.js +10 -8
- package/dist/elements/public/QueryBuilder/components/Input.js.map +1 -1
- package/dist/elements/public/QueryBuilder/components/RangeValue.js +7 -5
- package/dist/elements/public/QueryBuilder/components/RangeValue.js.map +1 -1
- package/dist/elements/public/QueryBuilder/components/Select.js +3 -1
- package/dist/elements/public/QueryBuilder/components/Select.js.map +1 -1
- package/dist/utils/serialize-date.d.ts +1 -0
- package/dist/utils/serialize-date.js +7 -0
- package/dist/utils/serialize-date.js.map +1 -1
- package/package.json +1 -1
- package/dist/cdn/shared-2061be9a.js +0 -1
- package/dist/cdn/shared-81beff3a.js +0 -64
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./shared-04c51428.js";import"./shared-8403766d.js";import"./shared-d97ce3d5.js";import"./shared-c15f0523.js";import{I as e}from"./shared-8d7ef22f.js";import"./foxy-discount-detail-card.js";import"./foxy-coupon-detail-card.js";import"./foxy-item-option-card.js";import"./foxy-item-option-form.js";import"./foxy-attribute-card.js";import"./foxy-attribute-form.js";import"./foxy-coupon-card.js";import"./shared-ec8a003f.js";import{I as t}from"./shared-ff7a10de.js";import"./foxy-discount-builder.js";import{i as r}from"./shared-d3bf9ac0.js";import{h as i,c as o}from"./shared-7f33a83a.js";import"./shared-02f2d418.js";import"./shared-76daf1fb.js";import"./shared-403db7b9.js";import"./shared-a7429258.js";import"./shared-5fd9d45d.js";import{I as n}from"./shared-9c176693.js";import{p as s}from"./shared-c9d1a2cd.js";import"./shared-db118e3e.js";import{_ as a}from"./shared-e34d2ef1.js";import{s as l}from"./shared-2061be9a.js";import{p as d}from"./shared-94f3042a.js";import"./foxy-subscription-card.js";import"./foxy-subscription-form.js";import"./foxy-form-dialog.js";import{T as c}from"./shared-5155696f.js";import"./foxy-collection-page.js";import"./foxy-spinner.js";import"./shared-26502fca.js";import"./shared-cf2b9cc3.js";import"./shared-1b38c44f.js";import"./shared-eb344bd5.js";import"./shared-86d0d927.js";import"./shared-84b5d8f0.js";import"./shared-85cd6cfb.js";import"./shared-565feb2f.js";import"./shared-7684cb05.js";import"./shared-bfca826a.js";import"./shared-d519a301.js";import"./shared-11c2efc8.js";import"./foxy-pagination.js";import"./shared-90119584.js";import"./shared-75ec4e1a.js";import"./shared-4e709717.js";import"./shared-7976580a.js";import"./shared-61199be1.js";import"./shared-0479553e.js";import"./shared-16aade17.js";import"./shared-b95332ec.js";import"./shared-71762c29.js";import"./shared-39265f55.js";import"./shared-7c5cfe1e.js";import"./shared-ecdf2d11.js";import"./shared-24fdefca.js";import"./shared-e6f3e9f0.js";import"./shared-2788214c.js";import"./foxy-cancellation-form.js";import"./foxy-collection-pages.js";import"./shared-7a078e85.js";import"./shared-d37049e9.js";import"./foxy-table.js";import"./shared-974bec9a.js";import"./foxy-nucleon-element.js";import"./shared-4ba52733.js";import"./shared-3ddbe8c9.js";import"./shared-7b72ee7e.js";let f,m=e=>e;customElements.define("foxy-internal-item-form-line-item-discount-control",class extends t{constructor(){super(...arguments),this.infer="line-item-discount"}renderControl(){var e,t,o,n,s;return i(f||(f=m` <foxy-internal-details summary="title" infer=""> <div class="space-y-m p-m"> <foxy-internal-async-combo-box-control item-value-path="_links.self.href" item-label-path="name" first="${0}" infer="coupon" @change="${0}"> </foxy-internal-async-combo-box-control> <foxy-internal-text-control infer="discount-name"></foxy-internal-text-control> <foxy-discount-builder infer="discount-builder" .parsedValue="${0}" @change="${0}"> </foxy-discount-builder> </div> </foxy-internal-details> `),r(null!==(t=null===(e=this.nucleon)||void 0===e?void 0:e.coupons)&&void 0!==t?t:void 0),(e=>{var t;e.preventDefault();const r=e.detail;null===(t=this.nucleon)||void 0===t||t.edit({discount_name:r.name,discount_type:r.coupon_discount_type,discount_details:r.coupon_discount_details})}),{type:null===(o=this.nucleon)||void 0===o?void 0:o.form.discount_type,name:null===(n=this.nucleon)||void 0===n?void 0:n.form.discount_name,details:null===(s=this.nucleon)||void 0===s?void 0:s.form.discount_details},(e=>{var t;const r=e.currentTarget.parsedValue;null===(t=this.nucleon)||void 0===t||t.edit({discount_name:r.name,discount_type:r.type,discount_details:r.details})}))}});let u,p,y=e=>e;customElements.define("foxy-internal-frequency-control",class extends n{constructor(){super(...arguments),this.__i18n={formatValue:e=>e.join(""),parseValue:e=>{const{count:t,units:r}=s(e);return[t.toString(),r]}}}static get styles(){return[super.styles,o(u||(u=y`:host{display:block}vaadin-custom-field{width:100%;font-size:0;line-height:0;padding-top:0!important}vaadin-custom-field::part(label){padding-bottom:var(--lumo-space-s)}vaadin-custom-field::part(error-message)[aria-hidden=false]{padding-top:var(--lumo-space-xs)}vaadin-combo-box,vaadin-integer-field{width:calc(50% - (var(--lumo-space-s)/ 2))}vaadin-integer-field{margin-right:var(--lumo-space-s);padding:0}vaadin-combo-box::part(text-field){padding:0}`))]}renderControl(){var e,t;const r=null!==(e=this._value)&&void 0!==e?e:"",o=s(r).count;return i(p||(p=y` <vaadin-custom-field ?disabled="${0}" ?readonly="${0}" .checkValidity="${0}" .errorMessage="${0}" .helperText="${0}" .label="${0}" .value="${0}" .i18n="${0}" @change="${0}"> <vaadin-integer-field max="999" min="1" prevent-invalid-input has-controls ?disabled="${0}" ?readonly="${0}" ?invalid="${0}" @keydown="${0}"> </vaadin-integer-field> <vaadin-combo-box item-value-path="value" item-label-path="label" ?disabled="${0}" ?readonly="${0}" ?invalid="${0}" .items="${0}" @keydown="${0}"> </vaadin-combo-box> </vaadin-custom-field> `),this.disabled,this.readonly,this._checkValidity,null!==(t=this._errorMessage)&&void 0!==t?t:"",this.helperText,this.label,r,this.__i18n,(e=>{const t=e.currentTarget;this._value=t.value}),this.disabled,this.readonly,!this._checkValidity(),(e=>{var t;return"Enter"===e.key&&(null===(t=this.nucleon)||void 0===t?void 0:t.submit())}),this.disabled,this.readonly,!this._checkValidity(),[{value:"d",label:this.t("day",{count:o})},{value:"w",label:this.t("week",{count:o})},{value:"m",label:this.t("month",{count:o})},{value:"y",label:this.t("year",{count:o})}],(e=>{var t;return"Enter"===e.key&&(null===(t=this.nucleon)||void 0===t?void 0:t.submit())}))}updated(e){super.updated(e);const t=this.renderRoot.firstElementChild;t.value!==this._value&&(t.value=this._value)}});let h,x=e=>e;customElements.define("foxy-internal-date-control",class extends n{constructor(){super(...arguments),this.format=null}static get properties(){return a(a({},super.properties),{},{format:{type:String}})}renderControl(){var e;let t;return t="unix"===this.format?l(new Date(1e3*(null!==(e=this._value)&&void 0!==e?e:0))):this._value,i(h||(h=x` <vaadin-date-picker error-message="${0}" placeholder="${0}" helper-text="${0}" label="${0}" class="w-full" ?disabled="${0}" ?readonly="${0}" .checkValidity="${0}" .value="${0}" @keydown="${0}" @change="${0}"> </vaadin-date-picker> `),r(this._errorMessage),this.placeholder,this.helperText,this.label,this.disabled,this.readonly,this._checkValidity,t,(e=>{var t;return"Enter"===e.key&&(null===(t=this.nucleon)||void 0===t?void 0:t.submit())}),(e=>{var t,r;const i=e.currentTarget;"unix"===this.format?this._value=Math.floor((null!==(r=null===(t=d(i.value))||void 0===t?void 0:t.getTime())&&void 0!==r?r:0)/1e3):this._value=i.value}))}});let v,b,g,_=e=>e;customElements.define("foxy-internal-item-form-subscription-control",class extends t{constructor(){super(...arguments),this.infer="subscription"}renderControl(){var e,t,r,o,n;let s;try{const i=null!==(o=null===(r=(null===(t=null===(e=this.nucleon)||void 0===e?void 0:e.data)||void 0===t?void 0:t._links)["fx:subscription"])||void 0===r?void 0:r.href)&&void 0!==o?o:"",n=new URL(i);n.searchParams.set("zoom","last_transaction,transaction_template:items"),s=n.toString()}catch(e){s=null}return i(v||(v=_` <foxy-internal-details summary="title" infer=""> ${0} </foxy-internal-details> `),s?i(b||(b=_` <foxy-form-dialog header="update" infer="form" href="${0}" form="foxy-subscription-form" .related="${0}"> </foxy-form-dialog> <button ?disabled="${0}" @click="${0}"> <foxy-subscription-card class="p-m" infer="card" href="${0}"> </foxy-subscription-card> </button> `),s,(null===(n=this.nucleon)||void 0===n?void 0:n.href)?[this.nucleon.href]:[],this.disabled,(e=>{const t=e.currentTarget;t.previousElementSibling.show(t)}),s):i(g||(g=_` <div class="space-y-m p-m"> <foxy-internal-frequency-control infer="frequency" property="subscription_frequency"> </foxy-internal-frequency-control> <foxy-internal-date-control infer="start" property="subscription_start_date"> </foxy-internal-date-control> <foxy-internal-date-control infer="end" property="subscription_end_date"> </foxy-internal-date-control> <foxy-internal-date-control infer="next" property="subscription_next_transaction_date"> </foxy-internal-date-control> </div> `)))}});let j,$=e=>e;customElements.define("foxy-internal-item-form-inventory-control",class extends t{constructor(){super(...arguments),this.infer="inventory"}renderControl(){var e,t;return i(j||(j=$` <foxy-internal-details summary="title" infer=""> <div class="grid grid-cols-2 gap-m p-m"> <foxy-internal-async-combo-box-control item-value-path="_links.self.href" item-label-path="name" property="item_category_uri" first="${0}" class="col-span-2" infer="category"> </foxy-internal-async-combo-box-control> <foxy-internal-text-control infer="code"></foxy-internal-text-control> <foxy-internal-text-control infer="parent-code"></foxy-internal-text-control> </div> </foxy-internal-details> `),r(null!==(t=null===(e=this.nucleon)||void 0===e?void 0:e.itemCategories)&&void 0!==t?t:void 0))}});let k,w=e=>e;customElements.define("foxy-internal-item-form-shipping-control",class extends t{constructor(){super(...arguments),this.infer="shipping"}renderControl(){var e,t;return i(k||(k=w` <foxy-internal-details summary="title" infer=""> <div class="grid grid-cols-2 gap-m p-m"> <foxy-internal-async-combo-box-control item-value-path="address_name" item-label-path="address_name" first="${0}" class="col-span-2" infer="shipto"> </foxy-internal-async-combo-box-control> <foxy-internal-integer-control infer="width"></foxy-internal-integer-control> <foxy-internal-integer-control infer="height"></foxy-internal-integer-control> <foxy-internal-integer-control infer="length"></foxy-internal-integer-control> <foxy-internal-integer-control infer="weight"></foxy-internal-integer-control> </div> </foxy-internal-details> `),r(null!==(t=null===(e=this.nucleon)||void 0===e?void 0:e.customerAddresses)&&void 0!==t?t:void 0))}});let E,q=e=>e;customElements.define("foxy-internal-item-form-cart-control",class extends t{constructor(){super(...arguments),this.infer="cart"}renderControl(){return i(E||(E=q` <foxy-internal-details summary="title" infer=""> <div class="grid grid-cols-2 gap-m p-m"> <foxy-internal-date-control class="col-span-2" infer="expires" format="unix"> </foxy-internal-date-control> <foxy-internal-text-control class="col-span-2" infer="url"></foxy-internal-text-control> <foxy-internal-text-control class="col-span-2" infer="image"></foxy-internal-text-control> <foxy-internal-integer-control infer="quantity-min"></foxy-internal-integer-control> <foxy-internal-integer-control infer="quantity-max"></foxy-internal-integer-control> </div> </foxy-internal-details> `))}});let C,V,T=e=>e;class S extends(c(e,"item-form")){constructor(){super(...arguments),this.customerAddresses=null,this.itemCategories=null,this.coupons=null,this.__itemsLink=""}static get properties(){return a(a({},super.properties),{},{customerAddresses:{type:String,attribute:"customer-addresses"},itemCategories:{type:String,attribute:"item-categories"},coupons:{type:String}})}static get v8n(){return[({name:e})=>!!e||"name:v8n_required",({name:e})=>!!e&&e.length<=255||"name:v8n_too_long",({price:e})=>"number"==typeof e&&!isNaN(e)||"price:v8n_required",({price:e})=>"number"==typeof e&&e>=0||"price:v8n_negative",({quantity:e})=>"number"==typeof e&&e>=1||"quantity:v8n_less_than_one"]}renderBody(){return i(C||(C=T` <foxy-internal-text-control infer="name"></foxy-internal-text-control> <div class="grid grid-cols-2 gap-m"> <foxy-internal-number-control infer="price"></foxy-internal-number-control> <foxy-internal-integer-control infer="quantity"></foxy-internal-integer-control> </div> <foxy-internal-item-form-subscription-control></foxy-internal-item-form-subscription-control> <foxy-internal-item-form-line-item-discount-control></foxy-internal-item-form-line-item-discount-control> <foxy-internal-item-form-cart-control></foxy-internal-item-form-cart-control> <foxy-internal-item-form-shipping-control></foxy-internal-item-form-shipping-control> <foxy-internal-item-form-inventory-control></foxy-internal-item-form-inventory-control> ${0} ${0} `),this.data?i(V||(V=T` <foxy-internal-async-details-control infer="discount-details" first="${0}" limit="5" item="foxy-discount-detail-card"> </foxy-internal-async-details-control> <foxy-internal-async-details-control infer="coupon-details" first="${0}" limit="5" item="foxy-coupon-detail-card"> </foxy-internal-async-details-control> <foxy-internal-async-details-control infer="attributes" first="${0}" limit="5" item="foxy-attribute-card" form="foxy-attribute-form"> </foxy-internal-async-details-control> <foxy-internal-async-details-control infer="item-options" first="${0}" limit="5" item="foxy-item-option-card" form="foxy-item-option-form" .related="${0}"> </foxy-internal-async-details-control> `),this.data._links["fx:discount_details"].href,this.data._links["fx:coupon_details"].href,this.data._links["fx:attributes"].href,this.data._links["fx:item_options"].href,[this.data._links["fx:transaction"].href,this.data._links["fx:shipment"].href,this.__itemsLink]):"",super.renderBody())}async _sendGet(){const e=await super._sendGet(),t=await super._fetch(e._links["fx:transaction"].href);return this.__itemsLink=t._links["fx:items"].href,e}}customElements.define("foxy-item-form",S);export{S as ItemForm};
|
|
1
|
+
import"./shared-04c51428.js";import"./shared-8403766d.js";import"./shared-d97ce3d5.js";import"./shared-c15f0523.js";import{I as e}from"./shared-8d7ef22f.js";import"./foxy-discount-detail-card.js";import"./foxy-coupon-detail-card.js";import"./foxy-item-option-card.js";import"./foxy-item-option-form.js";import"./foxy-attribute-card.js";import"./foxy-attribute-form.js";import"./foxy-coupon-card.js";import"./shared-ec8a003f.js";import{I as t}from"./shared-ff7a10de.js";import"./foxy-discount-builder.js";import{i as r}from"./shared-d3bf9ac0.js";import{h as i,c as o}from"./shared-7f33a83a.js";import"./shared-02f2d418.js";import"./shared-76daf1fb.js";import"./shared-403db7b9.js";import"./shared-a7429258.js";import"./shared-5fd9d45d.js";import{I as n}from"./shared-9c176693.js";import{p as s}from"./shared-c9d1a2cd.js";import"./shared-db118e3e.js";import{_ as a}from"./shared-e34d2ef1.js";import{s as l}from"./shared-bc7f58ef.js";import{p as d}from"./shared-94f3042a.js";import"./foxy-subscription-card.js";import"./foxy-subscription-form.js";import"./foxy-form-dialog.js";import{T as c}from"./shared-5155696f.js";import"./foxy-collection-page.js";import"./foxy-spinner.js";import"./shared-26502fca.js";import"./shared-cf2b9cc3.js";import"./shared-1b38c44f.js";import"./shared-eb344bd5.js";import"./shared-86d0d927.js";import"./shared-84b5d8f0.js";import"./shared-85cd6cfb.js";import"./shared-565feb2f.js";import"./shared-7684cb05.js";import"./shared-bfca826a.js";import"./shared-d519a301.js";import"./shared-11c2efc8.js";import"./foxy-pagination.js";import"./shared-90119584.js";import"./shared-75ec4e1a.js";import"./shared-4e709717.js";import"./shared-7976580a.js";import"./shared-61199be1.js";import"./shared-0479553e.js";import"./shared-16aade17.js";import"./shared-b95332ec.js";import"./shared-71762c29.js";import"./shared-39265f55.js";import"./shared-7c5cfe1e.js";import"./shared-ecdf2d11.js";import"./shared-24fdefca.js";import"./shared-e6f3e9f0.js";import"./shared-2788214c.js";import"./foxy-cancellation-form.js";import"./foxy-collection-pages.js";import"./shared-7a078e85.js";import"./shared-d37049e9.js";import"./foxy-table.js";import"./shared-974bec9a.js";import"./foxy-nucleon-element.js";import"./shared-4ba52733.js";import"./shared-3ddbe8c9.js";import"./shared-7b72ee7e.js";let f,m=e=>e;customElements.define("foxy-internal-item-form-line-item-discount-control",class extends t{constructor(){super(...arguments),this.infer="line-item-discount"}renderControl(){var e,t,o,n,s;return i(f||(f=m` <foxy-internal-details summary="title" infer=""> <div class="space-y-m p-m"> <foxy-internal-async-combo-box-control item-value-path="_links.self.href" item-label-path="name" first="${0}" infer="coupon" @change="${0}"> </foxy-internal-async-combo-box-control> <foxy-internal-text-control infer="discount-name"></foxy-internal-text-control> <foxy-discount-builder infer="discount-builder" .parsedValue="${0}" @change="${0}"> </foxy-discount-builder> </div> </foxy-internal-details> `),r(null!==(t=null===(e=this.nucleon)||void 0===e?void 0:e.coupons)&&void 0!==t?t:void 0),(e=>{var t;e.preventDefault();const r=e.detail;null===(t=this.nucleon)||void 0===t||t.edit({discount_name:r.name,discount_type:r.coupon_discount_type,discount_details:r.coupon_discount_details})}),{type:null===(o=this.nucleon)||void 0===o?void 0:o.form.discount_type,name:null===(n=this.nucleon)||void 0===n?void 0:n.form.discount_name,details:null===(s=this.nucleon)||void 0===s?void 0:s.form.discount_details},(e=>{var t;const r=e.currentTarget.parsedValue;null===(t=this.nucleon)||void 0===t||t.edit({discount_name:r.name,discount_type:r.type,discount_details:r.details})}))}});let u,p,y=e=>e;customElements.define("foxy-internal-frequency-control",class extends n{constructor(){super(...arguments),this.__i18n={formatValue:e=>e.join(""),parseValue:e=>{const{count:t,units:r}=s(e);return[t.toString(),r]}}}static get styles(){return[super.styles,o(u||(u=y`:host{display:block}vaadin-custom-field{width:100%;font-size:0;line-height:0;padding-top:0!important}vaadin-custom-field::part(label){padding-bottom:var(--lumo-space-s)}vaadin-custom-field::part(error-message)[aria-hidden=false]{padding-top:var(--lumo-space-xs)}vaadin-combo-box,vaadin-integer-field{width:calc(50% - (var(--lumo-space-s)/ 2))}vaadin-integer-field{margin-right:var(--lumo-space-s);padding:0}vaadin-combo-box::part(text-field){padding:0}`))]}renderControl(){var e,t;const r=null!==(e=this._value)&&void 0!==e?e:"",o=s(r).count;return i(p||(p=y` <vaadin-custom-field ?disabled="${0}" ?readonly="${0}" .checkValidity="${0}" .errorMessage="${0}" .helperText="${0}" .label="${0}" .value="${0}" .i18n="${0}" @change="${0}"> <vaadin-integer-field max="999" min="1" prevent-invalid-input has-controls ?disabled="${0}" ?readonly="${0}" ?invalid="${0}" @keydown="${0}"> </vaadin-integer-field> <vaadin-combo-box item-value-path="value" item-label-path="label" ?disabled="${0}" ?readonly="${0}" ?invalid="${0}" .items="${0}" @keydown="${0}"> </vaadin-combo-box> </vaadin-custom-field> `),this.disabled,this.readonly,this._checkValidity,null!==(t=this._errorMessage)&&void 0!==t?t:"",this.helperText,this.label,r,this.__i18n,(e=>{const t=e.currentTarget;this._value=t.value}),this.disabled,this.readonly,!this._checkValidity(),(e=>{var t;return"Enter"===e.key&&(null===(t=this.nucleon)||void 0===t?void 0:t.submit())}),this.disabled,this.readonly,!this._checkValidity(),[{value:"d",label:this.t("day",{count:o})},{value:"w",label:this.t("week",{count:o})},{value:"m",label:this.t("month",{count:o})},{value:"y",label:this.t("year",{count:o})}],(e=>{var t;return"Enter"===e.key&&(null===(t=this.nucleon)||void 0===t?void 0:t.submit())}))}updated(e){super.updated(e);const t=this.renderRoot.firstElementChild;t.value!==this._value&&(t.value=this._value)}});let h,x=e=>e;customElements.define("foxy-internal-date-control",class extends n{constructor(){super(...arguments),this.format=null}static get properties(){return a(a({},super.properties),{},{format:{type:String}})}renderControl(){var e;let t;return t="unix"===this.format?l(new Date(1e3*(null!==(e=this._value)&&void 0!==e?e:0))):this._value,i(h||(h=x` <vaadin-date-picker error-message="${0}" placeholder="${0}" helper-text="${0}" label="${0}" class="w-full" ?disabled="${0}" ?readonly="${0}" .checkValidity="${0}" .value="${0}" @keydown="${0}" @change="${0}"> </vaadin-date-picker> `),r(this._errorMessage),this.placeholder,this.helperText,this.label,this.disabled,this.readonly,this._checkValidity,t,(e=>{var t;return"Enter"===e.key&&(null===(t=this.nucleon)||void 0===t?void 0:t.submit())}),(e=>{var t,r;const i=e.currentTarget;"unix"===this.format?this._value=Math.floor((null!==(r=null===(t=d(i.value))||void 0===t?void 0:t.getTime())&&void 0!==r?r:0)/1e3):this._value=i.value}))}});let v,b,g,_=e=>e;customElements.define("foxy-internal-item-form-subscription-control",class extends t{constructor(){super(...arguments),this.infer="subscription"}renderControl(){var e,t,r,o,n;let s;try{const i=null!==(o=null===(r=(null===(t=null===(e=this.nucleon)||void 0===e?void 0:e.data)||void 0===t?void 0:t._links)["fx:subscription"])||void 0===r?void 0:r.href)&&void 0!==o?o:"",n=new URL(i);n.searchParams.set("zoom","last_transaction,transaction_template:items"),s=n.toString()}catch(e){s=null}return i(v||(v=_` <foxy-internal-details summary="title" infer=""> ${0} </foxy-internal-details> `),s?i(b||(b=_` <foxy-form-dialog header="update" infer="form" href="${0}" form="foxy-subscription-form" .related="${0}"> </foxy-form-dialog> <button ?disabled="${0}" @click="${0}"> <foxy-subscription-card class="p-m" infer="card" href="${0}"> </foxy-subscription-card> </button> `),s,(null===(n=this.nucleon)||void 0===n?void 0:n.href)?[this.nucleon.href]:[],this.disabled,(e=>{const t=e.currentTarget;t.previousElementSibling.show(t)}),s):i(g||(g=_` <div class="space-y-m p-m"> <foxy-internal-frequency-control infer="frequency" property="subscription_frequency"> </foxy-internal-frequency-control> <foxy-internal-date-control infer="start" property="subscription_start_date"> </foxy-internal-date-control> <foxy-internal-date-control infer="end" property="subscription_end_date"> </foxy-internal-date-control> <foxy-internal-date-control infer="next" property="subscription_next_transaction_date"> </foxy-internal-date-control> </div> `)))}});let j,$=e=>e;customElements.define("foxy-internal-item-form-inventory-control",class extends t{constructor(){super(...arguments),this.infer="inventory"}renderControl(){var e,t;return i(j||(j=$` <foxy-internal-details summary="title" infer=""> <div class="grid grid-cols-2 gap-m p-m"> <foxy-internal-async-combo-box-control item-value-path="_links.self.href" item-label-path="name" property="item_category_uri" first="${0}" class="col-span-2" infer="category"> </foxy-internal-async-combo-box-control> <foxy-internal-text-control infer="code"></foxy-internal-text-control> <foxy-internal-text-control infer="parent-code"></foxy-internal-text-control> </div> </foxy-internal-details> `),r(null!==(t=null===(e=this.nucleon)||void 0===e?void 0:e.itemCategories)&&void 0!==t?t:void 0))}});let k,w=e=>e;customElements.define("foxy-internal-item-form-shipping-control",class extends t{constructor(){super(...arguments),this.infer="shipping"}renderControl(){var e,t;return i(k||(k=w` <foxy-internal-details summary="title" infer=""> <div class="grid grid-cols-2 gap-m p-m"> <foxy-internal-async-combo-box-control item-value-path="address_name" item-label-path="address_name" first="${0}" class="col-span-2" infer="shipto"> </foxy-internal-async-combo-box-control> <foxy-internal-integer-control infer="width"></foxy-internal-integer-control> <foxy-internal-integer-control infer="height"></foxy-internal-integer-control> <foxy-internal-integer-control infer="length"></foxy-internal-integer-control> <foxy-internal-integer-control infer="weight"></foxy-internal-integer-control> </div> </foxy-internal-details> `),r(null!==(t=null===(e=this.nucleon)||void 0===e?void 0:e.customerAddresses)&&void 0!==t?t:void 0))}});let E,q=e=>e;customElements.define("foxy-internal-item-form-cart-control",class extends t{constructor(){super(...arguments),this.infer="cart"}renderControl(){return i(E||(E=q` <foxy-internal-details summary="title" infer=""> <div class="grid grid-cols-2 gap-m p-m"> <foxy-internal-date-control class="col-span-2" infer="expires" format="unix"> </foxy-internal-date-control> <foxy-internal-text-control class="col-span-2" infer="url"></foxy-internal-text-control> <foxy-internal-text-control class="col-span-2" infer="image"></foxy-internal-text-control> <foxy-internal-integer-control infer="quantity-min"></foxy-internal-integer-control> <foxy-internal-integer-control infer="quantity-max"></foxy-internal-integer-control> </div> </foxy-internal-details> `))}});let C,V,T=e=>e;class S extends(c(e,"item-form")){constructor(){super(...arguments),this.customerAddresses=null,this.itemCategories=null,this.coupons=null,this.__itemsLink=""}static get properties(){return a(a({},super.properties),{},{customerAddresses:{type:String,attribute:"customer-addresses"},itemCategories:{type:String,attribute:"item-categories"},coupons:{type:String}})}static get v8n(){return[({name:e})=>!!e||"name:v8n_required",({name:e})=>!!e&&e.length<=255||"name:v8n_too_long",({price:e})=>"number"==typeof e&&!isNaN(e)||"price:v8n_required",({price:e})=>"number"==typeof e&&e>=0||"price:v8n_negative",({quantity:e})=>"number"==typeof e&&e>=1||"quantity:v8n_less_than_one"]}renderBody(){return i(C||(C=T` <foxy-internal-text-control infer="name"></foxy-internal-text-control> <div class="grid grid-cols-2 gap-m"> <foxy-internal-number-control infer="price"></foxy-internal-number-control> <foxy-internal-integer-control infer="quantity"></foxy-internal-integer-control> </div> <foxy-internal-item-form-subscription-control></foxy-internal-item-form-subscription-control> <foxy-internal-item-form-line-item-discount-control></foxy-internal-item-form-line-item-discount-control> <foxy-internal-item-form-cart-control></foxy-internal-item-form-cart-control> <foxy-internal-item-form-shipping-control></foxy-internal-item-form-shipping-control> <foxy-internal-item-form-inventory-control></foxy-internal-item-form-inventory-control> ${0} ${0} `),this.data?i(V||(V=T` <foxy-internal-async-details-control infer="discount-details" first="${0}" limit="5" item="foxy-discount-detail-card"> </foxy-internal-async-details-control> <foxy-internal-async-details-control infer="coupon-details" first="${0}" limit="5" item="foxy-coupon-detail-card"> </foxy-internal-async-details-control> <foxy-internal-async-details-control infer="attributes" first="${0}" limit="5" item="foxy-attribute-card" form="foxy-attribute-form"> </foxy-internal-async-details-control> <foxy-internal-async-details-control infer="item-options" first="${0}" limit="5" item="foxy-item-option-card" form="foxy-item-option-form" .related="${0}"> </foxy-internal-async-details-control> `),this.data._links["fx:discount_details"].href,this.data._links["fx:coupon_details"].href,this.data._links["fx:attributes"].href,this.data._links["fx:item_options"].href,[this.data._links["fx:transaction"].href,this.data._links["fx:shipment"].href,this.__itemsLink]):"",super.renderBody())}async _sendGet(){const e=await super._sendGet(),t=await super._fetch(e._links["fx:transaction"].href);return this.__itemsLink=t._links["fx:items"].href,e}}customElements.define("foxy-item-form",S);export{S as ItemForm};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./shared-eb344bd5.js";import"./shared-26502fca.js";export{Q as QueryBuilder}from"./shared-
|
|
1
|
+
import"./shared-eb344bd5.js";import"./shared-26502fca.js";export{Q as QueryBuilder}from"./shared-77f4c0b0.js";import"./shared-cf2b9cc3.js";import"./shared-1b38c44f.js";import"./shared-7f33a83a.js";import"./shared-e34d2ef1.js";import"./shared-e6f3e9f0.js";import"./shared-4e709717.js";import"./shared-d3bf9ac0.js";import"./shared-bc7f58ef.js";import"./shared-d519a301.js";import"./shared-5155696f.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import"./foxy-address-card.js";import"./foxy-item-form.js";import"./foxy-item-card.js";import"./shared-c9d1a2cd.js";import"./shared-8403766d.js";import{I as s}from"./shared-f4b47b4a.js";import{_ as r}from"./shared-e34d2ef1.js";import{h as e}from"./shared-7f33a83a.js";import{i as t}from"./shared-d3bf9ac0.js";import{T as i}from"./shared-5155696f.js";import{B as o}from"./shared-86d0d927.js";import{C as a}from"./shared-84b5d8f0.js";import"./shared-26502fca.js";import"./shared-cf2b9cc3.js";import"./shared-1b38c44f.js";import"./shared-eb344bd5.js";import"./shared-94a4ab55.js";import"./shared-0479553e.js";import"./foxy-spinner.js";import"./shared-85cd6cfb.js";import"./shared-565feb2f.js";import"./shared-7684cb05.js";import"./shared-bfca826a.js";import"./shared-4e709717.js";import"./shared-04c51428.js";import"./shared-02f2d418.js";import"./shared-76daf1fb.js";import"./shared-75ec4e1a.js";import"./shared-403db7b9.js";import"./shared-9c176693.js";import"./shared-ff7a10de.js";import"./shared-d97ce3d5.js";import"./shared-c15f0523.js";import"./shared-8d7ef22f.js";import"./shared-90119584.js";import"./shared-7976580a.js";import"./shared-61199be1.js";import"./foxy-discount-detail-card.js";import"./shared-16aade17.js";import"./foxy-coupon-detail-card.js";import"./foxy-item-option-card.js";import"./foxy-item-option-form.js";import"./foxy-attribute-card.js";import"./foxy-attribute-form.js";import"./shared-b95332ec.js";import"./shared-71762c29.js";import"./shared-a7429258.js";import"./shared-5fd9d45d.js";import"./shared-11c2efc8.js";import"./shared-39265f55.js";import"./shared-7c5cfe1e.js";import"./shared-ecdf2d11.js";import"./shared-24fdefca.js";import"./foxy-coupon-card.js";import"./shared-ec8a003f.js";import"./foxy-discount-builder.js";import"./shared-d519a301.js";import"./shared-e6f3e9f0.js";import"./shared-db118e3e.js";import"./shared-
|
|
1
|
+
import"./foxy-address-card.js";import"./foxy-item-form.js";import"./foxy-item-card.js";import"./shared-c9d1a2cd.js";import"./shared-8403766d.js";import{I as s}from"./shared-f4b47b4a.js";import{_ as r}from"./shared-e34d2ef1.js";import{h as e}from"./shared-7f33a83a.js";import{i as t}from"./shared-d3bf9ac0.js";import{T as i}from"./shared-5155696f.js";import{B as o}from"./shared-86d0d927.js";import{C as a}from"./shared-84b5d8f0.js";import"./shared-26502fca.js";import"./shared-cf2b9cc3.js";import"./shared-1b38c44f.js";import"./shared-eb344bd5.js";import"./shared-94a4ab55.js";import"./shared-0479553e.js";import"./foxy-spinner.js";import"./shared-85cd6cfb.js";import"./shared-565feb2f.js";import"./shared-7684cb05.js";import"./shared-bfca826a.js";import"./shared-4e709717.js";import"./shared-04c51428.js";import"./shared-02f2d418.js";import"./shared-76daf1fb.js";import"./shared-75ec4e1a.js";import"./shared-403db7b9.js";import"./shared-9c176693.js";import"./shared-ff7a10de.js";import"./shared-d97ce3d5.js";import"./shared-c15f0523.js";import"./shared-8d7ef22f.js";import"./shared-90119584.js";import"./shared-7976580a.js";import"./shared-61199be1.js";import"./foxy-discount-detail-card.js";import"./shared-16aade17.js";import"./foxy-coupon-detail-card.js";import"./foxy-item-option-card.js";import"./foxy-item-option-form.js";import"./foxy-attribute-card.js";import"./foxy-attribute-form.js";import"./shared-b95332ec.js";import"./shared-71762c29.js";import"./shared-a7429258.js";import"./shared-5fd9d45d.js";import"./shared-11c2efc8.js";import"./shared-39265f55.js";import"./shared-7c5cfe1e.js";import"./shared-ecdf2d11.js";import"./shared-24fdefca.js";import"./foxy-coupon-card.js";import"./shared-ec8a003f.js";import"./foxy-discount-builder.js";import"./shared-d519a301.js";import"./shared-e6f3e9f0.js";import"./shared-db118e3e.js";import"./shared-bc7f58ef.js";import"./shared-94f3042a.js";import"./foxy-subscription-card.js";import"./shared-2788214c.js";import"./foxy-subscription-form.js";import"./foxy-cancellation-form.js";import"./foxy-collection-pages.js";import"./foxy-collection-page.js";import"./foxy-form-dialog.js";import"./shared-7a078e85.js";import"./shared-d37049e9.js";import"./foxy-table.js";import"./shared-974bec9a.js";import"./foxy-nucleon-element.js";import"./shared-4ba52733.js";import"./shared-3ddbe8c9.js";import"./shared-7b72ee7e.js";import"./foxy-pagination.js";let d,c,m=s=>s;const p=a(i(s,"shipment-card"));class n extends p{constructor(){super(...arguments),this.__customerAddresses="",this.__currencyDisplay="",this.__itemCategories="",this.__editable=!1,this.__currency="",this.__coupons=""}static get properties(){return r(r({},super.properties),{},{__customerAddresses:{attribute:!1},__currencyDisplay:{attribute:!1},__itemCategories:{attribute:!1},__editable:{attribute:!1},__currency:{attribute:!1},__coupons:{attribute:!1}})}get hiddenSelector(){return new o(`address:not=full-address ${super.hiddenSelector.toString()}`)}get readonlySelector(){return this.__editable?super.readonlySelector:o.True}renderBody(){var s,r,i;let o;if(this.data)try{const s=new URL(this.data._links["fx:items"].href);s.searchParams.set("zoom","item_options"),o=s.toString()}catch(s){}return e(c||(c=m` <div class="space-y-m"> <foxy-address-card infer="address" href="${0}"> <div slot="full-address:after" class="flex items-center text-m space-x-s text-secondary"> <iron-icon icon="maps:local-shipping" class="icon-inline flex-shrink-0"></iron-icon> <span class="truncate"> ${0} • <foxy-i18n options="${0}" key="price" infer=""> </foxy-i18n> </span> </div> </foxy-address-card> <foxy-internal-async-details-control infer="items" first="${0}" limit="5" item="foxy-item-card" open .form="${0}"> </foxy-internal-async-details-control> </div> `),t(null===(s=this.data)||void 0===s?void 0:s._links["fx:customer_address"].href),null===(r=this.data)||void 0===r?void 0:r.shipping_service_description,JSON.stringify({amount:`${null===(i=this.data)||void 0===i?void 0:i.total_shipping} ${this.__currency}`,currencyDisplay:this.__currencyDisplay}),t(o),(({html:s,dialog:r,handleFetch:e,handleUpdate:t})=>s(d||(d=m`
|
|
2
2
|
<foxy-item-form
|
|
3
3
|
customer-addresses=${0}
|
|
4
4
|
item-categories=${0}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as e,h as t}from"./shared-cf2b9cc3.js";import{E as s,T as i}from"./shared-75ec4e1a.js";import"./shared-26502fca.js";import"./shared-71762c29.js";import{w as a,S as n,T as o}from"./shared-1b38c44f.js";import{c as r,h as d}from"./shared-7f33a83a.js";import"./shared-5fd9d45d.js";import"./shared-90119584.js";import"./shared-eb344bd5.js";import"./foxy-cancellation-form.js";import"./shared-0479553e.js";import"./foxy-collection-pages.js";import"./foxy-form-dialog.js";import{P as l}from"./shared-7a078e85.js";import"./foxy-spinner.js";import"./foxy-table.js";import"./shared-c9d1a2cd.js";import{_ as c,k as h}from"./shared-e34d2ef1.js";import{c as u}from"./shared-4e709717.js";import{C as m}from"./shared-a7429258.js";import"./shared-61199be1.js";import{S as f}from"./shared-39265f55.js";import{T as p}from"./shared-5155696f.js";import"./shared-02f2d418.js";import"./shared-76daf1fb.js";import"./shared-403db7b9.js";import{G as b}from"./shared-ecdf2d11.js";import{p as y}from"./shared-4ba52733.js";import{j as g}from"./shared-3ddbe8c9.js";import{C as _}from"./shared-84b5d8f0.js";import"./foxy-nucleon-element.js";import{T as v}from"./shared-7b72ee7e.js";import{i as x}from"./shared-d3bf9ac0.js";import{p as $}from"./shared-2788214c.js";import{s as w}from"./shared-
|
|
1
|
+
import{P as e,h as t}from"./shared-cf2b9cc3.js";import{E as s,T as i}from"./shared-75ec4e1a.js";import"./shared-26502fca.js";import"./shared-71762c29.js";import{w as a,S as n,T as o}from"./shared-1b38c44f.js";import{c as r,h as d}from"./shared-7f33a83a.js";import"./shared-5fd9d45d.js";import"./shared-90119584.js";import"./shared-eb344bd5.js";import"./foxy-cancellation-form.js";import"./shared-0479553e.js";import"./foxy-collection-pages.js";import"./foxy-form-dialog.js";import{P as l}from"./shared-7a078e85.js";import"./foxy-spinner.js";import"./foxy-table.js";import"./shared-c9d1a2cd.js";import{_ as c,k as h}from"./shared-e34d2ef1.js";import{c as u}from"./shared-4e709717.js";import{C as m}from"./shared-a7429258.js";import"./shared-61199be1.js";import{S as f}from"./shared-39265f55.js";import{T as p}from"./shared-5155696f.js";import"./shared-02f2d418.js";import"./shared-76daf1fb.js";import"./shared-403db7b9.js";import{G as b}from"./shared-ecdf2d11.js";import{p as y}from"./shared-4ba52733.js";import{j as g}from"./shared-3ddbe8c9.js";import{C as _}from"./shared-84b5d8f0.js";import"./foxy-nucleon-element.js";import{T as v}from"./shared-7b72ee7e.js";import{i as x}from"./shared-d3bf9ac0.js";import{p as $}from"./shared-2788214c.js";import{s as w}from"./shared-bc7f58ef.js";import{N as T}from"./shared-85cd6cfb.js";import"./shared-94f3042a.js";import"./shared-86d0d927.js";import"./shared-b95332ec.js";import"./shared-11c2efc8.js";import"./shared-bfca826a.js";import"./shared-565feb2f.js";import"./shared-7c5cfe1e.js";import"./shared-7684cb05.js";import"./foxy-collection-page.js";import"./shared-d519a301.js";import"./shared-7976580a.js";import"./shared-d37049e9.js";import"./shared-974bec9a.js";a("vcf-tooltip",r`
|
|
2
2
|
:host {
|
|
3
3
|
/* Sizing */
|
|
4
4
|
--lumo-tooltip-size: var(--lumo-size-m);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./foxy-attribute-card.js";import"./foxy-attribute-form.js";import"./foxy-custom-field-form.js";import"./foxy-custom-field-card.js";import"./foxy-applied-tax-card.js";import"./foxy-discount-card.js";import"./foxy-shipment-card.js";import"./foxy-payment-card.js";import"./foxy-item-form.js";import"./shared-c9d1a2cd.js";import"./shared-8403766d.js";import{I as t}from"./shared-8d7ef22f.js";import{I as r}from"./shared-ff7a10de.js";import"./foxy-customer-card.js";import"./foxy-form-dialog.js";import"./foxy-customer.js";import{h as o,c as e}from"./shared-7f33a83a.js";import{i}from"./shared-d3bf9ac0.js";import"./shared-90119584.js";import"./shared-7976580a.js";import{_ as s}from"./shared-e34d2ef1.js";import{N as n}from"./shared-85cd6cfb.js";import{T as a}from"./shared-5155696f.js";import{B as d}from"./shared-86d0d927.js";import"./shared-eb344bd5.js";import"./shared-26502fca.js";import"./shared-cf2b9cc3.js";import"./shared-1b38c44f.js";import"./shared-0479553e.js";import"./foxy-spinner.js";import"./shared-84b5d8f0.js";import"./shared-4e709717.js";import"./shared-565feb2f.js";import"./shared-7684cb05.js";import"./shared-bfca826a.js";import"./shared-b95332ec.js";import"./shared-75ec4e1a.js";import"./shared-76daf1fb.js";import"./shared-71762c29.js";import"./shared-a7429258.js";import"./shared-02f2d418.js";import"./shared-403db7b9.js";import"./shared-5fd9d45d.js";import"./shared-11c2efc8.js";import"./shared-61199be1.js";import"./shared-39265f55.js";import"./shared-7c5cfe1e.js";import"./shared-ecdf2d11.js";import"./shared-24fdefca.js";import"./shared-df26adf5.js";import"./shared-16aade17.js";import"./foxy-address-card.js";import"./shared-94a4ab55.js";import"./foxy-item-card.js";import"./shared-f4b47b4a.js";import"./shared-04c51428.js";import"./shared-9c176693.js";import"./shared-d97ce3d5.js";import"./shared-c15f0523.js";import"./foxy-discount-detail-card.js";import"./foxy-coupon-detail-card.js";import"./foxy-item-option-card.js";import"./foxy-item-option-form.js";import"./foxy-coupon-card.js";import"./shared-ec8a003f.js";import"./foxy-discount-builder.js";import"./shared-d519a301.js";import"./shared-e6f3e9f0.js";import"./shared-db118e3e.js";import"./shared-2061be9a.js";import"./shared-94f3042a.js";import"./foxy-subscription-card.js";import"./shared-2788214c.js";import"./foxy-subscription-form.js";import"./foxy-cancellation-form.js";import"./foxy-collection-pages.js";import"./foxy-collection-page.js";import"./shared-7a078e85.js";import"./shared-d37049e9.js";import"./foxy-table.js";import"./shared-974bec9a.js";import"./foxy-nucleon-element.js";import"./shared-4ba52733.js";import"./shared-3ddbe8c9.js";import"./shared-7b72ee7e.js";import"./foxy-pagination.js";import"./shared-99065f2a.js";import"./shared-1ed709ca.js";import"./foxy-payment-method-card.js";import"./foxy-transactions-table.js";import"./foxy-customer-form.js";import"./shared-b738ee96.js";import"./foxy-address-form.js";import"./shared-de25e8f0.js";let l,c=t=>t;customElements.define("foxy-internal-transaction-customer-control",class extends r{renderControl(){var t,r,e,s;return o(l||(l=c` <foxy-internal-details summary="customer" infer="" open> <foxy-form-dialog header="header" infer="dialog" form="foxy-customer" href="${0}" id="dialog"> </foxy-form-dialog> <button class="w-full text-left block rounded-b-l transition-colors hover-bg-contrast-5 focus-outline-none focus-ring-2 focus-ring-primary-50" @click="${0}"> <foxy-customer-card infer="card" class="p-m" href="${0}"> </foxy-customer-card> </button> </foxy-internal-details> `),i(null===(r=null===(t=this.nucleon)||void 0===t?void 0:t.data)||void 0===r?void 0:r._links["fx:customer"].href),(t=>{this.renderRoot.querySelector("#dialog").show(t.currentTarget)}),i(null===(s=null===(e=this.nucleon)||void 0===e?void 0:e.data)||void 0===s?void 0:s._links["fx:customer"].href))}});let f,m=t=>t;customElements.define("foxy-internal-transaction-post-action-control",class extends r{constructor(){super(...arguments),this.theme=null,this.href=null,this.__state="idle"}static get properties(){return s(s({},super.properties),{},{__state:{type:String},theme:{type:String},href:{type:String}})}renderControl(){const t=this.__state,r="fail"===t?"error":"idle"===t?this.theme:"";return o(f||(f=m` <foxy-internal-confirm-dialog header="header" infer="confirm" id="confirm" @hide="${0}"> </foxy-internal-confirm-dialog> <vaadin-button class="w-full" theme="${0} tertiary" ?disabled="${0}" @click="${0}"> <foxy-i18n key="${0}" infer=""></foxy-i18n> </vaadin-button> `),(t=>!t.detail.cancelled&&this.__submit()),r,"busy"===t||this.disabled,(t=>{this.renderRoot.querySelector("#confirm").show(t.currentTarget)}),t)}async __submit(){var t;if("busy"!==this.__state)try{this.__state="busy";const r=new n.API(this),o=await r.fetch(null!==(t=this.href)&&void 0!==t?t:"",{method:"POST"});this.__state=o.ok?"idle":"fail",o.ok&&this.dispatchEvent(new CustomEvent("done"))}catch(t){this.__state="fail"}}});let u,p,h,y,x,v=t=>t;customElements.define("foxy-internal-transaction-actions-control",class extends r{renderControl(){var t,r,e,i,s,n,a,d;return o(u||(u=v` <div class="divide-y divide-contrast-10"> ${0} ${0} ${0} ${0} </div> `),(null===(r=null===(t=this.nucleon)||void 0===t?void 0:t.data)||void 0===r?void 0:r._links["fx:capture"])?this.__renderCaptureAction():"",(null===(i=null===(e=this.nucleon)||void 0===e?void 0:e.data)||void 0===i?void 0:i._links["fx:void"])?this.__renderVoidAction():"",(null===(n=null===(s=this.nucleon)||void 0===s?void 0:s.data)||void 0===n?void 0:n._links["fx:refund"])?this.__renderRefundAction():"",(null===(d=null===(a=this.nucleon)||void 0===a?void 0:a.data)||void 0===d?void 0:d._links["fx:send_emails"])?this.__renderSendEmailsAction():"")}__renderSendEmailsAction(){var t,r;return o(p||(p=v` <foxy-internal-transaction-post-action-control infer="send-emails" theme="contrast" href="${0}" @done="${0}"> </foxy-internal-transaction-post-action-control> `),i(null===(r=null===(t=this.nucleon)||void 0===t?void 0:t.data)||void 0===r?void 0:r._links["fx:send_emails"].href),(()=>{var t;return null===(t=this.nucleon)||void 0===t?void 0:t.refresh()}))}__renderCaptureAction(){var t,r;return o(h||(h=v` <foxy-internal-transaction-post-action-control theme="success" infer="capture" href="${0}" @done="${0}"> </foxy-internal-transaction-post-action-control> `),i(null===(r=null===(t=this.nucleon)||void 0===t?void 0:t.data)||void 0===r?void 0:r._links["fx:capture"].href),(()=>{var t;return null===(t=this.nucleon)||void 0===t?void 0:t.refresh()}))}__renderVoidAction(){var t,r,e;return o(y||(y=v` <foxy-internal-transaction-post-action-control theme="error" infer="void" href="${0}" @done="${0}"> </foxy-internal-transaction-post-action-control> `),i(null===(e=null===(r=null===(t=this.nucleon)||void 0===t?void 0:t.data)||void 0===r?void 0:r._links["fx:void"])||void 0===e?void 0:e.href),(()=>{var t;return null===(t=this.nucleon)||void 0===t?void 0:t.refresh()}))}__renderRefundAction(){var t,r,e;return o(x||(x=v` <foxy-internal-transaction-post-action-control theme="contrast" infer="refund" href="${0}" @done="${0}"> </foxy-internal-transaction-post-action-control> `),i(null===(e=null===(r=null===(t=this.nucleon)||void 0===t?void 0:t.data)||void 0===r?void 0:r._links["fx:refund"])||void 0===e?void 0:e.href),(()=>{var t;return null===(t=this.nucleon)||void 0===t?void 0:t.refresh()}))}});let j,_,b,$,g,k,S,w=t=>t;customElements.define("foxy-internal-transaction-summary-control",class extends r{renderControl(){var t;return o(j||(j=w` <div class="border-t border-transparent"> <div class="h-m flex items-center justify-between"> <div class="text-xl font-bold">${0}</div> <div>${0}</div> </div> <div class="border-t border-contrast-10 mb-s"></div> ${0} </div> `),this.__renderPrice(),(null===(t=this.nucleon)||void 0===t?void 0:t.data)?this.__renderStatus():"",this.__renderTotals())}__renderStatus(){var t,r;const e={authorized:"bg-success text-success-contrast",completed:"bg-success text-success-contrast",declined:"bg-error text-error-contrast",rejected:"bg-error text-error-contrast"},i=(null===(r=null===(t=this.nucleon)||void 0===t?void 0:t.data)||void 0===r?void 0:r.status)||"completed";return o(_||(_=w` <foxy-i18n class="flex items-center h-xs px-s text-s font-semibold rounded ${0}" infer="" key="transaction_${0}"> </foxy-i18n> `),i in e?e[i]:"bg-contrast-5 text-contrast",i)}__renderPrice(){var t;const r=null===(t=this.nucleon)||void 0===t?void 0:t.data,e=null==r?void 0:r.currency_code;if(!r)return o(b||(b=w`--`));const i={amount:`${r.total_order} ${e}`};return o($||($=w`<foxy-i18n infer="" key="price" .options="${0}"></foxy-i18n>`),i)}__renderTotals(){var t;const r=null===(t=this.nucleon)||void 0===t?void 0:t.data,e=null==r?void 0:r.currency_code;return["total_item_price","total_shipping","total_tax"].map((t=>{const i={amount:`${null==r?void 0:r[t]} ${e}`};return o(g||(g=w` <div class="flex justify-between text-m text-secondary"> <foxy-i18n key="${0}" infer=""></foxy-i18n> ${0} </div> `),t,r?o(k||(k=w`<foxy-i18n infer="" key="price" .options="${0}"></foxy-i18n>`),i):o(S||(S=w`<span>--</span>`)))}))}});let A,E,C=t=>t;class T extends(a(t,"transaction")){static get styles(){return[...super.styles,e(A||(A=C`#body{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(18.75 * var(--lumo-space-m)),1fr))}#body>:first-child{grid-column-start:1;grid-column-end:-2}`))]}get readonlySelector(){var t,r,o;return Boolean(null!==(r=null===(t=this.data)||void 0===t?void 0:t._links["fx:void"])&&void 0!==r?r:null===(o=this.data)||void 0===o?void 0:o._links["fx:refund"])?super.readonlySelector:new d(`${super.readonlySelector} attributes custom-fields`)}renderBody(){var t,r,e,s,n,a;return o(E||(E=C` <div id="body" class="gap-m"> <foxy-internal-async-details-control infer="shipments" first="${0}" item="foxy-shipment-card" open> </foxy-internal-async-details-control> <div class="grid gap-m self-start"> <foxy-internal-transaction-summary-control infer="summary"> </foxy-internal-transaction-summary-control> <foxy-internal-transaction-customer-control infer="customer"> </foxy-internal-transaction-customer-control> <foxy-internal-async-details-control infer="payments" class="max-w-full overflow-hidden" first="${0}" limit="1" item="foxy-payment-card" open> </foxy-internal-async-details-control> <foxy-internal-async-details-control infer="discounts" first="${0}" limit="5" item="foxy-discount-card"> </foxy-internal-async-details-control> <foxy-internal-async-details-control infer="applied-taxes" first="${0}" limit="5" item="foxy-applied-tax-card"> </foxy-internal-async-details-control> <foxy-internal-async-details-control infer="custom-fields" first="${0}" limit="5" form="foxy-custom-field-form" item="foxy-custom-field-card" .related="${0}"> </foxy-internal-async-details-control> <foxy-internal-async-details-control infer="attributes" first="${0}" limit="5" form="foxy-attribute-form" item="foxy-attribute-card" .related="${0}"> </foxy-internal-async-details-control> <foxy-internal-transaction-actions-control infer="actions"> </foxy-internal-transaction-actions-control> </div> </div> `),i(null===(t=this.data)||void 0===t?void 0:t._links["fx:shipments"].href),i(null===(r=this.data)||void 0===r?void 0:r._links["fx:payments"].href),i(null===(e=this.data)||void 0===e?void 0:e._links["fx:discounts"].href),i(null===(s=this.data)||void 0===s?void 0:s._links["fx:applied_taxes"].href),i(null===(n=this.data)||void 0===n?void 0:n._links["fx:custom_fields"].href),[this.href],i(null===(a=this.data)||void 0===a?void 0:a._links["fx:attributes"].href),[this.href])}}customElements.define("foxy-transaction",T);export{T as Transaction};
|
|
1
|
+
import"./foxy-attribute-card.js";import"./foxy-attribute-form.js";import"./foxy-custom-field-form.js";import"./foxy-custom-field-card.js";import"./foxy-applied-tax-card.js";import"./foxy-discount-card.js";import"./foxy-shipment-card.js";import"./foxy-payment-card.js";import"./foxy-item-form.js";import"./shared-c9d1a2cd.js";import"./shared-8403766d.js";import{I as t}from"./shared-8d7ef22f.js";import{I as r}from"./shared-ff7a10de.js";import"./foxy-customer-card.js";import"./foxy-form-dialog.js";import"./foxy-customer.js";import{h as o,c as e}from"./shared-7f33a83a.js";import{i}from"./shared-d3bf9ac0.js";import"./shared-90119584.js";import"./shared-7976580a.js";import{_ as s}from"./shared-e34d2ef1.js";import{N as n}from"./shared-85cd6cfb.js";import{T as a}from"./shared-5155696f.js";import{B as d}from"./shared-86d0d927.js";import"./shared-eb344bd5.js";import"./shared-26502fca.js";import"./shared-cf2b9cc3.js";import"./shared-1b38c44f.js";import"./shared-0479553e.js";import"./foxy-spinner.js";import"./shared-84b5d8f0.js";import"./shared-4e709717.js";import"./shared-565feb2f.js";import"./shared-7684cb05.js";import"./shared-bfca826a.js";import"./shared-b95332ec.js";import"./shared-75ec4e1a.js";import"./shared-76daf1fb.js";import"./shared-71762c29.js";import"./shared-a7429258.js";import"./shared-02f2d418.js";import"./shared-403db7b9.js";import"./shared-5fd9d45d.js";import"./shared-11c2efc8.js";import"./shared-61199be1.js";import"./shared-39265f55.js";import"./shared-7c5cfe1e.js";import"./shared-ecdf2d11.js";import"./shared-24fdefca.js";import"./shared-df26adf5.js";import"./shared-16aade17.js";import"./foxy-address-card.js";import"./shared-94a4ab55.js";import"./foxy-item-card.js";import"./shared-f4b47b4a.js";import"./shared-04c51428.js";import"./shared-9c176693.js";import"./shared-d97ce3d5.js";import"./shared-c15f0523.js";import"./foxy-discount-detail-card.js";import"./foxy-coupon-detail-card.js";import"./foxy-item-option-card.js";import"./foxy-item-option-form.js";import"./foxy-coupon-card.js";import"./shared-ec8a003f.js";import"./foxy-discount-builder.js";import"./shared-d519a301.js";import"./shared-e6f3e9f0.js";import"./shared-db118e3e.js";import"./shared-bc7f58ef.js";import"./shared-94f3042a.js";import"./foxy-subscription-card.js";import"./shared-2788214c.js";import"./foxy-subscription-form.js";import"./foxy-cancellation-form.js";import"./foxy-collection-pages.js";import"./foxy-collection-page.js";import"./shared-7a078e85.js";import"./shared-d37049e9.js";import"./foxy-table.js";import"./shared-974bec9a.js";import"./foxy-nucleon-element.js";import"./shared-4ba52733.js";import"./shared-3ddbe8c9.js";import"./shared-7b72ee7e.js";import"./foxy-pagination.js";import"./shared-99065f2a.js";import"./shared-1ed709ca.js";import"./foxy-payment-method-card.js";import"./foxy-transactions-table.js";import"./foxy-customer-form.js";import"./shared-b738ee96.js";import"./foxy-address-form.js";import"./shared-de25e8f0.js";let l,c=t=>t;customElements.define("foxy-internal-transaction-customer-control",class extends r{renderControl(){var t,r,e,s;return o(l||(l=c` <foxy-internal-details summary="customer" infer="" open> <foxy-form-dialog header="header" infer="dialog" form="foxy-customer" href="${0}" id="dialog"> </foxy-form-dialog> <button class="w-full text-left block rounded-b-l transition-colors hover-bg-contrast-5 focus-outline-none focus-ring-2 focus-ring-primary-50" @click="${0}"> <foxy-customer-card infer="card" class="p-m" href="${0}"> </foxy-customer-card> </button> </foxy-internal-details> `),i(null===(r=null===(t=this.nucleon)||void 0===t?void 0:t.data)||void 0===r?void 0:r._links["fx:customer"].href),(t=>{this.renderRoot.querySelector("#dialog").show(t.currentTarget)}),i(null===(s=null===(e=this.nucleon)||void 0===e?void 0:e.data)||void 0===s?void 0:s._links["fx:customer"].href))}});let f,m=t=>t;customElements.define("foxy-internal-transaction-post-action-control",class extends r{constructor(){super(...arguments),this.theme=null,this.href=null,this.__state="idle"}static get properties(){return s(s({},super.properties),{},{__state:{type:String},theme:{type:String},href:{type:String}})}renderControl(){const t=this.__state,r="fail"===t?"error":"idle"===t?this.theme:"";return o(f||(f=m` <foxy-internal-confirm-dialog header="header" infer="confirm" id="confirm" @hide="${0}"> </foxy-internal-confirm-dialog> <vaadin-button class="w-full" theme="${0} tertiary" ?disabled="${0}" @click="${0}"> <foxy-i18n key="${0}" infer=""></foxy-i18n> </vaadin-button> `),(t=>!t.detail.cancelled&&this.__submit()),r,"busy"===t||this.disabled,(t=>{this.renderRoot.querySelector("#confirm").show(t.currentTarget)}),t)}async __submit(){var t;if("busy"!==this.__state)try{this.__state="busy";const r=new n.API(this),o=await r.fetch(null!==(t=this.href)&&void 0!==t?t:"",{method:"POST"});this.__state=o.ok?"idle":"fail",o.ok&&this.dispatchEvent(new CustomEvent("done"))}catch(t){this.__state="fail"}}});let u,p,h,y,x,v=t=>t;customElements.define("foxy-internal-transaction-actions-control",class extends r{renderControl(){var t,r,e,i,s,n,a,d;return o(u||(u=v` <div class="divide-y divide-contrast-10"> ${0} ${0} ${0} ${0} </div> `),(null===(r=null===(t=this.nucleon)||void 0===t?void 0:t.data)||void 0===r?void 0:r._links["fx:capture"])?this.__renderCaptureAction():"",(null===(i=null===(e=this.nucleon)||void 0===e?void 0:e.data)||void 0===i?void 0:i._links["fx:void"])?this.__renderVoidAction():"",(null===(n=null===(s=this.nucleon)||void 0===s?void 0:s.data)||void 0===n?void 0:n._links["fx:refund"])?this.__renderRefundAction():"",(null===(d=null===(a=this.nucleon)||void 0===a?void 0:a.data)||void 0===d?void 0:d._links["fx:send_emails"])?this.__renderSendEmailsAction():"")}__renderSendEmailsAction(){var t,r;return o(p||(p=v` <foxy-internal-transaction-post-action-control infer="send-emails" theme="contrast" href="${0}" @done="${0}"> </foxy-internal-transaction-post-action-control> `),i(null===(r=null===(t=this.nucleon)||void 0===t?void 0:t.data)||void 0===r?void 0:r._links["fx:send_emails"].href),(()=>{var t;return null===(t=this.nucleon)||void 0===t?void 0:t.refresh()}))}__renderCaptureAction(){var t,r;return o(h||(h=v` <foxy-internal-transaction-post-action-control theme="success" infer="capture" href="${0}" @done="${0}"> </foxy-internal-transaction-post-action-control> `),i(null===(r=null===(t=this.nucleon)||void 0===t?void 0:t.data)||void 0===r?void 0:r._links["fx:capture"].href),(()=>{var t;return null===(t=this.nucleon)||void 0===t?void 0:t.refresh()}))}__renderVoidAction(){var t,r,e;return o(y||(y=v` <foxy-internal-transaction-post-action-control theme="error" infer="void" href="${0}" @done="${0}"> </foxy-internal-transaction-post-action-control> `),i(null===(e=null===(r=null===(t=this.nucleon)||void 0===t?void 0:t.data)||void 0===r?void 0:r._links["fx:void"])||void 0===e?void 0:e.href),(()=>{var t;return null===(t=this.nucleon)||void 0===t?void 0:t.refresh()}))}__renderRefundAction(){var t,r,e;return o(x||(x=v` <foxy-internal-transaction-post-action-control theme="contrast" infer="refund" href="${0}" @done="${0}"> </foxy-internal-transaction-post-action-control> `),i(null===(e=null===(r=null===(t=this.nucleon)||void 0===t?void 0:t.data)||void 0===r?void 0:r._links["fx:refund"])||void 0===e?void 0:e.href),(()=>{var t;return null===(t=this.nucleon)||void 0===t?void 0:t.refresh()}))}});let j,_,b,$,g,k,S,w=t=>t;customElements.define("foxy-internal-transaction-summary-control",class extends r{renderControl(){var t;return o(j||(j=w` <div class="border-t border-transparent"> <div class="h-m flex items-center justify-between"> <div class="text-xl font-bold">${0}</div> <div>${0}</div> </div> <div class="border-t border-contrast-10 mb-s"></div> ${0} </div> `),this.__renderPrice(),(null===(t=this.nucleon)||void 0===t?void 0:t.data)?this.__renderStatus():"",this.__renderTotals())}__renderStatus(){var t,r;const e={authorized:"bg-success text-success-contrast",completed:"bg-success text-success-contrast",declined:"bg-error text-error-contrast",rejected:"bg-error text-error-contrast"},i=(null===(r=null===(t=this.nucleon)||void 0===t?void 0:t.data)||void 0===r?void 0:r.status)||"completed";return o(_||(_=w` <foxy-i18n class="flex items-center h-xs px-s text-s font-semibold rounded ${0}" infer="" key="transaction_${0}"> </foxy-i18n> `),i in e?e[i]:"bg-contrast-5 text-contrast",i)}__renderPrice(){var t;const r=null===(t=this.nucleon)||void 0===t?void 0:t.data,e=null==r?void 0:r.currency_code;if(!r)return o(b||(b=w`--`));const i={amount:`${r.total_order} ${e}`};return o($||($=w`<foxy-i18n infer="" key="price" .options="${0}"></foxy-i18n>`),i)}__renderTotals(){var t;const r=null===(t=this.nucleon)||void 0===t?void 0:t.data,e=null==r?void 0:r.currency_code;return["total_item_price","total_shipping","total_tax"].map((t=>{const i={amount:`${null==r?void 0:r[t]} ${e}`};return o(g||(g=w` <div class="flex justify-between text-m text-secondary"> <foxy-i18n key="${0}" infer=""></foxy-i18n> ${0} </div> `),t,r?o(k||(k=w`<foxy-i18n infer="" key="price" .options="${0}"></foxy-i18n>`),i):o(S||(S=w`<span>--</span>`)))}))}});let A,E,C=t=>t;class T extends(a(t,"transaction")){static get styles(){return[...super.styles,e(A||(A=C`#body{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(18.75 * var(--lumo-space-m)),1fr))}#body>:first-child{grid-column-start:1;grid-column-end:-2}`))]}get readonlySelector(){var t,r,o;return Boolean(null!==(r=null===(t=this.data)||void 0===t?void 0:t._links["fx:void"])&&void 0!==r?r:null===(o=this.data)||void 0===o?void 0:o._links["fx:refund"])?super.readonlySelector:new d(`${super.readonlySelector} attributes custom-fields`)}renderBody(){var t,r,e,s,n,a;return o(E||(E=C` <div id="body" class="gap-m"> <foxy-internal-async-details-control infer="shipments" first="${0}" item="foxy-shipment-card" open> </foxy-internal-async-details-control> <div class="grid gap-m self-start"> <foxy-internal-transaction-summary-control infer="summary"> </foxy-internal-transaction-summary-control> <foxy-internal-transaction-customer-control infer="customer"> </foxy-internal-transaction-customer-control> <foxy-internal-async-details-control infer="payments" class="max-w-full overflow-hidden" first="${0}" limit="1" item="foxy-payment-card" open> </foxy-internal-async-details-control> <foxy-internal-async-details-control infer="discounts" first="${0}" limit="5" item="foxy-discount-card"> </foxy-internal-async-details-control> <foxy-internal-async-details-control infer="applied-taxes" first="${0}" limit="5" item="foxy-applied-tax-card"> </foxy-internal-async-details-control> <foxy-internal-async-details-control infer="custom-fields" first="${0}" limit="5" form="foxy-custom-field-form" item="foxy-custom-field-card" .related="${0}"> </foxy-internal-async-details-control> <foxy-internal-async-details-control infer="attributes" first="${0}" limit="5" form="foxy-attribute-form" item="foxy-attribute-card" .related="${0}"> </foxy-internal-async-details-control> <foxy-internal-transaction-actions-control infer="actions"> </foxy-internal-transaction-actions-control> </div> </div> `),i(null===(t=this.data)||void 0===t?void 0:t._links["fx:shipments"].href),i(null===(r=this.data)||void 0===r?void 0:r._links["fx:payments"].href),i(null===(e=this.data)||void 0===e?void 0:e._links["fx:discounts"].href),i(null===(s=this.data)||void 0===s?void 0:s._links["fx:applied_taxes"].href),i(null===(n=this.data)||void 0===n?void 0:n._links["fx:custom_fields"].href),[this.href],i(null===(a=this.data)||void 0===a?void 0:a._links["fx:attributes"].href),[this.href])}}customElements.define("foxy-transaction",T);export{T as Transaction};
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import"./shared-eb344bd5.js";import"./shared-26502fca.js";import{_ as e,I as l}from"./shared-e34d2ef1.js";import{s as t,h as n,c as s,L as a}from"./shared-7f33a83a.js";import{o}from"./shared-e6f3e9f0.js";import{c as i}from"./shared-4e709717.js";import{i as r}from"./shared-d3bf9ac0.js";import{a as d}from"./shared-bc7f58ef.js";import{r as u}from"./shared-d519a301.js";import{R as c,T as v}from"./shared-1b38c44f.js";import{T as p}from"./shared-5155696f.js";var f,h;!function(e){e.Attribute="attribute",e.Boolean="boolean",e.String="string",e.Number="number",e.Date="date",e.Any="any"}(f||(f={})),function(e){e.LessThanOrEqual="lessthanorequal",e.LessThan="lessthan",e.GreaterThanOrEqual="greaterthanorequal",e.GreaterThan="greaterthan",e.IsDefined="isdefined",e.Not="not",e.In="in"}(h||(h={}));let g;const C=t(g||(g=(e=>e)`
|
|
2
|
+
<svg class="w-full h-full" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
3
|
+
<path d="M26.4 14.7399C26.4 15.2922 25.9523 15.7399 25.4 15.7399H10.6C10.0477 15.7399 9.60001 15.2922 9.60001 14.7399V14.2C9.60001 13.6477 10.0477 13.2 10.6 13.2H25.4C25.9523 13.2 26.4 13.6477 26.4 14.2V14.7399ZM26.4 21.8C26.4 22.3523 25.9523 22.8 25.4 22.8H10.6C10.0477 22.8 9.60001 22.3523 9.60001 21.8V21.2601C9.60001 20.7078 10.0477 20.2601 10.6 20.2601H25.4C25.9523 20.2601 26.4 20.7078 26.4 21.2601V21.8Z" class="fill-current"/>
|
|
4
|
+
</svg>
|
|
5
|
+
`));let b;const m=t(b||(b=(e=>e)`
|
|
6
|
+
<svg class="w-full h-full" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
7
|
+
<path d="M12.8656 14.6695C12.3425 14.4581 12 13.9503 12 13.386C12 12.3748 13.0489 11.7048 13.9663 12.1299L23.8937 16.7295C24.5323 17.0254 24.941 17.6652 24.941 18.369C24.941 19.0735 24.5316 19.7137 23.8921 20.0092L13.971 24.5938C13.0509 25.019 12 24.347 12 23.3334C12 22.7709 12.3394 22.264 12.8594 22.0496L21.341 18.3046L12.8656 14.6695Z" class="fill-current"/>
|
|
8
|
+
</svg>
|
|
9
|
+
`));let x;const w=t(x||(x=(e=>e)`
|
|
10
|
+
<svg class="w-full h-full" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
11
|
+
<path d="M12.5 9.8C11.0088 9.8 9.8 11.0088 9.8 12.5V23.5C9.8 24.9912 11.0088 26.2 12.5 26.2H14C14.6627 26.2 15.2 25.6627 15.2 25C15.2 24.3373 14.6627 23.8 14 23.8H13.5C12.782 23.8 12.2 23.218 12.2 22.5V13.5C12.2 12.782 12.782 12.2 13.5 12.2H14C14.6627 12.2 15.2 11.6627 15.2 11C15.2 10.3373 14.6627 9.8 14 9.8H12.5Z" class="fill-current"/>
|
|
12
|
+
<path d="M22 9.8C21.3373 9.8 20.8 10.3373 20.8 11C20.8 11.6627 21.3373 12.2 22 12.2H22.5C23.218 12.2 23.8 12.782 23.8 13.5V22.5C23.8 23.218 23.218 23.8 22.5 23.8H22C21.3373 23.8 20.8 24.3373 20.8 25C20.8 25.6627 21.3373 26.2 22 26.2H23.5C24.9912 26.2 26.2 24.9912 26.2 23.5V12.5C26.2 11.0088 24.9912 9.8 23.5 9.8H22Z" class="fill-current"/>
|
|
13
|
+
</svg>
|
|
14
|
+
`));let V;const $=t(V||(V=(e=>e)`
|
|
15
|
+
<svg class="w-full h-full" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
16
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.05 23.58L20.04 23.59L17.64 21.19L18.7 20.13L20.05 21.48L22.54 19L23.6 20.06L20.06 23.6L20.05 23.58ZM18 8C12.5 8 8 12.5 8 18C8 23.5 12.5 28 18 28C23.5 28 28 23.5 28 18C28 12.5 23.5 8 18 8ZM13.34 12.28L14.75 13.69L16.16 12.28L17.22 13.34L15.81 14.75L17.22 16.16L16.16 17.22L14.75 15.81L13.34 17.22L12.28 16.16L13.69 14.75L12.28 13.34L13.34 12.28ZM18 26C15.8 26 13.8 25.1 12.3 23.7L23.7 12.3C25.1 13.8 26 15.8 26 18C26 22.4 22.4 26 18 26Z" class="fill-current"/>
|
|
17
|
+
</svg>
|
|
18
|
+
`));let H;const y=t(H||(H=(e=>e)`
|
|
19
|
+
<svg class="w-full h-full" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
20
|
+
<path d="M22.8754 22.054C23.3985 22.2655 23.741 22.7733 23.741 23.3375C23.741 24.3487 22.6922 25.0187 21.7747 24.5936L11.8473 19.994C11.2087 19.6981 10.8 19.0583 10.8 18.3545C10.8 17.65 11.2094 17.0098 11.8489 16.7143L21.7701 12.1297C22.6902 11.7045 23.741 12.3765 23.741 13.3902C23.741 13.9526 23.4017 14.4596 22.8816 14.6739L14.4 18.4189L22.8754 22.054Z" class="fill-current"/>
|
|
21
|
+
</svg>
|
|
22
|
+
`));let L;const M=t(L||(L=(e=>e)`
|
|
23
|
+
<svg class="w-full h-full" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
24
|
+
<path d="M22.8754 19.654C23.3985 19.8655 23.741 20.3733 23.741 20.9375C23.741 21.9487 22.6922 22.6187 21.7747 22.1936L11.8473 17.594C11.2087 17.2981 10.8 16.6584 10.8 15.9545C10.8 15.25 11.2094 14.6098 11.8489 14.3143L21.7701 9.72971C22.6902 9.30453 23.741 9.97655 23.741 10.9902C23.741 11.5527 23.4017 12.0596 22.8816 12.2739L14.4 16.0189L22.8754 19.654Z" class="fill-current"/>
|
|
25
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9169 20.9941C11.2134 20.3281 11.9937 20.0286 12.6597 20.3251L22.8548 24.8643C23.5208 25.1608 23.8203 25.9411 23.5238 26.6071C23.2273 27.2731 22.447 27.5726 21.781 27.2761L11.5859 22.7369C10.9199 22.4404 10.6204 21.6601 10.9169 20.9941Z" class="fill-current"/>
|
|
26
|
+
</svg>
|
|
27
|
+
`));let Z;const I=t(Z||(Z=(e=>e)`
|
|
28
|
+
<svg class="w-full h-full" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
29
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.0049 7.11C24.6649 7.49107 24.8911 8.33507 24.51 8.99511L13.1621 28.6503C12.781 29.3103 11.937 29.5365 11.277 29.1554C10.6169 28.7743 10.3908 27.9303 10.7719 27.2703L22.1198 7.61511C22.5009 6.95507 23.3448 6.72892 24.0049 7.11Z" class="fill-current"/>
|
|
30
|
+
<path d="M17.5097 13.2H10.8C10.1373 13.2 9.60001 13.7373 9.60001 14.4V14.5399C9.60001 15.2026 10.1373 15.7399 10.8 15.7399H16.0433L17.5097 13.2Z" class="fill-current"/>
|
|
31
|
+
<path d="M13.4336 20.2601H10.8C10.1373 20.2601 9.60001 20.7973 9.60001 21.4601V21.6C9.60001 22.2627 10.1373 22.8 10.8 22.8H11.9671L13.4336 20.2601Z" class="fill-current"/>
|
|
32
|
+
<path d="M17.9254 22.8H25.2C25.8627 22.8 26.4 22.2627 26.4 21.6V21.4601C26.4 20.7973 25.8627 20.2601 25.2 20.2601H19.3918L17.9254 22.8Z" class="fill-current"/>
|
|
33
|
+
<path d="M22.0015 15.7399H25.2C25.8627 15.7399 26.4 15.2026 26.4 14.5399V14.4C26.4 13.7373 25.8627 13.2 25.2 13.2H23.468L22.0015 15.7399Z" class="fill-current"/>
|
|
34
|
+
</svg>
|
|
35
|
+
`));let N;const j=t(N||(N=(e=>e)`
|
|
36
|
+
<svg class="w-full h-full" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
37
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 8C12.48 8 8 12.48 8 18C8 23.52 12.48 28 18 28C23.52 28 28 23.52 28 18C28 12.48 23.52 8 18 8ZM18 26C13.59 26 10 22.41 10 18C10 13.59 13.59 10 18 10C22.41 10 26 13.59 26 18C26 22.41 22.41 26 18 26Z" class="fill-current"/>
|
|
38
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.49 17.38C19.92 16.16 19.66 14.74 18.68 13.76C17.57 12.65 15.89 12.46 14.58 13.17L16.93 15.52L15.52 16.93L13.17 14.58C12.46 15.9 12.65 17.57 13.76 18.68C14.74 19.66 16.16 19.92 17.38 19.49L20.79 22.9C20.99 23.1 21.3 23.1 21.5 22.9L22.9 21.5C23.1 21.3 23.1 20.99 22.9 20.79L19.49 17.38Z" class="fill-current"/>
|
|
39
|
+
</svg>
|
|
40
|
+
`));let T;const A=t(T||(T=(e=>e)`
|
|
41
|
+
<svg class="w-full h-full" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
42
|
+
<path d="M10 13V15C10 15.55 9.55 16 9 16H8V20H9C9.55 20 10 20.45 10 21V23C10 24.65 11.35 26 13 26H16V24H13C12.45 24 12 23.55 12 23V21C12 19.7 11.16 18.58 10 18.17V17.83C11.16 17.42 12 16.3 12 15V13C12 12.45 12.45 12 13 12H16V10H13C11.35 10 10 11.35 10 13Z" class="fill-current"/>
|
|
43
|
+
<path d="M27 16C26.45 16 26 15.55 26 15V13C26 11.35 24.65 10 23 10H20V12H23C23.55 12 24 12.45 24 13V15C24 16.3 24.84 17.42 26 17.83V18.17C24.84 18.58 24 19.69 24 21V23C24 23.55 23.55 24 23 24H20V26H23C24.65 26 26 24.65 26 23V21C26 20.45 26.45 20 27 20H28V16H27Z" class="fill-current"/>
|
|
44
|
+
</svg>
|
|
45
|
+
`));let B;const D=t(B||(B=(e=>e)`
|
|
46
|
+
<svg class="w-full h-full" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
47
|
+
<path d="M23.8333 17.0588H22.0833V11.7647H20.3333V10H23.8333V17.0588Z" class="fill-current"/>
|
|
48
|
+
<path d="M15.6667 10H12.1667C11.525 10 11 10.5294 11 11.1765V15.8824C11 16.5294 11.525 17.0588 12.1667 17.0588H15.6667C16.3083 17.0588 16.8333 16.5294 16.8333 15.8824V11.1765C16.8333 10.5294 16.3083 10 15.6667 10ZM15.0833 15.2941H12.75V11.7647H15.0833V15.2941Z" class="fill-current"/>
|
|
49
|
+
<path d="M15.6667 26.4706H13.9167V21.1765H12.1667V19.4118H15.6667V26.4706Z" class="fill-current"/>
|
|
50
|
+
<path d="M23.8333 19.4118H20.3333C19.6917 19.4118 19.1667 19.9412 19.1667 20.5882V25.2941C19.1667 25.9412 19.6917 26.4706 20.3333 26.4706H23.8333C24.475 26.4706 25 25.9412 25 25.2941V20.5882C25 19.9412 24.475 19.4118 23.8333 19.4118ZM23.25 24.7059H20.9167V21.1765H23.25V24.7059Z" class="fill-current"/>
|
|
51
|
+
</svg>
|
|
52
|
+
`));let _;const O=t(_||(_=(e=>e)`
|
|
53
|
+
<svg class="w-full h-full" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
54
|
+
<path d="M25 10H24V8H22V10H14V8H12V10H11C9.89 10 9.01 10.9 9.01 12L9 26C9 27.1 9.89 28 11 28H25C26.1 28 27 27.1 27 26V12C27 10.9 26.1 10 25 10ZM25 26H11V16H25V26ZM25 14H11V12H25V14ZM23 19H18V24H23V19Z" class="fill-current"/>
|
|
55
|
+
</svg>
|
|
56
|
+
`));let q;const E=t(q||(q=(e=>e)`
|
|
57
|
+
<svg class="w-full h-full" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
58
|
+
<path d="M26.5 16L27 14H23L24 10H22L21 14H17L18 10H16L15 14H11L10.5 16H14.5L13.5 20H9.5L9 22H13L12 26H14L15 22H19L18 26H20L21 22H25L25.5 20H21.5L22.5 16H26.5ZM19.5 20H15.5L16.5 16H20.5L19.5 20Z" class="fill-current"/>
|
|
59
|
+
</svg>
|
|
60
|
+
`));let S;const k=t(S||(S=(e=>e)`
|
|
61
|
+
<svg class="w-full h-full" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
62
|
+
<path d="M11 11V14H16.5V26H19.5V14H25V11H11Z" class="fill-current"/>
|
|
63
|
+
</svg>
|
|
64
|
+
`));let z,R,G,U,F,W=e=>e;function Y(e){var l,t,s;const a=null===(t=null===(l=e.list)||void 0===l?void 0:l.every((l=>l.value!==e.value)))||void 0===t||t;return n(z||(z=W` <label class="flex items-center cursor-pointer transition-colors group text-tertiary hover-bg-contrast-5"> <div class="relative flex-1 min-w-0 overflow-hidden"> <select class="${0}" @change="${0}"> ${0} ${0} </select> </div> ${0} </label> `),i({"cursor-pointer bg-transparent relative appearance-none flex h-m px-s":!0,"font-medium w-full max-w-full whitespace-nowrap focus-outline-none":!0,"text-tertiary":a,"text-body":!a}),(l=>{const t=l.currentTarget,n=t.options[t.options.selectedIndex].value;e.onChange(n)}),a?n(R||(R=W` <option value="" disabled="disabled" ?selected="${0}">${0}</option> `),a,e.t(e.label)):"",null===(s=e.list)||void 0===s?void 0:s.map((({label:l,value:t})=>n(G||(G=W` <option value="${0}" ?selected="${0}"> ${0} </option> `),t,t===e.value,e.t(l)))),a?"":n(U||(U=W` <span class="font-tnum text-xs font-medium border mr-s px-xs rounded-s border-current inline-block"> ${0} </span> ${0} `),e.t(e.label),e.clearable?n(F||(F=W` <button aria-label="${0}" class="w-s h-s mr-xs text-body flex items-center justify-center transition-colors rounded-full focus-outline-none focus-ring-2 focus-ring-primary-50 hover-bg-contrast-5 hover-text-error" @click="${0}"> <iron-icon aria-hidden="true" class="icon-inline text-l" icon="icons:remove-circle-outline"> </iron-icon> </button> `),e.t("delete"),(()=>e.onChange(""))):""))}let Q,J,K,P,X,ee=e=>e;function le(e){var l;const t=`${null!==(l=e.id)&&void 0!==l?l:String(Math.floor(Math.random()*Math.pow(10,8)))}-list`,s=!!e.displayValue;let a=e.value;if("date"===e.type){const l=new Date(e.value);a=isNaN(l.getTime())?"":d(l)}return n(Q||(Q=ee` <label class="relative flex items-center cursor-text group text-tertiary"> <div class="relative flex-1 min-w-0 overflow-hidden"> ${0} <input placeholder="${0}" class="${0}" list="${0}" type="${0}" max="${0}" .value="${0}" ?disabled="${0}" @input="${0}"> </div> <span class="${0}"> ${0} </span> ${0} ${0} </label> `),s?n(J||(J=ee` <div aria-hidden="true" class="absolute inset-0 h-m px-s font-medium text-body flex items-center"> <div class="truncate">${0}</div> </div> `),e.t(e.displayValue)):"",a||"date"===e.type?"":e.t(e.label),i({"bg-base text-body relative flex h-m px-s font-medium w-full":!0,"flex max-w-full whitespace-nowrap":!0,"focus-outline-none":!0,"opacity-0 focus-opacity-100":s}),r(e.list?t:void 0),e.type,r("date"===e.type?"9999-12-31":""),a,e.disabled,(l=>{const t=l.currentTarget;try{const l=t.valueAsDate;l.getFullYear()>9999&&l.setFullYear(9999),e.onChange(l.toISOString())}catch(l){e.onChange(t.value)}}),i({"font-tnum text-xs font-medium border border-current mr-s px-xs rounded-s":!0,"inline-block":!!a||"date"===e.type,"sr-only":!a&&"date"!==e.type}),e.t(e.label),e.list?n(K||(K=ee` <datalist id="${0}"> ${0} </datalist> `),t,e.list.map((({label:l,value:t})=>n(P||(P=ee`<option value="${0}">${0}</option>`),t,e.t(l))))):"",e.disabled?"":n(X||(X=ee` <div class="absolute inset-0 transition-colors bg-transparent group-hover-bg-contrast-5 pointer-events-none"></div> `)))}let te,ne,se=e=>e;let ae,oe=e=>e;function ie({parsedValue:l,option:t,options:n,t:s,onChange:a}){return le({displayValue:null==t?void 0:t.label,value:l.path,label:"field",list:n.map((l=>e(e({},l),{},{value:l.path}))),type:"text",id:"path",t:s,onChange:e=>a({operator:null,value:"",path:e})})}let re,de=e=>e;let ue,ce,ve=e=>e;function pe(l){var t,s;const{parsedValue:a,options:r,t:d,isNested:c,isFullSize:v,onChange:p,onDelete:g,onConvert:b}=l,x=null!==(t=r.find((e=>e.path===a.path)))&&void 0!==t?t:null,V=null!==(s=null==x?void 0:x.type)&&void 0!==s?s:f.Any,H=a.operator,L={parsedValue:a,option:x,options:r,t:d,onChange:p},Z={[f.Attribute]:A,[f.Boolean]:D,[f.Number]:E,[f.String]:k,[f.Date]:O,[f.Any]:j};return n(ue||(ue=ve` <div class="flex items-center space-x-s" aria-label="${0}"> <div class="${0}"> <div class="bg-contrast-10"> <div class="grid gap-1px grid-vertical sm-grid-horizontal"> <div class="bg-base" title="${0}"> <div class="w-m h-m text-tertiary" aria-hidden="true"> ${0} </div> </div> <div class="bg-base"> ${0} </div> <div class="bg-base">${0}</div> <div class="bg-base"> ${0} </div> </div> </div> </div> <div class="${0}"> <button aria-label="${0}" class="${0}" ?disabled="${0}" @click="${0}"> <iron-icon aria-hidden="true" class="m-auto icon-inline text-xl" icon="icons:remove-circle-outline"> </iron-icon> </button> <button aria-label="${0}" class="${0}" ?disabled="${0}" @click="${0}"> <iron-icon aria-hidden="true" class="m-auto icon-inline text-xl" icon="icons:add-circle-outline"> </iron-icon> </button> </div> </div> `),d("query_builder_rule"),i({"flex-1 bg-base rounded overflow-hidden border":!0,"border-contrast-10":!c,"border-contrast-50":!!c}),d(`type_${V}`),x?Z[V]:j,a.path&&(V===f.Attribute||a.name)?n(ce||(ce=ve` <div class="bg-contrast-10 grid gap-1px grid-cols-1 sm-grid-cols-2"> <div class="bg-base">${0}</div> <div class="bg-base">${0}</div> </div> `),ie(L),function(l){var t;return le({value:null!==(t=l.parsedValue.name)&&void 0!==t?t:"",label:"name",type:"text",t:l.t,onChange:t=>l.onChange(e(e({},l.parsedValue),{},{name:t}))})}(L)):ie(L),function(l){const t=l.parsedValue.operator,s={[h.GreaterThan]:m,[h.GreaterThanOrEqual]:o,[h.In]:w,[h.IsDefined]:$,[h.LessThan]:y,[h.LessThanOrEqual]:M,[h.Not]:I},a={[f.Attribute]:[h.In,h.Not,h.IsDefined],[f.Boolean]:[],[f.String]:[h.In,h.Not],[f.Number]:[h.In,h.Not,h.GreaterThan,h.LessThan,h.GreaterThanOrEqual,h.LessThanOrEqual],[f.Date]:[h.In,h.Not],[f.Any]:Object.values(h)},r=l.option?a[l.option.type]:l.parsedValue.name?Object.values(h):Object.values(h).filter((e=>e!==h.IsDefined)),d=0===r.length||!l.parsedValue.path;return n(ae||(ae=oe` <button title="${0}" class="${0}" ?disabled="${0}" @click="${0}"> <div aria-hidden="true">${0}</div> </button> `),l.t(`operator_${null!=t?t:"equal"}`),i({"flex items-center justify-center w-m h-m transition-colors":!0,"focus-outline-none focus-ring-2 focus-ring-inset focus-ring-primary-50":!0,"text-tertiary cursor-default":d,"hover-bg-contrast-5":!d}),d,(()=>{var n;const s=t?r.indexOf(t):-1,a=null!==(n=r[s+1])&&void 0!==n?n:null;l.onChange(e(e({},l.parsedValue),{},{operator:a,value:l.parsedValue.value}))}),t?s[t]:C)}(L),H===h.In?function(l){var t,s,a,o;const i=(null===(t=l.option)||void 0===t?void 0:t.list)?Y:le,r=l.parsedValue.value.split(","),d=null!==(a=null===(s=l.option)||void 0===s?void 0:s.type)&&void 0!==a?a:f.Any,c=d===f.Number?"number":d===f.Date?"date":"text",v=null===(o=l.option)||void 0===o?void 0:o.list;return n(te||(te=se` <div class="bg-contrast-10 grid grid-cols-1 gap-1px"> ${0} </div> `),u([...r.filter((e=>!!e)),null],((e,l)=>l),((t,s)=>{var a;return n(ne||(ne=se` <div class="bg-base"> ${0} </div> `),i({type:c,list:v,t:l.t,value:null!=t?t:"",label:t?String(s+1):"add_value",clearable:!0,displayValue:null===(a=null==v?void 0:v.find((e=>e.value===t)))||void 0===a?void 0:a.label,onChange:t=>{t?r[s]=t:r.splice(s,1),l.onChange(e(e({},l.parsedValue),{},{value:r.join(",")}))}}))})))}(L):H===h.IsDefined?function(l){return Y({value:l.parsedValue.value,label:"value",list:[{label:"is_defined_true",value:"true"},{label:"is_defined_false",value:"false"}],t:l.t,onChange:t=>l.onChange(e(e({},l.parsedValue),{},{value:t}))})}(L):V===f.Boolean?function(l){var t,n,s,a,o,i;const{parsedValue:r,option:d,t:u,onChange:c}=l,v=null!==(s=null===(n=null===(t=null==d?void 0:d.list)||void 0===t?void 0:t.find((e=>"false"===e.value)))||void 0===n?void 0:n.label)&&void 0!==s?s:"false",p=[{label:null!==(i=null===(o=null===(a=null==d?void 0:d.list)||void 0===a?void 0:a.find((e=>"true"===e.value)))||void 0===o?void 0:o.label)&&void 0!==i?i:"true",value:"true"},{label:v,value:"false"}];return Y({value:r.value,label:"value",list:p,t:u,onChange:l=>c(e(e({},r),{},{value:l}))})}(L):null===H&&[f.Number,f.Date].includes(V)?function(l){var t,s,a,o;const{t:i,parsedValue:r,option:d,onChange:u}=l,c=r.value.split(".."),v=c.length>=2?c[0]:"",p=c.length>=2?c[1]:null!==(t=c[0])&&void 0!==t?t:"",h=(null==d?void 0:d.list)?Y:le,g=null!==(s=null==d?void 0:d.type)&&void 0!==s?s:f.Any,C=g===f.Number?"number":g===f.Date?"date":"text",b=null==d?void 0:d.list;return n(re||(re=de` <div class="grid bg-contrast-10 gap-1px grid-cols-1 grid-rows-2 sm-grid-cols-2 sm-grid-rows-1"> <div class="bg-base"> ${0} </div> <div class="bg-base"> ${0} </div> </div> `),h({displayValue:null===(a=null==b?void 0:b.find((e=>e.value===v)))||void 0===a?void 0:a.label,value:v,label:"range_from",type:C,list:b,t:i,onChange:l=>u(e(e({},r),{},{value:`${l}..${p}`}))}),h({displayValue:null===(o=null==b?void 0:b.find((e=>e.value===p)))||void 0===o?void 0:o.label,label:"range_to",value:p,type:C,list:b,t:i,onChange:l=>u(e(e({},r),{},{value:`${v}..${l}`}))}))}(L):function(l){var t,n,s,a;const{t:o,option:i,parsedValue:r,onChange:d}=l,u=(null==i?void 0:i.list)?Y:le,c=null!==(t=null==i?void 0:i.type)&&void 0!==t?t:f.Any;return u({displayValue:null===(s=null===(n=null==i?void 0:i.list)||void 0===n?void 0:n.find((e=>e.value===r.value)))||void 0===s?void 0:s.label,disabled:!r.path,value:null!==(a=r.value)&&void 0!==a?a:"",label:"value",type:c===f.Number?"number":c===f.Date?"date":"text",list:null==i?void 0:i.list,t:o,onChange:l=>d(e(e({},r),{},{value:l}))})}(L),i({"-mr-s self-start flex-col sm-flex-row flex-shrink-0 items-center":!0,"border-t border-b border-transparent divide-y divide-transparent":!0,hidden:!!v,flex:!v}),d("delete"),i({"box-content flex w-m h-m rounded-full transition-colors":!0,"text-secondary hover-bg-contrast-5 hover-text-error":!0,"focus-outline-none focus-ring-2 ring-primary-50":!0,"opacity-0":!a.path}),!a.path,g,d("add_or_clause"),i({"box-content flex w-m h-m rounded-full transition-colors text-success":!0,"hover-bg-contrast-5 focus-outline-none focus-ring-2 ring-primary-50":!0,"opacity-0":!a.path||!!c}),!a.path,b)}let fe,he,ge,Ce,be=e=>e;function me(l){const t=n(fe||(fe=be`<div class="h-xs"></div>`)),s=n(he||(he=be` <div class="flex items-center h-s"> <div class="w-m text-center leading-none uppercase font-semibold text-xs text-contrast-30"> ${0} </div> <div class="flex-1 border-t border-contrast-20"></div> <div class="w-m ml-s flex-shrink-0"></div> <div class="hidden sm-block w-m flex-shrink-0"></div> </div> `),l.t("or"));return n(ge||(ge=be` <div aria-label="${0}"> ${0} </div> `),l.t("query_builder_group"),u([...l.parsedValues,null],((e,l)=>String(l)),((a,o)=>{const i=o>0?l.isNested?s:t:"";return null===a?[i,pe({isFullSize:!l.isNested&&0===l.parsedValues.length,isNested:l.isNested,options:l.options,parsedValue:{path:"",operator:null,value:""},t:l.t,onChange:e=>l.onChange([...l.parsedValues,e])})]:Array.isArray(a)?[i,n(Ce||(Ce=be` <div class="bg-contrast-10 rounded-t-l rounded-b-l p-s -m-s"> ${0} </div> `),me({parsedValues:a,isNested:!0,options:l.options,t:l.t,onChange:e=>{const t=[...l.parsedValues],n=e;t[o]=e.length>1?n:n[0],l.onChange(t)}}))]:[i,pe({parsedValue:a,isNested:l.isNested,options:l.options,t:l.t,onChange:e=>{const t=[...l.parsedValues];t[o]=e,l.onChange(t)},onDelete:()=>{const e=l.parsedValues.filter(((e,l)=>l!==o));l.onChange(e)},onConvert:()=>{const t=[...l.parsedValues];t[o]=[a,e(e({},a),{},{operator:null,value:""})],l.onChange(t)}})]})))}function xe(e){var l;const[t,n]=e.split("=").map(decodeURIComponent),s=null!==(l=Object.values(h).find((e=>t.endsWith(`:${e}`))))&&void 0!==l?l:null;let a,o=t.substring(0,s?t.lastIndexOf(":"):void 0);const i=t.lastIndexOf("[");return o.endsWith("]")&&-1!==i&&(a=o.substring(i+1,o.length-1),o=o.substring(0,i)),{name:a,path:o,value:n,operator:s}}function we(e){let l=e.path;return e.name&&(l+=`[${e.name}]`),e.operator&&(l+=`:${e.operator}`),l=`${encodeURIComponent(l)}=${encodeURIComponent(e.value)}`,"="===l?"":l}let Ve;const $e=s(Ve||(Ve=(e=>e)`.gap-1px{gap:1px}.grid-vertical{grid-template:auto/var(--lumo-size-m) 1fr}:host([sm]) .sm-grid-horizontal{grid-template:auto/var(--lumo-size-m) 1fr var(--lumo-size-m) 1fr}`)),He=c(v(p(l(a),"query-builder")));class ye extends He{constructor(){super(...arguments),this.options=null,this.value=null}static get properties(){return e(e({},super.properties),{},{options:{type:Array},value:{type:String}})}static get styles(){return[super.styles,$e]}render(){var e,l,t;return me({parsedValues:(t=null!==(e=this.value)&&void 0!==e?e:"",t.split("&").filter((e=>!!e)).map((e=>{const[l,t]=e.split("=").map(decodeURIComponent);return(null==t?void 0:t.includes("|"))?`${encodeURIComponent(l)}=${t}`.split("|").map((e=>xe(e))):xe(e)}))),options:null!==(l=this.options)&&void 0!==l?l:[],t:this.t.bind(this),onChange:e=>{this.value=function(e){return e.map((e=>{if(Array.isArray(e)){const l=[e[0].value,e.slice(1).map((e=>we(e)))].join("|");return`${e[0].path}=${encodeURIComponent(l)}`}return we(e)})).join("&")}(e),this.dispatchEvent(new ye.ChangeEvent("change"))}})}}ye.ChangeEvent=class extends CustomEvent{},ye.Operator=h,ye.Type=f,customElements.define("foxy-query-builder",ye);export{ye as Q,f as T};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
function t(t){return[t.getFullYear().toString().padStart(4,"0"),(t.getMonth()+1).toString().padStart(2,"0"),t.getDate().toString().padStart(2,"0")].join("-")}function a(t){return[t.getUTCFullYear().toString().padStart(4,"0"),(t.getUTCMonth()+1).toString().padStart(2,"0"),t.getUTCDate().toString().padStart(2,"0")].join("-")}export{a,t as s};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { html } from 'lit-html';
|
|
2
2
|
import { classMap } from "../../../../utils/class-map.js";
|
|
3
3
|
import { ifDefined } from 'lit-html/directives/if-defined';
|
|
4
|
-
import {
|
|
4
|
+
import { serializeDateUTC } from "../../../../utils/serialize-date.js";
|
|
5
5
|
export function Input(params) {
|
|
6
6
|
var _a;
|
|
7
7
|
const id = (_a = params.id) !== null && _a !== void 0 ? _a : String(Math.floor(Math.random() * Math.pow(10, 8)));
|
|
@@ -10,8 +10,7 @@ export function Input(params) {
|
|
|
10
10
|
let normalizedValue = params.value;
|
|
11
11
|
if (params.type === 'date') {
|
|
12
12
|
const date = new Date(params.value);
|
|
13
|
-
|
|
14
|
-
normalizedValue = serializeDate(date);
|
|
13
|
+
normalizedValue = isNaN(date.getTime()) ? '' : serializeDateUTC(date);
|
|
15
14
|
}
|
|
16
15
|
return html `
|
|
17
16
|
<label class="relative flex items-center cursor-text group text-tertiary">
|
|
@@ -30,22 +29,25 @@ export function Input(params) {
|
|
|
30
29
|
<input
|
|
31
30
|
placeholder=${normalizedValue || params.type === 'date' ? '' : params.t(params.label)}
|
|
32
31
|
class=${classMap({
|
|
33
|
-
'bg-base text-body relative
|
|
32
|
+
'bg-base text-body relative flex h-m px-s font-medium w-full': true,
|
|
34
33
|
'flex max-w-full whitespace-nowrap': true,
|
|
35
34
|
'focus-outline-none': true,
|
|
36
35
|
'opacity-0 focus-opacity-100': hasDisplayValue,
|
|
37
36
|
})}
|
|
38
37
|
list=${ifDefined(params.list ? listId : undefined)}
|
|
39
38
|
type=${params.type}
|
|
39
|
+
max=${ifDefined(params.type === 'date' ? '9999-12-31' : '')}
|
|
40
40
|
.value=${normalizedValue}
|
|
41
41
|
?disabled=${params.disabled}
|
|
42
42
|
@input=${(evt) => {
|
|
43
|
-
var _a, _b;
|
|
44
43
|
const input = evt.currentTarget;
|
|
45
|
-
|
|
46
|
-
|
|
44
|
+
try {
|
|
45
|
+
const valueAsDate = input.valueAsDate;
|
|
46
|
+
if (valueAsDate.getFullYear() > 9999)
|
|
47
|
+
valueAsDate.setFullYear(9999);
|
|
48
|
+
params.onChange(valueAsDate.toISOString());
|
|
47
49
|
}
|
|
48
|
-
|
|
50
|
+
catch (_a) {
|
|
49
51
|
params.onChange(input.value);
|
|
50
52
|
}
|
|
51
53
|
}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/components/Input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAGhD,OAAO,EAAE,QAAQ,EAAE,uCAAoC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/components/Input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAGhD,OAAO,EAAE,QAAQ,EAAE,uCAAoC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,4CAAyC;AAcpE,MAAM,UAAU,KAAK,CAAC,MAAmB;;IACvC,MAAM,EAAE,SAAG,MAAM,CAAC,EAAE,mCAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5E,MAAM,MAAM,GAAG,GAAG,EAAE,OAAO,CAAC;IAC5B,MAAM,eAAe,GAAG,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;IAE9C,IAAI,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC;IAEnC,IAAI,MAAM,CAAC,IAAI,KAAK,MAAM,EAAE;QAC1B,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACpC,eAAe,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;KACvE;IAED,OAAO,IAAI,CAAA;;;UAGH,eAAe;QACf,CAAC,CAAC,IAAI,CAAA;;;;;wCAKwB,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,YAAa,CAAC;;aAEzD;QACH,CAAC,CAAC,EAAE;;;wBAGU,eAAe,IAAI,MAAM,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;kBAC7E,QAAQ,CAAC;QACf,6DAA6D,EAAE,IAAI;QACnE,mCAAmC,EAAE,IAAI;QACzC,oBAAoB,EAAE,IAAI;QAC1B,6BAA6B,EAAE,eAAe;KAC/C,CAAC;iBACK,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;iBAC3C,MAAM,CAAC,IAAI;gBACZ,SAAS,CAAC,MAAM,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;mBAClD,eAAe;sBACZ,MAAM,CAAC,QAAQ;mBAClB,CAAC,GAAU,EAAE,EAAE;QACtB,MAAM,KAAK,GAAG,GAAG,CAAC,aAAiC,CAAC;QAEpD,IAAI;YACF,MAAM,WAAW,GAAG,KAAK,CAAC,WAAmB,CAAC;YAC9C,IAAI,WAAW,CAAC,WAAW,EAAE,GAAG,IAAI;gBAAE,WAAW,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YACpE,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,CAAC;SAC5C;QAAC,WAAM;YACN,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;SAC9B;IACH,CAAC;;;;;gBAKK,QAAQ,CAAC;QACf,0EAA0E,EAAE,IAAI;QAChF,cAAc,EAAE,CAAC,CAAC,eAAe,IAAI,MAAM,CAAC,IAAI,KAAK,MAAM;QAC3D,SAAS,EAAE,CAAC,eAAe,IAAI,MAAM,CAAC,IAAI,KAAK,MAAM;KACtD,CAAC;;UAEA,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;;;QAGxB,MAAM,CAAC,IAAI;QACX,CAAC,CAAC,IAAI,CAAA;2BACa,MAAM;gBACjB,MAAM,CAAC,IAAI,CAAC,GAAG,CACf,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,IAAI,CAAA,iBAAiB,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAC/E;;WAEJ;QACH,CAAC,CAAC,EAAE;QACJ,MAAM,CAAC,QAAQ;QACf,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,IAAI,CAAA;;;;WAIH;;GAER,CAAC;AACJ,CAAC","sourcesContent":["import { TemplateResult, html } from 'lit-html';\n\nimport { I18n } from '../../I18n/I18n';\nimport { classMap } from '../../../../utils/class-map';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { serializeDateUTC } from '../../../../utils/serialize-date';\n\nexport type InputParams = {\n t: I18n['t'];\n id?: string;\n list?: { label: string; value: string }[];\n type: string;\n label: string;\n value: string;\n disabled?: boolean;\n displayValue?: string;\n onChange: (newValue: string) => void;\n};\n\nexport function Input(params: InputParams): TemplateResult {\n const id = params.id ?? String(Math.floor(Math.random() * Math.pow(10, 8)));\n const listId = `${id}-list`;\n const hasDisplayValue = !!params.displayValue;\n\n let normalizedValue = params.value;\n\n if (params.type === 'date') {\n const date = new Date(params.value);\n normalizedValue = isNaN(date.getTime()) ? '' : serializeDateUTC(date);\n }\n\n return html`\n <label class=\"relative flex items-center cursor-text group text-tertiary\">\n <div class=\"relative flex-1 min-w-0 overflow-hidden\">\n ${hasDisplayValue\n ? html`\n <div\n aria-hidden=\"true\"\n class=\"absolute inset-0 h-m px-s font-medium text-body flex items-center\"\n >\n <div class=\"truncate\">${params.t(params.displayValue!)}</div>\n </div>\n `\n : ''}\n\n <input\n placeholder=${normalizedValue || params.type === 'date' ? '' : params.t(params.label)}\n class=${classMap({\n 'bg-base text-body relative flex h-m px-s font-medium w-full': true,\n 'flex max-w-full whitespace-nowrap': true, // ugh safari\n 'focus-outline-none': true,\n 'opacity-0 focus-opacity-100': hasDisplayValue,\n })}\n list=${ifDefined(params.list ? listId : undefined)}\n type=${params.type}\n max=${ifDefined(params.type === 'date' ? '9999-12-31' : '')}\n .value=${normalizedValue}\n ?disabled=${params.disabled}\n @input=${(evt: Event) => {\n const input = evt.currentTarget as HTMLInputElement;\n\n try {\n const valueAsDate = input.valueAsDate as Date;\n if (valueAsDate.getFullYear() > 9999) valueAsDate.setFullYear(9999);\n params.onChange(valueAsDate.toISOString());\n } catch {\n params.onChange(input.value);\n }\n }}\n />\n </div>\n\n <span\n class=${classMap({\n 'font-tnum text-xs font-medium border border-current mr-s px-xs rounded-s': true,\n 'inline-block': !!normalizedValue || params.type === 'date',\n 'sr-only': !normalizedValue && params.type !== 'date',\n })}\n >\n ${params.t(params.label)}\n </span>\n\n ${params.list\n ? html`\n <datalist id=${listId}>\n ${params.list.map(\n ({ label, value }) => html`<option value=${value}>${params.t(label)}</option>`\n )}\n </datalist>\n `\n : ''}\n ${params.disabled\n ? ''\n : html`\n <div\n class=\"absolute inset-0 transition-colors bg-transparent group-hover-bg-contrast-5 pointer-events-none\"\n ></div>\n `}\n </label>\n `;\n}\n"]}
|
|
@@ -3,18 +3,20 @@ import { html } from 'lit-html';
|
|
|
3
3
|
import { Input } from "./Input.js";
|
|
4
4
|
import { Select } from "./Select.js";
|
|
5
5
|
export function RangeValue(params) {
|
|
6
|
-
var _a, _b, _c;
|
|
6
|
+
var _a, _b, _c, _d;
|
|
7
7
|
const { t, parsedValue, option, onChange } = params;
|
|
8
|
-
const
|
|
8
|
+
const splitValue = parsedValue.value.split('..');
|
|
9
|
+
const from = splitValue.length >= 2 ? splitValue[0] : '';
|
|
10
|
+
const to = splitValue.length >= 2 ? splitValue[1] : (_a = splitValue[0]) !== null && _a !== void 0 ? _a : '';
|
|
9
11
|
const Field = (option === null || option === void 0 ? void 0 : option.list) ? Select : Input;
|
|
10
|
-
const optionType = (
|
|
12
|
+
const optionType = (_b = option === null || option === void 0 ? void 0 : option.type) !== null && _b !== void 0 ? _b : Type.Any;
|
|
11
13
|
const type = optionType === Type.Number ? 'number' : optionType === Type.Date ? 'date' : 'text';
|
|
12
14
|
const list = option === null || option === void 0 ? void 0 : option.list;
|
|
13
15
|
return html `
|
|
14
16
|
<div class="grid bg-contrast-10 gap-1px grid-cols-1 grid-rows-2 sm-grid-cols-2 sm-grid-rows-1">
|
|
15
17
|
<div class="bg-base">
|
|
16
18
|
${Field({
|
|
17
|
-
displayValue: (
|
|
19
|
+
displayValue: (_c = list === null || list === void 0 ? void 0 : list.find(v => v.value === from)) === null || _c === void 0 ? void 0 : _c.label,
|
|
18
20
|
value: from,
|
|
19
21
|
label: 'range_from',
|
|
20
22
|
type: type,
|
|
@@ -26,7 +28,7 @@ export function RangeValue(params) {
|
|
|
26
28
|
|
|
27
29
|
<div class="bg-base">
|
|
28
30
|
${Field({
|
|
29
|
-
displayValue: (
|
|
31
|
+
displayValue: (_d = list === null || list === void 0 ? void 0 : list.find(v => v.value === to)) === null || _d === void 0 ? void 0 : _d.label,
|
|
30
32
|
label: 'range_to',
|
|
31
33
|
value: to,
|
|
32
34
|
type: type,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RangeValue.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/components/RangeValue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,IAAI,EAAE,oBAAiB;AACrD,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAGhD,OAAO,EAAE,KAAK,EAAE,mBAAgB;AAChC,OAAO,EAAE,MAAM,EAAE,oBAAiB;AASlC,MAAM,UAAU,UAAU,CAAC,MAAwB;;IACjD,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;IACpD,MAAM,CAAC,IAAI,
|
|
1
|
+
{"version":3,"file":"RangeValue.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/components/RangeValue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,IAAI,EAAE,oBAAiB;AACrD,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAGhD,OAAO,EAAE,KAAK,EAAE,mBAAgB;AAChC,OAAO,EAAE,MAAM,EAAE,oBAAiB;AASlC,MAAM,UAAU,UAAU,CAAC,MAAwB;;IACjD,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;IACpD,MAAM,UAAU,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,IAAI,GAAG,UAAU,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACzD,MAAM,EAAE,GAAG,UAAU,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,OAAC,UAAU,CAAC,CAAC,CAAC,mCAAI,EAAE,CAAC;IAExE,MAAM,KAAK,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,EAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;IAC5C,MAAM,UAAU,SAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,mCAAI,IAAI,CAAC,GAAG,CAAC;IAC5C,MAAM,IAAI,GAAG,UAAU,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;IAChG,MAAM,IAAI,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAC;IAE1B,OAAO,IAAI,CAAA;;;UAGH,KAAK,CAAC;QACN,YAAY,QAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,IAAI,2CAAG,KAAK;QACtD,KAAK,EAAE,IAAI;QACX,KAAK,EAAE,YAAY;QACnB,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,IAAI;QACV,CAAC,EAAE,CAAC;QACJ,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,WAAW,EAAE,KAAK,EAAE,GAAG,QAAQ,KAAK,EAAE,EAAE,EAAE,CAAC;KAChF,CAAC;;;;UAIA,KAAK,CAAC;QACN,YAAY,QAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,EAAE,2CAAG,KAAK;QACpD,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,EAAE;QACT,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,IAAI;QACV,CAAC,EAAE,CAAC;QACJ,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,WAAW,EAAE,KAAK,EAAE,GAAG,IAAI,KAAK,QAAQ,EAAE,EAAE,CAAC;KAClF,CAAC;;;GAGP,CAAC;AACJ,CAAC","sourcesContent":["import { Option, ParsedValue, Type } from '../types';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { I18n } from '../../I18n/I18n';\nimport { Input } from './Input';\nimport { Select } from './Select';\n\nexport type RangeValueParams = {\n parsedValue: ParsedValue;\n option: Option | null;\n t: I18n['t'];\n onChange: (newValue: ParsedValue) => void;\n};\n\nexport function RangeValue(params: RangeValueParams): TemplateResult {\n const { t, parsedValue, option, onChange } = params;\n const splitValue = parsedValue.value.split('..');\n const from = splitValue.length >= 2 ? splitValue[0] : '';\n const to = splitValue.length >= 2 ? splitValue[1] : splitValue[0] ?? '';\n\n const Field = option?.list ? Select : Input;\n const optionType = option?.type ?? Type.Any;\n const type = optionType === Type.Number ? 'number' : optionType === Type.Date ? 'date' : 'text';\n const list = option?.list;\n\n return html`\n <div class=\"grid bg-contrast-10 gap-1px grid-cols-1 grid-rows-2 sm-grid-cols-2 sm-grid-rows-1\">\n <div class=\"bg-base\">\n ${Field({\n displayValue: list?.find(v => v.value === from)?.label,\n value: from,\n label: 'range_from',\n type: type,\n list: list,\n t: t,\n onChange: newValue => onChange({ ...parsedValue, value: `${newValue}..${to}` }),\n })}\n </div>\n\n <div class=\"bg-base\">\n ${Field({\n displayValue: list?.find(v => v.value === to)?.label,\n label: 'range_to',\n value: to,\n type: type,\n list: list,\n t: t,\n onChange: newValue => onChange({ ...parsedValue, value: `${from}..${newValue}` }),\n })}\n </div>\n </div>\n `;\n}\n"]}
|
|
@@ -22,7 +22,9 @@ export function Select(params) {
|
|
|
22
22
|
}}
|
|
23
23
|
>
|
|
24
24
|
${isEmpty
|
|
25
|
-
? html
|
|
25
|
+
? html `
|
|
26
|
+
<option value="" disabled ?selected=${isEmpty}>${params.t(params.label)}</option>
|
|
27
|
+
`
|
|
26
28
|
: ''}
|
|
27
29
|
${(_c = params.list) === null || _c === void 0 ? void 0 : _c.map(({ label, value }) => html `
|
|
28
30
|
<option value=${value} ?selected=${value === params.value}>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/components/Select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAGhD,OAAO,EAAE,QAAQ,EAAE,uCAAoC;AAWvD,MAAM,UAAU,MAAM,CAAC,MAAoB;;IACzC,MAAM,OAAO,eAAG,MAAM,CAAC,IAAI,0CAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,oCAAK,IAAI,CAAC;IAE1E,OAAO,IAAI,CAAA;;;;;;kBAMK,QAAQ,CAAC;QACf,sEAAsE,EAAE,IAAI;QAC5E,oEAAoE,EAAE,IAAI;QAC1E,eAAe,EAAE,OAAO;QACxB,WAAW,EAAE,CAAC,OAAO;KACtB,CAAC;oBACQ,CAAC,GAAU,EAAE,EAAE;QACvB,MAAM,MAAM,GAAG,GAAG,CAAC,aAAkC,CAAC;QACtD,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,KAAK,CAAC;QACjE,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC;;YAEC,OAAO;QACP,CAAC,CAAC,IAAI,CAAA,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/components/Select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAGhD,OAAO,EAAE,QAAQ,EAAE,uCAAoC;AAWvD,MAAM,UAAU,MAAM,CAAC,MAAoB;;IACzC,MAAM,OAAO,eAAG,MAAM,CAAC,IAAI,0CAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,oCAAK,IAAI,CAAC;IAE1E,OAAO,IAAI,CAAA;;;;;;kBAMK,QAAQ,CAAC;QACf,sEAAsE,EAAE,IAAI;QAC5E,oEAAoE,EAAE,IAAI;QAC1E,eAAe,EAAE,OAAO;QACxB,WAAW,EAAE,CAAC,OAAO;KACtB,CAAC;oBACQ,CAAC,GAAU,EAAE,EAAE;QACvB,MAAM,MAAM,GAAG,GAAG,CAAC,aAAkC,CAAC;QACtD,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,KAAK,CAAC;QACjE,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC;;YAEC,OAAO;QACP,CAAC,CAAC,IAAI,CAAA;sDACoC,OAAO,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;eACxE;QACH,CAAC,CAAC,EAAE;YACJ,MAAA,MAAM,CAAC,IAAI,0CAAE,GAAG,CAChB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CACnB,IAAI,CAAA;gCACc,KAAK,cAAc,KAAK,KAAK,MAAM,CAAC,KAAK;oBACrD,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;;eAEpB,CACJ;;;;QAIH,OAAO;QACP,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,IAAI,CAAA;;;;gBAIE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;;;cAGxB,MAAM,CAAC,SAAS;YAChB,CAAC,CAAC,IAAI,CAAA;;iCAEa,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;;6BAEtB,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC;;;;;;;;;iBASrC;YACH,CAAC,CAAC,EAAE;WACP;;GAER,CAAC;AACJ,CAAC","sourcesContent":["import { TemplateResult, html } from 'lit-html';\n\nimport { I18n } from '../../I18n/I18n';\nimport { classMap } from '../../../../utils/class-map';\n\nexport type SelectParams = {\n clearable?: boolean;\n label: string;\n value: string;\n list?: { label: string; value: string }[];\n t: I18n['t'];\n onChange: (newValue: string) => void;\n};\n\nexport function Select(params: SelectParams): TemplateResult {\n const isEmpty = params.list?.every(v => v.value !== params.value) ?? true;\n\n return html`\n <label\n class=\"flex items-center cursor-pointer transition-colors group text-tertiary hover-bg-contrast-5\"\n >\n <div class=\"relative flex-1 min-w-0 overflow-hidden\">\n <select\n class=${classMap({\n 'cursor-pointer bg-transparent relative appearance-none flex h-m px-s': true,\n 'font-medium w-full max-w-full whitespace-nowrap focus-outline-none': true,\n 'text-tertiary': isEmpty,\n 'text-body': !isEmpty,\n })}\n @change=${(evt: Event) => {\n const select = evt.currentTarget as HTMLSelectElement;\n const value = select.options[select.options.selectedIndex].value;\n params.onChange(value);\n }}\n >\n ${isEmpty\n ? html`\n <option value=\"\" disabled ?selected=${isEmpty}>${params.t(params.label)}</option>\n `\n : ''}\n ${params.list?.map(\n ({ label, value }) =>\n html`\n <option value=${value} ?selected=${value === params.value}>\n ${params.t(label)}\n </option>\n `\n )}\n </select>\n </div>\n\n ${isEmpty\n ? ''\n : html`\n <span\n class=\"font-tnum text-xs font-medium border mr-s px-xs rounded-s border-current inline-block\"\n >\n ${params.t(params.label)}\n </span>\n\n ${params.clearable\n ? html`\n <button\n aria-label=${params.t('delete')}\n class=\"w-s h-s mr-xs text-body flex items-center justify-center transition-colors rounded-full focus-outline-none focus-ring-2 focus-ring-primary-50 hover-bg-contrast-5 hover-text-error\"\n @click=${() => params.onChange('')}\n >\n <iron-icon\n aria-hidden=\"true\"\n class=\"icon-inline text-l\"\n icon=\"icons:remove-circle-outline\"\n >\n </iron-icon>\n </button>\n `\n : ''}\n `}\n </label>\n `;\n}\n"]}
|
|
@@ -5,4 +5,11 @@ export function serializeDate(date) {
|
|
|
5
5
|
date.getDate().toString().padStart(2, '0'),
|
|
6
6
|
].join('-');
|
|
7
7
|
}
|
|
8
|
+
export function serializeDateUTC(date) {
|
|
9
|
+
return [
|
|
10
|
+
date.getUTCFullYear().toString().padStart(4, '0'),
|
|
11
|
+
(date.getUTCMonth() + 1).toString().padStart(2, '0'),
|
|
12
|
+
date.getUTCDate().toString().padStart(2, '0'),
|
|
13
|
+
].join('-');
|
|
14
|
+
}
|
|
8
15
|
//# sourceMappingURL=serialize-date.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"serialize-date.js","sourceRoot":"","sources":["../../src/utils/serialize-date.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,aAAa,CAAC,IAAU;IACtC,OAAO;QACL,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;QAC9C,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;QACjD,IAAI,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;KAC3C,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACd,CAAC","sourcesContent":["export function serializeDate(date: Date): string {\n return [\n date.getFullYear().toString().padStart(4, '0'),\n (date.getMonth() + 1).toString().padStart(2, '0'),\n date.getDate().toString().padStart(2, '0'),\n ].join('-');\n}\n"]}
|
|
1
|
+
{"version":3,"file":"serialize-date.js","sourceRoot":"","sources":["../../src/utils/serialize-date.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,aAAa,CAAC,IAAU;IACtC,OAAO;QACL,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;QAC9C,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;QACjD,IAAI,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;KAC3C,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACd,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,IAAU;IACzC,OAAO;QACL,IAAI,CAAC,cAAc,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;QACjD,CAAC,IAAI,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;QACpD,IAAI,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;KAC9C,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACd,CAAC","sourcesContent":["export function serializeDate(date: Date): string {\n return [\n date.getFullYear().toString().padStart(4, '0'),\n (date.getMonth() + 1).toString().padStart(2, '0'),\n date.getDate().toString().padStart(2, '0'),\n ].join('-');\n}\n\nexport function serializeDateUTC(date: Date): string {\n return [\n date.getUTCFullYear().toString().padStart(4, '0'),\n (date.getUTCMonth() + 1).toString().padStart(2, '0'),\n date.getUTCDate().toString().padStart(2, '0'),\n ].join('-');\n}\n"]}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
function t(t){return[t.getFullYear().toString().padStart(4,"0"),(t.getMonth()+1).toString().padStart(2,"0"),t.getDate().toString().padStart(2,"0")].join("-")}export{t as s};
|