web-mojo 2.2.4 → 2.2.6

package/dist/chunks/{ListView-Xcsfu4IL.js → ListView-9b-jQTQZ.js}

@@ -1,2 +1,2 @@
-"use strict";const t=require("./Rest-29RtA7pe.js"),e=require("./Collection-CREl6Fa9.js");class ListViewItem extends t.View{constructor(t={}){super({className:"list-view-item",...t}),this.selected=!1,this.index=t.index??0,this.listView=t.listView??null,this.template||(this.template='\n        <div class="list-item-content" data-action="select">\n          {{#model}}\n            {{#id}}<span class="item-id">{{id}}</span>{{/id}}\n            {{#name}}<span class="item-name">{{name}}</span>{{/name}}\n            {{#title}}<span class="item-title">{{title}}</span>{{/title}}\n            {{#label}}<span class="item-label">{{label}}</span>{{/label}}\n            {{#description}}<p class="item-description">{{description}}</p>{{/description}}\n          {{/model}}\n          {{^model}}\n            <span class="item-empty">No data</span>\n          {{/model}}\n        </div>\n      ')}async onActionSelect(t,e){t.stopPropagation(),this.selected?this.deselect():this.select()}select(){this.selected||(this.selected=!0,this.addClass("selected"),this.emit("item:select",{item:this,model:this.model,index:this.index,data:this.model?.toJSON?this.model.toJSON():this.model}),this.listView&&this.listView.emit("item:select",{item:this,model:this.model,index:this.index,data:this.model?.toJSON?this.model.toJSON():this.model}))}deselect(){this.selected&&(this.selected=!1,this.removeClass("selected"),this.emit("item:deselect",{item:this,model:this.model,index:this.index,data:this.model?.toJSON?this.model.toJSON():this.model}),this.listView&&this.listView.emit("item:deselect",{item:this,model:this.model,index:this.index,data:this.model?.toJSON?this.model.toJSON():this.model}))}async onActionDefault(t,e,i){this.emit("item:click",{item:this,model:this.model,index:this.index,action:t,data:this.model?.toJSON?this.model.toJSON():this.model}),this.listView&&this.listView.emit("item:click",{item:this,model:this.model,index:this.index,action:t,data:this.model?.toJSON?this.model.toJSON():this.model})}setIndex(t){return this.index=t,this.element.setAttribute("data-index",t),this}setSelected(t){return t?this.select():this.deselect(),this}async destroy(){this.listView=null,await super.destroy()}}class ListView extends t.View{constructor(t={}){super({className:"list-view",template:'\n        <div class="list-view-container">\n          {{#loading}}\n            <div class="list-loading">\n              <div class="spinner-border spinner-border-sm" role="status">\n                <span class="visually-hidden">Loading...</span>\n              </div>\n              Loading...\n            </div>\n          {{/loading}}\n          {{^loading}}\n            {{#isEmpty}}\n              <div class="list-empty">\n                {{emptyMessage}}\n              </div>\n            {{/isEmpty}}\n            {{^isEmpty}}\n              <div class="list-items" data-container="items"></div>\n            {{/isEmpty}}\n          {{/loading}}\n        </div>\n      ',...t}),this.collection=null,this.itemViews=/* @__PURE__ */new Map,this.selectedItems=/* @__PURE__ */new Set,this.itemTemplate=t.itemTemplate||null,this.itemClass=t.itemClass||ListViewItem,this.selectionMode=t.selectionMode||"none",this.emptyMessage=t.emptyMessage||"No items to display",this.loading=!1,this.isEmpty=!0}async onInit(){this._initCollection(this.options.collection||this.options.Collection)}_initCollection(t){if(t)if(t instanceof e.Collection)this.setCollection(t);else if("function"==typeof t){const e=new t;this.setCollection(e)}else if(Array.isArray(t)){const i=new e.Collection(null,{},t);this.setCollection(i)}}setCollection(t){return this.collection===t||(this.collection&&(this.collection.off("add",this._onModelsAdded,this),this.collection.off("remove",this._onModelsRemoved,this),this.collection.off("reset",this._onCollectionReset,this),this.collection.off("fetch:start",this._onFetchStart,this),this.collection.off("fetch:end",this._onFetchEnd,this)),this.collection=t,this.options.collectionParams&&(this.collection.params={...this.options.collectionParams,...this.collection.params}),this.collection&&(this.collection.on("add",this._onModelsAdded,this),this.collection.on("remove",this._onModelsRemoved,this),this.collection.on("reset",this._onCollectionReset,this),this.collection.on("fetch:start",this._onFetchStart,this),this.collection.on("fetch:end",this._onFetchEnd,this),this._buildItems())),this}async _renderChildren(){await super._renderChildren();const t=this.getChildElement("items");t&&this.forEachItem((e,i)=>{t.appendChild(e.element),e.render(!1)})}_buildItems(){if(this._clearItems(),!this.collection||this.collection.isEmpty())return this.isEmpty=!0,void this.emit("list:empty");this.isEmpty=!1,this.collection.forEach((t,e)=>{this._createItemView(t,e)}),this.emit("list:loaded",{count:this.collection.length()}),this.isMounted()&&this.render()}_createItemView(t,e){if(this.itemViews.has(t.id))return;const i=new this.itemClass({model:t,index:e,listView:this,template:this.itemTemplate});return this.itemViews.set(t.id,i),i.on("item:select",this._onItemSelect.bind(this)),i.on("item:deselect",this._onItemDeselect.bind(this)),i}_clearItems(){this.forEachItem(t=>{this.removeChild(t.id)}),this.itemViews.clear(),this.selectedItems.clear()}_onModelsAdded(t){const{models:e}=t;e.forEach(t=>{const e=this.collection.models.indexOf(t);this._createItemView(t,e)}),this.isEmpty=this.collection.isEmpty(),!this.loading&&this.isMounted()&&this.render()}_onModelsRemoved(t){const{models:e}=t;e.forEach(t=>{const e=this.itemViews.get(t.id);e&&(this.removeChild(e.id),this.itemViews.delete(t.id),this.selectedItems.delete(t.id))}),this.isEmpty=this.collection.isEmpty(),!this.loading&&this.isMounted()&&this.render(),this.isEmpty&&this.emit("list:empty")}_onCollectionReset(t){this._buildItems()}_onFetchStart(){this.loading=!0,this.isMounted()&&this.render()}_onFetchEnd(){this.loading=!1,this.isMounted()&&this.render()}_onItemSelect(t){const{model:e,item:i}=t;"none"!==this.selectionMode?("single"===this.selectionMode&&(this.itemViews.forEach((t,i)=>{i!==e.id&&t.selected&&t.deselect()}),this.selectedItems.clear()),this.selectedItems.add(e.id),this.emit("selection:change",{selected:Array.from(this.selectedItems),item:i,model:e})):i.deselect()}_onItemDeselect(t){const{model:e}=t;this.selectedItems.delete(e.id),this.emit("selection:change",{selected:Array.from(this.selectedItems),item:t.item,model:e})}getSelectedItems(){const t=[];return this.selectedItems.forEach(e=>{const i=this.itemViews.get(e);i&&t.push({view:i,model:i.model,data:i.model?.toJSON?i.model.toJSON():i.model})}),t}forEachItem(t,e){if("function"!=typeof t)throw new TypeError("Callback must be a function");let i=0;return this.itemViews.forEach((s,l)=>{t.call(e,s,s.model,i++)}),this}clearSelection(){this.forEachItem(t=>{t.selected&&t.deselect()}),this.selectedItems.clear(),this.emit("selection:change",{selected:[]})}selectItem(t){const e=this.itemViews.get(t);return e&&e.select(),this}deselectItem(t){const e=this.itemViews.get(t);return e&&e.deselect(),this}setItemTemplate(t,e=!1){return this.itemTemplate=t,e&&this.itemViews.size>0&&this.forEachItem(e=>{e.setTemplate(t),e.isMounted()&&e.render()}),this}async onAfterMount(){await super.onAfterMount(),!this.collection||!this.options.fetchOnMount&&this.collection.lastFetchTime||this.collection.fetch()}async refresh(){if(this.collection&&this.collection.restEnabled)return await this.collection.fetch();this._buildItems()}async destroy(){this.collection&&(this.collection.off("add",this._onModelsAdded,this),this.collection.off("remove",this._onModelsRemoved,this),this.collection.off("reset",this._onCollectionReset,this),this.collection.off("fetch:start",this._onFetchStart,this),this.collection.off("fetch:end",this._onFetchEnd,this)),this._clearItems(),await super.destroy()}}exports.ListView=ListView,exports.ListViewItem=ListViewItem;
-//# sourceMappingURL=ListView-Xcsfu4IL.js.map
+"use strict";const t=require("./Rest-DhD-U1vp.js"),e=require("./Collection-BgX6OcUC.js");class ListViewItem extends t.View{constructor(t={}){super({className:"list-view-item",...t}),this.selected=!1,this.index=t.index??0,this.listView=t.listView??null,this.template||(this.template='\n        <div class="list-item-content" data-action="select">\n          {{#model}}\n            {{#id}}<span class="item-id">{{id}}</span>{{/id}}\n            {{#name}}<span class="item-name">{{name}}</span>{{/name}}\n            {{#title}}<span class="item-title">{{title}}</span>{{/title}}\n            {{#label}}<span class="item-label">{{label}}</span>{{/label}}\n            {{#description}}<p class="item-description">{{description}}</p>{{/description}}\n          {{/model}}\n          {{^model}}\n            <span class="item-empty">No data</span>\n          {{/model}}\n        </div>\n      ')}async onActionSelect(t,e){t.stopPropagation(),this.selected?this.deselect():this.select()}select(){this.selected||(this.selected=!0,this.addClass("selected"),this.emit("item:select",{item:this,model:this.model,index:this.index,data:this.model?.toJSON?this.model.toJSON():this.model}),this.listView&&this.listView.emit("item:select",{item:this,model:this.model,index:this.index,data:this.model?.toJSON?this.model.toJSON():this.model}))}deselect(){this.selected&&(this.selected=!1,this.removeClass("selected"),this.emit("item:deselect",{item:this,model:this.model,index:this.index,data:this.model?.toJSON?this.model.toJSON():this.model}),this.listView&&this.listView.emit("item:deselect",{item:this,model:this.model,index:this.index,data:this.model?.toJSON?this.model.toJSON():this.model}))}async onActionDefault(t,e,i){this.emit("item:click",{item:this,model:this.model,index:this.index,action:t,data:this.model?.toJSON?this.model.toJSON():this.model}),this.listView&&this.listView.emit("item:click",{item:this,model:this.model,index:this.index,action:t,data:this.model?.toJSON?this.model.toJSON():this.model})}setIndex(t){return this.index=t,this.element.setAttribute("data-index",t),this}setSelected(t){return t?this.select():this.deselect(),this}async destroy(){this.listView=null,await super.destroy()}}class ListView extends t.View{constructor(t={}){super({className:"list-view",template:'\n        <div class="list-view-container">\n          {{#loading}}\n            <div class="list-loading">\n              <div class="spinner-border spinner-border-sm" role="status">\n                <span class="visually-hidden">Loading...</span>\n              </div>\n              Loading...\n            </div>\n          {{/loading}}\n          {{^loading}}\n            {{#isEmpty}}\n              <div class="list-empty">\n                {{emptyMessage}}\n              </div>\n            {{/isEmpty}}\n            {{^isEmpty}}\n              <div class="list-items" data-container="items"></div>\n            {{/isEmpty}}\n          {{/loading}}\n        </div>\n      ',...t}),this.collection=null,this.itemViews=/* @__PURE__ */new Map,this.selectedItems=/* @__PURE__ */new Set,this.itemTemplate=t.itemTemplate||null,this.itemClass=t.itemClass||ListViewItem,this.selectionMode=t.selectionMode||"none",this.emptyMessage=t.emptyMessage||"No items to display",this.loading=!1,this.isEmpty=!0}async onInit(){this._initCollection(this.options.collection||this.options.Collection)}_initCollection(t){if(t)if(t instanceof e.Collection)this.setCollection(t);else if("function"==typeof t){const e=new t;this.setCollection(e)}else if(Array.isArray(t)){const i=new e.Collection(null,{},t);this.setCollection(i)}}setCollection(t){return this.collection===t||(this.collection&&(this.collection.off("add",this._onModelsAdded,this),this.collection.off("remove",this._onModelsRemoved,this),this.collection.off("reset",this._onCollectionReset,this),this.collection.off("fetch:start",this._onFetchStart,this),this.collection.off("fetch:end",this._onFetchEnd,this)),this.collection=t,this.options.collectionParams&&(this.collection.params={...this.options.collectionParams,...this.collection.params}),this.collection&&(this.collection.on("add",this._onModelsAdded,this),this.collection.on("remove",this._onModelsRemoved,this),this.collection.on("reset",this._onCollectionReset,this),this.collection.on("fetch:start",this._onFetchStart,this),this.collection.on("fetch:end",this._onFetchEnd,this),this._buildItems())),this}async _renderChildren(){await super._renderChildren();const t=this.getChildElement("items");t&&this.forEachItem((e,i)=>{t.appendChild(e.element),e.render(!1)})}_buildItems(){if(this._clearItems(),!this.collection||this.collection.isEmpty())return this.isEmpty=!0,void this.emit("list:empty");this.isEmpty=!1,this.collection.forEach((t,e)=>{this._createItemView(t,e)}),this.emit("list:loaded",{count:this.collection.length()}),this.isMounted()&&this.render()}_createItemView(t,e){if(this.itemViews.has(t.id))return;const i=new this.itemClass({model:t,index:e,listView:this,template:this.itemTemplate});return this.itemViews.set(t.id,i),i.on("item:select",this._onItemSelect.bind(this)),i.on("item:deselect",this._onItemDeselect.bind(this)),i}_clearItems(){this.forEachItem(t=>{this.removeChild(t.id)}),this.itemViews.clear(),this.selectedItems.clear()}_onModelsAdded(t){const{models:e}=t;e.forEach(t=>{const e=this.collection.models.indexOf(t);this._createItemView(t,e)}),this.isEmpty=this.collection.isEmpty(),!this.loading&&this.isMounted()&&this.render()}_onModelsRemoved(t){const{models:e}=t;e.forEach(t=>{const e=this.itemViews.get(t.id);e&&(this.removeChild(e.id),this.itemViews.delete(t.id),this.selectedItems.delete(t.id))}),this.isEmpty=this.collection.isEmpty(),!this.loading&&this.isMounted()&&this.render(),this.isEmpty&&this.emit("list:empty")}_onCollectionReset(t){this._buildItems()}_onFetchStart(){this.loading=!0,this.isMounted()&&this.render()}_onFetchEnd(){this.loading=!1,this.isMounted()&&this.render()}_onItemSelect(t){const{model:e,item:i}=t;"none"!==this.selectionMode?("single"===this.selectionMode&&(this.itemViews.forEach((t,i)=>{i!==e.id&&t.selected&&t.deselect()}),this.selectedItems.clear()),this.selectedItems.add(e.id),this.emit("selection:change",{selected:Array.from(this.selectedItems),item:i,model:e})):i.deselect()}_onItemDeselect(t){const{model:e}=t;this.selectedItems.delete(e.id),this.emit("selection:change",{selected:Array.from(this.selectedItems),item:t.item,model:e})}getSelectedItems(){const t=[];return this.selectedItems.forEach(e=>{const i=this.itemViews.get(e);i&&t.push({view:i,model:i.model,data:i.model?.toJSON?i.model.toJSON():i.model})}),t}forEachItem(t,e){if("function"!=typeof t)throw new TypeError("Callback must be a function");let i=0;return this.itemViews.forEach((s,l)=>{t.call(e,s,s.model,i++)}),this}clearSelection(){this.forEachItem(t=>{t.selected&&t.deselect()}),this.selectedItems.clear(),this.emit("selection:change",{selected:[]})}selectItem(t){const e=this.itemViews.get(t);return e&&e.select(),this}deselectItem(t){const e=this.itemViews.get(t);return e&&e.deselect(),this}setItemTemplate(t,e=!1){return this.itemTemplate=t,e&&this.itemViews.size>0&&this.forEachItem(e=>{e.setTemplate(t),e.isMounted()&&e.render()}),this}async onAfterMount(){await super.onAfterMount(),!this.collection||!this.options.fetchOnMount&&this.collection.lastFetchTime||this.collection.fetch()}async refresh(){if(this.collection&&this.collection.restEnabled)return await this.collection.fetch();this._buildItems()}async destroy(){this.collection&&(this.collection.off("add",this._onModelsAdded,this),this.collection.off("remove",this._onModelsRemoved,this),this.collection.off("reset",this._onCollectionReset,this),this.collection.off("fetch:start",this._onFetchStart,this),this.collection.off("fetch:end",this._onFetchEnd,this)),this._clearItems(),await super.destroy()}}exports.ListView=ListView,exports.ListViewItem=ListViewItem;
+//# sourceMappingURL=ListView-9b-jQTQZ.js.map

