@foxy.io/elements 1.24.0-beta.1 → 1.24.0-beta.3

package/dist/cdn/{shared-7a386999.js → shared-ff992ead.js}

@@ -1 +1 @@
-import{C as t}from"./shared-de790de9.js";import{R as e}from"./shared-95f9f57d.js";import{I as s}from"./shared-049782e9.js";import{h as i}from"./shared-7f33a83a.js";let r,d,l,a=t=>t;const o=e(t(s));class n extends o{constructor(){super(...arguments),this.templates={},this.__renderTitle=t=>i(r||(r=a` <div data-testid="title"> ${0} <div class="font-medium truncate"> ${0}&ZeroWidthSpace; </div> ${0} </div> `),this.renderTemplateOrSlot("title:before"),this.data?null==t?void 0:t(this.data):"",this.renderTemplateOrSlot("title:after")),this.__renderSubtitle=t=>i(d||(d=a` <div data-testid="subtitle"> ${0} <div class="text-tertiary truncate text-s sm-text-m"> ${0}&ZeroWidthSpace; </div> ${0} </div> `),this.renderTemplateOrSlot("subtitle:before"),this.data?null==t?void 0:t(this.data):"",this.renderTemplateOrSlot("subtitle:after"))}renderBody(t){const e=this.hiddenSelector;return i(l||(l=a` <div class="h-s flex flex-col justify-center relative text-body text-m font-lumo leading-xs sm-h-xs sm-flex-row sm-items-center sm-justify-between"> ${0} ${0} </div> `),e.matches("title",!0)?"":this.__renderTitle(null==t?void 0:t.title),e.matches("subtitle",!0)?"":this.__renderSubtitle(null==t?void 0:t.subtitle))}}export{n as T};
+import{C as t}from"./shared-c7f2f1ab.js";import{R as e}from"./shared-09d4fbb8.js";import{I as s}from"./shared-a92ae606.js";import{h as i}from"./shared-7f33a83a.js";let r,a,d,l=t=>t;const o=e(t(s));class n extends o{constructor(){super(...arguments),this.templates={},this.__renderTitle=t=>i(r||(r=l` <div data-testid="title"> ${0} <div class="font-medium truncate"> ${0}&ZeroWidthSpace; </div> ${0} </div> `),this.renderTemplateOrSlot("title:before"),this.data?null==t?void 0:t(this.data):"",this.renderTemplateOrSlot("title:after")),this.__renderSubtitle=t=>i(a||(a=l` <div data-testid="subtitle"> ${0} <div class="text-tertiary truncate text-s sm-text-m"> ${0}&ZeroWidthSpace; </div> ${0} </div> `),this.renderTemplateOrSlot("subtitle:before"),this.data?null==t?void 0:t(this.data):"",this.renderTemplateOrSlot("subtitle:after"))}renderBody(t){const e=this.hiddenSelector;return i(d||(d=l` <div class="h-s flex flex-col justify-center relative text-body text-m font-lumo leading-xs sm-h-xs sm-flex-row sm-items-center sm-justify-between"> ${0} ${0} </div> `),e.matches("title",!0)?"":this.__renderTitle(null==t?void 0:t.title),e.matches("subtitle",!0)?"":this.__renderSubtitle(null==t?void 0:t.subtitle))}}export{n as T};

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/item-category-form/en.json

@@ -156,7 +156,7 @@
     "increase": "increase"
   },
   "admin-email-template-uri": {
-    "label": "Email to admin",
+    "label": "Message to admin",
     "placeholder": "None (don't send)",
     "helper_text": ""
   },
@@ -167,12 +167,12 @@
     "v8n_required": "Please enter an email"
   },
   "customer-email-template-uri": {
-    "label": "Email to customer",
+    "label": "Message to customer",
     "placeholder": "None (don't send)",
     "helper_text": ""
   },
   "gift-recipient-email-template-uri": {
-    "label": "Email to gift recipient",
+    "label": "Message to gift recipient",
     "placeholder": "None (don't send)",
     "helper_text": ""
   },

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": "Cancellation",
+  "type_subscription_modification": "Modification",
+  "type_subscription_renewal": "Renewal",
+  "type_updateinfo": "Update",
+  "type_new_order": "Order",
+  "type_new_subscription": "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/public/FilterAttributeCard/FilterAttributeCard.d.ts

@@ -0,0 +1,31 @@
+import type { PropertyDeclarations } from 'lit-element';
+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 displaying a saved filter in Admin. Saved filters
+ * are powered by the Bookmark attribute format that allows adding custom sidebar items
+ * to Admin. Bookmark attributes are named `foxy-admin-bookmark` and contain a
+ * relative URL of the bookmarked Admin page in the value.
+ *
+ * @element foxy-filter-attribute-card
+ * @since 1.24.0
+ */
+export declare class FilterAttributeCard extends Base<Data> {
+    static readonly countRefreshInterval: number;
+    static readonly filterQueryKey: string;
+    static readonly filterNameKey: string;
+    static get properties(): PropertyDeclarations;
+    getCountLoaderHref: ((value: string) => string) | null;
+    private readonly __countLoaderId;
+    private __refreshTimeout;
+    disconnectedCallback(): void;
+    updated(changes: Map<keyof this, unknown>): void;
+    render(): TemplateResult;
+    private __getCountLoader;
+    private __getValueParam;
+}
+export {};

