@foxy.io/elements 1.16.0 → 1.18.0-beta.2

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPageItemContent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPageItemContent/index.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AAEjC,OAAO,EAAE,sDAAsD,EAAE,oEAAiE;AAElI,cAAc,CAAC,MAAM,CACnB,qEAAqE,EACrE,sDAAsD,CACvD,CAAC;AAEF,OAAO,EAAE,sDAAsD,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-checkbox';\n\nimport { InternalStoreShippingMethodFormServicesPageItemContent } from './InternalStoreShippingMethodFormServicesPageItemContent';\n\ncustomElements.define(\n  'foxy-internal-store-shipping-method-form-services-page-item-content',\n  InternalStoreShippingMethodFormServicesPageItemContent\n);\n\nexport { InternalStoreShippingMethodFormServicesPageItemContent };\n"]}

package/dist/elements/public/StoreShippingMethodForm/types.d.ts

@@ -0,0 +1,5 @@
+import type { Rels } from '@foxy.io/sdk/backend';
+import type { Resource } from '@foxy.io/sdk/core';
+export declare type Data = Resource<Rels.StoreShippingMethod, {
+    zoom: ['shipping_method', 'shipping_container', 'shipping_drop_type'];
+}>;

package/dist/elements/public/StoreShippingMethodForm/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/elements/public/StoreShippingMethodForm/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/StoreShippingMethodForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Rels } from '@foxy.io/sdk/backend';\nimport type { Resource } from '@foxy.io/sdk/core';\n\nexport type Data = Resource<\n  Rels.StoreShippingMethod,\n  {\n    zoom: ['shipping_method', 'shipping_container', 'shipping_drop_type'];\n  }\n>;\n"]}

package/dist/elements/public/SwipeActions/SwipeActions.d.ts

@@ -0,0 +1,28 @@
+import type { CSSResult, PropertyDeclarations, TemplateResult } from 'lit-element';
+import { LitElement } from 'lit-element';
+/**
+ * A utility element for adding swipe actions to cards or list items. Usage:
+ *
+ * ```html
+ * <foxy-swipe-actions>
+ *   <foxy-customer-card></foxy-customer-card>
+ *   <button slot="action">Edit</button>
+ *   <button slot="action">Delete</button>
+ * </foxy-swipe-actions>
+ * ```
+ *
+ * @element foxy-swipe-actions
+ * @since 1.17.0
+ */
+export declare class SwipeActions extends LitElement {
+    static get properties(): PropertyDeclarations;
+    static get styles(): CSSResult;
+    private __state;
+    private __scrollTimeout;
+    render(): TemplateResult;
+    private get __scroll();
+    private get __content();
+    private __closeActions;
+    private __handleScroll;
+    private __handleMouseMove;
+}

package/dist/elements/public/SwipeActions/SwipeActions.js

@@ -0,0 +1,130 @@
+import { LitElement, css, html } from 'lit-element';
+/**
+ * A utility element for adding swipe actions to cards or list items. Usage:
+ *
+ * ```html
+ * <foxy-swipe-actions>
+ *   <foxy-customer-card></foxy-customer-card>
+ *   <button slot="action">Edit</button>
+ *   <button slot="action">Delete</button>
+ * </foxy-swipe-actions>
+ * ```
+ *
+ * @element foxy-swipe-actions
+ * @since 1.17.0
+ */
+export class SwipeActions extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.__state = 'idle';
+        this.__scrollTimeout = null;
+    }
+    static get properties() {
+        return {
+            __state: { attribute: false },
+        };
+    }
+    static get styles() {
+        return css `#root{
+  display:block;
+  overflow:hidden;
+}
+
+#scroll{
+  --internal-scrollbar-height:var(--scrollbar-height, 24px);
+  padding-bottom:var(--internal-scrollbar-height);
+  margin-top:calc(0px - var(--internal-scrollbar-height));
+  transform:translateY(var(--internal-scrollbar-height));
+  overflow:auto hidden;
+  white-space:nowrap;
+  scroll-snap-type:x mandatory;
+  display:flex;
+}
+
+#content{
+  scroll-snap-align:start;
+  width:100%;
+  flex-shrink:0;
+}
+
+#content-transform-target{
+  transition:transform 0.15s ease;
+}
+
+.idle-preview #content-transform-target{
+  transform:translateX(calc(0px - var(--lumo-space-s)));
+}
+
+#action{
+  scroll-snap-align:end;
+  flex-shrink:0;
+}
+    `;
+    }
+    render() {
+        return html `
+      <div
+        class=${this.__state}
+        id="root"
+        @mouseleave=${() => this.__closeActions('smooth')}
+        @mousemove=${this.__handleMouseMove}
+        @focusout=${() => this.__closeActions('auto')}
+      >
+        <div id="scroll" @scroll=${this.__handleScroll}>
+          <div id="content">
+            <div id="content-transform-target">
+              <slot></slot>
+            </div>
+          </div>
+          <div id="action">
+            <slot name="action"></slot>
+          </div>
+        </div>
+      </div>
+    `;
+    }
+    get __scroll() {
+        return this.renderRoot.querySelector('#scroll');
+    }
+    get __content() {
+        return this.renderRoot.querySelector('#content');
+    }
+    __closeActions(behavior) {
+        if (this.__scrollTimeout !== null)
+            clearTimeout(this.__scrollTimeout);
+        this.__scroll.scroll({
+            top: 0,
+            left: 0,
+            behavior,
+        });
+        this.__state = 'idle';
+    }
+    __handleScroll() {
+        const { scrollLeft, scrollWidth, clientWidth } = this.__scroll;
+        if (scrollLeft <= 0) {
+            this.__state = 'idle';
+        }
+        else if (scrollWidth - scrollLeft - clientWidth <= 0) {
+            this.__state = 'scrolled';
+        }
+    }
+    __handleMouseMove(evt) {
+        if (!this.__state.startsWith('idle'))
+            return;
+        if (this.__scrollTimeout !== null)
+            clearTimeout(this.__scrollTimeout);
+        const ratio = evt.offsetX / this.__scroll.clientWidth;
+        if (ratio >= 0.9) {
+            this.__state = 'idle-preview';
+            this.__scrollTimeout = setTimeout(() => {
+                this.__state = 'scroll-started';
+                this.__scroll.scroll({
+                    top: 0,
+                    left: this.__content.clientWidth,
+                    behavior: 'smooth',
+                });
+            }, 75);
+        }
+    }
+}
+//# sourceMappingURL=SwipeActions.js.map

