wj-elements 0.1.135 → 0.1.136

package/dist/wje-kanban.js

@@ -1,462 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import Checkbox from "./wje-checkbox.js";
-import WJElement from "./wje-element.js";
-import MenuItem from "./wje-menu-item.js";
-const styles = "/*\n[ Wj kanban ]\n*/\n\n:host {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n}\n.native {\n    height: 100%;\n    display: grid;\n    grid-auto-flow: column;\n    grid-auto-columns: 300px;\n    overflow-x: auto;\n    gap: 1rem;\n}\n\n.pool {\n    display: inline-block;\n    width: 300px;\n    flex: 0 0 300px;\n    vertical-align: top;\n    overflow: auto;\n    padding: 8px;\n    border-radius: 8px;\n    margin-right: 15px;\n}\n\nh4 {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    margin: 0;\n}\n\n.card {\n    border-radius: 5px;\n    background: #fff;\n    border: 1px solid #ddd;\n    margin-bottom: 5px;\n    padding: 8px 10px;\n    color: #000;\n}\n\n.card:hover {\n    opacity: 0.5;\n}\n\n.dragging {\n    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n    transform: rotate(-2deg);\n    opacity: 0.5;\n    position: relative;\n    z-index: 1000;\n}\n\n.card-placeholder {\n    display: block;\n    height: 34px;\n    border: 1px dashed #ddd;\n    margin: 3px 0;\n    border-radius: 5px;\n}\n\n.pool-header {\n    display: flex;\n    align-items: center;\n    margin-bottom: 0.25rem;\n    gap: 0 0.25rem;\n    wje-checkbox {\n        margin: 0;\n    }\n    wje-badge {\n        margin-inline-start: auto;\n    }\n}\n";
-class Kanban extends WJElement {
-  /**
-   * Creates an instance of Kanban.
-   * @class
-   */
-  constructor() {
-    super();
-    /**
-     * Dependencies of the Option component.
-     */
-    __publicField(this, "dependencies", {
-      "wje-checkbox": Checkbox,
-      "wje-menu-item": MenuItem
-    });
-    /**
-     * Sets the URL for fetching data.
-     * @type {string}
-     */
-    __publicField(this, "className", "Kanban");
-    /**
-     * Iterates over a list of items, generates an HTML card for each, and appends it to the specified pool's content area.
-     * @param {HTMLElement} pool The container element where the cards will be appended. It should contain an element with the class `.pool-content`.
-     * @param {Array} items An array of items used to generate HTML cards.
-     */
-    __publicField(this, "customForeach", (pool, items) => {
-      for (const item of items) {
-        let card = this.htmlCard(item);
-        pool.querySelector(".pool-content").appendChild(card);
-      }
-    });
-    /**
-     * Handles the menu item click event.
-     * @param e
-     */
-    __publicField(this, "menuItemClickHandler", (e) => {
-      const action = e.target.dataset.action;
-      const pool = e.target.closest(".pool");
-      this.handlePoolAction(action, pool);
-    });
-    /**
-     * Updates the column item count.
-     */
-    __publicField(this, "updateColumnItemCount", () => {
-      const pools = this.shadowRoot.querySelectorAll(".pool");
-      pools.forEach((pool) => {
-        const itemCount = pool.querySelectorAll(".pool-content .card").length;
-        let itemCountDisplay = pool.querySelector(".item-count");
-        itemCountDisplay.innerHTML = itemCount;
-      });
-    });
-    /**
-     * Gets the pool.
-     * @param data {Array}
-     * @param poolName {string}
-     * @returns {*}
-     */
-    __publicField(this, "getPool", (data, poolName) => {
-      return data.reduce((acc, item) => {
-        const statusName = item.status.name;
-        if (!acc[statusName]) {
-          acc[statusName] = [];
-        }
-        acc[statusName].push(item);
-        return acc;
-      }, {});
-    });
-    /**
-     * Returns the HTML for the pool.
-     * @param title {string}
-     * @param countItems {number}
-     * @returns {Element}
-     */
-    __publicField(this, "htmlPool", (title, countItems) => {
-      let poolHtml = document.createElement("div");
-      poolHtml.classList.add("pool");
-      let header = document.createElement("div");
-      header.classList.add("pool-header");
-      let checkbox = document.createElement("wje-checkbox");
-      checkbox.setAttribute("type", "checkbox");
-      checkbox.classList.add("select-all-cards");
-      checkbox.title = "Select all cards";
-      let h4 = document.createElement("h4");
-      h4.textContent = title;
-      let badge = document.createElement("wje-badge");
-      badge.setAttribute("color", "danger");
-      badge.classList.add("item-count");
-      badge.textContent = countItems;
-      let dropdown = document.createElement("wje-dropdown");
-      dropdown.setAttribute("placement", "bottom-start");
-      dropdown.setAttribute("offset", "5");
-      dropdown.setAttribute("collapsible", "");
-      dropdown.innerHTML = `
-            <wje-button fill="link" slot="trigger" size="small" round>
-                <wje-icon name="dots-vertical"></wje-icon>
-            </wje-button>
-            <wje-menu active>
-                <wje-menu-item data-action="rename-pool">
-                    <wj-label>Zmeniť názov</wj-label>
-                </wje-menu-item>
-                <wje-menu-item data-action="move-left">
-                    <wj-label>Posunúť doľava</wj-label>
-                </wje-menu-item>
-                <wje-menu-item data-action="move-right">
-                    <wj-label>Posunúť doprava</wj-label>
-                </wje-menu-item>
-            </wje-menu>
-        `;
-      header.appendChild(checkbox);
-      header.appendChild(h4);
-      header.appendChild(badge);
-      header.appendChild(dropdown);
-      let content = document.createElement("div");
-      content.classList.add("pool-content");
-      poolHtml.appendChild(header);
-      poolHtml.appendChild(content);
-      return poolHtml;
-    });
-    /**
-     * Returns the HTML for the card.
-     * @param item {Object}
-     * @returns {Element}
-     */
-    __publicField(this, "htmlCard", (item) => {
-      let card = document.createElement("div");
-      card.classList.add("card");
-      card.draggable = true;
-      card.setAttribute("data-id", item.id);
-      card.innerHTML = `
-            <wje-checkbox type="checkbox" class="select-card" title="Select card"></wje-checkbox>
-            <div>${item.body}</div>
-        `;
-      return card;
-    });
-    this.totalPages = 0;
-    this.isLoading = [];
-    this._response = {};
-    this.isDragging = false;
-    this.selectedCards = [];
-  }
-  /**
-   * Sets the URL for fetching data.
-   * @param value {string}
-   */
-  set response(value) {
-    this._response = value;
-  }
-  /**
-   * Gets the URL for fetching data.
-   * @returns {*|{}|{}}
-   */
-  get response() {
-    return this._response;
-  }
-  /**
-   * Sets the URL for fetching data.
-   * @param value {array}
-   */
-  set selectedItems(value) {
-    this._selectedItems = value;
-  }
-  /**
-   * Gets the URL for fetching data.
-   * @returns {Array}
-   */
-  get selectedItems() {
-    return this._selectedItems;
-  }
-  /**
-   * Returns the CSS styles for the component.
-   * @static
-   * @returns {CSSStyleSheet}
-   */
-  static get cssStyleSheet() {
-    return styles;
-  }
-  /**
-   * Returns the list of attributes to observe for changes.
-   * @static
-   * @returns {Array<string>}
-   */
-  static get observedAttributes() {
-    return [];
-  }
-  /**
-   * Sets up the attributes for the component.
-   */
-  setupAttributes() {
-    this.isShadowRoot = "open";
-  }
-  /**
-   * Prepares the component before drawing.
-   * @param {object} context The context for drawing.
-   * @param {object} store The store for drawing.
-   * @param {object} params The parameters for drawing.
-   */
-  async beforeDraw(context, store, params) {
-    this.response = await this.getPages();
-  }
-  /**
-   * Draws the component after it has been prepared.
-   * @returns {DocumentFragment}
-   */
-  draw() {
-    let fragment = document.createDocumentFragment();
-    let native = document.createElement("div");
-    native.classList.add("native");
-    native.setAttribute("part", "native-infinite-scroll");
-    let pools = this.getPool(this.response, this.poolName);
-    for (const statusName in pools) {
-      if (pools.hasOwnProperty(statusName)) {
-        let pool = this.htmlPool(statusName, pools[statusName].length);
-        native.appendChild(pool);
-        const items = pools[statusName];
-        this.customForeach(pool, items);
-      }
-    }
-    fragment.appendChild(native);
-    return fragment;
-  }
-  /**
-   * Called after the component has been drawn.
-   */
-  afterDraw() {
-    this.ui = {
-      elBoard: this.shadowRoot.getElementById("board"),
-      elTotalCardCount: this.shadowRoot.getElementById("totalCards"),
-      elCardPlaceholder: null
-    };
-    this.setupDragAndDropEvents();
-    this.setupSelectAllCardsEvent();
-    this.setupMenuItemClickEvents();
-  }
-  /**
-   * Sets up the drag and drop events for the component.
-   */
-  setupDragAndDropEvents() {
-    this.live("dragstart", ".pool .card", (e) => {
-      this.isDragging = true;
-      e.dataTransfer.clearData();
-      e.dataTransfer.setData("text/plain", e.target.dataset.id);
-      e.dataTransfer.dropEffect = "move";
-      e.target.style.opacity = "0.5";
-      const rect = e.target.getBoundingClientRect();
-      this.draggedElementWidth = rect.width;
-      this.draggedElementHeight = rect.height;
-    });
-    this.live("dragend", ".pool .card", (e) => {
-      e.target.style.opacity = "";
-      if (this.ui.elCardPlaceholder) {
-        this.ui.elCardPlaceholder.remove();
-      }
-      this.ui.elCardPlaceholder = null;
-      this.isDragging = false;
-    });
-    this.live("dragover", ".pool, .pool .card, .pool .card-placeholder", (e) => {
-      e.preventDefault();
-      e.dataTransfer.dropEffect = "move";
-      if (e.target.classList.contains("pool")) {
-        e.target.appendChild(this.getCardPlaceholder());
-      } else if (e.target.classList.contains("card")) {
-        e.target.parentNode.insertBefore(this.getCardPlaceholder(), e.target);
-      }
-    });
-    this.live("drop", ".pool, .pool .card-placeholder", (e) => {
-      e.preventDefault();
-      if (!this.isDragging) return;
-      const todo_id = +e.dataTransfer.getData("text");
-      const card = this.shadowRoot.querySelector('.card[data-id="' + todo_id + '"]');
-      if (e.target.classList.contains("pool")) {
-        e.target.querySelector(".pool-content").appendChild(card);
-      } else if (e.target.classList.contains("card-placeholder")) {
-        e.target.parentNode.replaceChild(card, e.target);
-      }
-      window.setTimeout(this.updateColumnItemCount, 100);
-    });
-  }
-  /**
-   * Sets up the select all cards event for the component.
-   */
-  setupSelectAllCardsEvent() {
-    this.live("wje-toggle:change", ".select-all-cards", (e) => {
-      const pool = e.target.closest(".pool");
-      this.updateSelectedCards(pool, e.target.checked);
-    });
-    this.live("wje-toggle:change", ".select-card", (e) => {
-      const card = e.target.closest(".card");
-      this.setSelectedCards(e.target.checked, card);
-      if (this.selectedCards.length === 0) {
-        e.target.closest(".pool").querySelector(".select-all-cards").checked = false;
-      }
-      this.setSelectedItems();
-    });
-  }
-  /**
-   * Sets up the menu item click events for the component.
-   */
-  setupMenuItemClickEvents() {
-    this.context.querySelectorAll("wje-menu-item").forEach((menuItem) => {
-      menuItem.removeEventListener("wje-menu-item:click", this.menuItemClickHandler);
-    });
-    this.context.querySelectorAll("wje-menu-item").forEach((menuItem) => {
-      menuItem.addEventListener("wje-menu-item:click", this.menuItemClickHandler);
-    });
-  }
-  /**
-   * Updates the selected cards in the pool.
-   * @param pool {HTMLElement}
-   * @param isChecked {boolean}
-   */
-  updateSelectedCards(pool, isChecked) {
-    const cards = pool.querySelectorAll(".pool-content .card");
-    cards.forEach((card) => {
-      const checkbox = card.querySelector("wje-checkbox");
-      if (checkbox) {
-        checkbox.checked = isChecked;
-      }
-      this.setSelectedCards(isChecked, card);
-    });
-    this.setSelectedItems();
-  }
-  /**
-   * Handles the pool action.
-   * @param action {string}
-   * @param pool {HTMLElement}
-   */
-  handlePoolAction(action, pool) {
-    switch (action) {
-      case "move-left":
-        this.movePool(pool, "left");
-        break;
-      case "move-right":
-        this.movePool(pool, "right");
-        break;
-      case "rename-pool":
-        this.renamePool(pool);
-        break;
-      default:
-        console.log(`Neznáma akcia: ${action}`);
-    }
-  }
-  /**
-   * Moves the pool in the specified direction.
-   * @param pool {HTMLElement}
-   * @param direction {string}
-   */
-  movePool(pool, direction) {
-    const parent = pool.parentElement;
-    if (direction === "left" && pool.previousElementSibling) {
-      parent.insertBefore(pool, pool.previousElementSibling);
-    } else if (direction === "right" && pool.nextElementSibling) {
-      parent.insertBefore(pool.nextElementSibling, pool);
-    }
-    this.setupMenuItemClickEvents();
-  }
-  /**
-   * Renames the pool.
-   * @param pool {HTMLElement}
-   */
-  renamePool(pool) {
-    const newName = prompt("Zadajte nový názov pre stĺpec:");
-    if (newName) {
-      const header = pool.querySelector(".pool-header h4");
-      header.innerHTML = `${newName} (<span class="item-count">0</span> položiek)`;
-      this.updateColumnItemCount();
-    }
-  }
-  /**
-   * Gets the card placeholder.
-   * @returns {null|*}
-   */
-  getCardPlaceholder() {
-    if (!this.ui.elCardPlaceholder) {
-      this.ui.elCardPlaceholder = document.createElement("div");
-      this.ui.elCardPlaceholder.className = "card-placeholder";
-      this.ui.elCardPlaceholder.style.width = this.draggedElementWidth + "px";
-      this.ui.elCardPlaceholder.style.height = this.draggedElementHeight + "px";
-    } else {
-      this.ui.elCardPlaceholder.style.width = this.draggedElementWidth + "px";
-      this.ui.elCardPlaceholder.style.height = this.draggedElementHeight + "px";
-    }
-    return this.ui.elCardPlaceholder;
-  }
-  /**
-   * Adds a live event listener to the component.
-   * @param eventType {string}
-   * @param selector {string}
-   * @param callback {function}
-   */
-  live(eventType, selector, callback) {
-    const attachListener = (root) => {
-      root.addEventListener(
-        eventType,
-        (e) => {
-          if (e.target.matches(selector)) {
-            callback.call(e.target, e);
-          }
-        },
-        false
-      );
-    };
-    const traverseAndAttach = (root) => {
-      attachListener(root);
-      root.querySelectorAll("*").forEach((node) => {
-        if (node.shadowRoot) {
-          traverseAndAttach(node.shadowRoot);
-        }
-      });
-    };
-    traverseAndAttach(this.shadowRoot || this);
-  }
-  /**
-   * Sets the selected cards.
-   * @param isChecked {boolean}
-   * @param card {HTMLElement}
-   */
-  setSelectedCards(isChecked, card) {
-    if (isChecked) {
-      if (!this.selectedCards.includes(card)) {
-        this.selectedCards.push(card);
-      }
-    } else {
-      this.selectedCards = this.selectedCards.filter((selectedCard) => selectedCard !== card);
-    }
-  }
-  /**
-   * Sets the selected items.
-   */
-  setSelectedItems() {
-    const selectedIds = this.selectedCards.map((card) => card.getAttribute("data-id"));
-    this.selectedItems = this.response.filter((item) => selectedIds.includes(item.id));
-  }
-  /**
-   * Fetches the pages.
-   * @param page
-   * @returns {Promise<any>}
-   */
-  async getPages(page = 0) {
-    let hasParams = this.url.includes("?");
-    const response = await fetch(
-      `${this.url}${hasParams ? "&" : "?"}page=${page}&size=${this.size}${this == null ? void 0 : this.queryParams}`
-    );
-    if (!response.ok) {
-      throw new Error(`An error occurred: ${response.status}`);
-    }
-    return await response.json();
-  }
-  dispatchEvent(event) {
-    return false;
-  }
-}
-Kanban.define("wje-kanban", Kanban);
-export {
-  Kanban as default
-};
-//# sourceMappingURL=wje-kanban.js.map

