@unidy.io/sdk 1.1.8 → 1.1.10

package/dist/collection/ticketable/components/ticketable-list/ticketable-list.js

@@ -0,0 +1,505 @@
+import { Host, h } from "@stencil/core";
+import { format } from "date-fns/format";
+import { de } from "date-fns/locale/de";
+import { enUS } from "date-fns/locale/en-US";
+import { fr } from "date-fns/locale/fr";
+import { nlBE } from "date-fns/locale/nl-BE";
+import { ro } from "date-fns/locale/ro";
+import { getUnidyClient } from "../../../api";
+import { Auth } from "../../../auth";
+import { t } from "../../../i18n";
+import { UnidyComponent } from "../../../logger";
+import { unidyState, waitForConfig } from "../../../shared/store/unidy-store";
+import { createPaginationStore } from "../../store/pagination-store";
+import { createSkeletonLoader, replaceTextNodesWithSkeletons } from "./skeleton-helpers";
+const LOCALES = {
+    "en-US": enUS,
+    de: de,
+    fr: fr,
+    "nl-BE": nlBE,
+    ro: ro,
+};
+export class TicketableList extends UnidyComponent {
+    constructor() {
+        super();
+    }
+    element;
+    // TODO: move into a generic store, since we'll have this kind of fetching all over the app (also implement SWR and other things inside of it)
+    items = [];
+    loading = true;
+    error = null;
+    paginationMeta = null;
+    target;
+    containerClass;
+    // TODO: add a component that can override this
+    filter = "";
+    // TODO: Add pagination component to override all of this
+    limit = 10;
+    page = 1;
+    skeletonCount;
+    skeletonAllText = false;
+    ticketableType;
+    async fetchData() {
+        await this.loadData();
+    }
+    store = null;
+    uTicketableListSuccess;
+    uTicketableListError;
+    async componentWillLoad() {
+        this.store = createPaginationStore();
+    }
+    async componentDidLoad() {
+        this.logger.trace("start componentDidLoad");
+        await waitForConfig();
+        this.logger.trace("UnidyConfig loaded, start to load data");
+        const authInstance = await Auth.getInstance();
+        if (await authInstance.isAuthenticated()) {
+            await this.loadData();
+            this.logger.debug(`data loaded, items: ${this.items}, paginationMeta: ${this.paginationMeta}`);
+        }
+        else {
+            this.logger.debug("user is not authenticated, skipping data load");
+        }
+    }
+    async loadData() {
+        this.loading = true;
+        if (!this.ticketableType) {
+            this.error = "[u-ticketable-list] ticketable-type attribute is required";
+            this.loading = false;
+            this.uTicketableListError.emit({ error: this.error });
+            return;
+        }
+        if (this.ticketableType !== "ticket" && this.ticketableType !== "subscription") {
+            this.error = `[u-ticketable-list] Invalid ticketable-type: ${this.ticketableType}. Must be 'ticket' or 'subscription'`;
+            this.loading = false;
+            this.uTicketableListError.emit({ error: this.error });
+            return;
+        }
+        try {
+            const unidyClient = await getUnidyClient();
+            const service = this.ticketableType === "ticket" ? unidyClient.tickets : unidyClient.subscriptions;
+            const response = await service.list({}, {
+                page: this.page,
+                limit: this.limit,
+                ...Object.fromEntries((this.filter || "").split(";").map((pair) => pair.split("="))),
+            });
+            if (!response.success || !response.data) {
+                this.error =
+                    response.error instanceof Error
+                        ? response.error.message
+                        : response.error || `[u-ticketable-list] Failed to fetch ${this.ticketableType}s`;
+                this.loading = false;
+                this.uTicketableListError.emit({ error: this.error });
+                return;
+            }
+            this.items = response.data.results;
+            this.paginationMeta = response.data.meta;
+            // Update the store with pagination data
+            if (this.store) {
+                this.store.state.paginationMeta = response.data.meta;
+            }
+            this.loading = false;
+            this.uTicketableListSuccess.emit({ ticketableType: this.ticketableType, items: this.items, paginationMeta: this.paginationMeta });
+        }
+        catch (err) {
+            this.error = err instanceof Error ? err.message : "[u-ticketable-list] An error occurred";
+            this.loading = false;
+            this.uTicketableListError.emit({ error: this.error });
+        }
+    }
+    renderFragment(template, item) {
+        const fragment = template.content.cloneNode(true);
+        const isSkeleton = !item;
+        for (const elem of fragment.querySelectorAll("[unidy-attr]")) {
+            for (const [unidyAttr, newValue] of Array.from(elem.attributes)
+                .filter((attr) => attr.name.startsWith("unidy-attr-"))
+                .map((attr) => {
+                if (isSkeleton) {
+                    return [attr, "#"];
+                }
+                let value = attr.value;
+                for (const [key, val] of Object.entries(item)) {
+                    value = value.replaceAll(`{{${key}}}`, val);
+                }
+                return [attr, value];
+            })) {
+                elem.setAttribute(unidyAttr.name.replace("unidy-attr-", ""), newValue);
+                elem.removeAttribute(unidyAttr.name);
+            }
+        }
+        if (isSkeleton && this.skeletonAllText) {
+            replaceTextNodesWithSkeletons(fragment);
+        }
+        for (const valueEl of fragment.querySelectorAll("ticketable-value")) {
+            if (isSkeleton) {
+                valueEl.innerHTML = createSkeletonLoader("Sample Text");
+            }
+            else {
+                const key = valueEl.getAttribute("name");
+                if (!key)
+                    continue;
+                const value = item[key];
+                const formatAttr = valueEl.getAttribute("format");
+                const dateFormatAttr = valueEl.getAttribute("date-format");
+                let finalValue;
+                if (typeof value === "object" && value instanceof Date) {
+                    finalValue = format(value, dateFormatAttr || "yyyy-MM-dd", { locale: LOCALES[unidyState.locale] || de });
+                }
+                else if (typeof value === "number" && key === "price") {
+                    finalValue = new Intl.NumberFormat(unidyState.locale, { style: "currency", currency: item.currency || "EUR" }).format(value);
+                }
+                else if (typeof value === "number") {
+                    finalValue = value.toFixed(2);
+                }
+                else if (value != null) {
+                    finalValue = String(value);
+                }
+                else {
+                    finalValue = valueEl.getAttribute("default") || "";
+                }
+                if (formatAttr) {
+                    finalValue = formatAttr.replaceAll("{{value}}", finalValue);
+                }
+                valueEl.textContent = finalValue;
+            }
+        }
+        return fragment;
+    }
+    componentDidUpdate() {
+        if (this.target) {
+            requestAnimationFrame(() => this.renderToTarget());
+        }
+    }
+    componentDidRender() {
+        if (this.target) {
+            requestAnimationFrame(() => this.renderToTarget());
+        }
+    }
+    renderToTarget() {
+        const template = this.element.querySelector("template");
+        if (!template)
+            return;
+        const targetElement = document.querySelector(this.target);
+        if (!targetElement) {
+            this.logger.warn("targetElement not found");
+            return;
+        }
+        // Clear existing content
+        targetElement.innerHTML = "";
+        this.renderContent(targetElement, template);
+    }
+    renderContent(target, template) {
+        if (this.loading) {
+            // Use skeletonCount if provided, otherwise use limit
+            const skeletonCount = this.skeletonCount || this.limit;
+            for (const _item of Array.from({ length: skeletonCount })) {
+                target.appendChild(this.renderFragment(template));
+            }
+        }
+        else if (!this.error) {
+            for (const item of this.items) {
+                target.appendChild(this.renderFragment(template, item));
+            }
+        }
+        else {
+            this.logger.error(`failed to load content: ${this.error}`);
+            target.innerHTML = `<h1>${t("errors.prefix")} ${this.error}</h1>`;
+        }
+    }
+    render() {
+        if (this.error) {
+            this.logger.error(`can't render content: ${this.error}`);
+            return (h("h1", null, "`$", t("errors.prefix"), " $", this.error, "`"));
+        }
+        const template = this.element.querySelector("template");
+        if (!template) {
+            this.logger.error("template not found");
+            return h("h1", null, "No template found - fix config");
+        }
+        if (this.target) {
+            return (h(Host, null, h("slot", null)));
+        }
+        const element = document.createElement("div");
+        this.renderContent(element, template);
+        return (h(Host, null, h("div", { class: this.containerClass, innerHTML: element.innerHTML }), h("slot", { name: "pagination" })));
+    }
+    static get is() { return "u-ticketable-list"; }
+    static get properties() {
+        return {
+            "paginationMeta": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "PaginationMeta | null",
+                    "resolved": "{ count: number; page: number; limit: number; last: number; prev?: number; next?: number; }",
+                    "references": {
+                        "PaginationMeta": {
+                            "location": "import",
+                            "path": "../../../api",
+                            "id": "src/api/index.ts::PaginationMeta"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "null"
+            },
+            "target": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "target"
+            },
+            "containerClass": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "container-class"
+            },
+            "filter": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "filter",
+                "defaultValue": "\"\""
+            },
+            "limit": {
+                "type": "number",
+                "mutable": true,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "limit",
+                "defaultValue": "10"
+            },
+            "page": {
+                "type": "number",
+                "mutable": true,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "page",
+                "defaultValue": "1"
+            },
+            "skeletonCount": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "skeleton-count"
+            },
+            "skeletonAllText": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "skeleton-all-text",
+                "defaultValue": "false"
+            },
+            "ticketableType": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "\"ticket\" | \"subscription\"",
+                    "resolved": "\"subscription\" | \"ticket\"",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "ticketable-type"
+            },
+            "store": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "PaginationStore | null",
+                    "resolved": "{ state: PaginationState; onChange: <K extends keyof PaginationState>(prop: K, cb: (newValue: PaginationState[K]) => void) => () => void; reset: () => void; }",
+                    "references": {
+                        "PaginationStore": {
+                            "location": "import",
+                            "path": "../../store/pagination-store",
+                            "id": "src/ticketable/store/pagination-store.ts::PaginationStore"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "null"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "items": {},
+            "loading": {},
+            "error": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "uTicketableListSuccess",
+                "name": "uTicketableListSuccess",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "{\n    ticketableType: \"ticket\" | \"subscription\";\n    items: Subscription[] | Ticket[];\n    paginationMeta: PaginationMeta | null;\n  }",
+                    "resolved": "{ ticketableType: \"ticket\" | \"subscription\"; items: { id: string; title: string; text: string; state: string; reference: string; created_at: Date; updated_at: Date; price: number; user_id: string; subscription_category_id: string; payment_frequency?: string; metadata?: Record<string, unknown>; wallet_export?: Record<string, unknown>; payment_state?: string; currency?: string; button_cta_url?: string; starts_at?: Date; ends_at?: Date; next_payment_at?: Date; }[] | { id: string; title: string; reference: string; state: string; starts_at: Date; created_at: Date; updated_at: Date; price: number; user_id: string; ticket_category_id: string; text?: string; metadata?: Record<string, unknown>; wallet_export?: Record<string, unknown>; payment_state?: string; button_cta_url?: string; info_banner?: string; seating?: string; venue?: string; currency?: string; ends_at?: Date; }[]; paginationMeta: { count: number; page: number; limit: number; last: number; prev?: number; next?: number; }; }",
+                    "references": {
+                        "Subscription": {
+                            "location": "import",
+                            "path": "../../api/subscriptions",
+                            "id": "src/ticketable/api/subscriptions.ts::Subscription"
+                        },
+                        "Ticket": {
+                            "location": "import",
+                            "path": "../../api/tickets",
+                            "id": "src/ticketable/api/tickets.ts::Ticket"
+                        },
+                        "PaginationMeta": {
+                            "location": "import",
+                            "path": "../../../api",
+                            "id": "src/api/index.ts::PaginationMeta"
+                        }
+                    }
+                }
+            }, {
+                "method": "uTicketableListError",
+                "name": "uTicketableListError",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "{\n    ticketableType?: \"ticket\" | \"subscription\";\n    error: string;\n  }",
+                    "resolved": "{ ticketableType?: \"ticket\" | \"subscription\"; error: string; }",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "element"; }
+    static get watchers() {
+        return [{
+                "propName": "page",
+                "methodName": "fetchData"
+            }, {
+                "propName": "limit",
+                "methodName": "fetchData"
+            }, {
+                "propName": "filter",
+                "methodName": "fetchData"
+            }];
+    }
+}
+//# sourceMappingURL=ticketable-list.js.map

