@unidy.io/sdk 1.1.1-alpha2 → 1.1.2

package/dist/collection/ticketable/components/pagination/pagination-button.js

@@ -1,108 +0,0 @@
-import { h, Host } from "@stencil/core";
-import { UnidyComponent } from "../../../logger";
-export class PaginationButton extends UnidyComponent {
-    constructor() {
-        super();
-    }
-    element;
-    direction = "next";
-    customClass;
-    paginationMeta = null;
-    store = null;
-    unsubscribe = null;
-    componentDidLoad() {
-        this.store = this.element.closest("u-ticketable-list")?.store;
-        if (!this.store) {
-            this.logger.warn("TicketableList component not found");
-            return;
-        }
-        // Get initial state
-        this.paginationMeta = this.store.state.paginationMeta;
-        // Subscribe to store changes - watch for changes to paginationMeta
-        this.unsubscribe = this.store.onChange("paginationMeta", (value) => {
-            this.paginationMeta = value;
-        });
-    }
-    disconnectedCallback() {
-        this.unsubscribe?.();
-    }
-    handleClick = () => {
-        const parent = this.element.closest("u-ticketable-list");
-        if (!parent || !this.paginationMeta) {
-            return;
-        }
-        const isPrev = this.direction === "prev";
-        let newPage = null;
-        if (isPrev && this.paginationMeta.prev !== null) {
-            newPage = this.paginationMeta.prev;
-        }
-        else if (!isPrev && this.paginationMeta.next !== null) {
-            newPage = this.paginationMeta.next;
-        }
-        if (newPage !== null) {
-            parent.setAttribute("page", String(newPage));
-        }
-    };
-    render() {
-        if (!this.store) {
-            this.logger.warn("TicketableList component not found");
-            return null;
-        }
-        const isPrev = this.direction === "prev";
-        const icon = isPrev ? "←" : "→";
-        // Determine disabled state based on pagination meta
-        const disabled = !this.paginationMeta || (isPrev ? this.paginationMeta.prev === null : this.paginationMeta.next === null);
-        return (h(Host, null, h("button", { type: "button", onClick: this.handleClick, disabled: disabled, "aria-label": isPrev ? "Previous page" : "Next page", class: this.customClass }, h("slot", { name: "icon" }, h("span", { "aria-hidden": "true" }, icon)))));
-    }
-    static get is() { return "u-pagination-button"; }
-    static get properties() {
-        return {
-            "direction": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "\"prev\" | \"next\"",
-                    "resolved": "\"next\" | \"prev\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "direction",
-                "defaultValue": "\"next\""
-            },
-            "customClass": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "custom-class"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "paginationMeta": {}
-        };
-    }
-    static get elementRef() { return "element"; }
-}
-//# sourceMappingURL=pagination-button.js.map

package/dist/collection/ticketable/components/pagination/pagination-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pagination-button.js","sourceRoot":"","sources":["../../../../src/ticketable/components/pagination/pagination-button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Element, Host, State } from \"@stencil/core\";\nimport type { PaginationMeta } from \"../../../api\";\nimport type { PaginationStore } from \"../../store/pagination-store\";\nimport { UnidyComponent } from \"../../../logger\";\n\n@Component({ tag: \"u-pagination-button\", shadow: false })\nexport class PaginationButton extends UnidyComponent {\n  @Element() element: HTMLElement;\n\n  @Prop() direction: \"prev\" | \"next\" = \"next\";\n  @Prop() customClass?: string;\n\n  @State() paginationMeta: PaginationMeta | null = null;\n\n  private store: PaginationStore | null = null;\n  private unsubscribe: (() => void) | null = null;\n\n  componentDidLoad() {\n    this.store = this.element.closest(\"u-ticketable-list\")?.store;\n    if (!this.store) {\n      this.logger.warn(\"TicketableList component not found\");\n      return;\n    }\n\n    // Get initial state\n    this.paginationMeta = this.store.state.paginationMeta;\n\n    // Subscribe to store changes - watch for changes to paginationMeta\n    this.unsubscribe = this.store.onChange(\"paginationMeta\", (value: PaginationMeta | null) => {\n      this.paginationMeta = value;\n    });\n  }\n\n  disconnectedCallback() {\n    this.unsubscribe?.();\n  }\n\n  private handleClick = () => {\n    const parent = this.element.closest(\"u-ticketable-list\");\n    if (!parent || !this.paginationMeta) {\n      return;\n    }\n\n    const isPrev = this.direction === \"prev\";\n    let newPage: number | null = null;\n\n    if (isPrev && this.paginationMeta.prev !== null) {\n      newPage = this.paginationMeta.prev;\n    } else if (!isPrev && this.paginationMeta.next !== null) {\n      newPage = this.paginationMeta.next;\n    }\n\n    if (newPage !== null) {\n      parent.setAttribute(\"page\", String(newPage));\n    }\n  };\n\n  render() {\n    if (!this.store) {\n      this.logger.warn(\"TicketableList component not found\");\n      return null;\n    }\n\n    const isPrev = this.direction === \"prev\";\n    const icon = isPrev ? \"←\" : \"→\";\n\n    // Determine disabled state based on pagination meta\n    const disabled = !this.paginationMeta || (isPrev ? this.paginationMeta.prev === null : this.paginationMeta.next === null);\n\n    return (\n      <Host>\n        <button\n          type=\"button\"\n          onClick={this.handleClick}\n          disabled={disabled}\n          aria-label={isPrev ? \"Previous page\" : \"Next page\"}\n          class={this.customClass}\n        >\n          <slot name=\"icon\">\n            <span aria-hidden=\"true\">{icon}</span>\n          </slot>\n        </button>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/ticketable/components/pagination/pagination-page.js