package/dist/wje-kanban.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"wje-kanban.js","sources":["../packages/wje-kanban/kanban.element.js","../packages/wje-kanban/kanban.js"],"sourcesContent":["import Checkbox from '../wje-checkbox/checkbox.js';\nimport { default as WJElement } from '../wje-element/element.js';\nimport MenuItem from '../wje-menu-item/menu-item.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * `Kanban` is a custom web component that represents a Kanban board with draggable columns and cards.\n * @summary This element represents a Kanban board.\n * @documentation https://elements.webjet.sk/components/kanban\n * @status stable\n * @augments {WJElement}\n * @slot - The default slot for the Kanban board.\n * @csspart native - Styles the native part of the Kanban board.\n * @csspart pool - Styles the pool of the Kanban board.\n * @tag wje-kanban\n */\nexport default class Kanban extends WJElement {\n    /**\n     * Creates an instance of Kanban.\n     * @class\n     */\n    constructor() {\n        super();\n        this.totalPages = 0; // Total number of pages\n        this.isLoading = []; // Array to hold loading status of each page\n        this._response = {}; // Response from the API\n        this.isDragging = false; // Flag to indicate if an element is being dragged\n        this.selectedCards = []; // Array to hold selected cards\n    }\n\n    /**\n     * Dependencies of the Option component.\n     */\n    dependencies = {\n        'wje-checkbox': Checkbox,\n        'wje-menu-item': MenuItem,\n    };\n\n    /**\n     * Sets the URL for fetching data.\n     * @param value {string}\n     */\n    set response(value) {\n        this._response = value;\n    }\n\n    /**\n     * Gets the URL for fetching data.\n     * @returns {*|{}|{}}\n     */\n    get response() {\n        return this._response;\n    }\n\n    /**\n     * Sets the URL for fetching data.\n     * @param value {array}\n     */\n    set selectedItems(value) {\n        this._selectedItems = value;\n    }\n\n    /**\n     * Gets the URL for fetching data.\n     * @returns {Array}\n     */\n    get selectedItems() {\n        return this._selectedItems;\n    }\n\n    /**\n     * Sets the URL for fetching data.\n     * @type {string}\n     */\n    className = 'Kanban';\n\n    /**\n     * Returns the CSS styles for the component.\n     * @static\n     * @returns {CSSStyleSheet}\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Returns the list of attributes to observe for changes.\n     * @static\n     * @returns {Array<string>}\n     */\n    static get observedAttributes() {\n        return [];\n    }\n\n    /**\n     * Sets up the attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Prepares the component before drawing.\n     * @param {object} context The context for drawing.\n     * @param {object} store The store for drawing.\n     * @param {object} params The parameters for drawing.\n     */\n    async beforeDraw(context, store, params) {\n        this.response = await this.getPages();\n    }\n\n    /**\n     * Draws the component after it has been prepared.\n     * @returns {DocumentFragment}\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let native = document.createElement('div');\n        native.classList.add('native');\n        native.setAttribute('part', 'native-infinite-scroll');\n\n        let pools = this.getPool(this.response, this.poolName);\n\n        // Add pools to the native element\n        for (const statusName in pools) {\n            if (pools.hasOwnProperty(statusName)) {\n                let pool = this.htmlPool(statusName, pools[statusName].length);\n\n                native.appendChild(pool);\n                const items = pools[statusName];\n\n                this.customForeach(pool, items);\n            }\n        }\n\n        fragment.appendChild(native);\n\n        return fragment;\n    }\n\n    /**\n     * Called after the component has been drawn.\n     */\n    afterDraw() {\n        this.ui = {\n            elBoard: this.shadowRoot.getElementById('board'),\n            elTotalCardCount: this.shadowRoot.getElementById('totalCards'),\n            elCardPlaceholder: null,\n        };\n\n        this.setupDragAndDropEvents();\n        this.setupSelectAllCardsEvent();\n        this.setupMenuItemClickEvents();\n    }\n\n    /**\n     * Iterates over a list of items, generates an HTML card for each, and appends it to the specified pool's content area.\n     * @param {HTMLElement} pool The container element where the cards will be appended. It should contain an element with the class `.pool-content`.\n     * @param {Array} items An array of items used to generate HTML cards.\n     */\n    customForeach = (pool, items) => {\n        for (const item of items) {\n            let card = this.htmlCard(item);\n            pool.querySelector('.pool-content').appendChild(card);\n        }\n    };\n\n    /**\n     * Sets up the drag and drop events for the component.\n     */\n    setupDragAndDropEvents() {\n        this.live('dragstart', '.pool .card', (e) => {\n            this.isDragging = true;\n            e.dataTransfer.clearData();\n            e.dataTransfer.setData('text/plain', e.target.dataset.id);\n            e.dataTransfer.dropEffect = 'move';\n            e.target.style.opacity = '0.5';\n\n            const rect = e.target.getBoundingClientRect();\n\n            this.draggedElementWidth = rect.width;\n            this.draggedElementHeight = rect.height;\n        });\n\n        this.live('dragend', '.pool .card', (e) => {\n            e.target.style.opacity = '';\n            if (this.ui.elCardPlaceholder) {\n                this.ui.elCardPlaceholder.remove();\n            }\n            this.ui.elCardPlaceholder = null;\n            this.isDragging = false;\n        });\n\n        this.live('dragover', '.pool, .pool .card, .pool .card-placeholder', (e) => {\n            e.preventDefault();\n            e.dataTransfer.dropEffect = 'move';\n\n            if (e.target.classList.contains('pool')) {\n                e.target.appendChild(this.getCardPlaceholder());\n            } else if (e.target.classList.contains('card')) {\n                e.target.parentNode.insertBefore(this.getCardPlaceholder(), e.target);\n            }\n        });\n\n        this.live('drop', '.pool, .pool .card-placeholder', (e) => {\n            e.preventDefault();\n            if (!this.isDragging) return;\n\n            const todo_id = +e.dataTransfer.getData('text');\n            const card = this.shadowRoot.querySelector('.card[data-id=\"' + todo_id + '\"]');\n\n            if (e.target.classList.contains('pool')) {\n                e.target.querySelector('.pool-content').appendChild(card);\n            } else if (e.target.classList.contains('card-placeholder')) {\n                e.target.parentNode.replaceChild(card, e.target);\n            }\n\n            window.setTimeout(this.updateColumnItemCount, 100);\n        });\n    }\n\n    /**\n     * Sets up the select all cards event for the component.\n     */\n    setupSelectAllCardsEvent() {\n        // Event listener for selecting all cards in a pool\n        this.live('wje-toggle:change', '.select-all-cards', (e) => {\n            const pool = e.target.closest('.pool');\n            this.updateSelectedCards(pool, e.target.checked);\n        });\n\n        // Event listener for selecting individual cards\n        this.live('wje-toggle:change', '.select-card', (e) => {\n            const card = e.target.closest('.card');\n            this.setSelectedCards(e.target.checked, card);\n\n            if (this.selectedCards.length === 0) {\n                e.target.closest('.pool').querySelector('.select-all-cards').checked = false;\n            }\n\n            this.setSelectedItems();\n        });\n    }\n\n    /**\n     * Sets up the menu item click events for the component.\n     */\n    setupMenuItemClickEvents() {\n        this.context.querySelectorAll('wje-menu-item').forEach((menuItem) => {\n            menuItem.removeEventListener('wje-menu-item:click', this.menuItemClickHandler);\n        });\n\n        this.context.querySelectorAll('wje-menu-item').forEach((menuItem) => {\n            menuItem.addEventListener('wje-menu-item:click', this.menuItemClickHandler);\n        });\n    }\n\n    /**\n     * Handles the menu item click event.\n     * @param e\n     */\n    menuItemClickHandler = (e) => {\n        const action = e.target.dataset.action;\n        const pool = e.target.closest('.pool');\n\n        this.handlePoolAction(action, pool);\n    };\n\n    /**\n     * Updates the selected cards in the pool.\n     * @param pool {HTMLElement}\n     * @param isChecked {boolean}\n     */\n    updateSelectedCards(pool, isChecked) {\n        const cards = pool.querySelectorAll('.pool-content .card');\n\n        cards.forEach((card) => {\n            const checkbox = card.querySelector('wje-checkbox');\n            if (checkbox) {\n                checkbox.checked = isChecked;\n            }\n\n            this.setSelectedCards(isChecked, card);\n        });\n\n        this.setSelectedItems();\n    }\n\n    /**\n     * Updates the column item count.\n     */\n    updateColumnItemCount = () => {\n        const pools = this.shadowRoot.querySelectorAll('.pool');\n\n        pools.forEach((pool) => {\n            const itemCount = pool.querySelectorAll('.pool-content .card').length;\n            let itemCountDisplay = pool.querySelector('.item-count');\n\n            itemCountDisplay.innerHTML = itemCount;\n        });\n    };\n\n    /**\n     * Handles the pool action.\n     * @param action {string}\n     * @param pool {HTMLElement}\n     */\n    handlePoolAction(action, pool) {\n        switch (action) {\n            case 'move-left':\n                this.movePool(pool, 'left');\n                break;\n            case 'move-right':\n                this.movePool(pool, 'right');\n                break;\n            case 'rename-pool':\n                this.renamePool(pool);\n                break;\n            default:\n                console.log(`Neznáma akcia: ${action}`);\n        }\n    }\n\n    /**\n     * Moves the pool in the specified direction.\n     * @param pool {HTMLElement}\n     * @param direction {string}\n     */\n    movePool(pool, direction) {\n        const parent = pool.parentElement;\n\n        // Najprv odstránime všetky event listenery z aktuálnych stĺpcov (pools)\n        // Array.from(parent.children).forEach(removeEventListeners);\n\n        if (direction === 'left' && pool.previousElementSibling) {\n            // Presunieme pool doľava\n            parent.insertBefore(pool, pool.previousElementSibling);\n        } else if (direction === 'right' && pool.nextElementSibling) {\n            // Presunieme pool doprava\n            parent.insertBefore(pool.nextElementSibling, pool);\n        }\n\n        // Po presune stĺpcov (pools) musíme znova pripojiť event listenery\n        this.setupMenuItemClickEvents();\n    }\n\n    /**\n     * Renames the pool.\n     * @param pool {HTMLElement}\n     */\n    renamePool(pool) {\n        const newName = prompt('Zadajte nový názov pre stĺpec:');\n        if (newName) {\n            const header = pool.querySelector('.pool-header h4');\n            header.innerHTML = `${newName} (<span class=\"item-count\">0</span> položiek)`;\n            this.updateColumnItemCount(); // Aktualizovať počet položiek po premenovaní\n        }\n    }\n\n    /**\n     * Gets the card placeholder.\n     * @returns {null|*}\n     */\n    getCardPlaceholder() {\n        if (!this.ui.elCardPlaceholder) {\n            this.ui.elCardPlaceholder = document.createElement('div');\n            this.ui.elCardPlaceholder.className = 'card-placeholder';\n\n            this.ui.elCardPlaceholder.style.width = this.draggedElementWidth + 'px';\n            this.ui.elCardPlaceholder.style.height = this.draggedElementHeight + 'px';\n        } else {\n            this.ui.elCardPlaceholder.style.width = this.draggedElementWidth + 'px';\n            this.ui.elCardPlaceholder.style.height = this.draggedElementHeight + 'px';\n        }\n        return this.ui.elCardPlaceholder;\n    }\n\n    /**\n     * Adds a live event listener to the component.\n     * @param eventType {string}\n     * @param selector {string}\n     * @param callback {function}\n     */\n    live(eventType, selector, callback) {\n        const attachListener = (root) => {\n            root.addEventListener(\n                eventType,\n                (e) => {\n                    if (e.target.matches(selector)) {\n                        callback.call(e.target, e);\n                    }\n                },\n                false\n            );\n        };\n\n        const traverseAndAttach = (root) => {\n            attachListener(root);\n\n            root.querySelectorAll('*').forEach((node) => {\n                if (node.shadowRoot) {\n                    traverseAndAttach(node.shadowRoot);\n                }\n            });\n        };\n\n        traverseAndAttach(this.shadowRoot || this); // Start from the Shadow DOM if it exists\n    }\n\n    /**\n     * Sets the selected cards.\n     * @param isChecked {boolean}\n     * @param card {HTMLElement}\n     */\n    setSelectedCards(isChecked, card) {\n        if (isChecked) {\n            if (!this.selectedCards.includes(card)) {\n                this.selectedCards.push(card);\n            }\n        } else {\n            this.selectedCards = this.selectedCards.filter((selectedCard) => selectedCard !== card);\n        }\n    }\n\n    /**\n     * Sets the selected items.\n     */\n    setSelectedItems() {\n        const selectedIds = this.selectedCards.map((card) => card.getAttribute('data-id'));\n        this.selectedItems = this.response.filter((item) => selectedIds.includes(item.id));\n    }\n\n    /**\n     * Fetches the pages.\n     * @param page\n     * @returns {Promise<any>}\n     */\n    async getPages(page = 0) {\n        let hasParams = this.url.includes('?');\n        const response = await fetch(\n            `${this.url}${hasParams ? '&' : '?'}page=${page}&size=${this.size}${this?.queryParams}`\n        );\n        if (!response.ok) {\n            throw new Error(`An error occurred: ${response.status}`);\n        }\n        return await response.json();\n    }\n\n    /**\n     * Gets the pool.\n     * @param data {Array}\n     * @param poolName {string}\n     * @returns {*}\n     */\n    getPool = (data, poolName) => {\n        return data.reduce((acc, item) => {\n            const statusName = item.status.name;\n            if (!acc[statusName]) {\n                acc[statusName] = [];\n            }\n            acc[statusName].push(item);\n            return acc;\n        }, {});\n    };\n\n    /**\n     * Returns the HTML for the pool.\n     * @param title {string}\n     * @param countItems {number}\n     * @returns {Element}\n     */\n    htmlPool = (title, countItems) => {\n        let poolHtml = document.createElement('div');\n        poolHtml.classList.add('pool');\n\n        let header = document.createElement('div');\n        header.classList.add('pool-header');\n\n        let checkbox = document.createElement('wje-checkbox');\n        checkbox.setAttribute('type', 'checkbox');\n        checkbox.classList.add('select-all-cards');\n        checkbox.title = 'Select all cards';\n\n        let h4 = document.createElement('h4');\n        h4.textContent = title;\n\n        let badge = document.createElement('wje-badge');\n        badge.setAttribute('color', 'danger');\n        badge.classList.add('item-count');\n        badge.textContent = countItems;\n\n        let dropdown = document.createElement('wje-dropdown');\n        dropdown.setAttribute('placement', 'bottom-start');\n        dropdown.setAttribute('offset', '5');\n        dropdown.setAttribute('collapsible', '');\n        dropdown.innerHTML = `\n            <wje-button fill=\"link\" slot=\"trigger\" size=\"small\" round>\n                <wje-icon name=\"dots-vertical\"></wje-icon>\n            </wje-button>\n            <wje-menu active>\n                <wje-menu-item data-action=\"rename-pool\">\n                    <wj-label>Zmeniť názov</wj-label>\n                </wje-menu-item>\n                <wje-menu-item data-action=\"move-left\">\n                    <wj-label>Posunúť doľava</wj-label>\n                </wje-menu-item>\n                <wje-menu-item data-action=\"move-right\">\n                    <wj-label>Posunúť doprava</wj-label>\n                </wje-menu-item>\n            </wje-menu>\n        `;\n\n        header.appendChild(checkbox);\n        header.appendChild(h4);\n        header.appendChild(badge);\n        header.appendChild(dropdown);\n\n        let content = document.createElement('div');\n        content.classList.add('pool-content');\n\n        poolHtml.appendChild(header);\n        poolHtml.appendChild(content);\n\n        return poolHtml;\n    };\n\n    /**\n     * Returns the HTML for the card.\n     * @param item {Object}\n     * @returns {Element}\n     */\n    htmlCard = (item) => {\n        let card = document.createElement('div');\n        card.classList.add('card');\n        card.draggable = true;\n        card.setAttribute('data-id', item.id);\n        card.innerHTML = `\n            <wje-checkbox type=\"checkbox\" class=\"select-card\" title=\"Select card\"></wje-checkbox>\n            <div>${item.body}</div>\n        `;\n\n        return card;\n    };\n\n    dispatchEvent(event) {\n        return false;\n    }\n}\n","import Kanban from './kanban.element.js';\n\nexport default Kanban;\n\nKanban.define('wje-kanban', Kanban);\n"],"names":[],"mappings":"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"}