package/dist/collection/ticketable/components/ticketable-list/ticketable-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ticketable-list.js","sourceRoot":"","sources":["../../../../src/ticketable/components/ticketable-list/ticketable-list.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, type EventEmitter, Host, h, Prop, State, Watch } from \"@stencil/core\";\nimport type { Locale } from \"date-fns\";\nimport { format } from \"date-fns/format\";\nimport { de } from \"date-fns/locale/de\";\nimport { enUS } from \"date-fns/locale/en-US\";\nimport { fr } from \"date-fns/locale/fr\";\nimport { nlBE } from \"date-fns/locale/nl-BE\";\nimport { ro } from \"date-fns/locale/ro\";\nimport type { PaginationMeta } from \"../../../api\";\nimport { getUnidyClient } from \"../../../api\";\nimport { Auth } from \"../../../auth\";\nimport { t } from \"../../../i18n\";\nimport { UnidyComponent } from \"../../../logger\";\nimport { unidyState, waitForConfig } from \"../../../shared/store/unidy-store\";\nimport type { Subscription } from \"../../api/subscriptions\";\nimport type { Ticket } from \"../../api/tickets\";\nimport { createPaginationStore, type PaginationStore } from \"../../store/pagination-store\";\nimport { createSkeletonLoader, replaceTextNodesWithSkeletons } from \"./skeleton-helpers\";\n\nconst LOCALES: Record<string, Locale> = {\n  \"en-US\": enUS,\n  de: de,\n  fr: fr,\n  \"nl-BE\": nlBE,\n  ro: ro,\n};\n\n@Component({ tag: \"u-ticketable-list\", shadow: false })\nexport class TicketableList extends UnidyComponent {\n  @Element() element: HTMLElement;\n\n  // TODO: move into a generic store, since we'll have this kind of fetching all over the app (also implement SWR and other things inside of it)\n  @State() items: Subscription[] | Ticket[] = [];\n  @State() loading = true;\n  @State() error: string | null = null;\n  @Prop() paginationMeta: PaginationMeta | null = null;\n\n  @Prop() target?: string;\n  @Prop() containerClass?: string;\n\n  // TODO: add a component that can override this\n  @Prop({ mutable: true }) filter = \"\";\n\n  // TODO: Add pagination component to override all of this\n  @Prop({ mutable: true }) limit = 10;\n  @Prop({ mutable: true }) page = 1;\n\n  @Prop() skeletonCount?: number;\n  @Prop() skeletonAllText?: boolean = false;\n  @Prop() ticketableType!: \"ticket\" | \"subscription\";\n\n  @Watch(\"page\")\n  @Watch(\"limit\")\n  @Watch(\"filter\")\n  async fetchData() {\n    await this.loadData();\n  }\n\n  @Prop() store: PaginationStore | null = null;\n\n  @Event() uTicketableListSuccess!: EventEmitter<{\n    ticketableType: \"ticket\" | \"subscription\";\n    items: Subscription[] | Ticket[];\n    paginationMeta: PaginationMeta | null;\n  }>;\n\n  @Event() uTicketableListError!: EventEmitter<{\n    ticketableType?: \"ticket\" | \"subscription\";\n    error: string;\n  }>;\n\n  async componentWillLoad() {\n    this.store = createPaginationStore();\n  }\n\n  async componentDidLoad() {\n    this.logger.trace(\"start componentDidLoad\");\n    await waitForConfig();\n    this.logger.trace(\"UnidyConfig loaded, start to load data\");\n\n    const authInstance = await Auth.getInstance();\n\n    if (await authInstance.isAuthenticated()) {\n      await this.loadData();\n      this.logger.debug(`data loaded, items: ${this.items}, paginationMeta: ${this.paginationMeta}`);\n    } else {\n      this.logger.debug(\"user is not authenticated, skipping data load\");\n    }\n  }\n\n  private async loadData() {\n    this.loading = true;\n\n    if (!this.ticketableType) {\n      this.error = \"[u-ticketable-list] ticketable-type attribute is required\";\n      this.loading = false;\n      this.uTicketableListError.emit({ error: this.error });\n      return;\n    }\n\n    if (this.ticketableType !== \"ticket\" && this.ticketableType !== \"subscription\") {\n      this.error = `[u-ticketable-list] Invalid ticketable-type: ${this.ticketableType}. Must be 'ticket' or 'subscription'`;\n      this.loading = false;\n      this.uTicketableListError.emit({ error: this.error });\n      return;\n    }\n\n    try {\n      const unidyClient = await getUnidyClient();\n      const service = this.ticketableType === \"ticket\" ? unidyClient.tickets : unidyClient.subscriptions;\n\n      const response = await service.list(\n        {},\n        {\n          page: this.page,\n          limit: this.limit,\n          ...Object.fromEntries((this.filter || \"\").split(\";\").map((pair) => pair.split(\"=\"))),\n        },\n      );\n\n      if (!response.success || !response.data) {\n        this.error =\n          response.error instanceof Error\n            ? response.error.message\n            : response.error || `[u-ticketable-list] Failed to fetch ${this.ticketableType}s`;\n        this.loading = false;\n        this.uTicketableListError.emit({ error: this.error });\n        return;\n      }\n\n      this.items = response.data.results;\n      this.paginationMeta = response.data.meta;\n\n      // Update the store with pagination data\n      if (this.store) {\n        this.store.state.paginationMeta = response.data.meta;\n      }\n\n      this.loading = false;\n\n      this.uTicketableListSuccess.emit({ ticketableType: this.ticketableType, items: this.items, paginationMeta: this.paginationMeta });\n    } catch (err) {\n      this.error = err instanceof Error ? err.message : \"[u-ticketable-list] An error occurred\";\n      this.loading = false;\n      this.uTicketableListError.emit({ error: this.error });\n    }\n  }\n\n  private renderFragment(template: HTMLTemplateElement, item?: Subscription | Ticket): DocumentFragment {\n    const fragment = template.content.cloneNode(true) as DocumentFragment;\n    const isSkeleton = !item;\n\n    for (const elem of fragment.querySelectorAll(\"[unidy-attr]\")) {\n      for (const [unidyAttr, newValue] of Array.from(elem.attributes)\n        .filter((attr) => attr.name.startsWith(\"unidy-attr-\"))\n        .map((attr) => {\n          if (isSkeleton) {\n            return [attr, \"#\"] as const;\n          }\n\n          let value = attr.value;\n          for (const [key, val] of Object.entries(item)) {\n            value = value.replaceAll(`{{${key}}}`, val as string);\n          }\n\n          return [attr, value] as const;\n        })) {\n        elem.setAttribute(unidyAttr.name.replace(\"unidy-attr-\", \"\"), newValue);\n        elem.removeAttribute(unidyAttr.name);\n      }\n    }\n\n    if (isSkeleton && this.skeletonAllText) {\n      replaceTextNodesWithSkeletons(fragment);\n    }\n\n    for (const valueEl of fragment.querySelectorAll(\"ticketable-value\")) {\n      if (isSkeleton) {\n        valueEl.innerHTML = createSkeletonLoader(\"Sample Text\");\n      } else {\n        const key = valueEl.getAttribute(\"name\");\n        if (!key) continue;\n        const value = item[key];\n        const formatAttr = valueEl.getAttribute(\"format\");\n        const dateFormatAttr = valueEl.getAttribute(\"date-format\");\n\n        let finalValue: string;\n\n        if (typeof value === \"object\" && value instanceof Date) {\n          finalValue = format(value, dateFormatAttr || \"yyyy-MM-dd\", { locale: LOCALES[unidyState.locale] || de });\n        } else if (typeof value === \"number\" && key === \"price\") {\n          finalValue = new Intl.NumberFormat(unidyState.locale, { style: \"currency\", currency: item.currency || \"EUR\" }).format(value);\n        } else if (typeof value === \"number\") {\n          finalValue = value.toFixed(2);\n        } else if (value != null) {\n          finalValue = String(value);\n        } else {\n          finalValue = valueEl.getAttribute(\"default\") || \"\";\n        }\n\n        if (formatAttr) {\n          finalValue = formatAttr.replaceAll(\"{{value}}\", finalValue);\n        }\n\n        valueEl.textContent = finalValue;\n      }\n    }\n\n    return fragment;\n  }\n\n  componentDidUpdate() {\n    if (this.target) {\n      requestAnimationFrame(() => this.renderToTarget());\n    }\n  }\n\n  componentDidRender() {\n    if (this.target) {\n      requestAnimationFrame(() => this.renderToTarget());\n    }\n  }\n\n  private renderToTarget() {\n    const template = this.element.querySelector(\"template\");\n    if (!template) return;\n\n    const targetElement = document.querySelector(this.target);\n    if (!targetElement) {\n      this.logger.warn(\"targetElement not found\");\n      return;\n    }\n\n    // Clear existing content\n    targetElement.innerHTML = \"\";\n    this.renderContent(targetElement, template);\n  }\n\n  private renderContent(target: Element, template: HTMLTemplateElement) {\n    if (this.loading) {\n      // Use skeletonCount if provided, otherwise use limit\n      const skeletonCount = this.skeletonCount || this.limit;\n      for (const _item of Array.from({ length: skeletonCount })) {\n        target.appendChild(this.renderFragment(template));\n      }\n    } else if (!this.error) {\n      for (const item of this.items) {\n        target.appendChild(this.renderFragment(template, item));\n      }\n    } else {\n      this.logger.error(`failed to load content: ${this.error}`);\n      target.innerHTML = `<h1>${t(\"errors.prefix\")} ${this.error}</h1>`;\n    }\n  }\n\n  render() {\n    if (this.error) {\n      this.logger.error(`can't render content: ${this.error}`);\n      return (\n        <h1>\n          `${t(\"errors.prefix\")} ${this.error}`\n        </h1>\n      );\n    }\n\n    const template = this.element.querySelector(\"template\");\n    if (!template) {\n      this.logger.error(\"template not found\");\n      return <h1>No template found - fix config</h1>;\n    }\n\n    if (this.target) {\n      return (\n        <Host>\n          <slot />\n        </Host>\n      );\n    }\n\n    const element = document.createElement(\"div\");\n    this.renderContent(element, template);\n\n    return (\n      <Host>\n        <div class={this.containerClass} innerHTML={element.innerHTML} />\n        <slot name=\"pagination\" />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/ticketable/index.js

