@onlive.ai/common-121 0.2.66 → 0.2.163

package/components/side-bar/side-bar.types.cjs

@@ -0,0 +1,2 @@
+/*! @onlive.ai/common-121 v0.2.163 | © 2026 Onlive.ai */
+"use strict";var o=Object.defineProperty;var r=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var g=(t,e)=>{for(var s in e)o(t,s,{get:e[s],enumerable:!0})},p=(t,e,s,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of n(e))!l.call(t,i)&&i!==s&&o(t,i,{get:()=>e[i],enumerable:!(a=r(e,i))||a.enumerable});return t};var c=t=>p(o({},"__esModule",{value:!0}),t);var d={};g(d,{DEFAULT_CATEGORY_CONFIGS:()=>u});module.exports=c(d);var u={products:{label:"PRODUCTS",icon:"shopping-bag",enabled:!0,displayOptions:{showThumbnail:!0,showDescription:!1,showPrice:!0,showTags:!1,thumbnailSize:"small",layout:"grid"}},videos:{label:"VIDEOS",icon:"video",enabled:!0,displayOptions:{showThumbnail:!0,showDescription:!1,showDuration:!0,showSize:!1,thumbnailSize:"small",layout:"grid"}},images:{label:"IMAGES",icon:"image",enabled:!0,displayOptions:{showThumbnail:!0,showDescription:!1,showSize:!1,thumbnailSize:"small",layout:"grid"}},presentations:{label:"PRESENTATIONS",icon:"file-text",enabled:!0,displayOptions:{showThumbnail:!0,showDescription:!1,showSize:!1,thumbnailSize:"small",layout:"grid"}},faqs:{label:"FAQS",icon:"help-circle",enabled:!0,displayOptions:{showThumbnail:!1,showDescription:!0,showSize:!1,thumbnailSize:"small",layout:"list"}},audios:{label:"AUDIOS",icon:"music",enabled:!1,displayOptions:{showThumbnail:!0,showDescription:!1,showDuration:!0,showSize:!1,thumbnailSize:"small",layout:"grid"}},"special-effects":{label:"SPECIAL EFFECTS",icon:"zap",enabled:!1,displayOptions:{showThumbnail:!0,showDescription:!1,showSize:!1,thumbnailSize:"small",layout:"grid"}}};0&&(module.exports={DEFAULT_CATEGORY_CONFIGS});

package/components/side-bar/side-bar.types.d.cts

@@ -0,0 +1,105 @@
+/*! @onlive.ai/common-121 v0.2.163 | © 2026 Onlive.ai */
+import { FaqsServiceConfig } from '../../services/faqs/faqs.types.cjs';
+import { FileServiceConfig } from '../../services/file/file.types.cjs';
+import { MultimediaServiceConfig } from '../../services/multimedia/multimedia.types.cjs';
+import { ProductServiceConfig } from '../../services/product/product.types.cjs';
+
+type ExtraFilterType = "select" | "multiselect" | "text";
+type ExtraFilterEntity = "all" | "assets" | "faqs" | "products" | "videos" | "images" | "presentations";
+interface ExtraFilter {
+    name: string;
+    type: ExtraFilterType;
+    label: string;
+    order: number;
+    entity: ExtraFilterEntity;
+    values?: string[];
+    enabled: boolean;
+    placeholder?: string;
+}
+interface SidebarSettingsResponse {
+    id: string;
+    organizationId: string;
+    userGroupId?: string | null;
+    extraFilters: ExtraFilter[];
+    createdAt: string;
+    updatedAt: string;
+}
+type ActiveFilters = Record<string, string | string[]>;
+type AssetCategory = "products" | "videos" | "images" | "presentations" | "audios" | "special-effects" | "faqs";
+interface AssetItem {
+    id: string;
+    name: string;
+    description?: string;
+    url: string;
+    thumbnail?: string;
+    type: AssetCategory;
+    size?: number;
+    format?: string;
+    duration?: number;
+    price?: number;
+    currency?: string;
+    tags?: string[];
+    labels?: string[];
+    metadata?: Record<string, any>;
+    secureToken?: string;
+}
+interface SidebarConfig {
+    multimediaService: MultimediaServiceConfig;
+    productService?: ProductServiceConfig;
+    faqsService?: FaqsServiceConfig;
+    fileService?: FileServiceConfig;
+    showSearch?: boolean;
+    showAddButton?: boolean;
+    itemsPerPage?: number;
+    enableInfiniteScroll?: boolean;
+    customCategories?: AssetCategory[];
+    enableUpload?: boolean;
+    enableExtraFilters?: boolean;
+    userGroupId?: string;
+}
+interface SearchConfig {
+    placeholder?: string;
+    debounceMs?: number;
+    minLength?: number;
+}
+interface PaginationState {
+    page: number;
+    limit: number;
+    total: number;
+    hasMore: boolean;
+    loading: boolean;
+}
+interface CategoryState {
+    category: AssetCategory;
+    items: AssetItem[];
+    pagination: PaginationState;
+    searchQuery: string;
+    loading: boolean;
+    error?: string;
+}
+interface SidebarEvents {
+    onItemSelect?: (item: AssetItem) => void;
+    onItemAdd?: (category: AssetCategory) => void;
+    onSearch?: (query: string, category: AssetCategory | "all") => void;
+    onLoadMore?: (category: AssetCategory) => void;
+    onCategoryChange?: (category: AssetCategory) => void;
+}
+interface AssetItemDisplayOptions {
+    showThumbnail?: boolean;
+    showDescription?: boolean;
+    showPrice?: boolean;
+    showDuration?: boolean;
+    showSize?: boolean;
+    showTags?: boolean;
+    thumbnailSize?: "small" | "medium" | "large";
+    layout?: "grid" | "list";
+}
+interface CategoryConfig {
+    label: string;
+    icon: string;
+    enabled: boolean;
+    displayOptions: AssetItemDisplayOptions;
+}
+declare const DEFAULT_CATEGORY_CONFIGS: Record<AssetCategory, CategoryConfig>;
+
+export { type ActiveFilters, type AssetCategory, type AssetItem, type AssetItemDisplayOptions, type CategoryConfig, type CategoryState, DEFAULT_CATEGORY_CONFIGS, type ExtraFilter, type ExtraFilterEntity, type ExtraFilterType, type PaginationState, type SearchConfig, type SidebarConfig, type SidebarEvents, type SidebarSettingsResponse };