package/dist/elements/public/FilterAttributeCard/FilterAttributeCard.js

@@ -0,0 +1,113 @@
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { InternalCard } from "../../internal/InternalCard/InternalCard.js";
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { classMap } from "../../../utils/class-map.js";
+import { decode } from 'html-entities';
+import { html } from 'lit-html';
+const NS = 'filter-attribute-card';
+const Base = TranslatableMixin(InternalCard, NS);
+/**
+ * Card element displaying a saved filter in Admin. Saved filters
+ * are powered by the Bookmark attribute format that allows adding custom sidebar items
+ * to Admin. Bookmark attributes are named `foxy-admin-bookmark` and contain a
+ * relative URL of the bookmarked Admin page in the value.
+ *
+ * @element foxy-filter-attribute-card
+ * @since 1.24.0
+ */
+export class FilterAttributeCard extends Base {
+    constructor() {
+        super(...arguments);
+        this.getCountLoaderHref = null;
+        this.__countLoaderId = 'countLoader';
+        this.__refreshTimeout = null;
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            countRefreshInterval: { attribute: 'count-refresh-interval', type: Number },
+            getCountLoaderHref: { attribute: false },
+        };
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        if (typeof this.__refreshTimeout === 'number')
+            clearTimeout(this.__refreshTimeout);
+    }
+    updated(changes) {
+        super.updated(changes);
+        if (typeof this.__refreshTimeout !== 'number') {
+            const constructor = this.constructor;
+            const interval = constructor.countRefreshInterval;
+            this.__refreshTimeout = setTimeout(() => { var _a; return (_a = this.__getCountLoader()) === null || _a === void 0 ? void 0 : _a.refresh(); }, interval);
+        }
+    }
+    render() {
+        var _a, _b;
+        const constructor = this.constructor;
+        const count = (_b = (_a = this.__getCountLoader()) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.total_items;
+        let countUrl;
+        try {
+            if (this.data && this.getCountLoaderHref) {
+                countUrl = new URL(this.getCountLoaderHref(decode(this.data.value)));
+                countUrl.searchParams.set('limit', '1');
+            }
+        }
+        catch (_c) {
+            countUrl = undefined;
+        }
+        return html `
+      <foxy-nucleon
+        infer=""
+        href=${ifDefined(countUrl === null || countUrl === void 0 ? void 0 : countUrl.toString())}
+        id=${this.__countLoaderId}
+        @update=${() => this.requestUpdate()}
+      >
+      </foxy-nucleon>
+
+      <div
+        class=${classMap({
+            'transition-colors flex gap-s font-medium text-m leading-xs rounded-s': true,
+            'bg-contrast-5': !this.in('fail') && !this.data,
+            'bg-error-10': this.in('fail'),
+        })}
+      >
+        <span
+          class=${classMap({
+            'transition-opacity truncate min-w-0': true,
+            'opacity-0': !this.data,
+        })}
+        >
+          ${this.__getValueParam(constructor.filterNameKey) ||
+            html `<foxy-i18n infer="" key="no_name"></foxy-i18n>`}
+        </span>
+
+        <span
+          class=${classMap({
+            'transition-opacity bg-contrast-5 px-xs rounded-s': true,
+            'opacity-0': !this.data || typeof count !== 'number',
+        })}
+        >
+          ${count !== null && count !== void 0 ? count : 0}
+        </span>
+      </div>
+    `;
+    }
+    __getCountLoader() {
+        return this.renderRoot.querySelector(`#${this.__countLoaderId}`);
+    }
+    __getValueParam(key) {
+        var _a, _b, _c;
+        try {
+            const url = new URL(decode((_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : ''), 'https://example.com');
+            return (_c = url.searchParams.get(key)) !== null && _c !== void 0 ? _c : '';
+        }
+        catch (_d) {
+            return '';
+        }
+    }
+}
+FilterAttributeCard.countRefreshInterval = 60000;
+FilterAttributeCard.filterQueryKey = 'filter_query';
+FilterAttributeCard.filterNameKey = 'filter_name';
+//# sourceMappingURL=FilterAttributeCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterAttributeCard.js","sourceRoot":"","sources":["../../../../src/elements/public/FilterAttributeCard/FilterAttributeCard.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { NucleonElement } from '../NucleonElement/NucleonElement';\nimport type { TemplateResult } from 'lit-html';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InternalCard } from '../../internal/InternalCard/InternalCard';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { classMap } from '../../../utils/class-map';\nimport { decode } from 'html-entities';\nimport { html } from 'lit-html';\n\nconst NS = 'filter-attribute-card';\nconst Base = TranslatableMixin(InternalCard, NS);\n\n/**\n * Card element displaying a saved filter in Admin. Saved filters\n * are powered by the Bookmark attribute format that allows adding custom sidebar items\n * to Admin. Bookmark attributes are named `foxy-admin-bookmark` and contain a\n * relative URL of the bookmarked Admin page in the value.\n *\n * @element foxy-filter-attribute-card\n * @since 1.24.0\n */\nexport class FilterAttributeCard extends Base<Data> {\n  static readonly countRefreshInterval: number = 60000;\n\n  static readonly filterQueryKey: string = 'filter_query';\n\n  static readonly filterNameKey: string = 'filter_name';\n\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      countRefreshInterval: { attribute: 'count-refresh-interval', type: Number },\n      getCountLoaderHref: { attribute: false },\n    };\n  }\n\n  getCountLoaderHref: ((value: string) => string) | null = null;\n\n  private readonly __countLoaderId = 'countLoader';\n\n  private __refreshTimeout: NodeJS.Timeout | null = null;\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if (typeof this.__refreshTimeout === 'number') clearTimeout(this.__refreshTimeout);\n  }\n\n  updated(changes: Map<keyof this, unknown>): void {\n    super.updated(changes);\n    if (typeof this.__refreshTimeout !== 'number') {\n      const constructor = this.constructor as typeof FilterAttributeCard;\n      const interval = constructor.countRefreshInterval;\n      this.__refreshTimeout = setTimeout(() => this.__getCountLoader()?.refresh(), interval);\n    }\n  }\n\n  render(): TemplateResult {\n    const constructor = this.constructor as typeof FilterAttributeCard;\n    const count = this.__getCountLoader()?.data?.total_items;\n    let countUrl: URL | undefined;\n\n    try {\n      if (this.data && this.getCountLoaderHref) {\n        countUrl = new URL(this.getCountLoaderHref(decode(this.data.value)));\n        countUrl.searchParams.set('limit', '1');\n      }\n    } catch {\n      countUrl = undefined;\n    }\n\n    return html`\n      <foxy-nucleon\n        infer=\"\"\n        href=${ifDefined(countUrl?.toString())}\n        id=${this.__countLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <div\n        class=${classMap({\n          'transition-colors flex gap-s font-medium text-m leading-xs rounded-s': true,\n          'bg-contrast-5': !this.in('fail') && !this.data,\n          'bg-error-10': this.in('fail'),\n        })}\n      >\n        <span\n          class=${classMap({\n            'transition-opacity truncate min-w-0': true,\n            'opacity-0': !this.data,\n          })}\n        >\n          ${this.__getValueParam(constructor.filterNameKey) ||\n          html`<foxy-i18n infer=\"\" key=\"no_name\"></foxy-i18n>`}\n        </span>\n\n        <span\n          class=${classMap({\n            'transition-opacity bg-contrast-5 px-xs rounded-s': true,\n            'opacity-0': !this.data || typeof count !== 'number',\n          })}\n        >\n          ${count ?? 0}\n        </span>\n      </div>\n    `;\n  }\n\n  private __getCountLoader() {\n    type AnyCollection = NucleonElement<Resource<Rels.Attributes>>;\n    type Loader = Omit<AnyCollection, '_embedded'> & { _embedded: unknown };\n    return this.renderRoot.querySelector<Loader>(`#${this.__countLoaderId}`);\n  }\n\n  private __getValueParam(key: string) {\n    try {\n      const url = new URL(decode(this.data?.value ?? ''), 'https://example.com');\n      return url.searchParams.get(key) ?? '';\n    } catch {\n      return '';\n    }\n  }\n}\n"]}

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

@@ -0,0 +1,4 @@
+import '../../internal/InternalCard/index';
+import '../NucleonElement/index';
+import { FilterAttributeCard } from './FilterAttributeCard';
+export { FilterAttributeCard };

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

@@ -0,0 +1,6 @@
+import "../../internal/InternalCard/index.js";
+import "../NucleonElement/index.js";
+import { FilterAttributeCard } from "./FilterAttributeCard.js";
+customElements.define('foxy-filter-attribute-card', FilterAttributeCard);
+export { FilterAttributeCard };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/FilterAttributeCard/index.ts"],"names":[],"mappings":"AAAA,8CAA2C;AAC3C,oCAAiC;AAEjC,OAAO,EAAE,mBAAmB,EAAE,iCAA8B;AAE5D,cAAc,CAAC,MAAM,CAAC,4BAA4B,EAAE,mBAAmB,CAAC,CAAC;AAEzE,OAAO,EAAE,mBAAmB,EAAE,CAAC","sourcesContent":["import '../../internal/InternalCard/index';\nimport '../NucleonElement/index';\n\nimport { FilterAttributeCard } from './FilterAttributeCard';\n\ncustomElements.define('foxy-filter-attribute-card', FilterAttributeCard);\n\nexport { FilterAttributeCard };\n"]}

package/dist/elements/public/FilterAttributeCard/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.Attribute>;

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

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

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

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

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

@@ -0,0 +1,46 @@
+import type { PropertyDeclarations } from 'lit-element';
+import type { TemplateResult } from 'lit-html';
+import type { Option } from '../QueryBuilder/types';
+import type { Data } from './types';
+import { BooleanSelector } from '@foxy.io/sdk/core';
+import { InternalForm } from '../../internal/InternalForm/InternalForm';
+declare const Base: typeof InternalForm & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+};
+/**
+ * Form element for creating and editing saved filters in Admin. Saved filters
+ * are powered by the Bookmark attribute format that allows adding custom sidebar items
+ * to Admin. Bookmark attributes are named `foxy-admin-bookmark` and contain a
+ * relative URL of the bookmarked Admin page in the value.
+ *
+ * @slot filter-query:before
+ * @slot filter-query:after
+ * @slot filter-name:before
+ * @slot filter-name:after
+ * @slot action:before
+ * @slot action:after
+ *
+ * @element foxy-filter-attribute-form
+ * @since 1.24.0
+ */
+export declare class FilterAttributeForm extends Base<Data> {
+    static readonly attributeVisibility: Data['visibility'];
+    static readonly filterQueryKey: string;
+    static readonly attributeName: string;
+    static readonly filterNameKey: string;
+    static get properties(): PropertyDeclarations;
+    /** Admin page pathname. */
+    pathname: string | null;
+    /** Filter options passed down to `QueryBuilder.options.` */
+    options: Option[];
+    private readonly __filterNameGetValue;
+    private readonly __filterNameSetValue;
+    get hiddenSelector(): BooleanSelector;
+    renderBody(): TemplateResult;
+    updated(changes: Map<keyof this, unknown>): void;
+    submit(): void;
+    private __getValueParam;
+    private __setValueParam;
+    private __handleFilterQueryChange;
+}
+export {};

