@foxy.io/elements 1.28.0 → 1.29.0-beta.2

package/dist/elements/public/AdminSubscriptionForm/internal/InternalAdminSubscriptionFormError/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/AdminSubscriptionForm/internal/InternalAdminSubscriptionFormError/index.ts"],"names":[],"mappings":"AAAA,uDAAoD;AAEpD,OAAO,EAAE,kCAAkC,EAAE,gDAA6C;AAE1F,cAAc,CAAC,MAAM,CACnB,6CAA6C,EAC7C,kCAAkC,CACnC,CAAC;AAEF,OAAO,EAAE,kCAAkC,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalControl/index';\n\nimport { InternalAdminSubscriptionFormError } from './InternalAdminSubscriptionFormError';\n\ncustomElements.define(\n  'foxy-internal-admin-subscription-form-error',\n  InternalAdminSubscriptionFormError\n);\n\nexport { InternalAdminSubscriptionFormError };\n"]}

package/dist/elements/public/AdminSubscriptionForm/internal/InternalAdminSubscriptionFormLoadInCartAction/InternalAdminSubscriptionFormLoadInCartAction.d.ts

@@ -0,0 +1,8 @@
+import type { PropertyDeclarations } from 'lit-element';
+import type { TemplateResult } from 'lit-html';
+import { InternalControl } from '../../../../internal/InternalControl/InternalControl';
+export declare class InternalAdminSubscriptionFormLoadInCartAction extends InternalControl {
+    static get properties(): PropertyDeclarations;
+    action: 'cancel' | null;
+    renderControl(): TemplateResult;
+}

package/dist/elements/public/AdminSubscriptionForm/internal/InternalAdminSubscriptionFormLoadInCartAction/InternalAdminSubscriptionFormLoadInCartAction.js

@@ -0,0 +1,40 @@
+import { InternalControl } from "../../../../internal/InternalControl/InternalControl.js";
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { html } from 'lit-html';
+export class InternalAdminSubscriptionFormLoadInCartAction extends InternalControl {
+    constructor() {
+        super(...arguments);
+        this.action = null;
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            action: {},
+        };
+    }
+    renderControl() {
+        var _a, _b;
+        const form = this.nucleon;
+        let href;
+        try {
+            const url = new URL((_b = (_a = form === null || form === void 0 ? void 0 : form.data) === null || _a === void 0 ? void 0 : _a._links['fx:sub_token_url'].href) !== null && _b !== void 0 ? _b : '');
+            if (this.action === 'cancel')
+                url.searchParams.set('sub_cancel', 'true');
+            href = url.toString();
+        }
+        catch (_c) {
+            href = undefined;
+        }
+        return html `
+      <a
+        target="_blank"
+        class="rounded font-medium text-primary group focus-outline-none focus-ring-2 focus-ring-primary-50"
+        href=${ifDefined(href)}
+      >
+        <foxy-i18n class="transition-opacity group-hover-opacity-80" infer="" key="caption">
+        </foxy-i18n>
+      </a>
+    `;
+    }
+}
+//# sourceMappingURL=InternalAdminSubscriptionFormLoadInCartAction.js.map

package/dist/elements/public/AdminSubscriptionForm/internal/InternalAdminSubscriptionFormLoadInCartAction/InternalAdminSubscriptionFormLoadInCartAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalAdminSubscriptionFormLoadInCartAction.js","sourceRoot":"","sources":["../../../../../../src/elements/public/AdminSubscriptionForm/internal/InternalAdminSubscriptionFormLoadInCartAction/InternalAdminSubscriptionFormLoadInCartAction.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,gEAA6D;AACvF,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,6CAA8C,SAAQ,eAAe;IAAlF;;QAQE,WAAM,GAAoB,IAAI,CAAC;IAyBjC,CAAC;IAhCC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,MAAM,EAAE,EAAE;SACX,CAAC;IACJ,CAAC;IAID,aAAa;;QACX,MAAM,IAAI,GAAG,IAAI,CAAC,OAAuC,CAAC;QAC1D,IAAI,IAAwB,CAAC;QAE7B,IAAI;YACF,MAAM,GAAG,GAAG,IAAI,GAAG,aAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,0CAAE,MAAM,CAAC,kBAAkB,EAAE,IAAI,mCAAI,EAAE,CAAC,CAAC;YACvE,IAAI,IAAI,CAAC,MAAM,KAAK,QAAQ;gBAAE,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;YACzE,IAAI,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC;SACvB;QAAC,WAAM;YACN,IAAI,GAAG,SAAS,CAAC;SAClB;QAED,OAAO,IAAI,CAAA;;;;eAIA,SAAS,CAAC,IAAI,CAAC;;;;;KAKzB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { AdminSubscriptionForm } from '../../AdminSubscriptionForm';\nimport type { PropertyDeclarations } from 'lit-element';\nimport type { TemplateResult } from 'lit-html';\n\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nexport class InternalAdminSubscriptionFormLoadInCartAction extends InternalControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      action: {},\n    };\n  }\n\n  action: 'cancel' | null = null;\n\n  renderControl(): TemplateResult {\n    const form = this.nucleon as AdminSubscriptionForm | null;\n    let href: string | undefined;\n\n    try {\n      const url = new URL(form?.data?._links['fx:sub_token_url'].href ?? '');\n      if (this.action === 'cancel') url.searchParams.set('sub_cancel', 'true');\n      href = url.toString();\n    } catch {\n      href = undefined;\n    }\n\n    return html`\n      <a\n        target=\"_blank\"\n        class=\"rounded font-medium text-primary group focus-outline-none focus-ring-2 focus-ring-primary-50\"\n        href=${ifDefined(href)}\n      >\n        <foxy-i18n class=\"transition-opacity group-hover-opacity-80\" infer=\"\" key=\"caption\">\n        </foxy-i18n>\n      </a>\n    `;\n  }\n}\n"]}

package/dist/elements/public/AdminSubscriptionForm/internal/InternalAdminSubscriptionFormLoadInCartAction/index.d.ts

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

package/dist/elements/public/AdminSubscriptionForm/internal/InternalAdminSubscriptionFormLoadInCartAction/index.js

@@ -0,0 +1,6 @@
+import "../../../../internal/InternalControl/index.js";
+import "../../../I18n/index.js";
+import { InternalAdminSubscriptionFormLoadInCartAction as Action } from "./InternalAdminSubscriptionFormLoadInCartAction.js";
+customElements.define('foxy-internal-admin-subscription-form-load-in-cart-action', Action);
+export { Action as InternalAdminSubscriptionFormLoadInCartAction };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/AdminSubscriptionForm/internal/InternalAdminSubscriptionFormLoadInCartAction/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/AdminSubscriptionForm/internal/InternalAdminSubscriptionFormLoadInCartAction/index.ts"],"names":[],"mappings":"AAAA,uDAAoD;AAEpD,gCAA6B;AAE7B,OAAO,EAAE,6CAA6C,IAAI,MAAM,EAAE,2DAAwD;AAE1H,cAAc,CAAC,MAAM,CAAC,2DAA2D,EAAE,MAAM,CAAC,CAAC;AAE3F,OAAO,EAAE,MAAM,IAAI,6CAA6C,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalControl/index';\n\nimport '../../../I18n/index';\n\nimport { InternalAdminSubscriptionFormLoadInCartAction as Action } from './InternalAdminSubscriptionFormLoadInCartAction';\n\ncustomElements.define('foxy-internal-admin-subscription-form-load-in-cart-action', Action);\n\nexport { Action as InternalAdminSubscriptionFormLoadInCartAction };\n"]}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/AdminSubscriptionForm/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.Subscription, { zoom: 'transaction_template' }>;\n"]}