package/components/side-bar/side-bar.types.d.ts

@@ -0,0 +1,105 @@
+/*! @onlive.ai/common-121 v0.2.163 | © 2026 Onlive.ai */
+import { FaqsServiceConfig } from '../../services/faqs/faqs.types.js';
+import { FileServiceConfig } from '../../services/file/file.types.js';
+import { MultimediaServiceConfig } from '../../services/multimedia/multimedia.types.js';
+import { ProductServiceConfig } from '../../services/product/product.types.js';
+
+type ExtraFilterType = "select" | "multiselect" | "text";
+type ExtraFilterEntity = "all" | "assets" | "faqs" | "products" | "videos" | "images" | "presentations";
+interface ExtraFilter {
+    name: string;
+    type: ExtraFilterType;
+    label: string;
+    order: number;
+    entity: ExtraFilterEntity;
+    values?: string[];
+    enabled: boolean;
+    placeholder?: string;
+}
+interface SidebarSettingsResponse {
+    id: string;
+    organizationId: string;
+    userGroupId?: string | null;
+    extraFilters: ExtraFilter[];
+    createdAt: string;
+    updatedAt: string;
+}
+type ActiveFilters = Record<string, string | string[]>;
+type AssetCategory = "products" | "videos" | "images" | "presentations" | "audios" | "special-effects" | "faqs";
+interface AssetItem {
+    id: string;
+    name: string;
+    description?: string;
+    url: string;
+    thumbnail?: string;
+    type: AssetCategory;
+    size?: number;
+    format?: string;
+    duration?: number;
+    price?: number;
+    currency?: string;
+    tags?: string[];
+    labels?: string[];
+    metadata?: Record<string, any>;
+    secureToken?: string;
+}
+interface SidebarConfig {
+    multimediaService: MultimediaServiceConfig;
+    productService?: ProductServiceConfig;
+    faqsService?: FaqsServiceConfig;
+    fileService?: FileServiceConfig;
+    showSearch?: boolean;
+    showAddButton?: boolean;
+    itemsPerPage?: number;
+    enableInfiniteScroll?: boolean;
+    customCategories?: AssetCategory[];
+    enableUpload?: boolean;
+    enableExtraFilters?: boolean;
+    userGroupId?: string;
+}
+interface SearchConfig {
+    placeholder?: string;
+    debounceMs?: number;
+    minLength?: number;
+}
+interface PaginationState {
+    page: number;
+    limit: number;
+    total: number;
+    hasMore: boolean;
+    loading: boolean;
+}
+interface CategoryState {
+    category: AssetCategory;
+    items: AssetItem[];
+    pagination: PaginationState;
+    searchQuery: string;
+    loading: boolean;
+    error?: string;
+}
+interface SidebarEvents {
+    onItemSelect?: (item: AssetItem) => void;
+    onItemAdd?: (category: AssetCategory) => void;
+    onSearch?: (query: string, category: AssetCategory | "all") => void;
+    onLoadMore?: (category: AssetCategory) => void;
+    onCategoryChange?: (category: AssetCategory) => void;
+}
+interface AssetItemDisplayOptions {
+    showThumbnail?: boolean;
+    showDescription?: boolean;
+    showPrice?: boolean;
+    showDuration?: boolean;
+    showSize?: boolean;
+    showTags?: boolean;
+    thumbnailSize?: "small" | "medium" | "large";
+    layout?: "grid" | "list";
+}
+interface CategoryConfig {
+    label: string;
+    icon: string;
+    enabled: boolean;
+    displayOptions: AssetItemDisplayOptions;
+}
+declare const DEFAULT_CATEGORY_CONFIGS: Record<AssetCategory, CategoryConfig>;
+
+export { type ActiveFilters, type AssetCategory, type AssetItem, type AssetItemDisplayOptions, type CategoryConfig, type CategoryState, DEFAULT_CATEGORY_CONFIGS, type ExtraFilter, type ExtraFilterEntity, type ExtraFilterType, type PaginationState, type SearchConfig, type SidebarConfig, type SidebarEvents, type SidebarSettingsResponse };

