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

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

@@ -1,19 +0,0 @@
-import '@vaadin/vaadin-button';
-import '@polymer/iron-icons/communication-icons';
-import '@polymer/iron-icons';
-import '../AttributeCard/index';
-import '../AttributeForm/index';
-import '../CustomFieldForm/index';
-import '../AppliedTaxCard/index';
-import '../CustomFieldCard/index';
-import '../DiscountCard/index';
-import '../ShipmentCard/index';
-import '../PaymentCard/index';
-import '../ItemForm/index';
-import '../I18n/index';
-import '../../internal/InternalCollectionCard/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

@@ -1,21 +0,0 @@
-import '@vaadin/vaadin-button';
-import '@polymer/iron-icons/communication-icons';
-import '@polymer/iron-icons';
-import "../AttributeCard/index.js";
-import "../AttributeForm/index.js";
-import "../CustomFieldForm/index.js";
-import "../AppliedTaxCard/index.js";
-import "../CustomFieldCard/index.js";
-import "../DiscountCard/index.js";
-import "../ShipmentCard/index.js";
-import "../PaymentCard/index.js";
-import "../ItemForm/index.js";
-import "../I18n/index.js";
-import "../../internal/InternalCollectionCard/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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/Transaction/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAC/B,OAAO,yCAAyC,CAAC;AACjD,OAAO,qBAAqB,CAAC;AAE7B,mCAAgC;AAChC,mCAAgC;AAChC,qCAAkC;AAClC,oCAAiC;AACjC,qCAAkC;AAClC,kCAA+B;AAC/B,kCAA+B;AAC/B,iCAA8B;AAC9B,8BAA2B;AAC3B,0BAAuB;AAEvB,wDAAqD;AAErD,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 '@vaadin/vaadin-button';\nimport '@polymer/iron-icons/communication-icons';\nimport '@polymer/iron-icons';\n\nimport '../AttributeCard/index';\nimport '../AttributeForm/index';\nimport '../CustomFieldForm/index';\nimport '../AppliedTaxCard/index';\nimport '../CustomFieldCard/index';\nimport '../DiscountCard/index';\nimport '../ShipmentCard/index';\nimport '../PaymentCard/index';\nimport '../ItemForm/index';\nimport '../I18n/index';\n\nimport '../../internal/InternalCollectionCard/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

@@ -1,9 +0,0 @@
-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

@@ -1,69 +0,0 @@
-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, _c;
-        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)}
-        key="send_emails"
-        @done=${(_c = this.nucleon) === null || _c === void 0 ? void 0 : _c.refresh}
-      >
-      </foxy-internal-transaction-post-action-control>
-    `;
-    }
-    __renderCaptureAction() {
-        var _a, _b, _c;
-        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)}
-        key="capture"
-        @done=${(_c = this.nucleon) === null || _c === void 0 ? void 0 : _c.refresh}
-      >
-      </foxy-internal-transaction-post-action-control>
-    `;
-    }
-    __renderVoidAction() {
-        var _a, _b, _c, _d;
-        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)}
-        key="void"
-        @done=${(_d = this.nucleon) === null || _d === void 0 ? void 0 : _d.refresh}
-      >
-      </foxy-internal-transaction-post-action-control>
-    `;
-    }
-    __renderRefundAction() {
-        var _a, _b, _c, _d;
-        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)}
-        key="refund"
-        @done=${(_d = this.nucleon) === null || _d === void 0 ? void 0 : _d.refresh}
-      >
-      </foxy-internal-transaction-post-action-control>
-    `;
-    }
-}
-//# sourceMappingURL=InternalTransactionActionsControl.js.map

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