package/dist/elements/public/FilterAttributeForm/FilterAttributeForm.js

@@ -0,0 +1,131 @@
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { BooleanSelector } from '@foxy.io/sdk/core';
+import { encode, decode } from 'html-entities';
+import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
+import { html } from 'lit-html';
+const NS = 'filter-attribute-form';
+const Base = TranslatableMixin(InternalForm, NS);
+/**
+ * Form element for creating and editing saved filters in Admin. Saved filters
+ * are powered by the Bookmark attribute format that allows adding custom sidebar items
+ * to Admin. Bookmark attributes are named `foxy-admin-bookmark` and contain a
+ * relative URL of the bookmarked Admin page in the value.
+ *
+ * @slot filter-query:before
+ * @slot filter-query:after
+ * @slot filter-name:before
+ * @slot filter-name:after
+ * @slot action:before
+ * @slot action:after
+ *
+ * @element foxy-filter-attribute-form
+ * @since 1.24.0
+ */
+export class FilterAttributeForm extends Base {
+    constructor() {
+        super(...arguments);
+        /** Admin page pathname. */
+        this.pathname = null;
+        /** Filter options passed down to `QueryBuilder.options.` */
+        this.options = [];
+        this.__filterNameGetValue = () => {
+            const constructor = this.constructor;
+            return this.__getValueParam(constructor.filterNameKey);
+        };
+        this.__filterNameSetValue = (v) => {
+            const constructor = this.constructor;
+            this.__setValueParam(constructor.filterNameKey, v);
+        };
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            pathname: {},
+            options: { type: Array },
+        };
+    }
+    get hiddenSelector() {
+        const alwaysHidden = [];
+        const constructor = this.constructor;
+        const filterQuery = this.__getValueParam(constructor.filterQueryKey);
+        const hasData = !!this.data;
+        if (!hasData)
+            alwaysHidden.push('filter-name');
+        if (!filterQuery && !hasData)
+            alwaysHidden.push('action');
+        return new BooleanSelector(`${alwaysHidden.join(' ')} ${super.hiddenSelector}`.trim());
+    }
+    renderBody() {
+        const constructor = this.constructor;
+        return html `
+      <foxy-query-builder
+        infer="filter-query"
+        .options=${this.options}
+        .value=${this.__getValueParam(constructor.filterQueryKey)}
+        @change=${this.__handleFilterQueryChange}
+      >
+      </foxy-query-builder>
+
+      <foxy-internal-text-control
+        infer="filter-name"
+        .getValue=${this.__filterNameGetValue}
+        .setValue=${this.__filterNameSetValue}
+      >
+      </foxy-internal-text-control>
+
+      <foxy-internal-filter-attribute-form-action-control infer="action">
+      </foxy-internal-filter-attribute-form-action-control>
+    `;
+    }
+    updated(changes) {
+        var _a;
+        super.updated(changes);
+        if (typeof this.form.value === 'string') {
+            const url = new URL(decode(this.form.value), 'https://example.com');
+            url.pathname = (_a = this.pathname) !== null && _a !== void 0 ? _a : '';
+            const value = encode(url.toString().substring(url.origin.length));
+            if (value !== this.form.value)
+                this.edit({ value });
+        }
+    }
+    submit() {
+        const constructor = this.constructor;
+        this.edit({
+            visibility: constructor.attributeVisibility,
+            name: constructor.attributeName,
+        });
+        super.submit();
+    }
+    __getValueParam(key) {
+        var _a, _b;
+        try {
+            const url = new URL(decode((_a = this.form.value) !== null && _a !== void 0 ? _a : ''), 'https://example.com');
+            return (_b = url.searchParams.get(key)) !== null && _b !== void 0 ? _b : '';
+        }
+        catch (_c) {
+            return '';
+        }
+    }
+    __setValueParam(key, value) {
+        var _a;
+        try {
+            const url = new URL(decode((_a = this.form.value) !== null && _a !== void 0 ? _a : ''), 'https://example.com');
+            url.searchParams.set(key, value);
+            this.edit({ value: encode(url.toString().substring(url.origin.length)) });
+        }
+        catch (_b) {
+            // ignore
+        }
+    }
+    __handleFilterQueryChange(evt) {
+        var _a;
+        const constructor = this.constructor;
+        const element = evt.currentTarget;
+        this.__setValueParam(constructor.filterQueryKey, (_a = element.value) !== null && _a !== void 0 ? _a : '');
+    }
+}
+FilterAttributeForm.attributeVisibility = 'restricted';
+FilterAttributeForm.filterQueryKey = 'filter_query';
+FilterAttributeForm.attributeName = 'foxy-admin-bookmark';
+FilterAttributeForm.filterNameKey = 'filter_name';
+//# sourceMappingURL=FilterAttributeForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterAttributeForm.js","sourceRoot":"","sources":["../../../../src/elements/public/FilterAttributeForm/FilterAttributeForm.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,EAAE,GAAG,uBAAuB,CAAC;AACnC,MAAM,IAAI,GAAG,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;AAEjD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,OAAO,mBAAoB,SAAQ,IAAU;IAAnD;;QAiBE,2BAA2B;QAC3B,aAAQ,GAAkB,IAAI,CAAC;QAE/B,4DAA4D;QAC5D,YAAO,GAAa,EAAE,CAAC;QAEN,yBAAoB,GAAG,GAAG,EAAE;YAC3C,MAAM,WAAW,GAAG,IAAI,CAAC,WAAyC,CAAC;YACnE,OAAO,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;QACzD,CAAC,CAAC;QAEe,yBAAoB,GAAG,CAAC,CAAS,EAAE,EAAE;YACpD,MAAM,WAAW,GAAG,IAAI,CAAC,WAAyC,CAAC;YACnE,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;QACrD,CAAC,CAAC;IAmFJ,CAAC;IAzGC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,QAAQ,EAAE,EAAE;YACZ,OAAO,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;SACzB,CAAC;IACJ,CAAC;IAkBD,IAAI,cAAc;QAChB,MAAM,YAAY,GAAa,EAAE,CAAC;QAClC,MAAM,WAAW,GAAG,IAAI,CAAC,WAAyC,CAAC;QACnE,MAAM,WAAW,GAAG,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;QACrE,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;QAE5B,IAAI,CAAC,OAAO;YAAE,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC/C,IAAI,CAAC,WAAW,IAAI,CAAC,OAAO;YAAE,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAE1D,OAAO,IAAI,eAAe,CAAC,GAAG,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;IACzF,CAAC;IAED,UAAU;QACR,MAAM,WAAW,GAAG,IAAI,CAAC,WAAyC,CAAC;QAEnE,OAAO,IAAI,CAAA;;;mBAGI,IAAI,CAAC,OAAO;iBACd,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,cAAc,CAAC;kBAC/C,IAAI,CAAC,yBAAyB;;;;;;oBAM5B,IAAI,CAAC,oBAAoB;oBACzB,IAAI,CAAC,oBAAoB;;;;;;KAMxC,CAAC;IACJ,CAAC;IAED,OAAO,CAAC,OAAiC;;QACvC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QACvB,IAAI,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;YACvC,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,qBAAqB,CAAC,CAAC;YACpE,GAAG,CAAC,QAAQ,SAAG,IAAI,CAAC,QAAQ,mCAAI,EAAE,CAAC;YACnC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;YAClE,IAAI,KAAK,KAAK,IAAI,CAAC,IAAI,CAAC,KAAK;gBAAE,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;SACrD;IACH,CAAC;IAED,MAAM;QACJ,MAAM,WAAW,GAAG,IAAI,CAAC,WAAyC,CAAC;QAEnE,IAAI,CAAC,IAAI,CAAC;YACR,UAAU,EAAE,WAAW,CAAC,mBAAmB;YAC3C,IAAI,EAAE,WAAW,CAAC,aAAa;SAChC,CAAC,CAAC;QAEH,KAAK,CAAC,MAAM,EAAE,CAAC;IACjB,CAAC;IAEO,eAAe,CAAC,GAAW;;QACjC,IAAI;YACF,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,MAAM,OAAC,IAAI,CAAC,IAAI,CAAC,KAAK,mCAAI,EAAE,CAAC,EAAE,qBAAqB,CAAC,CAAC;YAC1E,aAAO,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,mCAAI,EAAE,CAAC;SACxC;QAAC,WAAM;YACN,OAAO,EAAE,CAAC;SACX;IACH,CAAC;IAEO,eAAe,CAAC,GAAW,EAAE,KAAa;;QAChD,IAAI;YACF,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,MAAM,OAAC,IAAI,CAAC,IAAI,CAAC,KAAK,mCAAI,EAAE,CAAC,EAAE,qBAAqB,CAAC,CAAC;YAC1E,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;YACjC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;SAC3E;QAAC,WAAM;YACN,SAAS;SACV;IACH,CAAC;IAEO,yBAAyB,CAAC,GAAgB;;QAChD,MAAM,WAAW,GAAG,IAAI,CAAC,WAAyC,CAAC;QACnE,MAAM,OAAO,GAAG,GAAG,CAAC,aAA6B,CAAC;QAClD,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,cAAc,QAAE,OAAO,CAAC,KAAK,mCAAI,EAAE,CAAC,CAAC;IACxE,CAAC;;AAhHe,uCAAmB,GAAuB,YAAY,CAAC;AAEvD,kCAAc,GAAW,cAAc,CAAC;AAExC,iCAAa,GAAW,qBAAqB,CAAC;AAE9C,iCAAa,GAAW,aAAa,CAAC","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { TemplateResult } from 'lit-html';\nimport type { QueryBuilder } from '../QueryBuilder/QueryBuilder';\nimport type { Option } from '../QueryBuilder/types';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { encode, decode } from 'html-entities';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { html } from 'lit-html';\n\nconst NS = 'filter-attribute-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Form element for creating and editing saved filters in Admin. Saved filters\n * are powered by the Bookmark attribute format that allows adding custom sidebar items\n * to Admin. Bookmark attributes are named `foxy-admin-bookmark` and contain a\n * relative URL of the bookmarked Admin page in the value.\n *\n * @slot filter-query:before\n * @slot filter-query:after\n * @slot filter-name:before\n * @slot filter-name:after\n * @slot action:before\n * @slot action:after\n *\n * @element foxy-filter-attribute-form\n * @since 1.24.0\n */\nexport class FilterAttributeForm extends Base<Data> {\n  static readonly attributeVisibility: Data['visibility'] = 'restricted';\n\n  static readonly filterQueryKey: string = 'filter_query';\n\n  static readonly attributeName: string = 'foxy-admin-bookmark';\n\n  static readonly filterNameKey: string = 'filter_name';\n\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      pathname: {},\n      options: { type: Array },\n    };\n  }\n\n  /** Admin page pathname. */\n  pathname: string | null = null;\n\n  /** Filter options passed down to `QueryBuilder.options.` */\n  options: Option[] = [];\n\n  private readonly __filterNameGetValue = () => {\n    const constructor = this.constructor as typeof FilterAttributeForm;\n    return this.__getValueParam(constructor.filterNameKey);\n  };\n\n  private readonly __filterNameSetValue = (v: string) => {\n    const constructor = this.constructor as typeof FilterAttributeForm;\n    this.__setValueParam(constructor.filterNameKey, v);\n  };\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysHidden: string[] = [];\n    const constructor = this.constructor as typeof FilterAttributeForm;\n    const filterQuery = this.__getValueParam(constructor.filterQueryKey);\n    const hasData = !!this.data;\n\n    if (!hasData) alwaysHidden.push('filter-name');\n    if (!filterQuery && !hasData) alwaysHidden.push('action');\n\n    return new BooleanSelector(`${alwaysHidden.join(' ')} ${super.hiddenSelector}`.trim());\n  }\n\n  renderBody(): TemplateResult {\n    const constructor = this.constructor as typeof FilterAttributeForm;\n\n    return html`\n      <foxy-query-builder\n        infer=\"filter-query\"\n        .options=${this.options}\n        .value=${this.__getValueParam(constructor.filterQueryKey)}\n        @change=${this.__handleFilterQueryChange}\n      >\n      </foxy-query-builder>\n\n      <foxy-internal-text-control\n        infer=\"filter-name\"\n        .getValue=${this.__filterNameGetValue}\n        .setValue=${this.__filterNameSetValue}\n      >\n      </foxy-internal-text-control>\n\n      <foxy-internal-filter-attribute-form-action-control infer=\"action\">\n      </foxy-internal-filter-attribute-form-action-control>\n    `;\n  }\n\n  updated(changes: Map<keyof this, unknown>): void {\n    super.updated(changes);\n    if (typeof this.form.value === 'string') {\n      const url = new URL(decode(this.form.value), 'https://example.com');\n      url.pathname = this.pathname ?? '';\n      const value = encode(url.toString().substring(url.origin.length));\n      if (value !== this.form.value) this.edit({ value });\n    }\n  }\n\n  submit(): void {\n    const constructor = this.constructor as typeof FilterAttributeForm;\n\n    this.edit({\n      visibility: constructor.attributeVisibility,\n      name: constructor.attributeName,\n    });\n\n    super.submit();\n  }\n\n  private __getValueParam(key: string) {\n    try {\n      const url = new URL(decode(this.form.value ?? ''), 'https://example.com');\n      return url.searchParams.get(key) ?? '';\n    } catch {\n      return '';\n    }\n  }\n\n  private __setValueParam(key: string, value: string) {\n    try {\n      const url = new URL(decode(this.form.value ?? ''), 'https://example.com');\n      url.searchParams.set(key, value);\n      this.edit({ value: encode(url.toString().substring(url.origin.length)) });\n    } catch {\n      // ignore\n    }\n  }\n\n  private __handleFilterQueryChange(evt: CustomEvent) {\n    const constructor = this.constructor as typeof FilterAttributeForm;\n    const element = evt.currentTarget as QueryBuilder;\n    this.__setValueParam(constructor.filterQueryKey, element.value ?? '');\n  }\n}\n"]}

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