package/dist/elements/public/ApiBrowser/internal/InternalApiBrowserResourceForm/InternalApiBrowserResourceForm.js

@@ -94,7 +94,10 @@ foxy-internal-source-control::part(label),
 
             ${this.in({ idle: { snapshot: 'dirty' } }) || this.in({ idle: 'template' })
             ? html `
-                  <foxy-internal-submit-control infer="create" theme="tertiary-inline success">
+                  <foxy-internal-submit-control
+                    infer=${this.href ? 'submit' : 'create'}
+                    theme="tertiary-inline success"
+                  >
                   </foxy-internal-submit-control>
                 `
             : ''}

package/dist/elements/public/ApiBrowser/internal/InternalApiBrowserResourceForm/InternalApiBrowserResourceForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalApiBrowserResourceForm.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ApiBrowser/internal/InternalApiBrowserResourceForm/InternalApiBrowserResourceForm.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,8CAA2C;AACvE,OAAO,EAAE,YAAY,EAAE,0DAAuD;AAC9E,OAAO,EAAE,QAAQ,EAAE,0CAAuC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC,MAAM,kBAAkB,GAAG,MAAM,EAAY,CAAC;AAC9C,MAAM,gBAAgB,GAAG,MAAM,EAAY,CAAC;AAE5C;;;;;GAKG;AACH,MAAM,OAAO,8BAA+B,SAAQ,iBAAiB,CAAC,YAAY,CAAO;IAAzF;;QAsDE,oEAAoE;QACpE,SAAI,GAAG,KAAK,CAAC;IAkOf,CAAC;IAxRC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;SACvC,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO;YACL,GAAG,KAAK,CAAC,MAAM;YACf,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAgCF;SACF,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,GAAG;QACZ,OAAO;YACL,GAAG,KAAK,CAAC,GAAG;YACZ,CAAC,CAAC,EAAE,CAAC,CAAC,OAAQ,CAAS,CAAC,kBAAkB,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC;SAClF,CAAC;IACJ,CAAC;IAKD,UAAU;QACR,OAAO,IAAI,CAAA;;;gBAGC,IAAI,CAAC,IAAI;kBACP,CAAC,GAAU,EAAE,EAAE;YACvB,MAAM,OAAO,GAAG,GAAG,CAAC,aAAmC,CAAC;YACxD,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;QAC3B,CAAC;;;kBAGS,QAAQ,CAAC;YACf,wCAAwC,EAAE,IAAI;YAC9C,iCAAiC,EAAE,IAAI;YACvC,aAAa,EAAE,CAAC,IAAI,CAAC,IAAI;SAC1B,CAAC;;;;;qEAKyD,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM;;;iDAG5C,IAAI,CAAC,aAAa,EAAE;;;cAGvD,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;YACzE,CAAC,CAAC,IAAI,CAAA;;;iBAGH;YACH,CAAC,CAAC,EAAE;cACJ,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,CAAC;YACpF,CAAC,CAAC,IAAI,CAAA;;;;;6BAKS,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE;;;;iBAI7B;YACH,CAAC,CAAC,EAAE;cACJ,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;YAC7B,CAAC,CAAC,IAAI,CAAA;;;iBAGH;YACH,CAAC,CAAC,EAAE;;;;UAIR,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE;;KAEzC,CAAC;IACJ,CAAC;IAES,KAAK,CAAC,MAAM,CAAgB,GAAG,IAAiC;;QACxE,IAAI;YACF,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,YAAY,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,GAAG,IAAI,CAAC,CAAC;YAC5E,IAAI,OAAO,CAAC,MAAM,KAAK,MAAM;gBAAE,OAAO,MAAM,KAAK,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC;YAElE,MAAM,IAAI,SAAI,IAAI,CAAC,IAAY,CAAC,gBAAgB,CAAC,mCAAI,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC/E,OAAO,MAAM,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;SAClE;QAAC,OAAO,GAAG,EAAE;YACZ,MAAM,CAAC,cAAc,CAAC,CAAC;SACxB;IACH,CAAC;IAEO,aAAa;QACnB,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACd,OAAO,IAAI,CAAA;;gBAED,IAAI,CAAC,MAAM;OACpB,CAAC;SACH;QAED,IAAI,QAAQ,GAAG,EAAE,CAAC;QAClB,IAAI,UAAU,GAAG,EAAE,CAAC;QACpB,IAAI,MAAM,GAAG,EAAE,CAAC;QAEhB,IAAI;YACF,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAE/B,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;YACxB,IAAI,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC;gBAAE,QAAQ,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;YAE/D,MAAM,aAAa,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YAC1C,QAAQ,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAEtE,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC5B,QAAQ,GAAG,GAAG,QAAQ,GAAG,CAAC;gBAC1B,UAAU,GAAG,aAAa,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;aACtD;YAED,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC;SACrB;QAAC,WAAM;YACN,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC;SACtB;QAED,OAAO,IAAI,CAAA;QACP;YACA,IAAI,CAAA,SAAS,QAAQ,SAAS;YAC9B,IAAI,CAAA,8BAA8B,UAAU,SAAS;YACrD,IAAI,CAAA,+BAA+B,MAAM,SAAS;SACnD;KACF,CAAC;IACJ,CAAC;IAEO,YAAY;QAClB,OAAO,IAAI,CAAA;;sBAEO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;;;;wBAIzB,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc;wBACzB,CAAC,QAAgB,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,cAAc,GAAG,QAAQ,CAAC;;;;YAIlE,IAAI,CAAC,IAAI;YACT,CAAC,CAAC,IAAI,CAAA;;;sBAGI,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,CACnC,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAChD;;;eAGN;YACH,CAAC,CAAC,EAAE;;;KAGX,CAAC;IACJ,CAAC;IAED,IAAY,OAAO;;QACjB,MAAM,cAAc,GAAG,MAAM,CAAC,OAAO,aAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,mCAAI,EAAE,CAAC,CAAC;QAC/D,MAAM,aAAa,GAAG,cAAc,CAAC,MAAM,CACzC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,KAAK,KAAK,MAAM,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAE,IAAY,CAAC,SAAS,CACxF,CAAC;QAEF,IAAI;YACF,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,aAAa,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;SACrF;QAAC,WAAM;YACN,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;SAC1E;QAED,OAAO,aAAa,CAAC;IACvB,CAAC;IAED,IAAY,cAAc;QACxB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAW,CAAC;QAC9B,MAAM,UAAU,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAC1C,MAAM,YAAY,GAAG,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAE9C,IAAI,OAAO,YAAY,KAAK,QAAQ;YAAE,OAAO,YAAY,CAAC;QAC1D,IAAI,OAAO,UAAU,KAAK,QAAQ;YAAE,OAAO,UAAU,CAAC;QAEtD,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAC5F,CAAC;IAED,IAAY,cAAc,CAAC,QAAgB;QACzC,IAAI,CAAC,IAAI,EAAE,CAAC;QAEZ,IAAI;YACF,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YAC5C,IAAI,OAAO,cAAc,KAAK,QAAQ;gBAAE,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;YAClE,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;SAC7C;QAAC,WAAM;YACN,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,kBAAkB,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;SAC/C;IACH,CAAC;IAEO,YAAY,CAAC,KAAa,EAAE,IAAY,EAAE,KAAc;QAC9D,OAAO,IAAI,CAAA;;;;;;;oBAOK,QAAQ,CAAC;YACf,6DAA6D,EAAE,IAAI;YACnE,4BAA4B,EAAE,IAAI;YAClC,kCAAkC,EAAE,IAAI;SACzC,CAAC;qBACO,GAAG,EAAE;YACZ,MAAM,GAAG,GAAG,IAAI,WAAW,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;YAC7E,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QAC1B,CAAC;;;;oDAIuC,KAAK,IAAI,IAAI;mDACd,KAAK;;;;;;;;;;;;;;;uBAejC,GAAG,EAAE;YACZ,MAAM,GAAG,GAAG,IAAI,WAAW,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;YAC9E,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QAC1B,CAAC;;;;;;;KAOV,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { CSSResultArray, PropertyDeclarations } from 'lit-element';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../../../NucleonElement/types';\nimport type { Data } from '../../types';\n\nimport { TranslatableMixin } from '../../../../../mixins/translatable';\nimport { InternalForm } from '../../../../internal/InternalForm/InternalForm';\nimport { classMap } from '../../../../../utils/class-map';\nimport { html } from 'lit-html';\nimport { css } from 'lit-element';\n\nconst InvalidValueSymbol = Symbol() as symbol;\nconst ValidValueSymbol = Symbol() as symbol;\n\n/**\n * Internal raw resource JSON editor for use with ApiBrowser.\n *\n * @element foxy-internal-api-browser-resource-form\n * @since 1.17.0\n */\nexport class InternalApiBrowserResourceForm extends TranslatableMixin(InternalForm)<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      open: { type: Boolean, reflect: true },\n    };\n  }\n\n  static get styles(): CSSResultArray {\n    return [\n      ...super.styles,\n      css`\n        .resource {\n          display: grid;\n          grid-template-columns: repeat(auto-fill, minmax(calc(18.75 * var(--lumo-space-m)), 1fr));\n          grid-gap: 1px;\n        }\n\n        .resource > :first-child {\n          grid-column-start: 1;\n          grid-column-end: -2;\n        }\n\n        foxy-internal-source-control::part(editor) {\n          border-radius: 0;\n          max-height: none;\n          box-shadow: none;\n          border: none;\n        }\n\n        foxy-internal-source-control::part(label),\n        foxy-internal-source-control::part(helper-text) {\n          position: absolute;\n          width: 1px;\n          height: 1px;\n          padding-top: 0px;\n          margin-top: -1px;\n          overflow-x: hidden;\n          overflow-y: hidden;\n          clip: rect(0px, 0px, 0px, 0px);\n          white-space: nowrap;\n          border-top-width: 0px;\n        }\n      `,\n    ];\n  }\n\n  static get v8n(): NucleonV8N<any> {\n    return [\n      ...super.v8n,\n      v => (typeof (v as any)[InvalidValueSymbol] === 'string' ? 'invalid_json' : true),\n    ];\n  }\n\n  /** Same as the \"open\" attribute/property of the details element. */\n  open = false;\n\n  renderBody(): TemplateResult {\n    return html`\n      <details\n        class=\"select-none rounded-t-l rounded-b-l overflow-hidden border border-contrast-10\"\n        ?open=${this.open}\n        @toggle=${(evt: Event) => {\n          const details = evt.currentTarget as HTMLDetailsElement;\n          this.open = details.open;\n        }}\n      >\n        <summary\n          class=${classMap({\n            'ring-inset ring-primary-50 rounded-t-l': true,\n            'focus-outline-none focus-ring-2': true,\n            'rounded-b-l': !this.open,\n          })}\n        >\n          <div\n            class=\"flex items-center space-x-s p-s pr-m transition-colors cursor-pointer bg-contrast-5 hover-bg-contrast-10\"\n          >\n            <foxy-copy-to-clipboard infer=\"copy-to-clipboard\" text=${this.href || this.parent}>\n            </foxy-copy-to-clipboard>\n\n            <span class=\"font-medium truncate\">${this.__renderTitle()}</span>\n            <span class=\"flex-1\"></span>\n\n            ${this.in({ idle: { snapshot: 'dirty' } }) || this.in({ idle: 'template' })\n              ? html`\n                  <foxy-internal-submit-control infer=\"create\" theme=\"tertiary-inline success\">\n                  </foxy-internal-submit-control>\n                `\n              : ''}\n            ${this.in({ idle: { snapshot: 'dirty' } }) || this.in({ idle: { template: 'dirty' } })\n              ? html`\n                  <vaadin-button\n                    data-testid=\"undo\"\n                    theme=\"tertiary-inline contrast\"\n                    class=\"px-xs\"\n                    @click=${() => this.undo()}\n                  >\n                    <foxy-i18n infer=\"\" key=\"undo\"></foxy-i18n>\n                  </vaadin-button>\n                `\n              : ''}\n            ${this.in({ idle: 'snapshot' })\n              ? html`\n                  <foxy-internal-delete-control infer=\"delete\" theme=\"tertiary-inline error\">\n                  </foxy-internal-delete-control>\n                `\n              : ''}\n          </div>\n        </summary>\n\n        ${this.open ? this.__renderForm() : ''}\n      </details>\n    `;\n  }\n\n  protected async _fetch<TResult = any>(...args: Parameters<Window['fetch']>): Promise<TResult> {\n    try {\n      const request = args[0] instanceof Request ? args[0] : new Request(...args);\n      if (request.method !== 'POST') return await super._fetch(...args);\n\n      const body = (this.form as any)[ValidValueSymbol] ?? JSON.stringify(this.form);\n      return await super._fetch(request.url, { method: 'POST', body });\n    } catch (err) {\n      throw ['invalid_json'];\n    }\n  }\n\n  private __renderTitle() {\n    if (!this.href) {\n      return html`\n        <span class=\"text-tertiary\">POST</span>\n        <span>${this.parent}</span>\n      `;\n    }\n\n    let pathname = '';\n    let identifier = '';\n    let search = '';\n\n    try {\n      const url = new URL(this.href);\n\n      pathname = url.pathname;\n      if (pathname.startsWith('/')) pathname = pathname.substring(1);\n\n      const splitPathname = pathname.split('/');\n      pathname = splitPathname.slice(0, splitPathname.length - 1).join('/');\n\n      if (splitPathname.length > 1) {\n        pathname = `${pathname}/`;\n        identifier = splitPathname[splitPathname.length - 1];\n      }\n\n      search = url.search;\n    } catch {\n      pathname = this.href;\n    }\n\n    return html`\n      ${[\n        html`<span>${pathname}</span>`,\n        html`<span class=\"text-primary\">${identifier}</span>`,\n        html`<span class=\"text-tertiary\">${search}</span>`,\n      ]}\n    `;\n  }\n\n  private __renderForm() {\n    return html`\n      <div class=\"bg-base\">\n        <div class=\"${this.data ? 'resource' : ''} border-t border-contrast-5 bg-contrast-10\">\n          <foxy-internal-source-control\n            infer=\"editor\"\n            class=\"flex-1 bg-base\"\n            .getValue=${() => this.__formAsString}\n            .setValue=${(newValue: string) => (this.__formAsString = newValue)}\n          >\n          </foxy-internal-source-control>\n\n          ${this.data\n            ? html`\n                <div class=\"bg-base\">\n                  <ul class=\"bg-contrast-5 p-xs h-full\">\n                    ${this.__links.map(([curie, link]) =>\n                      this.__renderLink(curie, link.href, link.title)\n                    )}\n                  </ul>\n                </div>\n              `\n            : ''}\n        </div>\n      </div>\n    `;\n  }\n\n  private get __links() {\n    const linksAsEntries = Object.entries(this.data?._links ?? {});\n    const relevantLinks = linksAsEntries.filter(\n      ([curie, link]) => curie !== 'self' && !Array.isArray(link) && !(link as any).templated\n    );\n\n    try {\n      relevantLinks.sort(([curie1], [curie2]) => curie1.localeCompare(curie2, this.lang));\n    } catch {\n      relevantLinks.sort(([curie1], [curie2]) => curie1.localeCompare(curie2));\n    }\n\n    return relevantLinks;\n  }\n\n  private get __formAsString() {\n    const form = this.form as any;\n    const validValue = form[ValidValueSymbol];\n    const invalidValue = form[InvalidValueSymbol];\n\n    if (typeof invalidValue === 'string') return invalidValue;\n    if (typeof validValue === 'string') return validValue;\n\n    return JSON.stringify(form, (key, value) => (key.startsWith('_') ? undefined : value), 2);\n  }\n\n  private set __formAsString(newValue: string) {\n    this.undo();\n\n    try {\n      const parsedNewValue = JSON.parse(newValue);\n      if (typeof parsedNewValue === 'object') this.edit(parsedNewValue);\n      this.edit({ [ValidValueSymbol]: newValue });\n    } catch {\n      this.edit({ [InvalidValueSymbol]: newValue });\n    }\n  }\n\n  private __renderLink(curie: string, href: string, title?: string) {\n    return html`\n      <li\n        data-testclass=\"link\"\n        class=\"m-xs rounded overflow-hidden transition-colors hover-bg-contrast-5\"\n      >\n        <foxy-swipe-actions>\n          <button\n            class=${classMap({\n              'rounded leading-none space-y-xs block text-left w-full py-s': true,\n              'ring-inset ring-primary-50': true,\n              'focus-outline-none focus-ring-2 ': true,\n            })}\n            @click=${() => {\n              const evt = new CustomEvent('navigate:get', { bubbles: true, detail: href });\n              this.dispatchEvent(evt);\n            }}\n          >\n            <div class=\"flex items-center\">\n              <div class=\"flex-1 space-y-xs px-s min-w-0 text-s\">\n                <div class=\"truncate font-medium\">${title || href}</div>\n                <div class=\"opacity-75 truncate\">${curie}</div>\n              </div>\n\n              <iron-icon\n                class=\"icon-inline text-xl text-tertiary mr-s flex-shrink-0\"\n                icon=\"icons:chevron-right\"\n              >\n              </iron-icon>\n            </div>\n          </button>\n\n          <div slot=\"action\" class=\"h-full flex\">\n            <vaadin-button\n              theme=\"secondary success\"\n              class=\"h-full rounded-none\"\n              @click=${() => {\n                const evt = new CustomEvent('navigate:post', { bubbles: true, detail: href });\n                this.dispatchEvent(evt);\n              }}\n            >\n              POST\n            </vaadin-button>\n          </div>\n        </foxy-swipe-actions>\n      </li>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"InternalApiBrowserResourceForm.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ApiBrowser/internal/InternalApiBrowserResourceForm/InternalApiBrowserResourceForm.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,8CAA2C;AACvE,OAAO,EAAE,YAAY,EAAE,0DAAuD;AAC9E,OAAO,EAAE,QAAQ,EAAE,0CAAuC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC,MAAM,kBAAkB,GAAG,MAAM,EAAY,CAAC;AAC9C,MAAM,gBAAgB,GAAG,MAAM,EAAY,CAAC;AAE5C;;;;;GAKG;AACH,MAAM,OAAO,8BAA+B,SAAQ,iBAAiB,CAAC,YAAY,CAAO;IAAzF;;QAsDE,oEAAoE;QACpE,SAAI,GAAG,KAAK,CAAC;IAqOf,CAAC;IA3RC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;SACvC,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO;YACL,GAAG,KAAK,CAAC,MAAM;YACf,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAgCF;SACF,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,GAAG;QACZ,OAAO;YACL,GAAG,KAAK,CAAC,GAAG;YACZ,CAAC,CAAC,EAAE,CAAC,CAAC,OAAQ,CAAS,CAAC,kBAAkB,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC;SAClF,CAAC;IACJ,CAAC;IAKD,UAAU;QACR,OAAO,IAAI,CAAA;;;gBAGC,IAAI,CAAC,IAAI;kBACP,CAAC,GAAU,EAAE,EAAE;YACvB,MAAM,OAAO,GAAG,GAAG,CAAC,aAAmC,CAAC;YACxD,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;QAC3B,CAAC;;;kBAGS,QAAQ,CAAC;YACf,wCAAwC,EAAE,IAAI;YAC9C,iCAAiC,EAAE,IAAI;YACvC,aAAa,EAAE,CAAC,IAAI,CAAC,IAAI;SAC1B,CAAC;;;;;qEAKyD,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM;;;iDAG5C,IAAI,CAAC,aAAa,EAAE;;;cAGvD,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;YACzE,CAAC,CAAC,IAAI,CAAA;;4BAEQ,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ;;;;iBAI1C;YACH,CAAC,CAAC,EAAE;cACJ,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,CAAC;YACpF,CAAC,CAAC,IAAI,CAAA;;;;;6BAKS,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE;;;;iBAI7B;YACH,CAAC,CAAC,EAAE;cACJ,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;YAC7B,CAAC,CAAC,IAAI,CAAA;;;iBAGH;YACH,CAAC,CAAC,EAAE;;;;UAIR,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE;;KAEzC,CAAC;IACJ,CAAC;IAES,KAAK,CAAC,MAAM,CAAgB,GAAG,IAAiC;;QACxE,IAAI;YACF,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,YAAY,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,GAAG,IAAI,CAAC,CAAC;YAC5E,IAAI,OAAO,CAAC,MAAM,KAAK,MAAM;gBAAE,OAAO,MAAM,KAAK,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC;YAElE,MAAM,IAAI,SAAI,IAAI,CAAC,IAAY,CAAC,gBAAgB,CAAC,mCAAI,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC/E,OAAO,MAAM,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;SAClE;QAAC,OAAO,GAAG,EAAE;YACZ,MAAM,CAAC,cAAc,CAAC,CAAC;SACxB;IACH,CAAC;IAEO,aAAa;QACnB,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACd,OAAO,IAAI,CAAA;;gBAED,IAAI,CAAC,MAAM;OACpB,CAAC;SACH;QAED,IAAI,QAAQ,GAAG,EAAE,CAAC;QAClB,IAAI,UAAU,GAAG,EAAE,CAAC;QACpB,IAAI,MAAM,GAAG,EAAE,CAAC;QAEhB,IAAI;YACF,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAE/B,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;YACxB,IAAI,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC;gBAAE,QAAQ,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;YAE/D,MAAM,aAAa,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YAC1C,QAAQ,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAEtE,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC5B,QAAQ,GAAG,GAAG,QAAQ,GAAG,CAAC;gBAC1B,UAAU,GAAG,aAAa,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;aACtD;YAED,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC;SACrB;QAAC,WAAM;YACN,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC;SACtB;QAED,OAAO,IAAI,CAAA;QACP;YACA,IAAI,CAAA,SAAS,QAAQ,SAAS;YAC9B,IAAI,CAAA,8BAA8B,UAAU,SAAS;YACrD,IAAI,CAAA,+BAA+B,MAAM,SAAS;SACnD;KACF,CAAC;IACJ,CAAC;IAEO,YAAY;QAClB,OAAO,IAAI,CAAA;;sBAEO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;;;;wBAIzB,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc;wBACzB,CAAC,QAAgB,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,cAAc,GAAG,QAAQ,CAAC;;;;YAIlE,IAAI,CAAC,IAAI;YACT,CAAC,CAAC,IAAI,CAAA;;;sBAGI,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,CACnC,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAChD;;;eAGN;YACH,CAAC,CAAC,EAAE;;;KAGX,CAAC;IACJ,CAAC;IAED,IAAY,OAAO;;QACjB,MAAM,cAAc,GAAG,MAAM,CAAC,OAAO,aAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,mCAAI,EAAE,CAAC,CAAC;QAC/D,MAAM,aAAa,GAAG,cAAc,CAAC,MAAM,CACzC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,KAAK,KAAK,MAAM,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAE,IAAY,CAAC,SAAS,CACxF,CAAC;QAEF,IAAI;YACF,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,aAAa,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;SACrF;QAAC,WAAM;YACN,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;SAC1E;QAED,OAAO,aAAa,CAAC;IACvB,CAAC;IAED,IAAY,cAAc;QACxB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAW,CAAC;QAC9B,MAAM,UAAU,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAC1C,MAAM,YAAY,GAAG,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAE9C,IAAI,OAAO,YAAY,KAAK,QAAQ;YAAE,OAAO,YAAY,CAAC;QAC1D,IAAI,OAAO,UAAU,KAAK,QAAQ;YAAE,OAAO,UAAU,CAAC;QAEtD,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAC5F,CAAC;IAED,IAAY,cAAc,CAAC,QAAgB;QACzC,IAAI,CAAC,IAAI,EAAE,CAAC;QAEZ,IAAI;YACF,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YAC5C,IAAI,OAAO,cAAc,KAAK,QAAQ;gBAAE,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;YAClE,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;SAC7C;QAAC,WAAM;YACN,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,kBAAkB,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;SAC/C;IACH,CAAC;IAEO,YAAY,CAAC,KAAa,EAAE,IAAY,EAAE,KAAc;QAC9D,OAAO,IAAI,CAAA;;;;;;;oBAOK,QAAQ,CAAC;YACf,6DAA6D,EAAE,IAAI;YACnE,4BAA4B,EAAE,IAAI;YAClC,kCAAkC,EAAE,IAAI;SACzC,CAAC;qBACO,GAAG,EAAE;YACZ,MAAM,GAAG,GAAG,IAAI,WAAW,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;YAC7E,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QAC1B,CAAC;;;;oDAIuC,KAAK,IAAI,IAAI;mDACd,KAAK;;;;;;;;;;;;;;;uBAejC,GAAG,EAAE;YACZ,MAAM,GAAG,GAAG,IAAI,WAAW,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;YAC9E,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QAC1B,CAAC;;;;;;;KAOV,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { CSSResultArray, PropertyDeclarations } from 'lit-element';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../../../NucleonElement/types';\nimport type { Data } from '../../types';\n\nimport { TranslatableMixin } from '../../../../../mixins/translatable';\nimport { InternalForm } from '../../../../internal/InternalForm/InternalForm';\nimport { classMap } from '../../../../../utils/class-map';\nimport { html } from 'lit-html';\nimport { css } from 'lit-element';\n\nconst InvalidValueSymbol = Symbol() as symbol;\nconst ValidValueSymbol = Symbol() as symbol;\n\n/**\n * Internal raw resource JSON editor for use with ApiBrowser.\n *\n * @element foxy-internal-api-browser-resource-form\n * @since 1.17.0\n */\nexport class InternalApiBrowserResourceForm extends TranslatableMixin(InternalForm)<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      open: { type: Boolean, reflect: true },\n    };\n  }\n\n  static get styles(): CSSResultArray {\n    return [\n      ...super.styles,\n      css`\n        .resource {\n          display: grid;\n          grid-template-columns: repeat(auto-fill, minmax(calc(18.75 * var(--lumo-space-m)), 1fr));\n          grid-gap: 1px;\n        }\n\n        .resource > :first-child {\n          grid-column-start: 1;\n          grid-column-end: -2;\n        }\n\n        foxy-internal-source-control::part(editor) {\n          border-radius: 0;\n          max-height: none;\n          box-shadow: none;\n          border: none;\n        }\n\n        foxy-internal-source-control::part(label),\n        foxy-internal-source-control::part(helper-text) {\n          position: absolute;\n          width: 1px;\n          height: 1px;\n          padding-top: 0px;\n          margin-top: -1px;\n          overflow-x: hidden;\n          overflow-y: hidden;\n          clip: rect(0px, 0px, 0px, 0px);\n          white-space: nowrap;\n          border-top-width: 0px;\n        }\n      `,\n    ];\n  }\n\n  static get v8n(): NucleonV8N<any> {\n    return [\n      ...super.v8n,\n      v => (typeof (v as any)[InvalidValueSymbol] === 'string' ? 'invalid_json' : true),\n    ];\n  }\n\n  /** Same as the \"open\" attribute/property of the details element. */\n  open = false;\n\n  renderBody(): TemplateResult {\n    return html`\n      <details\n        class=\"select-none rounded-t-l rounded-b-l overflow-hidden border border-contrast-10\"\n        ?open=${this.open}\n        @toggle=${(evt: Event) => {\n          const details = evt.currentTarget as HTMLDetailsElement;\n          this.open = details.open;\n        }}\n      >\n        <summary\n          class=${classMap({\n            'ring-inset ring-primary-50 rounded-t-l': true,\n            'focus-outline-none focus-ring-2': true,\n            'rounded-b-l': !this.open,\n          })}\n        >\n          <div\n            class=\"flex items-center space-x-s p-s pr-m transition-colors cursor-pointer bg-contrast-5 hover-bg-contrast-10\"\n          >\n            <foxy-copy-to-clipboard infer=\"copy-to-clipboard\" text=${this.href || this.parent}>\n            </foxy-copy-to-clipboard>\n\n            <span class=\"font-medium truncate\">${this.__renderTitle()}</span>\n            <span class=\"flex-1\"></span>\n\n            ${this.in({ idle: { snapshot: 'dirty' } }) || this.in({ idle: 'template' })\n              ? html`\n                  <foxy-internal-submit-control\n                    infer=${this.href ? 'submit' : 'create'}\n                    theme=\"tertiary-inline success\"\n                  >\n                  </foxy-internal-submit-control>\n                `\n              : ''}\n            ${this.in({ idle: { snapshot: 'dirty' } }) || this.in({ idle: { template: 'dirty' } })\n              ? html`\n                  <vaadin-button\n                    data-testid=\"undo\"\n                    theme=\"tertiary-inline contrast\"\n                    class=\"px-xs\"\n                    @click=${() => this.undo()}\n                  >\n                    <foxy-i18n infer=\"\" key=\"undo\"></foxy-i18n>\n                  </vaadin-button>\n                `\n              : ''}\n            ${this.in({ idle: 'snapshot' })\n              ? html`\n                  <foxy-internal-delete-control infer=\"delete\" theme=\"tertiary-inline error\">\n                  </foxy-internal-delete-control>\n                `\n              : ''}\n          </div>\n        </summary>\n\n        ${this.open ? this.__renderForm() : ''}\n      </details>\n    `;\n  }\n\n  protected async _fetch<TResult = any>(...args: Parameters<Window['fetch']>): Promise<TResult> {\n    try {\n      const request = args[0] instanceof Request ? args[0] : new Request(...args);\n      if (request.method !== 'POST') return await super._fetch(...args);\n\n      const body = (this.form as any)[ValidValueSymbol] ?? JSON.stringify(this.form);\n      return await super._fetch(request.url, { method: 'POST', body });\n    } catch (err) {\n      throw ['invalid_json'];\n    }\n  }\n\n  private __renderTitle() {\n    if (!this.href) {\n      return html`\n        <span class=\"text-tertiary\">POST</span>\n        <span>${this.parent}</span>\n      `;\n    }\n\n    let pathname = '';\n    let identifier = '';\n    let search = '';\n\n    try {\n      const url = new URL(this.href);\n\n      pathname = url.pathname;\n      if (pathname.startsWith('/')) pathname = pathname.substring(1);\n\n      const splitPathname = pathname.split('/');\n      pathname = splitPathname.slice(0, splitPathname.length - 1).join('/');\n\n      if (splitPathname.length > 1) {\n        pathname = `${pathname}/`;\n        identifier = splitPathname[splitPathname.length - 1];\n      }\n\n      search = url.search;\n    } catch {\n      pathname = this.href;\n    }\n\n    return html`\n      ${[\n        html`<span>${pathname}</span>`,\n        html`<span class=\"text-primary\">${identifier}</span>`,\n        html`<span class=\"text-tertiary\">${search}</span>`,\n      ]}\n    `;\n  }\n\n  private __renderForm() {\n    return html`\n      <div class=\"bg-base\">\n        <div class=\"${this.data ? 'resource' : ''} border-t border-contrast-5 bg-contrast-10\">\n          <foxy-internal-source-control\n            infer=\"editor\"\n            class=\"flex-1 bg-base\"\n            .getValue=${() => this.__formAsString}\n            .setValue=${(newValue: string) => (this.__formAsString = newValue)}\n          >\n          </foxy-internal-source-control>\n\n          ${this.data\n            ? html`\n                <div class=\"bg-base\">\n                  <ul class=\"bg-contrast-5 p-xs h-full\">\n                    ${this.__links.map(([curie, link]) =>\n                      this.__renderLink(curie, link.href, link.title)\n                    )}\n                  </ul>\n                </div>\n              `\n            : ''}\n        </div>\n      </div>\n    `;\n  }\n\n  private get __links() {\n    const linksAsEntries = Object.entries(this.data?._links ?? {});\n    const relevantLinks = linksAsEntries.filter(\n      ([curie, link]) => curie !== 'self' && !Array.isArray(link) && !(link as any).templated\n    );\n\n    try {\n      relevantLinks.sort(([curie1], [curie2]) => curie1.localeCompare(curie2, this.lang));\n    } catch {\n      relevantLinks.sort(([curie1], [curie2]) => curie1.localeCompare(curie2));\n    }\n\n    return relevantLinks;\n  }\n\n  private get __formAsString() {\n    const form = this.form as any;\n    const validValue = form[ValidValueSymbol];\n    const invalidValue = form[InvalidValueSymbol];\n\n    if (typeof invalidValue === 'string') return invalidValue;\n    if (typeof validValue === 'string') return validValue;\n\n    return JSON.stringify(form, (key, value) => (key.startsWith('_') ? undefined : value), 2);\n  }\n\n  private set __formAsString(newValue: string) {\n    this.undo();\n\n    try {\n      const parsedNewValue = JSON.parse(newValue);\n      if (typeof parsedNewValue === 'object') this.edit(parsedNewValue);\n      this.edit({ [ValidValueSymbol]: newValue });\n    } catch {\n      this.edit({ [InvalidValueSymbol]: newValue });\n    }\n  }\n\n  private __renderLink(curie: string, href: string, title?: string) {\n    return html`\n      <li\n        data-testclass=\"link\"\n        class=\"m-xs rounded overflow-hidden transition-colors hover-bg-contrast-5\"\n      >\n        <foxy-swipe-actions>\n          <button\n            class=${classMap({\n              'rounded leading-none space-y-xs block text-left w-full py-s': true,\n              'ring-inset ring-primary-50': true,\n              'focus-outline-none focus-ring-2 ': true,\n            })}\n            @click=${() => {\n              const evt = new CustomEvent('navigate:get', { bubbles: true, detail: href });\n              this.dispatchEvent(evt);\n            }}\n          >\n            <div class=\"flex items-center\">\n              <div class=\"flex-1 space-y-xs px-s min-w-0 text-s\">\n                <div class=\"truncate font-medium\">${title || href}</div>\n                <div class=\"opacity-75 truncate\">${curie}</div>\n              </div>\n\n              <iron-icon\n                class=\"icon-inline text-xl text-tertiary mr-s flex-shrink-0\"\n                icon=\"icons:chevron-right\"\n              >\n              </iron-icon>\n            </div>\n          </button>\n\n          <div slot=\"action\" class=\"h-full flex\">\n            <vaadin-button\n              theme=\"secondary success\"\n              class=\"h-full rounded-none\"\n              @click=${() => {\n                const evt = new CustomEvent('navigate:post', { bubbles: true, detail: href });\n                this.dispatchEvent(evt);\n              }}\n            >\n              POST\n            </vaadin-button>\n          </div>\n        </foxy-swipe-actions>\n      </li>\n    `;\n  }\n}\n"]}

