@foxy.io/elements 1.23.0 → 1.24.0-beta.2

package/dist/cdn/translations/client-card/en.json

@@ -0,0 +1,10 @@
+{
+  "no_project_name": "Unnamed project",
+  "no_project_description": "No description provided",
+  "no_company_name": "Unknown company",
+  "spinner": {
+    "loading_busy": "Loading",
+    "loading_empty": "No data",
+    "loading_error": "Failed to load"
+  }
+}

package/dist/cdn/translations/client-form/en.json

@@ -0,0 +1,74 @@
+{
+  "client-id": {
+    "label": "Client ID",
+    "placeholder": "",
+    "helper_text": ""
+  },
+  "client-secret": {
+    "label": "Client secret",
+    "placeholder": "",
+    "helper_text": ""
+  },
+  "project-name": {
+    "label": "Project name",
+    "placeholder": "",
+    "helper_text": ""
+  },
+  "project-description": {
+    "label": "Project description",
+    "placeholder": "",
+    "helper_text": ""
+  },
+  "redirect-uri": {
+    "label": "Redirect URI",
+    "placeholder": "",
+    "helper_text": ""
+  },
+  "company-name": {
+    "label": "Company name",
+    "placeholder": "",
+    "helper_text": ""
+  },
+  "company-url": {
+    "label": "Company url",
+    "placeholder": "",
+    "helper_text": ""
+  },
+  "company-logo": {
+    "label": "Company logo",
+    "placeholder": "",
+    "helper_text": ""
+  },
+  "contact-name": {
+    "label": "Contact name",
+    "placeholder": "",
+    "helper_text": ""
+  },
+  "contact-email": {
+    "label": "Contact email",
+    "placeholder": "",
+    "helper_text": ""
+  },
+  "contact-phone": {
+    "label": "Contact phone",
+    "placeholder": "",
+    "helper_text": ""
+  },
+  "timestamps": {
+    "date_created": "Created on",
+    "date_modified": "Last updated",
+    "date": "{{value, date}}"
+  },
+  "delete": {
+    "delete": "Delete",
+    "cancel": "Cancel",
+    "delete_prompt": "Once deleted, applications using this client will no longer be able to access Foxy stores and users."
+  },
+  "create": {
+    "create": "Create"
+  },
+  "spinner": {
+    "loading_busy": "Loading",
+    "loading_error": "Failed to load"
+  }
+}

package/dist/cdn/translations/filter-attribute-card/en.json

@@ -0,0 +1,8 @@
+{
+  "no_name": "Custom filter",
+  "spinner": {
+    "loading_busy": "Loading",
+    "loading_empty": "No data",
+    "loading_error": "Failed to load"
+  }
+}

package/dist/cdn/translations/filter-attribute-form/en.json

@@ -0,0 +1,49 @@
+{
+  "filter-query": {
+    "add_or_clause": "Add OR clause",
+    "add_value": "Add value",
+    "date": "{{value, date}}",
+    "delete": "Delete",
+    "field": "Field",
+    "hidden": "Hidden",
+    "is_defined_false": "Not defined",
+    "is_defined_true": "Defined",
+    "name": "Name",
+    "operator_equal": "Equal",
+    "operator_greaterthan": "Greater than",
+    "operator_greaterthanorequal": "Greater than or equal",
+    "operator_in": "One of",
+    "operator_isdefined": "Is defined",
+    "operator_lessthan": "Less than",
+    "operator_lessthanorequal": "Less than or equal",
+    "operator_not": "Not equal",
+    "or": "Or",
+    "query_builder_group": "Group of filters",
+    "query_builder_rule": "Filter",
+    "range_from": "From",
+    "range_to": "To",
+    "type": "Type",
+    "type_any": "Field of unknown type",
+    "type_attribute": "Key-value resource",
+    "type_date": "Date field",
+    "type_here": "Type here...",
+    "type_number": "Numeric field",
+    "type_string": "Text field",
+    "value": "Value"
+  },
+  "filter-name": {
+    "label": "Name",
+    "placeholder": "My custom filter",
+    "helper_text": ""
+  },
+  "action": {
+    "create": "Pin to sidebar",
+    "update": "Save changes",
+    "delete": "Unpin",
+    "reset": "Reset"
+  },
+  "spinner": {
+    "loading_busy": "Loading",
+    "loading_error": "Failed to load"
+  }
+}

package/dist/cdn/translations/passkey-card/en.json

@@ -0,0 +1,9 @@
+{
+  "subtitle_no_data": "Usage data is not available for this passkey",
+  "subtitle": "Last used on {{ last_login_date, date }} in {{ last_login_ua }}",
+  "spinner": {
+    "loading_busy": "Loading",
+    "loading_empty": "No data",
+    "loading_error": "Failed to load"
+  }
+}

package/dist/cdn/translations/passkey-form/en.json

@@ -0,0 +1,34 @@
+{
+  "credential-id": {
+    "label": "Credential ID",
+    "placeholder": "",
+    "helper_text": "Unique identifier of your passkey. You might be able to find this passkey by Credential ID in your password manager."
+  },
+  "last-login-date": {
+    "label": "Last login date",
+    "placeholder": "",
+    "helper_text": "The last time this passkey was used to sign in to your Foxy Account."
+  },
+  "last-login-ua": {
+    "label": "Last browser",
+    "placeholder": "",
+    "helper_text": "User agent string of the browser that was last used to sign in to your Foxy Account with this passkey."
+  },
+  "timestamps": {
+    "date_created": "Created on",
+    "date_modified": "Last updated",
+    "date": "{{value, date}}"
+  },
+  "delete": {
+    "delete": "Delete",
+    "cancel": "Cancel",
+    "delete_prompt": "Once deleted, this passkey will no longer be accepted on login but will remain in your password manager. Sessions created with this passkey will stay active."
+  },
+  "create": {
+    "create": "Create"
+  },
+  "spinner": {
+    "loading_busy": "Loading",
+    "loading_error": "Failed to load"
+  }
+}

package/dist/cdn/translations/transaction-card/en.json

@@ -17,6 +17,14 @@
   "transaction_summary_plural": "{{most_expensive_item.name}} and {{count_minus_one}} more",
   "transaction_verified": "Verified",
   "transaction_voided": "Voided",