@@ -0,0 +1,13 @@
+/**
+ * @fileoverview entry point for your component library
+ *
+ * This is the entry point for your component library. Use this file to export utilities,
+ * constants or data structure that accompany your components.
+ *
+ * DO NOT use this file to export your components. Instead, use the recommended approaches
+ * to consume components of this package as outlined in the `README.md`.
+ */
+export * from "./api/subscriptions";
+export * from "./api/tickets";
+export * from "./store/pagination-store";
+//# sourceMappingURL=index.js.map

package/dist/collection/ticketable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ticketable/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC","sourcesContent":["/**\n * @fileoverview entry point for your component library\n *\n * This is the entry point for your component library. Use this file to export utilities,\n * constants or data structure that accompany your components.\n *\n * DO NOT use this file to export your components. Instead, use the recommended approaches\n * to consume components of this package as outlined in the `README.md`.\n */\n\nexport * from \"./api/subscriptions\";\nexport * from \"./api/tickets\";\nexport * from \"./store/pagination-store\";\n"]}

package/dist/collection/ticketable/store/pagination-store.js

@@ -0,0 +1,9 @@
+import { createStore } from "@stencil/store";
+export function createPaginationStore() {
+    const initialState = {
+        paginationMeta: null,
+    };
+    const store = createStore(initialState);
+    return { state: store.state, onChange: store.onChange, reset: store.reset };
+}
+//# sourceMappingURL=pagination-store.js.map

package/dist/collection/ticketable/store/pagination-store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-store.js","sourceRoot":"","sources":["../../../src/ticketable/store/pagination-store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAa7C,MAAM,UAAU,qBAAqB;IACnC,MAAM,YAAY,GAAoB;QACpC,cAAc,EAAE,IAAI;KACrB,CAAC;IAEF,MAAM,KAAK,GAAG,WAAW,CAAkB,YAAY,CAAC,CAAC;IAEzD,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC;AAC9E,CAAC","sourcesContent":["import { createStore } from \"@stencil/store\";\nimport type { PaginationMeta } from \"../../api\";\n\nexport interface PaginationState {\n  paginationMeta: PaginationMeta | null;\n}\n\nexport type PaginationStore = {\n  state: PaginationState;\n  onChange: <K extends keyof PaginationState>(prop: K, cb: (newValue: PaginationState[K]) => void) => () => void;\n  reset: () => void;\n};\n\nexport function createPaginationStore(): PaginationStore {\n  const initialState: PaginationState = {\n    paginationMeta: null,\n  };\n\n  const store = createStore<PaginationState>(initialState);\n\n  return { state: store.state, onChange: store.onChange, reset: store.reset };\n}\n"]}