package/dist/elements/public/AttributeCard/AttributeCard.js

@@ -62,7 +62,6 @@ export class AttributeCard extends Base {
         };
     }
     render() {
-        var _a, _b;
         const hiddenSelector = this.hiddenSelector;
         const isLoaded = this.in({ idle: 'snapshot' });
         const isEmpty = this.in({ idle: 'template' });
@@ -70,7 +69,7 @@ export class AttributeCard extends Base {
       <div
         aria-live="polite"
         aria-busy=${this.in('busy')}
-        class="h-s flex flex-col justify-center relative text-body text-m font-lumo leading-xs sm-flex-row sm-items-center sm-justify-between"
+        class="relative text-body text-m font-lumo leading-xs sm-flex sm-items-center sm-justify-between"
       >
         ${hiddenSelector.matches('name', true) ? '' : this.__renderName()}
         ${hiddenSelector.matches('value', true) ? '' : this.__renderValue()}
@@ -78,15 +77,15 @@ export class AttributeCard extends Base {
         <div
           class=${classMap({
             'transition duration-250 ease-in-out absolute inset-0 flex': true,
+            'items-center justify-center': true,
             'opacity-0 pointer-events-none': isLoaded,
         })}
         >
           <foxy-spinner
             data-testid="spinner"
-            class="m-auto"
             state=${this.in('fail') ? 'error' : isEmpty ? 'empty' : 'busy'}
             lang=${this.lang}
-            ns="${this.ns} ${(_b = (_a = customElements.get('foxy-spinner')) === null || _a === void 0 ? void 0 : _a.defaultNS) !== null && _b !== void 0 ? _b : ''}"
+            ns="${this.ns} spinner"
           >
           </foxy-spinner>
         </div>

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

@@ -1 +1 @@
-{"version":3,"file":"AttributeCard.js","sourceRoot":"","sources":["../../../../src/elements/public/AttributeCard/AttributeCard.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,cAAc,EAAE,4CAAyC;AAClE,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AACpD,OAAO,EAAE,eAAe,EAAE,sCAAmC;AAE7D,MAAM,EAAE,GAAG,gBAAgB,CAAC;AAC5B,MAAM,IAAI,GAAG,eAAe,CAC1B,iBAAiB,CAAC,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,EAAE,EAAE,CAAC,CACzE,CAAC;AAEF;;;;;GAKG;AACH,MAAM,OAAO,aAAc,SAAQ,IAAU;IAA7C;;QACmB,iBAAY,GAAG,GAAG,EAAE;;YACnC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;YAEtB,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC;;;wCAGV,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,mCAAI,EAAE;cAC1C,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,mCAAI,IAAI,CAAA,QAAQ;;;YAG5B,IAAI,IAAI,IAAI,CAAC,UAAU,KAAK,QAAQ;gBACpC,CAAC,CAAC,IAAI,CAAA;;;;eAIH;gBACH,CAAC,CAAC,EAAE;;;UAGN,IAAI,CAAC,oBAAoB,CAAC,YAAY,CAAC;;KAE5C,CAAC;QACJ,CAAC,CAAC;QAEe,kBAAa,GAAG,GAAG,EAAE;;YACpC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;YAEtB,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC;;;;kBAIjC,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,mCAAI,EAAE;;;YAGvB,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,mCAAI,IAAI,CAAA,QAAQ;;;UAG7B,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC;;KAE7C,CAAC;QACJ,CAAC,CAAC;IAkCJ,CAAC;IAhCC,MAAM;;QACJ,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;QAC3C,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;QAC/C,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;QAE9C,OAAO,IAAI,CAAA;;;oBAGK,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC;;;UAGzB,cAAc,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE;UAC/D,cAAc,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,EAAE;;;kBAGzD,QAAQ,CAAC;YACf,2DAA2D,EAAE,IAAI;YACjE,+BAA+B,EAAE,QAAQ;SAC1C,CAAC;;;;;oBAKQ,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;mBACvD,IAAI,CAAC,IAAI;kBACV,IAAI,CAAC,EAAE,IAAI,YAAA,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,0CAAE,SAAS,mCAAI,EAAE;;;;;KAK3E,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { Data } from './types';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { ResponsiveMixin } from '../../../mixins/responsive';\n\nconst NS = 'attribute-card';\nconst Base = ResponsiveMixin(\n  TranslatableMixin(ConfigurableMixin(ThemeableMixin(NucleonElement)), NS)\n);\n\n/**\n * Basic card displaying an attribute.\n *\n * @element foxy-attribute-card\n * @since 1.2.0\n */\nexport class AttributeCard extends Base<Data> {\n  private readonly __renderName = () => {\n    const { data } = this;\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('name:before')}\n\n        <div class=\"flex items-center space-x-xs font-medium\">\n          <div class=\"truncate\" title=${data?.name ?? ''} data-testid=\"name\">\n            ${data?.name ?? html`&nbsp;`}\n          </div>\n\n          ${data && data.visibility !== 'public'\n            ? html`\n                <div class=\"flex items-center\" style=\"height: 1px\">\n                  <iron-icon icon=\"icons:lock\" class=\"icon-inline\"></iron-icon>\n                </div>\n              `\n            : ''}\n        </div>\n\n        ${this.renderTemplateOrSlot('name:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderValue = () => {\n    const { data } = this;\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('value:before')}\n\n        <div\n          class=\"truncate text-secondary text-s sm-text-m\"\n          title=${data?.value ?? ''}\n          data-testid=\"value\"\n        >\n          ${data?.value ?? html`&nbsp;`}\n        </div>\n\n        ${this.renderTemplateOrSlot('value:after')}\n      </div>\n    `;\n  };\n\n  render(): TemplateResult {\n    const hiddenSelector = this.hiddenSelector;\n    const isLoaded = this.in({ idle: 'snapshot' });\n    const isEmpty = this.in({ idle: 'template' });\n\n    return html`\n      <div\n        aria-live=\"polite\"\n        aria-busy=${this.in('busy')}\n        class=\"h-s flex flex-col justify-center relative text-body text-m font-lumo leading-xs sm-flex-row sm-items-center sm-justify-between\"\n      >\n        ${hiddenSelector.matches('name', true) ? '' : this.__renderName()}\n        ${hiddenSelector.matches('value', true) ? '' : this.__renderValue()}\n\n        <div\n          class=${classMap({\n            'transition duration-250 ease-in-out absolute inset-0 flex': true,\n            'opacity-0 pointer-events-none': isLoaded,\n          })}\n        >\n          <foxy-spinner\n            data-testid=\"spinner\"\n            class=\"m-auto\"\n            state=${this.in('fail') ? 'error' : isEmpty ? 'empty' : 'busy'}\n            lang=${this.lang}\n            ns=\"${this.ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n          >\n          </foxy-spinner>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"AttributeCard.js","sourceRoot":"","sources":["../../../../src/elements/public/AttributeCard/AttributeCard.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,cAAc,EAAE,4CAAyC;AAClE,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AACpD,OAAO,EAAE,eAAe,EAAE,sCAAmC;AAE7D,MAAM,EAAE,GAAG,gBAAgB,CAAC;AAC5B,MAAM,IAAI,GAAG,eAAe,CAC1B,iBAAiB,CAAC,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,EAAE,EAAE,CAAC,CACzE,CAAC;AAEF;;;;;GAKG;AACH,MAAM,OAAO,aAAc,SAAQ,IAAU;IAA7C;;QACmB,iBAAY,GAAG,GAAG,EAAE;;YACnC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;YAEtB,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC;;;wCAGV,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,mCAAI,EAAE;cAC1C,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,mCAAI,IAAI,CAAA,QAAQ;;;YAG5B,IAAI,IAAI,IAAI,CAAC,UAAU,KAAK,QAAQ;gBACpC,CAAC,CAAC,IAAI,CAAA;;;;eAIH;gBACH,CAAC,CAAC,EAAE;;;UAGN,IAAI,CAAC,oBAAoB,CAAC,YAAY,CAAC;;KAE5C,CAAC;QACJ,CAAC,CAAC;QAEe,kBAAa,GAAG,GAAG,EAAE;;YACpC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;YAEtB,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC;;;;kBAIjC,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,mCAAI,EAAE;;;YAGvB,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,mCAAI,IAAI,CAAA,QAAQ;;;UAG7B,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC;;KAE7C,CAAC;QACJ,CAAC,CAAC;IAkCJ,CAAC;IAhCC,MAAM;QACJ,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;QAC3C,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;QAC/C,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;QAE9C,OAAO,IAAI,CAAA;;;oBAGK,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC;;;UAGzB,cAAc,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE;UAC/D,cAAc,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,EAAE;;;kBAGzD,QAAQ,CAAC;YACf,2DAA2D,EAAE,IAAI;YACjE,6BAA6B,EAAE,IAAI;YACnC,+BAA+B,EAAE,QAAQ;SAC1C,CAAC;;;;oBAIQ,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;mBACvD,IAAI,CAAC,IAAI;kBACV,IAAI,CAAC,EAAE;;;;;KAKpB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { Data } from './types';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { ResponsiveMixin } from '../../../mixins/responsive';\n\nconst NS = 'attribute-card';\nconst Base = ResponsiveMixin(\n  TranslatableMixin(ConfigurableMixin(ThemeableMixin(NucleonElement)), NS)\n);\n\n/**\n * Basic card displaying an attribute.\n *\n * @element foxy-attribute-card\n * @since 1.2.0\n */\nexport class AttributeCard extends Base<Data> {\n  private readonly __renderName = () => {\n    const { data } = this;\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('name:before')}\n\n        <div class=\"flex items-center space-x-xs font-medium\">\n          <div class=\"truncate\" title=${data?.name ?? ''} data-testid=\"name\">\n            ${data?.name ?? html`&nbsp;`}\n          </div>\n\n          ${data && data.visibility !== 'public'\n            ? html`\n                <div class=\"flex items-center\" style=\"height: 1px\">\n                  <iron-icon icon=\"icons:lock\" class=\"icon-inline\"></iron-icon>\n                </div>\n              `\n            : ''}\n        </div>\n\n        ${this.renderTemplateOrSlot('name:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderValue = () => {\n    const { data } = this;\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('value:before')}\n\n        <div\n          class=\"truncate text-secondary text-s sm-text-m\"\n          title=${data?.value ?? ''}\n          data-testid=\"value\"\n        >\n          ${data?.value ?? html`&nbsp;`}\n        </div>\n\n        ${this.renderTemplateOrSlot('value:after')}\n      </div>\n    `;\n  };\n\n  render(): TemplateResult {\n    const hiddenSelector = this.hiddenSelector;\n    const isLoaded = this.in({ idle: 'snapshot' });\n    const isEmpty = this.in({ idle: 'template' });\n\n    return html`\n      <div\n        aria-live=\"polite\"\n        aria-busy=${this.in('busy')}\n        class=\"relative text-body text-m font-lumo leading-xs sm-flex sm-items-center sm-justify-between\"\n      >\n        ${hiddenSelector.matches('name', true) ? '' : this.__renderName()}\n        ${hiddenSelector.matches('value', true) ? '' : this.__renderValue()}\n\n        <div\n          class=${classMap({\n            'transition duration-250 ease-in-out absolute inset-0 flex': true,\n            'items-center justify-center': true,\n            'opacity-0 pointer-events-none': isLoaded,\n          })}\n        >\n          <foxy-spinner\n            data-testid=\"spinner\"\n            state=${this.in('fail') ? 'error' : isEmpty ? 'empty' : 'busy'}\n            lang=${this.lang}\n            ns=\"${this.ns} spinner\"\n          >\n          </foxy-spinner>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}

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

@@ -1,7 +1,8 @@
 import type { PropertyDeclarations } from 'lit-element';
-import type { Data } from './types';
 import type { TemplateResult } from 'lit-html';
 import type { NucleonV8N } from '../NucleonElement/types';
+import type { Data } from './types';
+import { BooleanSelector } from '@foxy.io/sdk/core';
 import { InternalForm } from '../../internal/InternalForm/InternalForm';
 declare const Base: typeof InternalForm & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
     defaultNS: string;
@@ -15,12 +16,16 @@ declare const Base: typeof InternalForm & import("lit-element").Constructor<impo
 export declare class CartForm extends Base<Data> {
     static get properties(): PropertyDeclarations;
     static get v8n(): NucleonV8N<Data>;
+    /** Payment Card Embed configuration URL. The form will append template set parameter on its own. */
+    paymentCardEmbedUrl: string | null;
     /** URL of the `fx:item_categories` collection for the store. */
     itemCategories: string | null;
     /** URL of the `fx:template_sets` collection for the store. */
     templateSets: string | null;
     /** URL of the `fx:locale_codes` property helper. */
     localeCodes: string | null;
+    /** URL of the `fx:languages` property helper. */
+    languages: string | null;
     /** URL of the `fx:customers` collection for the store. */
     customers: string | null;
     /** URL of the `fx:countries` property helper. */
@@ -29,44 +34,22 @@ export declare class CartForm extends Base<Data> {
     regions: string | null;
     /** URL of the `fx:coupons` collection for the store. */
     coupons: string | null;
-    private readonly __defaultTemplateSetLoaderId;
-    private readonly __localeCodesHelperLoaderId;
-    private readonly __shippingRegionsLoaderId;
-    private readonly __billingRegionsLoaderId;
-    private readonly __templateSetLoaderId;
-    private readonly __countriesHelperLoaderId;
-    private readonly __discountsLoaderId;
+    private readonly __languagesLoaderId;
     private readonly __customerLoaderId;
-    private readonly __storeLoaderId;
-    private readonly __customerTypeGetValue;
-    private readonly __customerTypeSetValue;
-    private readonly __customerTypeOptions;
-    private readonly __customerGetValue;
-    private readonly __customerSetValue;
-    private __isGuestMode;
+    private readonly __paymentMethodUriGetDisplayValueOptions;
+    private readonly __paymentMethodUriSetValue;
+    private readonly __paymentMethodUriFilters;
+    private readonly __customerUriSetValue;
+    private readonly __customerUriOptions;
+    get hiddenSelector(): BooleanSelector;
+    renderHeaderActions(): TemplateResult;
     renderBody(): TemplateResult;
-    private get __defaultTemplateSetHref();
-    private get __localeCodesHelperHref();
-    private get __shippingRegionsHref();
-    private get __billingRegionsHref();
-    private get __templateSetHref();
-    private get __customersHref();
-    private get __countriesHref();
-    private get __discountsHref();
+    private get __paymentMethodUriPlaceholder();
+    private get __transactionsWithPaymentsUrl();
+    private get __pickerPaymentCardEmbedUrl();
     private get __customerHref();
     private get __itemsHref();
-    private get __storeHref();
-    private get __defaultTemplateSet();
-    private get __localeCodesHelper();
-    private get __shippingRegions();
-    private get __billingRegions();
-    private get __templateSet();
-    private get __discounts();
-    private get __countriesHelper();
+    private get __languageOptions();
     private get __customer();
-    private get __store();
-    private __renderTotalOrder;
-    private __renderTotals;
-    private __renderDiscounts;
 }
 export {};