package/dist/wje-label.js

@@ -1,53 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import WJElement from "./wje-element.js";
-const styles = "/*\n[ WJ Label ]\n*/\n\n:host(.wje-color-primary) {\n    --wje-color: var(--wje-color-primary) !important;\n}\n\n:host(.wje-color-complete) {\n    --wje-color: var(--wje-color-complete) !important;\n}\n\n:host(.wje-color-success) {\n    --wje-color-base: var(--wje-color-success) !important;\n    --wje-color-contrast: var(--wje-color-contrast-0) !important;\n}\n\n:host(.wje-color-warning) {\n    --wje-color-base: var(--wje-color-warning) !important;\n    --wje-color-contrast: var(--wje-color-contrast-11) !important;\n}\n\n:host(.wje-color-danger) {\n    --wje-color-base: var(--wje-color-danger) !important;\n    --wje-color-contrast: var(--wje-color-contrast-0) !important;\n}\n\n:host(.wje-color-info) {\n    --wje-color-base: var(--wje-color-info) !important;\n    --wje-color-contrast: var(--wje-color-contrast-0) !important;\n}\n\n:host(.wje-color-menu) {\n    --wje-color-base: var(--wje-color-menu) !important;\n    --wje-color-contrast: var(--wje-color-contrast-0) !important;\n}\n\n:host {\n    --wje-color: initial;\n    display: block;\n    font-size: inherit;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n    box-sizing: border-box;\n}\n\n:host(.wje-color) {\n    color: current-color(base);\n}\n\n:host(.wje-text-wrap),\n:host([text-wrap]) {\n    white-space: normal !important;\n}\n\n/*Fixed Inputs*/\n\n:host(.label-fixed) {\n    flex: 0 0 100px;\n    width: 100px;\n    min-width: 100px;\n    max-width: 200px;\n}\n\n/*Stacked & Floating Inputs*/\n\n:host(.label-stacked),\n:host(.label-floating) {\n    margin-bottom: 0;\n    align-self: stretch;\n    width: auto;\n    max-width: 100%;\n}\n\n:host(.label-no-animate.label-floating) {\n    transition: none;\n}\n\n/*Headings*/\n\n::slotted(*) h1,\n::slotted(*) h2,\n::slotted(*) h3,\n::slotted(*) h4,\n::slotted(*) h5,\n::slotted(*) h6 {\n    text-overflow: inherit;\n    overflow: inherit;\n}\n\n:host(.wje-color) {\n    color: var(--wje-color);\n}\n\n::slotted(*:first-child) {\n    margin-top: 0 !important;\n}\n\n::slotted(*:last-child) {\n    margin-bottom: 0 !important;\n}\n";
-class Label extends WJElement {
-  /**
-   * Creates an instance of Label.
-   * @class
-   */
-  constructor() {
-    super();
-    __publicField(this, "className", "Label");
-  }
-  /**
-   * Returns the CSS styles for the component.
-   * @static
-   * @returns {CSSStyleSheet}
-   */
-  static get cssStyleSheet() {
-    return styles;
-  }
-  /**
-   * Returns the list of attributes to observe for changes.
-   * @static
-   * @returns {Array<string>}
-   */
-  static get observedAttributes() {
-    return [];
-  }
-  /**
-   * Sets up the attributes for the component.
-   */
-  setupAttributes() {
-    this.isShadowRoot = "open";
-  }
-  /**
-   * Draws the component.
-   * @returns {DocumentFragment}
-   */
-  draw() {
-    let fragment = document.createDocumentFragment();
-    if (this.color) this.classList.add("wje-color-" + params.color, "wje-color");
-    let element = document.createElement("slot");
-    fragment.appendChild(element);
-    return fragment;
-  }
-}
-Label.define("wje-label", Label);
-export {
-  Label as default
-};
-//# sourceMappingURL=wje-label.js.map