@@ -1,69 +0,0 @@
-import { h, Host } from "@stencil/core";
-import { UnidyComponent } from "../../../logger";
-export class PaginationPage extends UnidyComponent {
-    constructor() {
-        super();
-    }
-    element;
-    customClass;
-    paginationMeta = null;
-    store = null;
-    unsubscribe = null;
-    componentDidLoad() {
-        this.store = this.element.closest("u-ticketable-list")?.store;
-        if (!this.store) {
-            this.logger.warn("TicketableList component not found");
-            return;
-        }
-        // Get initial state
-        this.paginationMeta = this.store.state.paginationMeta;
-        // Subscribe to store changes - watch for changes to paginationMeta
-        this.unsubscribe = this.store.onChange("paginationMeta", (value) => {
-            this.paginationMeta = value;
-        });
-    }
-    disconnectedCallback() {
-        this.unsubscribe?.();
-    }
-    render() {
-        if (!this.store) {
-            this.logger.warn("TicketableList component not found");
-            return null;
-        }
-        if (!this.paginationMeta) {
-            return null;
-        }
-        return (h(Host, null, h("span", { class: this.customClass }, "Page ", this.paginationMeta.page, " of ", this.paginationMeta.last)));
-    }
-    static get is() { return "u-pagination-page"; }
-    static get properties() {
-        return {
-            "customClass": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "custom-class"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "paginationMeta": {}
-        };
-    }
-    static get elementRef() { return "element"; }
-}
-//# sourceMappingURL=pagination-page.js.map