@@ -0,0 +1,6 @@
+import './internal/InternalFilterAttributeFormActionControl/index';
+import '../../internal/InternalTextControl/index';
+import '../../internal/InternalForm/index';
+import '../QueryBuilder/index';
+import { FilterAttributeForm } from './FilterAttributeForm';
+export { FilterAttributeForm };

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

@@ -0,0 +1,8 @@
+import "./internal/InternalFilterAttributeFormActionControl/index.js";
+import "../../internal/InternalTextControl/index.js";
+import "../../internal/InternalForm/index.js";
+import "../QueryBuilder/index.js";
+import { FilterAttributeForm } from "./FilterAttributeForm.js";
+customElements.define('foxy-filter-attribute-form', FilterAttributeForm);
+export { FilterAttributeForm };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/FilterAttributeForm/index.ts"],"names":[],"mappings":"AAAA,sEAAmE;AACnE,qDAAkD;AAClD,8CAA2C;AAC3C,kCAA+B;AAE/B,OAAO,EAAE,mBAAmB,EAAE,iCAA8B;AAE5D,cAAc,CAAC,MAAM,CAAC,4BAA4B,EAAE,mBAAmB,CAAC,CAAC;AAEzE,OAAO,EAAE,mBAAmB,EAAE,CAAC","sourcesContent":["import './internal/InternalFilterAttributeFormActionControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\nimport '../QueryBuilder/index';\n\nimport { FilterAttributeForm } from './FilterAttributeForm';\n\ncustomElements.define('foxy-filter-attribute-form', FilterAttributeForm);\n\nexport { FilterAttributeForm };\n"]}