package/dist/wje-label.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"wje-label.js","sources":["../packages/wje-label/label.element.js","../packages/wje-label/label.js"],"sourcesContent":["import { default as WJElement } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * `Label` is a custom web component that represents a label.\n * It extends from `WJElement`.\n * @summary This element represents a label.\n * @documentation https://elements.webjet.sk/components/label\n * @status stable\n * @augments {WJElement}\n * @csspart label - The label part of the component.\n * @slot - The default slot for the label.\n * @cssproperty [--wje-label-color=black] - Defines the text color of the label. This property determines the color of the label's text. Accepts any valid CSS color value (e.g., named colors like `black`, `red`, or values like `#000000`, `rgb(0, 0, 0)`).\n * @cssproperty [--wje-label-font-size=16px] - Specifies the font size of the label. This property sets the size of the label's text. Accepts any valid CSS length unit (e.g., `px`, `em`, `rem`). The default value is `16px`, which provides optimal readability in most designs.\n * // @fires wje-label:change - Event fired when the label is changed.\n * @tag wje-label\n */\nexport default class Label extends WJElement {\n    /**\n     * Creates an instance of Label.\n     * @class\n     */\n    constructor() {\n        super();\n    }\n\n    className = 'Label';\n\n    /**\n     * Returns the CSS styles for the component.\n     * @static\n     * @returns {CSSStyleSheet}\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Returns the list of attributes to observe for changes.\n     * @static\n     * @returns {Array<string>}\n     */\n    static get observedAttributes() {\n        return [];\n    }\n\n    /**\n     * Sets up the attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Draws the component.\n     * @returns {DocumentFragment}\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        if (this.color) this.classList.add('wje-color-' + params.color, 'wje-color');\n\n        let element = document.createElement('slot');\n\n        fragment.appendChild(element);\n\n        return fragment;\n    }\n}\n","import Label from './label.element.js';\n\nexport default Label;\n\nLabel.define('wje-label', Label);\n"],"names":[],"mappings":";;;;;AAiBe,MAAM,cAAc,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKzC,cAAc;AACV,UAAO;AAGX,qCAAY;AAAA,EAFhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASI,WAAW,gBAAgB;AACvB,WAAO;AAAA,EACf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOI,WAAW,qBAAqB;AAC5B,WAAO,CAAE;AAAA,EACjB;AAAA;AAAA;AAAA;AAAA,EAKI,kBAAkB;AACd,SAAK,eAAe;AAAA,EAC5B;AAAA;AAAA;AAAA;AAAA;AAAA,EAMI,OAAO;AACH,QAAI,WAAW,SAAS,uBAAwB;AAEhD,QAAI,KAAK,MAAO,MAAK,UAAU,IAAI,eAAe,OAAO,OAAO,WAAW;AAE3E,QAAI,UAAU,SAAS,cAAc,MAAM;AAE3C,aAAS,YAAY,OAAO;AAE5B,WAAO;AAAA,EACf;AACA;AChEA,MAAM,OAAO,aAAa,KAAK;"}