@@ -1 +0,0 @@
-{"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;;gBAE3D,MAAA,IAAI,CAAC,OAAO,0CAAE,OAAO;;;KAGhC,CAAC;IACJ,CAAC;IAEO,qBAAqB;;QAC3B,OAAO,IAAI,CAAA;;;;eAIA,SAAS,aAAC,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,CAAC,YAAY,EAAE,IAAI,CAAC;;gBAEvD,MAAA,IAAI,CAAC,OAAO,0CAAE,OAAO;;;KAGhC,CAAC;IACJ,CAAC;IAEO,kBAAkB;;QACxB,OAAO,IAAI,CAAA;;;;eAIA,SAAS,mBAAC,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,CAAC,SAAS,2CAAG,IAAI,CAAC;;gBAErD,MAAA,IAAI,CAAC,OAAO,0CAAE,OAAO;;;KAGhC,CAAC;IACJ,CAAC;IAEO,oBAAoB;;QAC1B,OAAO,IAAI,CAAA;;;;eAIA,SAAS,mBAAC,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,CAAC,WAAW,2CAAG,IAAI,CAAC;;gBAEvD,MAAA,IAAI,CAAC,OAAO,0CAAE,OAAO;;;KAGhC,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        key=\"send_emails\"\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        key=\"capture\"\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        key=\"void\"\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        key=\"refund\"\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

@@ -1,4 +0,0 @@
-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

@@ -1,6 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,5 +0,0 @@
-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

@@ -1,36 +0,0 @@
-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-collapsible-card 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-collapsible-card>
-    `;
-    }
-}
-//# sourceMappingURL=InternalTransactionCustomerControl.js.map

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

@@ -1 +0,0 @@
-{"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-collapsible-card 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-collapsible-card>\n    `;\n  }\n}\n"]}

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

@@ -1,7 +0,0 @@
-import '../../../../internal/InternalCollapsibleCard/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

@@ -1,9 +0,0 @@
-import "../../../../internal/InternalCollapsibleCard/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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/Transaction/internal/InternalTransactionCustomerControl/index.ts"],"names":[],"mappings":"AAAA,+DAA4D;AAC5D,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/InternalCollapsibleCard/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

@@ -1,11 +0,0 @@
-import { PropertyDeclarations, TemplateResult } from 'lit-element';
-import { InternalControl } from '../../../../internal/InternalControl/InternalControl';
-export declare class InternalTransactionPostActionControl extends InternalControl {
-    static get properties(): PropertyDeclarations;
-    theme: string;
-    state: string;
-    href: string;
-    icon: string;
-    renderControl(): TemplateResult;
-    submit(): Promise<void>;
-}

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

@@ -1,50 +0,0 @@
-import { html } from 'lit-element';
-import { InternalControl } from "../../../../internal/InternalControl/InternalControl.js";
-import { NucleonElement } from "../../../NucleonElement/NucleonElement.js";
-export class InternalTransactionPostActionControl extends InternalControl {
-    constructor() {
-        super(...arguments);
-        this.theme = '';
-        this.state = 'idle';
-        this.href = '';
-        this.icon = '';
-    }
-    static get properties() {
-        return {
-            ...super.properties,
-            theme: { type: String },
-            state: { type: String },
-            href: { type: String },
-            icon: { type: String },
-        };
-    }
-    renderControl() {
-        const state = this.state;
-        const theme = state === 'fail' ? 'error' : state === 'idle' ? this.theme : '';
-        return html `
-      <vaadin-button
-        class="w-full"
-        theme="${theme} tertiary"
-        ?disabled=${state === 'busy' || this.disabled}
-        @click=${this.submit}
-      >
-        <foxy-i18n key=${state} infer></foxy-i18n>
-      </vaadin-button>
-    `;
-    }
-    async submit() {
-        if (this.state === 'busy')
-            return;
-        try {
-            this.state = 'busy';
-            const response = await new NucleonElement.API(this).fetch(this.href, { method: 'POST' });
-            this.state = response.ok ? 'idle' : 'fail';
-            if (response.ok)
-                this.dispatchEvent(new CustomEvent('done'));
-        }
-        catch (_a) {
-            this.state = 'fail';
-        }
-    }
-}
-//# sourceMappingURL=InternalTransactionPostActionControl.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"InternalTransactionPostActionControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/Transaction/internal/InternalTransactionPostActionControl/InternalTransactionPostActionControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,IAAI,EAAkB,MAAM,aAAa,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,gEAA6D;AACvF,OAAO,EAAE,cAAc,EAAE,kDAA+C;AAExE,MAAM,OAAO,oCAAqC,SAAQ,eAAe;IAAzE;;QAWE,UAAK,GAAG,EAAE,CAAC;QAEX,UAAK,GAAG,MAAM,CAAC;QAEf,SAAI,GAAG,EAAE,CAAC;QAEV,SAAI,GAAG,EAAE,CAAC;IA8BZ,CAAC;IA9CC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACvB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACvB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACtB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACvB,CAAC;IACJ,CAAC;IAUD,aAAa;QACX,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,MAAM,KAAK,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;QAE9E,OAAO,IAAI,CAAA;;;iBAGE,KAAK;oBACF,KAAK,KAAK,MAAM,IAAI,IAAI,CAAC,QAAQ;iBACpC,IAAI,CAAC,MAAM;;yBAEH,KAAK;;KAEzB,CAAC;IACJ,CAAC;IAED,KAAK,CAAC,MAAM;QACV,IAAI,IAAI,CAAC,KAAK,KAAK,MAAM;YAAE,OAAO;QAElC,IAAI;YACF,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC;YACpB,MAAM,QAAQ,GAAG,MAAM,IAAI,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;YACzF,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;YAC3C,IAAI,QAAQ,CAAC,EAAE;gBAAE,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;SAC9D;QAAC,WAAM;YACN,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC;SACrB;IACH,CAAC;CACF","sourcesContent":["import { PropertyDeclarations, html, TemplateResult } from 'lit-element';\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { NucleonElement } from '../../../NucleonElement/NucleonElement';\n\nexport class InternalTransactionPostActionControl extends InternalControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      theme: { type: String },\n      state: { type: String },\n      href: { type: String },\n      icon: { type: String },\n    };\n  }\n\n  theme = '';\n\n  state = 'idle';\n\n  href = '';\n\n  icon = '';\n\n  renderControl(): TemplateResult {\n    const state = this.state;\n    const theme = state === 'fail' ? 'error' : state === 'idle' ? this.theme : '';\n\n    return html`\n      <vaadin-button\n        class=\"w-full\"\n        theme=\"${theme} tertiary\"\n        ?disabled=${state === 'busy' || this.disabled}\n        @click=${this.submit}\n      >\n        <foxy-i18n key=${state} infer></foxy-i18n>\n      </vaadin-button>\n    `;\n  }\n\n  async submit(): Promise<void> {\n    if (this.state === 'busy') return;\n\n    try {\n      this.state = 'busy';\n      const response = await new NucleonElement.API(this).fetch(this.href, { method: 'POST' });\n      this.state = response.ok ? 'idle' : 'fail';\n      if (response.ok) this.dispatchEvent(new CustomEvent('done'));\n    } catch {\n      this.state = 'fail';\n    }\n  }\n}\n"]}

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

