@foxy.io/elements 1.15.0 → 1.16.0-beta.1

package/dist/elements/public/CustomerPortal/InternalCustomerPortalLoggedInView.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalCustomerPortalLoggedInView.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomerPortal/InternalCustomerPortalLoggedInView.ts"],"names":[],"mappings":"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","sourcesContent":["import { ConfigurableMixin, Renderer } from '../../../mixins/configurable';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { API } from '../NucleonElement/API';\nimport { Customer } from '../Customer/Customer';\nimport { Templates as CustomerTemplates } from '../Customer/types';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { PropertyDeclarations } from 'lit-element';\nimport { Rels } from '@foxy.io/sdk/customer';\nimport { Resource } from '@foxy.io/sdk/core';\nimport { Templates } from './types';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\n\nconst Base = ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement)));\ntype Data = Resource<Rels.CustomerPortalSettings>;\n\nexport class InternalCustomerPortalLoggedInView extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      customer: { type: String },\n      loggingOutState: { attribute: false },\n      loggingOutStateResetTimeout: { attribute: false },\n    };\n  }\n\n  templates: Templates = {};\n\n  customer = '';\n\n  loggingOutState: 'idle' | 'busy' | 'fail' = 'idle';\n\n  loggingOutStateResetTimeout: NodeJS.Timeout | null = null;\n\n  private readonly __renderHeaderActionsSignOut = () => {\n    const scope = 'customer:header:actions:sign-out';\n    const state = this.loggingOutState;\n    const isCustomerLoaded = !!this.__customerElement?.in({ idle: 'snapshot' });\n    const handleClick = async () => {\n      try {\n        this.loggingOutState = 'busy';\n        await new API(this).fetch('foxy://customer-api/session', { method: 'DELETE' });\n        this.loggingOutState = 'idle';\n      } catch {\n        this.loggingOutState = 'fail';\n        this.loggingOutStateResetTimeout = setTimeout(() => {\n          this.loggingOutState = 'idle';\n          this.loggingOutStateResetTimeout = null;\n        }, 1000);\n      }\n    };\n\n    return html`\n      <div style=\"display: flex; margin-left: var(--lumo-space-m)\">\n        ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n        <vaadin-button\n          data-testid=\"sign-out\"\n          aria-label=${this.t('sign_out').toString()}\n          style=\"padding: var(--lumo-space-xs); margin: 0; border-radius: 100%; display: flex\"\n          theme=\"icon\"\n          ?disabled=${this.disabledSelector.matches(scope) || !isCustomerLoaded || state !== 'idle'}\n          @click=${handleClick}\n        >\n          ${state === 'idle'\n            ? html`<iron-icon icon=\"icons:exit-to-app\"></iron-icon>`\n            : html`\n                <foxy-spinner\n                  layout=\"no-label\"\n                  state=${state === 'fail' ? 'error' : 'busy'}\n                  style=\"margin: auto\"\n                  lang=${this.lang}\n                  ns=${[\n                    this.ns,\n                    customElements.get('foxy-customer')?.defaultNS ?? '',\n                    customElements.get('foxy-spinner')?.defaultNS ?? '',\n                  ].join(' ')}\n                >\n                </foxy-spinner>\n              `}\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot(`${scope}:after`)}\n      </div>\n    `;\n  };\n\n  private readonly __renderSubscriptions: Renderer<Customer> = (html, host) => {\n    const scope = 'customer:subscriptions';\n\n    return html`\n      ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n      <foxy-internal-customer-portal-subscriptions\n        readonlycontrols=${this.readonlySelector.zoom(scope).toString()}\n        disabledcontrols=${this.disabledSelector.zoom(scope).toString()}\n        hiddencontrols=${this.hiddenSelector.zoom(scope).toString()}\n        group=${host.group}\n        lang=${host.lang}\n        ns=${host.ns}\n        .templates=${this.getNestedTemplates(scope)}\n        .settings=${this.data}\n        .customer=${host.data}\n      >\n      </foxy-internal-customer-portal-subscriptions>\n\n      ${this.renderTemplateOrSlot(`${scope}:after`)}\n    `;\n  };\n\n  private readonly __renderTransactions: Renderer<Customer> = (html, host) => {\n    const scope = 'customer:transactions';\n\n    return html`\n      ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n      <foxy-internal-customer-portal-transactions\n        readonlycontrols=${this.readonlySelector.zoom(scope).toString()}\n        disabledcontrols=${this.disabledSelector.zoom(scope).toString()}\n        hiddencontrols=${this.hiddenSelector.zoom(scope).toString()}\n        group=${host.group}\n        lang=${host.lang}\n        ns=${host.ns}\n        .templates=${this.getNestedTemplates(scope)}\n        .customer=${host.data}\n      >\n      </foxy-internal-customer-portal-transactions>\n\n      ${this.renderTemplateOrSlot(`${scope}:after`)}\n    `;\n  };\n\n  render(): TemplateResult {\n    const hiddenSelector = this.hiddenSelector.zoom('customer');\n    const optionallyHiddenInCustomer = ['payment-methods'];\n    const alwaysHiddenInCustomer = [\n      'attributes',\n      'transactions',\n      'subscriptions',\n      'addresses:actions:create',\n      'header:actions:edit:form:delete',\n    ];\n\n    const customerHiddenControls = [\n      ...optionallyHiddenInCustomer\n        .filter(id => hiddenSelector.matches(id))\n        .map(id => `${id}:${hiddenSelector.zoom(id)}`),\n\n      ...alwaysHiddenInCustomer.map(id => {\n        const splitId = id.split(':');\n\n        for (let i = 0; i < splitId.length; ++i) {\n          const hostId = splitId.slice(0, i + 1).join(':');\n          if (hiddenSelector.matches(hostId, true)) return hostId;\n        }\n\n        return id;\n      }),\n    ];\n\n    const templates: CustomerTemplates = this.getNestedTemplates('customer');\n    const originalHeaderActionsAfterTemplate = templates['header:actions:after'];\n    const originalTimestampsAfterTemplate = templates['header:actions:edit:form:timestamps:after'];\n    const originalDefaultTemplate = templates['default'];\n\n    templates['header:actions:after'] = (html, host) => {\n      const isSignOutHidden = hiddenSelector.matches('header:actions:sign-out', true);\n      return html`\n        <div style=\"display:flex\">\n          ${isSignOutHidden ? '' : this.__renderHeaderActionsSignOut()}\n          ${originalHeaderActionsAfterTemplate?.(html, host)}\n        </div>\n      `;\n    };\n\n    templates['default'] = (html, host) => {\n      const renderSubscriptions = this.__renderSubscriptions;\n      const renderTransactions = this.__renderTransactions;\n\n      return html`\n        <style>\n          .space-y-m > :not([hidden]) ~ :not([hidden]) {\n            --tw-space-y-reverse: 0;\n            margin-top: calc(var(--lumo-space-m, 1rem) * calc(1 - var(--tw-space-y-reverse)));\n            margin-bottom: calc(var(--lumo-space-m, 1rem) * var(--tw-space-y-reverse));\n          }\n        </style>\n\n        ${hiddenSelector.matches('default', true) ? '' : originalDefaultTemplate?.(html, host)}\n\n        <div class=\"space-y-m\">\n          ${hiddenSelector.matches('subscriptions', true) ? '' : renderSubscriptions(html, host)}\n          ${hiddenSelector.matches('transactions', true) ? '' : renderTransactions(html, host)}\n        </div>\n      `;\n    };\n\n    templates['header:actions:edit:form:timestamps:after'] = (html, host) => {\n      const scope = 'change-password';\n\n      return html`\n        ${originalTimestampsAfterTemplate?.(html, host)}\n        ${host.hiddenSelector.matches(scope, true)\n          ? ''\n          : html`\n              ${host.renderTemplateOrSlot(`${scope}:before`)}\n\n              <foxy-internal-customer-portal-change-password\n                customer=${host.href}\n                session=\"foxy://customer-api/session\"\n                style=\"margin-top: var(--lumo-space-l)\"\n                email=${host.data?.email ?? ''}\n                lang=${host.lang}\n                ns=${host.ns}\n                ?disabled=${host.in('busy') || host.disabledSelector.matches(scope, true)}\n              >\n              </foxy-internal-customer-portal-change-password>\n\n              ${host.renderTemplateOrSlot(`${scope}:after`)}\n            `}\n      `;\n    };\n\n    return html`\n      <foxy-customer\n        readonlycontrols=${this.readonlySelector.zoom('customer').toString()}\n        disabledcontrols=${this.disabledSelector.zoom('customer').toString()}\n        hiddencontrols=${customerHiddenControls.join(' ')}\n        data-testid=\"customer\"\n        group=${this.group}\n        href=${this.customer}\n        lang=${this.lang}\n        ns=\"${this.ns} ${customElements.get('foxy-customer')?.defaultNS ?? ''}\"\n        id=\"customer\"\n        .templates=${templates}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-customer>\n    `;\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if (this.loggingOutStateResetTimeout) clearTimeout(this.loggingOutStateResetTimeout);\n  }\n\n  private get __customerElement() {\n    return this.renderRoot.querySelector<Customer>('#customer');\n  }\n}\n"]}
+{"version":3,"file":"InternalCustomerPortalLoggedInView.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomerPortal/InternalCustomerPortalLoggedInView.ts"],"names":[],"mappings":"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","sourcesContent":["import { ConfigurableMixin, Renderer } from '../../../mixins/configurable';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { API } from '../NucleonElement/API';\nimport { Customer } from '../Customer/Customer';\nimport { Templates as CustomerTemplates } from '../Customer/types';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { PropertyDeclarations } from 'lit-element';\nimport { Rels } from '@foxy.io/sdk/customer';\nimport { Resource } from '@foxy.io/sdk/core';\nimport { Templates } from './types';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\n\nconst Base = ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement)));\ntype Data = Resource<Rels.CustomerPortalSettings>;\n\nexport class InternalCustomerPortalLoggedInView extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      customer: { type: String },\n      loggingOutState: { attribute: false },\n      loggingOutStateResetTimeout: { attribute: false },\n    };\n  }\n\n  templates: Templates = {};\n\n  customer = '';\n\n  loggingOutState: 'idle' | 'busy' | 'fail' = 'idle';\n\n  loggingOutStateResetTimeout: NodeJS.Timeout | null = null;\n\n  private readonly __renderHeaderActionsSignOut = () => {\n    const scope = 'customer:header:actions:sign-out';\n    const state = this.loggingOutState;\n\n    const isDisabled =\n      this.disabledSelector.matches(scope) ||\n      !this.__customerElement?.in({ idle: 'snapshot' }) ||\n      state !== 'idle';\n\n    const handleClick = async () => {\n      try {\n        this.loggingOutState = 'busy';\n        await new API(this).fetch('foxy://customer-api/session', { method: 'DELETE' });\n        this.loggingOutState = 'idle';\n      } catch {\n        this.loggingOutState = 'fail';\n        this.loggingOutStateResetTimeout = setTimeout(() => {\n          this.loggingOutState = 'idle';\n          this.loggingOutStateResetTimeout = null;\n        }, 1000);\n      }\n    };\n\n    const style = {\n      'border-radius': '100%',\n      'padding': 'var(--lumo-space-xs)',\n      'display': 'flex',\n      'margin': '0',\n      'cursor': isDisabled ? 'default' : 'pointer',\n    };\n\n    return html`\n      <div style=\"display: flex; margin-left: var(--lumo-space-m)\">\n        ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n        <vaadin-button\n          data-testid=\"sign-out\"\n          aria-label=${this.t('sign_out').toString()}\n          style=${Object.entries(style).reduce((p, [k, v]) => `${p}${k}:${v};`, '')}\n          theme=\"icon\"\n          ?disabled=${isDisabled}\n          @click=${handleClick}\n        >\n          ${state === 'idle'\n            ? html`<iron-icon icon=\"icons:exit-to-app\"></iron-icon>`\n            : html`\n                <foxy-spinner\n                  layout=\"no-label\"\n                  state=${state === 'fail' ? 'error' : 'busy'}\n                  style=\"margin: auto\"\n                  lang=${this.lang}\n                  ns=${[\n                    this.ns,\n                    customElements.get('foxy-customer')?.defaultNS ?? '',\n                    customElements.get('foxy-spinner')?.defaultNS ?? '',\n                  ].join(' ')}\n                >\n                </foxy-spinner>\n              `}\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot(`${scope}:after`)}\n      </div>\n    `;\n  };\n\n  private readonly __renderSubscriptions: Renderer<Customer> = (html, host) => {\n    const scope = 'customer:subscriptions';\n\n    return html`\n      ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n      <foxy-internal-customer-portal-subscriptions\n        readonlycontrols=${this.readonlySelector.zoom(scope).toString()}\n        disabledcontrols=${this.disabledSelector.zoom(scope).toString()}\n        hiddencontrols=${this.hiddenSelector.zoom(scope).toString()}\n        group=${host.group}\n        lang=${host.lang}\n        ns=${host.ns}\n        .templates=${this.getNestedTemplates(scope)}\n        .settings=${this.data}\n        .customer=${host.data}\n      >\n      </foxy-internal-customer-portal-subscriptions>\n\n      ${this.renderTemplateOrSlot(`${scope}:after`)}\n    `;\n  };\n\n  private readonly __renderTransactions: Renderer<Customer> = (html, host) => {\n    const scope = 'customer:transactions';\n\n    return html`\n      ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n      <foxy-internal-customer-portal-transactions\n        readonlycontrols=${this.readonlySelector.zoom(scope).toString()}\n        disabledcontrols=${this.disabledSelector.zoom(scope).toString()}\n        hiddencontrols=${this.hiddenSelector.zoom(scope).toString()}\n        group=${host.group}\n        lang=${host.lang}\n        ns=${host.ns}\n        .templates=${this.getNestedTemplates(scope)}\n        .customer=${host.data}\n      >\n      </foxy-internal-customer-portal-transactions>\n\n      ${this.renderTemplateOrSlot(`${scope}:after`)}\n    `;\n  };\n\n  render(): TemplateResult {\n    const hiddenSelector = this.hiddenSelector.zoom('customer');\n    const optionallyHiddenInCustomer = ['payment-methods'];\n    const alwaysHiddenInCustomer = [\n      'attributes',\n      'transactions',\n      'subscriptions',\n      'addresses:actions:create',\n      'header:actions:edit:form:delete',\n    ];\n\n    const customerHiddenControls = [\n      ...optionallyHiddenInCustomer\n        .filter(id => hiddenSelector.matches(id))\n        .map(id => `${id}:${hiddenSelector.zoom(id)}`),\n\n      ...alwaysHiddenInCustomer.map(id => {\n        const splitId = id.split(':');\n\n        for (let i = 0; i < splitId.length; ++i) {\n          const hostId = splitId.slice(0, i + 1).join(':');\n          if (hiddenSelector.matches(hostId, true)) return hostId;\n        }\n\n        return id;\n      }),\n    ];\n\n    const templates: CustomerTemplates = this.getNestedTemplates('customer');\n    const originalHeaderActionsAfterTemplate = templates['header:actions:after'];\n    const originalTimestampsAfterTemplate = templates['header:actions:edit:form:timestamps:after'];\n    const originalDefaultTemplate = templates['default'];\n\n    templates['header:actions:after'] = (html, host) => {\n      const isSignOutHidden = hiddenSelector.matches('header:actions:sign-out', true);\n      return html`\n        <div style=\"display:flex\">\n          ${isSignOutHidden ? '' : this.__renderHeaderActionsSignOut()}\n          ${originalHeaderActionsAfterTemplate?.(html, host)}\n        </div>\n      `;\n    };\n\n    templates['default'] = (html, host) => {\n      const renderSubscriptions = this.__renderSubscriptions;\n      const renderTransactions = this.__renderTransactions;\n\n      return html`\n        <style>\n          .space-y-m > :not([hidden]) ~ :not([hidden]) {\n            --tw-space-y-reverse: 0;\n            margin-top: calc(var(--lumo-space-m, 1rem) * calc(1 - var(--tw-space-y-reverse)));\n            margin-bottom: calc(var(--lumo-space-m, 1rem) * var(--tw-space-y-reverse));\n          }\n        </style>\n\n        ${hiddenSelector.matches('default', true) ? '' : originalDefaultTemplate?.(html, host)}\n\n        <div class=\"space-y-m\">\n          ${hiddenSelector.matches('subscriptions', true) ? '' : renderSubscriptions(html, host)}\n          ${hiddenSelector.matches('transactions', true) ? '' : renderTransactions(html, host)}\n        </div>\n      `;\n    };\n\n    templates['header:actions:edit:form:timestamps:after'] = (html, host) => {\n      const scope = 'change-password';\n\n      return html`\n        ${originalTimestampsAfterTemplate?.(html, host)}\n        ${host.hiddenSelector.matches(scope, true)\n          ? ''\n          : html`\n              ${host.renderTemplateOrSlot(`${scope}:before`)}\n\n              <foxy-internal-customer-portal-change-password\n                customer=${host.href}\n                session=\"foxy://customer-api/session\"\n                style=\"margin-top: var(--lumo-space-l)\"\n                email=${host.data?.email ?? ''}\n                lang=${host.lang}\n                ns=${host.ns}\n                ?disabled=${host.in('busy') || host.disabledSelector.matches(scope, true)}\n              >\n              </foxy-internal-customer-portal-change-password>\n\n              ${host.renderTemplateOrSlot(`${scope}:after`)}\n            `}\n      `;\n    };\n\n    return html`\n      <foxy-customer\n        readonlycontrols=${this.readonlySelector.zoom('customer').toString()}\n        disabledcontrols=${this.disabledSelector.zoom('customer').toString()}\n        hiddencontrols=${customerHiddenControls.join(' ')}\n        data-testid=\"customer\"\n        group=${this.group}\n        href=${this.customer}\n        lang=${this.lang}\n        ns=\"${this.ns} ${customElements.get('foxy-customer')?.defaultNS ?? ''}\"\n        id=\"customer\"\n        .templates=${templates}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-customer>\n    `;\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if (this.loggingOutStateResetTimeout) clearTimeout(this.loggingOutStateResetTimeout);\n  }\n\n  private get __customerElement() {\n    return this.renderRoot.querySelector<Customer>('#customer');\n  }\n}\n"]}