+  "type_subscription_cancellation": "Subscription cancellation",
+  "type_subscription_modification": "Subscription change",
+  "type_subscription_renewal": "Subscription renewal",
+  "type_updateinfo": "Profile update",
+  "type_new_order": "New order",
+  "type_new_subscription": "New subscription",
+  "source_MIT": "This transaction was initiated by merchant",
+  "source_CIT": "This transaction was initiated by customer",
   "spinner": {
     "loading_busy": "Loading",
     "loading_empty": "No data",

package/dist/elements/private/Dialog/Dialog.js

@@ -61,6 +61,10 @@ export class Dialog extends Base {
   --tw-scale-x:0.85;
   --tw-scale-y:0.85;
 }
+
+.max-h-alert{
+  max-height:calc(100vh - var(--lumo-size-l) - var(--lumo-space-m) * 2);
+}
       `,
         ];
     }
@@ -192,7 +196,12 @@ export class Dialog extends Base {
             : html `<div></div>`}
             </div>
 
-            <div class="flex-1 overflow-y-auto overflow-x-hidden overscroll-contain">
+            <div
+              class=${classMap({
+            'flex-1 overflow-y-auto overflow-x-hidden overscroll-contain': true,
+            'max-h-alert': this.alert,
+        })}
+            >
               <div class="p-m relative">${content === null || content === void 0 ? void 0 : content()}</div>
             </div>
           </div>

package/dist/elements/private/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/elements/private/Dialog/Dialog.ts"],"names":[],"mappings":"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","sourcesContent":["import { CSSResultArray, LitElement, PropertyDeclarations, css } from 'lit-element';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { API } from '../../public/NucleonElement/API';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { DialogHideEvent } from './DialogHideEvent';\nimport { DialogShowEvent } from './DialogShowEvent';\nimport { DialogWindow } from './DialogWindow';\nimport { FetchEvent } from '../../public/NucleonElement/FetchEvent';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { InferrableMixin } from '../../../mixins/inferrable';\n\nconst Base = TranslatableMixin(ConfigurableMixin(ThemeableMixin(InferrableMixin(LitElement))));\n\nexport abstract class Dialog extends Base {\n  /**\n   * Selector of an element that will serve as a mounting point to all dialog windows.\n   * It's `<body>` by default, but you can add your own element with `id=\"foxy-dialog-windows-host\"`\n   * anywhere in the light DOM to render dialogs there.\n   */\n  static readonly dialogWindowsHost = '#foxy-dialog-windows-host, body';\n\n  /** Map of all dialog windows linked to their dialog elements. */\n  static readonly dialogWindows = new WeakMap<Dialog, DialogWindow>();\n\n  /** List of all currently open dialogs. */\n  static readonly openDialogs: Dialog[] = [];\n\n  /**\n   * Instance of this event will be dispatched on a dialog when it finishes entering the screen.\n   * This event does not bubble and can't cross shadow DOM boundary.\n   */\n  static readonly ShowEvent = DialogShowEvent;\n\n  /**\n   * Instance of this event will be dispatched on a dialog when it finishes leaving the screen.\n   * This event does not bubble and can't cross shadow DOM boundary.\n   */\n  static readonly HideEvent = DialogHideEvent;\n\n  /** @readonly */\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      __connected: { attribute: false },\n      __visible: { attribute: false },\n      centered: { type: Boolean },\n      closable: { type: Boolean },\n      editable: { type: Boolean },\n      header: { type: String },\n      group: {},\n      alert: { type: Boolean },\n      wide: { type: Boolean },\n      open: { type: Boolean, noAccessor: true },\n    };\n  }\n\n  /** @readonly */\n  static get styles(): CSSResultArray {\n    return [\n      super.styles,\n      css`\n        .grid-cols-header {\n          grid-template-columns: 1fr auto 1fr;\n        }\n\n        .scale-85 {\n          --tw-scale-x: 0.85;\n          --tw-scale-y: 0.85;\n        }\n      `,\n    ];\n  }\n\n  /** When true, renders Close button in the header. */\n  closable = false;\n\n  /** When true, renders Save button in the header. */\n  editable = false;\n\n  /** Header text or a i18next key for it. */\n  header = '';\n\n  /** NucleonElement's Rumour sync group. */\n  group = '';\n\n  /** When true, centers a dialog on the screen and does not animate the stack under. */\n  alert = false;\n\n  /** When true, dialog window will a larger maximum width. */\n  wide = false;\n\n  private __returnFocusTo?: HTMLElement;\n\n  private __handleKeyDown = (evt: KeyboardEvent) => {\n    if (evt.key === 'Escape' && Dialog.openDialogs[0] === this && this.closable)\n      this.hide(this.editable);\n  };\n\n  private __connected = false;\n\n  private __visible = false;\n\n  /** True if dialog is mounted and has finished entering the screen. */\n  get open(): boolean {\n    return this.__visible && this.__connected;\n  }\n\n  set open(newValue: boolean) {\n    newValue === this.open ? void 0 : newValue ? this.show() : this.hide(this.editable);\n  }\n\n  /** @readonly */\n  connectedCallback(): void {\n    super.connectedCallback();\n    addEventListener('keydown', this.__handleKeyDown);\n  }\n\n  /** @readonly */\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    removeEventListener('keydown', this.__handleKeyDown);\n\n    Dialog.dialogWindows.get(this)?.remove();\n    Dialog.dialogWindows.delete(this);\n  }\n\n  /** @readonly */\n  createRenderRoot(): Element | ShadowRoot {\n    const dialogWindow = new DialogWindow();\n    const dialogWindowsHosts = document.querySelectorAll(Dialog.dialogWindowsHost);\n    const dialogWindowsHost = Array.from(dialogWindowsHosts).pop();\n\n    dialogWindow.addEventListener('fetch', (evt: Event) => {\n      if (evt instanceof FetchEvent) {\n        evt.stopImmediatePropagation();\n        evt.preventDefault();\n        evt.respondWith(new API(this).fetch(evt.request));\n      }\n    });\n\n    dialogWindowsHost?.appendChild(dialogWindow);\n    Dialog.dialogWindows.set(this, dialogWindow);\n\n    return dialogWindow.shadowRoot!;\n  }\n\n  /** @readonly */\n  render(content?: () => TemplateResult): TemplateResult {\n    if (!this.__connected) return html``;\n\n    const isFirst = Dialog.openDialogs[0] === this;\n    const isSecond = Dialog.openDialogs[1] === this;\n    const isThird = Dialog.openDialogs[2] === this;\n    const isForthAndGreater = !isFirst && !isSecond && !isThird;\n\n    return html`\n      <div\n        class=${classMap({ 'z-50 fixed inset-0': true, 'pointer-events-none': !this.__visible })}\n      >\n        <div\n          id=\"backdrop\"\n          class=${classMap({\n            'select-none ease-in-out transition duration-500 absolute inset-0 bg-shade-50 focus-outline-none':\n              true,\n            'opacity-100': this.__visible,\n            'opacity-0': !this.__visible,\n          })}\n          tabindex=\"-1\"\n          @click=${() => this.closable && this.hide(this.editable)}\n        ></div>\n\n        <div\n          tabindex=\"0\"\n          role=\"dialog\"\n          aria-labelledby=\"dialog-title\"\n          class=${classMap({\n            'transform ease-in-out transition duration-500 relative h-full ml-auto': true,\n            'origin-bottom sm-origin-center': true,\n            'focus-outline-none': true,\n            'sm-max-w-modal': !this.wide,\n            'sm-max-w-modal-wide': this.wide,\n            'flex justify-center items-end sm-items-center mr-auto': this.alert,\n            'translate-y-full sm-translate-y-0': !this.__visible,\n            'sm-translate-x-full': !this.alert && !this.__visible,\n            'sm-opacity-0 sm-scale-110': this.alert && !this.__visible,\n            'translate-y-0 translate-x-0': isFirst && this.__visible,\n            'scale-95 -translate-y-s sm-translate-y-0': isSecond && this.__visible,\n            'scale-90 -translate-y-m sm-translate-y-0': isThird && this.__visible,\n            'opacity-0 scale-85 -translate-y-l sm-translate-y-0':\n              isForthAndGreater && this.__visible,\n          })}\n        >\n          <div\n            class=${classMap({\n              'overflow-hidden flex flex-col bg-base rounded-t-l sm-rounded-b-l': true,\n              'absolute inset-0 mt-xl sm-m-xl': !this.alert,\n              'shadow-xxl': this.__visible,\n              'flex-1': this.alert,\n            })}\n          >\n            <div\n              class=\"h-l grid grid-cols-header text-m font-lumo font-medium border-b border-contrast-10\"\n            >\n              ${this.closable && !this.hiddenSelector.matches('close-button', true)\n                ? html`\n                    <vaadin-button\n                      id=\"close-button\"\n                      theme=\"tertiary-inline\"\n                      class=\"mr-auto m-s px-s\"\n                      ?disabled=${this.disabledSelector.matches('close-button', true)}\n                      @click=${() => this.hide(this.editable)}\n                    >\n                      <foxy-i18n\n                        lang=${this.lang}\n                        key=${this.editable ? 'cancel' : 'close'}\n                        ns=${this.ns}\n                      >\n                      </foxy-i18n>\n                    </vaadin-button>\n                  `\n                : html`<div></div>`}\n\n              <h1 id=\"dialog-title\" class=\"truncate self-center text-center\">\n                <foxy-i18n ns=${this.ns} lang=${this.lang} key=${this.header}></foxy-i18n>\n              </h1>\n\n              ${this.editable && !this.hiddenSelector.matches('save-button', true)\n                ? html`\n                    <vaadin-button\n                      data-testid=\"save-button\"\n                      ?disabled=${this.disabledSelector.matches('save-button', true)}\n                      theme=\"primary\"\n                      class=\"ml-auto h-auto min-h-0 min-w-0 m-xs px-m\"\n                      @click=${this.save}\n                    >\n                      <foxy-i18n ns=${this.ns} lang=${this.lang} key=\"save\"></foxy-i18n>\n                    </vaadin-button>\n                  `\n                : html`<div></div>`}\n            </div>\n\n            <div class=\"flex-1 overflow-y-auto overflow-x-hidden overscroll-contain\">\n              <div class=\"p-m relative\">${content?.()}</div>\n            </div>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  updated(changes: Map<keyof this, unknown>): void {\n    super.updated(changes);\n\n    const dialogWindow = Dialog.dialogWindows.get(this);\n\n    if (dialogWindow) {\n      dialogWindow.disabledControls = this.disabledControls;\n      dialogWindow.disabled = this.disabled;\n\n      dialogWindow.readonlyControls = this.readonlyControls;\n      dialogWindow.readonly = this.readonly;\n\n      dialogWindow.hiddenControls = this.hiddenControls;\n      dialogWindow.hidden = this.hidden;\n\n      dialogWindow.group = this.group;\n      dialogWindow.lang = this.lang;\n      dialogWindow.ns = this.ns;\n    }\n  }\n\n  /**\n   * Hides the dialog. Returns a promise that resolves when the dialog\n   * finishes leaving the screen.\n   *\n   * @param cancelled Set this to `true` if closing an editable dialog without saving changes.\n   */\n  async hide(cancelled = false): Promise<void> {\n    this.__returnFocusTo?.focus();\n\n    await this.__setOpenDialogs(Dialog.openDialogs.filter(d => d !== this));\n    await this.__setConnected(false);\n\n    this.dispatchEvent(new Dialog.HideEvent(!!cancelled));\n  }\n\n  /**\n   * Shows the dialog. Returns a promise that resolves when the dialog\n   * finishes entering the screen.\n   *\n   * @param returnFocusTo If provided, the dialog will call `.focus()` on that element once it's closed.\n   */\n  async show(returnFocusTo?: HTMLElement): Promise<void> {\n    this.__returnFocusTo = returnFocusTo;\n\n    await this.__setConnected(true);\n    await this.__setOpenDialogs([this, ...Dialog.openDialogs]);\n\n    this.renderRoot.querySelector<HTMLDivElement>('[role=\"dialog\"]')?.focus();\n    this.dispatchEvent(new Dialog.ShowEvent());\n  }\n\n  /** Alias for `dialog.hide(false)`. */\n  async save(): Promise<void> {\n    await this.hide(false);\n  }\n\n  private async __setOpenDialogs(newValue: Dialog[]) {\n    Dialog.openDialogs.length = 0;\n    Dialog.openDialogs.push(...newValue);\n\n    await Promise.all([\n      // animate dialog stack\n      Promise.all(Dialog.openDialogs.map(dialog => dialog.requestUpdate())),\n\n      // trigger exit transition\n      new Promise(resolve => {\n        const backdrop = this.renderRoot.querySelector('#backdrop') as HTMLDivElement;\n        backdrop.addEventListener('transitionend', resolve, { once: true });\n        this.__visible = Dialog.openDialogs.includes(this);\n      }),\n    ]);\n  }\n\n  private async __setConnected(newValue: boolean) {\n    this.__connected = newValue;\n    await this.updateComplete.then(() => this.getBoundingClientRect());\n  }\n}\n\ncustomElements.define('foxy-dialog-window', DialogWindow);\n"]}
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/elements/private/Dialog/Dialog.ts"],"names":[],"mappings":"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","sourcesContent":["import { CSSResultArray, LitElement, PropertyDeclarations, css } from 'lit-element';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { API } from '../../public/NucleonElement/API';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { DialogHideEvent } from './DialogHideEvent';\nimport { DialogShowEvent } from './DialogShowEvent';\nimport { DialogWindow } from './DialogWindow';\nimport { FetchEvent } from '../../public/NucleonElement/FetchEvent';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { InferrableMixin } from '../../../mixins/inferrable';\n\nconst Base = TranslatableMixin(ConfigurableMixin(ThemeableMixin(InferrableMixin(LitElement))));\n\nexport abstract class Dialog extends Base {\n  /**\n   * Selector of an element that will serve as a mounting point to all dialog windows.\n   * It's `<body>` by default, but you can add your own element with `id=\"foxy-dialog-windows-host\"`\n   * anywhere in the light DOM to render dialogs there.\n   */\n  static readonly dialogWindowsHost = '#foxy-dialog-windows-host, body';\n\n  /** Map of all dialog windows linked to their dialog elements. */\n  static readonly dialogWindows = new WeakMap<Dialog, DialogWindow>();\n\n  /** List of all currently open dialogs. */\n  static readonly openDialogs: Dialog[] = [];\n\n  /**\n   * Instance of this event will be dispatched on a dialog when it finishes entering the screen.\n   * This event does not bubble and can't cross shadow DOM boundary.\n   */\n  static readonly ShowEvent = DialogShowEvent;\n\n  /**\n   * Instance of this event will be dispatched on a dialog when it finishes leaving the screen.\n   * This event does not bubble and can't cross shadow DOM boundary.\n   */\n  static readonly HideEvent = DialogHideEvent;\n\n  /** @readonly */\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      __connected: { attribute: false },\n      __visible: { attribute: false },\n      centered: { type: Boolean },\n      closable: { type: Boolean },\n      editable: { type: Boolean },\n      header: { type: String },\n      group: {},\n      alert: { type: Boolean },\n      wide: { type: Boolean },\n      open: { type: Boolean, noAccessor: true },\n    };\n  }\n\n  /** @readonly */\n  static get styles(): CSSResultArray {\n    return [\n      super.styles,\n      css`\n        .grid-cols-header {\n          grid-template-columns: 1fr auto 1fr;\n        }\n\n        .scale-85 {\n          --tw-scale-x: 0.85;\n          --tw-scale-y: 0.85;\n        }\n\n        .max-h-alert {\n          max-height: calc(100vh - var(--lumo-size-l) - var(--lumo-space-m) * 2);\n        }\n      `,\n    ];\n  }\n\n  /** When true, renders Close button in the header. */\n  closable = false;\n\n  /** When true, renders Save button in the header. */\n  editable = false;\n\n  /** Header text or a i18next key for it. */\n  header = '';\n\n  /** NucleonElement's Rumour sync group. */\n  group = '';\n\n  /** When true, centers a dialog on the screen and does not animate the stack under. */\n  alert = false;\n\n  /** When true, dialog window will a larger maximum width. */\n  wide = false;\n\n  private __returnFocusTo?: HTMLElement;\n\n  private __handleKeyDown = (evt: KeyboardEvent) => {\n    if (evt.key === 'Escape' && Dialog.openDialogs[0] === this && this.closable)\n      this.hide(this.editable);\n  };\n\n  private __connected = false;\n\n  private __visible = false;\n\n  /** True if dialog is mounted and has finished entering the screen. */\n  get open(): boolean {\n    return this.__visible && this.__connected;\n  }\n\n  set open(newValue: boolean) {\n    newValue === this.open ? void 0 : newValue ? this.show() : this.hide(this.editable);\n  }\n\n  /** @readonly */\n  connectedCallback(): void {\n    super.connectedCallback();\n    addEventListener('keydown', this.__handleKeyDown);\n  }\n\n  /** @readonly */\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    removeEventListener('keydown', this.__handleKeyDown);\n\n    Dialog.dialogWindows.get(this)?.remove();\n    Dialog.dialogWindows.delete(this);\n  }\n\n  /** @readonly */\n  createRenderRoot(): Element | ShadowRoot {\n    const dialogWindow = new DialogWindow();\n    const dialogWindowsHosts = document.querySelectorAll(Dialog.dialogWindowsHost);\n    const dialogWindowsHost = Array.from(dialogWindowsHosts).pop();\n\n    dialogWindow.addEventListener('fetch', (evt: Event) => {\n      if (evt instanceof FetchEvent) {\n        evt.stopImmediatePropagation();\n        evt.preventDefault();\n        evt.respondWith(new API(this).fetch(evt.request));\n      }\n    });\n\n    dialogWindowsHost?.appendChild(dialogWindow);\n    Dialog.dialogWindows.set(this, dialogWindow);\n\n    return dialogWindow.shadowRoot!;\n  }\n\n  /** @readonly */\n  render(content?: () => TemplateResult): TemplateResult {\n    if (!this.__connected) return html``;\n\n    const isFirst = Dialog.openDialogs[0] === this;\n    const isSecond = Dialog.openDialogs[1] === this;\n    const isThird = Dialog.openDialogs[2] === this;\n    const isForthAndGreater = !isFirst && !isSecond && !isThird;\n\n    return html`\n      <div\n        class=${classMap({ 'z-50 fixed inset-0': true, 'pointer-events-none': !this.__visible })}\n      >\n        <div\n          id=\"backdrop\"\n          class=${classMap({\n            'select-none ease-in-out transition duration-500 absolute inset-0 bg-shade-50 focus-outline-none':\n              true,\n            'opacity-100': this.__visible,\n            'opacity-0': !this.__visible,\n          })}\n          tabindex=\"-1\"\n          @click=${() => this.closable && this.hide(this.editable)}\n        ></div>\n\n        <div\n          tabindex=\"0\"\n          role=\"dialog\"\n          aria-labelledby=\"dialog-title\"\n          class=${classMap({\n            'transform ease-in-out transition duration-500 relative h-full ml-auto': true,\n            'origin-bottom sm-origin-center': true,\n            'focus-outline-none': true,\n            'sm-max-w-modal': !this.wide,\n            'sm-max-w-modal-wide': this.wide,\n            'flex justify-center items-end sm-items-center mr-auto': this.alert,\n            'translate-y-full sm-translate-y-0': !this.__visible,\n            'sm-translate-x-full': !this.alert && !this.__visible,\n            'sm-opacity-0 sm-scale-110': this.alert && !this.__visible,\n            'translate-y-0 translate-x-0': isFirst && this.__visible,\n            'scale-95 -translate-y-s sm-translate-y-0': isSecond && this.__visible,\n            'scale-90 -translate-y-m sm-translate-y-0': isThird && this.__visible,\n            'opacity-0 scale-85 -translate-y-l sm-translate-y-0':\n              isForthAndGreater && this.__visible,\n          })}\n        >\n          <div\n            class=${classMap({\n              'overflow-hidden flex flex-col bg-base rounded-t-l sm-rounded-b-l': true,\n              'absolute inset-0 mt-xl sm-m-xl': !this.alert,\n              'shadow-xxl': this.__visible,\n              'flex-1': this.alert,\n            })}\n          >\n            <div\n              class=\"h-l grid grid-cols-header text-m font-lumo font-medium border-b border-contrast-10\"\n            >\n              ${this.closable && !this.hiddenSelector.matches('close-button', true)\n                ? html`\n                    <vaadin-button\n                      id=\"close-button\"\n                      theme=\"tertiary-inline\"\n                      class=\"mr-auto m-s px-s\"\n                      ?disabled=${this.disabledSelector.matches('close-button', true)}\n                      @click=${() => this.hide(this.editable)}\n                    >\n                      <foxy-i18n\n                        lang=${this.lang}\n                        key=${this.editable ? 'cancel' : 'close'}\n                        ns=${this.ns}\n                      >\n                      </foxy-i18n>\n                    </vaadin-button>\n                  `\n                : html`<div></div>`}\n\n              <h1 id=\"dialog-title\" class=\"truncate self-center text-center\">\n                <foxy-i18n ns=${this.ns} lang=${this.lang} key=${this.header}></foxy-i18n>\n              </h1>\n\n              ${this.editable && !this.hiddenSelector.matches('save-button', true)\n                ? html`\n                    <vaadin-button\n                      data-testid=\"save-button\"\n                      ?disabled=${this.disabledSelector.matches('save-button', true)}\n                      theme=\"primary\"\n                      class=\"ml-auto h-auto min-h-0 min-w-0 m-xs px-m\"\n                      @click=${this.save}\n                    >\n                      <foxy-i18n ns=${this.ns} lang=${this.lang} key=\"save\"></foxy-i18n>\n                    </vaadin-button>\n                  `\n                : html`<div></div>`}\n            </div>\n\n            <div\n              class=${classMap({\n                'flex-1 overflow-y-auto overflow-x-hidden overscroll-contain': true,\n                'max-h-alert': this.alert,\n              })}\n            >\n              <div class=\"p-m relative\">${content?.()}</div>\n            </div>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  updated(changes: Map<keyof this, unknown>): void {\n    super.updated(changes);\n\n    const dialogWindow = Dialog.dialogWindows.get(this);\n\n    if (dialogWindow) {\n      dialogWindow.disabledControls = this.disabledControls;\n      dialogWindow.disabled = this.disabled;\n\n      dialogWindow.readonlyControls = this.readonlyControls;\n      dialogWindow.readonly = this.readonly;\n\n      dialogWindow.hiddenControls = this.hiddenControls;\n      dialogWindow.hidden = this.hidden;\n\n      dialogWindow.group = this.group;\n      dialogWindow.lang = this.lang;\n      dialogWindow.ns = this.ns;\n    }\n  }\n\n  /**\n   * Hides the dialog. Returns a promise that resolves when the dialog\n   * finishes leaving the screen.\n   *\n   * @param cancelled Set this to `true` if closing an editable dialog without saving changes.\n   */\n  async hide(cancelled = false): Promise<void> {\n    this.__returnFocusTo?.focus();\n\n    await this.__setOpenDialogs(Dialog.openDialogs.filter(d => d !== this));\n    await this.__setConnected(false);\n\n    this.dispatchEvent(new Dialog.HideEvent(!!cancelled));\n  }\n\n  /**\n   * Shows the dialog. Returns a promise that resolves when the dialog\n   * finishes entering the screen.\n   *\n   * @param returnFocusTo If provided, the dialog will call `.focus()` on that element once it's closed.\n   */\n  async show(returnFocusTo?: HTMLElement): Promise<void> {\n    this.__returnFocusTo = returnFocusTo;\n\n    await this.__setConnected(true);\n    await this.__setOpenDialogs([this, ...Dialog.openDialogs]);\n\n    this.renderRoot.querySelector<HTMLDivElement>('[role=\"dialog\"]')?.focus();\n    this.dispatchEvent(new Dialog.ShowEvent());\n  }\n\n  /** Alias for `dialog.hide(false)`. */\n  async save(): Promise<void> {\n    await this.hide(false);\n  }\n\n  private async __setOpenDialogs(newValue: Dialog[]) {\n    Dialog.openDialogs.length = 0;\n    Dialog.openDialogs.push(...newValue);\n\n    await Promise.all([\n      // animate dialog stack\n      Promise.all(Dialog.openDialogs.map(dialog => dialog.requestUpdate())),\n\n      // trigger exit transition\n      new Promise(resolve => {\n        const backdrop = this.renderRoot.querySelector('#backdrop') as HTMLDivElement;\n        backdrop.addEventListener('transitionend', resolve, { once: true });\n        this.__visible = Dialog.openDialogs.includes(this);\n      }),\n    ]);\n  }\n\n  private async __setConnected(newValue: boolean) {\n    this.__connected = newValue;\n    await this.updateComplete.then(() => this.getBoundingClientRect());\n  }\n}\n\ncustomElements.define('foxy-dialog-window', DialogWindow);\n"]}

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