package/dist/wje-list.js

@@ -1,6 +0,0 @@
-import { L as List } from "./list.element-Ce1vIm1O.js";
-List.define("wje-list", List);
-export {
-  List as default
-};
-//# sourceMappingURL=wje-list.js.map

package/dist/wje-list.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"wje-list.js","sources":["../packages/wje-list/list.js"],"sourcesContent":["import List from './list.element.js';\n\nexport default List;\n\nList.define('wje-list', List);\n"],"names":[],"mappings":";AAIA,KAAK,OAAO,YAAY,IAAI;"}

package/dist/wje-main.js

@@ -1,52 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import WJElement from "./wje-element.js";
-const styles = "/*\n[ WJ Main ]\n*/\n\n:host {\n    display: block;\n    flex: 1;\n    flex-basis: auto;\n    padding: 1.5rem;\n    box-sizing: border-box;\n}\n";
-class Main extends WJElement {
-  /**
-   * Creates an instance of Main.
-   * @class
-   */
-  constructor() {
-    super();
-    __publicField(this, "className", "Main");
-  }
-  /**
-   * Returns the CSS styles for the component.
-   * @static
-   * @returns {CSSStyleSheet}
-   */
-  static get cssStyleSheet() {
-    return styles;
-  }
-  /**
-   * Returns the list of attributes to observe for changes.
-   * @static
-   * @returns {Array<string>}
-   */
-  static get observedAttributes() {
-    return [];
-  }
-  /**
-   * Sets up the attributes for the component.
-   */
-  setupAttributes() {
-    this.isShadowRoot = "open";
-  }
-  /**
-   * Draws the component for the main section.
-   * @returns {DocumentFragment}
-   */
-  draw() {
-    let fragment = document.createDocumentFragment();
-    let element = document.createElement("slot");
-    fragment.appendChild(element);
-    return fragment;
-  }
-}
-Main.define("wje-main", Main);
-export {
-  Main as default
-};
-//# sourceMappingURL=wje-main.js.map