package/dist/elements/public/ErrorEntryCard/ErrorEntryCard.js

@@ -40,6 +40,7 @@ export class ErrorEntryCard extends Base {
         };
     }
     render() {
+        var _a, _b;
         const data = this.data;
         const isBusy = this.in('busy');
         if (data) {
@@ -87,7 +88,7 @@ export class ErrorEntryCard extends Base {
             layout="horizontal"
             state=${isBusy ? 'busy' : this.in('fail') ? 'error' : 'empty'}
             lang=${this.lang}
-            ns=${this.ns}
+            ns="${this.ns} ${(_b = (_a = customElements.get('foxy-spinner')) === null || _a === void 0 ? void 0 : _a.defaultNS) !== null && _b !== void 0 ? _b : ''}"
           >
           </foxy-spinner>
         </div>

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

@@ -1 +1 @@
-{"version":3,"file":"ErrorEntryCard.js","sourceRoot":"","sources":["../../../../src/elements/public/ErrorEntryCard/ErrorEntryCard.ts"],"names":[],"mappings":"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","sourcesContent":["import { PropertyDeclarations, TemplateResult } from 'lit-element';\nimport { ScopedElementsMap, ScopedElementsMixin } from '@open-wc/scoped-elements';\n\nimport { Data } from './types';\nimport { DataList } from './DataList';\nimport { Group } from '../../private/Group/Group';\nimport { NucleonElement } from '../NucleonElement/index';\nimport { ResourceViewer } from './ResourceViewer';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { html } from 'lit-html';\n\nconst NS = 'error-entry-card';\nconst Base = TranslatableMixin(ThemeableMixin(ScopedElementsMixin(NucleonElement)), NS);\n\n/**\n * Displays an ErrorEntry from the Log of FoxyAPI.\n *\n * @element foxy-error-entry-card\n */\nexport class ErrorEntryCard extends Base<Data> {\n  static get scopedElements(): ScopedElementsMap {\n    return {\n      'x-resource-viewer': ResourceViewer,\n      'foxy-spinner': customElements.get('foxy-spinner'),\n      'x-data-list': DataList,\n      'iron-icon': customElements.get('iron-icon'),\n      'foxy-i18n': customElements.get('foxy-i18n'),\n      'x-group': Group,\n    };\n  }\n\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      open: { type: Boolean, reflect: true },\n    };\n  }\n\n  /**\n   * If true, displays the error details.\n   * Additionally, sets `form.hide_error` to `true` and submits changes on first view.\n   */\n  open = false;\n\n  render(): TemplateResult {\n    const data = this.data;\n    const isBusy = this.in('busy');\n\n    if (data) {\n      const { hide_error } = data;\n      const { open } = this;\n\n      return html`\n        <details\n          aria-busy=${isBusy}\n          aria-live=\"polite\"\n          class=\"text-body w-full\"\n          ?open=${open}\n          @toggle=${this.__handleToggle}\n        >\n          <summary\n            class=\"rounded-s ring-offset-4 ring-offset-base ring-primary-50 focus-outline-none focus-ring-2\"\n          >\n            <div\n              style=\"padding-left: calc(var(--lumo-space-xs) + var(--lumo-space-s) - 1px)\"\n              class=${classMap({\n                'border-l-2 leading-s relative cursor-pointer': true,\n                'border-contrast': hide_error && !open,\n                'border-primary': !hide_error,\n                'border-error': hide_error && open,\n                'h-l': !open,\n              })}\n            >\n              ${this.__renderSummary(data)}\n            </div>\n          </summary>\n\n          ${open ? this.__renderDetails(data) : ''}\n        </details>\n      `;\n    } else {\n      return html`\n        <div\n          aria-busy=${isBusy}\n          aria-live=\"polite\"\n          style=\"padding-left: calc(var(--lumo-space-xs) + var(--lumo-space-s) - 1px)\"\n          class=\"flex items-center justify-center border-l-2 leading-s relative border-contrast-10 h-l\"\n        >\n          <foxy-spinner\n            data-testid=\"spinner\"\n            layout=\"horizontal\"\n            state=${isBusy ? 'busy' : this.in('fail') ? 'error' : 'empty'}\n            lang=${this.lang}\n            ns=${this.ns}\n          >\n          </foxy-spinner>\n        </div>\n      `;\n    }\n  }\n\n  private __renderGetOrPostValues(getValues: string, postValues: string) {\n    const values = getValues || postValues;\n    const params = new URLSearchParams(this.__decodeHtml(values));\n    const method = getValues ? 'GET' : 'POST';\n\n    return html`\n      <div class=\"relative leading-xs pt-s\">\n        <div class=\"absolute font-semibold right-0 text-tertiary text-xs top-0 mt-s\">${method}</div>\n        <x-data-list data=${JSON.stringify(Array.from(params.entries()))}></x-data-list>\n      </div>\n    `;\n  }\n\n  private __renderReferrer(referrer: string) {\n    return html`\n      <span class=\"text-secondary\">Navigated from</span>\n      <a\n        target=\"_blank\"\n        class=\"font-semibold text-primary hover-underline\"\n        href=${referrer}\n        rel=\"nofollow noopener noreferrer\"\n      >\n        ${referrer}\n      </a>\n    `;\n  }\n\n  private __renderSummary(data: Data) {\n    return html`\n      <div class=\"text-s absolute right-0 top-0 text-tertiary\">\n        <iron-icon icon=\"icons:expand-${this.open ? 'less' : 'more'}\"></iron-icon>\n      </div>\n\n      <div class=\"text-s mb-xs ${data.hide_error ? 'text-error' : 'text-primary'}\">\n        <foxy-i18n\n          options=${JSON.stringify({ value: data.date_created })}\n          lang=${this.lang}\n          key=\"date\"\n          ns=${this.ns}\n        >\n        </foxy-i18n>\n\n        <foxy-i18n\n          options=${JSON.stringify({ value: data.date_created })}\n          lang=${this.lang}\n          key=\"time\"\n          ns=${this.ns}\n        >\n        </foxy-i18n>\n      </div>\n\n      <p class=\"${this.open ? '' : 'truncate'} overflow-hidden font-medium\">\n        ${data.error_message}\n      </p>\n    `;\n  }\n\n  private __renderDetails(data: Data) {\n    return html`\n      <div class=\"space-y-m pt-m\">\n        <x-group frame>\n          <foxy-i18n slot=\"header\" lang=${this.lang} key=\"request\" ns=${this.ns}></foxy-i18n>\n\n          <div class=\"mx-xs p-s text-s divide-y divide-contrast-10 space-y-s\">\n            <p>\n              <span class=\"block font-semibold\">${data.url}</span>\n              ${data.referrer ? this.__renderReferrer(data.referrer) : ''}\n            </p>\n\n            ${data.get_values || data.post_values\n              ? this.__renderGetOrPostValues(data.get_values, data.post_values)\n              : ''}\n          </div>\n        </x-group>\n\n        <x-group frame>\n          <foxy-i18n slot=\"header\" lang=${this.lang} key=\"client\" ns=${this.ns}></foxy-i18n>\n\n          <div class=\"text-s flex flex-col mx-xs p-s\">\n            <span class=\"font-semibold\">\n              ${data.ip_address}\n              ${data.ip_country\n                ? html`<span class=\"text-tertiary\"> • </span>${data.ip_country}`\n                : ''}\n            </span>\n\n            ${data.user_agent ? html`<span class=\"text-secondary\">${data.user_agent}</span>` : ''}\n          </div>\n        </x-group>\n\n        ${Object.entries(data._links).map(([curie, link]) => {\n          if (['self', 'fx:store', 'curies'].includes(curie)) return '';\n\n          return html`\n            <x-group frame>\n              <foxy-i18n slot=\"header\" lang=${this.lang} key=${curie.substr(3)} ns=${this.ns}>\n              </foxy-i18n>\n\n              <x-resource-viewer\n                class=\"p-s mx-xs\"\n                href=${link.href}\n                lang=${this.lang}\n                ns=${this.ns}\n              >\n              </x-resource-viewer>\n            </x-group>\n          `;\n        })}\n      </div>\n    `;\n  }\n\n  private __handleToggle(event: Event) {\n    const details = event.target as HTMLDetailsElement;\n\n    if (details.open && this.data?.hide_error === false) {\n      this.edit({ hide_error: true });\n      this.submit();\n    }\n\n    this.open = details.open;\n  }\n\n  private __decodeHtml(html: string) {\n    const areaElement = document.createElement('textarea');\n    areaElement.innerHTML = html;\n    return areaElement.value;\n  }\n}\n"]}
+{"version":3,"file":"ErrorEntryCard.js","sourceRoot":"","sources":["../../../../src/elements/public/ErrorEntryCard/ErrorEntryCard.ts"],"names":[],"mappings":"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","sourcesContent":["import { PropertyDeclarations, TemplateResult } from 'lit-element';\nimport { ScopedElementsMap, ScopedElementsMixin } from '@open-wc/scoped-elements';\n\nimport { Data } from './types';\nimport { DataList } from './DataList';\nimport { Group } from '../../private/Group/Group';\nimport { NucleonElement } from '../NucleonElement/index';\nimport { ResourceViewer } from './ResourceViewer';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { html } from 'lit-html';\n\nconst NS = 'error-entry-card';\nconst Base = TranslatableMixin(ThemeableMixin(ScopedElementsMixin(NucleonElement)), NS);\n\n/**\n * Displays an ErrorEntry from the Log of FoxyAPI.\n *\n * @element foxy-error-entry-card\n */\nexport class ErrorEntryCard extends Base<Data> {\n  static get scopedElements(): ScopedElementsMap {\n    return {\n      'x-resource-viewer': ResourceViewer,\n      'foxy-spinner': customElements.get('foxy-spinner'),\n      'x-data-list': DataList,\n      'iron-icon': customElements.get('iron-icon'),\n      'foxy-i18n': customElements.get('foxy-i18n'),\n      'x-group': Group,\n    };\n  }\n\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      open: { type: Boolean, reflect: true },\n    };\n  }\n\n  /**\n   * If true, displays the error details.\n   * Additionally, sets `form.hide_error` to `true` and submits changes on first view.\n   */\n  open = false;\n\n  render(): TemplateResult {\n    const data = this.data;\n    const isBusy = this.in('busy');\n\n    if (data) {\n      const { hide_error } = data;\n      const { open } = this;\n\n      return html`\n        <details\n          aria-busy=${isBusy}\n          aria-live=\"polite\"\n          class=\"text-body w-full\"\n          ?open=${open}\n          @toggle=${this.__handleToggle}\n        >\n          <summary\n            class=\"rounded-s ring-offset-4 ring-offset-base ring-primary-50 focus-outline-none focus-ring-2\"\n          >\n            <div\n              style=\"padding-left: calc(var(--lumo-space-xs) + var(--lumo-space-s) - 1px)\"\n              class=${classMap({\n                'border-l-2 leading-s relative cursor-pointer': true,\n                'border-contrast': hide_error && !open,\n                'border-primary': !hide_error,\n                'border-error': hide_error && open,\n                'h-l': !open,\n              })}\n            >\n              ${this.__renderSummary(data)}\n            </div>\n          </summary>\n\n          ${open ? this.__renderDetails(data) : ''}\n        </details>\n      `;\n    } else {\n      return html`\n        <div\n          aria-busy=${isBusy}\n          aria-live=\"polite\"\n          style=\"padding-left: calc(var(--lumo-space-xs) + var(--lumo-space-s) - 1px)\"\n          class=\"flex items-center justify-center border-l-2 leading-s relative border-contrast-10 h-l\"\n        >\n          <foxy-spinner\n            data-testid=\"spinner\"\n            layout=\"horizontal\"\n            state=${isBusy ? 'busy' : this.in('fail') ? 'error' : 'empty'}\n            lang=${this.lang}\n            ns=\"${this.ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n          >\n          </foxy-spinner>\n        </div>\n      `;\n    }\n  }\n\n  private __renderGetOrPostValues(getValues: string, postValues: string) {\n    const values = getValues || postValues;\n    const params = new URLSearchParams(this.__decodeHtml(values));\n    const method = getValues ? 'GET' : 'POST';\n\n    return html`\n      <div class=\"relative leading-xs pt-s\">\n        <div class=\"absolute font-semibold right-0 text-tertiary text-xs top-0 mt-s\">${method}</div>\n        <x-data-list data=${JSON.stringify(Array.from(params.entries()))}></x-data-list>\n      </div>\n    `;\n  }\n\n  private __renderReferrer(referrer: string) {\n    return html`\n      <span class=\"text-secondary\">Navigated from</span>\n      <a\n        target=\"_blank\"\n        class=\"font-semibold text-primary hover-underline\"\n        href=${referrer}\n        rel=\"nofollow noopener noreferrer\"\n      >\n        ${referrer}\n      </a>\n    `;\n  }\n\n  private __renderSummary(data: Data) {\n    return html`\n      <div class=\"text-s absolute right-0 top-0 text-tertiary\">\n        <iron-icon icon=\"icons:expand-${this.open ? 'less' : 'more'}\"></iron-icon>\n      </div>\n\n      <div class=\"text-s mb-xs ${data.hide_error ? 'text-error' : 'text-primary'}\">\n        <foxy-i18n\n          options=${JSON.stringify({ value: data.date_created })}\n          lang=${this.lang}\n          key=\"date\"\n          ns=${this.ns}\n        >\n        </foxy-i18n>\n\n        <foxy-i18n\n          options=${JSON.stringify({ value: data.date_created })}\n          lang=${this.lang}\n          key=\"time\"\n          ns=${this.ns}\n        >\n        </foxy-i18n>\n      </div>\n\n      <p class=\"${this.open ? '' : 'truncate'} overflow-hidden font-medium\">\n        ${data.error_message}\n      </p>\n    `;\n  }\n\n  private __renderDetails(data: Data) {\n    return html`\n      <div class=\"space-y-m pt-m\">\n        <x-group frame>\n          <foxy-i18n slot=\"header\" lang=${this.lang} key=\"request\" ns=${this.ns}></foxy-i18n>\n\n          <div class=\"mx-xs p-s text-s divide-y divide-contrast-10 space-y-s\">\n            <p>\n              <span class=\"block font-semibold\">${data.url}</span>\n              ${data.referrer ? this.__renderReferrer(data.referrer) : ''}\n            </p>\n\n            ${data.get_values || data.post_values\n              ? this.__renderGetOrPostValues(data.get_values, data.post_values)\n              : ''}\n          </div>\n        </x-group>\n\n        <x-group frame>\n          <foxy-i18n slot=\"header\" lang=${this.lang} key=\"client\" ns=${this.ns}></foxy-i18n>\n\n          <div class=\"text-s flex flex-col mx-xs p-s\">\n            <span class=\"font-semibold\">\n              ${data.ip_address}\n              ${data.ip_country\n                ? html`<span class=\"text-tertiary\"> • </span>${data.ip_country}`\n                : ''}\n            </span>\n\n            ${data.user_agent ? html`<span class=\"text-secondary\">${data.user_agent}</span>` : ''}\n          </div>\n        </x-group>\n\n        ${Object.entries(data._links).map(([curie, link]) => {\n          if (['self', 'fx:store', 'curies'].includes(curie)) return '';\n\n          return html`\n            <x-group frame>\n              <foxy-i18n slot=\"header\" lang=${this.lang} key=${curie.substr(3)} ns=${this.ns}>\n              </foxy-i18n>\n\n              <x-resource-viewer\n                class=\"p-s mx-xs\"\n                href=${link.href}\n                lang=${this.lang}\n                ns=${this.ns}\n              >\n              </x-resource-viewer>\n            </x-group>\n          `;\n        })}\n      </div>\n    `;\n  }\n\n  private __handleToggle(event: Event) {\n    const details = event.target as HTMLDetailsElement;\n\n    if (details.open && this.data?.hide_error === false) {\n      this.edit({ hide_error: true });\n      this.submit();\n    }\n\n    this.open = details.open;\n  }\n\n  private __decodeHtml(html: string) {\n    const areaElement = document.createElement('textarea');\n    areaElement.innerHTML = html;\n    return areaElement.value;\n  }\n}\n"]}

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

@@ -0,0 +1,48 @@
+import { Data, Templates } from './types';
+import { ScopedElementsMap } from '@open-wc/scoped-elements';
+import { TemplateResult } from 'lit-element';
+import { NucleonElement } from '../NucleonElement/NucleonElement';
+import { NucleonV8N } from '../NucleonElement/types';
+declare const Base: typeof NucleonElement & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+} & import("lit-element").Constructor<import("../../../mixins/configurable").ConfigurableMixinHost> & {
+    styles: import("lit-element").CSSResultArray;
+} & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/src/types").ScopedElementsHost>;
+/**
+ * Form element for creating or editing reports (`fx:report`).
+ *
+ * @slot name:before
+ * @slot name:after
+ *
+ * @slot start:before
+ * @slot start:after
+ *
+ * @slot end:before
+ * @slot end:after
+ *
+ * @slot timestamps:before
+ * @slot timestamps:after
+ *
+ * @slot delete:before
+ * @slot delete:after
+ *
+ * @slot create:before
+ * @slot create:after
+ *
+ * @element foxy-report-form
+ * @since 1.16.0
+ */
+export declare class ReportForm extends Base<Data> {
+    static get scopedElements(): ScopedElementsMap;
+    static get v8n(): NucleonV8N<Data>;
+    templates: Templates;
+    render(): TemplateResult;
+    private __renderName;
+    private __renderStart;
+    private __renderEnd;
+    private __renderTimestamps;
+    private __renderCreate;
+    private __renderDelete;
+    private __convertFormValueToPickerValue;
+}
+export {};

package/dist/elements/public/ReportForm/ReportForm.js

@@ -0,0 +1,305 @@
+import { Choice, Group, PropertyTable } from "../../private/index.js";
+import { ScopedElementsMixin } from '@open-wc/scoped-elements';
+import { html } from 'lit-element';
+import { ChoiceChangeEvent } from "../../private/Choice/ChoiceChangeEvent.js";
+import { ConfigurableMixin } from "../../../mixins/configurable.js";
+import { DateTimePicker } from '@vaadin/vaadin-date-time-picker';
+import { NucleonElement } from "../NucleonElement/NucleonElement.js";
+import { ThemeableMixin } from "../../../mixins/themeable.js";
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { classMap } from "../../../utils/class-map.js";
+import { ifDefined } from 'lit-html/directives/if-defined';
+const Base = ScopedElementsMixin(ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement, 'report-form'))));
+/**
+ * Form element for creating or editing reports (`fx:report`).
+ *
+ * @slot name:before
+ * @slot name:after
+ *
+ * @slot start:before
+ * @slot start:after
+ *
+ * @slot end:before
+ * @slot end:after
+ *
+ * @slot timestamps:before
+ * @slot timestamps:after
+ *
+ * @slot delete:before
+ * @slot delete:after
+ *
+ * @slot create:before
+ * @slot create:after
+ *
+ * @element foxy-report-form
+ * @since 1.16.0
+ */
+export class ReportForm extends Base {
+    constructor() {
+        super(...arguments);
+        this.templates = {};
+    }
+    static get scopedElements() {
+        return {
+            'vaadin-date-time-picker': DateTimePicker,
+            'vaadin-button': customElements.get('vaadin-button'),
+            'foxy-internal-confirm-dialog': customElements.get('foxy-internal-confirm-dialog'),
+            'foxy-spinner': customElements.get('foxy-spinner'),
+            'foxy-i18n': customElements.get('foxy-i18n'),
+            'x-property-table': PropertyTable,
+            'x-choice': Choice,
+            'x-group': Group,
+        };
+    }
+    static get v8n() {
+        return [
+            ({ name: v }) => !!v || 'name_required',
+            ({ datetime_start: v }) => !!v || 'start_required',
+            ({ datetime_end: v }) => !!v || 'end_required',
+        ];
+    }
+    render() {
+        var _a, _b;
+        const hidden = this.hiddenSelector;
+        return html `
+      <div
+        data-testid="wrapper"
+        aria-busy=${this.in('busy')}
+        aria-live="polite"
+        class="space-y-l relative"
+      >
+        <div class="space-y-m">
+          ${hidden.matches('name', true) ? '' : this.__renderName()}
+          ${hidden.matches('start', true) ? '' : this.__renderStart()}
+          ${hidden.matches('end', true) ? '' : this.__renderEnd()}
+          ${hidden.matches('timestamps', true) || !this.data ? '' : this.__renderTimestamps()}
+          ${hidden.matches('create', true) || this.data ? '' : this.__renderCreate()}
+          ${hidden.matches('delete', true) || !this.data ? '' : this.__renderDelete()}
+        </div>
+
+        <div
+          data-testid="spinner"
+          class=${classMap({
+            'transition duration-500 ease-in-out absolute inset-0 flex': true,
+            'opacity-0 pointer-events-none': this.in('idle'),
+        })}
+        >
+          <foxy-spinner
+            layout="vertical"
+            class="m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l"
+            state=${this.in('fail') ? 'error' : this.in('busy') ? 'busy' : 'empty'}
+            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 : ''}"
+          >
+          </foxy-spinner>
+        </div>
+      </div>
+    `;
+    }
+    __renderName() {
+        const scope = 'name';
+        const items = ['complete', 'customers', 'customers_ltv'];
+        const isDisabled = !this.in('idle') || this.disabledSelector.matches(scope);
+        const isReadonly = this.readonlySelector.matches(scope);
+        return html `
+      <div data-testid=${scope}>
+        ${this.renderTemplateOrSlot(`${scope}:before`)}
+
+        <x-group frame>
+          <foxy-i18n
+            class=${classMap({ 'transition-colors': true, 'text-disabled': isDisabled })}
+            lang=${this.lang}
+            slot="header"
+            key="name"
+            ns=${this.ns}
+          >
+          </foxy-i18n>
+
+          <x-choice
+            data-testid="content-type"
+            .value=${this.form.name}
+            .items=${items}
+            ?readonly=${isReadonly}
+            ?disabled=${isDisabled}
+            @change=${(evt) => {
+            if (evt instanceof ChoiceChangeEvent) {
+                this.edit({ name: evt.detail });
+            }
+        }}
+          >
+            ${items.map(value => {
+            return html `
+                <div slot="${value}-label" class="py-s leading-s">
+                  <foxy-i18n class="block" lang=${this.lang} key="name_${value}" ns=${this.ns}>
+                  </foxy-i18n>
+
+                  <foxy-i18n
+                    class="block text-s opacity-70"
+                    lang=${this.lang}
+                    key="name_${value}_explainer"
+                    ns=${this.ns}
+                  >
+                  </foxy-i18n>
+                </div>
+              `;
+        })}
+          </x-choice>
+        </x-group>
+
+        ${this.renderTemplateOrSlot(`${scope}:after`)}
+      </div>
+    `;
+    }
+    __renderStart() {
+        const error = this.errors.find(error => error.startsWith('start_'));
+        const value = this.form.datetime_start;
+        return html `
+      <div>
+        ${this.renderTemplateOrSlot('start:before')}
+
+        <vaadin-date-time-picker
+          date-placeholder=${this.t('select_date')}
+          time-placeholder=${this.t('select_time')}
+          error-message=${ifDefined(error ? this.t(error) : undefined)}
+          data-testid="start"
+          class="-mt-m"
+          label=${this.t('start')}
+          step="1"
+          ?disabled=${!this.in('idle') || this.disabledSelector.matches('start', true)}
+          ?readonly=${this.readonlySelector.matches('start', true)}
+          .checkValidity=${() => !error}
+          .value=${value ? this.__convertFormValueToPickerValue(value) : ''}
+          @keydown=${(evt) => evt.key === 'Enter' && this.submit()}
+          @change=${(evt) => {
+            const picker = evt.currentTarget;
+            this.edit({ datetime_start: picker.value });
+        }}
+        >
+        </vaadin-date-time-picker>
+
+        ${this.renderTemplateOrSlot('start:after')}
+      </div>
+    `;
+    }
+    __renderEnd() {
+        const error = this.errors.find(error => error.startsWith('end_'));
+        const value = this.form.datetime_end;
+        return html `
+      <div>
+        ${this.renderTemplateOrSlot('end:before')}
+
+        <vaadin-date-time-picker
+          date-placeholder=${this.t('select_date')}
+          time-placeholder=${this.t('select_time')}
+          error-message=${ifDefined(error ? this.t(error) : undefined)}
+          data-testid="end"
+          label=${this.t('end')}
+          class="-mt-m"
+          step="1"
+          ?disabled=${!this.in('idle') || this.disabledSelector.matches('end', true)}
+          ?readonly=${this.readonlySelector.matches('end', true)}
+          .checkValidity=${() => !error}
+          .value=${value ? this.__convertFormValueToPickerValue(value) : ''}
+          @keydown=${(evt) => evt.key === 'Enter' && this.submit()}
+          @change=${(evt) => {
+            const picker = evt.currentTarget;
+            this.edit({ datetime_end: picker.value });
+        }}
+        >
+        </vaadin-date-time-picker>
+
+        ${this.renderTemplateOrSlot('end:after')}
+      </div>
+    `;
+    }
+    __renderTimestamps() {
+        return html `
+      <div>
+        ${this.renderTemplateOrSlot('timestamps:before')}
+
+        <x-property-table
+          data-testid="timestamps"
+          .items=${['date_modified', 'date_created'].map(field => {
+            var _a;
+            return ({
+                name: this.t(field),
+                value: ((_a = this.data) === null || _a === void 0 ? void 0 : _a[field]) ? this.t('date', { value: new Date(this.data[field]) })
+                    : '',
+            });
+        })}
+        >
+        </x-property-table>
+
+        ${this.renderTemplateOrSlot('timestamps:after')}
+      </div>
+    `;
+    }
+    __renderCreate() {
+        const isCleanTemplateInvalid = this.in({ idle: { template: { clean: 'invalid' } } });
+        const isDirtyTemplateInvalid = this.in({ idle: { template: { dirty: 'invalid' } } });
+        const isCleanSnapshotInvalid = this.in({ idle: { snapshot: { clean: 'invalid' } } });
+        const isDirtySnapshotInvalid = this.in({ idle: { snapshot: { dirty: 'invalid' } } });
+        const isTemplateInvalid = isCleanTemplateInvalid || isDirtyTemplateInvalid;
+        const isSnaphotInvalid = isCleanSnapshotInvalid || isDirtySnapshotInvalid;
+        const isInvalid = isTemplateInvalid || isSnaphotInvalid;
+        const isIdle = this.in('idle');
+        return html `
+      <div>
+        ${this.renderTemplateOrSlot('create:before')}
+
+        <vaadin-button
+          data-testid="create"
+          class="w-full"
+          theme="primary success"
+          ?disabled=${!isIdle || isInvalid || this.disabledSelector.matches('create', true)}
+          @click=${this.submit}
+        >
+          <foxy-i18n ns=${this.ns} key="create" lang=${this.lang}></foxy-i18n>
+        </vaadin-button>
+
+        ${this.renderTemplateOrSlot('create:after')}
+      </div>
+    `;
+    }
+    __renderDelete() {
+        return html `
+      <div>
+        <foxy-internal-confirm-dialog
+          data-testid="confirm"
+          message="delete_prompt"
+          confirm="delete"
+          cancel="cancel"
+          header="delete"
+          theme="primary error"
+          lang=${this.lang}
+          ns=${this.ns}
+          id="confirm"
+          @hide=${(evt) => !evt.detail.cancelled && this.delete()}
+        >
+        </foxy-internal-confirm-dialog>
+
+        ${this.renderTemplateOrSlot('delete:before')}
+
+        <vaadin-button
+          data-testid="delete"
+          theme="primary error"
+          class="w-full"
+          ?disabled=${!this.in('idle') || this.disabledSelector.matches('delete', true)}
+          @click=${(evt) => {
+            const confirm = this.renderRoot.querySelector('#confirm');
+            confirm.show(evt.currentTarget);
+        }}
+        >
+          <foxy-i18n ns=${this.ns} key="delete" lang=${this.lang}></foxy-i18n>
+        </vaadin-button>
+
+        ${this.renderTemplateOrSlot('delete:after')}
+      </div>
+    `;
+    }
+    __convertFormValueToPickerValue(formValue) {
+        var _a, _b;
+        return (_b = (_a = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}/.exec(formValue)) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : '';
+    }
+}
+//# sourceMappingURL=ReportForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReportForm.js","sourceRoot":"","sources":["../../../../src/elements/public/ReportForm/ReportForm.ts"],"names":[],"mappings":"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","sourcesContent":["import { Choice, Group, PropertyTable } from '../../private/index';\nimport { Data, Templates } from './types';\nimport { ScopedElementsMap, ScopedElementsMixin } from '@open-wc/scoped-elements';\nimport { TemplateResult, html } from 'lit-element';\n\nimport { ButtonElement } from '@vaadin/vaadin-button';\nimport { ChoiceChangeEvent } from '../../private/Choice/ChoiceChangeEvent';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { DateTimePicker } from '@vaadin/vaadin-date-time-picker';\nimport { DialogHideEvent } from '../../private/Dialog/DialogHideEvent';\nimport { InternalConfirmDialog } from '../../internal/InternalConfirmDialog/InternalConfirmDialog';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { NucleonV8N } from '../NucleonElement/types';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { ifDefined } from 'lit-html/directives/if-defined';\n\nconst Base = ScopedElementsMixin(\n  ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement, 'report-form')))\n);\n\n/**\n * Form element for creating or editing reports (`fx:report`).\n *\n * @slot name:before\n * @slot name:after\n *\n * @slot start:before\n * @slot start:after\n *\n * @slot end:before\n * @slot end:after\n *\n * @slot timestamps:before\n * @slot timestamps:after\n *\n * @slot delete:before\n * @slot delete:after\n *\n * @slot create:before\n * @slot create:after\n *\n * @element foxy-report-form\n * @since 1.16.0\n */\nexport class ReportForm extends Base<Data> {\n  static get scopedElements(): ScopedElementsMap {\n    return {\n      'vaadin-date-time-picker': DateTimePicker,\n      'vaadin-button': customElements.get('vaadin-button'),\n\n      'foxy-internal-confirm-dialog': customElements.get('foxy-internal-confirm-dialog'),\n      'foxy-spinner': customElements.get('foxy-spinner'),\n      'foxy-i18n': customElements.get('foxy-i18n'),\n\n      'x-property-table': PropertyTable,\n      'x-choice': Choice,\n      'x-group': Group,\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ name: v }) => !!v || 'name_required',\n      ({ datetime_start: v }) => !!v || 'start_required',\n      ({ datetime_end: v }) => !!v || 'end_required',\n    ];\n  }\n\n  templates: Templates = {};\n\n  render(): TemplateResult {\n    const hidden = this.hiddenSelector;\n\n    return html`\n      <div\n        data-testid=\"wrapper\"\n        aria-busy=${this.in('busy')}\n        aria-live=\"polite\"\n        class=\"space-y-l relative\"\n      >\n        <div class=\"space-y-m\">\n          ${hidden.matches('name', true) ? '' : this.__renderName()}\n          ${hidden.matches('start', true) ? '' : this.__renderStart()}\n          ${hidden.matches('end', true) ? '' : this.__renderEnd()}\n          ${hidden.matches('timestamps', true) || !this.data ? '' : this.__renderTimestamps()}\n          ${hidden.matches('create', true) || this.data ? '' : this.__renderCreate()}\n          ${hidden.matches('delete', true) || !this.data ? '' : this.__renderDelete()}\n        </div>\n\n        <div\n          data-testid=\"spinner\"\n          class=${classMap({\n            'transition duration-500 ease-in-out absolute inset-0 flex': true,\n            'opacity-0 pointer-events-none': this.in('idle'),\n          })}\n        >\n          <foxy-spinner\n            layout=\"vertical\"\n            class=\"m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l\"\n            state=${this.in('fail') ? 'error' : this.in('busy') ? 'busy' : 'empty'}\n            lang=${this.lang}\n            ns=\"${this.ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n          >\n          </foxy-spinner>\n        </div>\n      </div>\n    `;\n  }\n\n  private __renderName() {\n    const scope = 'name';\n    const items = ['complete', 'customers', 'customers_ltv'];\n    const isDisabled = !this.in('idle') || this.disabledSelector.matches(scope);\n    const isReadonly = this.readonlySelector.matches(scope);\n\n    return html`\n      <div data-testid=${scope}>\n        ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n        <x-group frame>\n          <foxy-i18n\n            class=${classMap({ 'transition-colors': true, 'text-disabled': isDisabled })}\n            lang=${this.lang}\n            slot=\"header\"\n            key=\"name\"\n            ns=${this.ns}\n          >\n          </foxy-i18n>\n\n          <x-choice\n            data-testid=\"content-type\"\n            .value=${this.form.name}\n            .items=${items}\n            ?readonly=${isReadonly}\n            ?disabled=${isDisabled}\n            @change=${(evt: Event) => {\n              if (evt instanceof ChoiceChangeEvent) {\n                this.edit({ name: evt.detail as Data['name'] });\n              }\n            }}\n          >\n            ${items.map(value => {\n              return html`\n                <div slot=\"${value}-label\" class=\"py-s leading-s\">\n                  <foxy-i18n class=\"block\" lang=${this.lang} key=\"name_${value}\" ns=${this.ns}>\n                  </foxy-i18n>\n\n                  <foxy-i18n\n                    class=\"block text-s opacity-70\"\n                    lang=${this.lang}\n                    key=\"name_${value}_explainer\"\n                    ns=${this.ns}\n                  >\n                  </foxy-i18n>\n                </div>\n              `;\n            })}\n          </x-choice>\n        </x-group>\n\n        ${this.renderTemplateOrSlot(`${scope}:after`)}\n      </div>\n    `;\n  }\n\n  private __renderStart() {\n    const error = this.errors.find(error => error.startsWith('start_'));\n    const value = this.form.datetime_start;\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('start:before')}\n\n        <vaadin-date-time-picker\n          date-placeholder=${this.t('select_date')}\n          time-placeholder=${this.t('select_time')}\n          error-message=${ifDefined(error ? this.t(error) : undefined)}\n          data-testid=\"start\"\n          class=\"-mt-m\"\n          label=${this.t('start')}\n          step=\"1\"\n          ?disabled=${!this.in('idle') || this.disabledSelector.matches('start', true)}\n          ?readonly=${this.readonlySelector.matches('start', true)}\n          .checkValidity=${() => !error}\n          .value=${value ? this.__convertFormValueToPickerValue(value) : ''}\n          @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.submit()}\n          @change=${(evt: CustomEvent) => {\n            const picker = evt.currentTarget as DateTimePicker;\n            this.edit({ datetime_start: picker.value });\n          }}\n        >\n        </vaadin-date-time-picker>\n\n        ${this.renderTemplateOrSlot('start:after')}\n      </div>\n    `;\n  }\n\n  private __renderEnd() {\n    const error = this.errors.find(error => error.startsWith('end_'));\n    const value = this.form.datetime_end;\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('end:before')}\n\n        <vaadin-date-time-picker\n          date-placeholder=${this.t('select_date')}\n          time-placeholder=${this.t('select_time')}\n          error-message=${ifDefined(error ? this.t(error) : undefined)}\n          data-testid=\"end\"\n          label=${this.t('end')}\n          class=\"-mt-m\"\n          step=\"1\"\n          ?disabled=${!this.in('idle') || this.disabledSelector.matches('end', true)}\n          ?readonly=${this.readonlySelector.matches('end', true)}\n          .checkValidity=${() => !error}\n          .value=${value ? this.__convertFormValueToPickerValue(value) : ''}\n          @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.submit()}\n          @change=${(evt: CustomEvent) => {\n            const picker = evt.currentTarget as DateTimePicker;\n            this.edit({ datetime_end: picker.value });\n          }}\n        >\n        </vaadin-date-time-picker>\n\n        ${this.renderTemplateOrSlot('end:after')}\n      </div>\n    `;\n  }\n\n  private __renderTimestamps() {\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('timestamps:before')}\n\n        <x-property-table\n          data-testid=\"timestamps\"\n          .items=${(['date_modified', 'date_created'] as const).map(field => ({\n            name: this.t(field),\n            value: this.data?.[field]\n              ? this.t('date', { value: new Date(this.data[field] as string) })\n              : '',\n          }))}\n        >\n        </x-property-table>\n\n        ${this.renderTemplateOrSlot('timestamps:after')}\n      </div>\n    `;\n  }\n\n  private __renderCreate() {\n    const isCleanTemplateInvalid = this.in({ idle: { template: { clean: 'invalid' } } });\n    const isDirtyTemplateInvalid = this.in({ idle: { template: { dirty: 'invalid' } } });\n    const isCleanSnapshotInvalid = this.in({ idle: { snapshot: { clean: 'invalid' } } });\n    const isDirtySnapshotInvalid = this.in({ idle: { snapshot: { dirty: 'invalid' } } });\n    const isTemplateInvalid = isCleanTemplateInvalid || isDirtyTemplateInvalid;\n    const isSnaphotInvalid = isCleanSnapshotInvalid || isDirtySnapshotInvalid;\n    const isInvalid = isTemplateInvalid || isSnaphotInvalid;\n    const isIdle = this.in('idle');\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('create:before')}\n\n        <vaadin-button\n          data-testid=\"create\"\n          class=\"w-full\"\n          theme=\"primary success\"\n          ?disabled=${!isIdle || isInvalid || this.disabledSelector.matches('create', true)}\n          @click=${this.submit}\n        >\n          <foxy-i18n ns=${this.ns} key=\"create\" lang=${this.lang}></foxy-i18n>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot('create:after')}\n      </div>\n    `;\n  }\n\n  private __renderDelete() {\n    return html`\n      <div>\n        <foxy-internal-confirm-dialog\n          data-testid=\"confirm\"\n          message=\"delete_prompt\"\n          confirm=\"delete\"\n          cancel=\"cancel\"\n          header=\"delete\"\n          theme=\"primary error\"\n          lang=${this.lang}\n          ns=${this.ns}\n          id=\"confirm\"\n          @hide=${(evt: DialogHideEvent) => !evt.detail.cancelled && this.delete()}\n        >\n        </foxy-internal-confirm-dialog>\n\n        ${this.renderTemplateOrSlot('delete:before')}\n\n        <vaadin-button\n          data-testid=\"delete\"\n          theme=\"primary error\"\n          class=\"w-full\"\n          ?disabled=${!this.in('idle') || this.disabledSelector.matches('delete', true)}\n          @click=${(evt: CustomEvent) => {\n            const confirm = this.renderRoot.querySelector('#confirm') as InternalConfirmDialog;\n            confirm.show(evt.currentTarget as ButtonElement);\n          }}\n        >\n          <foxy-i18n ns=${this.ns} key=\"delete\" lang=${this.lang}></foxy-i18n>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot('delete:after')}\n      </div>\n    `;\n  }\n\n  private __convertFormValueToPickerValue(formValue: string) {\n    return /^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}/.exec(formValue)?.[0] ?? '';\n  }\n}\n"]}

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