@@ -0,0 +1,17 @@
+import type { TemplateResult } from 'lit-html';
+import type { Data } from './types';
+import { InternalCard } from '../../internal/InternalCard/InternalCard';
+declare const Base: typeof InternalCard & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+};
+/**
+ * Card element representing a `fx:client` resource.
+ *
+ * @element foxy-client-card
+ * @since 1.24.0
+ */
+export declare class ClientCard extends Base<Data> {
+    static get defaultImageSrc(): string;
+    renderBody(): TemplateResult;
+}
+export {};

package/dist/elements/public/ClientCard/ClientCard.js

@@ -0,0 +1,46 @@
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { InternalCard } from "../../internal/InternalCard/InternalCard.js";
+import { html } from 'lit-html';
+const NS = 'client-card';
+const Base = TranslatableMixin(InternalCard, NS);
+/**
+ * Card element representing a `fx:client` resource.
+ *
+ * @element foxy-client-card
+ * @since 1.24.0
+ */
+export class ClientCard extends Base {
+    static get defaultImageSrc() {
+        return "data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2168_15479)'%3E%3Crect width='40' height='40' fill='%23E8E8E8'/%3E%3Cpath d='M6.93609 0H0V6.93609L6.93609 0Z' fill='white'/%3E%3Cpath d='M0 8.35031V16.2326L16.2326 0H8.35031L0 8.35031Z' fill='white'/%3E%3Cpath d='M23.4667 20C23.4667 21.9146 21.9146 23.4667 20 23.4667C18.0854 23.4667 16.5333 21.9146 16.5333 20C16.5333 18.0854 18.0854 16.5333 20 16.5333C21.9146 16.5333 23.4667 18.0854 23.4667 20Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.6468 0L0 17.6468V25.529L5.75703 19.772C5.9523 19.5767 6.26888 19.5767 6.46414 19.772C6.6594 19.9673 6.6594 20.2839 6.46414 20.4791L0 26.9433V34.8255L7.67907 27.1464C7.87433 26.9512 8.19091 26.9512 8.38617 27.1464C8.58144 27.3417 8.58144 27.6583 8.38617 27.8536L0 36.2397V40H4.12198L12.4755 31.6464C12.6708 31.4512 12.9874 31.4512 13.1826 31.6464C13.3779 31.8417 13.3779 32.1583 13.1826 32.3536L5.5362 40H13.4185L19.8826 33.5359C20.0779 33.3406 20.3944 33.3406 20.5897 33.5359C20.785 33.7311 20.785 34.0477 20.5897 34.243L14.8327 40H22.7149L40 22.7149V14.8327L34.3536 20.4791C34.1583 20.6744 33.8417 20.6744 33.6464 20.4791C33.4512 20.2839 33.4512 19.9673 33.6464 19.772L40 13.4185V5.5362L32.3536 13.1826C32.1583 13.3779 31.8417 13.3779 31.6464 13.1826C31.4512 12.9874 31.4512 12.6708 31.6464 12.4755L40 4.12198V0H36.2397L27.8536 8.38617C27.6583 8.58144 27.3417 8.58144 27.1464 8.38617C26.9512 8.19091 26.9512 7.87433 27.1464 7.67907L34.8255 0H26.9433L20.5897 6.35355C20.3944 6.54882 20.0779 6.54882 19.8826 6.35355C19.6873 6.15829 19.6873 5.84171 19.8826 5.64645L25.529 0H17.6468ZM12.6461 28.5796L11.4204 27.3539C10.7435 26.677 10.7435 25.5795 11.4204 24.9026L11.7742 24.5489C12.0955 24.2275 12.1662 23.7396 11.992 23.3199C11.8178 22.9003 11.421 22.6 10.9668 22.6H10.4667C9.50938 22.6 8.73334 21.824 8.73334 20.8667V19.1333C8.73334 18.176 9.50938 17.4 10.4667 17.4H10.9668C11.421 17.4 11.8178 17.0997 11.992 16.6801C12.1662 16.2604 12.0955 15.7725 11.7742 15.4511L11.4204 15.0974C10.7435 14.4205 10.7435 13.323 11.4204 12.6461L12.6461 11.4204C13.323 10.7435 14.4205 10.7435 15.0974 11.4204L15.4511 11.7742C15.7725 12.0955 16.2604 12.1662 16.6801 11.992C17.0997 11.8178 17.4 11.421 17.4 10.9668V10.4667C17.4 9.50938 18.176 8.73334 19.1333 8.73334H20.8667C21.824 8.73334 22.6 9.50938 22.6 10.4667V10.9668C22.6 11.421 22.9003 11.8178 23.3199 11.992C23.7396 12.1662 24.2275 12.0955 24.5489 11.7742L24.9026 11.4204C25.5795 10.7435 26.677 10.7435 27.3539 11.4204L28.5796 12.6461C29.2565 13.323 29.2565 14.4205 28.5796 15.0974L28.2259 15.4511C27.9045 15.7725 27.8338 16.2604 28.0081 16.6801C28.1822 17.0997 28.579 17.4 29.0333 17.4H29.5333C30.4906 17.4 31.2667 18.176 31.2667 19.1333V20.8667C31.2667 21.824 30.4906 22.6 29.5333 22.6H29.0332C28.579 22.6 28.1822 22.9003 28.0081 23.3199C27.8338 23.7396 27.9045 24.2275 28.2259 24.5489L28.5796 24.9026C29.2565 25.5795 29.2565 26.677 28.5796 27.3539L27.3539 28.5796C26.677 29.2565 25.5795 29.2565 24.9026 28.5796L24.5489 28.2259C24.2275 27.9045 23.7396 27.8338 23.3199 28.0081C22.9003 28.1822 22.6 28.579 22.6 29.0333V29.5333C22.6 30.4906 21.824 31.2667 20.8667 31.2667H19.1333C18.176 31.2667 17.4 30.4906 17.4 29.5333V29.0333C17.4 28.579 17.0997 28.1822 16.6801 28.0081C16.2604 27.8338 15.7725 27.9045 15.4511 28.2259L15.0974 28.5796C14.4205 29.2565 13.323 29.2565 12.6461 28.5796Z' fill='white'/%3E%3Cpath d='M40 24.1291L24.1291 40H32.0114L40 32.0114V24.1291Z' fill='white'/%3E%3Cpath d='M40 33.4256L33.4256 40H40V33.4256Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2168_15479'%3E%3Crect width='40' height='40' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A";
+    }
+    renderBody() {
+        const defaultSrc = ClientCard.defaultImageSrc;
+        const data = this.data;
+        return html `
+      <figure class="flex" style="gap: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)">
+        <img
+          class="relative h-s w-s object-cover rounded-full bg-contrast-20 flex-shrink-0 shadow-xs"
+          src=${(data === null || data === void 0 ? void 0 : data.company_logo) || defaultSrc}
+          alt=${this.t('image_alt')}
+          @error=${(evt) => (evt.currentTarget.src = defaultSrc)}
+        />
+
+        <figcaption class="min-w-0 flex-1 leading-s -my-xs">
+          <p class="text-m truncate text-body font-medium">
+            ${(data === null || data === void 0 ? void 0 : data.project_name.trim()) ||
+            html `<foxy-i18n infer="" key="no_project_name"></foxy-i18n>`}
+          </p>
+          <p class="text-s truncate text-secondary">
+            ${(data === null || data === void 0 ? void 0 : data.project_description.trim()) ||
+            html `<foxy-i18n infer="" key="no_project_description"></foxy-i18n>`}
+          </p>
+          <p class="text-s truncate text-tertiary">
+            ${data ? new URL(data.redirect_uri).host : ''} &bull;
+            ${(data === null || data === void 0 ? void 0 : data.company_name) || html `<foxy-i18n infer="" key="no_company_name"></foxy-i18n>`}
+          </p>
+        </figcaption>
+      </figure>
+    `;
+    }
+}
+//# sourceMappingURL=ClientCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClientCard.js","sourceRoot":"","sources":["../../../../src/elements/public/ClientCard/ClientCard.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,EAAE,GAAG,aAAa,CAAC;AACzB,MAAM,IAAI,GAAG,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;AAEjD;;;;;GAKG;AACH,MAAM,OAAO,UAAW,SAAQ,IAAU;IACxC,MAAM,KAAK,eAAe;QACxB,OAAO,4pHAA4pH,CAAC;IACtqH,CAAC;IAED,UAAU;QACR,MAAM,UAAU,GAAG,UAAU,CAAC,eAAe,CAAC;QAC9C,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QAEvB,OAAO,IAAI,CAAA;;;;gBAIC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,YAAY,KAAI,UAAU;gBAChC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC;mBAChB,CAAC,GAAU,EAAE,EAAE,CAAC,CAAE,GAAG,CAAC,aAAkC,CAAC,GAAG,GAAG,UAAU,CAAC;;;;;cAK/E,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,YAAY,CAAC,IAAI;YACzB,IAAI,CAAA,wDAAwD;;;cAG1D,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,mBAAmB,CAAC,IAAI;YAChC,IAAI,CAAA,+DAA+D;;;cAGjE,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;cAC3C,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,YAAY,KAAI,IAAI,CAAA,wDAAwD;;;;KAI3F,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InternalCard } from '../../internal/InternalCard/InternalCard';\nimport { html } from 'lit-html';\n\nconst NS = 'client-card';\nconst Base = TranslatableMixin(InternalCard, NS);\n\n/**\n * Card element representing a `fx:client` resource.\n *\n * @element foxy-client-card\n * @since 1.24.0\n */\nexport class ClientCard extends Base<Data> {\n  static get defaultImageSrc(): string {\n    return \"data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2168_15479)'%3E%3Crect width='40' height='40' fill='%23E8E8E8'/%3E%3Cpath d='M6.93609 0H0V6.93609L6.93609 0Z' fill='white'/%3E%3Cpath d='M0 8.35031V16.2326L16.2326 0H8.35031L0 8.35031Z' fill='white'/%3E%3Cpath d='M23.4667 20C23.4667 21.9146 21.9146 23.4667 20 23.4667C18.0854 23.4667 16.5333 21.9146 16.5333 20C16.5333 18.0854 18.0854 16.5333 20 16.5333C21.9146 16.5333 23.4667 18.0854 23.4667 20Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.6468 0L0 17.6468V25.529L5.75703 19.772C5.9523 19.5767 6.26888 19.5767 6.46414 19.772C6.6594 19.9673 6.6594 20.2839 6.46414 20.4791L0 26.9433V34.8255L7.67907 27.1464C7.87433 26.9512 8.19091 26.9512 8.38617 27.1464C8.58144 27.3417 8.58144 27.6583 8.38617 27.8536L0 36.2397V40H4.12198L12.4755 31.6464C12.6708 31.4512 12.9874 31.4512 13.1826 31.6464C13.3779 31.8417 13.3779 32.1583 13.1826 32.3536L5.5362 40H13.4185L19.8826 33.5359C20.0779 33.3406 20.3944 33.3406 20.5897 33.5359C20.785 33.7311 20.785 34.0477 20.5897 34.243L14.8327 40H22.7149L40 22.7149V14.8327L34.3536 20.4791C34.1583 20.6744 33.8417 20.6744 33.6464 20.4791C33.4512 20.2839 33.4512 19.9673 33.6464 19.772L40 13.4185V5.5362L32.3536 13.1826C32.1583 13.3779 31.8417 13.3779 31.6464 13.1826C31.4512 12.9874 31.4512 12.6708 31.6464 12.4755L40 4.12198V0H36.2397L27.8536 8.38617C27.6583 8.58144 27.3417 8.58144 27.1464 8.38617C26.9512 8.19091 26.9512 7.87433 27.1464 7.67907L34.8255 0H26.9433L20.5897 6.35355C20.3944 6.54882 20.0779 6.54882 19.8826 6.35355C19.6873 6.15829 19.6873 5.84171 19.8826 5.64645L25.529 0H17.6468ZM12.6461 28.5796L11.4204 27.3539C10.7435 26.677 10.7435 25.5795 11.4204 24.9026L11.7742 24.5489C12.0955 24.2275 12.1662 23.7396 11.992 23.3199C11.8178 22.9003 11.421 22.6 10.9668 22.6H10.4667C9.50938 22.6 8.73334 21.824 8.73334 20.8667V19.1333C8.73334 18.176 9.50938 17.4 10.4667 17.4H10.9668C11.421 17.4 11.8178 17.0997 11.992 16.6801C12.1662 16.2604 12.0955 15.7725 11.7742 15.4511L11.4204 15.0974C10.7435 14.4205 10.7435 13.323 11.4204 12.6461L12.6461 11.4204C13.323 10.7435 14.4205 10.7435 15.0974 11.4204L15.4511 11.7742C15.7725 12.0955 16.2604 12.1662 16.6801 11.992C17.0997 11.8178 17.4 11.421 17.4 10.9668V10.4667C17.4 9.50938 18.176 8.73334 19.1333 8.73334H20.8667C21.824 8.73334 22.6 9.50938 22.6 10.4667V10.9668C22.6 11.421 22.9003 11.8178 23.3199 11.992C23.7396 12.1662 24.2275 12.0955 24.5489 11.7742L24.9026 11.4204C25.5795 10.7435 26.677 10.7435 27.3539 11.4204L28.5796 12.6461C29.2565 13.323 29.2565 14.4205 28.5796 15.0974L28.2259 15.4511C27.9045 15.7725 27.8338 16.2604 28.0081 16.6801C28.1822 17.0997 28.579 17.4 29.0333 17.4H29.5333C30.4906 17.4 31.2667 18.176 31.2667 19.1333V20.8667C31.2667 21.824 30.4906 22.6 29.5333 22.6H29.0332C28.579 22.6 28.1822 22.9003 28.0081 23.3199C27.8338 23.7396 27.9045 24.2275 28.2259 24.5489L28.5796 24.9026C29.2565 25.5795 29.2565 26.677 28.5796 27.3539L27.3539 28.5796C26.677 29.2565 25.5795 29.2565 24.9026 28.5796L24.5489 28.2259C24.2275 27.9045 23.7396 27.8338 23.3199 28.0081C22.9003 28.1822 22.6 28.579 22.6 29.0333V29.5333C22.6 30.4906 21.824 31.2667 20.8667 31.2667H19.1333C18.176 31.2667 17.4 30.4906 17.4 29.5333V29.0333C17.4 28.579 17.0997 28.1822 16.6801 28.0081C16.2604 27.8338 15.7725 27.9045 15.4511 28.2259L15.0974 28.5796C14.4205 29.2565 13.323 29.2565 12.6461 28.5796Z' fill='white'/%3E%3Cpath d='M40 24.1291L24.1291 40H32.0114L40 32.0114V24.1291Z' fill='white'/%3E%3Cpath d='M40 33.4256L33.4256 40H40V33.4256Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2168_15479'%3E%3Crect width='40' height='40' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A\";\n  }\n\n  renderBody(): TemplateResult {\n    const defaultSrc = ClientCard.defaultImageSrc;\n    const data = this.data;\n\n    return html`\n      <figure class=\"flex\" style=\"gap: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)\">\n        <img\n          class=\"relative h-s w-s object-cover rounded-full bg-contrast-20 flex-shrink-0 shadow-xs\"\n          src=${data?.company_logo || defaultSrc}\n          alt=${this.t('image_alt')}\n          @error=${(evt: Event) => ((evt.currentTarget as HTMLImageElement).src = defaultSrc)}\n        />\n\n        <figcaption class=\"min-w-0 flex-1 leading-s -my-xs\">\n          <p class=\"text-m truncate text-body font-medium\">\n            ${data?.project_name.trim() ||\n            html`<foxy-i18n infer=\"\" key=\"no_project_name\"></foxy-i18n>`}\n          </p>\n          <p class=\"text-s truncate text-secondary\">\n            ${data?.project_description.trim() ||\n            html`<foxy-i18n infer=\"\" key=\"no_project_description\"></foxy-i18n>`}\n          </p>\n          <p class=\"text-s truncate text-tertiary\">\n            ${data ? new URL(data.redirect_uri).host : ''} &bull;\n            ${data?.company_name || html`<foxy-i18n infer=\"\" key=\"no_company_name\"></foxy-i18n>`}\n          </p>\n        </figcaption>\n      </figure>\n    `;\n  }\n}\n"]}

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

