@foxy.io/elements 1.27.0-beta.4 → 1.27.0-beta.6

package/dist/cdn/translations/customer-portal-settings-form/en.json

@@ -0,0 +1,300 @@
+{
+  "session-lifespan-in-minutes": {
+    "label": "Session lifespan",
+    "option_minute": "Minute",
+    "option_minute_plural": "Minutes",
+    "option_hour": "Hour",
+    "option_hour_plural": "Hours",
+    "option_day": "Day",
+    "option_day_plural": "Days",
+    "option_week": "Week",
+    "option_week_plural": "Weeks",
+    "helper_text": "The maximum time a customer can be logged in without activity.",
+    "v8n_too_long": "We limit session lifespan to 4 weeks for security reasons. Please select a smaller value."
+  },
+  "allowed-origins": {
+    "label": "Allowed origins",
+    "helper_text": "The list of origins that are allowed to access the Customer Portal API. Must be https unless it's localhost. You can add up to 10 origins in this section.",
+    "placeholder": "Enter an origin and press Enter",
+    "v8n_invalid": "Some of the origins you've entered are invalid. Please check the items marked with ⚠️ and correct them.",
+    "v8n_too_many": "We support up to 10 origins. Please remove some of them."
+  },
+  "jwt-shared-secret": {
+    "label": "JWT shared secret",
+    "placeholder": "Leave empty to generate automatically",
+    "helper_text": "We use this key to sign customer JWTs. Changing it will drop all active sessions.",
+    "v8n_invalid": "Only letters (a-z), numbers (0-9) and dashes (-) are allowed in this field.",
+    "v8n_too_short": "This value must be at least 40 characters long.",
+    "v8n_too_long": "This value can't exceed 100 characters."
+  },
+  "features": {
+    "label": "Features",
+    "option_sso": "SSO (single sign-on)",
+    "option_sign_up": "Customer registration",
+    "option_frequency_modification": "Frequency changes for subscriptions",
+    "option_next_date_modification": "Next payment date changes for subscriptions",
+    "helper_text": ""
+  },
+  "sign-up-verification-hcaptcha-site-key": {
+    "label": "hCaptcha site key",
+    "placeholder": "Provided by Foxy",
+    "helper_text": "By default, we use our own hCaptcha site key for all portal installs. If you have a hCaptcha account and would like to use your own key, enter it here.",
+    "v8n_too_long": "This value can't exceed 100 characters."
+  },
+  "sign-up-verification-hcaptcha-secret-key": {
+    "label": "hCaptcha secret key",
+    "placeholder": "Provided by Foxy",
+    "helper_text": "By default, we use our own hCaptcha secret key for all portal installs. If you have a hCaptcha account and would like to use your own key, enter it here.",
+    "v8n_too_long": "This value can't exceed 100 characters."
+  },
+  "subscriptions-allow-frequency-modification": {
+    "label": "Frequency options",
+    "helper_text": "Customize how your customers can change the payment schedule of their subscriptions. You can add up to 10 rules in this section.",
+    "delete_header": "Remove this rule?",
+    "delete_message": "Please confirm that you'd like to remove this rule.",
+    "delete_confirm": "Remove",
+    "delete_cancel": "Cancel",
+    "dialog": {
+      "header_create": "Add rule",
+      "header_update": "Edit rule",
+      "close": "Close",
+      "save": "Save",
+      "cancel": "Cancel",
+      "undo_header": "Unsaved changes",
+      "undo_message": "Looks like you didn't save your changes! What would you like to do with them?",
+      "undo_cancel": "Review",
+      "undo_confirm": "Discard",
+      "jsonata-query": {
+        "label": "JSONata query",
+        "placeholder": "Enter * to match all subscriptions",
+        "helper_text": "This rule will apply only to subscriptions that match this query. We will run this query against the standard fx:subscription object.",
+        "v8n_required": "Please enter a JSONata expression. You can use * to match all subscriptions.",
+        "v8n_too_long": "Please limit your query to 200 characters."
+      },
+      "values": {
+        "label": "Values",
+        "unit_years": "Years",
+        "unit_months": "Months",
+        "unit_weeks": "Weeks",
+        "unit_days": "Days",
+        "twice_a_week": "Twice a week",
+        "yearly": "Yearly",
+        "yearly_plural": "Every {{ count }} years",
+        "weekly": "Weekly",
+        "weekly_plural": "Every {{ count }} weeks",
+        "monthly": "Monthly",
+        "monthly_plural": "Every {{ count }} months",
+        "daily": "Daily",
+        "daily_plural": "Every {{ count }} days",
+        "placeholder": "Enter a number",
+        "helper_text": "The frequency options that will be available to the customer. You can add up to 20 options.",
+        "v8n_required": "Please enter at least one value.",
+        "v8n_too_long": "Only up to 20 values are allowed. Please remove some of them to proceed."
+      },
+      "delete": {
+        "delete": "Delete",
+        "cancel": "Cancel",
+        "delete_prompt": "Please confirm that you'd like to remove this rule."
+      },
+      "create": {
+        "create": "Create"
+      },
+      "spinner": {
+        "refresh": "Refresh",
+        "loading_busy": "Loading",
+        "loading_error": "Unknown error"
+      }
+    },
+    "pagination": {
+      "create_button_text": "Add rule +",
+      "card": {
+        "delete_button_text": "Delete",
+        "title_all": "All subscriptions",
+        "title_matching": "Matching {{ query }}",
+        "subtitle_empty": "No options",
+        "subtitle_list": "{{ list }}",
+        "twice_a_week": "Twice a week",
+        "yearly": "Yearly",
+        "yearly_plural": "Every {{ count }} years",
+        "weekly": "Weekly",
+        "weekly_plural": "Every {{ count }} weeks",
+        "monthly": "Monthly",
+        "monthly_plural": "Every {{ count }} months",
+        "daily": "Daily",
+        "daily_plural": "Every {{ count }} days",
+        "spinner": {
+          "loading_busy": "Loading",
+          "loading_empty": "No rules",
+          "loading_error": "Unknown error"
+        }
+      },
+      "first": "First",
+      "last": "Last",
+      "next": "Next",
+      "pagination": "{{from}}-{{to}} out of {{total}}",
+      "previous": "Previous"
+    }
+  },
+  "subscriptions-allow-next-date-modification": {
+    "label": "Next payment date options",
+    "helper_text": "Customize how your customers can change the next payment date of their subscriptions. You can add up to 10 rules in this section.",
+    "delete_header": "Remove this rule?",
+    "delete_message": "Please confirm that you'd like to remove this rule.",
+    "delete_confirm": "Remove",
+    "delete_cancel": "Cancel",
+    "dialog": {
+      "header_create": "Add rule",
+      "header_update": "Edit rule",
+      "close": "Close",
+      "save": "Save",
+      "cancel": "Cancel",
+      "undo_header": "Unsaved changes",
+      "undo_message": "Looks like you didn't save your changes! What would you like to do with them?",
+      "undo_cancel": "Review",
+      "undo_confirm": "Discard",
+      "jsonata-query": {
+        "label": "JSONata query",
+        "placeholder": "Enter * to match all subscriptions",
+        "helper_text": "This rule will apply only to subscriptions that match this query. We will run this query against the standard fx:subscription object.",
+        "v8n_required": "Please enter a JSONata expression. You can use * to match all subscriptions.",
+        "v8n_too_long": "Please limit your query to 200 characters."
+      },
+      "minmax-restrictions": {
+        "label": "Range restrictions",
+        "option_min": "Minimum",
+        "option_max": "Maximum",
+        "helper_text": "Prevent customers from setting the next payment date too close to the current date or too far in the future. You will be able to customize the exact values below."
+      },
+      "min": {
+        "label": "Minimum",
+        "day": "Day",
+        "day_plural": "Days",
+        "week": "Week",
+        "week_plural": "Weeks",
+        "month": "Month",
+        "month_plural": "Months",
+        "year": "Year",
+        "year_plural": "Years",
+        "helper_text": "Select the period during which the next payment date can't be set."
+      },
+      "max": {
+        "label": "Maximum",
+        "day": "Day",
+        "day_plural": "Days",
+        "week": "Week",
+        "week_plural": "Weeks",
+        "month": "Month",
+        "month_plural": "Months",
+        "year": "Year",
+        "year_plural": "Years",
+        "helper_text": "Select the period after which the next payment date can't be set."
+      },
+      "day-and-date-restrictions": {
+        "label": "Day and date restrictions",
+        "option_none": "None",
+        "option_days": "Days of week",
+        "option_dates": "Dates of month",
+        "helper_text": "Opt to restrict the next payment date to a specific day of the week or date of the month. You will be able to customize the exact values below."
+      },
+      "days-of-week": {
+        "label": "Allowed days of week",
+        "option_1": "Monday",
+        "option_2": "Tuesday",
+        "option_3": "Wednesday",
+        "option_4": "Thursday",
+        "option_5": "Friday",
+        "option_6": "Saturday",
+        "option_7": "Sunday",
+        "helper_text": "Select all days of week that the next payment date can be set to."
+      },
+      "dates-of-month": {
+        "label": "Allowed dates of month",
+        "placeholder": "Enter a date (e.g. 14) and press Enter",
+        "helper_text": "Add all dates of month that the next payment date can be set to."
+      },
+      "disallowed-dates": {
+        "label": "Disallowed dates",
+        "range_from": "From",
+        "range_to": "To",
+        "range": "{{ from, date }} – {{ to, date }}",
+        "single": "{{ value, date }}",
+        "placeholder": "Enter a date",
+        "helper_text": "Prevent customers from setting the next payment date to specific dates or date ranges. You can add up to 10 items in this section.",
+        "v8n_too_long": "Only up to 10 values are allowed. Please remove some of them to proceed."
+      },
+      "delete": {
+        "delete": "Delete",
+        "cancel": "Cancel",
+        "delete_prompt": "Please confirm that you'd like to remove this rule."
+      },
+      "create": {
+        "create": "Create"
+      },
+      "spinner": {
+        "refresh": "Refresh",
+        "loading_busy": "Loading",
+        "loading_error": "Unknown error"
+      }
+    },
+    "pagination": {
+      "create_button_text": "Add rule +",
+      "card": {
+        "delete_button_text": "Delete",
+        "line_1_all": "All subscriptions",
+        "line_1_matching": "Matching {{ query }}",
+        "line_2": "Range: {{ from }} – {{ to }}",
+        "line_3_month": "Allowed dates: {{ list }}",
+        "line_3_day": "Allowed days: {{ list }}",
+        "line_3_any": "Allowed dates and days: any",
+        "line_4_some": "Excluded: {{ list }}",
+        "line_4_none": "Excluded: none",
+        "any": "any",
+        "unit_y": "{{ count }} year",
+        "unit_y_plural": "{{ count }} years",
+        "unit_m": "{{ count }} month",
+        "unit_m_plural": "{{ count }} months",
+        "unit_w": "{{ count }} week",
+        "unit_w_plural": "{{ count }} weeks",
+        "unit_d": "{{ count }} day",
+        "unit_d_plural": "{{ count }} days",
+        "day_1": "Monday",
+        "day_2": "Tuesday",
+        "day_3": "Wednesday",
+        "day_4": "Thursday",
+        "day_5": "Friday",
+        "day_6": "Saturday",
+        "day_7": "Sunday",
+        "single_date": "{{ value, date }}",
+        "date_range": "{{ from, date }} – {{ to, date }}",
+        "spinner": {
+          "loading_busy": "Loading",
+          "loading_empty": "No rules",
+          "loading_error": "Unknown error"
+        }
+      },
+      "first": "First",
+      "last": "Last",
+      "next": "Next",
+      "pagination": "{{from}}-{{to}} out of {{total}}",
+      "previous": "Previous"
+    }
+  },
+  "timestamps": {
+    "date_created": "Enabled on",
+    "date_modified": "Last updated on",
+    "date": "{{value, date}}"
+  },
+  "delete": {
+    "delete": "Disable",
+    "cancel": "Cancel",
+    "delete_prompt": "Disabling Customer Portal will erase the configuration and disable the related APIs. Would you like to proceed?"
+  },
+  "create": {
+    "create": "Enable"
+  },
+  "spinner": {
+    "refresh": "Refresh",
+    "loading_busy": "Loading",
+    "loading_error": "Unknown error"
+  }
+}