@@ -0,0 +1,8 @@
+import '@vaadin/vaadin-text-field';
+import '@vaadin/vaadin-button';
+import '../../internal/InternalConfirmDialog/index';
+import '../../internal/InternalSandbox/index';
+import '../Spinner/index';
+import '../I18n/index';
+import { ReportForm } from './ReportForm';
+export { ReportForm };

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

@@ -0,0 +1,10 @@
+import '@vaadin/vaadin-text-field';
+import '@vaadin/vaadin-button';
+import "../../internal/InternalConfirmDialog/index.js";
+import "../../internal/InternalSandbox/index.js";
+import "../Spinner/index.js";
+import "../I18n/index.js";
+import { ReportForm } from "./ReportForm.js";
+customElements.define('foxy-report-form', ReportForm);
+export { ReportForm };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/ReportForm/index.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AACnC,OAAO,uBAAuB,CAAC;AAC/B,uDAAoD;AACpD,iDAA8C;AAC9C,6BAA0B;AAC1B,0BAAuB;AAEvB,OAAO,EAAE,UAAU,EAAE,wBAAqB;AAE1C,cAAc,CAAC,MAAM,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC;AAEtD,OAAO,EAAE,UAAU,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-text-field';\nimport '@vaadin/vaadin-button';\nimport '../../internal/InternalConfirmDialog/index';\nimport '../../internal/InternalSandbox/index';\nimport '../Spinner/index';\nimport '../I18n/index';\n\nimport { ReportForm } from './ReportForm';\n\ncustomElements.define('foxy-report-form', ReportForm);\n\nexport { ReportForm };\n"]}

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