@@ -0,0 +1,3 @@
+import '../../internal/InternalCard/index';
+import { ClientCard } from './ClientCard';
+export { ClientCard };

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

@@ -0,0 +1,5 @@
+import "../../internal/InternalCard/index.js";
+import { ClientCard } from "./ClientCard.js";
+customElements.define('foxy-client-card', ClientCard);
+export { ClientCard };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/ClientCard/index.ts"],"names":[],"mappings":"AAAA,8CAA2C;AAE3C,OAAO,EAAE,UAAU,EAAE,wBAAqB;AAE1C,cAAc,CAAC,MAAM,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC;AAEtD,OAAO,EAAE,UAAU,EAAE,CAAC","sourcesContent":["import '../../internal/InternalCard/index';\n\nimport { ClientCard } from './ClientCard';\n\ncustomElements.define('foxy-client-card', ClientCard);\n\nexport { ClientCard };\n"]}

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

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

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

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

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

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

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

@@ -0,0 +1,62 @@
+import type { Data, Templates } from './types';
+import type { TemplateResult } from 'lit-html';
+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;
+};
+/**
+ * Form element for viewing and deleting clients (`fx:client`).
+ *
+ * @slot client-id:before
+ * @slot client-id:after
+ *
+ * @slot client-secret:before
+ * @slot client-secret:after
+ *
+ * @slot redirect-uri:before
+ * @slot redirect-uri:after
+ *
+ * @slot project-name:before
+ * @slot project-name:after
+ *
+ * @slot project-description:before
+ * @slot project-description:after
+ *
+ * @slot company-name:before
+ * @slot company-name:after
+ *
+ * @slot company-url:before
+ * @slot company-url:after
+ *
+ * @slot company-logo:before
+ * @slot company-logo:after
+ *
+ * @slot contact-name:before
+ * @slot contact-name:after
+ *
+ * @slot contact-email:before
+ * @slot contact-email:after
+ *
+ * @slot contact-phone:before
+ * @slot contact-phone:after
+ *
+ * @slot timestamps:before
+ * @slot timestamps:after
+ *
+ * @slot create:before
+ * @slot create:after
+ *
+ * @slot delete:before
+ * @slot delete:after
+ *
+ * @element foxy-client-form
+ * @since 1.24.0
+ */
+export declare class ClientForm extends Base<Data> {
+    templates: Templates;
+    get readonlySelector(): BooleanSelector;
+    get hiddenSelector(): BooleanSelector;
+    renderBody(): TemplateResult;
+}
+export {};

