@onlive.ai/common-121 0.2.190 → 0.2.192

package/components/asset/index.cjs

@@ -1,5 +1,5 @@
-/*! @onlive.ai/common-121 v0.2.190 | © 2026 Onlive.ai */
-"use strict";var K=Object.create;var A=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var X=Object.getOwnPropertyNames;var W=Object.getPrototypeOf,Z=Object.prototype.hasOwnProperty;var ee=(i,e)=>{for(var t in e)A(i,t,{get:e[t],enumerable:!0})},$=(i,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of X(e))!Z.call(i,s)&&s!==t&&A(i,s,{get:()=>e[s],enumerable:!(o=I(e,s))||o.enumerable});return i};var u=(i,e,t)=>(t=i!=null?K(W(i)):{},$(e||!i||!i.__esModule?A(t,"default",{value:i,enumerable:!0}):t,i)),te=i=>$(A({},"__esModule",{value:!0}),i),v=(i,e,t,o)=>{for(var s=o>1?void 0:o?I(e,t):e,l=i.length-1,a;l>=0;l--)(a=i[l])&&(s=(o?a(e,t,s):a(s))||s);return o&&s&&A(e,t,s),s};var ae={};ee(ae,{AssetLoaders:()=>y,AssetModalPortal:()=>_,AssetRenderer:()=>x,OSBAsset:()=>c});module.exports=te(ae);var g=require("lit"),p=require("lit/decorators.js"),G=require("lit/directives/class-map.js");var oe=(i,e)=>(customElements.get(i)?console.debug(`Custom element <${i}> is already defined, skipping definition of ${e.name}.`):window.customElements.define(i,e),e),se=(i,e)=>{let{kind:t,elements:o}=e;return{kind:t,elements:o,finisher(s){customElements.get(i)||window.customElements.define(i,s)}}},z=i=>e=>typeof e=="function"?oe(i,e):se(i,e);var P=class i{constructor(e){this.config=e}static initialize(e){return new i(e)}getBaseUrl(){return`${this.config.baseUrl}`}getHeaders(){return{"Content-Type":"application/json"}}async makeRequest(e,t={}){let o=`${this.getBaseUrl()}${e}`,s=await fetch(o,{...t,headers:{...this.getHeaders(),...t.headers}});if(!s.ok)throw new Error(`FAQs API error: ${s.status} ${s.statusText}`);return s.json()}async getSettingsByOrganization(e,t){try{let o=new URLSearchParams;t&&o.append("userGroupId",t);let s=o.toString(),l=`${this.getBaseUrl()}/settings/organization/${e}${s?`?${s}`:""}`,a=await fetch(l,{method:"GET",headers:this.getHeaders(),credentials:"include"});if(a.status===404)return null;if(!a.ok)throw new Error(`Failed to fetch settings: ${a.statusText}`);return await a.json()}catch(o){return console.error("Error fetching settings:",o),null}}async getFaqs(e={}){let t=new URLSearchParams;if(e.search&&t.append("search",e.search),e.organizationId&&t.append("organizationId",e.organizationId),e.groupId&&t.append("groupId",e.groupId),e.isActive!==void 0&&t.append("isActive",e.isActive.toString()),e.page&&t.append("page",e.page.toString()),e.limit&&t.append("limit",e.limit.toString()),e.sortBy&&t.append("sortBy",e.sortBy),e.sortOrder&&t.append("sortOrder",e.sortOrder),e.extraFilters){for(let[l,a]of Object.entries(e.extraFilters))if(a&&(Array.isArray(a)?a.length>0:a.toString().trim()!=="")){let d=Array.isArray(a)?a.join(","):a.toString();t.append(`extra_${l}`,d)}}let o=t.toString(),s=`/faqs${o?`?${o}`:""}`;return this.makeRequest(s)}async getFaqById(e){return this.makeRequest(`/faqs/${e}`,{})}};var b=async(i,e)=>{let t=await fetch(i,e);if(!t.ok){let o=await t.json().catch(()=>({}));throw new Error(JSON.stringify({status:t.status,statusText:t.statusText,...o}))}return t&&t.json()};var M=class i{constructor(e){this.config=e,this.enableUpload=e.enableUpload||!1}static getInstance(e){if(!i.instance&&e&&(i.instance=new i(e)),!i.instance)throw new Error("FileService must be initialized with config first");return i.instance}static initialize(e){return i.instance=new i(e),i.instance}async uploadFile(e,t={}){try{let o=await this.requestSignedUrl({filename:e.name,description:t.description,loadDirection:"up",bucketType:t.bucketType||"conversations",path:t.path||".temp",mimeType:e.type});return await this.uploadToSignedUrl(o.data.signedUrlData.signedUrl,e),{success:!0,id:o.data.file.id,name:o.data.file.name,url:o.data.file.url,type:o.data.file.type}}catch(o){return console.error("Error uploading file:",o),{success:!1,error:o instanceof Error?o.message:"Unknown error"}}}async requestSignedUrl(e){let t=`${this.config.baseUrl}/files/upload-url`;return this.makeRequest(t,{method:"POST",body:JSON.stringify(e)})}async uploadToSignedUrl(e,t){let o=await fetch(e,{method:"PUT",body:t,headers:{"Content-Type":t.type}});if(!o.ok){let s=await o.text().catch(()=>"No response");throw new Error(`Upload failed with status: ${o.status}. Response: ${s}`)}}async uploadFileWithRetry(e,t={}){let o=t.maxRetries||3,s=null;for(let l=1;l<=o;l++)try{let a=await this.uploadFile(e,t);if(a.success)return a;throw new Error(a.error||"Upload failed")}catch(a){if(s=a instanceof Error?a:new Error("Unknown error"),l===o)break;let d=2**l*1e3;await new Promise(r=>setTimeout(r,d))}return{success:!1,error:s?.message||"Upload failed after retries"}}async getFileById(e){let t=`${this.config.baseUrl}/files/${e}`,o=await this.makeRequest(t);if(!o.success)throw new Error("Failed to get file");return o.data}async makeRequest(e,t){let o={"Content-Type":"application/json"};return this.config.organizationId&&(o["X-Onlive-Organization-Id"]=this.config.organizationId),t?.headers&&Object.assign(o,t.headers),b(e,{...t,headers:o})}updateConfig(e){this.config={...this.config,...e}}getConfig(){return{...this.config}}};var T=class i{constructor(e){this.config=e}static getInstance(e){if(!i.instance&&e&&(i.instance=new i(e)),!i.instance)throw new Error("MultimediaService must be initialized with config first");return i.instance}static initialize(e){return i.instance=new i(e),i.instance}async getImages(e={}){let t=new URLSearchParams({type:"image",page:(e.page||1).toString(),limit:(e.limit||12).toString(),...e.search&&{search:e.search},...e.labels&&{labels:e.labels.join(",")},...e.includeSecureToken&&{includeSecureToken:e.includeSecureToken.toString()}});this.appendExtraFilters(t,e.extraFilters);let o=`${this.config.baseUrl}/multimedia?${t}`;return this.makeRequest(o)}async getVideos(e={}){let t=new URLSearchParams({type:"video",page:(e.page||1).toString(),limit:(e.limit||12).toString(),...e.search&&{search:e.search},...e.labels&&{labels:e.labels.join(",")},...e.includeSecureToken&&{includeSecureToken:e.includeSecureToken.toString()}});this.appendExtraFilters(t,e.extraFilters);let o=`${this.config.baseUrl}/multimedia?${t}`;return this.makeRequest(o)}async getPresentations(e={}){let t=new URLSearchParams({type:"presentation",page:(e.page||1).toString(),limit:(e.limit||12).toString(),...e.search&&{search:e.search},...e.labels&&{labels:e.labels.join(",")},...e.includeSecureToken&&{includeSecureToken:e.includeSecureToken.toString()}});this.appendExtraFilters(t,e.extraFilters);let o=`${this.config.baseUrl}/multimedia?${t}`;return this.makeRequest(o)}async getAllMultimedia(e={}){let[t,o,s]=await Promise.all([this.getImages(e),this.getVideos(e),this.getPresentations(e)]);return{images:t,videos:o,presentations:s}}async getMultimediaByToken(e){let t=`${this.config.baseUrl}/multimedia/secure-token/${e}`;return this.makeRequest(t,!1)}async searchMultimedia(e,t){let o={search:e,page:1,limit:50,includeSecureToken:!0};if(t)return this.getMultimediaByType(t,o);let[s,l,a]=await Promise.all([this.getImages(o),this.getVideos(o),this.getPresentations(o)]),d=[...s.items,...l.items,...a.items];return{items:d,total:d.length,count:d.length,currentPage:1,totalPages:1}}async getMultimediaByType(e,t){switch(e){case"image":return this.getImages(t);case"video":return this.getVideos(t);case"presentation":return this.getPresentations(t);default:throw new Error(`Invalid multimedia type: ${e}`)}}appendExtraFilters(e,t){if(t){for(let[o,s]of Object.entries(t))if(s&&(Array.isArray(s)?s.length>0:s.toString().trim()!=="")){let l=Array.isArray(s)?s.join(","):s.toString();e.append(`extra_${o}`,l)}}}async makeRequest(e,t=!0){let o={"Content-Type":"application/json","X-Onlive-Organization-Id":this.config.organizationId};return b(e,{method:"GET",headers:o,credentials:t?"include":void 0})}updateConfig(e){this.config={...this.config,...e}}getConfig(){return{...this.config}}};var k=class i{constructor(e){this.config=e}static getInstance(e){if(!i.instance&&e&&(i.instance=new i(e)),!i.instance)throw new Error("ProductService must be initialized with config first");return i.instance}static initialize(e){return i.instance=new i(e),i.instance}async getProducts(e={}){let t=new URLSearchParams({...e.title&&{title:e.title},...e.search&&{search:e.search},...e.category&&{category:e.category},...e.tags&&{tags:e.tags.join(",")},...e.sortBy&&{sortBy:e.sortBy},...e.sortOrder&&{sortOrder:e.sortOrder},...e.minPrice&&{minPrice:e.minPrice.toString()},...e.maxPrice&&{maxPrice:e.maxPrice.toString()},...e.inStock!==void 0&&{inStock:e.inStock.toString()},...e.offset&&{offset:e.offset.toString()},...e.includeSecureToken&&{includeSecureToken:e.includeSecureToken.toString()}});e.extraFields&&Object.keys(e.extraFields).length>0&&t.append("extraFields",JSON.stringify(e.extraFields));let o=`${this.config.baseUrl}/products?${t}`;return this.makeRequest(o,!0)}async getProductByToken(e){let t=`${this.config.baseUrl}/products/secure-token/${e}`;return this.makeRequest(t)}async searchProducts(e,t={}){return this.getProducts({...t,search:e})}async makeRequest(e,t=!1){let o={"Content-Type":"application/json","X-Onlive-Organization-Id":this.config.organizationId};return b(e,{method:"GET",headers:o,credentials:t?"include":"same-origin"})}updateConfig(e){this.config={...this.config,...e}}getConfig(){return{...this.config}}};var y=class{constructor(e){e?.multimediaService&&(this.multimediaService=T.initialize(e.multimediaService)),e?.faqsService&&(this.faqsService=P.initialize(e.faqsService)),e?.productService&&(this.productService=k.initialize(e.productService)),e?.fileService&&(this.fileService=M.initialize(e.fileService))}async loadAsset(e,t){switch(e){case"multimedia":return this.loadMultimediaAsset(t);case"product":return this.loadProductAsset(t);case"faq":return this.loadFaqAsset(t);case"file":return this.loadFileAsset(t);default:throw new Error(`Unsupported asset type: ${e}`)}}async loadMultimediaAsset(e){if(!this.multimediaService)throw new Error("MultimediaService not configured");let t=await this.multimediaService.getMultimediaByToken(e);if(!t)throw new Error("Multimedia not found");return{id:t.id,name:t.name,description:t.description||"",url:t.url,thumbnail:t.animatedCoverUrl||t.url,type:"multimedia",externalId:t.id,format:t.format,size:t.size||void 0,duration:t.duration||void 0,vodUrl:t.vodUrl||void 0,slides:t.slides||[],labels:t.labels,animatedCoverUrl:t.animatedCoverUrl||void 0,metadata:{organizationId:t.organizationId,status:t.status,createdAt:t.createdAt,updatedAt:t.updatedAt}}}async loadProductAsset(e){if(!this.productService)throw new Error("MultimediaService not configured");let t=await this.productService.getProductByToken(e);if(!t)throw new Error("Product not found");return{id:t.id,name:t.name,description:t.description,url:t.url,thumbnail:t.images?.[0],type:"product",externalId:t.externalId,price:t.price,currency:t.currency,category:t.category,tags:t.tags,images:t.images,variants:t.variants?.map(o=>({id:o.id,externalId:o.externalId,price:o.price,currency:o.currency,images:o.images})),options:t.options,metadata:{providerType:t.providerType,providerId:t.providerId,discountType:t.discountType,discount:t.discount,stock:t.stock,broken:t.broken}}}async loadFaqAsset(e){if(!this.faqsService)throw new Error("FaqsService not configured");let t=await this.faqsService.getFaqById(e);return{id:t.id,name:t.question,description:t.answer,url:`#faq-${t.id}`,type:"faq",externalId:t.id,question:t.question,answer:t.answer,priority:t.priority,isActive:t.isActive,metadata:{organizationId:t.organizationId,createdAt:t.createdAt,updatedAt:t.updatedAt}}}async loadFileAsset(e){if(!this.fileService)throw new Error("FileService not configured");let t=await this.fileService.getFileById(e),o=t.type||"",s=o.startsWith("video/"),l=o.startsWith("image/");return{id:t.id,name:t.name,description:t.description||"",url:t.url,thumbnail:l?t.url:void 0,type:"file",externalId:t.id,format:o,size:t.metadata?.size,duration:void 0,vodUrl:s?t.url:void 0,labels:[],animatedCoverUrl:s?t.url:void 0,metadata:{path:t.metadata?.path,bucketType:t.metadata?.bucketType,loadDirection:t.metadata?.loadDirection,createdAt:t.createdAt,updatedAt:t.updatedAt}}}};var n=require("lit"),J=require("lit/directives/class-map.js"),w=require("lit/directives/if-defined.js"),f=require("lit/directives/when.js");var L=require("lit/directives/unsafe-html.js");var E=u(require("dompurify"),1),ie={ALLOWED_TAGS:["p","br","span","b","strong","i","em","u","s","del","ul","ol","li","code","pre","a","h1","h2","h3","h4","table","thead","tbody","tr","th","td"],ALLOWED_ATTR:["href","target","rel","title","aria-label","role","colspan","rowspan"],FORCE_HTTPS:!0,ALLOW_DATA_ATTR:!1};E.default.addHook("afterSanitizeAttributes",i=>{"target"in i&&i.target==="_blank"&&i.setAttribute("rel","noopener noreferrer")});var U=(i,e=ie)=>E.default.sanitize(i,e);function D(i=""){return(0,L.unsafeHTML)(ne(i))}function ne(i=""){return U(i,{ADD_ATTR:["target","rel"],ADD_TAGS:["ol-"],CUSTOM_ELEMENT_HANDLING:{tagNameCheck:/^ol-/,attributeNameCheck:null,allowCustomizedBuiltInElements:!0}})}var Te=require("@onlive.ai/ui/dist/components/button/button.js"),Fe=require("@onlive.ai/ui/dist/components/icon/icon.js"),S=require("lit"),q=require("lit/decorators.js"),Y=require("lit/directives/repeat.js"),H=u(require("video.js"),1);var F=require("lit"),V=u(require("video.js/dist/video-js.min.css?inline"),1),B=F.css`
+/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
+"use strict";var K=Object.create;var A=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var X=Object.getOwnPropertyNames;var W=Object.getPrototypeOf,Z=Object.prototype.hasOwnProperty;var ee=(i,e)=>{for(var t in e)A(i,t,{get:e[t],enumerable:!0})},$=(i,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of X(e))!Z.call(i,s)&&s!==t&&A(i,s,{get:()=>e[s],enumerable:!(o=I(e,s))||o.enumerable});return i};var u=(i,e,t)=>(t=i!=null?K(W(i)):{},$(e||!i||!i.__esModule?A(t,"default",{value:i,enumerable:!0}):t,i)),te=i=>$(A({},"__esModule",{value:!0}),i),v=(i,e,t,o)=>{for(var s=o>1?void 0:o?I(e,t):e,l=i.length-1,n;l>=0;l--)(n=i[l])&&(s=(o?n(e,t,s):n(s))||s);return o&&s&&A(e,t,s),s};var ne={};ee(ne,{AssetLoaders:()=>y,AssetModalPortal:()=>_,AssetRenderer:()=>w,OSBAsset:()=>c});module.exports=te(ne);var h=require("lit"),p=require("lit/decorators.js"),G=require("lit/directives/class-map.js");var oe=(i,e)=>(customElements.get(i)?console.debug(`Custom element <${i}> is already defined, skipping definition of ${e.name}.`):window.customElements.define(i,e),e),se=(i,e)=>{let{kind:t,elements:o}=e;return{kind:t,elements:o,finisher(s){customElements.get(i)||window.customElements.define(i,s)}}},z=i=>e=>typeof e=="function"?oe(i,e):se(i,e);var P=class i{constructor(e){this.config=e}static initialize(e){return new i(e)}getBaseUrl(){return`${this.config.baseUrl}`}getHeaders(){return{"Content-Type":"application/json"}}async makeRequest(e,t={}){let o=`${this.getBaseUrl()}${e}`,s=await fetch(o,{...t,headers:{...this.getHeaders(),...t.headers}});if(!s.ok)throw new Error(`FAQs API error: ${s.status} ${s.statusText}`);return s.json()}async getSettingsByOrganization(e,t){try{let o=new URLSearchParams;t&&o.append("userGroupId",t);let s=o.toString(),l=`${this.getBaseUrl()}/settings/organization/${e}${s?`?${s}`:""}`,n=await fetch(l,{method:"GET",headers:this.getHeaders(),credentials:"include"});if(n.status===404)return null;if(!n.ok)throw new Error(`Failed to fetch settings: ${n.statusText}`);return await n.json()}catch(o){return console.error("Error fetching settings:",o),null}}async getFaqs(e={}){let t=new URLSearchParams;if(e.search&&t.append("search",e.search),e.organizationId&&t.append("organizationId",e.organizationId),e.groupId&&t.append("groupId",e.groupId),e.isActive!==void 0&&t.append("isActive",e.isActive.toString()),e.page&&t.append("page",e.page.toString()),e.limit&&t.append("limit",e.limit.toString()),e.sortBy&&t.append("sortBy",e.sortBy),e.sortOrder&&t.append("sortOrder",e.sortOrder),e.extraFilters){for(let[l,n]of Object.entries(e.extraFilters))if(n&&(Array.isArray(n)?n.length>0:n.toString().trim()!=="")){let d=Array.isArray(n)?n.join(","):n.toString();t.append(`extra_${l}`,d)}}let o=t.toString(),s=`/faqs${o?`?${o}`:""}`;return this.makeRequest(s)}async getFaqById(e){return this.makeRequest(`/faqs/${e}`,{})}};var b=async(i,e)=>{let t=await fetch(i,e);if(!t.ok){let o=await t.json().catch(()=>({}));throw new Error(JSON.stringify({status:t.status,statusText:t.statusText,...o}))}return t&&t.json()};var M=class i{constructor(e){this.config=e,this.enableUpload=e.enableUpload||!1}static getInstance(e){if(!i.instance&&e&&(i.instance=new i(e)),!i.instance)throw new Error("FileService must be initialized with config first");return i.instance}static initialize(e){return i.instance=new i(e),i.instance}async uploadFile(e,t={}){try{let o=await this.requestSignedUrl({filename:e.name,description:t.description,loadDirection:"up",bucketType:t.bucketType||"conversations",path:t.path||".temp",mimeType:e.type});return await this.uploadToSignedUrl(o.data.signedUrlData.signedUrl,e),{success:!0,id:o.data.file.id,name:o.data.file.name,url:o.data.file.url,type:o.data.file.type}}catch(o){return console.error("Error uploading file:",o),{success:!1,error:o instanceof Error?o.message:"Unknown error"}}}async requestSignedUrl(e){let t=`${this.config.baseUrl}/files/upload-url`;return this.makeRequest(t,{method:"POST",body:JSON.stringify(e)})}async uploadToSignedUrl(e,t){let o=await fetch(e,{method:"PUT",body:t,headers:{"Content-Type":t.type}});if(!o.ok){let s=await o.text().catch(()=>"No response");throw new Error(`Upload failed with status: ${o.status}. Response: ${s}`)}}async uploadFileWithRetry(e,t={}){let o=t.maxRetries||3,s=null;for(let l=1;l<=o;l++)try{let n=await this.uploadFile(e,t);if(n.success)return n;throw new Error(n.error||"Upload failed")}catch(n){if(s=n instanceof Error?n:new Error("Unknown error"),l===o)break;let d=2**l*1e3;await new Promise(r=>setTimeout(r,d))}return{success:!1,error:s?.message||"Upload failed after retries"}}async getFileById(e){let t=`${this.config.baseUrl}/files/${e}`,o=await this.makeRequest(t);if(!o.success)throw new Error("Failed to get file");return o.data}async makeRequest(e,t){let o={"Content-Type":"application/json"};return this.config.organizationId&&(o["X-Onlive-Organization-Id"]=this.config.organizationId),t?.headers&&Object.assign(o,t.headers),b(e,{...t,headers:o})}updateConfig(e){this.config={...this.config,...e}}getConfig(){return{...this.config}}};var T=class i{constructor(e){this.config=e}static getInstance(e){if(!i.instance&&e&&(i.instance=new i(e)),!i.instance)throw new Error("MultimediaService must be initialized with config first");return i.instance}static initialize(e){return i.instance=new i(e),i.instance}async getImages(e={}){let t=new URLSearchParams({type:"image",page:(e.page||1).toString(),limit:(e.limit||12).toString(),...e.search&&{search:e.search},...e.labels&&{labels:e.labels.join(",")},...e.includeSecureToken&&{includeSecureToken:e.includeSecureToken.toString()}});this.appendExtraFilters(t,e.extraFilters);let o=`${this.config.baseUrl}/multimedia?${t}`;return this.makeRequest(o)}async getVideos(e={}){let t=new URLSearchParams({type:"video",page:(e.page||1).toString(),limit:(e.limit||12).toString(),...e.search&&{search:e.search},...e.labels&&{labels:e.labels.join(",")},...e.includeSecureToken&&{includeSecureToken:e.includeSecureToken.toString()}});this.appendExtraFilters(t,e.extraFilters);let o=`${this.config.baseUrl}/multimedia?${t}`;return this.makeRequest(o)}async getPresentations(e={}){let t=new URLSearchParams({type:"presentation",page:(e.page||1).toString(),limit:(e.limit||12).toString(),...e.search&&{search:e.search},...e.labels&&{labels:e.labels.join(",")},...e.includeSecureToken&&{includeSecureToken:e.includeSecureToken.toString()}});this.appendExtraFilters(t,e.extraFilters);let o=`${this.config.baseUrl}/multimedia?${t}`;return this.makeRequest(o)}async getAllMultimedia(e={}){let[t,o,s]=await Promise.all([this.getImages(e),this.getVideos(e),this.getPresentations(e)]);return{images:t,videos:o,presentations:s}}async getMultimediaByToken(e){let t=`${this.config.baseUrl}/multimedia/secure-token/${e}`;return this.makeRequest(t,!1)}async searchMultimedia(e,t){let o={search:e,page:1,limit:50,includeSecureToken:!0};if(t)return this.getMultimediaByType(t,o);let[s,l,n]=await Promise.all([this.getImages(o),this.getVideos(o),this.getPresentations(o)]),d=[...s.items,...l.items,...n.items];return{items:d,total:d.length,count:d.length,currentPage:1,totalPages:1}}async getMultimediaByType(e,t){switch(e){case"image":return this.getImages(t);case"video":return this.getVideos(t);case"presentation":return this.getPresentations(t);default:throw new Error(`Invalid multimedia type: ${e}`)}}appendExtraFilters(e,t){if(t){for(let[o,s]of Object.entries(t))if(s&&(Array.isArray(s)?s.length>0:s.toString().trim()!=="")){let l=Array.isArray(s)?s.join(","):s.toString();e.append(`extra_${o}`,l)}}}async makeRequest(e,t=!0){let o={"Content-Type":"application/json","X-Onlive-Organization-Id":this.config.organizationId};return b(e,{method:"GET",headers:o,credentials:t?"include":void 0})}updateConfig(e){this.config={...this.config,...e}}getConfig(){return{...this.config}}};var k=class i{constructor(e){this.config=e}static getInstance(e){if(!i.instance&&e&&(i.instance=new i(e)),!i.instance)throw new Error("ProductService must be initialized with config first");return i.instance}static initialize(e){return i.instance=new i(e),i.instance}async getProducts(e={}){let t=new URLSearchParams({...e.title&&{title:e.title},...e.search&&{search:e.search},...e.category&&{category:e.category},...e.tags&&{tags:e.tags.join(",")},...e.sortBy&&{sortBy:e.sortBy},...e.sortOrder&&{sortOrder:e.sortOrder},...e.minPrice&&{minPrice:e.minPrice.toString()},...e.maxPrice&&{maxPrice:e.maxPrice.toString()},...e.inStock!==void 0&&{inStock:e.inStock.toString()},...e.offset&&{offset:e.offset.toString()},...e.includeSecureToken&&{includeSecureToken:e.includeSecureToken.toString()}});e.extraFields&&Object.keys(e.extraFields).length>0&&t.append("extraFields",JSON.stringify(e.extraFields));let o=`${this.config.baseUrl}/products?${t}`;return this.makeRequest(o,!0)}async getProductByToken(e){let t=`${this.config.baseUrl}/products/secure-token/${e}`;return this.makeRequest(t)}async searchProducts(e,t={}){return this.getProducts({...t,search:e})}async makeRequest(e,t=!1){let o={"Content-Type":"application/json","X-Onlive-Organization-Id":this.config.organizationId};return b(e,{method:"GET",headers:o,credentials:t?"include":"same-origin"})}updateConfig(e){this.config={...this.config,...e}}getConfig(){return{...this.config}}};var y=class{constructor(e){e?.multimediaService&&(this.multimediaService=T.initialize(e.multimediaService)),e?.faqsService&&(this.faqsService=P.initialize(e.faqsService)),e?.productService&&(this.productService=k.initialize(e.productService)),e?.fileService&&(this.fileService=M.initialize(e.fileService))}async loadAsset(e,t){switch(e){case"multimedia":return this.loadMultimediaAsset(t);case"product":return this.loadProductAsset(t);case"faq":return this.loadFaqAsset(t);case"file":return this.loadFileAsset(t);default:throw new Error(`Unsupported asset type: ${e}`)}}async loadMultimediaAsset(e){if(!this.multimediaService)throw new Error("MultimediaService not configured");let t=await this.multimediaService.getMultimediaByToken(e);if(!t)throw new Error("Multimedia not found");return{id:t.id,name:t.name,description:t.description||"",url:t.url,thumbnail:t.animatedCoverUrl||t.url,type:"multimedia",externalId:t.id,format:t.format,size:t.size||void 0,duration:t.duration||void 0,vodUrl:t.vodUrl||void 0,slides:t.slides||[],labels:t.labels,animatedCoverUrl:t.animatedCoverUrl||void 0,metadata:{organizationId:t.organizationId,status:t.status,createdAt:t.createdAt,updatedAt:t.updatedAt}}}async loadProductAsset(e){if(!this.productService)throw new Error("MultimediaService not configured");let t=await this.productService.getProductByToken(e);if(!t)throw new Error("Product not found");return{id:t.id,name:t.name,description:t.description,url:t.url,thumbnail:t.images?.[0],type:"product",externalId:t.externalId,price:t.price,currency:t.currency,category:t.category,tags:t.tags,images:t.images,variants:t.variants?.map(o=>({id:o.id,externalId:o.externalId,price:o.price,currency:o.currency,images:o.images})),options:t.options,metadata:{providerType:t.providerType,providerId:t.providerId,discountType:t.discountType,discount:t.discount,stock:t.stock,broken:t.broken}}}async loadFaqAsset(e){if(!this.faqsService)throw new Error("FaqsService not configured");let t=await this.faqsService.getFaqById(e);return{id:t.id,name:t.question,description:t.answer,url:`#faq-${t.id}`,type:"faq",externalId:t.id,question:t.question,answer:t.answer,priority:t.priority,isActive:t.isActive,metadata:{organizationId:t.organizationId,createdAt:t.createdAt,updatedAt:t.updatedAt}}}async loadFileAsset(e){if(!this.fileService)throw new Error("FileService not configured");let t=await this.fileService.getFileById(e),o=t.type||"",s=o.startsWith("video/"),l=o.startsWith("image/");return{id:t.id,name:t.name,description:t.description||"",url:t.url,thumbnail:l?t.url:void 0,type:"file",externalId:t.id,format:o,size:t.metadata?.size,duration:void 0,vodUrl:s?t.url:void 0,labels:[],animatedCoverUrl:s?t.url:void 0,metadata:{path:t.metadata?.path,bucketType:t.metadata?.bucketType,loadDirection:t.metadata?.loadDirection,createdAt:t.createdAt,updatedAt:t.updatedAt}}}};var a=require("lit"),J=require("lit/directives/class-map.js"),x=require("lit/directives/if-defined.js"),f=require("lit/directives/when.js");var L=require("lit/directives/unsafe-html.js");var E=u(require("dompurify"),1),ie={ALLOWED_TAGS:["p","br","span","b","strong","i","em","u","s","del","ul","ol","li","code","pre","a","h1","h2","h3","h4","table","thead","tbody","tr","th","td"],ALLOWED_ATTR:["href","target","rel","title","aria-label","role","colspan","rowspan"],FORCE_HTTPS:!0,ALLOW_DATA_ATTR:!1};E.default.addHook("afterSanitizeAttributes",i=>{"target"in i&&i.target==="_blank"&&i.setAttribute("rel","noopener noreferrer")});var U=(i,e=ie)=>E.default.sanitize(i,e);function D(i=""){return(0,L.unsafeHTML)(ae(i))}function ae(i=""){return U(i,{ADD_ATTR:["target","rel"],ADD_TAGS:["ol-"],CUSTOM_ELEMENT_HANDLING:{tagNameCheck:/^ol-/,attributeNameCheck:null,allowCustomizedBuiltInElements:!0}})}var Te=require("@onlive.ai/ui/dist/components/button/button.js"),Fe=require("@onlive.ai/ui/dist/components/icon/icon.js"),S=require("lit"),q=require("lit/decorators.js"),Y=require("lit/directives/repeat.js"),H=u(require("video.js"),1);var F=require("lit"),V=u(require("video.js/dist/video-js.min.css?inline"),1),B=F.css`
   ${(0,F.unsafeCSS)(V.default)}
   .och__player {
     width: 100%;
@@ -13,7 +13,7 @@
     background: transparent;
     transition: all 0.2s ease;
   }