package/dist/wje-main.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"wje-main.js","sources":["../packages/wje-main/main.element.js","../packages/wje-main/main.js"],"sourcesContent":["import { default as WJElement } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * `Main` is a custom web component that represents a main section.\n * It extends from `WJElement`.\n * @summary This element represents a main section.\n * @documentation https://elements.webjet.sk/components/main\n * @status stable\n * @augments {WJElement}\n * @slot - The default slot for the main section.\n * @tag wje-main\n */\n\nexport default class Main extends WJElement {\n    /**\n     * Creates an instance of Main.\n     * @class\n     */\n    constructor() {\n        super();\n    }\n\n    className = 'Main';\n\n    /**\n     * Returns the CSS styles for the component.\n     * @static\n     * @returns {CSSStyleSheet}\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Returns the list of attributes to observe for changes.\n     * @static\n     * @returns {Array<string>}\n     */\n    static get observedAttributes() {\n        return [];\n    }\n\n    /**\n     * Sets up the attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Draws the component for the main section.\n     * @returns {DocumentFragment}\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let element = document.createElement('slot');\n        fragment.appendChild(element);\n\n        return fragment;\n    }\n}\n","import Main from './main.element.js';\n\nexport default Main;\n\nMain.define('wje-main', Main);\n"],"names":[],"mappings":";;;;;AAce,MAAM,aAAa,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKxC,cAAc;AACV,UAAO;AAGX,qCAAY;AAAA,EAFhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASI,WAAW,gBAAgB;AACvB,WAAO;AAAA,EACf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOI,WAAW,qBAAqB;AAC5B,WAAO,CAAE;AAAA,EACjB;AAAA;AAAA;AAAA;AAAA,EAKI,kBAAkB;AACd,SAAK,eAAe;AAAA,EAC5B;AAAA;AAAA;AAAA;AAAA;AAAA,EAMI,OAAO;AACH,QAAI,WAAW,SAAS,uBAAwB;AAEhD,QAAI,UAAU,SAAS,cAAc,MAAM;AAC3C,aAAS,YAAY,OAAO;AAE5B,WAAO;AAAA,EACf;AACA;AC1DA,KAAK,OAAO,YAAY,IAAI;"}