package/dist/elements/public/ClientForm/ClientForm.js

@@ -0,0 +1,108 @@
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { ResponsiveMixin } from "../../../mixins/responsive.js";
+import { BooleanSelector } from '@foxy.io/sdk/core';
+import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
+import { html } from 'lit-element';
+const NS = 'client-form';
+const Base = ResponsiveMixin(TranslatableMixin(InternalForm, NS));
+/**
+ * Form element for viewing and deleting clients (`fx:client`).
+ *
+ * @slot client-id:before
+ * @slot client-id:after
+ *
+ * @slot client-secret:before
+ * @slot client-secret:after
+ *
+ * @slot redirect-uri:before
+ * @slot redirect-uri:after
+ *
+ * @slot project-name:before
+ * @slot project-name:after
+ *
+ * @slot project-description:before
+ * @slot project-description:after
+ *
+ * @slot company-name:before
+ * @slot company-name:after
+ *
+ * @slot company-url:before
+ * @slot company-url:after
+ *
+ * @slot company-logo:before
+ * @slot company-logo:after
+ *
+ * @slot contact-name:before
+ * @slot contact-name:after
+ *
+ * @slot contact-email:before
+ * @slot contact-email:after
+ *
+ * @slot contact-phone:before
+ * @slot contact-phone:after
+ *
+ * @slot timestamps:before
+ * @slot timestamps:after
+ *
+ * @slot create:before
+ * @slot create:after
+ *
+ * @slot delete:before
+ * @slot delete:after
+ *
+ * @element foxy-client-form
+ * @since 1.24.0
+ */
+export class ClientForm extends Base {
+    constructor() {
+        super(...arguments);
+        this.templates = {};
+    }
+    get readonlySelector() {
+        const alwaysMatch = ['client-secret'];
+        if (this.data || this.in({ busy: 'fetching' }))
+            alwaysMatch.push('client-id');
+        return new BooleanSelector(`${alwaysMatch.join(' ')} ${super.readonlySelector.toString()}`);
+    }
+    get hiddenSelector() {
+        const alwaysMatch = [];
+        if (!this.data && !this.in({ busy: 'fetching' }))
+            alwaysMatch.push('client-secret');
+        return new BooleanSelector(`${alwaysMatch.join(' ')} ${super.hiddenSelector.toString()}`);
+    }
+    renderBody() {
+        return html `
+      <div class="grid grid-cols-2 gap-m">
+        <foxy-internal-text-control class="col-span-2" infer="client-id">
+        </foxy-internal-text-control>
+
+        <foxy-internal-text-control class="col-span-2" infer="client-secret">
+        </foxy-internal-text-control>
+
+        <foxy-internal-text-control class="col-span-2" infer="redirect-uri">
+        </foxy-internal-text-control>
+
+        <foxy-internal-text-control class="col-span-2" infer="project-name">
+        </foxy-internal-text-control>
+
+        <foxy-internal-text-area-control class="col-span-2" infer="project-description">
+        </foxy-internal-text-area-control>
+
+        <foxy-internal-text-control infer="company-name"></foxy-internal-text-control>
+        <foxy-internal-text-control infer="company-url"></foxy-internal-text-control>
+
+        <foxy-internal-text-control class="col-span-2" infer="company-logo">
+        </foxy-internal-text-control>
+
+        <foxy-internal-text-control class="col-span-2" infer="contact-name">
+        </foxy-internal-text-control>
+
+        <foxy-internal-text-control infer="contact-email"></foxy-internal-text-control>
+        <foxy-internal-text-control infer="contact-phone"></foxy-internal-text-control>
+      </div>
+
+      ${super.renderBody()}
+    `;
+    }
+}
+//# sourceMappingURL=ClientForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClientForm.js","sourceRoot":"","sources":["../../../../src/elements/public/ClientForm/ClientForm.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,eAAe,EAAE,sCAAmC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,MAAM,EAAE,GAAG,aAAa,CAAC;AACzB,MAAM,IAAI,GAAG,eAAe,CAAC,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC,CAAC;AAElE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,MAAM,OAAO,UAAW,SAAQ,IAAU;IAA1C;;QACE,cAAS,GAAc,EAAE,CAAC;IAgD5B,CAAC;IA9CC,IAAI,gBAAgB;QAClB,MAAM,WAAW,GAAG,CAAC,eAAe,CAAC,CAAC;QACtC,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;YAAE,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAC9E,OAAO,IAAI,eAAe,CAAC,GAAG,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;IAC9F,CAAC;IAED,IAAI,cAAc;QAChB,MAAM,WAAW,GAAa,EAAE,CAAC;QACjC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;YAAE,WAAW,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QACpF,OAAO,IAAI,eAAe,CAAC,GAAG,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,cAAc,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;IAC5F,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA8BP,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { Data, Templates } from './types';\nimport type { TemplateResult } from 'lit-html';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { ResponsiveMixin } from '../../../mixins/responsive';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { html } from 'lit-element';\n\nconst NS = 'client-form';\nconst Base = ResponsiveMixin(TranslatableMixin(InternalForm, NS));\n\n/**\n * Form element for viewing and deleting clients (`fx:client`).\n *\n * @slot client-id:before\n * @slot client-id:after\n *\n * @slot client-secret:before\n * @slot client-secret:after\n *\n * @slot redirect-uri:before\n * @slot redirect-uri:after\n *\n * @slot project-name:before\n * @slot project-name:after\n *\n * @slot project-description:before\n * @slot project-description:after\n *\n * @slot company-name:before\n * @slot company-name:after\n *\n * @slot company-url:before\n * @slot company-url:after\n *\n * @slot company-logo:before\n * @slot company-logo:after\n *\n * @slot contact-name:before\n * @slot contact-name:after\n *\n * @slot contact-email:before\n * @slot contact-email:after\n *\n * @slot contact-phone:before\n * @slot contact-phone:after\n *\n * @slot timestamps:before\n * @slot timestamps:after\n *\n * @slot create:before\n * @slot create:after\n *\n * @slot delete:before\n * @slot delete:after\n *\n * @element foxy-client-form\n * @since 1.24.0\n */\nexport class ClientForm extends Base<Data> {\n  templates: Templates = {};\n\n  get readonlySelector(): BooleanSelector {\n    const alwaysMatch = ['client-secret'];\n    if (this.data || this.in({ busy: 'fetching' })) alwaysMatch.push('client-id');\n    return new BooleanSelector(`${alwaysMatch.join(' ')} ${super.readonlySelector.toString()}`);\n  }\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch: string[] = [];\n    if (!this.data && !this.in({ busy: 'fetching' })) alwaysMatch.push('client-secret');\n    return new BooleanSelector(`${alwaysMatch.join(' ')} ${super.hiddenSelector.toString()}`);\n  }\n\n  renderBody(): TemplateResult {\n    return html`\n      <div class=\"grid grid-cols-2 gap-m\">\n        <foxy-internal-text-control class=\"col-span-2\" infer=\"client-id\">\n        </foxy-internal-text-control>\n\n        <foxy-internal-text-control class=\"col-span-2\" infer=\"client-secret\">\n        </foxy-internal-text-control>\n\n        <foxy-internal-text-control class=\"col-span-2\" infer=\"redirect-uri\">\n        </foxy-internal-text-control>\n\n        <foxy-internal-text-control class=\"col-span-2\" infer=\"project-name\">\n        </foxy-internal-text-control>\n\n        <foxy-internal-text-area-control class=\"col-span-2\" infer=\"project-description\">\n        </foxy-internal-text-area-control>\n\n        <foxy-internal-text-control infer=\"company-name\"></foxy-internal-text-control>\n        <foxy-internal-text-control infer=\"company-url\"></foxy-internal-text-control>\n\n        <foxy-internal-text-control class=\"col-span-2\" infer=\"company-logo\">\n        </foxy-internal-text-control>\n\n        <foxy-internal-text-control class=\"col-span-2\" infer=\"contact-name\">\n        </foxy-internal-text-control>\n\n        <foxy-internal-text-control infer=\"contact-email\"></foxy-internal-text-control>\n        <foxy-internal-text-control infer=\"contact-phone\"></foxy-internal-text-control>\n      </div>\n\n      ${super.renderBody()}\n    `;\n  }\n}\n"]}