package/dist/elements/internal/InternalAsyncListControl/InternalAsyncListControl.d.ts

@@ -1,6 +1,8 @@
 import type { PropertyDeclarations, TemplateResult } from 'lit-element';
 import type { CollectionPage } from '../../public/index';
 import type { FormDialog } from '../../index';
+import type { Option } from '../../public/QueryBuilder/types';
+import type { Action } from './types';
 import { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';
 export declare class InternalAsyncListControl extends InternalEditableControl {
     static get properties(): PropertyDeclarations;
@@ -12,12 +14,18 @@ export declare class InternalAsyncListControl extends InternalEditableControl {
     createPageHref: string | null;
     /** Same as the `related` property of `NucleonElement`. */
     related: string[];
+    /** Swipe actions. */
+    actions: Action<import("../../public/NucleonElement/types").HALJSONResource>[];
+    /** Query parameters to apply to the `first` URL. */
+    filters: Option[];
     /** Limit query parameter to apply to the `first` URL. */
     limit: number;
     /** URI of the first page of the hAPI collection to display. */
     first: string | null;
     /** Same as the `form` property of `FormDialog`. If set, will open a dialog on item click. */
     form: FormDialog['form'];
+    /** Props to pass through to the form rendered by `FormDialog`. */
+    formProps: Record<string, unknown>;
     /** Same as the `item` property of `CollectionPage`. */
     item: CollectionPage<any>['item'];
     /** Props to pass through to the `CollectionPage` rendering items. */
@@ -34,7 +42,9 @@ export declare class InternalAsyncListControl extends InternalEditableControl {
     getPageHref: ((itemHref: string, item: unknown) => string | null) | null;
     private __deletionConfimationCallback;
     private __cachedCardRenderer;
+    private __isFilterVisible;
     private __itemRenderer;
+    private __filter;
     renderControl(): TemplateResult;
     private get __dialog();
     private get __cardRenderer();

package/dist/elements/internal/InternalAsyncListControl/InternalAsyncListControl.js

@@ -13,12 +13,18 @@ export class InternalAsyncListControl extends InternalEditableControl {
         this.createPageHref = null;
         /** Same as the `related` property of `NucleonElement`. */
         this.related = [];
+        /** Swipe actions. */
+        this.actions = [];
+        /** Query parameters to apply to the `first` URL. */
+        this.filters = [];
         /** Limit query parameter to apply to the `first` URL. */
         this.limit = 20;
         /** URI of the first page of the hAPI collection to display. */
         this.first = null;
         /** Same as the `form` property of `FormDialog`. If set, will open a dialog on item click. */
         this.form = null;
+        /** Props to pass through to the form rendered by `FormDialog`. */
+        this.formProps = {};
         /** Same as the `item` property of `CollectionPage`. */
         this.item = null;
         /** Props to pass through to the `CollectionPage` rendering items. */
@@ -35,6 +41,7 @@ export class InternalAsyncListControl extends InternalEditableControl {
         this.getPageHref = null;
         this.__deletionConfimationCallback = null;
         this.__cachedCardRenderer = null;
+        this.__isFilterVisible = false;
         this.__itemRenderer = ctx => {
             var _a;
             if (!ctx.data)
@@ -78,17 +85,48 @@ export class InternalAsyncListControl extends InternalEditableControl {
             return html `
       <foxy-swipe-actions class="block">
         ${clickableItem}
+        ${this.actions.map(action => {
+                return html `
+            <vaadin-button
+              data-testclass="action"
+              theme=${action.theme}
+              class="h-full rounded-none relative"
+              slot="action"
+              ?disabled=${this.disabled}
+              @click=${() => action.onClick(ctx.data)}
+            >
+              <foxy-i18n
+                class=${classMap({
+                    'transition-opacity': true,
+                    'opacity-0': action.state !== 'idle',
+                })}
+                infer=""
+                key=${action.text}
+              >
+              </foxy-i18n>
+              <div
+                class=${classMap({
+                    'absolute inset-0 flex items-center justify-center transition-opacity': true,
+                    'opacity-0': action.state === 'idle',
+                })}
+              >
+                <foxy-spinner layout="no-label" infer="spinner" state=${action.state}>
+                </foxy-spinner>
+              </div>
+            </vaadin-button>
+          `;
+            })}
 
         <vaadin-button
           theme="primary error"
-          class="h-full"
+          class="h-full rounded-none"
           slot="action"
           @click=${(evt) => {
                 const button = evt.currentTarget;
                 const confirm = this.renderRoot.querySelector('#confirm');
                 confirm.show(button);
                 this.__deletionConfimationCallback = () => {
-                    const cardButton = button.previousElementSibling;
+                    const cardButton = button.parentElement.firstElementChild;
                     const card = cardButton.querySelector('[href]');
                     card === null || card === void 0 ? void 0 : card.delete();
                     this.__deletionConfimationCallback = null;
@@ -100,6 +138,7 @@ export class InternalAsyncListControl extends InternalEditableControl {
       </foxy-swipe-actions>
     `;
         };
+        this.__filter = '';
     }
     static get properties() {
         return {
@@ -114,10 +153,15 @@ export class InternalAsyncListControl extends InternalEditableControl {
             first: {},
             limit: { type: Number },
             form: {},
+            formProps: { type: Object, attribute: 'form-props' },
             item: {},
             itemProps: { type: Object, attribute: 'item-props' },
             wide: { type: Boolean },
             alert: { type: Boolean },
+            actions: { type: Array },
+            filters: { type: Array },
+            __filter: { attribute: false },
+            __isFilterVisible: { attribute: false },
         };
     }
     renderControl() {
@@ -125,7 +169,9 @@ export class InternalAsyncListControl extends InternalEditableControl {
         let first;
         try {
             const url = new URL((_a = this.first) !== null && _a !== void 0 ? _a : '');
+            const filter = new URLSearchParams(this.__filter);
             url.searchParams.set('limit', String(this.limit));
+            filter.forEach((value, key) => url.searchParams.set(key, value));
             first = url.toString();
         }
         catch (_c) {
@@ -143,6 +189,7 @@ export class InternalAsyncListControl extends InternalEditableControl {
               ?keep-open-on-post=${this.keepDialogOpenOnPost}
               ?keep-open-on-delete=${this.keepDialogOpenOnDelete}
               .related=${this.related}
+              .props=${this.formProps}
               .form=${this.form}
             >
             </foxy-form-dialog>
@@ -171,6 +218,38 @@ export class InternalAsyncListControl extends InternalEditableControl {
         <span class="text-secondary">
           ${this.label && this.label !== 'label' ? this.label : ''}
         </span>
+
+        ${this.filters.length > 0
+            ? html `
+              <foxy-internal-async-list-control-filter-overlay
+                .noVerticalOverlap=${true}
+                .positionTarget=${this.renderRoot.querySelector('#filters')}
+                .model=${{
+                options: this.filters,
+                value: this.__filter,
+                lang: this.lang,
+                ns: this.ns,
+            }}
+                ?opened=${this.__isFilterVisible}
+                @vaadin-overlay-close=${() => (this.__isFilterVisible = false)}
+                @search=${(evt) => {
+                var _a;
+                this.__filter = (_a = evt.detail) !== null && _a !== void 0 ? _a : '';
+            }}
+              >
+              </foxy-internal-async-list-control-filter-overlay>
+
+              <vaadin-button
+                theme="tertiary-inline contrast"
+                class="ml-auto mr-m"
+                id="filters"
+                ?disabled=${this.disabled}
+                @click=${() => (this.__isFilterVisible = !this.__isFilterVisible)}
+              >
+                <foxy-i18n infer="pagination" key="search_button_text"></foxy-i18n>
+              </vaadin-button>
+            `
+            : ''}
         ${(!this.form && !this.createPageHref) || this.readonly || this.hideCreateButton
             ? ''
             : this.createPageHref && !this.disabled
@@ -220,6 +299,24 @@ export class InternalAsyncListControl extends InternalEditableControl {
         >
         </foxy-collection-page>
       </foxy-pagination>
+
+      <div
+        class=${classMap({
+            'transition-colors mt-xs text-xs': true,
+            'text-secondary group-hover-text-body': !this.disabled && !this.readonly,
+            'text-disabled': this.disabled,
+        })}
+        ?hidden=${!this.helperText || this.helperText === 'helper_text'}
+      >
+        ${this.helperText}
+      </div>
+
+      <div
+        class="mt-xs text-xs leading-xs text-error"
+        ?hidden=${!this._errorMessage || this.disabled || this.readonly}
+      >
+        ${this._errorMessage}
+      </div>
     `;
     }
     get __dialog() {

package/dist/elements/internal/InternalAsyncListControl/InternalAsyncListControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalAsyncListControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalAsyncListControl/InternalAsyncListControl.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { CollectionPage, NucleonElement } from '../../public/index';\nimport type { InternalConfirmDialog } from '../InternalConfirmDialog';\nimport type { DialogHideEvent } from '../../private/Dialog/DialogHideEvent';\nimport type { ItemRenderer } from '../../public/CollectionPage/types';\nimport type { FormDialog } from '../../index';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { classMap } from '../../../utils/class-map';\nimport { html } from 'lit-element';\n\nexport class InternalAsyncListControl extends InternalEditableControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      keepDialogOpenOnDelete: { type: Boolean, attribute: 'keep-dialog-open-on-delete' },\n      keepDialogOpenOnPost: { type: Boolean, attribute: 'keep-dialog-open-on-post' },\n      hideDeleteButton: { type: Boolean, attribute: 'hide-delete-button' },\n      hideCreateButton: { type: Boolean, attribute: 'hide-create-button' },\n      createPageHref: { attribute: 'create-page-href' },\n      getPageHref: { attribute: false },\n      related: { type: Array },\n      first: {},\n      limit: { type: Number },\n      form: {},\n      item: {},\n      itemProps: { type: Object, attribute: 'item-props' },\n      wide: { type: Boolean },\n      alert: { type: Boolean },\n    };\n  }\n\n  /** If true, FormDialog won't automatically close after the associated form deletes the resource. */\n  keepDialogOpenOnDelete = false;\n\n  /** If true, FormDialog won't automatically close after the associated form creates a resource. */\n  keepDialogOpenOnPost = false;\n\n  /** If provided, renders Create button as a link to this page. */\n  createPageHref: string | null = null;\n\n  /** Same as the `related` property of `NucleonElement`. */\n  related = [] as string[];\n\n  /** Limit query parameter to apply to the `first` URL. */\n  limit = 20;\n\n  /** URI of the first page of the hAPI collection to display. */\n  first: string | null = null;\n\n  /** Same as the `form` property of `FormDialog`. If set, will open a dialog on item click. */\n  form: FormDialog['form'] = null;\n\n  /** Same as the `item` property of `CollectionPage`. */\n  item: CollectionPage<any>['item'] = null;\n\n  /** Props to pass through to the `CollectionPage` rendering items. */\n  itemProps: Record<string, unknown> = {};\n\n  /** Same as the `wide` property of `FormDialog`. */\n  wide = false;\n\n  /** Same as the `alert` property of `FormDialog`. */\n  alert = false;\n\n  /** Hides Delete Swipe Action if true. */\n  hideDeleteButton = false;\n\n  /** Hides Create button if true. */\n  hideCreateButton = false;\n\n  /** If set, renders list items as <a> tags. */\n  getPageHref: ((itemHref: string, item: unknown) => string | null) | null = null;\n\n  private __deletionConfimationCallback: (() => void) | null = null;\n\n  private __cachedCardRenderer: {\n    item: InternalAsyncListControl['item'];\n    render: ItemRenderer;\n  } | null = null;\n\n  private __itemRenderer: ItemRenderer = ctx => {\n    if (!ctx.data) return this.__cardRenderer(ctx);\n\n    const href = this.getPageHref?.(ctx.href, ctx.data);\n    if (typeof href !== 'string' && !this.form) return this.__cardRenderer(ctx);\n\n    const isDisabled = this.disabledSelector.matches('card', true);\n    const card = this.__cardRenderer(ctx);\n    let clickableItem: TemplateResult;\n\n    const wrapperClass = classMap({\n      'rounded-t': !ctx.previous,\n      'rounded-b': !ctx.next,\n      'focus-outline-none focus-ring-2 focus-ring-inset focus-ring-primary-50': true,\n      'text-left w-full block transition-colors': true,\n      'hover-bg-contrast-5': !isDisabled,\n    });\n\n    if (this.getPageHref) {\n      if (isDisabled) {\n        clickableItem = html`<div class=${wrapperClass}>${card}</div>`;\n      } else {\n        const href = this.getPageHref(ctx.href, ctx.data);\n        clickableItem = html`<a class=${wrapperClass} href=${href}>${card}</a>`;\n      }\n    } else {\n      const handleClick = (evt: Event) => {\n        const button = evt.currentTarget as HTMLButtonElement;\n        const dialog = this.__dialog;\n\n        dialog.header = 'header_update';\n        dialog.href = ctx.href;\n        dialog.show(button);\n      };\n\n      clickableItem = html`\n        <button ?disabled=${isDisabled} class=${wrapperClass} @click=${handleClick}>${card}</button>\n      `;\n    }\n\n    if (this.hideDeleteButton || this.readonly) return clickableItem;\n\n    return html`\n      <foxy-swipe-actions class=\"block\">\n        ${clickableItem}\n\n        <vaadin-button\n          theme=\"primary error\"\n          class=\"h-full\"\n          slot=\"action\"\n          @click=${(evt: CustomEvent) => {\n            const button = evt.currentTarget as HTMLElement;\n            const confirm = this.renderRoot.querySelector('#confirm') as InternalConfirmDialog;\n\n            confirm.show(button);\n\n            this.__deletionConfimationCallback = () => {\n              const cardButton = button.previousElementSibling!;\n              const card = cardButton.querySelector<NucleonElement<any>>('[href]');\n\n              card?.delete();\n              this.__deletionConfimationCallback = null;\n            };\n          }}\n        >\n          <foxy-i18n infer=\"\" key=\"delete_button_text\"></foxy-i18n>\n        </vaadin-button>\n      </foxy-swipe-actions>\n    `;\n  };\n\n  renderControl(): TemplateResult {\n    let first: string | undefined;\n\n    try {\n      const url = new URL(this.first ?? '');\n      url.searchParams.set('limit', String(this.limit));\n      first = url.toString();\n    } catch {\n      first = undefined;\n    }\n\n    return html`\n      ${this.form\n        ? html`\n            <foxy-form-dialog\n              parent=${ifDefined(this.first ?? void 0)}\n              infer=\"dialog\"\n              id=\"form\"\n              ?wide=${this.wide}\n              ?alert=${this.alert}\n              ?keep-open-on-post=${this.keepDialogOpenOnPost}\n              ?keep-open-on-delete=${this.keepDialogOpenOnDelete}\n              .related=${this.related}\n              .form=${this.form as any}\n            >\n            </foxy-form-dialog>\n          `\n        : ''}\n      ${this.hideDeleteButton || this.readonly\n        ? ''\n        : html`\n            <foxy-internal-confirm-dialog\n              message=\"delete_message\"\n              confirm=\"delete_confirm\"\n              cancel=\"delete_cancel\"\n              header=\"delete_header\"\n              theme=\"error\"\n              infer=\"\"\n              id=\"confirm\"\n              @hide=${(evt: DialogHideEvent) => {\n                if (!evt.detail.cancelled) this.__deletionConfimationCallback?.();\n              }}\n            >\n            </foxy-internal-confirm-dialog>\n          `}\n      <div class=\"flex items-center justify-between mb-xs text-s font-medium\">\n        <span class=\"text-secondary\">\n          ${this.label && this.label !== 'label' ? this.label : ''}\n        </span>\n        ${(!this.form && !this.createPageHref) || this.readonly || this.hideCreateButton\n          ? ''\n          : this.createPageHref && !this.disabled\n          ? html`\n              <a\n                class=\"rounded-s text-primary group focus-outline-none focus-ring-2 focus-ring-primary-50\"\n                href=${this.createPageHref}\n              >\n                <foxy-i18n\n                  class=\"transition-opacity group-hover-opacity-80\"\n                  infer=\"\"\n                  key=\"create_button_text\"\n                >\n                </foxy-i18n>\n              </a>\n            `\n          : html`\n              <vaadin-button\n                theme=\"tertiary-inline\"\n                ?disabled=${this.disabled}\n                @click=${(evt: Event) => {\n                  evt.preventDefault();\n                  evt.stopPropagation();\n\n                  const dialog = this.__dialog;\n                  const button = evt.currentTarget as HTMLButtonElement;\n\n                  dialog.header = 'header_create';\n                  dialog.href = '';\n                  dialog.show(button);\n                }}\n              >\n                <foxy-i18n infer=\"pagination\" key=\"create_button_text\"></foxy-i18n>\n              </vaadin-button>\n            `}\n      </div>\n\n      <foxy-pagination first=${ifDefined(first)} infer=\"pagination\">\n        <foxy-collection-page\n          class=${classMap({\n            'block divide-y divide-contrast-5 rounded overflow-hidden': true,\n            'ring-1 ring-inset ring-contrast-10': !this.form && !this.getPageHref,\n            'bg-contrast-5': !!this.form || !!this.getPageHref,\n          })}\n          infer=\"card\"\n          .related=${this.related}\n          .props=${this.itemProps}\n          .item=${this.__itemRenderer as any}\n        >\n        </foxy-collection-page>\n      </foxy-pagination>\n    `;\n  }\n\n  private get __dialog() {\n    return this.renderRoot.querySelector('#form') as FormDialog;\n  }\n\n  private get __cardRenderer() {\n    const item = this.item;\n\n    if (this.__cachedCardRenderer?.item !== item) {\n      this.__cachedCardRenderer = {\n        item: item,\n        render:\n          typeof item === 'string'\n            ? (new Function(\n                'ctx',\n                `return ctx.html\\`\n                  <${item}\n                    related=\\${JSON.stringify(ctx.related)}\n                    parent=\\${ctx.parent}\n                    style=\"padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)\"\n                    infer=\"\"\n                    href=\\${ctx.href}\n                    ...=\\${ctx.spread(ctx.props)}\n                  >\n                  </${item}>\\``\n              ) as ItemRenderer)\n            : ctx => html`\n                <div style=\"padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)\">\n                  ${item?.(ctx)}\n                </div>\n              `,\n      };\n    }\n\n    return this.__cachedCardRenderer.render;\n  }\n}\n"]}
+{"version":3,"file":"InternalAsyncListControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalAsyncListControl/InternalAsyncListControl.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { CollectionPage, NucleonElement } from '../../public/index';\nimport type { InternalConfirmDialog } from '../InternalConfirmDialog';\nimport type { DialogHideEvent } from '../../private/Dialog/DialogHideEvent';\nimport type { ItemRenderer } from '../../public/CollectionPage/types';\nimport type { FormDialog } from '../../index';\nimport type { Option } from '../../public/QueryBuilder/types';\nimport type { Action } from './types';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { classMap } from '../../../utils/class-map';\nimport { html } from 'lit-element';\n\nexport class InternalAsyncListControl extends InternalEditableControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      keepDialogOpenOnDelete: { type: Boolean, attribute: 'keep-dialog-open-on-delete' },\n      keepDialogOpenOnPost: { type: Boolean, attribute: 'keep-dialog-open-on-post' },\n      hideDeleteButton: { type: Boolean, attribute: 'hide-delete-button' },\n      hideCreateButton: { type: Boolean, attribute: 'hide-create-button' },\n      createPageHref: { attribute: 'create-page-href' },\n      getPageHref: { attribute: false },\n      related: { type: Array },\n      first: {},\n      limit: { type: Number },\n      form: {},\n      formProps: { type: Object, attribute: 'form-props' },\n      item: {},\n      itemProps: { type: Object, attribute: 'item-props' },\n      wide: { type: Boolean },\n      alert: { type: Boolean },\n      actions: { type: Array },\n      filters: { type: Array },\n      __filter: { attribute: false },\n      __isFilterVisible: { attribute: false },\n    };\n  }\n\n  /** If true, FormDialog won't automatically close after the associated form deletes the resource. */\n  keepDialogOpenOnDelete = false;\n\n  /** If true, FormDialog won't automatically close after the associated form creates a resource. */\n  keepDialogOpenOnPost = false;\n\n  /** If provided, renders Create button as a link to this page. */\n  createPageHref: string | null = null;\n\n  /** Same as the `related` property of `NucleonElement`. */\n  related = [] as string[];\n\n  /** Swipe actions. */\n  actions = [] as Action[];\n\n  /** Query parameters to apply to the `first` URL. */\n  filters = [] as Option[];\n\n  /** Limit query parameter to apply to the `first` URL. */\n  limit = 20;\n\n  /** URI of the first page of the hAPI collection to display. */\n  first: string | null = null;\n\n  /** Same as the `form` property of `FormDialog`. If set, will open a dialog on item click. */\n  form: FormDialog['form'] = null;\n\n  /** Props to pass through to the form rendered by `FormDialog`. */\n  formProps: Record<string, unknown> = {};\n\n  /** Same as the `item` property of `CollectionPage`. */\n  item: CollectionPage<any>['item'] = null;\n\n  /** Props to pass through to the `CollectionPage` rendering items. */\n  itemProps: Record<string, unknown> = {};\n\n  /** Same as the `wide` property of `FormDialog`. */\n  wide = false;\n\n  /** Same as the `alert` property of `FormDialog`. */\n  alert = false;\n\n  /** Hides Delete Swipe Action if true. */\n  hideDeleteButton = false;\n\n  /** Hides Create button if true. */\n  hideCreateButton = false;\n\n  /** If set, renders list items as <a> tags. */\n  getPageHref: ((itemHref: string, item: unknown) => string | null) | null = null;\n\n  private __deletionConfimationCallback: (() => void) | null = null;\n\n  private __cachedCardRenderer: {\n    item: InternalAsyncListControl['item'];\n    render: ItemRenderer;\n  } | null = null;\n\n  private __isFilterVisible = false;\n\n  private __itemRenderer: ItemRenderer = ctx => {\n    if (!ctx.data) return this.__cardRenderer(ctx);\n\n    const href = this.getPageHref?.(ctx.href, ctx.data);\n    if (typeof href !== 'string' && !this.form) return this.__cardRenderer(ctx);\n\n    const isDisabled = this.disabledSelector.matches('card', true);\n    const card = this.__cardRenderer(ctx);\n    let clickableItem: TemplateResult;\n\n    const wrapperClass = classMap({\n      'rounded-t': !ctx.previous,\n      'rounded-b': !ctx.next,\n      'focus-outline-none focus-ring-2 focus-ring-inset focus-ring-primary-50': true,\n      'text-left w-full block transition-colors': true,\n      'hover-bg-contrast-5': !isDisabled,\n    });\n\n    if (this.getPageHref) {\n      if (isDisabled) {\n        clickableItem = html`<div class=${wrapperClass}>${card}</div>`;\n      } else {\n        const href = this.getPageHref(ctx.href, ctx.data);\n        clickableItem = html`<a class=${wrapperClass} href=${href}>${card}</a>`;\n      }\n    } else {\n      const handleClick = (evt: Event) => {\n        const button = evt.currentTarget as HTMLButtonElement;\n        const dialog = this.__dialog;\n\n        dialog.header = 'header_update';\n        dialog.href = ctx.href;\n        dialog.show(button);\n      };\n\n      clickableItem = html`\n        <button ?disabled=${isDisabled} class=${wrapperClass} @click=${handleClick}>${card}</button>\n      `;\n    }\n\n    if (this.hideDeleteButton || this.readonly) return clickableItem;\n\n    return html`\n      <foxy-swipe-actions class=\"block\">\n        ${clickableItem}\n        ${this.actions.map(action => {\n          return html`\n            <vaadin-button\n              data-testclass=\"action\"\n              theme=${action.theme}\n              class=\"h-full rounded-none relative\"\n              slot=\"action\"\n              ?disabled=${this.disabled}\n              @click=${() => action.onClick(ctx.data!)}\n            >\n              <foxy-i18n\n                class=${classMap({\n                  'transition-opacity': true,\n                  'opacity-0': action.state !== 'idle',\n                })}\n                infer=\"\"\n                key=${action.text}\n              >\n              </foxy-i18n>\n              <div\n                class=${classMap({\n                  'absolute inset-0 flex items-center justify-center transition-opacity': true,\n                  'opacity-0': action.state === 'idle',\n                })}\n              >\n                <foxy-spinner layout=\"no-label\" infer=\"spinner\" state=${action.state}>\n                </foxy-spinner>\n              </div>\n            </vaadin-button>\n          `;\n        })}\n\n        <vaadin-button\n          theme=\"primary error\"\n          class=\"h-full rounded-none\"\n          slot=\"action\"\n          @click=${(evt: CustomEvent) => {\n            const button = evt.currentTarget as HTMLElement;\n            const confirm = this.renderRoot.querySelector('#confirm') as InternalConfirmDialog;\n\n            confirm.show(button);\n\n            this.__deletionConfimationCallback = () => {\n              const cardButton = button.parentElement!.firstElementChild!;\n              const card = cardButton.querySelector<NucleonElement<any>>('[href]');\n\n              card?.delete();\n              this.__deletionConfimationCallback = null;\n            };\n          }}\n        >\n          <foxy-i18n infer=\"\" key=\"delete_button_text\"></foxy-i18n>\n        </vaadin-button>\n      </foxy-swipe-actions>\n    `;\n  };\n\n  private __filter = '';\n\n  renderControl(): TemplateResult {\n    let first: string | undefined;\n\n    try {\n      const url = new URL(this.first ?? '');\n      const filter = new URLSearchParams(this.__filter);\n\n      url.searchParams.set('limit', String(this.limit));\n      filter.forEach((value, key) => url.searchParams.set(key, value));\n      first = url.toString();\n    } catch {\n      first = undefined;\n    }\n\n    return html`\n      ${this.form\n        ? html`\n            <foxy-form-dialog\n              parent=${ifDefined(this.first ?? void 0)}\n              infer=\"dialog\"\n              id=\"form\"\n              ?wide=${this.wide}\n              ?alert=${this.alert}\n              ?keep-open-on-post=${this.keepDialogOpenOnPost}\n              ?keep-open-on-delete=${this.keepDialogOpenOnDelete}\n              .related=${this.related}\n              .props=${this.formProps}\n              .form=${this.form as any}\n            >\n            </foxy-form-dialog>\n          `\n        : ''}\n      ${this.hideDeleteButton || this.readonly\n        ? ''\n        : html`\n            <foxy-internal-confirm-dialog\n              message=\"delete_message\"\n              confirm=\"delete_confirm\"\n              cancel=\"delete_cancel\"\n              header=\"delete_header\"\n              theme=\"error\"\n              infer=\"\"\n              id=\"confirm\"\n              @hide=${(evt: DialogHideEvent) => {\n                if (!evt.detail.cancelled) this.__deletionConfimationCallback?.();\n              }}\n            >\n            </foxy-internal-confirm-dialog>\n          `}\n      <div class=\"flex items-center justify-between mb-xs text-s font-medium\">\n        <span class=\"text-secondary\">\n          ${this.label && this.label !== 'label' ? this.label : ''}\n        </span>\n\n        ${this.filters.length > 0\n          ? html`\n              <foxy-internal-async-list-control-filter-overlay\n                .noVerticalOverlap=${true}\n                .positionTarget=${this.renderRoot.querySelector('#filters')}\n                .model=${{\n                  options: this.filters,\n                  value: this.__filter,\n                  lang: this.lang,\n                  ns: this.ns,\n                }}\n                ?opened=${this.__isFilterVisible}\n                @vaadin-overlay-close=${() => (this.__isFilterVisible = false)}\n                @search=${(evt: CustomEvent<string | undefined>) => {\n                  this.__filter = evt.detail ?? '';\n                }}\n              >\n              </foxy-internal-async-list-control-filter-overlay>\n\n              <vaadin-button\n                theme=\"tertiary-inline contrast\"\n                class=\"ml-auto mr-m\"\n                id=\"filters\"\n                ?disabled=${this.disabled}\n                @click=${() => (this.__isFilterVisible = !this.__isFilterVisible)}\n              >\n                <foxy-i18n infer=\"pagination\" key=\"search_button_text\"></foxy-i18n>\n              </vaadin-button>\n            `\n          : ''}\n        ${(!this.form && !this.createPageHref) || this.readonly || this.hideCreateButton\n          ? ''\n          : this.createPageHref && !this.disabled\n          ? html`\n              <a\n                class=\"rounded-s text-primary group focus-outline-none focus-ring-2 focus-ring-primary-50\"\n                href=${this.createPageHref}\n              >\n                <foxy-i18n\n                  class=\"transition-opacity group-hover-opacity-80\"\n                  infer=\"\"\n                  key=\"create_button_text\"\n                >\n                </foxy-i18n>\n              </a>\n            `\n          : html`\n              <vaadin-button\n                theme=\"tertiary-inline\"\n                ?disabled=${this.disabled}\n                @click=${(evt: Event) => {\n                  evt.preventDefault();\n                  evt.stopPropagation();\n\n                  const dialog = this.__dialog;\n                  const button = evt.currentTarget as HTMLButtonElement;\n\n                  dialog.header = 'header_create';\n                  dialog.href = '';\n                  dialog.show(button);\n                }}\n              >\n                <foxy-i18n infer=\"pagination\" key=\"create_button_text\"></foxy-i18n>\n              </vaadin-button>\n            `}\n      </div>\n\n      <foxy-pagination first=${ifDefined(first)} infer=\"pagination\">\n        <foxy-collection-page\n          class=${classMap({\n            'block divide-y divide-contrast-5 rounded overflow-hidden': true,\n            'ring-1 ring-inset ring-contrast-10': !this.form && !this.getPageHref,\n            'bg-contrast-5': !!this.form || !!this.getPageHref,\n          })}\n          infer=\"card\"\n          .related=${this.related}\n          .props=${this.itemProps}\n          .item=${this.__itemRenderer as any}\n        >\n        </foxy-collection-page>\n      </foxy-pagination>\n\n      <div\n        class=${classMap({\n          'transition-colors mt-xs text-xs': true,\n          'text-secondary group-hover-text-body': !this.disabled && !this.readonly,\n          'text-disabled': this.disabled,\n        })}\n        ?hidden=${!this.helperText || this.helperText === 'helper_text'}\n      >\n        ${this.helperText}\n      </div>\n\n      <div\n        class=\"mt-xs text-xs leading-xs text-error\"\n        ?hidden=${!this._errorMessage || this.disabled || this.readonly}\n      >\n        ${this._errorMessage}\n      </div>\n    `;\n  }\n\n  private get __dialog() {\n    return this.renderRoot.querySelector('#form') as FormDialog;\n  }\n\n  private get __cardRenderer() {\n    const item = this.item;\n\n    if (this.__cachedCardRenderer?.item !== item) {\n      this.__cachedCardRenderer = {\n        item: item,\n        render:\n          typeof item === 'string'\n            ? (new Function(\n                'ctx',\n                `return ctx.html\\`\n                  <${item}\n                    related=\\${JSON.stringify(ctx.related)}\n                    parent=\\${ctx.parent}\n                    style=\"padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)\"\n                    infer=\"\"\n                    href=\\${ctx.href}\n                    ...=\\${ctx.spread(ctx.props)}\n                  >\n                  </${item}>\\``\n              ) as ItemRenderer)\n            : ctx => html`\n                <div style=\"padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)\">\n                  ${item?.(ctx)}\n                </div>\n              `,\n      };\n    }\n\n    return this.__cachedCardRenderer.render;\n  }\n}\n"]}

package/dist/elements/internal/InternalAsyncListControl/InternalAsyncListControlFilterOverlay.d.ts

@@ -0,0 +1,11 @@
+import type { Constructor } from 'lit-element';
+import { OverlayElement } from '@vaadin/vaadin-overlay/src/vaadin-overlay';
+declare class PositionMixinHost {
+    positionTarget: HTMLElement | null;
+}
+declare const InternalAsyncListControlFilterOverlay_base: Constructor<OverlayElement> & Constructor<PositionMixinHost>;
+export declare class InternalAsyncListControlFilterOverlay extends InternalAsyncListControlFilterOverlay_base {
+    static get is(): string;
+    renderer: (root: HTMLElement, _: unknown, model: unknown) => void;
+}
+export {};