package/components/side-bar/side-bar.types.js

@@ -0,0 +1,2 @@
+/*! @onlive.ai/common-121 v0.2.163 | © 2026 Onlive.ai */
+var e={products:{label:"PRODUCTS",icon:"shopping-bag",enabled:!0,displayOptions:{showThumbnail:!0,showDescription:!1,showPrice:!0,showTags:!1,thumbnailSize:"small",layout:"grid"}},videos:{label:"VIDEOS",icon:"video",enabled:!0,displayOptions:{showThumbnail:!0,showDescription:!1,showDuration:!0,showSize:!1,thumbnailSize:"small",layout:"grid"}},images:{label:"IMAGES",icon:"image",enabled:!0,displayOptions:{showThumbnail:!0,showDescription:!1,showSize:!1,thumbnailSize:"small",layout:"grid"}},presentations:{label:"PRESENTATIONS",icon:"file-text",enabled:!0,displayOptions:{showThumbnail:!0,showDescription:!1,showSize:!1,thumbnailSize:"small",layout:"grid"}},faqs:{label:"FAQS",icon:"help-circle",enabled:!0,displayOptions:{showThumbnail:!1,showDescription:!0,showSize:!1,thumbnailSize:"small",layout:"list"}},audios:{label:"AUDIOS",icon:"music",enabled:!1,displayOptions:{showThumbnail:!0,showDescription:!1,showDuration:!0,showSize:!1,thumbnailSize:"small",layout:"grid"}},"special-effects":{label:"SPECIAL EFFECTS",icon:"zap",enabled:!1,displayOptions:{showThumbnail:!0,showDescription:!1,showSize:!1,thumbnailSize:"small",layout:"grid"}}};export{e as DEFAULT_CATEGORY_CONFIGS};

package/components/upload/index.cjs