@@ -1,5 +0,0 @@
-import '@vaadin/vaadin-button';
-import '../../../../internal/InternalControl/index';
-import '../../../I18n/index';
-import { InternalTransactionPostActionControl as Control } from './InternalTransactionPostActionControl';
-export { Control as InternalTransactionPostActionControl };

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

@@ -1,7 +0,0 @@
-import '@vaadin/vaadin-button';
-import "../../../../internal/InternalControl/index.js";
-import "../../../I18n/index.js";
-import { InternalTransactionPostActionControl as Control } from "./InternalTransactionPostActionControl.js";
-customElements.define('foxy-internal-transaction-post-action-control', Control);
-export { Control as InternalTransactionPostActionControl };
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/Transaction/internal/InternalTransactionPostActionControl/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAE/B,uDAAoD;AACpD,gCAA6B;AAE7B,OAAO,EAAE,oCAAoC,IAAI,OAAO,EAAE,kDAA+C;AAEzG,cAAc,CAAC,MAAM,CAAC,+CAA+C,EAAE,OAAO,CAAC,CAAC;AAEhF,OAAO,EAAE,OAAO,IAAI,oCAAoC,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-button';\n\nimport '../../../../internal/InternalControl/index';\nimport '../../../I18n/index';\n\nimport { InternalTransactionPostActionControl as Control } from './InternalTransactionPostActionControl';\n\ncustomElements.define('foxy-internal-transaction-post-action-control', Control);\n\nexport { Control as InternalTransactionPostActionControl };\n"]}

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

@@ -1,8 +0,0 @@
-import { TemplateResult } from 'lit-html';
-import { InternalControl } from '../../../../internal/InternalControl/InternalControl';
-export declare class InternalTransactionSummaryControl extends InternalControl {
-    renderControl(): TemplateResult;
-    private __renderStatus;
-    private __renderPrice;
-    private __renderTotals;
-}

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