@@ -0,0 +1,19 @@
+import { Rels } from '@foxy.io/sdk/backend';
+import { Renderer } from '../../../mixins/configurable';
+import { ReportForm } from './ReportForm';
+import { Resource } from '@foxy.io/sdk/core';
+export declare type Data = Resource<Rels.Report>;
+export declare type Templates = {
+    'name:before'?: Renderer<ReportForm>;
+    'name:after'?: Renderer<ReportForm>;
+    'start:before'?: Renderer<ReportForm>;
+    'start:after'?: Renderer<ReportForm>;
+    'end:before'?: Renderer<ReportForm>;
+    'end:after'?: Renderer<ReportForm>;
+    'timestamps:before'?: Renderer<ReportForm>;
+    'timestamps:after'?: Renderer<ReportForm>;
+    'delete:before'?: Renderer<ReportForm>;
+    'delete:after'?: Renderer<ReportForm>;
+    'create:before'?: Renderer<ReportForm>;
+    'create:after'?: Renderer<ReportForm>;
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/ReportForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import { Rels } from '@foxy.io/sdk/backend';\nimport { Renderer } from '../../../mixins/configurable';\nimport { ReportForm } from './ReportForm';\nimport { Resource } from '@foxy.io/sdk/core';\n\nexport type Data = Resource<Rels.Report>;\n\nexport type Templates = {\n  'name:before'?: Renderer<ReportForm>;\n  'name:after'?: Renderer<ReportForm>;\n  'start:before'?: Renderer<ReportForm>;\n  'start:after'?: Renderer<ReportForm>;\n  'end:before'?: Renderer<ReportForm>;\n  'end:after'?: Renderer<ReportForm>;\n  'timestamps:before'?: Renderer<ReportForm>;\n  'timestamps:after'?: Renderer<ReportForm>;\n  'delete:before'?: Renderer<ReportForm>;\n  'delete:after'?: Renderer<ReportForm>;\n  'create:before'?: Renderer<ReportForm>;\n  'create:after'?: Renderer<ReportForm>;\n};\n"]}

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

@@ -0,0 +1,21 @@
+import { Column } from '../Table/types';
+import { Data } from './types';
+import { Table } from '../Table/Table';
+declare const ReportsTable_base: typeof Table & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+};
+/**
+ * Configurable table element for 'fx:reports' collection.
+ *
+ * @element foxy-reports-table
+ * @since 1.16.0
+ */
+export declare class ReportsTable extends ReportsTable_base<Data> {
+    static readonly nameColumn: Column<Data>;
+    static readonly startColumn: Column<Data>;
+    static readonly endColumn: Column<Data>;
+    static readonly createdOnColumn: Column<Data>;
+    static readonly linkColumn: Column<Data>;
+    columns: Column<import("@foxy.io/sdk/core").Resource<import("@foxy.io/sdk/dist/types/backend/Rels").Reports, undefined>>[];
+}
+export {};