@@ -0,0 +1,83 @@
+/*! @onlive.ai/common-121 v0.2.163 | © 2026 Onlive.ai */
+"use strict";var p=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var y=(l,t)=>{for(var e in t)p(l,e,{get:t[e],enumerable:!0})},x=(l,t,e,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of h(t))!b.call(l,i)&&i!==e&&p(l,i,{get:()=>t[i],enumerable:!(o=m(t,i))||o.enumerable});return l};var T=l=>x(p({},"__esModule",{value:!0}),l),d=(l,t,e,o)=>{for(var i=o>1?void 0:o?m(t,e):t,s=l.length-1,r;s>=0;s--)(r=l[s])&&(i=(o?r(t,e,i):r(i))||i);return o&&i&&p(t,e,i),i};var C={};y(C,{OSBUpload:()=>n});module.exports=T(C);var j=require("@onlive.ai/ui/dist/components/button/button.js"),z=require("@onlive.ai/ui/dist/components/dropdown/dropdown.js"),A=require("@onlive.ai/ui/dist/components/icon/icon.js"),L=require("@onlive.ai/ui/dist/components/menu-item/menu-item.js"),M=require("@onlive.ai/ui/dist/components/menu/menu.js"),a=require("lit"),c=require("lit/decorators.js");var E=(l,t)=>(customElements.get(l)?console.debug(`Custom element <${l}> is already defined, skipping definition of ${t.name}.`):window.customElements.define(l,t),t),w=(l,t)=>{let{kind:e,elements:o}=t;return{kind:e,elements:o,finisher(i){customElements.get(l)||window.customElements.define(l,i)}}},f=l=>t=>typeof t=="function"?E(l,t):w(l,t);var g=require("lit"),v=g.css`
+  :host {
+    display: inline-block;
+  }
+
+  .ol-upload {
+    position: relative;
+  }
+
+  .ol-upload--empty {
+    padding: 8px 16px;
+    background: var(--ol-color-neutral-100, #f3f4f6);
+    border: 1px solid var(--ol-color-neutral-300, #d1d5db);
+    border-radius: 6px;
+    color: var(--ol-color-neutral-600, #4b5563);
+    font-size: 14px;
+  }
+
+  .ol-upload__selected-file {
+    margin-top: 12px;
+    padding: 12px;
+    background: var(--ol-color-success-50, #f0fdf4);
+    border: 1px solid var(--ol-color-success-200, #bbf7d0);
+    border-radius: 8px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+  }
+
+  .ol-upload__file-info {
+    flex: 1;
+    font-size: 14px;
+    color: var(--ol-color-success-800, #166534);
+  }
+
+  .ol-upload__file-info strong {
+    display: block;
+    margin-bottom: 4px;
+  }
+
+  .ol-upload__file-info small {
+    color: var(--ol-color-success-600, #16a34a);
+  }
+
+  .ol-upload__clear-btn {
+    width: 32px;
+    height: 32px;
+    border: none;
+    background: var(--ol-color-success-200, #bbf7d0);
+    color: var(--ol-color-success-700, #15803d);
+    border-radius: 50%;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.2s ease;
+  }
+
+  .ol-upload__clear-btn:hover {
+    background: var(--ol-color-success-300, #86efac);
+    transform: scale(1.1);
+  }
+`;var n=class extends a.LitElement{constructor(){super(...arguments);this.defaultConfig={maxFileSize:10*1024*1024,multiple:!1,showImage:!0,showVideo:!0,showDocument:!0}}getAllowedExtensions(e){switch(e){case"image":return[".jpg",".jpeg",".png",".gif",".webp",".svg"];case"video":return[".mp4",".avi",".mov",".wmv",".flv",".webm"];case"document":return[".pdf",".doc",".docx",".txt",".rtf",".odt"];default:return[]}}getAcceptAttribute(e){return this.getAllowedExtensions(e).join(",")}getFileTypeLabel(e){switch(e){case"image":return"Imagen";case"video":return"Video";case"document":return"Documento";default:return"Archivo"}}getAvailableTypes(){let e={...this.defaultConfig,...this.config},o=[];return e.showImage&&o.push("image"),e.showVideo&&o.push("video"),e.showDocument&&o.push("document"),o}onTypeSelect(e){this.openFileDialog(e)}openFileDialog(e){let o=document.createElement("input");o.type="file",o.accept=this.getAcceptAttribute(e),o.multiple=this.config?.multiple||!1,o.onchange=i=>{let s=i.target.files?.[0];s&&this.handleFileSelection(s,e)},o.click()}handleFileSelection(e,o){let i=this.validateFile(e,o);if(!i.valid){this.dispatchEvent(new CustomEvent("osb-upload-error",{detail:{error:i.error},bubbles:!0}));return}this.dispatchEvent(new CustomEvent("osb-file-selected",{detail:{file:e,type:o},bubbles:!0})),this.events?.onFileSelected?.(e,o)}validateFile(e,o){let i={...this.defaultConfig,...this.config};if(i.maxFileSize&&e.size>i.maxFileSize)return{valid:!1,error:`El archivo es demasiado grande. Tama\xF1o m\xE1ximo: ${Math.round(i.maxFileSize/1048576)}MB`};let s=e.name.toLowerCase(),r=this.getAllowedExtensions(o);return r.some(u=>s.endsWith(u.toLowerCase()))?{valid:!0}:{valid:!1,error:`Tipo de archivo no v\xE1lido. Extensiones permitidas: ${r.join(", ")}`}}render(){let e=this.getAvailableTypes();return e.length===0?a.html`<div class="ol-upload ol-upload--empty">No hay tipos de archivo disponibles</div>`:a.html`
+      <div class="ol-upload">
+        <ol-dropdown placement="bottom-start" distance="8">
+          <div slot="trigger">
+            <slot>
+            </slot>
+          </div>
+          
+          <ol-menu>
+            ${e.map(o=>a.html`
+              <ol-menu-item @click="${()=>this.onTypeSelect(o)}">
+                <ol-icon slot="prefix" name="${this.getIconName(o)}"></ol-icon>
+                ${this.getFileTypeLabel(o)}
+              </ol-menu-item>
+            `)}
+          </ol-menu>
+        </ol-dropdown>
+      </div>
+    `}getIconName(e){switch(e){case"image":return"image";case"video":return"file-play";case"document":return"file-text";default:return"file"}}};n.styles=[v],d([(0,c.property)({type:Object})],n.prototype,"config",2),d([(0,c.property)({type:Object})],n.prototype,"events",2),n=d([f("osb-upload")],n);0&&(module.exports={OSBUpload});

package/components/upload/index.d.cts

@@ -0,0 +1,4 @@
+/*! @onlive.ai/common-121 v0.2.163 | © 2026 Onlive.ai */
+export { OSBUpload } from './upload.cjs';
+export { UploadConfig, UploadEvents, UploadType } from './upload.types.cjs';
+import 'lit';

package/components/upload/index.d.ts

@@ -0,0 +1,4 @@
+/*! @onlive.ai/common-121 v0.2.163 | © 2026 Onlive.ai */
+export { OSBUpload } from './upload.js';
+export { UploadConfig, UploadEvents, UploadType } from './upload.types.js';
+import 'lit';

package/components/upload/index.js