@@ -1,77 +0,0 @@
-import { html } from 'lit-html';
-import { InternalControl } from "../../../../internal/InternalControl/InternalControl.js";
-export class InternalTransactionSummaryControl extends InternalControl {
-    renderControl() {
-        var _a;
-        return html `
-      <div class="border-t border-transparent">
-        <div class="h-m flex items-center justify-between">
-          <div class="text-xl font-bold">${this.__renderPrice()}</div>
-          <div>${((_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.data) ? this.__renderStatus() : ''}</div>
-        </div>
-
-        <div class="border-t border-contrast-10 mb-s"></div>
-
-        ${this.__renderTotals()}
-      </div>
-    `;
-    }
-    __renderStatus() {
-        var _a, _b;
-        const colors = {
-            authorized: 'bg-success text-success-contrast',
-            completed: 'bg-success text-success-contrast',
-            declined: 'bg-error text-error-contrast',
-            rejected: 'bg-error text-error-contrast',
-        };
-        const status = ((_b = (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.status) || 'completed';
-        const defaultColor = 'bg-contrast-5 text-contrast';
-        const color = status in colors ? colors[status] : defaultColor;
-        return html `
-      <foxy-i18n
-        class="flex items-center h-xs px-s text-s font-semibold rounded ${color}"
-        lang=${this.lang}
-        key="transaction_${status}"
-        ns=${this.ns}
-      >
-      </foxy-i18n>
-    `;
-    }
-    __renderPrice() {
-        var _a;
-        const data = (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.data;
-        const currency = data === null || data === void 0 ? void 0 : data.currency_code;
-        if (!data)
-            return html `--`;
-        return html `
-      <foxy-i18n
-        options=${JSON.stringify({ amount: `${data.total_order} ${currency}` })}
-        key="price"
-        infer
-      >
-      </foxy-i18n>
-    `;
-    }
-    __renderTotals() {
-        var _a;
-        const data = (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.data;
-        const currency = data === null || data === void 0 ? void 0 : data.currency_code;
-        const keys = ['total_item_price', 'total_shipping', 'total_tax'];
-        return keys.map(key => html `
-        <div class="flex justify-between text-m text-secondary">
-          <foxy-i18n key=${key} infer></foxy-i18n>
-          ${data
-            ? html `
-                <foxy-i18n
-                  options=${JSON.stringify({ amount: `${data[key]} ${currency}` })}
-                  key="price"
-                  infer
-                >
-                </foxy-i18n>
-              `
-            : html `<span>--</span>`}
-        </div>
-      `);
-    }
-}
-//# sourceMappingURL=InternalTransactionSummaryControl.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"InternalTransactionSummaryControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/Transaction/internal/InternalTransactionSummaryControl/InternalTransactionSummaryControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,gEAA6D;AAEvF,MAAM,OAAO,iCAAkC,SAAQ,eAAe;IACpE,aAAa;;QACX,OAAO,IAAI,CAAA;;;2CAG4B,IAAI,CAAC,aAAa,EAAE;iBAC9C,OAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,EAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,EAAE;;;;;UAKtD,IAAI,CAAC,cAAc,EAAE;;KAE1B,CAAC;IACJ,CAAC;IAEO,cAAc;;QACpB,MAAM,MAAM,GAAG;YACb,UAAU,EAAE,kCAAkC;YAC9C,SAAS,EAAE,kCAAkC;YAC7C,QAAQ,EAAE,8BAA8B;YACxC,QAAQ,EAAE,8BAA8B;SACzC,CAAC;QAEF,MAAM,MAAM,GAAG,aAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,KAAI,WAAW,CAAC;QACzD,MAAM,YAAY,GAAG,6BAA6B,CAAC;QACnD,MAAM,KAAK,GAAG,MAAM,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAA6B,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;QAEtF,OAAO,IAAI,CAAA;;0EAE2D,KAAK;eAChE,IAAI,CAAC,IAAI;2BACG,MAAM;aACpB,IAAI,CAAC,EAAE;;;KAGf,CAAC;IACJ,CAAC;IAEO,aAAa;;QACnB,MAAM,IAAI,SAAG,IAAI,CAAC,OAAO,0CAAE,IAAI,CAAC;QAChC,MAAM,QAAQ,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,CAAC;QAErC,IAAI,CAAC,IAAI;YAAE,OAAO,IAAI,CAAA,IAAI,CAAC;QAE3B,OAAO,IAAI,CAAA;;kBAEG,IAAI,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,WAAW,IAAI,QAAQ,EAAE,EAAE,CAAC;;;;;KAK1E,CAAC;IACJ,CAAC;IAEO,cAAc;;QACpB,MAAM,IAAI,SAAG,IAAI,CAAC,OAAO,0CAAE,IAAI,CAAC;QAChC,MAAM,QAAQ,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,CAAC;QACrC,MAAM,IAAI,GAAG,CAAC,kBAAkB,EAAE,gBAAgB,EAAE,WAAW,CAAU,CAAC;QAE1E,OAAO,IAAI,CAAC,GAAG,CACb,GAAG,CAAC,EAAE,CAAC,IAAI,CAAA;;2BAEU,GAAG;YAClB,IAAI;YACJ,CAAC,CAAC,IAAI,CAAA;;4BAEU,IAAI,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,QAAQ,EAAE,EAAE,CAAC;;;;;eAKnE;YACH,CAAC,CAAC,IAAI,CAAA,iBAAiB;;OAE5B,CACF,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { html, TemplateResult } from 'lit-html';\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\n\nexport class InternalTransactionSummaryControl extends InternalControl {\n  renderControl(): TemplateResult {\n    return html`\n      <div class=\"border-t border-transparent\">\n        <div class=\"h-m flex items-center justify-between\">\n          <div class=\"text-xl font-bold\">${this.__renderPrice()}</div>\n          <div>${this.nucleon?.data ? this.__renderStatus() : ''}</div>\n        </div>\n\n        <div class=\"border-t border-contrast-10 mb-s\"></div>\n\n        ${this.__renderTotals()}\n      </div>\n    `;\n  }\n\n  private __renderStatus() {\n    const colors = {\n      authorized: 'bg-success text-success-contrast',\n      completed: 'bg-success text-success-contrast',\n      declined: 'bg-error text-error-contrast',\n      rejected: 'bg-error text-error-contrast',\n    };\n\n    const status = this.nucleon?.data?.status || 'completed';\n    const defaultColor = 'bg-contrast-5 text-contrast';\n    const color = status in colors ? colors[status as keyof typeof colors] : defaultColor;\n\n    return html`\n      <foxy-i18n\n        class=\"flex items-center h-xs px-s text-s font-semibold rounded ${color}\"\n        lang=${this.lang}\n        key=\"transaction_${status}\"\n        ns=${this.ns}\n      >\n      </foxy-i18n>\n    `;\n  }\n\n  private __renderPrice() {\n    const data = this.nucleon?.data;\n    const currency = data?.currency_code;\n\n    if (!data) return html`--`;\n\n    return html`\n      <foxy-i18n\n        options=${JSON.stringify({ amount: `${data.total_order} ${currency}` })}\n        key=\"price\"\n        infer\n      >\n      </foxy-i18n>\n    `;\n  }\n\n  private __renderTotals() {\n    const data = this.nucleon?.data;\n    const currency = data?.currency_code;\n    const keys = ['total_item_price', 'total_shipping', 'total_tax'] as const;\n\n    return keys.map(\n      key => html`\n        <div class=\"flex justify-between text-m text-secondary\">\n          <foxy-i18n key=${key} infer></foxy-i18n>\n          ${data\n            ? html`\n                <foxy-i18n\n                  options=${JSON.stringify({ amount: `${data[key]} ${currency}` })}\n                  key=\"price\"\n                  infer\n                >\n                </foxy-i18n>\n              `\n            : html`<span>--</span>`}\n        </div>\n      `\n    );\n  }\n}\n"]}

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/Transaction/internal/InternalTransactionSummaryControl/index.ts"],"names":[],"mappings":"AAAA,uDAAoD;AACpD,gCAA6B;AAE7B,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 '../../../I18n/index';\n\nimport { InternalTransactionSummaryControl as Control } from './InternalTransactionSummaryControl';\n\ncustomElements.define('foxy-internal-transaction-summary-control', Control);\n\nexport { Control as InternalTransactionSummaryControl };\n"]}

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

@@ -1,3 +0,0 @@
-import type { Resource } from '@foxy.io/sdk/core';
-import type { Rels } from '@foxy.io/sdk/backend';
-export declare type Data = Resource<Rels.Transaction>;

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

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

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

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

package/dist/mixins/inferrable.d.ts

@@ -1,15 +0,0 @@
-import { Constructor, LitElement, PropertyDeclarations } from 'lit-element';
-declare type Base = Constructor<LitElement> & {
-    properties?: PropertyDeclarations;
-};
-export declare class InferrableMixinHost {
-    infer: string | null;
-    inferProperties(): void;
-    inferFromElement(key: string, element: HTMLElement): unknown | undefined;
-    inferPropertiesInDescendants(): void;
-    applyInferredProperties(context: Map<string, unknown>): void;
-}
-export declare const InferrableMixin: <TBase extends Base>(BaseElement: TBase) => TBase & Constructor<InferrableMixinHost> & {
-    inferredProperties: string[];
-};
-export {};

package/dist/mixins/inferrable.js

@@ -1,66 +0,0 @@
-export const InferrableMixin = (BaseElement) => {
-    return class InferrableElement extends BaseElement {
-        constructor() {
-            super(...arguments);
-            /** Set a name for this element here to enable property inference. Set to `null` to disable. */
-            this.infer = null;
-        }
-        static get inferredProperties() {
-            return [];
-        }
-        static get properties() {
-            return {
-                ...super.properties,
-                infer: { type: String, reflect: true },
-            };
-        }
-        inferFromElement(key, element) {
-            if (key in element)
-                return element[key];
-        }
-        inferProperties() {
-            var _a;
-            const context = new Map();
-            const constructor = this.constructor;
-            const contextKeysToInfer = new Set(constructor.inferredProperties);
-            const processNode = (node) => {
-                if (node) {
-                    if (node instanceof ShadowRoot) {
-                        processNode(node.host);
-                    }
-                    else if (node instanceof HTMLElement) {
-                        contextKeysToInfer.forEach(key => {
-                            const value = this.inferFromElement(key, node);
-                            if (value !== undefined) {
-                                context.set(key, value);
-                                contextKeysToInfer.delete(key);
-                            }
-                        });
-                        if (contextKeysToInfer.size > 0)
-                            processNode(node.parentNode);
-                    }
-                }
-            };
-            processNode(this.parentNode);
-            (_a = this.applyInferredProperties) === null || _a === void 0 ? void 0 : _a.call(this, context);
-        }
-        inferPropertiesInDescendants() {
-            const roots = this.renderRoot === this ? [this.renderRoot] : [this.renderRoot, this];
-            roots.forEach(root => root
-                .querySelectorAll('[infer]')
-                .forEach(inferrable => inferrable.inferProperties()));
-        }
-        applyInferredProperties(context) {
-            //
-        }
-        connectedCallback() {
-            super.connectedCallback();
-            this.inferPropertiesInDescendants();
-        }
-        updated(changes) {
-            super.updated(changes);
-            this.inferPropertiesInDescendants();
-        }
-    };
-};
-//# sourceMappingURL=inferrable.js.map

package/dist/mixins/inferrable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"inferrable.js","sourceRoot":"","sources":["../../src/mixins/inferrable.ts"],"names":[],"mappings":"AAgBA,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,WAAkB,EAC2D,EAAE;IAC/E,OAAO,MAAM,iBAAkB,SAAQ,WAAW;QAA3C;;YAYL,+FAA+F;YAC/F,UAAK,GAAkB,IAAI,CAAC;QAwD9B,CAAC;QApEC,MAAM,KAAK,kBAAkB;YAC3B,OAAO,EAAE,CAAC;QACZ,CAAC;QAED,MAAM,KAAK,UAAU;YACnB,OAAO;gBACL,GAAG,KAAK,CAAC,UAAU;gBACnB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;aACvC,CAAC;QACJ,CAAC;QAKD,gBAAgB,CAAC,GAAW,EAAE,OAAoB;YAChD,IAAI,GAAG,IAAI,OAAO;gBAAE,OAAQ,OAAe,CAAC,GAAG,CAAC,CAAC;QACnD,CAAC;QAED,eAAe;;YACb,MAAM,OAAO,GAAG,IAAI,GAAG,EAAmB,CAAC;YAC3C,MAAM,WAAW,GAAG,IAAI,CAAC,WAAuC,CAAC;YACjE,MAAM,kBAAkB,GAAG,IAAI,GAAG,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC;YAEnE,MAAM,WAAW,GAAG,CAAC,IAAiB,EAAQ,EAAE;gBAC9C,IAAI,IAAI,EAAE;oBACR,IAAI,IAAI,YAAY,UAAU,EAAE;wBAC9B,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;qBACxB;yBAAM,IAAI,IAAI,YAAY,WAAW,EAAE;wBACtC,kBAAkB,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;4BAC/B,MAAM,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;4BAC/C,IAAI,KAAK,KAAK,SAAS,EAAE;gCACvB,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;gCACxB,kBAAkB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;6BAChC;wBACH,CAAC,CAAC,CAAC;wBAEH,IAAI,kBAAkB,CAAC,IAAI,GAAG,CAAC;4BAAE,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;qBAC/D;iBACF;YACH,CAAC,CAAC;YAEF,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YAC7B,MAAA,IAAI,CAAC,uBAAuB,+CAA5B,IAAI,EAA2B,OAAO,EAAE;QAC1C,CAAC;QAED,4BAA4B;YAC1B,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;YAErF,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CACnB,IAAI;iBACD,gBAAgB,CAAoC,SAAS,CAAC;iBAC9D,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,eAAe,EAAE,CAAC,CACvD,CAAC;QACJ,CAAC;QAED,uBAAuB,CAAC,OAA6B;YACnD,EAAE;QACJ,CAAC;QAED,iBAAiB;YACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;YAC1B,IAAI,CAAC,4BAA4B,EAAE,CAAC;QACtC,CAAC;QAED,OAAO,CAAC,OAAiC;YACvC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YACvB,IAAI,CAAC,4BAA4B,EAAE,CAAC;QACtC,CAAC;KACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Constructor, LitElement, PropertyDeclarations } from 'lit-element';\n\ntype Base = Constructor<LitElement> & { properties?: PropertyDeclarations };\n\nexport declare class InferrableMixinHost {\n  infer: string | null;\n\n  inferProperties(): void;\n\n  inferFromElement(key: string, element: HTMLElement): unknown | undefined;\n\n  inferPropertiesInDescendants(): void;\n\n  applyInferredProperties(context: Map<string, unknown>): void;\n}\n\nexport const InferrableMixin = <TBase extends Base>(\n  BaseElement: TBase\n): TBase & Constructor<InferrableMixinHost> & { inferredProperties: string[] } => {\n  return class InferrableElement extends BaseElement {\n    static get inferredProperties(): string[] {\n      return [];\n    }\n\n    static get properties(): PropertyDeclarations {\n      return {\n        ...super.properties,\n        infer: { type: String, reflect: true },\n      };\n    }\n\n    /** Set a name for this element here to enable property inference. Set to `null` to disable. */\n    infer: string | null = null;\n\n    inferFromElement(key: string, element: HTMLElement): unknown | undefined {\n      if (key in element) return (element as any)[key];\n    }\n\n    inferProperties(): void {\n      const context = new Map<string, unknown>();\n      const constructor = this.constructor as typeof InferrableElement;\n      const contextKeysToInfer = new Set(constructor.inferredProperties);\n\n      const processNode = (node: Node | null): void => {\n        if (node) {\n          if (node instanceof ShadowRoot) {\n            processNode(node.host);\n          } else if (node instanceof HTMLElement) {\n            contextKeysToInfer.forEach(key => {\n              const value = this.inferFromElement(key, node);\n              if (value !== undefined) {\n                context.set(key, value);\n                contextKeysToInfer.delete(key);\n              }\n            });\n\n            if (contextKeysToInfer.size > 0) processNode(node.parentNode);\n          }\n        }\n      };\n\n      processNode(this.parentNode);\n      this.applyInferredProperties?.(context);\n    }\n\n    inferPropertiesInDescendants(): void {\n      const roots = this.renderRoot === this ? [this.renderRoot] : [this.renderRoot, this];\n\n      roots.forEach(root =>\n        root\n          .querySelectorAll<InferrableMixinHost & HTMLElement>('[infer]')\n          .forEach(inferrable => inferrable.inferProperties())\n      );\n    }\n\n    applyInferredProperties(context: Map<string, unknown>): void {\n      //\n    }\n\n    connectedCallback(): void {\n      super.connectedCallback();\n      this.inferPropertiesInDescendants();\n    }\n\n    updated(changes: Map<keyof this, unknown>): void {\n      super.updated(changes);\n      this.inferPropertiesInDescendants();\n    }\n  };\n};\n"]}