package/dist/chunks/{ListView-Xcsfu4IL.js.map → ListView-9b-jQTQZ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ListView-Xcsfu4IL.js","sources":["../../src/core/views/list/ListViewItem.js","../../src/core/views/list/ListView.js"],"sourcesContent":["/**\n * ListViewItem - Individual item view for ListView\n *\n * Each item is its own View with its own model, allowing for\n * independent re-rendering when the model changes.\n *\n * Events:\n *   - 'item:click' - Emitted when item is clicked\n *   - 'item:select' - Emitted when item is selected\n *   - 'item:deselect' - Emitted when item is deselected\n *\n * @example\n * const item = new ListViewItem({\n *   model: userModel,\n *   template: '<div class=\"user-item\">{{name}} - {{email}}</div>'\n * });\n */\n\nimport View from '@core/View.js';\n\nclass ListViewItem extends View {\n  constructor(options = {}) {\n    super({\n      className: 'list-view-item',\n      ...options\n    });\n\n    // Item-specific properties\n    this.selected = false;\n    this.index = options.index ?? 0;\n    this.listView = options.listView ?? null;\n\n    // Default template if none provided\n    if (!this.template) {\n      this.template = `\n        <div class=\"list-item-content\" data-action=\"select\">\n          {{#model}}\n            {{#id}}<span class=\"item-id\">{{id}}</span>{{/id}}\n            {{#name}}<span class=\"item-name\">{{name}}</span>{{/name}}\n            {{#title}}<span class=\"item-title\">{{title}}</span>{{/title}}\n            {{#label}}<span class=\"item-label\">{{label}}</span>{{/label}}\n            {{#description}}<p class=\"item-description\">{{description}}</p>{{/description}}\n          {{/model}}\n          {{^model}}\n            <span class=\"item-empty\">No data</span>\n          {{/model}}\n        </div>\n      `;\n    }\n  }\n\n  /**\n   * Handle item selection action\n   */\n  async onActionSelect(event, _element) {\n    event.stopPropagation();\n\n    if (this.selected) {\n      this.deselect();\n    } else {\n      this.select();\n    }\n  }\n\n  /**\n   * Select this item\n   */\n  select() {\n    if (this.selected) return;\n\n    this.selected = true;\n    this.addClass('selected');\n\n    // Emit selection event with item data\n    this.emit('item:select', {\n      item: this,\n      model: this.model,\n      index: this.index,\n      data: this.model?.toJSON ? this.model.toJSON() : this.model\n    });\n\n    // Notify parent ListView if available\n    if (this.listView) {\n      this.listView.emit('item:select', {\n        item: this,\n        model: this.model,\n        index: this.index,\n        data: this.model?.toJSON ? this.model.toJSON() : this.model\n      });\n    }\n  }\n\n  /**\n   * Deselect this item\n   */\n  deselect() {\n    if (!this.selected) return;\n\n    this.selected = false;\n    this.removeClass('selected');\n\n    // Emit deselection event\n    this.emit('item:deselect', {\n      item: this,\n      model: this.model,\n      index: this.index,\n      data: this.model?.toJSON ? this.model.toJSON() : this.model\n    });\n\n    // Notify parent ListView if available\n    if (this.listView) {\n      this.listView.emit('item:deselect', {\n        item: this,\n        model: this.model,\n        index: this.index,\n        data: this.model?.toJSON ? this.model.toJSON() : this.model\n      });\n    }\n  }\n\n  /**\n   * Handle click events on the item\n   */\n  async onActionDefault(action, _event, _element) {\n    // Emit click event for any action not specifically handled\n    this.emit('item:click', {\n      item: this,\n      model: this.model,\n      index: this.index,\n      action: action,\n      data: this.model?.toJSON ? this.model.toJSON() : this.model\n    });\n\n    // Notify parent ListView if available\n    if (this.listView) {\n      this.listView.emit('item:click', {\n        item: this,\n        model: this.model,\n        index: this.index,\n        action: action,\n        data: this.model?.toJSON ? this.model.toJSON() : this.model\n      });\n    }\n  }\n\n  /**\n   * Set the item's index in the list\n   */\n  setIndex(index) {\n    this.index = index;\n    this.element.setAttribute('data-index', index);\n    return this;\n  }\n\n  /**\n   * Update the item's selection state\n   */\n  setSelected(selected) {\n    if (selected) {\n      this.select();\n    } else {\n      this.deselect();\n    }\n    return this;\n  }\n\n  /**\n   * Override destroy to clean up references\n   */\n  async destroy() {\n    // Remove reference to parent ListView\n    this.listView = null;\n\n    // Call parent destroy\n    await super.destroy();\n  }\n}\n\nexport default ListViewItem;\n","/**\n * ListView - Visual list component for Collections\n *\n * Manages a collection of ListViewItem views, each with its own model.\n * When a model changes, only its corresponding ListViewItem re-renders.\n *\n * Events:\n *   - 'item:click' - Emitted when any item is clicked\n *   - 'item:select' - Emitted when an item is selected\n *   - 'item:deselect' - Emitted when an item is deselected\n *   - 'selection:change' - Emitted when selection changes\n *   - 'list:empty' - Emitted when list becomes empty\n *   - 'list:loaded' - Emitted when list is populated\n *\n * @example\n * // Basic usage with custom item template\n * const listView = new ListView({\n *   collection: userCollection,\n *   itemTemplate: '<div class=\"user-item\">{{name}} - {{email}}</div>',\n *   selectionMode: 'single'\n * });\n *\n * // Custom template with model fields\n * const productList = new ListView({\n *   collection: productCollection,\n *   itemTemplate: `\n *     <div class=\"product-card\" data-action=\"select\">\n *       <h4>{{name}}</h4>\n *       <p class=\"price\">{{price|currency}}</p>\n *       <p>{{description|truncate(100)}}</p>\n *     </div>\n *   `,\n *   selectionMode: 'multiple'\n * });\n *\n * // Using custom item class with template\n * const customList = new ListView({\n *   collection: myCollection,\n *   itemClass: CustomListItem,     // Your custom ListViewItem subclass\n *   itemTemplate: '<div>{{title}}</div>',  // Passed as 'template' to itemClass constructor\n *   selectionMode: 'none'\n * });\n *\n * // Dynamic template update\n * listView.setItemTemplate('<div class=\"compact\">{{name}}</div>', true);\n */\n\nimport View from '@core/View.js';\nimport Collection from '@core/Collection.js';\nimport ListViewItem from './ListViewItem.js';\n\nclass ListView extends View {\n  constructor(options = {}) {\n    super({\n      className: 'list-view',\n      template: `\n        <div class=\"list-view-container\">\n          {{#loading}}\n            <div class=\"list-loading\">\n              <div class=\"spinner-border spinner-border-sm\" role=\"status\">\n                <span class=\"visually-hidden\">Loading...</span>\n              </div>\n              Loading...\n            </div>\n          {{/loading}}\n          {{^loading}}\n            {{#isEmpty}}\n              <div class=\"list-empty\">\n                {{emptyMessage}}\n              </div>\n            {{/isEmpty}}\n            {{^isEmpty}}\n              <div class=\"list-items\" data-container=\"items\"></div>\n            {{/isEmpty}}\n          {{/loading}}\n        </div>\n      `,\n      ...options\n    });\n\n    // ListView specific properties\n    this.collection = null;\n    this.itemViews = new Map(); // Map of model.id -> ListViewItem\n    this.selectedItems = new Set(); // Set of selected item IDs\n\n    // Configuration\n    this.itemTemplate = options.itemTemplate || null; // Template passed to each item's view\n    this.itemClass = options.itemClass || ListViewItem; // Class for creating item views\n    this.selectionMode = options.selectionMode || 'none'; // none, single, multiple\n    this.emptyMessage = options.emptyMessage || 'No items to display';\n    this.loading = false;\n    this.isEmpty = true;\n\n  }\n\n  /**\n   * Override onInit to set up initial state\n   */\n  async onInit() {\n    // Initial render will happen automatically\n    this._initCollection(this.options.collection || this.options.Collection);\n  }\n\n\n  /**\n   * Initialize the collection\n   */\n  _initCollection(collectionOrClass) {\n    if (!collectionOrClass) {\n        console.log('Collection not provided');\n        return;\n    };\n\n    // Check if it's already a Collection instance\n    if (collectionOrClass instanceof Collection) {\n      this.setCollection(collectionOrClass);\n    }\n    // Check if it's a Collection class\n    else if (typeof collectionOrClass === 'function') {\n      const collection = new collectionOrClass();\n      this.setCollection(collection);\n    }\n    // Check if it's an array of data\n    else if (Array.isArray(collectionOrClass)) {\n      const collection = new Collection(null, {}, collectionOrClass);\n      this.setCollection(collection);\n    }\n  }\n\n  /**\n   * Set the collection for this list view\n   */\n  setCollection(collection) {\n    if (this.collection === collection) return this;\n\n    // Clean up old collection listeners\n    if (this.collection) {\n      this.collection.off('add', this._onModelsAdded, this);\n      this.collection.off('remove', this._onModelsRemoved, this);\n      this.collection.off('reset', this._onCollectionReset, this);\n      this.collection.off('fetch:start', this._onFetchStart, this);\n      this.collection.off('fetch:end', this._onFetchEnd, this);\n    }\n\n    this.collection = collection;\n\n    if (this.options.collectionParams) {\n        this.collection.params = {...this.options.collectionParams, ...this.collection.params};\n    }\n\n    // Set up new collection listeners\n    if (this.collection) {\n      this.collection.on('add', this._onModelsAdded, this);\n      this.collection.on('remove', this._onModelsRemoved, this);\n      this.collection.on('reset', this._onCollectionReset, this);\n      this.collection.on('fetch:start', this._onFetchStart, this);\n      this.collection.on('fetch:end', this._onFetchEnd, this);\n\n      // Build items for existing models\n      this._buildItems();\n    }\n\n    return this;\n  }\n\n  async _renderChildren() {\n      await super._renderChildren();\n      const itemsContainer = this.getChildElement(\"items\");\n      if (!itemsContainer) {\n          // console.warn('ListView: items container not found');\n          return;\n      }\n      this.forEachItem((item, index) => {\n        itemsContainer.appendChild(item.element);\n        item.render(false);\n      });\n  }\n\n  /**\n   * Build item views for all models in collection\n   */\n  _buildItems() {\n    // Clear existing items\n    this._clearItems();\n\n    if (!this.collection || this.collection.isEmpty()) {\n      this.isEmpty = true;\n      this.emit('list:empty');\n      return;\n    }\n\n    this.isEmpty = false;\n\n    // Create item views for each model\n    this.collection.forEach((model, index) => {\n      this._createItemView(model, index);\n    });\n\n    this.emit('list:loaded', { count: this.collection.length() });\n\n    // Render if already mounted\n    if (this.isMounted()) {\n      this.render();\n    }\n  }\n\n  /**\n   * Create an item view for a model\n   * The itemTemplate is passed as the template option to the itemClass constructor\n   */\n  _createItemView(model, index) {\n    // Don't create duplicate views\n    if (this.itemViews.has(model.id)) return;\n\n    const itemView = new this.itemClass({\n      model: model,\n      index: index,\n      listView: this,\n      template: this.itemTemplate, // Pass the itemTemplate to the item view\n    });\n\n    // Store the item view\n    this.itemViews.set(model.id, itemView);\n\n    // Set up item event listeners\n    itemView.on('item:select', this._onItemSelect.bind(this));\n    itemView.on('item:deselect', this._onItemDeselect.bind(this));\n\n    return itemView;\n  }\n\n  /**\n   * Clear all item views\n   */\n  _clearItems() {\n    this.forEachItem(itemView => {\n      this.removeChild(itemView.id);\n    });\n    this.itemViews.clear();\n    this.selectedItems.clear();\n  }\n\n  /**\n   * Handle models added to collection\n   */\n  _onModelsAdded(event) {\n    const { models } = event;\n\n    models.forEach(model => {\n      const index = this.collection.models.indexOf(model);\n      this._createItemView(model, index);\n    });\n\n    this.isEmpty = this.collection.isEmpty();\n\n    // Re-render to show new items\n    if (!this.loading && this.isMounted()) {\n      this.render();\n    }\n  }\n\n  /**\n   * Handle models removed from collection\n   */\n  _onModelsRemoved(event) {\n    const { models } = event;\n\n    models.forEach(model => {\n      const itemView = this.itemViews.get(model.id);\n      if (itemView) {\n        this.removeChild(itemView.id);\n        this.itemViews.delete(model.id);\n        this.selectedItems.delete(model.id);\n      }\n    });\n\n    this.isEmpty = this.collection.isEmpty();\n\n    // Re-render to update display\n    if (!this.loading && this.isMounted()) {\n      this.render();\n    }\n\n    if (this.isEmpty) {\n      this.emit('list:empty');\n    }\n  }\n\n  /**\n   * Handle collection reset\n   */\n  _onCollectionReset(_event) {\n    this._buildItems();\n  }\n\n  /**\n   * Handle fetch start\n   */\n  _onFetchStart() {\n    this.loading = true;\n    if (this.isMounted()) {\n      this.render();\n    }\n  }\n\n  /**\n   * Handle fetch end\n   */\n  _onFetchEnd() {\n    this.loading = false;\n    if (this.isMounted()) {\n      this.render();\n    }\n  }\n\n  /**\n   * Handle item selection\n   */\n  _onItemSelect(event) {\n    const { model, item } = event;\n\n    if (this.selectionMode === 'none') {\n      item.deselect();\n      return;\n    }\n\n    if (this.selectionMode === 'single') {\n      // Deselect all other items\n      this.itemViews.forEach((view, id) => {\n        if (id !== model.id && view.selected) {\n          view.deselect();\n        }\n      });\n      this.selectedItems.clear();\n    }\n\n    this.selectedItems.add(model.id);\n\n    this.emit('selection:change', {\n      selected: Array.from(this.selectedItems),\n      item: item,\n      model: model\n    });\n  }\n\n  /**\n   * Handle item deselection\n   */\n  _onItemDeselect(event) {\n    const { model } = event;\n\n    this.selectedItems.delete(model.id);\n\n    this.emit('selection:change', {\n      selected: Array.from(this.selectedItems),\n      item: event.item,\n      model: model\n    });\n  }\n\n  /**\n   * Get selected items\n   */\n  getSelectedItems() {\n    const selected = [];\n    this.selectedItems.forEach(id => {\n      const itemView = this.itemViews.get(id);\n      if (itemView) {\n        selected.push({\n          view: itemView,\n          model: itemView.model,\n          data: itemView.model?.toJSON ? itemView.model.toJSON() : itemView.model\n        });\n      }\n    });\n    return selected;\n  }\n\n  /**\n   * Iterate over each item view in the list\n   * @param {function} callback - Function to execute for each item (itemView, model, index)\n   * @param {object} thisArg - Optional value to use as this when executing callback\n   * @returns {ListView} Returns the ListView for chaining\n   */\n  forEachItem(callback, thisArg) {\n    if (typeof callback !== 'function') {\n      throw new TypeError('Callback must be a function');\n    }\n\n    let index = 0;\n    this.itemViews.forEach((itemView, modelId) => {\n      callback.call(thisArg, itemView, itemView.model, index++);\n    });\n\n    return this;\n  }\n\n  /**\n   * Clear selection\n   */\n  clearSelection() {\n    this.forEachItem(itemView => {\n      if (itemView.selected) {\n        itemView.deselect();\n      }\n    });\n    this.selectedItems.clear();\n\n    this.emit('selection:change', {\n      selected: []\n    });\n  }\n\n  /**\n   * Select item by model ID\n   */\n  selectItem(modelId) {\n    const itemView = this.itemViews.get(modelId);\n    if (itemView) {\n      itemView.select();\n    }\n    return this;\n  }\n\n  /**\n   * Deselect item by model ID\n   */\n  deselectItem(modelId) {\n    const itemView = this.itemViews.get(modelId);\n    if (itemView) {\n      itemView.deselect();\n    }\n    return this;\n  }\n\n  /**\n   * Set or update the item template\n   * @param {string} template - New template string for items\n   * @param {boolean} rerender - Whether to re-render existing items with new template\n   * @returns {ListView} Returns the ListView for chaining\n   */\n  setItemTemplate(template, rerender = false) {\n    this.itemTemplate = template;\n\n    if (rerender && this.itemViews.size > 0) {\n      // Update template for all existing item views\n      this.forEachItem((itemView) => {\n        itemView.setTemplate(template);\n        if (itemView.isMounted()) {\n          itemView.render();\n        }\n      });\n    }\n\n    return this;\n  }\n\n  async onAfterMount() {\n      await super.onAfterMount();\n      if (this.collection && (this.options.fetchOnMount || !this.collection.lastFetchTime)) {\n          this.collection.fetch();\n      }\n  }\n\n  /**\n   * Refresh the list (re-fetch if collection supports it)\n   */\n  async refresh() {\n    if (this.collection && this.collection.restEnabled) {\n      return await this.collection.fetch();\n    }\n    this._buildItems();\n  }\n\n  /**\n   * Override destroy to clean up\n   */\n  async destroy() {\n    // Clean up collection listeners\n    if (this.collection) {\n      this.collection.off('add', this._onModelsAdded, this);\n      this.collection.off('remove', this._onModelsRemoved, this);\n      this.collection.off('reset', this._onCollectionReset, this);\n      this.collection.off('fetch:start', this._onFetchStart, this);\n      this.collection.off('fetch:end', this._onFetchEnd, this);\n    }\n\n    // Clear items\n    this._clearItems();\n\n    // Call parent destroy\n    await super.destroy();\n  }\n}\n\nexport default ListView;\n"],"names":["ListViewItem","View","constructor","options","super","className","this","selected","index","listView","template","onActionSelect","event","_element","stopPropagation","deselect","select","addClass","emit","item","model","data","toJSON","removeClass","onActionDefault","action","_event","setIndex","element","setAttribute","setSelected","destroy","ListView","collection","itemViews","Map","selectedItems","Set","itemTemplate","itemClass","selectionMode","emptyMessage","loading","isEmpty","onInit","_initCollection","Collection","collectionOrClass","setCollection","Array","isArray","off","_onModelsAdded","_onModelsRemoved","_onCollectionReset","_onFetchStart","_onFetchEnd","collectionParams","params","on","_buildItems","_renderChildren","itemsContainer","getChildElement","forEachItem","appendChild","render","_clearItems","forEach","_createItemView","count","length","isMounted","has","id","itemView","set","_onItemSelect","bind","_onItemDeselect","removeChild","clear","models","indexOf","get","delete","view","add","from","getSelectedItems","push","callback","thisArg","TypeError","modelId","call","clearSelection","selectItem","deselectItem","setItemTemplate","rerender","size","setTemplate","onAfterMount","fetchOnMount","lastFetchTime","fetch","refresh","restEnabled"],"mappings":"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"}
+{"version":3,"file":"ListView-9b-jQTQZ.js","sources":["../../src/core/views/list/ListViewItem.js","../../src/core/views/list/ListView.js"],"sourcesContent":["/**\n * ListViewItem - Individual item view for ListView\n *\n * Each item is its own View with its own model, allowing for\n * independent re-rendering when the model changes.\n *\n * Events:\n *   - 'item:click' - Emitted when item is clicked\n *   - 'item:select' - Emitted when item is selected\n *   - 'item:deselect' - Emitted when item is deselected\n *\n * @example\n * const item = new ListViewItem({\n *   model: userModel,\n *   template: '<div class=\"user-item\">{{name}} - {{email}}</div>'\n * });\n */\n\nimport View from '@core/View.js';\n\nclass ListViewItem extends View {\n  constructor(options = {}) {\n    super({\n      className: 'list-view-item',\n      ...options\n    });\n\n    // Item-specific properties\n    this.selected = false;\n    this.index = options.index ?? 0;\n    this.listView = options.listView ?? null;\n\n    // Default template if none provided\n    if (!this.template) {\n      this.template = `\n        <div class=\"list-item-content\" data-action=\"select\">\n          {{#model}}\n            {{#id}}<span class=\"item-id\">{{id}}</span>{{/id}}\n            {{#name}}<span class=\"item-name\">{{name}}</span>{{/name}}\n            {{#title}}<span class=\"item-title\">{{title}}</span>{{/title}}\n            {{#label}}<span class=\"item-label\">{{label}}</span>{{/label}}\n            {{#description}}<p class=\"item-description\">{{description}}</p>{{/description}}\n          {{/model}}\n          {{^model}}\n            <span class=\"item-empty\">No data</span>\n          {{/model}}\n        </div>\n      `;\n    }\n  }\n\n  /**\n   * Handle item selection action\n   */\n  async onActionSelect(event, _element) {\n    event.stopPropagation();\n\n    if (this.selected) {\n      this.deselect();\n    } else {\n      this.select();\n    }\n  }\n\n  /**\n   * Select this item\n   */\n  select() {\n    if (this.selected) return;\n\n    this.selected = true;\n    this.addClass('selected');\n\n    // Emit selection event with item data\n    this.emit('item:select', {\n      item: this,\n      model: this.model,\n      index: this.index,\n      data: this.model?.toJSON ? this.model.toJSON() : this.model\n    });\n\n    // Notify parent ListView if available\n    if (this.listView) {\n      this.listView.emit('item:select', {\n        item: this,\n        model: this.model,\n        index: this.index,\n        data: this.model?.toJSON ? this.model.toJSON() : this.model\n      });\n    }\n  }\n\n  /**\n   * Deselect this item\n   */\n  deselect() {\n    if (!this.selected) return;\n\n    this.selected = false;\n    this.removeClass('selected');\n\n    // Emit deselection event\n    this.emit('item:deselect', {\n      item: this,\n      model: this.model,\n      index: this.index,\n      data: this.model?.toJSON ? this.model.toJSON() : this.model\n    });\n\n    // Notify parent ListView if available\n    if (this.listView) {\n      this.listView.emit('item:deselect', {\n        item: this,\n        model: this.model,\n        index: this.index,\n        data: this.model?.toJSON ? this.model.toJSON() : this.model\n      });\n    }\n  }\n\n  /**\n   * Handle click events on the item\n   */\n  async onActionDefault(action, _event, _element) {\n    // Emit click event for any action not specifically handled\n    this.emit('item:click', {\n      item: this,\n      model: this.model,\n      index: this.index,\n      action: action,\n      data: this.model?.toJSON ? this.model.toJSON() : this.model\n    });\n\n    // Notify parent ListView if available\n    if (this.listView) {\n      this.listView.emit('item:click', {\n        item: this,\n        model: this.model,\n        index: this.index,\n        action: action,\n        data: this.model?.toJSON ? this.model.toJSON() : this.model\n      });\n    }\n  }\n\n  /**\n   * Set the item's index in the list\n   */\n  setIndex(index) {\n    this.index = index;\n    this.element.setAttribute('data-index', index);\n    return this;\n  }\n\n  /**\n   * Update the item's selection state\n   */\n  setSelected(selected) {\n    if (selected) {\n      this.select();\n    } else {\n      this.deselect();\n    }\n    return this;\n  }\n\n  /**\n   * Override destroy to clean up references\n   */\n  async destroy() {\n    // Remove reference to parent ListView\n    this.listView = null;\n\n    // Call parent destroy\n    await super.destroy();\n  }\n}\n\nexport default ListViewItem;\n","/**\n * ListView - Visual list component for Collections\n *\n * Manages a collection of ListViewItem views, each with its own model.\n * When a model changes, only its corresponding ListViewItem re-renders.\n *\n * Events:\n *   - 'item:click' - Emitted when any item is clicked\n *   - 'item:select' - Emitted when an item is selected\n *   - 'item:deselect' - Emitted when an item is deselected\n *   - 'selection:change' - Emitted when selection changes\n *   - 'list:empty' - Emitted when list becomes empty\n *   - 'list:loaded' - Emitted when list is populated\n *\n * @example\n * // Basic usage with custom item template\n * const listView = new ListView({\n *   collection: userCollection,\n *   itemTemplate: '<div class=\"user-item\">{{name}} - {{email}}</div>',\n *   selectionMode: 'single'\n * });\n *\n * // Custom template with model fields\n * const productList = new ListView({\n *   collection: productCollection,\n *   itemTemplate: `\n *     <div class=\"product-card\" data-action=\"select\">\n *       <h4>{{name}}</h4>\n *       <p class=\"price\">{{price|currency}}</p>\n *       <p>{{description|truncate(100)}}</p>\n *     </div>\n *   `,\n *   selectionMode: 'multiple'\n * });\n *\n * // Using custom item class with template\n * const customList = new ListView({\n *   collection: myCollection,\n *   itemClass: CustomListItem,     // Your custom ListViewItem subclass\n *   itemTemplate: '<div>{{title}}</div>',  // Passed as 'template' to itemClass constructor\n *   selectionMode: 'none'\n * });\n *\n * // Dynamic template update\n * listView.setItemTemplate('<div class=\"compact\">{{name}}</div>', true);\n */\n\nimport View from '@core/View.js';\nimport Collection from '@core/Collection.js';\nimport ListViewItem from './ListViewItem.js';\n\nclass ListView extends View {\n  constructor(options = {}) {\n    super({\n      className: 'list-view',\n      template: `\n        <div class=\"list-view-container\">\n          {{#loading}}\n            <div class=\"list-loading\">\n              <div class=\"spinner-border spinner-border-sm\" role=\"status\">\n                <span class=\"visually-hidden\">Loading...</span>\n              </div>\n              Loading...\n            </div>\n          {{/loading}}\n          {{^loading}}\n            {{#isEmpty}}\n              <div class=\"list-empty\">\n                {{emptyMessage}}\n              </div>\n            {{/isEmpty}}\n            {{^isEmpty}}\n              <div class=\"list-items\" data-container=\"items\"></div>\n            {{/isEmpty}}\n          {{/loading}}\n        </div>\n      `,\n      ...options\n    });\n\n    // ListView specific properties\n    this.collection = null;\n    this.itemViews = new Map(); // Map of model.id -> ListViewItem\n    this.selectedItems = new Set(); // Set of selected item IDs\n\n    // Configuration\n    this.itemTemplate = options.itemTemplate || null; // Template passed to each item's view\n    this.itemClass = options.itemClass || ListViewItem; // Class for creating item views\n    this.selectionMode = options.selectionMode || 'none'; // none, single, multiple\n    this.emptyMessage = options.emptyMessage || 'No items to display';\n    this.loading = false;\n    this.isEmpty = true;\n\n  }\n\n  /**\n   * Override onInit to set up initial state\n   */\n  async onInit() {\n    // Initial render will happen automatically\n    this._initCollection(this.options.collection || this.options.Collection);\n  }\n\n\n  /**\n   * Initialize the collection\n   */\n  _initCollection(collectionOrClass) {\n    if (!collectionOrClass) {\n        console.log('Collection not provided');\n        return;\n    };\n\n    // Check if it's already a Collection instance\n    if (collectionOrClass instanceof Collection) {\n      this.setCollection(collectionOrClass);\n    }\n    // Check if it's a Collection class\n    else if (typeof collectionOrClass === 'function') {\n      const collection = new collectionOrClass();\n      this.setCollection(collection);\n    }\n    // Check if it's an array of data\n    else if (Array.isArray(collectionOrClass)) {\n      const collection = new Collection(null, {}, collectionOrClass);\n      this.setCollection(collection);\n    }\n  }\n\n  /**\n   * Set the collection for this list view\n   */\n  setCollection(collection) {\n    if (this.collection === collection) return this;\n\n    // Clean up old collection listeners\n    if (this.collection) {\n      this.collection.off('add', this._onModelsAdded, this);\n      this.collection.off('remove', this._onModelsRemoved, this);\n      this.collection.off('reset', this._onCollectionReset, this);\n      this.collection.off('fetch:start', this._onFetchStart, this);\n      this.collection.off('fetch:end', this._onFetchEnd, this);\n    }\n\n    this.collection = collection;\n\n    if (this.options.collectionParams) {\n        this.collection.params = {...this.options.collectionParams, ...this.collection.params};\n    }\n\n    // Set up new collection listeners\n    if (this.collection) {\n      this.collection.on('add', this._onModelsAdded, this);\n      this.collection.on('remove', this._onModelsRemoved, this);\n      this.collection.on('reset', this._onCollectionReset, this);\n      this.collection.on('fetch:start', this._onFetchStart, this);\n      this.collection.on('fetch:end', this._onFetchEnd, this);\n\n      // Build items for existing models\n      this._buildItems();\n    }\n\n    return this;\n  }\n\n  async _renderChildren() {\n      await super._renderChildren();\n      const itemsContainer = this.getChildElement(\"items\");\n      if (!itemsContainer) {\n          // console.warn('ListView: items container not found');\n          return;\n      }\n      this.forEachItem((item, index) => {\n        itemsContainer.appendChild(item.element);\n        item.render(false);\n      });\n  }\n\n  /**\n   * Build item views for all models in collection\n   */\n  _buildItems() {\n    // Clear existing items\n    this._clearItems();\n\n    if (!this.collection || this.collection.isEmpty()) {\n      this.isEmpty = true;\n      this.emit('list:empty');\n      return;\n    }\n\n    this.isEmpty = false;\n\n    // Create item views for each model\n    this.collection.forEach((model, index) => {\n      this._createItemView(model, index);\n    });\n\n    this.emit('list:loaded', { count: this.collection.length() });\n\n    // Render if already mounted\n    if (this.isMounted()) {\n      this.render();\n    }\n  }\n\n  /**\n   * Create an item view for a model\n   * The itemTemplate is passed as the template option to the itemClass constructor\n   */\n  _createItemView(model, index) {\n    // Don't create duplicate views\n    if (this.itemViews.has(model.id)) return;\n\n    const itemView = new this.itemClass({\n      model: model,\n      index: index,\n      listView: this,\n      template: this.itemTemplate, // Pass the itemTemplate to the item view\n    });\n\n    // Store the item view\n    this.itemViews.set(model.id, itemView);\n\n    // Set up item event listeners\n    itemView.on('item:select', this._onItemSelect.bind(this));\n    itemView.on('item:deselect', this._onItemDeselect.bind(this));\n\n    return itemView;\n  }\n\n  /**\n   * Clear all item views\n   */\n  _clearItems() {\n    this.forEachItem(itemView => {\n      this.removeChild(itemView.id);\n    });\n    this.itemViews.clear();\n    this.selectedItems.clear();\n  }\n\n  /**\n   * Handle models added to collection\n   */\n  _onModelsAdded(event) {\n    const { models } = event;\n\n    models.forEach(model => {\n      const index = this.collection.models.indexOf(model);\n      this._createItemView(model, index);\n    });\n\n    this.isEmpty = this.collection.isEmpty();\n\n    // Re-render to show new items\n    if (!this.loading && this.isMounted()) {\n      this.render();\n    }\n  }\n\n  /**\n   * Handle models removed from collection\n   */\n  _onModelsRemoved(event) {\n    const { models } = event;\n\n    models.forEach(model => {\n      const itemView = this.itemViews.get(model.id);\n      if (itemView) {\n        this.removeChild(itemView.id);\n        this.itemViews.delete(model.id);\n        this.selectedItems.delete(model.id);\n      }\n    });\n\n    this.isEmpty = this.collection.isEmpty();\n\n    // Re-render to update display\n    if (!this.loading && this.isMounted()) {\n      this.render();\n    }\n\n    if (this.isEmpty) {\n      this.emit('list:empty');\n    }\n  }\n\n  /**\n   * Handle collection reset\n   */\n  _onCollectionReset(_event) {\n    this._buildItems();\n  }\n\n  /**\n   * Handle fetch start\n   */\n  _onFetchStart() {\n    this.loading = true;\n    if (this.isMounted()) {\n      this.render();\n    }\n  }\n\n  /**\n   * Handle fetch end\n   */\n  _onFetchEnd() {\n    this.loading = false;\n    if (this.isMounted()) {\n      this.render();\n    }\n  }\n\n  /**\n   * Handle item selection\n   */\n  _onItemSelect(event) {\n    const { model, item } = event;\n\n    if (this.selectionMode === 'none') {\n      item.deselect();\n      return;\n    }\n\n    if (this.selectionMode === 'single') {\n      // Deselect all other items\n      this.itemViews.forEach((view, id) => {\n        if (id !== model.id && view.selected) {\n          view.deselect();\n        }\n      });\n      this.selectedItems.clear();\n    }\n\n    this.selectedItems.add(model.id);\n\n    this.emit('selection:change', {\n      selected: Array.from(this.selectedItems),\n      item: item,\n      model: model\n    });\n  }\n\n  /**\n   * Handle item deselection\n   */\n  _onItemDeselect(event) {\n    const { model } = event;\n\n    this.selectedItems.delete(model.id);\n\n    this.emit('selection:change', {\n      selected: Array.from(this.selectedItems),\n      item: event.item,\n      model: model\n    });\n  }\n\n  /**\n   * Get selected items\n   */\n  getSelectedItems() {\n    const selected = [];\n    this.selectedItems.forEach(id => {\n      const itemView = this.itemViews.get(id);\n      if (itemView) {\n        selected.push({\n          view: itemView,\n          model: itemView.model,\n          data: itemView.model?.toJSON ? itemView.model.toJSON() : itemView.model\n        });\n      }\n    });\n    return selected;\n  }\n\n  /**\n   * Iterate over each item view in the list\n   * @param {function} callback - Function to execute for each item (itemView, model, index)\n   * @param {object} thisArg - Optional value to use as this when executing callback\n   * @returns {ListView} Returns the ListView for chaining\n   */\n  forEachItem(callback, thisArg) {\n    if (typeof callback !== 'function') {\n      throw new TypeError('Callback must be a function');\n    }\n\n    let index = 0;\n    this.itemViews.forEach((itemView, modelId) => {\n      callback.call(thisArg, itemView, itemView.model, index++);\n    });\n\n    return this;\n  }\n\n  /**\n   * Clear selection\n   */\n  clearSelection() {\n    this.forEachItem(itemView => {\n      if (itemView.selected) {\n        itemView.deselect();\n      }\n    });\n    this.selectedItems.clear();\n\n    this.emit('selection:change', {\n      selected: []\n    });\n  }\n\n  /**\n   * Select item by model ID\n   */\n  selectItem(modelId) {\n    const itemView = this.itemViews.get(modelId);\n    if (itemView) {\n      itemView.select();\n    }\n    return this;\n  }\n\n  /**\n   * Deselect item by model ID\n   */\n  deselectItem(modelId) {\n    const itemView = this.itemViews.get(modelId);\n    if (itemView) {\n      itemView.deselect();\n    }\n    return this;\n  }\n\n  /**\n   * Set or update the item template\n   * @param {string} template - New template string for items\n   * @param {boolean} rerender - Whether to re-render existing items with new template\n   * @returns {ListView} Returns the ListView for chaining\n   */\n  setItemTemplate(template, rerender = false) {\n    this.itemTemplate = template;\n\n    if (rerender && this.itemViews.size > 0) {\n      // Update template for all existing item views\n      this.forEachItem((itemView) => {\n        itemView.setTemplate(template);\n        if (itemView.isMounted()) {\n          itemView.render();\n        }\n      });\n    }\n\n    return this;\n  }\n\n  async onAfterMount() {\n      await super.onAfterMount();\n      if (this.collection && (this.options.fetchOnMount || !this.collection.lastFetchTime)) {\n          this.collection.fetch();\n      }\n  }\n\n  /**\n   * Refresh the list (re-fetch if collection supports it)\n   */\n  async refresh() {\n    if (this.collection && this.collection.restEnabled) {\n      return await this.collection.fetch();\n    }\n    this._buildItems();\n  }\n\n  /**\n   * Override destroy to clean up\n   */\n  async destroy() {\n    // Clean up collection listeners\n    if (this.collection) {\n      this.collection.off('add', this._onModelsAdded, this);\n      this.collection.off('remove', this._onModelsRemoved, this);\n      this.collection.off('reset', this._onCollectionReset, this);\n      this.collection.off('fetch:start', this._onFetchStart, this);\n      this.collection.off('fetch:end', this._onFetchEnd, this);\n    }\n\n    // Clear items\n    this._clearItems();\n\n    // Call parent destroy\n    await super.destroy();\n  }\n}\n\nexport default ListView;\n"],"names":["ListViewItem","View","constructor","options","super","className","this","selected","index","listView","template","onActionSelect","event","_element","stopPropagation","deselect","select","addClass","emit","item","model","data","toJSON","removeClass","onActionDefault","action","_event","setIndex","element","setAttribute","setSelected","destroy","ListView","collection","itemViews","Map","selectedItems","Set","itemTemplate","itemClass","selectionMode","emptyMessage","loading","isEmpty","onInit","_initCollection","Collection","collectionOrClass","setCollection","Array","isArray","off","_onModelsAdded","_onModelsRemoved","_onCollectionReset","_onFetchStart","_onFetchEnd","collectionParams","params","on","_buildItems","_renderChildren","itemsContainer","getChildElement","forEachItem","appendChild","render","_clearItems","forEach","_createItemView","count","length","isMounted","has","id","itemView","set","_onItemSelect","bind","_onItemDeselect","removeChild","clear","models","indexOf","get","delete","view","add","from","getSelectedItems","push","callback","thisArg","TypeError","modelId","call","clearSelection","selectItem","deselectItem","setItemTemplate","rerender","size","setTemplate","onAfterMount","fetchOnMount","lastFetchTime","fetch","refresh","restEnabled"],"mappings":"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"}

package/dist/chunks/{ListView-8FqhYWRU.js → ListView-C9OoIPfC.js}

@@ -1,5 +1,5 @@
-import { V as View } from "./Rest-BoKp2Hj4.js";
-import { C as Collection } from "./Collection-DJaa8dhS.js";
+import { V as View } from "./Rest-ChN4Ntac.js";
+import { C as Collection } from "./Collection-G5_fJcpB.js";
 class ListViewItem extends View {
   constructor(options = {}) {
     super({
@@ -489,4 +489,4 @@ export {
   ListViewItem as L,
   ListView as a
 };
-//# sourceMappingURL=ListView-8FqhYWRU.js.map
+//# sourceMappingURL=ListView-C9OoIPfC.js.map

package/dist/chunks/{ListView-8FqhYWRU.js.map → ListView-C9OoIPfC.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ListView-8FqhYWRU.js","sources":["../../src/core/views/list/ListViewItem.js","../../src/core/views/list/ListView.js"],"sourcesContent":["/**\n * ListViewItem - Individual item view for ListView\n *\n * Each item is its own View with its own model, allowing for\n * independent re-rendering when the model changes.\n *\n * Events:\n *   - 'item:click' - Emitted when item is clicked\n *   - 'item:select' - Emitted when item is selected\n *   - 'item:deselect' - Emitted when item is deselected\n *\n * @example\n * const item = new ListViewItem({\n *   model: userModel,\n *   template: '<div class=\"user-item\">{{name}} - {{email}}</div>'\n * });\n */\n\nimport View from '@core/View.js';\n\nclass ListViewItem extends View {\n  constructor(options = {}) {\n    super({\n      className: 'list-view-item',\n      ...options\n    });\n\n    // Item-specific properties\n    this.selected = false;\n    this.index = options.index ?? 0;\n    this.listView = options.listView ?? null;\n\n    // Default template if none provided\n    if (!this.template) {\n      this.template = `\n        <div class=\"list-item-content\" data-action=\"select\">\n          {{#model}}\n            {{#id}}<span class=\"item-id\">{{id}}</span>{{/id}}\n            {{#name}}<span class=\"item-name\">{{name}}</span>{{/name}}\n            {{#title}}<span class=\"item-title\">{{title}}</span>{{/title}}\n            {{#label}}<span class=\"item-label\">{{label}}</span>{{/label}}\n            {{#description}}<p class=\"item-description\">{{description}}</p>{{/description}}\n          {{/model}}\n          {{^model}}\n            <span class=\"item-empty\">No data</span>\n          {{/model}}\n        </div>\n      `;\n    }\n  }\n\n  /**\n   * Handle item selection action\n   */\n  async onActionSelect(event, _element) {\n    event.stopPropagation();\n\n    if (this.selected) {\n      this.deselect();\n    } else {\n      this.select();\n    }\n  }\n\n  /**\n   * Select this item\n   */\n  select() {\n    if (this.selected) return;\n\n    this.selected = true;\n    this.addClass('selected');\n\n    // Emit selection event with item data\n    this.emit('item:select', {\n      item: this,\n      model: this.model,\n      index: this.index,\n      data: this.model?.toJSON ? this.model.toJSON() : this.model\n    });\n\n    // Notify parent ListView if available\n    if (this.listView) {\n      this.listView.emit('item:select', {\n        item: this,\n        model: this.model,\n        index: this.index,\n        data: this.model?.toJSON ? this.model.toJSON() : this.model\n      });\n    }\n  }\n\n  /**\n   * Deselect this item\n   */\n  deselect() {\n    if (!this.selected) return;\n\n    this.selected = false;\n    this.removeClass('selected');\n\n    // Emit deselection event\n    this.emit('item:deselect', {\n      item: this,\n      model: this.model,\n      index: this.index,\n      data: this.model?.toJSON ? this.model.toJSON() : this.model\n    });\n\n    // Notify parent ListView if available\n    if (this.listView) {\n      this.listView.emit('item:deselect', {\n        item: this,\n        model: this.model,\n        index: this.index,\n        data: this.model?.toJSON ? this.model.toJSON() : this.model\n      });\n    }\n  }\n\n  /**\n   * Handle click events on the item\n   */\n  async onActionDefault(action, _event, _element) {\n    // Emit click event for any action not specifically handled\n    this.emit('item:click', {\n      item: this,\n      model: this.model,\n      index: this.index,\n      action: action,\n      data: this.model?.toJSON ? this.model.toJSON() : this.model\n    });\n\n    // Notify parent ListView if available\n    if (this.listView) {\n      this.listView.emit('item:click', {\n        item: this,\n        model: this.model,\n        index: this.index,\n        action: action,\n        data: this.model?.toJSON ? this.model.toJSON() : this.model\n      });\n    }\n  }\n\n  /**\n   * Set the item's index in the list\n   */\n  setIndex(index) {\n    this.index = index;\n    this.element.setAttribute('data-index', index);\n    return this;\n  }\n\n  /**\n   * Update the item's selection state\n   */\n  setSelected(selected) {\n    if (selected) {\n      this.select();\n    } else {\n      this.deselect();\n    }\n    return this;\n  }\n\n  /**\n   * Override destroy to clean up references\n   */\n  async destroy() {\n    // Remove reference to parent ListView\n    this.listView = null;\n\n    // Call parent destroy\n    await super.destroy();\n  }\n}\n\nexport default ListViewItem;\n","/**\n * ListView - Visual list component for Collections\n *\n * Manages a collection of ListViewItem views, each with its own model.\n * When a model changes, only its corresponding ListViewItem re-renders.\n *\n * Events:\n *   - 'item:click' - Emitted when any item is clicked\n *   - 'item:select' - Emitted when an item is selected\n *   - 'item:deselect' - Emitted when an item is deselected\n *   - 'selection:change' - Emitted when selection changes\n *   - 'list:empty' - Emitted when list becomes empty\n *   - 'list:loaded' - Emitted when list is populated\n *\n * @example\n * // Basic usage with custom item template\n * const listView = new ListView({\n *   collection: userCollection,\n *   itemTemplate: '<div class=\"user-item\">{{name}} - {{email}}</div>',\n *   selectionMode: 'single'\n * });\n *\n * // Custom template with model fields\n * const productList = new ListView({\n *   collection: productCollection,\n *   itemTemplate: `\n *     <div class=\"product-card\" data-action=\"select\">\n *       <h4>{{name}}</h4>\n *       <p class=\"price\">{{price|currency}}</p>\n *       <p>{{description|truncate(100)}}</p>\n *     </div>\n *   `,\n *   selectionMode: 'multiple'\n * });\n *\n * // Using custom item class with template\n * const customList = new ListView({\n *   collection: myCollection,\n *   itemClass: CustomListItem,     // Your custom ListViewItem subclass\n *   itemTemplate: '<div>{{title}}</div>',  // Passed as 'template' to itemClass constructor\n *   selectionMode: 'none'\n * });\n *\n * // Dynamic template update\n * listView.setItemTemplate('<div class=\"compact\">{{name}}</div>', true);\n */\n\nimport View from '@core/View.js';\nimport Collection from '@core/Collection.js';\nimport ListViewItem from './ListViewItem.js';\n\nclass ListView extends View {\n  constructor(options = {}) {\n    super({\n      className: 'list-view',\n      template: `\n        <div class=\"list-view-container\">\n          {{#loading}}\n            <div class=\"list-loading\">\n              <div class=\"spinner-border spinner-border-sm\" role=\"status\">\n                <span class=\"visually-hidden\">Loading...</span>\n              </div>\n              Loading...\n            </div>\n          {{/loading}}\n          {{^loading}}\n            {{#isEmpty}}\n              <div class=\"list-empty\">\n                {{emptyMessage}}\n              </div>\n            {{/isEmpty}}\n            {{^isEmpty}}\n              <div class=\"list-items\" data-container=\"items\"></div>\n            {{/isEmpty}}\n          {{/loading}}\n        </div>\n      `,\n      ...options\n    });\n\n    // ListView specific properties\n    this.collection = null;\n    this.itemViews = new Map(); // Map of model.id -> ListViewItem\n    this.selectedItems = new Set(); // Set of selected item IDs\n\n    // Configuration\n    this.itemTemplate = options.itemTemplate || null; // Template passed to each item's view\n    this.itemClass = options.itemClass || ListViewItem; // Class for creating item views\n    this.selectionMode = options.selectionMode || 'none'; // none, single, multiple\n    this.emptyMessage = options.emptyMessage || 'No items to display';\n    this.loading = false;\n    this.isEmpty = true;\n\n  }\n\n  /**\n   * Override onInit to set up initial state\n   */\n  async onInit() {\n    // Initial render will happen automatically\n    this._initCollection(this.options.collection || this.options.Collection);\n  }\n\n\n  /**\n   * Initialize the collection\n   */\n  _initCollection(collectionOrClass) {\n    if (!collectionOrClass) {\n        console.log('Collection not provided');\n        return;\n    };\n\n    // Check if it's already a Collection instance\n    if (collectionOrClass instanceof Collection) {\n      this.setCollection(collectionOrClass);\n    }\n    // Check if it's a Collection class\n    else if (typeof collectionOrClass === 'function') {\n      const collection = new collectionOrClass();\n      this.setCollection(collection);\n    }\n    // Check if it's an array of data\n    else if (Array.isArray(collectionOrClass)) {\n      const collection = new Collection(null, {}, collectionOrClass);\n      this.setCollection(collection);\n    }\n  }\n\n  /**\n   * Set the collection for this list view\n   */\n  setCollection(collection) {\n    if (this.collection === collection) return this;\n\n    // Clean up old collection listeners\n    if (this.collection) {\n      this.collection.off('add', this._onModelsAdded, this);\n      this.collection.off('remove', this._onModelsRemoved, this);\n      this.collection.off('reset', this._onCollectionReset, this);\n      this.collection.off('fetch:start', this._onFetchStart, this);\n      this.collection.off('fetch:end', this._onFetchEnd, this);\n    }\n\n    this.collection = collection;\n\n    if (this.options.collectionParams) {\n        this.collection.params = {...this.options.collectionParams, ...this.collection.params};\n    }\n\n    // Set up new collection listeners\n    if (this.collection) {\n      this.collection.on('add', this._onModelsAdded, this);\n      this.collection.on('remove', this._onModelsRemoved, this);\n      this.collection.on('reset', this._onCollectionReset, this);\n      this.collection.on('fetch:start', this._onFetchStart, this);\n      this.collection.on('fetch:end', this._onFetchEnd, this);\n\n      // Build items for existing models\n      this._buildItems();\n    }\n\n    return this;\n  }\n\n  async _renderChildren() {\n      await super._renderChildren();\n      const itemsContainer = this.getChildElement(\"items\");\n      if (!itemsContainer) {\n          // console.warn('ListView: items container not found');\n          return;\n      }\n      this.forEachItem((item, index) => {\n        itemsContainer.appendChild(item.element);\n        item.render(false);\n      });\n  }\n\n  /**\n   * Build item views for all models in collection\n   */\n  _buildItems() {\n    // Clear existing items\n    this._clearItems();\n\n    if (!this.collection || this.collection.isEmpty()) {\n      this.isEmpty = true;\n      this.emit('list:empty');\n      return;\n    }\n\n    this.isEmpty = false;\n\n    // Create item views for each model\n    this.collection.forEach((model, index) => {\n      this._createItemView(model, index);\n    });\n\n    this.emit('list:loaded', { count: this.collection.length() });\n\n    // Render if already mounted\n    if (this.isMounted()) {\n      this.render();\n    }\n  }\n\n  /**\n   * Create an item view for a model\n   * The itemTemplate is passed as the template option to the itemClass constructor\n   */\n  _createItemView(model, index) {\n    // Don't create duplicate views\n    if (this.itemViews.has(model.id)) return;\n\n    const itemView = new this.itemClass({\n      model: model,\n      index: index,\n      listView: this,\n      template: this.itemTemplate, // Pass the itemTemplate to the item view\n    });\n\n    // Store the item view\n    this.itemViews.set(model.id, itemView);\n\n    // Set up item event listeners\n    itemView.on('item:select', this._onItemSelect.bind(this));\n    itemView.on('item:deselect', this._onItemDeselect.bind(this));\n\n    return itemView;\n  }\n\n  /**\n   * Clear all item views\n   */\n  _clearItems() {\n    this.forEachItem(itemView => {\n      this.removeChild(itemView.id);\n    });\n    this.itemViews.clear();\n    this.selectedItems.clear();\n  }\n\n  /**\n   * Handle models added to collection\n   */\n  _onModelsAdded(event) {\n    const { models } = event;\n\n    models.forEach(model => {\n      const index = this.collection.models.indexOf(model);\n      this._createItemView(model, index);\n    });\n\n    this.isEmpty = this.collection.isEmpty();\n\n    // Re-render to show new items\n    if (!this.loading && this.isMounted()) {\n      this.render();\n    }\n  }\n\n  /**\n   * Handle models removed from collection\n   */\n  _onModelsRemoved(event) {\n    const { models } = event;\n\n    models.forEach(model => {\n      const itemView = this.itemViews.get(model.id);\n      if (itemView) {\n        this.removeChild(itemView.id);\n        this.itemViews.delete(model.id);\n        this.selectedItems.delete(model.id);\n      }\n    });\n\n    this.isEmpty = this.collection.isEmpty();\n\n    // Re-render to update display\n    if (!this.loading && this.isMounted()) {\n      this.render();\n    }\n\n    if (this.isEmpty) {\n      this.emit('list:empty');\n    }\n  }\n\n  /**\n   * Handle collection reset\n   */\n  _onCollectionReset(_event) {\n    this._buildItems();\n  }\n\n  /**\n   * Handle fetch start\n   */\n  _onFetchStart() {\n    this.loading = true;\n    if (this.isMounted()) {\n      this.render();\n    }\n  }\n\n  /**\n   * Handle fetch end\n   */\n  _onFetchEnd() {\n    this.loading = false;\n    if (this.isMounted()) {\n      this.render();\n    }\n  }\n\n  /**\n   * Handle item selection\n   */\n  _onItemSelect(event) {\n    const { model, item } = event;\n\n    if (this.selectionMode === 'none') {\n      item.deselect();\n      return;\n    }\n\n    if (this.selectionMode === 'single') {\n      // Deselect all other items\n      this.itemViews.forEach((view, id) => {\n        if (id !== model.id && view.selected) {\n          view.deselect();\n        }\n      });\n      this.selectedItems.clear();\n    }\n\n    this.selectedItems.add(model.id);\n\n    this.emit('selection:change', {\n      selected: Array.from(this.selectedItems),\n      item: item,\n      model: model\n    });\n  }\n\n  /**\n   * Handle item deselection\n   */\n  _onItemDeselect(event) {\n    const { model } = event;\n\n    this.selectedItems.delete(model.id);\n\n    this.emit('selection:change', {\n      selected: Array.from(this.selectedItems),\n      item: event.item,\n      model: model\n    });\n  }\n\n  /**\n   * Get selected items\n   */\n  getSelectedItems() {\n    const selected = [];\n    this.selectedItems.forEach(id => {\n      const itemView = this.itemViews.get(id);\n      if (itemView) {\n        selected.push({\n          view: itemView,\n          model: itemView.model,\n          data: itemView.model?.toJSON ? itemView.model.toJSON() : itemView.model\n        });\n      }\n    });\n    return selected;\n  }\n\n  /**\n   * Iterate over each item view in the list\n   * @param {function} callback - Function to execute for each item (itemView, model, index)\n   * @param {object} thisArg - Optional value to use as this when executing callback\n   * @returns {ListView} Returns the ListView for chaining\n   */\n  forEachItem(callback, thisArg) {\n    if (typeof callback !== 'function') {\n      throw new TypeError('Callback must be a function');\n    }\n\n    let index = 0;\n    this.itemViews.forEach((itemView, modelId) => {\n      callback.call(thisArg, itemView, itemView.model, index++);\n    });\n\n    return this;\n  }\n\n  /**\n   * Clear selection\n   */\n  clearSelection() {\n    this.forEachItem(itemView => {\n      if (itemView.selected) {\n        itemView.deselect();\n      }\n    });\n    this.selectedItems.clear();\n\n    this.emit('selection:change', {\n      selected: []\n    });\n  }\n\n  /**\n   * Select item by model ID\n   */\n  selectItem(modelId) {\n    const itemView = this.itemViews.get(modelId);\n    if (itemView) {\n      itemView.select();\n    }\n    return this;\n  }\n\n  /**\n   * Deselect item by model ID\n   */\n  deselectItem(modelId) {\n    const itemView = this.itemViews.get(modelId);\n    if (itemView) {\n      itemView.deselect();\n    }\n    return this;\n  }\n\n  /**\n   * Set or update the item template\n   * @param {string} template - New template string for items\n   * @param {boolean} rerender - Whether to re-render existing items with new template\n   * @returns {ListView} Returns the ListView for chaining\n   */\n  setItemTemplate(template, rerender = false) {\n    this.itemTemplate = template;\n\n    if (rerender && this.itemViews.size > 0) {\n      // Update template for all existing item views\n      this.forEachItem((itemView) => {\n        itemView.setTemplate(template);\n        if (itemView.isMounted()) {\n          itemView.render();\n        }\n      });\n    }\n\n    return this;\n  }\n\n  async onAfterMount() {\n      await super.onAfterMount();\n      if (this.collection && (this.options.fetchOnMount || !this.collection.lastFetchTime)) {\n          this.collection.fetch();\n      }\n  }\n\n  /**\n   * Refresh the list (re-fetch if collection supports it)\n   */\n  async refresh() {\n    if (this.collection && this.collection.restEnabled) {\n      return await this.collection.fetch();\n    }\n    this._buildItems();\n  }\n\n  /**\n   * Override destroy to clean up\n   */\n  async destroy() {\n    // Clean up collection listeners\n    if (this.collection) {\n      this.collection.off('add', this._onModelsAdded, this);\n      this.collection.off('remove', this._onModelsRemoved, this);\n      this.collection.off('reset', this._onCollectionReset, this);\n      this.collection.off('fetch:start', this._onFetchStart, this);\n      this.collection.off('fetch:end', this._onFetchEnd, this);\n    }\n\n    // Clear items\n    this._clearItems();\n\n    // Call parent destroy\n    await super.destroy();\n  }\n}\n\nexport default ListView;\n"],"names":[],"mappings":";;AAoBA,MAAM,qBAAqB,KAAK;AAAA,EAC9B,YAAY,UAAU,IAAI;AACxB,UAAM;AAAA,MACJ,WAAW;AAAA,MACX,GAAG;AAAA,IACT,CAAK;AAGD,SAAK,WAAW;AAChB,SAAK,QAAQ,QAAQ,SAAS;AAC9B,SAAK,WAAW,QAAQ,YAAY;AAGpC,QAAI,CAAC,KAAK,UAAU;AAClB,WAAK,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAclB;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,MAAM,eAAe,OAAO,UAAU;AACpC,UAAM,gBAAe;AAErB,QAAI,KAAK,UAAU;AACjB,WAAK,SAAQ;AAAA,IACf,OAAO;AACL,WAAK,OAAM;AAAA,IACb;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,SAAS;AACP,QAAI,KAAK,SAAU;AAEnB,SAAK,WAAW;AAChB,SAAK,SAAS,UAAU;AAGxB,SAAK,KAAK,eAAe;AAAA,MACvB,MAAM;AAAA,MACN,OAAO,KAAK;AAAA,MACZ,OAAO,KAAK;AAAA,MACZ,MAAM,KAAK,OAAO,SAAS,KAAK,MAAM,OAAM,IAAK,KAAK;AAAA,IAC5D,CAAK;AAGD,QAAI,KAAK,UAAU;AACjB,WAAK,SAAS,KAAK,eAAe;AAAA,QAChC,MAAM;AAAA,QACN,OAAO,KAAK;AAAA,QACZ,OAAO,KAAK;AAAA,QACZ,MAAM,KAAK,OAAO,SAAS,KAAK,MAAM,OAAM,IAAK,KAAK;AAAA,MAC9D,CAAO;AAAA,IACH;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,WAAW;AACT,QAAI,CAAC,KAAK,SAAU;AAEpB,SAAK,WAAW;AAChB,SAAK,YAAY,UAAU;AAG3B,SAAK,KAAK,iBAAiB;AAAA,MACzB,MAAM;AAAA,MACN,OAAO,KAAK;AAAA,MACZ,OAAO,KAAK;AAAA,MACZ,MAAM,KAAK,OAAO,SAAS,KAAK,MAAM,OAAM,IAAK,KAAK;AAAA,IAC5D,CAAK;AAGD,QAAI,KAAK,UAAU;AACjB,WAAK,SAAS,KAAK,iBAAiB;AAAA,QAClC,MAAM;AAAA,QACN,OAAO,KAAK;AAAA,QACZ,OAAO,KAAK;AAAA,QACZ,MAAM,KAAK,OAAO,SAAS,KAAK,MAAM,OAAM,IAAK,KAAK;AAAA,MAC9D,CAAO;AAAA,IACH;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,MAAM,gBAAgB,QAAQ,QAAQ,UAAU;AAE9C,SAAK,KAAK,cAAc;AAAA,MACtB,MAAM;AAAA,MACN,OAAO,KAAK;AAAA,MACZ,OAAO,KAAK;AAAA,MACZ;AAAA,MACA,MAAM,KAAK,OAAO,SAAS,KAAK,MAAM,OAAM,IAAK,KAAK;AAAA,IAC5D,CAAK;AAGD,QAAI,KAAK,UAAU;AACjB,WAAK,SAAS,KAAK,cAAc;AAAA,QAC/B,MAAM;AAAA,QACN,OAAO,KAAK;AAAA,QACZ,OAAO,KAAK;AAAA,QACZ;AAAA,QACA,MAAM,KAAK,OAAO,SAAS,KAAK,MAAM,OAAM,IAAK,KAAK;AAAA,MAC9D,CAAO;AAAA,IACH;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,SAAS,OAAO;AACd,SAAK,QAAQ;AACb,SAAK,QAAQ,aAAa,cAAc,KAAK;AAC7C,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA,EAKA,YAAY,UAAU;AACpB,QAAI,UAAU;AACZ,WAAK,OAAM;AAAA,IACb,OAAO;AACL,WAAK,SAAQ;AAAA,IACf;AACA,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA,EAKA,MAAM,UAAU;AAEd,SAAK,WAAW;AAGhB,UAAM,MAAM,QAAO;AAAA,EACrB;AACF;AC7HA,MAAM,iBAAiB,KAAK;AAAA,EAC1B,YAAY,UAAU,IAAI;AACxB,UAAM;AAAA,MACJ,WAAW;AAAA,MACX,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAsBV,GAAG;AAAA,IACT,CAAK;AAGD,SAAK,aAAa;AAClB,SAAK,YAAY,oBAAI;AACrB,SAAK,gBAAgB,oBAAI;AAGzB,SAAK,eAAe,QAAQ,gBAAgB;AAC5C,SAAK,YAAY,QAAQ,aAAa;AACtC,SAAK,gBAAgB,QAAQ,iBAAiB;AAC9C,SAAK,eAAe,QAAQ,gBAAgB;AAC5C,SAAK,UAAU;AACf,SAAK,UAAU;AAAA,EAEjB;AAAA;AAAA;AAAA;AAAA,EAKA,MAAM,SAAS;AAEb,SAAK,gBAAgB,KAAK,QAAQ,cAAc,KAAK,QAAQ,UAAU;AAAA,EACzE;AAAA;AAAA;AAAA;AAAA,EAMA,gBAAgB,mBAAmB;AACjC,QAAI,CAAC,mBAAmB;AACpB,cAAQ,IAAI,yBAAyB;AACrC;AAAA,IACJ;AAGA,QAAI,6BAA6B,YAAY;AAC3C,WAAK,cAAc,iBAAiB;AAAA,IACtC,WAES,OAAO,sBAAsB,YAAY;AAChD,YAAM,aAAa,IAAI,kBAAiB;AACxC,WAAK,cAAc,UAAU;AAAA,IAC/B,WAES,MAAM,QAAQ,iBAAiB,GAAG;AACzC,YAAM,aAAa,IAAI,WAAW,MAAM,CAAA,GAAI,iBAAiB;AAC7D,WAAK,cAAc,UAAU;AAAA,IAC/B;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,cAAc,YAAY;AACxB,QAAI,KAAK,eAAe,WAAY,QAAO;AAG3C,QAAI,KAAK,YAAY;AACnB,WAAK,WAAW,IAAI,OAAO,KAAK,gBAAgB,IAAI;AACpD,WAAK,WAAW,IAAI,UAAU,KAAK,kBAAkB,IAAI;AACzD,WAAK,WAAW,IAAI,SAAS,KAAK,oBAAoB,IAAI;AAC1D,WAAK,WAAW,IAAI,eAAe,KAAK,eAAe,IAAI;AAC3D,WAAK,WAAW,IAAI,aAAa,KAAK,aAAa,IAAI;AAAA,IACzD;AAEA,SAAK,aAAa;AAElB,QAAI,KAAK,QAAQ,kBAAkB;AAC/B,WAAK,WAAW,SAAS,EAAC,GAAG,KAAK,QAAQ,kBAAkB,GAAG,KAAK,WAAW,OAAM;AAAA,IACzF;AAGA,QAAI,KAAK,YAAY;AACnB,WAAK,WAAW,GAAG,OAAO,KAAK,gBAAgB,IAAI;AACnD,WAAK,WAAW,GAAG,UAAU,KAAK,kBAAkB,IAAI;AACxD,WAAK,WAAW,GAAG,SAAS,KAAK,oBAAoB,IAAI;AACzD,WAAK,WAAW,GAAG,eAAe,KAAK,eAAe,IAAI;AAC1D,WAAK,WAAW,GAAG,aAAa,KAAK,aAAa,IAAI;AAGtD,WAAK,YAAW;AAAA,IAClB;AAEA,WAAO;AAAA,EACT;AAAA,EAEA,MAAM,kBAAkB;AACpB,UAAM,MAAM,gBAAe;AAC3B,UAAM,iBAAiB,KAAK,gBAAgB,OAAO;AACnD,QAAI,CAAC,gBAAgB;AAEjB;AAAA,IACJ;AACA,SAAK,YAAY,CAAC,MAAM,UAAU;AAChC,qBAAe,YAAY,KAAK,OAAO;AACvC,WAAK,OAAO,KAAK;AAAA,IACnB,CAAC;AAAA,EACL;AAAA;AAAA;AAAA;AAAA,EAKA,cAAc;AAEZ,SAAK,YAAW;AAEhB,QAAI,CAAC,KAAK,cAAc,KAAK,WAAW,QAAO,GAAI;AACjD,WAAK,UAAU;AACf,WAAK,KAAK,YAAY;AACtB;AAAA,IACF;AAEA,SAAK,UAAU;AAGf,SAAK,WAAW,QAAQ,CAAC,OAAO,UAAU;AACxC,WAAK,gBAAgB,OAAO,KAAK;AAAA,IACnC,CAAC;AAED,SAAK,KAAK,eAAe,EAAE,OAAO,KAAK,WAAW,OAAM,GAAI;AAG5D,QAAI,KAAK,aAAa;AACpB,WAAK,OAAM;AAAA,IACb;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,gBAAgB,OAAO,OAAO;AAE5B,QAAI,KAAK,UAAU,IAAI,MAAM,EAAE,EAAG;AAElC,UAAM,WAAW,IAAI,KAAK,UAAU;AAAA,MAClC;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV,UAAU,KAAK;AAAA;AAAA,IACrB,CAAK;AAGD,SAAK,UAAU,IAAI,MAAM,IAAI,QAAQ;AAGrC,aAAS,GAAG,eAAe,KAAK,cAAc,KAAK,IAAI,CAAC;AACxD,aAAS,GAAG,iBAAiB,KAAK,gBAAgB,KAAK,IAAI,CAAC;AAE5D,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA,EAKA,cAAc;AACZ,SAAK,YAAY,cAAY;AAC3B,WAAK,YAAY,SAAS,EAAE;AAAA,IAC9B,CAAC;AACD,SAAK,UAAU,MAAK;AACpB,SAAK,cAAc,MAAK;AAAA,EAC1B;AAAA;AAAA;AAAA;AAAA,EAKA,eAAe,OAAO;AACpB,UAAM,EAAE,OAAM,IAAK;AAEnB,WAAO,QAAQ,WAAS;AACtB,YAAM,QAAQ,KAAK,WAAW,OAAO,QAAQ,KAAK;AAClD,WAAK,gBAAgB,OAAO,KAAK;AAAA,IACnC,CAAC;AAED,SAAK,UAAU,KAAK,WAAW,QAAO;AAGtC,QAAI,CAAC,KAAK,WAAW,KAAK,UAAS,GAAI;AACrC,WAAK,OAAM;AAAA,IACb;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,iBAAiB,OAAO;AACtB,UAAM,EAAE,OAAM,IAAK;AAEnB,WAAO,QAAQ,WAAS;AACtB,YAAM,WAAW,KAAK,UAAU,IAAI,MAAM,EAAE;AAC5C,UAAI,UAAU;AACZ,aAAK,YAAY,SAAS,EAAE;AAC5B,aAAK,UAAU,OAAO,MAAM,EAAE;AAC9B,aAAK,cAAc,OAAO,MAAM,EAAE;AAAA,MACpC;AAAA,IACF,CAAC;AAED,SAAK,UAAU,KAAK,WAAW,QAAO;AAGtC,QAAI,CAAC,KAAK,WAAW,KAAK,UAAS,GAAI;AACrC,WAAK,OAAM;AAAA,IACb;AAEA,QAAI,KAAK,SAAS;AAChB,WAAK,KAAK,YAAY;AAAA,IACxB;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,mBAAmB,QAAQ;AACzB,SAAK,YAAW;AAAA,EAClB;AAAA;AAAA;AAAA;AAAA,EAKA,gBAAgB;AACd,SAAK,UAAU;AACf,QAAI,KAAK,aAAa;AACpB,WAAK,OAAM;AAAA,IACb;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,cAAc;AACZ,SAAK,UAAU;AACf,QAAI,KAAK,aAAa;AACpB,WAAK,OAAM;AAAA,IACb;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,cAAc,OAAO;AACnB,UAAM,EAAE,OAAO,KAAI,IAAK;AAExB,QAAI,KAAK,kBAAkB,QAAQ;AACjC,WAAK,SAAQ;AACb;AAAA,IACF;AAEA,QAAI,KAAK,kBAAkB,UAAU;AAEnC,WAAK,UAAU,QAAQ,CAAC,MAAM,OAAO;AACnC,YAAI,OAAO,MAAM,MAAM,KAAK,UAAU;AACpC,eAAK,SAAQ;AAAA,QACf;AAAA,MACF,CAAC;AACD,WAAK,cAAc,MAAK;AAAA,IAC1B;AAEA,SAAK,cAAc,IAAI,MAAM,EAAE;AAE/B,SAAK,KAAK,oBAAoB;AAAA,MAC5B,UAAU,MAAM,KAAK,KAAK,aAAa;AAAA,MACvC;AAAA,MACA;AAAA,IACN,CAAK;AAAA,EACH;AAAA;AAAA;AAAA;AAAA,EAKA,gBAAgB,OAAO;AACrB,UAAM,EAAE,MAAK,IAAK;AAElB,SAAK,cAAc,OAAO,MAAM,EAAE;AAElC,SAAK,KAAK,oBAAoB;AAAA,MAC5B,UAAU,MAAM,KAAK,KAAK,aAAa;AAAA,MACvC,MAAM,MAAM;AAAA,MACZ;AAAA,IACN,CAAK;AAAA,EACH;AAAA;AAAA;AAAA;AAAA,EAKA,mBAAmB;AACjB,UAAM,WAAW,CAAA;AACjB,SAAK,cAAc,QAAQ,QAAM;AAC/B,YAAM,WAAW,KAAK,UAAU,IAAI,EAAE;AACtC,UAAI,UAAU;AACZ,iBAAS,KAAK;AAAA,UACZ,MAAM;AAAA,UACN,OAAO,SAAS;AAAA,UAChB,MAAM,SAAS,OAAO,SAAS,SAAS,MAAM,OAAM,IAAK,SAAS;AAAA,QAC5E,CAAS;AAAA,MACH;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,YAAY,UAAU,SAAS;AAC7B,QAAI,OAAO,aAAa,YAAY;AAClC,YAAM,IAAI,UAAU,6BAA6B;AAAA,IACnD;AAEA,QAAI,QAAQ;AACZ,SAAK,UAAU,QAAQ,CAAC,UAAU,YAAY;AAC5C,eAAS,KAAK,SAAS,UAAU,SAAS,OAAO,OAAO;AAAA,IAC1D,CAAC;AAED,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA,EAKA,iBAAiB;AACf,SAAK,YAAY,cAAY;AAC3B,UAAI,SAAS,UAAU;AACrB,iBAAS,SAAQ;AAAA,MACnB;AAAA,IACF,CAAC;AACD,SAAK,cAAc,MAAK;AAExB,SAAK,KAAK,oBAAoB;AAAA,MAC5B,UAAU,CAAA;AAAA,IAChB,CAAK;AAAA,EACH;AAAA;AAAA;AAAA;AAAA,EAKA,WAAW,SAAS;AAClB,UAAM,WAAW,KAAK,UAAU,IAAI,OAAO;AAC3C,QAAI,UAAU;AACZ,eAAS,OAAM;AAAA,IACjB;AACA,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA,EAKA,aAAa,SAAS;AACpB,UAAM,WAAW,KAAK,UAAU,IAAI,OAAO;AAC3C,QAAI,UAAU;AACZ,eAAS,SAAQ;AAAA,IACnB;AACA,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,gBAAgB,UAAU,WAAW,OAAO;AAC1C,SAAK,eAAe;AAEpB,QAAI,YAAY,KAAK,UAAU,OAAO,GAAG;AAEvC,WAAK,YAAY,CAAC,aAAa;AAC7B,iBAAS,YAAY,QAAQ;AAC7B,YAAI,SAAS,aAAa;AACxB,mBAAS,OAAM;AAAA,QACjB;AAAA,MACF,CAAC;AAAA,IACH;AAEA,WAAO;AAAA,EACT;AAAA,EAEA,MAAM,eAAe;AACjB,UAAM,MAAM,aAAY;AACxB,QAAI,KAAK,eAAe,KAAK,QAAQ,gBAAgB,CAAC,KAAK,WAAW,gBAAgB;AAClF,WAAK,WAAW,MAAK;AAAA,IACzB;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA,EAKA,MAAM,UAAU;AACd,QAAI,KAAK,cAAc,KAAK,WAAW,aAAa;AAClD,aAAO,MAAM,KAAK,WAAW,MAAK;AAAA,IACpC;AACA,SAAK,YAAW;AAAA,EAClB;AAAA;AAAA;AAAA;AAAA,EAKA,MAAM,UAAU;AAEd,QAAI,KAAK,YAAY;AACnB,WAAK,WAAW,IAAI,OAAO,KAAK,gBAAgB,IAAI;AACpD,WAAK,WAAW,IAAI,UAAU,KAAK,kBAAkB,IAAI;AACzD,WAAK,WAAW,IAAI,SAAS,KAAK,oBAAoB,IAAI;AAC1D,WAAK,WAAW,IAAI,eAAe,KAAK,eAAe,IAAI;AAC3D,WAAK,WAAW,IAAI,aAAa,KAAK,aAAa,IAAI;AAAA,IACzD;AAGA,SAAK,YAAW;AAGhB,UAAM,MAAM,QAAO;AAAA,EACrB;AACF;"}
+{"version":3,"file":"ListView-C9OoIPfC.js","sources":["../../src/core/views/list/ListViewItem.js","../../src/core/views/list/ListView.js"],"sourcesContent":["/**\n * ListViewItem - Individual item view for ListView\n *\n * Each item is its own View with its own model, allowing for\n * independent re-rendering when the model changes.\n *\n * Events:\n *   - 'item:click' - Emitted when item is clicked\n *   - 'item:select' - Emitted when item is selected\n *   - 'item:deselect' - Emitted when item is deselected\n *\n * @example\n * const item = new ListViewItem({\n *   model: userModel,\n *   template: '<div class=\"user-item\">{{name}} - {{email}}</div>'\n * });\n */\n\nimport View from '@core/View.js';\n\nclass ListViewItem extends View {\n  constructor(options = {}) {\n    super({\n      className: 'list-view-item',\n      ...options\n    });\n\n    // Item-specific properties\n    this.selected = false;\n    this.index = options.index ?? 0;\n    this.listView = options.listView ?? null;\n\n    // Default template if none provided\n    if (!this.template) {\n      this.template = `\n        <div class=\"list-item-content\" data-action=\"select\">\n          {{#model}}\n            {{#id}}<span class=\"item-id\">{{id}}</span>{{/id}}\n            {{#name}}<span class=\"item-name\">{{name}}</span>{{/name}}\n            {{#title}}<span class=\"item-title\">{{title}}</span>{{/title}}\n            {{#label}}<span class=\"item-label\">{{label}}</span>{{/label}}\n            {{#description}}<p class=\"item-description\">{{description}}</p>{{/description}}\n          {{/model}}\n          {{^model}}\n            <span class=\"item-empty\">No data</span>\n          {{/model}}\n        </div>\n      `;\n    }\n  }\n\n  /**\n   * Handle item selection action\n   */\n  async onActionSelect(event, _element) {\n    event.stopPropagation();\n\n    if (this.selected) {\n      this.deselect();\n    } else {\n      this.select();\n    }\n  }\n\n  /**\n   * Select this item\n   */\n  select() {\n    if (this.selected) return;\n\n    this.selected = true;\n    this.addClass('selected');\n\n    // Emit selection event with item data\n    this.emit('item:select', {\n      item: this,\n      model: this.model,\n      index: this.index,\n      data: this.model?.toJSON ? this.model.toJSON() : this.model\n    });\n\n    // Notify parent ListView if available\n    if (this.listView) {\n      this.listView.emit('item:select', {\n        item: this,\n        model: this.model,\n        index: this.index,\n        data: this.model?.toJSON ? this.model.toJSON() : this.model\n      });\n    }\n  }\n\n  /**\n   * Deselect this item\n   */\n  deselect() {\n    if (!this.selected) return;\n\n    this.selected = false;\n    this.removeClass('selected');\n\n    // Emit deselection event\n    this.emit('item:deselect', {\n      item: this,\n      model: this.model,\n      index: this.index,\n      data: this.model?.toJSON ? this.model.toJSON() : this.model\n    });\n\n    // Notify parent ListView if available\n    if (this.listView) {\n      this.listView.emit('item:deselect', {\n        item: this,\n        model: this.model,\n        index: this.index,\n        data: this.model?.toJSON ? this.model.toJSON() : this.model\n      });\n    }\n  }\n\n  /**\n   * Handle click events on the item\n   */\n  async onActionDefault(action, _event, _element) {\n    // Emit click event for any action not specifically handled\n    this.emit('item:click', {\n      item: this,\n      model: this.model,\n      index: this.index,\n      action: action,\n      data: this.model?.toJSON ? this.model.toJSON() : this.model\n    });\n\n    // Notify parent ListView if available\n    if (this.listView) {\n      this.listView.emit('item:click', {\n        item: this,\n        model: this.model,\n        index: this.index,\n        action: action,\n        data: this.model?.toJSON ? this.model.toJSON() : this.model\n      });\n    }\n  }\n\n  /**\n   * Set the item's index in the list\n   */\n  setIndex(index) {\n    this.index = index;\n    this.element.setAttribute('data-index', index);\n    return this;\n  }\n\n  /**\n   * Update the item's selection state\n   */\n  setSelected(selected) {\n    if (selected) {\n      this.select();\n    } else {\n      this.deselect();\n    }\n    return this;\n  }\n\n  /**\n   * Override destroy to clean up references\n   */\n  async destroy() {\n    // Remove reference to parent ListView\n    this.listView = null;\n\n    // Call parent destroy\n    await super.destroy();\n  }\n}\n\nexport default ListViewItem;\n","/**\n * ListView - Visual list component for Collections\n *\n * Manages a collection of ListViewItem views, each with its own model.\n * When a model changes, only its corresponding ListViewItem re-renders.\n *\n * Events:\n *   - 'item:click' - Emitted when any item is clicked\n *   - 'item:select' - Emitted when an item is selected\n *   - 'item:deselect' - Emitted when an item is deselected\n *   - 'selection:change' - Emitted when selection changes\n *   - 'list:empty' - Emitted when list becomes empty\n *   - 'list:loaded' - Emitted when list is populated\n *\n * @example\n * // Basic usage with custom item template\n * const listView = new ListView({\n *   collection: userCollection,\n *   itemTemplate: '<div class=\"user-item\">{{name}} - {{email}}</div>',\n *   selectionMode: 'single'\n * });\n *\n * // Custom template with model fields\n * const productList = new ListView({\n *   collection: productCollection,\n *   itemTemplate: `\n *     <div class=\"product-card\" data-action=\"select\">\n *       <h4>{{name}}</h4>\n *       <p class=\"price\">{{price|currency}}</p>\n *       <p>{{description|truncate(100)}}</p>\n *     </div>\n *   `,\n *   selectionMode: 'multiple'\n * });\n *\n * // Using custom item class with template\n * const customList = new ListView({\n *   collection: myCollection,\n *   itemClass: CustomListItem,     // Your custom ListViewItem subclass\n *   itemTemplate: '<div>{{title}}</div>',  // Passed as 'template' to itemClass constructor\n *   selectionMode: 'none'\n * });\n *\n * // Dynamic template update\n * listView.setItemTemplate('<div class=\"compact\">{{name}}</div>', true);\n */\n\nimport View from '@core/View.js';\nimport Collection from '@core/Collection.js';\nimport ListViewItem from './ListViewItem.js';\n\nclass ListView extends View {\n  constructor(options = {}) {\n    super({\n      className: 'list-view',\n      template: `\n        <div class=\"list-view-container\">\n          {{#loading}}\n            <div class=\"list-loading\">\n              <div class=\"spinner-border spinner-border-sm\" role=\"status\">\n                <span class=\"visually-hidden\">Loading...</span>\n              </div>\n              Loading...\n            </div>\n          {{/loading}}\n          {{^loading}}\n            {{#isEmpty}}\n              <div class=\"list-empty\">\n                {{emptyMessage}}\n              </div>\n            {{/isEmpty}}\n            {{^isEmpty}}\n              <div class=\"list-items\" data-container=\"items\"></div>\n            {{/isEmpty}}\n          {{/loading}}\n        </div>\n      `,\n      ...options\n    });\n\n    // ListView specific properties\n    this.collection = null;\n    this.itemViews = new Map(); // Map of model.id -> ListViewItem\n    this.selectedItems = new Set(); // Set of selected item IDs\n\n    // Configuration\n    this.itemTemplate = options.itemTemplate || null; // Template passed to each item's view\n    this.itemClass = options.itemClass || ListViewItem; // Class for creating item views\n    this.selectionMode = options.selectionMode || 'none'; // none, single, multiple\n    this.emptyMessage = options.emptyMessage || 'No items to display';\n    this.loading = false;\n    this.isEmpty = true;\n\n  }\n\n  /**\n   * Override onInit to set up initial state\n   */\n  async onInit() {\n    // Initial render will happen automatically\n    this._initCollection(this.options.collection || this.options.Collection);\n  }\n\n\n  /**\n   * Initialize the collection\n   */\n  _initCollection(collectionOrClass) {\n    if (!collectionOrClass) {\n        console.log('Collection not provided');\n        return;\n    };\n\n    // Check if it's already a Collection instance\n    if (collectionOrClass instanceof Collection) {\n      this.setCollection(collectionOrClass);\n    }\n    // Check if it's a Collection class\n    else if (typeof collectionOrClass === 'function') {\n      const collection = new collectionOrClass();\n      this.setCollection(collection);\n    }\n    // Check if it's an array of data\n    else if (Array.isArray(collectionOrClass)) {\n      const collection = new Collection(null, {}, collectionOrClass);\n      this.setCollection(collection);\n    }\n  }\n\n  /**\n   * Set the collection for this list view\n   */\n  setCollection(collection) {\n    if (this.collection === collection) return this;\n\n    // Clean up old collection listeners\n    if (this.collection) {\n      this.collection.off('add', this._onModelsAdded, this);\n      this.collection.off('remove', this._onModelsRemoved, this);\n      this.collection.off('reset', this._onCollectionReset, this);\n      this.collection.off('fetch:start', this._onFetchStart, this);\n      this.collection.off('fetch:end', this._onFetchEnd, this);\n    }\n\n    this.collection = collection;\n\n    if (this.options.collectionParams) {\n        this.collection.params = {...this.options.collectionParams, ...this.collection.params};\n    }\n\n    // Set up new collection listeners\n    if (this.collection) {\n      this.collection.on('add', this._onModelsAdded, this);\n      this.collection.on('remove', this._onModelsRemoved, this);\n      this.collection.on('reset', this._onCollectionReset, this);\n      this.collection.on('fetch:start', this._onFetchStart, this);\n      this.collection.on('fetch:end', this._onFetchEnd, this);\n\n      // Build items for existing models\n      this._buildItems();\n    }\n\n    return this;\n  }\n\n  async _renderChildren() {\n      await super._renderChildren();\n      const itemsContainer = this.getChildElement(\"items\");\n      if (!itemsContainer) {\n          // console.warn('ListView: items container not found');\n          return;\n      }\n      this.forEachItem((item, index) => {\n        itemsContainer.appendChild(item.element);\n        item.render(false);\n      });\n  }\n\n  /**\n   * Build item views for all models in collection\n   */\n  _buildItems() {\n    // Clear existing items\n    this._clearItems();\n\n    if (!this.collection || this.collection.isEmpty()) {\n      this.isEmpty = true;\n      this.emit('list:empty');\n      return;\n    }\n\n    this.isEmpty = false;\n\n    // Create item views for each model\n    this.collection.forEach((model, index) => {\n      this._createItemView(model, index);\n    });\n\n    this.emit('list:loaded', { count: this.collection.length() });\n\n    // Render if already mounted\n    if (this.isMounted()) {\n      this.render();\n    }\n  }\n\n  /**\n   * Create an item view for a model\n   * The itemTemplate is passed as the template option to the itemClass constructor\n   */\n  _createItemView(model, index) {\n    // Don't create duplicate views\n    if (this.itemViews.has(model.id)) return;\n\n    const itemView = new this.itemClass({\n      model: model,\n      index: index,\n      listView: this,\n      template: this.itemTemplate, // Pass the itemTemplate to the item view\n    });\n\n    // Store the item view\n    this.itemViews.set(model.id, itemView);\n\n    // Set up item event listeners\n    itemView.on('item:select', this._onItemSelect.bind(this));\n    itemView.on('item:deselect', this._onItemDeselect.bind(this));\n\n    return itemView;\n  }\n\n  /**\n   * Clear all item views\n   */\n  _clearItems() {\n    this.forEachItem(itemView => {\n      this.removeChild(itemView.id);\n    });\n    this.itemViews.clear();\n    this.selectedItems.clear();\n  }\n\n  /**\n   * Handle models added to collection\n   */\n  _onModelsAdded(event) {\n    const { models } = event;\n\n    models.forEach(model => {\n      const index = this.collection.models.indexOf(model);\n      this._createItemView(model, index);\n    });\n\n    this.isEmpty = this.collection.isEmpty();\n\n    // Re-render to show new items\n    if (!this.loading && this.isMounted()) {\n      this.render();\n    }\n  }\n\n  /**\n   * Handle models removed from collection\n   */\n  _onModelsRemoved(event) {\n    const { models } = event;\n\n    models.forEach(model => {\n      const itemView = this.itemViews.get(model.id);\n      if (itemView) {\n        this.removeChild(itemView.id);\n        this.itemViews.delete(model.id);\n        this.selectedItems.delete(model.id);\n      }\n    });\n\n    this.isEmpty = this.collection.isEmpty();\n\n    // Re-render to update display\n    if (!this.loading && this.isMounted()) {\n      this.render();\n    }\n\n    if (this.isEmpty) {\n      this.emit('list:empty');\n    }\n  }\n\n  /**\n   * Handle collection reset\n   */\n  _onCollectionReset(_event) {\n    this._buildItems();\n  }\n\n  /**\n   * Handle fetch start\n   */\n  _onFetchStart() {\n    this.loading = true;\n    if (this.isMounted()) {\n      this.render();\n    }\n  }\n\n  /**\n   * Handle fetch end\n   */\n  _onFetchEnd() {\n    this.loading = false;\n    if (this.isMounted()) {\n      this.render();\n    }\n  }\n\n  /**\n   * Handle item selection\n   */\n  _onItemSelect(event) {\n    const { model, item } = event;\n\n    if (this.selectionMode === 'none') {\n      item.deselect();\n      return;\n    }\n\n    if (this.selectionMode === 'single') {\n      // Deselect all other items\n      this.itemViews.forEach((view, id) => {\n        if (id !== model.id && view.selected) {\n          view.deselect();\n        }\n      });\n      this.selectedItems.clear();\n    }\n\n    this.selectedItems.add(model.id);\n\n    this.emit('selection:change', {\n      selected: Array.from(this.selectedItems),\n      item: item,\n      model: model\n    });\n  }\n\n  /**\n   * Handle item deselection\n   */\n  _onItemDeselect(event) {\n    const { model } = event;\n\n    this.selectedItems.delete(model.id);\n\n    this.emit('selection:change', {\n      selected: Array.from(this.selectedItems),\n      item: event.item,\n      model: model\n    });\n  }\n\n  /**\n   * Get selected items\n   */\n  getSelectedItems() {\n    const selected = [];\n    this.selectedItems.forEach(id => {\n      const itemView = this.itemViews.get(id);\n      if (itemView) {\n        selected.push({\n          view: itemView,\n          model: itemView.model,\n          data: itemView.model?.toJSON ? itemView.model.toJSON() : itemView.model\n        });\n      }\n    });\n    return selected;\n  }\n\n  /**\n   * Iterate over each item view in the list\n   * @param {function} callback - Function to execute for each item (itemView, model, index)\n   * @param {object} thisArg - Optional value to use as this when executing callback\n   * @returns {ListView} Returns the ListView for chaining\n   */\n  forEachItem(callback, thisArg) {\n    if (typeof callback !== 'function') {\n      throw new TypeError('Callback must be a function');\n    }\n\n    let index = 0;\n    this.itemViews.forEach((itemView, modelId) => {\n      callback.call(thisArg, itemView, itemView.model, index++);\n    });\n\n    return this;\n  }\n\n  /**\n   * Clear selection\n   */\n  clearSelection() {\n    this.forEachItem(itemView => {\n      if (itemView.selected) {\n        itemView.deselect();\n      }\n    });\n    this.selectedItems.clear();\n\n    this.emit('selection:change', {\n      selected: []\n    });\n  }\n\n  /**\n   * Select item by model ID\n   */\n  selectItem(modelId) {\n    const itemView = this.itemViews.get(modelId);\n    if (itemView) {\n      itemView.select();\n    }\n    return this;\n  }\n\n  /**\n   * Deselect item by model ID\n   */\n  deselectItem(modelId) {\n    const itemView = this.itemViews.get(modelId);\n    if (itemView) {\n      itemView.deselect();\n    }\n    return this;\n  }\n\n  /**\n   * Set or update the item template\n   * @param {string} template - New template string for items\n   * @param {boolean} rerender - Whether to re-render existing items with new template\n   * @returns {ListView} Returns the ListView for chaining\n   */\n  setItemTemplate(template, rerender = false) {\n    this.itemTemplate = template;\n\n    if (rerender && this.itemViews.size > 0) {\n      // Update template for all existing item views\n      this.forEachItem((itemView) => {\n        itemView.setTemplate(template);\n        if (itemView.isMounted()) {\n          itemView.render();\n        }\n      });\n    }\n\n    return this;\n  }\n\n  async onAfterMount() {\n      await super.onAfterMount();\n      if (this.collection && (this.options.fetchOnMount || !this.collection.lastFetchTime)) {\n          this.collection.fetch();\n      }\n  }\n\n  /**\n   * Refresh the list (re-fetch if collection supports it)\n   */\n  async refresh() {\n    if (this.collection && this.collection.restEnabled) {\n      return await this.collection.fetch();\n    }\n    this._buildItems();\n  }\n\n  /**\n   * Override destroy to clean up\n   */\n  async destroy() {\n    // Clean up collection listeners\n    if (this.collection) {\n      this.collection.off('add', this._onModelsAdded, this);\n      this.collection.off('remove', this._onModelsRemoved, this);\n      this.collection.off('reset', this._onCollectionReset, this);\n      this.collection.off('fetch:start', this._onFetchStart, this);\n      this.collection.off('fetch:end', this._onFetchEnd, this);\n    }\n\n    // Clear items\n    this._clearItems();\n\n    // Call parent destroy\n    await super.destroy();\n  }\n}\n\nexport default ListView;\n"],"names":[],"mappings":"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"}

package/dist/chunks/{MetricsMiniChartWidget-CsawNLeS.js → MetricsMiniChartWidget-CJZo6Mzi.js}

@@ -1,6 +1,6 @@
-import { D as Dialog } from "./Dialog-LPU__Q7Z.js";
-import { V as View, d as dataFormatter } from "./Rest-BoKp2Hj4.js";
-import { W as WebSocketClient } from "./WebSocketClient-Do0CazHx.js";
+import { D as Dialog } from "./Dialog-D_TcKXUc.js";
+import { V as View, d as dataFormatter } from "./Rest-ChN4Ntac.js";
+import { W as WebSocketClient } from "./WebSocketClient-bLYhu2Wv.js";
 class BaseChart extends View {
   constructor(options = {}) {
     super({
@@ -3199,4 +3199,4 @@ export {
   MetricsMiniChart as b,
   MetricsMiniChartWidget as c
 };
-//# sourceMappingURL=MetricsMiniChartWidget-CsawNLeS.js.map
+//# sourceMappingURL=MetricsMiniChartWidget-CJZo6Mzi.js.map