@@ -0,0 +1,83 @@
+/*! @onlive.ai/common-121 v0.2.163 | © 2026 Onlive.ai */
+var f=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var a=(l,i,e,o)=>{for(var t=o>1?void 0:o?g(i,e):i,n=l.length-1,r;n>=0;n--)(r=l[n])&&(t=(o?r(i,e,t):r(t))||t);return o&&t&&f(i,e,t),t};import"@onlive.ai/ui/dist/components/button/button.js";import"@onlive.ai/ui/dist/components/dropdown/dropdown.js";import"@onlive.ai/ui/dist/components/icon/icon.js";import"@onlive.ai/ui/dist/components/menu-item/menu-item.js";import"@onlive.ai/ui/dist/components/menu/menu.js";import{html as p,LitElement as y}from"lit";import{property as m}from"lit/decorators.js";var v=(l,i)=>(customElements.get(l)?console.debug(`Custom element <${l}> is already defined, skipping definition of ${i.name}.`):window.customElements.define(l,i),i),h=(l,i)=>{let{kind:e,elements:o}=i;return{kind:e,elements:o,finisher(t){customElements.get(l)||window.customElements.define(l,t)}}},c=l=>i=>typeof i=="function"?v(l,i):h(l,i);import{css as b}from"lit";var u=b`
+  :host {
+    display: inline-block;
+  }
+
+  .ol-upload {
+    position: relative;
+  }
+
+  .ol-upload--empty {
+    padding: 8px 16px;
+    background: var(--ol-color-neutral-100, #f3f4f6);
+    border: 1px solid var(--ol-color-neutral-300, #d1d5db);
+    border-radius: 6px;
+    color: var(--ol-color-neutral-600, #4b5563);
+    font-size: 14px;
+  }
+
+  .ol-upload__selected-file {
+    margin-top: 12px;
+    padding: 12px;
+    background: var(--ol-color-success-50, #f0fdf4);
+    border: 1px solid var(--ol-color-success-200, #bbf7d0);
+    border-radius: 8px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+  }
+
+  .ol-upload__file-info {
+    flex: 1;
+    font-size: 14px;
+    color: var(--ol-color-success-800, #166534);
+  }
+
+  .ol-upload__file-info strong {
+    display: block;
+    margin-bottom: 4px;
+  }
+
+  .ol-upload__file-info small {
+    color: var(--ol-color-success-600, #16a34a);
+  }
+
+  .ol-upload__clear-btn {
+    width: 32px;
+    height: 32px;
+    border: none;
+    background: var(--ol-color-success-200, #bbf7d0);
+    color: var(--ol-color-success-700, #15803d);
+    border-radius: 50%;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.2s ease;
+  }
+
+  .ol-upload__clear-btn:hover {
+    background: var(--ol-color-success-300, #86efac);
+    transform: scale(1.1);
+  }
+`;var s=class extends y{constructor(){super(...arguments);this.defaultConfig={maxFileSize:10*1024*1024,multiple:!1,showImage:!0,showVideo:!0,showDocument:!0}}getAllowedExtensions(e){switch(e){case"image":return[".jpg",".jpeg",".png",".gif",".webp",".svg"];case"video":return[".mp4",".avi",".mov",".wmv",".flv",".webm"];case"document":return[".pdf",".doc",".docx",".txt",".rtf",".odt"];default:return[]}}getAcceptAttribute(e){return this.getAllowedExtensions(e).join(",")}getFileTypeLabel(e){switch(e){case"image":return"Imagen";case"video":return"Video";case"document":return"Documento";default:return"Archivo"}}getAvailableTypes(){let e={...this.defaultConfig,...this.config},o=[];return e.showImage&&o.push("image"),e.showVideo&&o.push("video"),e.showDocument&&o.push("document"),o}onTypeSelect(e){this.openFileDialog(e)}openFileDialog(e){let o=document.createElement("input");o.type="file",o.accept=this.getAcceptAttribute(e),o.multiple=this.config?.multiple||!1,o.onchange=t=>{let n=t.target.files?.[0];n&&this.handleFileSelection(n,e)},o.click()}handleFileSelection(e,o){let t=this.validateFile(e,o);if(!t.valid){this.dispatchEvent(new CustomEvent("osb-upload-error",{detail:{error:t.error},bubbles:!0}));return}this.dispatchEvent(new CustomEvent("osb-file-selected",{detail:{file:e,type:o},bubbles:!0})),this.events?.onFileSelected?.(e,o)}validateFile(e,o){let t={...this.defaultConfig,...this.config};if(t.maxFileSize&&e.size>t.maxFileSize)return{valid:!1,error:`El archivo es demasiado grande. Tama\xF1o m\xE1ximo: ${Math.round(t.maxFileSize/1048576)}MB`};let n=e.name.toLowerCase(),r=this.getAllowedExtensions(o);return r.some(d=>n.endsWith(d.toLowerCase()))?{valid:!0}:{valid:!1,error:`Tipo de archivo no v\xE1lido. Extensiones permitidas: ${r.join(", ")}`}}render(){let e=this.getAvailableTypes();return e.length===0?p`<div class="ol-upload ol-upload--empty">No hay tipos de archivo disponibles</div>`:p`
+      <div class="ol-upload">
+        <ol-dropdown placement="bottom-start" distance="8">
+          <div slot="trigger">
+            <slot>
+            </slot>
+          </div>
+          
+          <ol-menu>
+            ${e.map(o=>p`
+              <ol-menu-item @click="${()=>this.onTypeSelect(o)}">
+                <ol-icon slot="prefix" name="${this.getIconName(o)}"></ol-icon>
+                ${this.getFileTypeLabel(o)}
+              </ol-menu-item>
+            `)}
+          </ol-menu>
+        </ol-dropdown>
+      </div>
+    `}getIconName(e){switch(e){case"image":return"image";case"video":return"file-play";case"document":return"file-text";default:return"file"}}};s.styles=[u],a([m({type:Object})],s.prototype,"config",2),a([m({type:Object})],s.prototype,"events",2),s=a([c("osb-upload")],s);export{s as OSBUpload};