-`;var h=class extends S.LitElement{constructor(){super(...arguments);this.sources=[];this.player=null}connectedCallback(){super.connectedCallback();let t="videojs-font-face";if(!document.head.querySelector(`#${t}`)){let o=document.createElement("style");o.id=t,o.innerHTML=`
+`;var j=class extends S.LitElement{constructor(){super(...arguments);this.sources=[];this.player=null}connectedCallback(){super.connectedCallback();let t="videojs-font-face";if(!document.head.querySelector(`#${t}`)){let o=document.createElement("style");o.id=t,o.innerHTML=`
         @font-face {
           font-family: VideoJS;
           src:
@@ -2041,45 +2041,45 @@ video::-webkit-media-text-track-display {
     transition: all 0.2s ease;
   }
       </style>
-    `}};h.styles=[B],v([(0,q.property)({type:Array})],h.prototype,"sources",2),v([(0,q.query)("#player")],h.prototype,"$player",2),h=v([z("och-player")],h);var x=class{formatFileSize(e){let t=["B","KB","MB","GB"];if(e===0)return"0 B";let o=Math.floor(Math.log(e)/Math.log(1024));return Math.round(e/1024**o*100)/100+" "+t[o]}formatDuration(e){let t=Math.floor(e/60),o=Math.floor(e%60);return`${t}:${o.toString().padStart(2,"0")}`}getMultimediaSubtype(e){let t=e.format||"";return t.startsWith("video/")?"video":t.startsWith("image/")?"image":t.includes("presentation")||t.includes("pdf")||t.includes("powerpoint")||t.includes("slides")||t.includes("application/vnd.ms-powerpoint")||t.includes("application/vnd.openxmlformats-officedocument.presentationml")||e.slides&&e.slides.length>0?"presentation":e.duration||e.vodUrl?"video":"image"}renderThumbnail(e,t,o,s,l){return!t.showThumbnail||e.type==="faq"?n.html``:n.html`
+    `}};j.styles=[B],v([(0,q.property)({type:Array})],j.prototype,"sources",2),v([(0,q.query)("#player")],j.prototype,"$player",2),j=v([z("och-player")],j);var w=class{formatFileSize(e){let t=["B","KB","MB","GB"];if(e===0)return"0 B";let o=Math.floor(Math.log(e)/Math.log(1024));return Math.round(e/1024**o*100)/100+" "+t[o]}formatDuration(e){let t=Math.floor(e/60),o=Math.floor(e%60);return`${t}:${o.toString().padStart(2,"0")}`}getMultimediaSubtype(e){let t=e.format||"";return t.startsWith("video/")?"video":t.startsWith("image/")?"image":t.includes("presentation")||t.includes("pdf")||t.includes("powerpoint")||t.includes("slides")||t.includes("application/vnd.ms-powerpoint")||t.includes("application/vnd.openxmlformats-officedocument.presentationml")||e.slides&&e.slides.length>0?"presentation":e.duration||e.vodUrl?"video":"image"}renderThumbnail(e,t,o,s,l){return!t.showThumbnail||e.type==="faq"?a.html``:a.html`
       <div class="ol-asset__thumbnail">
         ${this.renderThumbnailContent(e)}
         ${this.renderMetadata(e,t)}
         ${this.renderThumbnailOverlay(e)}
         ${this.renderHoverOverlay(e,o,l,s)}
       </div>
-    `}renderThumbnailContent(e){switch(e.type){case"multimedia":{let t=e;switch(this.getMultimediaSubtype(t)){case"video":return this.renderVideoThumbnail(t);case"presentation":return this.renderPresentationThumbnail(t);default:return n.html`
+    `}renderThumbnailContent(e){switch(e.type){case"multimedia":{let t=e;switch(this.getMultimediaSubtype(t)){case"video":return this.renderVideoThumbnail(t);case"presentation":return this.renderPresentationThumbnail(t);default:return a.html`
               <img
-                src="${(0,w.ifDefined)(t.thumbnail||t.url)}"
+                src="${(0,x.ifDefined)(t.thumbnail||t.url)}"
                 alt="${t.name}"
                 class="ol-asset__image"
               />
-            `}}case"file":{let t=e;switch(this.getMultimediaSubtype(t)){case"video":return this.renderVideoThumbnail(t);case"presentation":return this.renderPresentationThumbnail(t);default:return n.html`
+            `}}case"file":{let t=e;switch(this.getMultimediaSubtype(t)){case"video":return this.renderVideoThumbnail(t);case"presentation":return this.renderPresentationThumbnail(t);default:return a.html`
               <img
-                src="${(0,w.ifDefined)(t.thumbnail||t.url)}"
+                src="${(0,x.ifDefined)(t.thumbnail||t.url)}"
                 alt="${t.name}"
                 class="ol-asset__image"
               />
-            `}}default:return n.html`
+            `}}default:return a.html`
           <img
-            src="${(0,w.ifDefined)(e.thumbnail||e.url)}"
+            src="${(0,x.ifDefined)(e.thumbnail||e.url)}"
             alt="${e.name}"
             class="ol-asset__image"
           />
-        `}}renderVideoThumbnail(e){return n.html`
+        `}}renderVideoThumbnail(e){return a.html`
       <och-player
         class="ol-asset__video-player"
         .sources=${[{src:e.url||"",type:e.format||"video/mp4"}]}
       ></och-player>
-    `}renderPresentationThumbnail(e){return n.html`
+    `}renderPresentationThumbnail(e){return a.html`
       <div class="ol-asset__presentation-preview">
-        ${(0,f.when)(e.slides&&e.slides.length>0,()=>n.html`
+        ${(0,f.when)(e.slides&&e.slides.length>0,()=>a.html`
             <img
               src="${e.slides[0]}"
               alt="Presentation preview"
               class="ol-asset__presentation-image"
             />
-          `,()=>n.html`
+          `,()=>a.html`
             <div class="ol-asset__presentation-fallback">
               <div class="ol-asset__presentation-icon">
                 <svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
@@ -2094,61 +2094,61 @@ video::-webkit-media-text-track-display {
             </div>
           `)}
       </div>
-    `}renderThumbnailOverlay(e){let t=[];if(e.type==="multimedia"||e.type==="file"){let o=e;this.getMultimediaSubtype(o)==="video"&&o.duration&&t.push(n.html`
+    `}renderThumbnailOverlay(e){let t=[];if(e.type==="multimedia"||e.type==="file"){let o=e;this.getMultimediaSubtype(o)==="video"&&o.duration&&t.push(a.html`
           <div class="ol-asset__duration">${this.formatDuration(o.duration)}</div>
-        `)}return n.html`${t}`}renderContent(e,t){let o=(e.type==="multimedia"||e.type==="file")&&!t.showName&&!t.showDescription&&!t.showTags;return n.html`
+        `)}return a.html`${t}`}renderContent(e,t){let o=(e.type==="multimedia"||e.type==="file")&&!t.showName&&!t.showDescription&&!t.showTags;return a.html`
       <div class=${(0,J.classMap)({"ol-asset__content":!0,"ol-asset__content--assets":!!o})}>
         ${this.renderName(e,t)}
         ${this.renderDescription(e,t)}
         ${this.renderPrice(e)}
         ${this.renderTags(e,t)}
       </div>
-    `}renderName(e,t){return e.type==="faq"?n.html``:e.type==="product"?n.html`
+    `}renderName(e,t){return e.type==="faq"?a.html``:e.type==="product"?a.html`
         <div class="ol-asset__name">${e.name}</div>
-      `:(e.type==="multimedia"||e.type==="file")&&this.getMultimediaSubtype(e)==="presentation"&&(!e.slides||e.slides.length===0)?n.html`
+      `:(e.type==="multimedia"||e.type==="file")&&this.getMultimediaSubtype(e)==="presentation"&&(!e.slides||e.slides.length===0)?a.html`
         <div class="ol-asset__name">${e.name}</div>
-      `:t.showName?n.html`
+      `:t.showName?a.html`
       <div class="ol-asset__name">${e.name}</div>
-    `:n.html``}renderDescription(e,t){if(e.type==="faq"){let s=e;return s.answer?n.html`
+    `:a.html``}renderDescription(e,t){if(e.type==="faq"){let s=e;return s.answer?a.html`
         <div class="ol-asset__description ol-asset__answer">${s.answer}</div>
-      `:n.html``}return e.description?e.type==="product"?n.html`
+      `:a.html``}return e.description?e.type==="product"?a.html`
         <div class="ol-asset__description">${D(e.description)}</div>
-      `:t.showDescription?n.html`
+      `:t.showDescription?a.html`
       <div class="ol-asset__description">${e.description}</div>
-    `:n.html``:n.html``}renderPrice(e){if(e.type!=="product")return n.html``;let t=e;return t.price?n.html`
+    `:a.html``:a.html``}renderPrice(e){if(e.type!=="product")return a.html``;let t=e;return t.price?a.html`
       <div class="ol-asset__price">
         ${t.currency} ${t.price}
       </div>
-    `:n.html``}renderMetadata(e,t){if(!t.showMetadata)return n.html``;let o=[];if(t.showSize&&e.type!=="faq"&&"size"in e&&e.size&&typeof e.size=="number"&&o.push(n.html`
+    `:a.html``}renderMetadata(e,t){if(!t.showMetadata)return a.html``;let o=[];if(t.showSize&&e.type!=="faq"&&"size"in e&&e.size&&typeof e.size=="number"&&o.push(a.html`
         <div class="ol-asset__meta-item">
           <span>${this.formatFileSize(e.size)}</span>
         </div>
-      `),t.showDuration&&(e.type==="multimedia"||e.type==="file")){let s=e;this.getMultimediaSubtype(s)==="video"&&s.duration&&o.push(n.html`
+      `),t.showDuration&&(e.type==="multimedia"||e.type==="file")){let s=e;this.getMultimediaSubtype(s)==="video"&&s.duration&&o.push(a.html`
           <div class="ol-asset__meta-item">
             <span>⏱️</span>
             <span>${this.formatDuration(s.duration)}</span>
           </div>
-        `)}return o.length===0?n.html``:n.html`
+        `)}return o.length===0?a.html``:a.html`
       <div class="ol-asset__metadata">
         ${o}
       </div>
-    `}renderTags(e,t){if(!t.showTags)return n.html``;let o=[];switch(e.type){case"product":o=e.tags||[];break;case"multimedia":case"file":o=e.labels||[];break}return o.length===0?n.html``:n.html`
+    `}renderTags(e,t){if(!t.showTags)return a.html``;let o=[];switch(e.type){case"product":o=e.tags||[];break;case"multimedia":case"file":o=e.labels||[];break}return o.length===0?a.html``:a.html`
       <div class="ol-asset__tags">
-        ${o.slice(0,3).map(s=>n.html`
+        ${o.slice(0,3).map(s=>a.html`
             <span class="ol-asset__tag">${s}</span>
           `)}
       </div>
-    `}renderLoading(){return n.html`
+    `}renderLoading(){return a.html`
       <div class="ol-asset__loading">
         <div class="ol-asset__spinner"></div>
         <span>Loading...</span>
       </div>
-    `}renderError(e){return n.html`
+    `}renderError(e){return a.html`
       <div class="ol-asset__error">
         <span class="ol-asset__error-icon">⚠️</span>
         <span>${e}</span>
       </div>
-    `}renderModal(e,t,o){return t?n.html`
+    `}renderModal(e,t,o){return t?a.html`
       <div class="ol-asset__modal-overlay" @click=${o}>
         <div class="ol-asset__modal" @click=${s=>s.stopPropagation()}>
           <ol-button class="ol-asset__modal-close" @click=${o}>
@@ -2162,50 +2162,50 @@ video::-webkit-media-text-track-display {
           </div>
         </div>
       </div>
-    `:n.html``}renderModalContent(e){switch(e.type){case"multimedia":{let t=e,o=this.getMultimediaSubtype(t);return o==="image"?n.html`
+    `:a.html``}renderModalContent(e){switch(e.type){case"multimedia":{let t=e,o=this.getMultimediaSubtype(t);return o==="image"?a.html`
             <img
-              src="${(0,w.ifDefined)(t.url)}"
+              src="${(0,x.ifDefined)(t.url)}"
               alt="${t.name}"
               class="ol-asset__modal-image"
             />
             <div class="ol-asset__modal-info">
               <h3 class="ol-asset__modal-title">${t.name}</h3>
-              ${t.description?n.html`<p class="ol-asset__modal-description">${t.description}</p>`:n.html``}
+              ${t.description?a.html`<p class="ol-asset__modal-description">${t.description}</p>`:a.html``}
             </div>
-          `:n.html`
+          `:a.html`
           <div class="ol-asset__modal-info">
             <h3 class="ol-asset__modal-title">${t.name}</h3>
-            ${t.description?n.html`<p class="ol-asset__modal-description">${t.description}</p>`:n.html``}
+            ${t.description?a.html`<p class="ol-asset__modal-description">${t.description}</p>`:a.html``}
             <p class="ol-asset__modal-type">Type: ${o}</p>
           </div>
-        `}case"file":{let t=e,o=this.getMultimediaSubtype(t);return o==="image"?n.html`
+        `}case"file":{let t=e,o=this.getMultimediaSubtype(t);return o==="image"?a.html`
             <img
-              src="${(0,w.ifDefined)(t.url)}"
+              src="${(0,x.ifDefined)(t.url)}"
               alt="${t.name}"
               class="ol-asset__modal-image"
             />
             <div class="ol-asset__modal-info">
               <h3 class="ol-asset__modal-title">${t.name}</h3>
-              ${t.description?n.html`<p class="ol-asset__modal-description">${t.description}</p>`:n.html``}
+              ${t.description?a.html`<p class="ol-asset__modal-description">${t.description}</p>`:a.html``}
             </div>
-          `:n.html`
+          `:a.html`
           <div class="ol-asset__modal-info">
             <h3 class="ol-asset__modal-title">${t.name}</h3>
-            ${t.description?n.html`<p class="ol-asset__modal-description">${t.description}</p>`:n.html``}
+            ${t.description?a.html`<p class="ol-asset__modal-description">${t.description}</p>`:a.html``}
             <p class="ol-asset__modal-type">Type: ${o}</p>
           </div>
-        `}case"faq":return n.html`
+        `}case"faq":return a.html`
           <div class="ol-asset__modal-faq">
             <div class="ol-asset__modal-answer">${e.answer||e.description}</div>
           </div>
-        `;default:return n.html`
+        `;default:return a.html`
           <div class="ol-asset__modal-info">
             <h3 class="ol-asset__modal-title">${e.name}</h3>
-            ${e.description?n.html`<p class="ol-asset__modal-description">${e.description}</p>`:n.html``}
+            ${e.description?a.html`<p class="ol-asset__modal-description">${e.description}</p>`:a.html``}
           </div>
-        `}}renderHoverOverlay(e,t,o,s){let l=e.type==="multimedia"&&this.getMultimediaSubtype(e)==="video",a=(e.type==="multimedia"||e.type==="file")&&this.getMultimediaSubtype(e)==="presentation"&&(!e.slides||e.slides.length===0);return l?n.html`
+        `}}renderHoverOverlay(e,t,o,s){let l=e.type==="multimedia"&&this.getMultimediaSubtype(e)==="video",n=(e.type==="multimedia"||e.type==="file")&&this.getMultimediaSubtype(e)==="presentation"&&(!e.slides||e.slides.length===0);return l?a.html`
         <div class="ol-asset__video-controls">
-          ${(0,f.when)(o,()=>n.html`
+          ${(0,f.when)(o,()=>a.html`
               <ol-button
                 class="ol-asset__video-btn ol-asset__video-btn--maximize"
                 @click=${d=>{d.stopPropagation(),o(e)}}
@@ -2216,19 +2216,19 @@ video::-webkit-media-text-track-display {
                 </svg>
               </ol-button>
             `)}
-          ${(0,f.when)(t,()=>n.html`
+          ${(0,f.when)(t,()=>a.html`
               <ol-button
                 class="ol-asset__video-btn ol-asset__video-btn--download ${s?"ol-asset__video-btn--downloading":""}"
                 @click=${d=>{d.stopPropagation(),t(e)}}
                 title="Download ${e.name}"
                 ?disabled=${s}
               >
-                ${(0,f.when)(s,()=>n.html`
+                ${(0,f.when)(s,()=>a.html`
                     <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="ol-asset__download-spinner">
                       <circle cx="12" cy="12" r="10"></circle>
                       <path d="M12 2a10 10 0 0 1 10 10"></path>
                     </svg>
-                  `,()=>n.html`
+                  `,()=>a.html`
                     <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                       <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
                       <polyline points="7,10 12,15 17,10"></polyline>
@@ -2238,10 +2238,10 @@ video::-webkit-media-text-track-display {
               </ol-button>
             `)}
         </div>
-      `:n.html`
+      `:a.html`
       <div class="ol-asset__hover-overlay">
         <div class="ol-asset__hover-buttons">
-          ${(0,f.when)(e.type==="product",()=>n.html`
+          ${(0,f.when)(e.type==="product",()=>a.html`
               <ol-button
                 class="ol-asset__hover-btn ol-asset__hover-btn--external"
                 @click=${d=>{d.stopPropagation(),this.openProductInNewWindow(e)}}
@@ -2253,8 +2253,8 @@ video::-webkit-media-text-track-display {
                   <line x1="10" y1="14" x2="21" y2="3"></line>
                 </svg>
               </ol-button>
-            `,()=>n.html`
-              ${(0,f.when)(o&&!a,()=>n.html`
+            `,()=>a.html`
+              ${(0,f.when)(o&&!n,()=>a.html`
                   <ol-button
                     class="ol-asset__hover-btn ol-asset__hover-btn--maximize"
                     @click=${d=>{d.stopPropagation(),o(e)}}
@@ -2265,19 +2265,19 @@ video::-webkit-media-text-track-display {
                     </svg>
                   </ol-button>
                 `)}
-              ${(0,f.when)(t&&["multimedia","file"].includes(e.type),()=>n.html`
+              ${(0,f.when)(t&&["multimedia","file"].includes(e.type),()=>a.html`
                   <ol-button
                     class="ol-asset__hover-btn ol-asset__hover-btn--download ${s?"ol-asset__hover-btn--downloading":""}"
                     @click=${d=>{d.stopPropagation(),t(e)}}
                     title="Download ${e.name}"
                     ?disabled=${s}
                   >
-                    ${(0,f.when)(s,()=>n.html`
+                    ${(0,f.when)(s,()=>a.html`
                         <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="ol-asset__download-spinner">
                           <circle cx="12" cy="12" r="10"></circle>
                           <path d="M12 2a10 10 0 0 1 10 10"></path>
                         </svg>
-                      `,()=>n.html`
+                      `,()=>a.html`
                         <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                           <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
                           <polyline points="7,10 12,15 17,10"></polyline>
@@ -2856,49 +2856,60 @@ video::-webkit-media-text-track-display {
   .ol-asset__hover-btn {
     width: 48px;
     height: 48px;
+    cursor: pointer;
+    transition: all 0.2s ease;
+  }
+
+  .ol-asset__hover-btn::part(base) {
+    width: 48px;
+    height: 48px;
+    min-height: unset;
     border: none;
     border-radius: 50%;
     background: rgba(255, 255, 255, 0.9);
     color: var(--ol-color-neutral-700, #374151);
-    cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
-    transition: all 0.2s ease;
+    padding: 0;
     backdrop-filter: blur(8px);
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+    transition: all 0.2s ease;
   }
 
-  .ol-asset__hover-btn:hover {
+  .ol-asset__hover-btn:hover::part(base) {
     background: rgba(255, 255, 255, 1);
     transform: scale(1.1);
     box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
   }
 
-  .ol-asset__hover-btn:active {
+  .ol-asset__hover-btn:active::part(base) {
     transform: scale(0.95);
   }
 
-  .ol-asset__hover-btn--maximize,
-  .ol-asset__hover-btn--download,
-  .ol-asset__hover-btn--external {
+  .ol-asset__hover-btn--maximize::part(base),
+  .ol-asset__hover-btn--download::part(base),
+  .ol-asset__hover-btn--external::part(base) {
     background: rgba(255, 255, 255, 0.9);
     color: var(--ol-color-neutral-700, #374151);
   }
 
-  .ol-asset__hover-btn--maximize:hover,
-  .ol-asset__hover-btn--download:hover,
-  .ol-asset__hover-btn--external:hover {
+  .ol-asset__hover-btn--maximize:hover::part(base),
+  .ol-asset__hover-btn--download:hover::part(base),
+  .ol-asset__hover-btn--external:hover::part(base) {
     background: rgba(255, 255, 255, 1);
   }
 
   .ol-asset__hover-btn--downloading {
     opacity: 0.7;
     cursor: not-allowed;
+  }
+
+  .ol-asset__hover-btn--downloading::part(base) {
     transform: none !important;
   }
 
-  .ol-asset__hover-btn--downloading:hover {
+  .ol-asset__hover-btn--downloading:hover::part(base) {
     transform: none;
     background: rgba(34, 197, 94, 0.9);
   }
@@ -2922,24 +2933,32 @@ video::-webkit-media-text-track-display {
   .ol-asset__video-btn {
     width: 32px;
     height: 32px;
+    cursor: pointer;
+    transition: all 0.2s ease;
+  }
+
+  .ol-asset__video-btn::part(base) {
+    width: 32px;
+    height: 32px;
+    min-height: unset;
     border: none;
     border-radius: 6px;
     background: rgba(0, 0, 0, 0.6);
     color: white;
-    cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
-    transition: all 0.2s ease;
+    padding: 0;
     backdrop-filter: blur(8px);
+    transition: all 0.2s ease;
   }
 
-  .ol-asset__video-btn:hover {
+  .ol-asset__video-btn:hover::part(base) {
     background: rgba(0, 0, 0, 0.8);
     transform: scale(1.05);
   }
 
-  .ol-asset__video-btn:active {
+  .ol-asset__video-btn:active::part(base) {
     transform: scale(0.95);
   }
 
@@ -2948,7 +2967,7 @@ video::-webkit-media-text-track-display {
     cursor: not-allowed;
   }
 
-  .ol-asset__video-btn--downloading:hover {
+  .ol-asset__video-btn--downloading:hover::part(base) {
     transform: none;
   }
 
@@ -2970,7 +2989,7 @@ video::-webkit-media-text-track-display {
     opacity: 0;
     visibility: hidden;
   }
-`;var _=class{constructor(e,t){this.asset=e,this.onClose=t}getMultimediaSubtype(e){let t=e.format||"";return t.startsWith("video/")?"video":t.startsWith("image/")?"image":t.includes("presentation")||t.includes("pdf")||t.includes("powerpoint")||t.includes("slides")||t.includes("application/vnd.ms-powerpoint")||t.includes("application/vnd.openxmlformats-officedocument.presentationml")||e.slides&&e.slides.length>0?"presentation":e.duration||e.vodUrl?"video":"image"}formatDuration(e){let t=Math.floor(e/60),o=Math.floor(e%60);return`${t}:${o.toString().padStart(2,"0")}`}async open(){await import("@onlive.ai/ui/dist/components/dialog/dialog.js"),await import("@onlive.ai/ui/dist/components/icon-button/icon-button.js"),await import("@onlive.ai/ui/dist/components/button/button.js"),await import("@onlive.ai/ui/dist/components/icon/icon.js");let e=this.asset;this.getMultimediaSubtype(e)==="presentation"&&(e.slides?.length??0)>0&&await Promise.all([import("@onlive.ai/ui/dist/components/carousel/carousel.js"),import("@onlive.ai/ui/dist/components/carousel-item/carousel-item.js")]),this.injectStyles(),this.createDialog(),this.dialog?.show()}close(){this.dialog?.hide(),setTimeout(()=>{this.removeDialog()},300)}createDialog(){if(this.dialog||!this.asset)return;let e=this.createDialogHTML(),t=document.createElement("div");t.innerHTML=e,this.dialog=t.firstElementChild,this.dialog&&(document.body.appendChild(this.dialog),this.attachEventListeners())}removeDialog(){this.dialog&&(this.dialog.parentNode&&this.dialog.parentNode.removeChild(this.dialog),this.dialog=void 0)}injectStyles(){if(document.getElementById("asset-modal-styles"))return;let e=document.createElement("style");e.id="asset-modal-styles",e.textContent=this.getModalStyles(),document.head.appendChild(e)}getModalStyles(){return`
+`;var _=class{constructor(e,t,o="normal"){this.asset=e,this.onClose=t,this.displayState=o}getMultimediaSubtype(e){let t=e.format||"";return t.startsWith("video/")?"video":t.startsWith("image/")?"image":t.includes("presentation")||t.includes("pdf")||t.includes("powerpoint")||t.includes("slides")||t.includes("application/vnd.ms-powerpoint")||t.includes("application/vnd.openxmlformats-officedocument.presentationml")||e.slides&&e.slides.length>0?"presentation":e.duration||e.vodUrl?"video":"image"}formatDuration(e){let t=Math.floor(e/60),o=Math.floor(e%60);return`${t}:${o.toString().padStart(2,"0")}`}async open(){await import("@onlive.ai/ui/dist/components/dialog/dialog.js"),await import("@onlive.ai/ui/dist/components/icon-button/icon-button.js"),await import("@onlive.ai/ui/dist/components/button/button.js"),await import("@onlive.ai/ui/dist/components/icon/icon.js");let e=this.asset;this.getMultimediaSubtype(e)==="presentation"&&(e.slides?.length??0)>0&&await Promise.all([import("@onlive.ai/ui/dist/components/carousel/carousel.js"),import("@onlive.ai/ui/dist/components/carousel-item/carousel-item.js")]),this.injectStyles(),this.createDialog(),this.dialog?.show()}close(){this.dialog?.hide(),setTimeout(()=>{this.removeDialog()},300)}createDialog(){if(this.dialog||!this.asset)return;let e=this.createDialogHTML(),t=document.createElement("div");t.innerHTML=e,this.dialog=t.firstElementChild,this.dialog&&(document.body.appendChild(this.dialog),this.attachEventListeners())}removeDialog(){this.dialog&&(this.dialog.parentNode&&this.dialog.parentNode.removeChild(this.dialog),this.dialog=void 0)}injectStyles(){if(document.getElementById("asset-modal-styles"))return;let e=document.createElement("style");e.id="asset-modal-styles",e.textContent=this.getModalStyles(),document.head.appendChild(e)}getModalStyles(){return`
 
       ol-dialog::part(base){
       z-index: 1000000;
@@ -3311,7 +3330,80 @@ video::-webkit-media-text-track-display {
           max-height: 90vh;
         }
       }
-    `}createDialogHTML(){if(!this.asset)return"";let{name:e,description:t,url:o,type:s}=this.asset,l="";if(s==="multimedia"){let r=this.asset,j=this.getMultimediaSubtype(r);if(j==="image")l=`
+
+      /* Maximized state - glassmorphism effect */
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"]::part(overlay) {
+        background: rgba(0, 0, 0, 0.4);
+        backdrop-filter: blur(12px);
+        -webkit-backdrop-filter: blur(12px);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"]::part(panel) {
+        background: rgba(18, 20, 30, 0.38);
+        backdrop-filter: blur(20px);
+        -webkit-backdrop-filter: blur(20px);
+        border: 1px solid rgba(255, 255, 255, 0.12);
+        box-shadow:
+          0 8px 32px rgba(0, 0, 0, 0.4),
+          inset 0 1px 0 rgba(255, 255, 255, 0.06);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"]::part(title) {
+        color: rgba(255, 255, 255, 0.92);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"]::part(close-button) {
+        color: rgba(255, 255, 255, 0.8);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"]::part(close-button):hover {
+        color: rgba(255, 255, 255, 1);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"]::part(header) {
+        border-bottom-color: rgba(255, 255, 255, 0.1);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"] .ol-asset__modal-info {
+        background: transparent;
+        border-top: 1px solid rgba(255, 255, 255, 0.1);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"] .ol-asset__modal-title {
+        color: rgba(255, 255, 255, 0.95);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"] .ol-asset__modal-description,
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"] .ol-asset__modal-answer {
+        color: rgba(255, 255, 255, 0.7);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"] .ol-asset__modal-type,
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"] .ol-asset__modal-duration,
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"] .ol-asset__modal-slides {
+        color: rgba(255, 255, 255, 0.5);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"] .ol-asset__modal-metadata-item {
+        color: rgba(255, 255, 255, 0.6);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"] .ol-asset__modal-metadata-item ol-icon {
+        color: rgba(255, 255, 255, 0.4);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"] .ol-asset__modal-media-container {
+        background: rgba(0, 0, 0, 0.3);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"] .ol-asset__modal-faq {
+        color: rgba(255, 255, 255, 0.9);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"] .ol-asset__modal-question {
+        color: rgba(130, 170, 255, 1);
+      }
+    `}createDialogHTML(){if(!this.asset)return"";let{name:e,description:t,url:o,type:s}=this.asset,l="";if(s==="multimedia"){let r=this.asset,g=this.getMultimediaSubtype(r);if(g==="image")l=`
           <div class="ol-asset__modal-media-container">
             <div class="ol-asset__modal-image-container">
               <img
@@ -3332,7 +3424,7 @@ video::-webkit-media-text-track-display {
               </div>
             </div>
           </div>
-        `;else if(j==="video")l=`
+        `;else if(g==="video")l=`
           <div class="ol-asset__modal-media-container">
             <div class="ol-asset__modal-video-container">
               <video
@@ -3361,7 +3453,7 @@ video::-webkit-media-text-track-display {
               `:""}
             </div>
           </div>
-        `;else if(j==="presentation")if(r.slides&&r.slides.length>0){let m=r.slides;l=`
+        `;else if(g==="presentation")if(r.slides&&r.slides.length>0){let m=r.slides;l=`
             <div class="ol-asset__modal-media-container" data-type="presentation">
               <div class="ol-asset__modal-presentation">
                 <ol-carousel pagination navigation loop class="ol-asset__modal-carousel">
@@ -3403,7 +3495,7 @@ video::-webkit-media-text-track-display {
               ${t?`<p class="ol-asset__modal-description">${t}</p>`:""}
               <p class="ol-asset__modal-type">Type: Presentation</p>
             </div>
-          `}else if(s==="file"){let r=this.asset,j=this.getMultimediaSubtype(r);if(j==="image")l=`
+          `}else if(s==="file"){let r=this.asset,g=this.getMultimediaSubtype(r);if(g==="image")l=`
           <div class="ol-asset__modal-media-container">
             <div class="ol-asset__modal-image-container">
               <img
@@ -3424,7 +3516,7 @@ video::-webkit-media-text-track-display {
               </div>
             </div>
           </div>
-        `;else if(j==="video")l=`
+        `;else if(g==="video")l=`
           <div class="ol-asset__modal-media-container">
             <div class="ol-asset__modal-video-container">
               <video
@@ -3453,7 +3545,7 @@ video::-webkit-media-text-track-display {
               `:""}
             </div>
           </div>
-        `;else if(j==="presentation")if(r.slides&&r.slides.length>0){let m=r.slides;l=`
+        `;else if(g==="presentation")if(r.slides&&r.slides.length>0){let m=r.slides;l=`
             <div class="ol-asset__modal-media-container" data-type="presentation">
               <div class="ol-asset__modal-presentation">
                 <ol-carousel pagination navigation loop class="ol-asset__modal-carousel">
@@ -3505,12 +3597,13 @@ video::-webkit-media-text-track-display {
           <h3 class="ol-asset__modal-title">${e}</h3>
           ${t?`<p class="ol-asset__modal-description">${t}</p>`:""}
         </div>
-      `;let a=s==="multimedia"||s==="file",d=s==="faq"&&this.asset.question||e;return`
+      `;let n=s==="multimedia"||s==="file",d=s==="faq"&&this.asset.question||e;return`
       <ol-dialog 
         label="${this.escapeHtml(d)}"
         class="ol-asset__dialog"
-        data-fullscreen="${a}"
-        ${a?'style="--width: 95vw; --max-width: 1600px;"':""}
+        data-fullscreen="${n}"
+        data-display-state="${this.displayState}"
+        ${n?'style="--width: 95vw; --max-width: 1600px;"':""}
       >
         <div class="ol-asset__dialog-content">
           <div class="ol-asset__dialog-body">
@@ -3518,19 +3611,19 @@ video::-webkit-media-text-track-display {
           </div>
         </div>
       </ol-dialog>
-    `}attachEventListeners(){this.dialog&&(this.dialog.addEventListener("ol-after-hide",()=>{this.onClose?.()}),this.dialog.addEventListener("ol-request-close",e=>{e.detail?.source==="overlay"&&e.preventDefault()}))}escapeHtml(e){let t=document.createElement("div");return t.textContent=e,t.innerHTML}};var c=class extends g.LitElement{constructor(){super(...arguments);this.loadingState="idle";this.assetRenderer=new x;this.isDownloading=!1;this.defaultDisplayOptions={showThumbnail:!0,showName:!1,showDescription:!1,showMetadata:!0,showPrice:!0,showDuration:!1,showSize:!1,showTags:!1,layout:"card",size:"medium"}}connectedCallback(){super.connectedCallback(),this.initializeServices(),this.loadAsset()}disconnectedCallback(){super.disconnectedCallback(),this.closeModal()}initializeServices(){this.assetLoader=new y(this.config)}async loadAsset(){if(!this.type||!this.externalId){this.error="Type and externalId are required",this.loadingState="error";return}this.loadingState="loading",this.error=void 0;try{let t=await this.assetLoader.loadAsset(this.type,this.externalId);this.asset=t,this.loadingState="loaded",this.dispatchEvent(new CustomEvent("asset-load",{detail:t})),console.debug("Asset loaded:",t)}catch(t){console.error(`Error loading ${this.type} asset:`,t),this.error=t instanceof Error?t.message:"Failed to load asset",this.loadingState="error",this.dispatchEvent(new CustomEvent("asset-error",{detail:{error:this.error,asset:this.asset}}))}}async onDownload(t){if(!(!t.url||this.isDownloading)){this.isDownloading=!0;try{let o=await fetch(t.url,{method:"GET",mode:"cors",cache:"no-cache"});if(o.ok){let s=await o.blob(),l=window.URL.createObjectURL(s),a=document.createElement("a");a.href=l,a.download=this.getDownloadFilename(t),a.style.display="none",document.body.appendChild(a),a.click(),document.body.removeChild(a),setTimeout(()=>window.URL.revokeObjectURL(l),100),this.dispatchEvent(new CustomEvent("asset-download",{detail:t})),this.isDownloading=!1;return}}catch(o){console.warn("Fetch strategy failed:",o)}try{let o=await fetch(t.url,{headers:{Accept:"*/*"},mode:"no-cors"});if(o.type==="opaque")throw new Error("No-cors response, cannot access blob");let s=await o.blob(),l=window.URL.createObjectURL(s),a=document.createElement("a");a.href=l,a.download=this.getDownloadFilename(t),a.style.display="none",document.body.appendChild(a),a.click(),document.body.removeChild(a),setTimeout(()=>window.URL.revokeObjectURL(l),100),this.dispatchEvent(new CustomEvent("asset-download",{detail:t})),this.isDownloading=!1;return}catch(o){console.warn("No-cors strategy failed:",o)}try{let o=document.createElement("a");o.href=t.url,o.download=this.getDownloadFilename(t),o.target="_blank",o.rel="noopener noreferrer",o.style.position="absolute",o.style.left="-9999px",document.body.appendChild(o),o.click(),setTimeout(()=>{document.body.removeChild(o)},100),this.dispatchEvent(new CustomEvent("asset-download",{detail:t}))}catch(o){console.error("All download strategies failed:",o),window.open(t.url,"_blank")}this.isDownloading=!1}}getDownloadFilename(t){let o=Date.now(),s=this.getFileExtension(t);return`${t.name||`asset-${t.type}-${o}`}${s}`}getFileExtension(t){if(t.url){let l=new URL(t.url).pathname,a=l.lastIndexOf(".");if(a>0)return l.substring(a)}return{multimedia:".jpg",file:".bin",product:".jpg",faq:".txt"}[t.type]||""}async openModal(){this.asset&&(this.modalPortal=new _(this.asset,this.closeModal.bind(this)),await this.modalPortal.open())}onMaximize(){if(this.asset){if(this.asset.type==="multimedia"||this.asset.type==="file"){let t=this.asset,o=t.slides&&t.slides.length>0,s=t.format||"";if((s.includes("presentation")||s.includes("pdf")||s.includes("powerpoint")||s.includes("slides")||s.includes("application/vnd.ms-powerpoint")||s.includes("application/vnd.openxmlformats-officedocument.presentationml")||o&&t.slides.length>0)&&!o)return}this.asset.type==="multimedia"||this.asset.type==="file"||this.asset.type==="faq"?this.openModal():this.dispatchEvent(new CustomEvent("asset-click",{detail:this.asset}))}}closeModal(){this.modalPortal&&(this.modalPortal.close(),this.modalPortal=void 0)}render(){let t={...this.defaultDisplayOptions,...this.config?.assetDisplayOptions||{}};return this.loadingState==="loading"?g.html`
+    `}attachEventListeners(){this.dialog&&(this.dialog.addEventListener("ol-after-hide",()=>{this.onClose?.()}),this.dialog.addEventListener("ol-request-close",e=>{e.detail?.source==="overlay"&&e.preventDefault()}))}escapeHtml(e){let t=document.createElement("div");return t.textContent=e,t.innerHTML}};var c=class extends h.LitElement{constructor(){super(...arguments);this.displayState="normal";this.loadingState="idle";this.assetRenderer=new w;this.isDownloading=!1;this.defaultDisplayOptions={showThumbnail:!0,showName:!1,showDescription:!1,showMetadata:!0,showPrice:!0,showDuration:!1,showSize:!1,showTags:!1,layout:"card",size:"medium"}}connectedCallback(){super.connectedCallback(),this.initializeServices(),this.loadAsset()}disconnectedCallback(){super.disconnectedCallback(),this.closeModal()}initializeServices(){this.assetLoader=new y(this.config)}async loadAsset(){if(!this.type||!this.externalId){this.error="Type and externalId are required",this.loadingState="error";return}this.loadingState="loading",this.error=void 0;try{let t=await this.assetLoader.loadAsset(this.type,this.externalId);this.asset=t,this.loadingState="loaded",this.dispatchEvent(new CustomEvent("asset-load",{detail:t})),console.debug("Asset loaded:",t)}catch(t){console.error(`Error loading ${this.type} asset:`,t),this.error=t instanceof Error?t.message:"Failed to load asset",this.loadingState="error",this.dispatchEvent(new CustomEvent("asset-error",{detail:{error:this.error,asset:this.asset}}))}}async onDownload(t){if(!(!t.url||this.isDownloading)){this.isDownloading=!0;try{let o=await fetch(t.url,{method:"GET",mode:"cors",cache:"no-cache"});if(o.ok){let s=await o.blob(),l=window.URL.createObjectURL(s),n=document.createElement("a");n.href=l,n.download=this.getDownloadFilename(t),n.style.display="none",document.body.appendChild(n),n.click(),document.body.removeChild(n),setTimeout(()=>window.URL.revokeObjectURL(l),100),this.dispatchEvent(new CustomEvent("asset-download",{detail:t})),this.isDownloading=!1;return}}catch(o){console.warn("Fetch strategy failed:",o)}try{let o=await fetch(t.url,{headers:{Accept:"*/*"},mode:"no-cors"});if(o.type==="opaque")throw new Error("No-cors response, cannot access blob");let s=await o.blob(),l=window.URL.createObjectURL(s),n=document.createElement("a");n.href=l,n.download=this.getDownloadFilename(t),n.style.display="none",document.body.appendChild(n),n.click(),document.body.removeChild(n),setTimeout(()=>window.URL.revokeObjectURL(l),100),this.dispatchEvent(new CustomEvent("asset-download",{detail:t})),this.isDownloading=!1;return}catch(o){console.warn("No-cors strategy failed:",o)}try{let o=document.createElement("a");o.href=t.url,o.download=this.getDownloadFilename(t),o.target="_blank",o.rel="noopener noreferrer",o.style.position="absolute",o.style.left="-9999px",document.body.appendChild(o),o.click(),setTimeout(()=>{document.body.removeChild(o)},100),this.dispatchEvent(new CustomEvent("asset-download",{detail:t}))}catch(o){console.error("All download strategies failed:",o),window.open(t.url,"_blank")}this.isDownloading=!1}}getDownloadFilename(t){let o=Date.now(),s=this.getFileExtension(t);return`${t.name||`asset-${t.type}-${o}`}${s}`}getFileExtension(t){if(t.url){let l=new URL(t.url).pathname,n=l.lastIndexOf(".");if(n>0)return l.substring(n)}return{multimedia:".jpg",file:".bin",product:".jpg",faq:".txt"}[t.type]||""}async openModal(){this.asset&&(this.modalPortal=new _(this.asset,this.closeModal.bind(this),this.displayState),await this.modalPortal.open())}onMaximize(){if(this.asset){if(this.asset.type==="multimedia"||this.asset.type==="file"){let t=this.asset,o=t.slides&&t.slides.length>0,s=t.format||"";if((s.includes("presentation")||s.includes("pdf")||s.includes("powerpoint")||s.includes("slides")||s.includes("application/vnd.ms-powerpoint")||s.includes("application/vnd.openxmlformats-officedocument.presentationml")||o&&t.slides.length>0)&&!o)return}this.asset.type==="multimedia"||this.asset.type==="file"||this.asset.type==="faq"?this.openModal():this.dispatchEvent(new CustomEvent("asset-click",{detail:this.asset}))}}closeModal(){this.modalPortal&&(this.modalPortal.close(),this.modalPortal=void 0)}render(){let t={...this.defaultDisplayOptions,...this.config?.assetDisplayOptions||{}};return this.loadingState==="loading"?h.html`
         <div class="ol-asset ol-asset--loading">
           ${this.assetRenderer.renderLoading()}
         </div>
-      `:this.loadingState==="error"?g.html`
+      `:this.loadingState==="error"?h.html`
         <div class="ol-asset ol-asset--error">
           ${this.assetRenderer.renderError(this.error)}
         </div>
-      `:this.asset?g.html`
+      `:this.asset?h.html`
       <div
         class="ol-asset ${(0,G.classMap)({"ol-asset--compact":t.layout==="compact","ol-asset--minimal":t.layout==="minimal","ol-asset--small":t.size==="small","ol-asset--medium":t.size==="medium","ol-asset--large":t.size==="large","ol-asset--faq":this.asset.type==="faq"})}"
       >
         ${this.assetRenderer.renderThumbnail(this.asset,t,this.onDownload.bind(this),this.isDownloading,this.onMaximize.bind(this))}
         ${this.assetRenderer.renderContent(this.asset,t)}
       </div>
-    `:g.html``}};c.styles=[N],v([(0,p.property)({type:String})],c.prototype,"type",2),v([(0,p.property)({type:String})],c.prototype,"externalId",2),v([(0,p.property)({type:Object})],c.prototype,"config",2),v([(0,p.state)()],c.prototype,"asset",2),v([(0,p.state)()],c.prototype,"loadingState",2),v([(0,p.state)()],c.prototype,"error",2),v([(0,p.state)()],c.prototype,"assetLoader",2),v([(0,p.state)()],c.prototype,"assetRenderer",2),v([(0,p.state)()],c.prototype,"isDownloading",2),c=v([z("osb-asset")],c);0&&(module.exports={AssetLoaders,AssetModalPortal,AssetRenderer,OSBAsset});
+    `:h.html``}};c.styles=[N],v([(0,p.property)({type:String})],c.prototype,"type",2),v([(0,p.property)({type:String})],c.prototype,"externalId",2),v([(0,p.property)({type:Object})],c.prototype,"config",2),v([(0,p.property)({type:String,attribute:"display-state"})],c.prototype,"displayState",2),v([(0,p.state)()],c.prototype,"asset",2),v([(0,p.state)()],c.prototype,"loadingState",2),v([(0,p.state)()],c.prototype,"error",2),v([(0,p.state)()],c.prototype,"assetLoader",2),v([(0,p.state)()],c.prototype,"assetRenderer",2),v([(0,p.state)()],c.prototype,"isDownloading",2),c=v([z("osb-asset")],c);0&&(module.exports={AssetLoaders,AssetModalPortal,AssetRenderer,OSBAsset});