package/dist/elements/public/FilterAttributeForm/internal/InternalFilterAttributeFormActionControl/InternalFilterAttributeFormActionControl.d.ts

@@ -0,0 +1,5 @@
+import type { TemplateResult } from 'lit-html';
+import { InternalControl } from '../../../../internal/InternalControl/InternalControl';
+export declare class InternalFilterAttributeFormActionControl extends InternalControl {
+    renderControl(): TemplateResult;
+}

package/dist/elements/public/FilterAttributeForm/internal/InternalFilterAttributeFormActionControl/InternalFilterAttributeFormActionControl.js

@@ -0,0 +1,34 @@
+import { InternalControl } from "../../../../internal/InternalControl/InternalControl.js";
+import { html } from 'lit-html';
+export class InternalFilterAttributeFormActionControl extends InternalControl {
+    renderControl() {
+        const nucleon = this.nucleon;
+        const hasChanges = nucleon === null || nucleon === void 0 ? void 0 : nucleon.in({ idle: { snapshot: 'dirty' } });
+        const hasData = !!(nucleon === null || nucleon === void 0 ? void 0 : nucleon.data);
+        return html `
+      <div class="grid grid-cols-2 gap-m">
+        ${hasData && hasChanges
+            ? html `
+              <vaadin-button
+                theme="contrast"
+                ?disabled=${this.disabled}
+                @click=${() => nucleon === null || nucleon === void 0 ? void 0 : nucleon.undo()}
+              >
+                <foxy-i18n infer="" key="reset"></foxy-i18n>
+              </vaadin-button>
+            `
+            : ''}
+        <vaadin-button
+          theme=${hasData ? (hasChanges ? 'secondary' : 'error') : 'success'}
+          class=${hasData && hasChanges ? '' : 'col-span-2'}
+          ?disabled=${this.disabled}
+          @click=${() => (!hasData || hasChanges ? nucleon === null || nucleon === void 0 ? void 0 : nucleon.submit() : nucleon === null || nucleon === void 0 ? void 0 : nucleon.delete())}
+        >
+          <foxy-i18n infer="" key=${hasData ? (hasChanges ? 'update' : 'delete') : 'create'}>
+          </foxy-i18n>
+        </vaadin-button>
+      </div>
+    `;
+    }
+}
+//# sourceMappingURL=InternalFilterAttributeFormActionControl.js.map