package/dist/elements/public/SwipeActions/SwipeActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwipeActions.js","sourceRoot":"","sources":["../../../../src/elements/public/SwipeActions/SwipeActions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEpD;;;;;;;;;;;;;GAaG;AACH,MAAM,OAAO,YAAa,SAAQ,UAAU;IAA5C;;QA+CU,YAAO,GAA4D,MAAM,CAAC;QAE1E,oBAAe,GAA0B,IAAI,CAAC;IAyExD,CAAC;IAzHC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,OAAO,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;SAC9B,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoCT,CAAC;IACJ,CAAC;IAMD,MAAM;QACJ,OAAO,IAAI,CAAA;;gBAEC,IAAI,CAAC,OAAO;;sBAEN,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC;qBACpC,IAAI,CAAC,iBAAiB;oBACvB,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC;;mCAElB,IAAI,CAAC,cAAc;;;;;;;;;;;KAWjD,CAAC;IACJ,CAAC;IAED,IAAY,QAAQ;QAClB,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,SAAS,CAAgB,CAAC;IACjE,CAAC;IAED,IAAY,SAAS;QACnB,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU,CAAgB,CAAC;IAClE,CAAC;IAEO,cAAc,CAAC,QAA4B;QACjD,IAAI,IAAI,CAAC,eAAe,KAAK,IAAI;YAAE,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QAEtE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;YACnB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,QAAQ;SACT,CAAC,CAAC;QAEH,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;IACxB,CAAC;IAEO,cAAc;QACpB,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC;QAE/D,IAAI,UAAU,IAAI,CAAC,EAAE;YACnB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;SACvB;aAAM,IAAI,WAAW,GAAG,UAAU,GAAG,WAAW,IAAI,CAAC,EAAE;YACtD,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC;SAC3B;IACH,CAAC;IAEO,iBAAiB,CAAC,GAAe;QACvC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC;YAAE,OAAO;QAE7C,IAAI,IAAI,CAAC,eAAe,KAAK,IAAI;YAAE,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QACtE,MAAM,KAAK,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC;QAEtD,IAAI,KAAK,IAAI,GAAG,EAAE;YAChB,IAAI,CAAC,OAAO,GAAG,cAAc,CAAC;YAC9B,IAAI,CAAC,eAAe,GAAG,UAAU,CAAC,GAAG,EAAE;gBACrC,IAAI,CAAC,OAAO,GAAG,gBAAgB,CAAC;gBAChC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;oBACnB,GAAG,EAAE,CAAC;oBACN,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,WAAW;oBAChC,QAAQ,EAAE,QAAQ;iBACnB,CAAC,CAAC;YACL,CAAC,EAAE,EAAE,CAAC,CAAC;SACR;IACH,CAAC;CACF","sourcesContent":["import type { CSSResult, PropertyDeclarations, TemplateResult } from 'lit-element';\nimport { LitElement, css, html } from 'lit-element';\n\n/**\n * A utility element for adding swipe actions to cards or list items. Usage:\n *\n * ```html\n * <foxy-swipe-actions>\n *   <foxy-customer-card></foxy-customer-card>\n *   <button slot=\"action\">Edit</button>\n *   <button slot=\"action\">Delete</button>\n * </foxy-swipe-actions>\n * ```\n *\n * @element foxy-swipe-actions\n * @since 1.17.0\n */\nexport class SwipeActions extends LitElement {\n  static get properties(): PropertyDeclarations {\n    return {\n      __state: { attribute: false },\n    };\n  }\n\n  static get styles(): CSSResult {\n    return css`\n      #root {\n        display: block;\n        overflow: hidden;\n      }\n\n      #scroll {\n        --internal-scrollbar-height: var(--scrollbar-height, 24px);\n\n        padding-bottom: var(--internal-scrollbar-height);\n        margin-top: calc(0px - var(--internal-scrollbar-height));\n        transform: translateY(var(--internal-scrollbar-height));\n        overflow: auto hidden;\n        white-space: nowrap;\n        scroll-snap-type: x mandatory;\n        display: flex;\n      }\n\n      #content {\n        scroll-snap-align: start;\n        width: 100%;\n        flex-shrink: 0;\n      }\n\n      #content-transform-target {\n        transition: transform 0.15s ease;\n      }\n\n      .idle-preview #content-transform-target {\n        transform: translateX(calc(0px - var(--lumo-space-s)));\n      }\n\n      #action {\n        scroll-snap-align: end;\n        flex-shrink: 0;\n      }\n    `;\n  }\n\n  private __state: 'idle' | 'idle-preview' | 'scroll-started' | 'scrolled' = 'idle';\n\n  private __scrollTimeout: NodeJS.Timeout | null = null;\n\n  render(): TemplateResult {\n    return html`\n      <div\n        class=${this.__state}\n        id=\"root\"\n        @mouseleave=${() => this.__closeActions('smooth')}\n        @mousemove=${this.__handleMouseMove}\n        @focusout=${() => this.__closeActions('auto')}\n      >\n        <div id=\"scroll\" @scroll=${this.__handleScroll}>\n          <div id=\"content\">\n            <div id=\"content-transform-target\">\n              <slot></slot>\n            </div>\n          </div>\n          <div id=\"action\">\n            <slot name=\"action\"></slot>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  private get __scroll() {\n    return this.renderRoot.querySelector('#scroll') as HTMLElement;\n  }\n\n  private get __content() {\n    return this.renderRoot.querySelector('#content') as HTMLElement;\n  }\n\n  private __closeActions(behavior?: 'auto' | 'smooth'): void {\n    if (this.__scrollTimeout !== null) clearTimeout(this.__scrollTimeout);\n\n    this.__scroll.scroll({\n      top: 0,\n      left: 0,\n      behavior,\n    });\n\n    this.__state = 'idle';\n  }\n\n  private __handleScroll() {\n    const { scrollLeft, scrollWidth, clientWidth } = this.__scroll;\n\n    if (scrollLeft <= 0) {\n      this.__state = 'idle';\n    } else if (scrollWidth - scrollLeft - clientWidth <= 0) {\n      this.__state = 'scrolled';\n    }\n  }\n\n  private __handleMouseMove(evt: MouseEvent) {\n    if (!this.__state.startsWith('idle')) return;\n\n    if (this.__scrollTimeout !== null) clearTimeout(this.__scrollTimeout);\n    const ratio = evt.offsetX / this.__scroll.clientWidth;\n\n    if (ratio >= 0.9) {\n      this.__state = 'idle-preview';\n      this.__scrollTimeout = setTimeout(() => {\n        this.__state = 'scroll-started';\n        this.__scroll.scroll({\n          top: 0,\n          left: this.__content.clientWidth,\n          behavior: 'smooth',\n        });\n      }, 75);\n    }\n  }\n}\n"]}

package/dist/elements/public/SwipeActions/index.d.ts

@@ -0,0 +1,2 @@
+import { SwipeActions } from './SwipeActions';
+export { SwipeActions };

package/dist/elements/public/SwipeActions/index.js

@@ -0,0 +1,4 @@
+import { SwipeActions } from "./SwipeActions.js";
+customElements.define('foxy-swipe-actions', SwipeActions);
+export { SwipeActions };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/SwipeActions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/SwipeActions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,0BAAuB;AAE9C,cAAc,CAAC,MAAM,CAAC,oBAAoB,EAAE,YAAY,CAAC,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,CAAC","sourcesContent":["import { SwipeActions } from './SwipeActions';\n\ncustomElements.define('foxy-swipe-actions', SwipeActions);\n\nexport { SwipeActions };\n"]}

package/dist/elements/public/Transaction/Transaction.d.ts

@@ -0,0 +1,19 @@
+import type { CSSResultArray, TemplateResult } from 'lit-element';
+import type { Data } from './types';
+import { InternalForm } from '../../internal/InternalForm/InternalForm';
+import { BooleanSelector } from '@foxy.io/sdk/core';
+declare const Transaction_base: typeof InternalForm & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+};
+/**
+ * Transaction summary page (`fx:transaction`).
+ *
+ * @element foxy-transaction
+ * @since 1.17.0
+ */
+export declare class Transaction extends Transaction_base<Data> {
+    static get styles(): CSSResultArray;
+    get readonlySelector(): BooleanSelector;
+    renderBody(): TemplateResult;
+}
+export {};

package/dist/elements/public/Transaction/Transaction.js

@@ -0,0 +1,107 @@
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { css, html } from 'lit-element';
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
+import { BooleanSelector } from '@foxy.io/sdk/core';
+/**
+ * Transaction summary page (`fx:transaction`).
+ *
+ * @element foxy-transaction
+ * @since 1.17.0
+ */
+export class Transaction extends TranslatableMixin(InternalForm, 'transaction') {
+    static get styles() {
+        return [
+            ...super.styles,
+            css `#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 _a, _b, _c;
+        const isEditable = Boolean((_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a._links['fx:void']) !== null && _b !== void 0 ? _b : (_c = this.data) === null || _c === void 0 ? void 0 : _c._links['fx:refund']);
+        return isEditable
+            ? super.readonlySelector
+            : new BooleanSelector(`${super.readonlySelector} attributes custom-fields`);
+    }
+    renderBody() {
+        var _a, _b, _c, _d, _e, _f;
+        return html `
+      <div id="body" class="gap-m">
+        <foxy-internal-async-details-control
+          infer="shipments"
+          first=${ifDefined((_a = this.data) === null || _a === void 0 ? void 0 : _a._links['fx:shipments'].href)}
+          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=${ifDefined((_b = this.data) === null || _b === void 0 ? void 0 : _b._links['fx:payments'].href)}
+            limit="1"
+            item="foxy-payment-card"
+            open
+          >
+          </foxy-internal-async-details-control>
+
+          <foxy-internal-async-details-control
+            infer="discounts"
+            first=${ifDefined((_c = this.data) === null || _c === void 0 ? void 0 : _c._links['fx:discounts'].href)}
+            limit="5"
+            item="foxy-discount-card"
+          >
+          </foxy-internal-async-details-control>
+
+          <foxy-internal-async-details-control
+            infer="applied-taxes"
+            first=${ifDefined((_d = this.data) === null || _d === void 0 ? void 0 : _d._links['fx:applied_taxes'].href)}
+            limit="5"
+            item="foxy-applied-tax-card"
+          >
+          </foxy-internal-async-details-control>
+
+          <foxy-internal-async-details-control
+            infer="custom-fields"
+            first=${ifDefined((_e = this.data) === null || _e === void 0 ? void 0 : _e._links['fx:custom_fields'].href)}
+            limit="5"
+            form="foxy-custom-field-form"
+            item="foxy-custom-field-card"
+            .related=${[this.href]}
+          >
+          </foxy-internal-async-details-control>
+
+          <foxy-internal-async-details-control
+            infer="attributes"
+            first=${ifDefined((_f = this.data) === null || _f === void 0 ? void 0 : _f._links['fx:attributes'].href)}
+            limit="5"
+            form="foxy-attribute-form"
+            item="foxy-attribute-card"
+            .related=${[this.href]}
+          >
+          </foxy-internal-async-details-control>
+
+          <foxy-internal-transaction-actions-control infer="actions">
+          </foxy-internal-transaction-actions-control>
+        </div>
+      </div>
+    `;
+    }
+}
+//# sourceMappingURL=Transaction.js.map

