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

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

@@ -0,0 +1,5 @@
+import '../../internal/InternalTextAreaControl/index';
+import '../../internal/InternalTextControl/index';
+import '../../internal/InternalForm/index';
+import { ClientForm } from './ClientForm';
+export { ClientForm };

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

@@ -0,0 +1,7 @@
+import "../../internal/InternalTextAreaControl/index.js";
+import "../../internal/InternalTextControl/index.js";
+import "../../internal/InternalForm/index.js";
+import { ClientForm } from "./ClientForm.js";
+customElements.define('foxy-client-form', ClientForm);
+export { ClientForm };
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,35 @@
+import type { ClientForm } from './ClientForm';
+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 Data = Resource<Rels.Client>;
+export declare type Templates = {
+    'client-id:before'?: Renderer<ClientForm>;
+    'client-id:after'?: Renderer<ClientForm>;
+    'client-secret:before'?: Renderer<ClientForm>;
+    'client-secret:after'?: Renderer<ClientForm>;
+    'redirect-uri:before'?: Renderer<ClientForm>;
+    'redirect-uri:after'?: Renderer<ClientForm>;
+    'project-name:before'?: Renderer<ClientForm>;
+    'project-name:after'?: Renderer<ClientForm>;
+    'project-description:before'?: Renderer<ClientForm>;
+    'project-description:after'?: Renderer<ClientForm>;
+    'company-name:before'?: Renderer<ClientForm>;
+    'company-name:after'?: Renderer<ClientForm>;
+    'company-url:before'?: Renderer<ClientForm>;
+    'company-url:after'?: Renderer<ClientForm>;
+    'company-logo:before'?: Renderer<ClientForm>;
+    'company-logo:after'?: Renderer<ClientForm>;
+    'contact-name:before'?: Renderer<ClientForm>;
+    'contact-name:after'?: Renderer<ClientForm>;
+    'contact-email:before'?: Renderer<ClientForm>;
+    'contact-email:after'?: Renderer<ClientForm>;
+    'contact-phone:before'?: Renderer<ClientForm>;
+    'contact-phone:after'?: Renderer<ClientForm>;
+    'timestamps:before'?: Renderer<ClientForm>;
+    'timestamps:after'?: Renderer<ClientForm>;
+    'create:before'?: Renderer<ClientForm>;
+    'create:after'?: Renderer<ClientForm>;
+    'delete:before'?: Renderer<ClientForm>;
+    'delete:after'?: Renderer<ClientForm>;
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/ClientForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ClientForm } from './ClientForm';\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 Data = Resource<Rels.Client>;\n\nexport type Templates = {\n  'client-id:before'?: Renderer<ClientForm>;\n  'client-id:after'?: Renderer<ClientForm>;\n  'client-secret:before'?: Renderer<ClientForm>;\n  'client-secret:after'?: Renderer<ClientForm>;\n  'redirect-uri:before'?: Renderer<ClientForm>;\n  'redirect-uri:after'?: Renderer<ClientForm>;\n  'project-name:before'?: Renderer<ClientForm>;\n  'project-name:after'?: Renderer<ClientForm>;\n  'project-description:before'?: Renderer<ClientForm>;\n  'project-description:after'?: Renderer<ClientForm>;\n  'company-name:before'?: Renderer<ClientForm>;\n  'company-name:after'?: Renderer<ClientForm>;\n  'company-url:before'?: Renderer<ClientForm>;\n  'company-url:after'?: Renderer<ClientForm>;\n  'company-logo:before'?: Renderer<ClientForm>;\n  'company-logo:after'?: Renderer<ClientForm>;\n  'contact-name:before'?: Renderer<ClientForm>;\n  'contact-name:after'?: Renderer<ClientForm>;\n  'contact-email:before'?: Renderer<ClientForm>;\n  'contact-email:after'?: Renderer<ClientForm>;\n  'contact-phone:before'?: Renderer<ClientForm>;\n  'contact-phone:after'?: Renderer<ClientForm>;\n  'timestamps:before'?: Renderer<ClientForm>;\n  'timestamps:after'?: Renderer<ClientForm>;\n  'create:before'?: Renderer<ClientForm>;\n  'create:after'?: Renderer<ClientForm>;\n  'delete:before'?: Renderer<ClientForm>;\n  'delete:after'?: Renderer<ClientForm>;\n};\n"]}

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":"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","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"]}

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

@@ -0,0 +1,22 @@
+import type { TemplateResult } from 'lit-element';
+import type { Data } from './types';
+import { TwoLineCard } from '../CustomFieldCard/TwoLineCard';
+declare const Base: typeof TwoLineCard & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+};
+/**
+ * Basic card displaying a saved passkey.
+ *
+ * @slot title:before
+ * @slot title:after
+ *
+ * @slot subtitle:before
+ * @slot subtitle:after
+ *
+ * @element foxy-passkey-card
+ * @since 1.24.0
+ */
+export declare class PasskeyCard extends Base<Data> {
+    renderBody(): TemplateResult;
+}
+export {};