package/dist/elements/public/FilterAttributeForm/internal/InternalFilterAttributeFormActionControl/InternalFilterAttributeFormActionControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalFilterAttributeFormActionControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/FilterAttributeForm/internal/InternalFilterAttributeFormActionControl/InternalFilterAttributeFormActionControl.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,gEAA6D;AACvF,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,wCAAyC,SAAQ,eAAe;IAC3E,aAAa;QACX,MAAM,OAAO,GAAG,IAAI,CAAC,OAAqC,CAAC;QAC3D,MAAM,UAAU,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC;QAChE,MAAM,OAAO,GAAG,CAAC,EAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAA,CAAC;QAEhC,OAAO,IAAI,CAAA;;UAEL,OAAO,IAAI,UAAU;YACrB,CAAC,CAAC,IAAI,CAAA;;;4BAGY,IAAI,CAAC,QAAQ;yBAChB,GAAG,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,EAAE;;;;aAIjC;YACH,CAAC,CAAC,EAAE;;kBAEI,OAAO,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS;kBAC1D,OAAO,IAAI,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;sBACrC,IAAI,CAAC,QAAQ;mBAChB,GAAG,EAAE,CAAC,CAAC,CAAC,OAAO,IAAI,UAAU,CAAC,CAAC,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,GAAG,CAAC,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,EAAE,CAAC;;oCAErD,OAAO,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ;;;;KAItF,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { FilterAttributeForm } from '../../FilterAttributeForm';\nimport type { TemplateResult } from 'lit-html';\n\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { html } from 'lit-html';\n\nexport class InternalFilterAttributeFormActionControl extends InternalControl {\n  renderControl(): TemplateResult {\n    const nucleon = this.nucleon as FilterAttributeForm | null;\n    const hasChanges = nucleon?.in({ idle: { snapshot: 'dirty' } });\n    const hasData = !!nucleon?.data;\n\n    return html`\n      <div class=\"grid grid-cols-2 gap-m\">\n        ${hasData && hasChanges\n          ? html`\n              <vaadin-button\n                theme=\"contrast\"\n                ?disabled=${this.disabled}\n                @click=${() => nucleon?.undo()}\n              >\n                <foxy-i18n infer=\"\" key=\"reset\"></foxy-i18n>\n              </vaadin-button>\n            `\n          : ''}\n        <vaadin-button\n          theme=${hasData ? (hasChanges ? 'secondary' : 'error') : 'success'}\n          class=${hasData && hasChanges ? '' : 'col-span-2'}\n          ?disabled=${this.disabled}\n          @click=${() => (!hasData || hasChanges ? nucleon?.submit() : nucleon?.delete())}\n        >\n          <foxy-i18n infer=\"\" key=${hasData ? (hasChanges ? 'update' : 'delete') : 'create'}>\n          </foxy-i18n>\n        </vaadin-button>\n      </div>\n    `;\n  }\n}\n"]}