package/dist/elements/public/Transaction/Transaction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Transaction.js","sourceRoot":"","sources":["../../../../src/elements/public/Transaction/Transaction.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD;;;;;GAKG;AACH,MAAM,OAAO,WAAY,SAAQ,iBAAiB,CAAC,YAAY,EAAE,aAAa,CAAO;IACnF,MAAM,KAAK,MAAM;QACf,OAAO;YACL,GAAG,KAAK,CAAC,MAAM;YACf,GAAG;;;;;;;;;OAUF;SACF,CAAC;IACJ,CAAC;IAED,IAAI,gBAAgB;;QAClB,MAAM,UAAU,GAAG,OAAO,aAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,SAAS,0CAAK,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,WAAW,EAAE,CAAC;QAC3F,OAAO,UAAU;YACf,CAAC,CAAC,KAAK,CAAC,gBAAgB;YACxB,CAAC,CAAC,IAAI,eAAe,CAAC,GAAG,KAAK,CAAC,gBAAgB,2BAA2B,CAAC,CAAC;IAChF,CAAC;IAED,UAAU;;QACR,OAAO,IAAI,CAAA;;;;kBAIG,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,cAAc,EAAE,IAAI,CAAC;;;;;;;;;;;;;;;;oBAgB/C,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,aAAa,EAAE,IAAI,CAAC;;;;;;;;;oBAShD,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,cAAc,EAAE,IAAI,CAAC;;;;;;;;oBAQjD,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,kBAAkB,EAAE,IAAI,CAAC;;;;;;;;oBAQrD,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,kBAAkB,EAAE,IAAI,CAAC;;;;uBAIlD,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;oBAMd,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,eAAe,EAAE,IAAI,CAAC;;;;uBAI/C,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;;;KAQ7B,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { CSSResultArray, TemplateResult } from 'lit-element';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { css, html } from 'lit-element';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\n\n/**\n * Transaction summary page (`fx:transaction`).\n *\n * @element foxy-transaction\n * @since 1.17.0\n */\nexport class Transaction extends TranslatableMixin(InternalForm, 'transaction')<Data> {\n  static get styles(): CSSResultArray {\n    return [\n      ...super.styles,\n      css`\n        #body {\n          display: grid;\n          grid-template-columns: repeat(auto-fill, minmax(calc(18.75 * var(--lumo-space-m)), 1fr));\n        }\n\n        #body > :first-child {\n          grid-column-start: 1;\n          grid-column-end: -2;\n        }\n      `,\n    ];\n  }\n\n  get readonlySelector(): BooleanSelector {\n    const isEditable = Boolean(this.data?._links['fx:void'] ?? this.data?._links['fx:refund']);\n    return isEditable\n      ? super.readonlySelector\n      : new BooleanSelector(`${super.readonlySelector} attributes custom-fields`);\n  }\n\n  renderBody(): TemplateResult {\n    return html`\n      <div id=\"body\" class=\"gap-m\">\n        <foxy-internal-async-details-control\n          infer=\"shipments\"\n          first=${ifDefined(this.data?._links['fx:shipments'].href)}\n          item=\"foxy-shipment-card\"\n          open\n        >\n        </foxy-internal-async-details-control>\n\n        <div class=\"grid gap-m self-start\">\n          <foxy-internal-transaction-summary-control infer=\"summary\">\n          </foxy-internal-transaction-summary-control>\n\n          <foxy-internal-transaction-customer-control infer=\"customer\">\n          </foxy-internal-transaction-customer-control>\n\n          <foxy-internal-async-details-control\n            infer=\"payments\"\n            class=\"max-w-full overflow-hidden\"\n            first=${ifDefined(this.data?._links['fx:payments'].href)}\n            limit=\"1\"\n            item=\"foxy-payment-card\"\n            open\n          >\n          </foxy-internal-async-details-control>\n\n          <foxy-internal-async-details-control\n            infer=\"discounts\"\n            first=${ifDefined(this.data?._links['fx:discounts'].href)}\n            limit=\"5\"\n            item=\"foxy-discount-card\"\n          >\n          </foxy-internal-async-details-control>\n\n          <foxy-internal-async-details-control\n            infer=\"applied-taxes\"\n            first=${ifDefined(this.data?._links['fx:applied_taxes'].href)}\n            limit=\"5\"\n            item=\"foxy-applied-tax-card\"\n          >\n          </foxy-internal-async-details-control>\n\n          <foxy-internal-async-details-control\n            infer=\"custom-fields\"\n            first=${ifDefined(this.data?._links['fx:custom_fields'].href)}\n            limit=\"5\"\n            form=\"foxy-custom-field-form\"\n            item=\"foxy-custom-field-card\"\n            .related=${[this.href]}\n          >\n          </foxy-internal-async-details-control>\n\n          <foxy-internal-async-details-control\n            infer=\"attributes\"\n            first=${ifDefined(this.data?._links['fx:attributes'].href)}\n            limit=\"5\"\n            form=\"foxy-attribute-form\"\n            item=\"foxy-attribute-card\"\n            .related=${[this.href]}\n          >\n          </foxy-internal-async-details-control>\n\n          <foxy-internal-transaction-actions-control infer=\"actions\">\n          </foxy-internal-transaction-actions-control>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}

package/dist/elements/public/Transaction/index.d.ts

@@ -0,0 +1,17 @@
+import '../AttributeCard/index';
+import '../AttributeForm/index';
+import '../CustomFieldForm/index';
+import '../CustomFieldCard/index';
+import '../AppliedTaxCard/index';
+import '../DiscountCard/index';
+import '../ShipmentCard/index';
+import '../PaymentCard/index';
+import '../ItemForm/index';
+import '../I18n/index';
+import '../../internal/InternalAsyncDetailsControl/index';
+import '../../internal/InternalForm/index';
+import './internal/InternalTransactionCustomerControl/index';
+import './internal/InternalTransactionActionsControl/index';
+import './internal/InternalTransactionSummaryControl/index';
+import { Transaction } from './Transaction';
+export { Transaction };

package/dist/elements/public/Transaction/index.js

@@ -0,0 +1,19 @@
+import "../AttributeCard/index.js";
+import "../AttributeForm/index.js";
+import "../CustomFieldForm/index.js";
+import "../CustomFieldCard/index.js";
+import "../AppliedTaxCard/index.js";
+import "../DiscountCard/index.js";
+import "../ShipmentCard/index.js";
+import "../PaymentCard/index.js";
+import "../ItemForm/index.js";
+import "../I18n/index.js";
+import "../../internal/InternalAsyncDetailsControl/index.js";
+import "../../internal/InternalForm/index.js";
+import "./internal/InternalTransactionCustomerControl/index.js";
+import "./internal/InternalTransactionActionsControl/index.js";
+import "./internal/InternalTransactionSummaryControl/index.js";
+import { Transaction } from "./Transaction.js";
+customElements.define('foxy-transaction', Transaction);
+export { Transaction };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/Transaction/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/Transaction/index.ts"],"names":[],"mappings":"AAAA,mCAAgC;AAChC,mCAAgC;AAChC,qCAAkC;AAClC,qCAAkC;AAClC,oCAAiC;AACjC,kCAA+B;AAC/B,kCAA+B;AAC/B,iCAA8B;AAC9B,8BAA2B;AAC3B,0BAAuB;AAEvB,6DAA0D;AAC1D,8CAA2C;AAE3C,gEAA6D;AAC7D,+DAA4D;AAC5D,+DAA4D;AAE5D,OAAO,EAAE,WAAW,EAAE,yBAAsB;AAE5C,cAAc,CAAC,MAAM,CAAC,kBAAkB,EAAE,WAAW,CAAC,CAAC;AAEvD,OAAO,EAAE,WAAW,EAAE,CAAC","sourcesContent":["import '../AttributeCard/index';\nimport '../AttributeForm/index';\nimport '../CustomFieldForm/index';\nimport '../CustomFieldCard/index';\nimport '../AppliedTaxCard/index';\nimport '../DiscountCard/index';\nimport '../ShipmentCard/index';\nimport '../PaymentCard/index';\nimport '../ItemForm/index';\nimport '../I18n/index';\n\nimport '../../internal/InternalAsyncDetailsControl/index';\nimport '../../internal/InternalForm/index';\n\nimport './internal/InternalTransactionCustomerControl/index';\nimport './internal/InternalTransactionActionsControl/index';\nimport './internal/InternalTransactionSummaryControl/index';\n\nimport { Transaction } from './Transaction';\n\ncustomElements.define('foxy-transaction', Transaction);\n\nexport { Transaction };\n"]}

package/dist/elements/public/Transaction/internal/InternalTransactionActionsControl/InternalTransactionActionsControl.d.ts

@@ -0,0 +1,9 @@
+import { TemplateResult } from 'lit-html';
+import { InternalControl } from '../../../../internal/InternalControl/InternalControl';
+export declare class InternalTransactionActionsControl extends InternalControl {
+    renderControl(): TemplateResult;
+    private __renderSendEmailsAction;
+    private __renderCaptureAction;
+    private __renderVoidAction;
+    private __renderRefundAction;
+}

package/dist/elements/public/Transaction/internal/InternalTransactionActionsControl/InternalTransactionActionsControl.js

@@ -0,0 +1,65 @@
+import { html } from 'lit-html';
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { InternalControl } from "../../../../internal/InternalControl/InternalControl.js";
+export class InternalTransactionActionsControl extends InternalControl {
+    renderControl() {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        return html `
+      <div class="divide-y divide-contrast-10">
+        ${((_b = (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b._links['fx:capture']) ? this.__renderCaptureAction() : ''}
+        ${((_d = (_c = this.nucleon) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d._links['fx:void']) ? this.__renderVoidAction() : ''}
+        ${((_f = (_e = this.nucleon) === null || _e === void 0 ? void 0 : _e.data) === null || _f === void 0 ? void 0 : _f._links['fx:refund']) ? this.__renderRefundAction() : ''}
+        ${((_h = (_g = this.nucleon) === null || _g === void 0 ? void 0 : _g.data) === null || _h === void 0 ? void 0 : _h._links['fx:send_emails']) ? this.__renderSendEmailsAction() : ''}
+      </div>
+    `;
+    }
+    __renderSendEmailsAction() {
+        var _a, _b;
+        return html `
+      <foxy-internal-transaction-post-action-control
+        infer="send-emails"
+        theme="contrast"
+        href=${ifDefined((_b = (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b._links['fx:send_emails'].href)}
+        @done=${() => { var _a; return (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.refresh(); }}
+      >
+      </foxy-internal-transaction-post-action-control>
+    `;
+    }
+    __renderCaptureAction() {
+        var _a, _b;
+        return html `
+      <foxy-internal-transaction-post-action-control
+        theme="success"
+        infer="capture"
+        href=${ifDefined((_b = (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b._links['fx:capture'].href)}
+        @done=${() => { var _a; return (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.refresh(); }}
+      >
+      </foxy-internal-transaction-post-action-control>
+    `;
+    }
+    __renderVoidAction() {
+        var _a, _b, _c;
+        return html `
+      <foxy-internal-transaction-post-action-control
+        theme="error"
+        infer="void"
+        href=${ifDefined((_c = (_b = (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b._links['fx:void']) === null || _c === void 0 ? void 0 : _c.href)}
+        @done=${() => { var _a; return (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.refresh(); }}
+      >
+      </foxy-internal-transaction-post-action-control>
+    `;
+    }
+    __renderRefundAction() {
+        var _a, _b, _c;
+        return html `
+      <foxy-internal-transaction-post-action-control
+        theme="contrast"
+        infer="refund"
+        href=${ifDefined((_c = (_b = (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b._links['fx:refund']) === null || _c === void 0 ? void 0 : _c.href)}
+        @done=${() => { var _a; return (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.refresh(); }}
+      >
+      </foxy-internal-transaction-post-action-control>
+    `;
+    }
+}
+//# sourceMappingURL=InternalTransactionActionsControl.js.map

package/dist/elements/public/Transaction/internal/InternalTransactionActionsControl/InternalTransactionActionsControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalTransactionActionsControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/Transaction/internal/InternalTransactionActionsControl/InternalTransactionActionsControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,gEAA6D;AAEvF,MAAM,OAAO,iCAAkC,SAAQ,eAAe;IACpE,aAAa;;QACX,OAAO,IAAI,CAAA;;UAEL,aAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,CAAC,YAAY,GAAE,CAAC,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,CAAC,CAAC,EAAE;UAC5E,aAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,CAAC,SAAS,GAAE,CAAC,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,EAAE;UACtE,aAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,CAAC,WAAW,GAAE,CAAC,CAAC,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC,CAAC,EAAE;UAC1E,aAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,CAAC,gBAAgB,GAAE,CAAC,CAAC,IAAI,CAAC,wBAAwB,EAAE,CAAC,CAAC,CAAC,EAAE;;KAExF,CAAC;IACJ,CAAC;IAEO,wBAAwB;;QAC9B,OAAO,IAAI,CAAA;;;;eAIA,SAAS,aAAC,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,CAAC,gBAAgB,EAAE,IAAI,CAAC;gBAC3D,GAAG,EAAE,wBAAC,IAAI,CAAC,OAAO,0CAAE,OAAO,KAAE;;;KAGxC,CAAC;IACJ,CAAC;IAEO,qBAAqB;;QAC3B,OAAO,IAAI,CAAA;;;;eAIA,SAAS,aAAC,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,CAAC,YAAY,EAAE,IAAI,CAAC;gBACvD,GAAG,EAAE,wBAAC,IAAI,CAAC,OAAO,0CAAE,OAAO,KAAE;;;KAGxC,CAAC;IACJ,CAAC;IAEO,kBAAkB;;QACxB,OAAO,IAAI,CAAA;;;;eAIA,SAAS,mBAAC,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,CAAC,SAAS,2CAAG,IAAI,CAAC;gBACrD,GAAG,EAAE,wBAAC,IAAI,CAAC,OAAO,0CAAE,OAAO,KAAE;;;KAGxC,CAAC;IACJ,CAAC;IAEO,oBAAoB;;QAC1B,OAAO,IAAI,CAAA;;;;eAIA,SAAS,mBAAC,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,CAAC,WAAW,2CAAG,IAAI,CAAC;gBACvD,GAAG,EAAE,wBAAC,IAAI,CAAC,OAAO,0CAAE,OAAO,KAAE;;;KAGxC,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { html, TemplateResult } from 'lit-html';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\n\nexport class InternalTransactionActionsControl extends InternalControl {\n  renderControl(): TemplateResult {\n    return html`\n      <div class=\"divide-y divide-contrast-10\">\n        ${this.nucleon?.data?._links['fx:capture'] ? this.__renderCaptureAction() : ''}\n        ${this.nucleon?.data?._links['fx:void'] ? this.__renderVoidAction() : ''}\n        ${this.nucleon?.data?._links['fx:refund'] ? this.__renderRefundAction() : ''}\n        ${this.nucleon?.data?._links['fx:send_emails'] ? this.__renderSendEmailsAction() : ''}\n      </div>\n    `;\n  }\n\n  private __renderSendEmailsAction() {\n    return html`\n      <foxy-internal-transaction-post-action-control\n        infer=\"send-emails\"\n        theme=\"contrast\"\n        href=${ifDefined(this.nucleon?.data?._links['fx:send_emails'].href)}\n        @done=${() => this.nucleon?.refresh()}\n      >\n      </foxy-internal-transaction-post-action-control>\n    `;\n  }\n\n  private __renderCaptureAction() {\n    return html`\n      <foxy-internal-transaction-post-action-control\n        theme=\"success\"\n        infer=\"capture\"\n        href=${ifDefined(this.nucleon?.data?._links['fx:capture'].href)}\n        @done=${() => this.nucleon?.refresh()}\n      >\n      </foxy-internal-transaction-post-action-control>\n    `;\n  }\n\n  private __renderVoidAction() {\n    return html`\n      <foxy-internal-transaction-post-action-control\n        theme=\"error\"\n        infer=\"void\"\n        href=${ifDefined(this.nucleon?.data?._links['fx:void']?.href)}\n        @done=${() => this.nucleon?.refresh()}\n      >\n      </foxy-internal-transaction-post-action-control>\n    `;\n  }\n\n  private __renderRefundAction() {\n    return html`\n      <foxy-internal-transaction-post-action-control\n        theme=\"contrast\"\n        infer=\"refund\"\n        href=${ifDefined(this.nucleon?.data?._links['fx:refund']?.href)}\n        @done=${() => this.nucleon?.refresh()}\n      >\n      </foxy-internal-transaction-post-action-control>\n    `;\n  }\n}\n"]}

package/dist/elements/public/Transaction/internal/InternalTransactionActionsControl/index.d.ts

@@ -0,0 +1,4 @@
+import '../../../../internal/InternalControl/index';
+import '../InternalTransactionPostActionControl/index';
+import { InternalTransactionActionsControl as Control } from './InternalTransactionActionsControl';
+export { Control as InternalTransactionActionsControl };

package/dist/elements/public/Transaction/internal/InternalTransactionActionsControl/index.js

@@ -0,0 +1,6 @@
+import "../../../../internal/InternalControl/index.js";
+import "../InternalTransactionPostActionControl/index.js";
+import { InternalTransactionActionsControl as Control } from "./InternalTransactionActionsControl.js";
+customElements.define('foxy-internal-transaction-actions-control', Control);
+export { Control as InternalTransactionActionsControl };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/Transaction/internal/InternalTransactionActionsControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/Transaction/internal/InternalTransactionActionsControl/index.ts"],"names":[],"mappings":"AAAA,uDAAoD;AACpD,0DAAuD;AAEvD,OAAO,EAAE,iCAAiC,IAAI,OAAO,EAAE,+CAA4C;AAEnG,cAAc,CAAC,MAAM,CAAC,2CAA2C,EAAE,OAAO,CAAC,CAAC;AAE5E,OAAO,EAAE,OAAO,IAAI,iCAAiC,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalControl/index';\nimport '../InternalTransactionPostActionControl/index';\n\nimport { InternalTransactionActionsControl as Control } from './InternalTransactionActionsControl';\n\ncustomElements.define('foxy-internal-transaction-actions-control', Control);\n\nexport { Control as InternalTransactionActionsControl };\n"]}

package/dist/elements/public/Transaction/internal/InternalTransactionCustomerControl/InternalTransactionCustomerControl.d.ts

@@ -0,0 +1,5 @@
+import { TemplateResult } from 'lit-html';
+import { InternalControl } from '../../../../internal/InternalControl/InternalControl';
+export declare class InternalTransactionCustomerControl extends InternalControl {
+    renderControl(): TemplateResult;
+}

package/dist/elements/public/Transaction/internal/InternalTransactionCustomerControl/InternalTransactionCustomerControl.js

@@ -0,0 +1,36 @@
+import { html } from 'lit-html';
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { InternalControl } from "../../../../internal/InternalControl/InternalControl.js";
+export class InternalTransactionCustomerControl extends InternalControl {
+    renderControl() {
+        var _a, _b, _c, _d;
+        return html `
+      <foxy-internal-details summary="customer" infer="" open>
+        <foxy-form-dialog
+          header="header"
+          infer="dialog"
+          form="foxy-customer"
+          href=${ifDefined((_b = (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b._links['fx:customer'].href)}
+          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=${(evt) => {
+            const dialog = this.renderRoot.querySelector('#dialog');
+            dialog.show(evt.currentTarget);
+        }}
+        >
+          <foxy-customer-card
+            infer="card"
+            class="p-m"
+            href=${ifDefined((_d = (_c = this.nucleon) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d._links['fx:customer'].href)}
+          >
+          </foxy-customer-card>
+        </button>
+      </foxy-internal-details>
+    `;
+    }
+}
+//# sourceMappingURL=InternalTransactionCustomerControl.js.map

package/dist/elements/public/Transaction/internal/InternalTransactionCustomerControl/InternalTransactionCustomerControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalTransactionCustomerControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/Transaction/internal/InternalTransactionCustomerControl/InternalTransactionCustomerControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,gEAA6D;AAGvF,MAAM,OAAO,kCAAmC,SAAQ,eAAe;IACrE,aAAa;;QACX,OAAO,IAAI,CAAA;;;;;;iBAME,SAAS,aAAC,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,CAAC,aAAa,EAAE,IAAI,CAAC;;;;;;;mBAOvD,CAAC,GAAU,EAAE,EAAE;YACtB,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,SAAS,CAAe,CAAC;YACtE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,aAAkC,CAAC,CAAC;QACtD,CAAC;;;;;mBAKQ,SAAS,aAAC,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,CAAC,aAAa,EAAE,IAAI,CAAC;;;;;KAKvE,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { html, TemplateResult } from 'lit-html';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { FormDialog } from '../../../FormDialog/FormDialog';\n\nexport class InternalTransactionCustomerControl extends InternalControl {\n  renderControl(): TemplateResult {\n    return html`\n      <foxy-internal-details summary=\"customer\" infer=\"\" open>\n        <foxy-form-dialog\n          header=\"header\"\n          infer=\"dialog\"\n          form=\"foxy-customer\"\n          href=${ifDefined(this.nucleon?.data?._links['fx:customer'].href)}\n          id=\"dialog\"\n        >\n        </foxy-form-dialog>\n\n        <button\n          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\"\n          @click=${(evt: Event) => {\n            const dialog = this.renderRoot.querySelector('#dialog') as FormDialog;\n            dialog.show(evt.currentTarget as HTMLButtonElement);\n          }}\n        >\n          <foxy-customer-card\n            infer=\"card\"\n            class=\"p-m\"\n            href=${ifDefined(this.nucleon?.data?._links['fx:customer'].href)}\n          >\n          </foxy-customer-card>\n        </button>\n      </foxy-internal-details>\n    `;\n  }\n}\n"]}

package/dist/elements/public/Transaction/internal/InternalTransactionCustomerControl/index.d.ts

@@ -0,0 +1,7 @@
+import '../../../../internal/InternalDetails/index';
+import '../../../../internal/InternalControl/index';
+import '../../../CustomerCard/index';
+import '../../../FormDialog/index';
+import '../../../Customer/index';
+import { InternalTransactionCustomerControl as Control } from './InternalTransactionCustomerControl';
+export { Control as InternalTransactionCustomerControl };

package/dist/elements/public/Transaction/internal/InternalTransactionCustomerControl/index.js

@@ -0,0 +1,9 @@
+import "../../../../internal/InternalDetails/index.js";
+import "../../../../internal/InternalControl/index.js";
+import "../../../CustomerCard/index.js";
+import "../../../FormDialog/index.js";
+import "../../../Customer/index.js";
+import { InternalTransactionCustomerControl as Control } from "./InternalTransactionCustomerControl.js";
+customElements.define('foxy-internal-transaction-customer-control', Control);
+export { Control as InternalTransactionCustomerControl };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/Transaction/internal/InternalTransactionCustomerControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/Transaction/internal/InternalTransactionCustomerControl/index.ts"],"names":[],"mappings":"AAAA,uDAAoD;AACpD,uDAAoD;AAEpD,wCAAqC;AACrC,sCAAmC;AACnC,oCAAiC;AAEjC,OAAO,EAAE,kCAAkC,IAAI,OAAO,EAAE,gDAA6C;AAErG,cAAc,CAAC,MAAM,CAAC,4CAA4C,EAAE,OAAO,CAAC,CAAC;AAE7E,OAAO,EAAE,OAAO,IAAI,kCAAkC,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalDetails/index';\nimport '../../../../internal/InternalControl/index';\n\nimport '../../../CustomerCard/index';\nimport '../../../FormDialog/index';\nimport '../../../Customer/index';\n\nimport { InternalTransactionCustomerControl as Control } from './InternalTransactionCustomerControl';\n\ncustomElements.define('foxy-internal-transaction-customer-control', Control);\n\nexport { Control as InternalTransactionCustomerControl };\n"]}

package/dist/elements/public/Transaction/internal/InternalTransactionPostActionControl/InternalTransactionPostActionControl.d.ts

@@ -0,0 +1,10 @@
+import { PropertyDeclarations, TemplateResult } from 'lit-element';
+import { InternalControl } from '../../../../internal/InternalControl/InternalControl';
+export declare class InternalTransactionPostActionControl extends InternalControl {
+    static get properties(): PropertyDeclarations;
+    theme: string | null;
+    href: string | null;
+    private __state;
+    renderControl(): TemplateResult;
+    private __submit;
+}