package/components/upload/upload.cjs

@@ -0,0 +1,83 @@
+/*! @onlive.ai/common-121 v0.2.163 | © 2026 Onlive.ai */
+"use strict";var c=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var y=(n,o)=>{for(var e in o)c(n,e,{get:o[e],enumerable:!0})},x=(n,o,e,t)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of h(o))!b.call(n,i)&&i!==e&&c(n,i,{get:()=>o[i],enumerable:!(t=m(o,i))||t.enumerable});return n};var T=n=>x(c({},"__esModule",{value:!0}),n),d=(n,o,e,t)=>{for(var i=t>1?void 0:t?m(o,e):o,l=n.length-1,r;l>=0;l--)(r=n[l])&&(i=(t?r(o,e,i):r(i))||i);return t&&i&&c(o,e,i),i};var C={};y(C,{OSBUpload:()=>s});module.exports=T(C);var z=require("@onlive.ai/ui/dist/components/button/button.js"),A=require("@onlive.ai/ui/dist/components/dropdown/dropdown.js"),L=require("@onlive.ai/ui/dist/components/icon/icon.js"),M=require("@onlive.ai/ui/dist/components/menu-item/menu-item.js"),j=require("@onlive.ai/ui/dist/components/menu/menu.js"),a=require("lit"),p=require("lit/decorators.js");var E=(n,o)=>(customElements.get(n)?console.debug(`Custom element <${n}> is already defined, skipping definition of ${o.name}.`):window.customElements.define(n,o),o),w=(n,o)=>{let{kind:e,elements:t}=o;return{kind:e,elements:t,finisher(i){customElements.get(n)||window.customElements.define(n,i)}}},f=n=>o=>typeof o=="function"?E(n,o):w(n,o);var g=require("lit"),v=g.css`
+  :host {
+    display: inline-block;
+  }
+
+  .ol-upload {
+    position: relative;
+  }
+
+  .ol-upload--empty {
+    padding: 8px 16px;
+    background: var(--ol-color-neutral-100, #f3f4f6);
+    border: 1px solid var(--ol-color-neutral-300, #d1d5db);
+    border-radius: 6px;
+    color: var(--ol-color-neutral-600, #4b5563);
+    font-size: 14px;
+  }
+
+  .ol-upload__selected-file {
+    margin-top: 12px;
+    padding: 12px;
+    background: var(--ol-color-success-50, #f0fdf4);
+    border: 1px solid var(--ol-color-success-200, #bbf7d0);
+    border-radius: 8px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+  }
+
+  .ol-upload__file-info {
+    flex: 1;
+    font-size: 14px;
+    color: var(--ol-color-success-800, #166534);
+  }
+
+  .ol-upload__file-info strong {
+    display: block;
+    margin-bottom: 4px;
+  }
+
+  .ol-upload__file-info small {
+    color: var(--ol-color-success-600, #16a34a);
+  }
+
+  .ol-upload__clear-btn {
+    width: 32px;
+    height: 32px;
+    border: none;
+    background: var(--ol-color-success-200, #bbf7d0);
+    color: var(--ol-color-success-700, #15803d);
+    border-radius: 50%;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.2s ease;
+  }
+
+  .ol-upload__clear-btn:hover {
+    background: var(--ol-color-success-300, #86efac);
+    transform: scale(1.1);
+  }
+`;var s=class extends a.LitElement{constructor(){super(...arguments);this.defaultConfig={maxFileSize:10*1024*1024,multiple:!1,showImage:!0,showVideo:!0,showDocument:!0}}getAllowedExtensions(e){switch(e){case"image":return[".jpg",".jpeg",".png",".gif",".webp",".svg"];case"video":return[".mp4",".avi",".mov",".wmv",".flv",".webm"];case"document":return[".pdf",".doc",".docx",".txt",".rtf",".odt"];default:return[]}}getAcceptAttribute(e){return this.getAllowedExtensions(e).join(",")}getFileTypeLabel(e){switch(e){case"image":return"Imagen";case"video":return"Video";case"document":return"Documento";default:return"Archivo"}}getAvailableTypes(){let e={...this.defaultConfig,...this.config},t=[];return e.showImage&&t.push("image"),e.showVideo&&t.push("video"),e.showDocument&&t.push("document"),t}onTypeSelect(e){this.openFileDialog(e)}openFileDialog(e){let t=document.createElement("input");t.type="file",t.accept=this.getAcceptAttribute(e),t.multiple=this.config?.multiple||!1,t.onchange=i=>{let l=i.target.files?.[0];l&&this.handleFileSelection(l,e)},t.click()}handleFileSelection(e,t){let i=this.validateFile(e,t);if(!i.valid){this.dispatchEvent(new CustomEvent("osb-upload-error",{detail:{error:i.error},bubbles:!0}));return}this.dispatchEvent(new CustomEvent("osb-file-selected",{detail:{file:e,type:t},bubbles:!0})),this.events?.onFileSelected?.(e,t)}validateFile(e,t){let i={...this.defaultConfig,...this.config};if(i.maxFileSize&&e.size>i.maxFileSize)return{valid:!1,error:`El archivo es demasiado grande. Tama\xF1o m\xE1ximo: ${Math.round(i.maxFileSize/1048576)}MB`};let l=e.name.toLowerCase(),r=this.getAllowedExtensions(t);return r.some(u=>l.endsWith(u.toLowerCase()))?{valid:!0}:{valid:!1,error:`Tipo de archivo no v\xE1lido. Extensiones permitidas: ${r.join(", ")}`}}render(){let e=this.getAvailableTypes();return e.length===0?a.html`<div class="ol-upload ol-upload--empty">No hay tipos de archivo disponibles</div>`:a.html`
+      <div class="ol-upload">
+        <ol-dropdown placement="bottom-start" distance="8">
+          <div slot="trigger">
+            <slot>
+            </slot>
+          </div>
+          
+          <ol-menu>
+            ${e.map(t=>a.html`
+              <ol-menu-item @click="${()=>this.onTypeSelect(t)}">
+                <ol-icon slot="prefix" name="${this.getIconName(t)}"></ol-icon>
+                ${this.getFileTypeLabel(t)}
+              </ol-menu-item>
+            `)}
+          </ol-menu>
+        </ol-dropdown>
+      </div>
+    `}getIconName(e){switch(e){case"image":return"image";case"video":return"file-play";case"document":return"file-text";default:return"file"}}};s.styles=[v],d([(0,p.property)({type:Object})],s.prototype,"config",2),d([(0,p.property)({type:Object})],s.prototype,"events",2),s=d([f("osb-upload")],s);0&&(module.exports={OSBUpload});