package/dist/elements/public/FilterAttributeForm/internal/InternalFilterAttributeFormActionControl/index.d.ts

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

package/dist/elements/public/FilterAttributeForm/internal/InternalFilterAttributeFormActionControl/index.js

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

package/dist/elements/public/FilterAttributeForm/internal/InternalFilterAttributeFormActionControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/FilterAttributeForm/internal/InternalFilterAttributeFormActionControl/index.ts"],"names":[],"mappings":"AAAA,uDAAoD;AACpD,OAAO,uBAAuB,CAAC;AAC/B,gCAA6B;AAE7B,OAAO,EAAE,wCAAwC,IAAI,OAAO,EAAE,sDAAmD;AAEjH,cAAc,CAAC,MAAM,CAAC,oDAAoD,EAAE,OAAO,CAAC,CAAC;AAErF,OAAO,EAAE,OAAO,IAAI,wCAAwC,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalControl/index';\nimport '@vaadin/vaadin-button';\nimport '../../../I18n/index';\n\nimport { InternalFilterAttributeFormActionControl as Control } from './InternalFilterAttributeFormActionControl';\n\ncustomElements.define('foxy-internal-filter-attribute-form-action-control', Control);\n\nexport { Control as InternalFilterAttributeFormActionControl };\n"]}

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