package/dist/collection/ticketable/components/pagination/pagination-page.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pagination-page.js","sourceRoot":"","sources":["../../../../src/ticketable/components/pagination/pagination-page.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAGzE,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGjD,MAAM,OAAO,cAAe,SAAQ,cAAc;;;;IACrC,OAAO,CAAc;IAExB,WAAW,CAAU;IAEpB,cAAc,GAA0B,IAAI,CAAC;IAE9C,KAAK,GAA2B,IAAI,CAAC;IACrC,WAAW,GAAwB,IAAI,CAAC;IAEhD,gBAAgB;QACd,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,mBAAmB,CAAC,EAAE,KAAK,CAAC;QAC9D,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YAChB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,oCAAoC,CAAC,CAAC;YACvD,OAAO;QACT,CAAC;QAED,oBAAoB;QACpB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC;QAEtD,mEAAmE;QACnE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,gBAAgB,EAAE,CAAC,KAA4B,EAAE,EAAE;YACxF,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;QAC9B,CAAC,CAAC,CAAC;IACL,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC;IACvB,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YAChB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,oCAAoC,CAAC,CAAC;YACvD,OAAO,IAAI,CAAC;QACd,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;YACzB,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,CACL,EAAC,IAAI;YACH,YAAM,KAAK,EAAE,IAAI,CAAC,WAAW;;gBACrB,IAAI,CAAC,cAAc,CAAC,IAAI;;gBAAM,IAAI,CAAC,cAAc,CAAC,IAAI,CACvD,CACF,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Element, Host, State, Prop } from \"@stencil/core\";\nimport type { PaginationMeta } from \"../../../api\";\nimport type { PaginationStore } from \"../../store/pagination-store\";\nimport { UnidyComponent } from \"../../../logger\";\n\n@Component({ tag: \"u-pagination-page\", shadow: false })\nexport class PaginationPage extends UnidyComponent {\n  @Element() element: HTMLElement;\n\n  @Prop() customClass?: string;\n\n  @State() paginationMeta: PaginationMeta | null = null;\n\n  private store: PaginationStore | null = null;\n  private unsubscribe: (() => void) | null = null;\n\n  componentDidLoad() {\n    this.store = this.element.closest(\"u-ticketable-list\")?.store;\n    if (!this.store) {\n      this.logger.warn(\"TicketableList component not found\");\n      return;\n    }\n\n    // Get initial state\n    this.paginationMeta = this.store.state.paginationMeta;\n\n    // Subscribe to store changes - watch for changes to paginationMeta\n    this.unsubscribe = this.store.onChange(\"paginationMeta\", (value: PaginationMeta | null) => {\n      this.paginationMeta = value;\n    });\n  }\n\n  disconnectedCallback() {\n    this.unsubscribe?.();\n  }\n\n  render() {\n    if (!this.store) {\n      this.logger.warn(\"TicketableList component not found\");\n      return null;\n    }\n\n    if (!this.paginationMeta) {\n      return null;\n    }\n\n    return (\n      <Host>\n        <span class={this.customClass}>\n          Page {this.paginationMeta.page} of {this.paginationMeta.last}\n        </span>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1,54 +0,0 @@
-/**
- * Creates a skeleton loader HTML string with animated placeholder
- * @param text - The text to use as a placeholder (will be transparent)
- * @returns HTML string for skeleton loader
- */
-export function createSkeletonLoader(text) {
-    return `
-    <span style="position: relative;">
-      <span style="color: transparent;">${text}</span>
-      <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" style="position: absolute; top: 0; left: 0; pointer-events: none;">
-        <rect width="100%" height="100%" fill="#e0e0e0" rx="4">
-          <animate attributeName="fill" values="#e0e0e0;#f0f0f0;#e0e0e0" dur="1.5s" repeatCount="indefinite"/>
-        </rect>
-      </svg>
-    </span>
-  `;
-}
-/**
- * Replaces text nodes in a DOM tree with skeleton loaders
- * Skips text nodes inside ticketable-value elements
- * @param node - The root node to process
- * @param createSkeletonFn - Function to create skeleton HTML (defaults to createSkeletonLoader)
- */
-export function replaceTextNodesWithSkeletons(node, createSkeletonFn = createSkeletonLoader) {
-    const walker = document.createTreeWalker(node, NodeFilter.SHOW_TEXT, null);
-    const textNodes = [];
-    for (let curTextNode = walker.nextNode(); curTextNode; curTextNode = walker.nextNode()) {
-        if (curTextNode.textContent?.trim()) {
-            let parent = curTextNode.parentNode;
-            let isInsideTicketableValue = false;
-            while (parent) {
-                if (parent.nodeName.toLowerCase() === "ticketable-value") {
-                    isInsideTicketableValue = true;
-                    break;
-                }
-                parent = parent.parentNode;
-            }
-            if (!isInsideTicketableValue) {
-                textNodes.push(curTextNode);
-            }
-        }
-    }
-    for (const textNode of textNodes) {
-        const parent = textNode.parentNode;
-        if (!parent)
-            continue;
-        const text = textNode.textContent || "";
-        const placeholderText = text.trim() || "Sample Text";
-        const skeletonSpan = document.createElement("span");
-        skeletonSpan.innerHTML = createSkeletonFn(placeholderText);
-        parent.replaceChild(skeletonSpan, textNode);
-    }
-}
-//# sourceMappingURL=skeleton-helpers.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"skeleton-helpers.js","sourceRoot":"","sources":["../../../../src/ticketable/components/ticketable-list/skeleton-helpers.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,UAAU,oBAAoB,CAAC,IAAY;IAC/C,OAAO;;0CAEiC,IAAI;;;;;;;GAO3C,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,6BAA6B,CAAC,IAAU,EAAE,mBAA6C,oBAAoB;IACzH,MAAM,MAAM,GAAG,QAAQ,CAAC,gBAAgB,CAAC,IAAI,EAAE,UAAU,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;IAE3E,MAAM,SAAS,GAAW,EAAE,CAAC;IAC7B,KAAK,IAAI,WAAW,GAAG,MAAM,CAAC,QAAQ,EAAE,EAAE,WAAW,EAAE,WAAW,GAAG,MAAM,CAAC,QAAQ,EAAE,EAAE,CAAC;QACvF,IAAI,WAAW,CAAC,WAAW,EAAE,IAAI,EAAE,EAAE,CAAC;YACpC,IAAI,MAAM,GAAG,WAAW,CAAC,UAAU,CAAC;YACpC,IAAI,uBAAuB,GAAG,KAAK,CAAC;YACpC,OAAO,MAAM,EAAE,CAAC;gBACd,IAAI,MAAM,CAAC,QAAQ,CAAC,WAAW,EAAE,KAAK,kBAAkB,EAAE,CAAC;oBACzD,uBAAuB,GAAG,IAAI,CAAC;oBAC/B,MAAM;gBACR,CAAC;gBACD,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC;YAC7B,CAAC;YACD,IAAI,CAAC,uBAAuB,EAAE,CAAC;gBAC7B,SAAS,CAAC,IAAI,CAAC,WAAmB,CAAC,CAAC;YACtC,CAAC;QACH,CAAC;IACH,CAAC;IAED,KAAK,MAAM,QAAQ,IAAI,SAAS,EAAE,CAAC;QACjC,MAAM,MAAM,GAAG,QAAQ,CAAC,UAAU,CAAC;QACnC,IAAI,CAAC,MAAM;YAAE,SAAS;QAEtB,MAAM,IAAI,GAAG,QAAQ,CAAC,WAAW,IAAI,EAAE,CAAC;QACxC,MAAM,eAAe,GAAG,IAAI,CAAC,IAAI,EAAE,IAAI,aAAa,CAAC;QACrD,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QACpD,YAAY,CAAC,SAAS,GAAG,gBAAgB,CAAC,eAAe,CAAC,CAAC;QAC3D,MAAM,CAAC,YAAY,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;IAC9C,CAAC;AACH,CAAC","sourcesContent":["/**\n * Creates a skeleton loader HTML string with animated placeholder\n * @param text - The text to use as a placeholder (will be transparent)\n * @returns HTML string for skeleton loader\n */\nexport function createSkeletonLoader(text: string): string {\n  return `\n    <span style=\"position: relative;\">\n      <span style=\"color: transparent;\">${text}</span>\n      <svg width=\"100%\" height=\"100%\" xmlns=\"http://www.w3.org/2000/svg\" style=\"position: absolute; top: 0; left: 0; pointer-events: none;\">\n        <rect width=\"100%\" height=\"100%\" fill=\"#e0e0e0\" rx=\"4\">\n          <animate attributeName=\"fill\" values=\"#e0e0e0;#f0f0f0;#e0e0e0\" dur=\"1.5s\" repeatCount=\"indefinite\"/>\n        </rect>\n      </svg>\n    </span>\n  `;\n}\n\n/**\n * Replaces text nodes in a DOM tree with skeleton loaders\n * Skips text nodes inside ticketable-value elements\n * @param node - The root node to process\n * @param createSkeletonFn - Function to create skeleton HTML (defaults to createSkeletonLoader)\n */\nexport function replaceTextNodesWithSkeletons(node: Node, createSkeletonFn: (text: string) => string = createSkeletonLoader): void {\n  const walker = document.createTreeWalker(node, NodeFilter.SHOW_TEXT, null);\n\n  const textNodes: Text[] = [];\n  for (let curTextNode = walker.nextNode(); curTextNode; curTextNode = walker.nextNode()) {\n    if (curTextNode.textContent?.trim()) {\n      let parent = curTextNode.parentNode;\n      let isInsideTicketableValue = false;\n      while (parent) {\n        if (parent.nodeName.toLowerCase() === \"ticketable-value\") {\n          isInsideTicketableValue = true;\n          break;\n        }\n        parent = parent.parentNode;\n      }\n      if (!isInsideTicketableValue) {\n        textNodes.push(curTextNode as Text);\n      }\n    }\n  }\n\n  for (const textNode of textNodes) {\n    const parent = textNode.parentNode;\n    if (!parent) continue;\n\n    const text = textNode.textContent || \"\";\n    const placeholderText = text.trim() || \"Sample Text\";\n    const skeletonSpan = document.createElement(\"span\");\n    skeletonSpan.innerHTML = createSkeletonFn(placeholderText);\n    parent.replaceChild(skeletonSpan, textNode);\n  }\n}\n"]}