package/components/upload/upload.d.cts

@@ -0,0 +1,28 @@
+/*! @onlive.ai/common-121 v0.2.163 | © 2026 Onlive.ai */
+import * as lit from 'lit';
+import { LitElement, TemplateResult } from 'lit';
+import { UploadConfig, UploadEvents } from './upload.types.cjs';
+
+declare class OSBUpload extends LitElement {
+    static styles: lit.CSSResult[];
+    config?: UploadConfig;
+    events?: UploadEvents;
+    private defaultConfig;
+    private getAllowedExtensions;
+    private getAcceptAttribute;
+    private getFileTypeLabel;
+    private getAvailableTypes;
+    private onTypeSelect;
+    private openFileDialog;
+    private handleFileSelection;
+    private validateFile;
+    render(): TemplateResult;
+    private getIconName;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "osb-upload": OSBUpload;
+    }
+}
+
+export { OSBUpload };

package/components/upload/upload.d.ts

@@ -0,0 +1,28 @@
+/*! @onlive.ai/common-121 v0.2.163 | © 2026 Onlive.ai */
+import * as lit from 'lit';
+import { LitElement, TemplateResult } from 'lit';
+import { UploadConfig, UploadEvents } from './upload.types.js';
+
+declare class OSBUpload extends LitElement {
+    static styles: lit.CSSResult[];
+    config?: UploadConfig;
+    events?: UploadEvents;
+    private defaultConfig;
+    private getAllowedExtensions;
+    private getAcceptAttribute;
+    private getFileTypeLabel;
+    private getAvailableTypes;
+    private onTypeSelect;
+    private openFileDialog;
+    private handleFileSelection;
+    private validateFile;
+    render(): TemplateResult;
+    private getIconName;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "osb-upload": OSBUpload;
+    }
+}
+
+export { OSBUpload };

package/components/upload/upload.js