@@ -0,0 +1,14 @@
+import type { FilterAttributeForm } from './FilterAttributeForm';
+import type { Renderer } from '../../../mixins/configurable';
+import type { Resource } from '@foxy.io/sdk/core';
+import type { Rels } from '@foxy.io/sdk/backend';
+export declare type Templates = {
+    'filter-query:before': Renderer<FilterAttributeForm>;
+    'filter-query:after': Renderer<FilterAttributeForm>;
+    'filter-name:before': Renderer<FilterAttributeForm>;
+    'filter-name:after': Renderer<FilterAttributeForm>;
+    'action:before': Renderer<FilterAttributeForm>;
+    'action:after': Renderer<FilterAttributeForm>;
+};
+export declare type Data = Resource<Rels.Attribute>;
+export type { Option } from '../QueryBuilder/types';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/FilterAttributeForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { FilterAttributeForm } from './FilterAttributeForm';\nimport type { Renderer } from '../../../mixins/configurable';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nexport type Templates = {\n  'filter-query:before': Renderer<FilterAttributeForm>;\n  'filter-query:after': Renderer<FilterAttributeForm>;\n  'filter-name:before': Renderer<FilterAttributeForm>;\n  'filter-name:after': Renderer<FilterAttributeForm>;\n  'action:before': Renderer<FilterAttributeForm>;\n  'action:after': Renderer<FilterAttributeForm>;\n};\n\nexport type Data = Resource<Rels.Attribute>;\n\nexport type { Option } from '../QueryBuilder/types';\n"]}