@@ -0,0 +1,83 @@
+/*! @onlive.ai/common-121 v0.2.163 | © 2026 Onlive.ai */
+var f=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var a=(n,i,e,t)=>{for(var o=t>1?void 0:t?g(i,e):i,l=n.length-1,r;l>=0;l--)(r=n[l])&&(o=(t?r(i,e,o):r(o))||o);return t&&o&&f(i,e,o),o};import"@onlive.ai/ui/dist/components/button/button.js";import"@onlive.ai/ui/dist/components/dropdown/dropdown.js";import"@onlive.ai/ui/dist/components/icon/icon.js";import"@onlive.ai/ui/dist/components/menu-item/menu-item.js";import"@onlive.ai/ui/dist/components/menu/menu.js";import{html as c,LitElement as y}from"lit";import{property as m}from"lit/decorators.js";var v=(n,i)=>(customElements.get(n)?console.debug(`Custom element <${n}> is already defined, skipping definition of ${i.name}.`):window.customElements.define(n,i),i),h=(n,i)=>{let{kind:e,elements:t}=i;return{kind:e,elements:t,finisher(o){customElements.get(n)||window.customElements.define(n,o)}}},p=n=>i=>typeof i=="function"?v(n,i):h(n,i);import{css as b}from"lit";var u=b`
+  :host {
+    display: inline-block;
+  }
+
+  .ol-upload {
+    position: relative;
+  }
+
+  .ol-upload--empty {
+    padding: 8px 16px;
+    background: var(--ol-color-neutral-100, #f3f4f6);
+    border: 1px solid var(--ol-color-neutral-300, #d1d5db);
+    border-radius: 6px;
+    color: var(--ol-color-neutral-600, #4b5563);
+    font-size: 14px;
+  }
+
+  .ol-upload__selected-file {
+    margin-top: 12px;
+    padding: 12px;
+    background: var(--ol-color-success-50, #f0fdf4);
+    border: 1px solid var(--ol-color-success-200, #bbf7d0);
+    border-radius: 8px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+  }
+
+  .ol-upload__file-info {
+    flex: 1;
+    font-size: 14px;
+    color: var(--ol-color-success-800, #166534);
+  }
+
+  .ol-upload__file-info strong {
+    display: block;
+    margin-bottom: 4px;
+  }
+
+  .ol-upload__file-info small {
+    color: var(--ol-color-success-600, #16a34a);
+  }
+
+  .ol-upload__clear-btn {
+    width: 32px;
+    height: 32px;
+    border: none;
+    background: var(--ol-color-success-200, #bbf7d0);
+    color: var(--ol-color-success-700, #15803d);
+    border-radius: 50%;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.2s ease;
+  }
+
+  .ol-upload__clear-btn:hover {
+    background: var(--ol-color-success-300, #86efac);
+    transform: scale(1.1);
+  }
+`;var s=class extends y{constructor(){super(...arguments);this.defaultConfig={maxFileSize:10*1024*1024,multiple:!1,showImage:!0,showVideo:!0,showDocument:!0}}getAllowedExtensions(e){switch(e){case"image":return[".jpg",".jpeg",".png",".gif",".webp",".svg"];case"video":return[".mp4",".avi",".mov",".wmv",".flv",".webm"];case"document":return[".pdf",".doc",".docx",".txt",".rtf",".odt"];default:return[]}}getAcceptAttribute(e){return this.getAllowedExtensions(e).join(",")}getFileTypeLabel(e){switch(e){case"image":return"Imagen";case"video":return"Video";case"document":return"Documento";default:return"Archivo"}}getAvailableTypes(){let e={...this.defaultConfig,...this.config},t=[];return e.showImage&&t.push("image"),e.showVideo&&t.push("video"),e.showDocument&&t.push("document"),t}onTypeSelect(e){this.openFileDialog(e)}openFileDialog(e){let t=document.createElement("input");t.type="file",t.accept=this.getAcceptAttribute(e),t.multiple=this.config?.multiple||!1,t.onchange=o=>{let l=o.target.files?.[0];l&&this.handleFileSelection(l,e)},t.click()}handleFileSelection(e,t){let o=this.validateFile(e,t);if(!o.valid){this.dispatchEvent(new CustomEvent("osb-upload-error",{detail:{error:o.error},bubbles:!0}));return}this.dispatchEvent(new CustomEvent("osb-file-selected",{detail:{file:e,type:t},bubbles:!0})),this.events?.onFileSelected?.(e,t)}validateFile(e,t){let o={...this.defaultConfig,...this.config};if(o.maxFileSize&&e.size>o.maxFileSize)return{valid:!1,error:`El archivo es demasiado grande. Tama\xF1o m\xE1ximo: ${Math.round(o.maxFileSize/1048576)}MB`};let l=e.name.toLowerCase(),r=this.getAllowedExtensions(t);return r.some(d=>l.endsWith(d.toLowerCase()))?{valid:!0}:{valid:!1,error:`Tipo de archivo no v\xE1lido. Extensiones permitidas: ${r.join(", ")}`}}render(){let e=this.getAvailableTypes();return e.length===0?c`<div class="ol-upload ol-upload--empty">No hay tipos de archivo disponibles</div>`:c`
+      <div class="ol-upload">
+        <ol-dropdown placement="bottom-start" distance="8">
+          <div slot="trigger">
+            <slot>
+            </slot>
+          </div>
+          
+          <ol-menu>
+            ${e.map(t=>c`
+              <ol-menu-item @click="${()=>this.onTypeSelect(t)}">
+                <ol-icon slot="prefix" name="${this.getIconName(t)}"></ol-icon>
+                ${this.getFileTypeLabel(t)}
+              </ol-menu-item>
+            `)}
+          </ol-menu>
+        </ol-dropdown>
+      </div>
+    `}getIconName(e){switch(e){case"image":return"image";case"video":return"file-play";case"document":return"file-text";default:return"file"}}};s.styles=[u],a([m({type:Object})],s.prototype,"config",2),a([m({type:Object})],s.prototype,"events",2),s=a([p("osb-upload")],s);export{s as OSBUpload};