@customviews-js/customviews 1.0.3 → 1.1.0

package/dist/custom-views.umd.min.js

@@ -1,7 +0,0 @@
-/*!
- * @customviews-js/customviews v1.0.2
- * (c) 2025 Chan Ger Teck
- * Released under the MIT License.
- */
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).CustomViews={})}(this,function(t){"use strict";function e(t,e,n){const o=n.get(e);if(!o)return;const s=o.type||function(t){return t.src?"image":t.content&&/<[^>]+>/.test(t.content)?"html":"text"}(o);switch(s){case"image":!function(t,e){if(!e.src)return;t.innerHTML="";const n=document.createElement("img");n.src=e.src,n.alt=e.alt||"",e.className&&(n.className=e.className),e.style&&n.setAttribute("style",e.style),n.style.maxWidth=n.style.maxWidth||"100%",n.style.height=n.style.height||"auto",n.style.display=n.style.display||"block",t.appendChild(n)}(t,o);break;case"text":!function(t,e){null!=e.content&&(t.textContent=e.content),e.className&&(t.className=e.className),e.style&&t.setAttribute("style",e.style)}(t,o);break;case"html":!function(t,e){null!=e.content&&(t.innerHTML=e.content),e.className&&(t.className=e.className),e.style&&t.setAttribute("style",e.style)}(t,o);break;default:t.innerHTML=o.content||String(o),console.warn("[CustomViews] Unknown asset type:",s)}}class n{static STORAGE_KEYS={STATE:"customviews-state"};isStorageAvailable(){return"undefined"!=typeof window&&void 0!==window.localStorage}persistState(t){if(this.isStorageAvailable())try{localStorage.setItem(n.STORAGE_KEYS.STATE,JSON.stringify(t))}catch(t){console.warn("Failed to persist state:",t)}}getPersistedState(){if(!this.isStorageAvailable())return null;try{const t=localStorage.getItem(n.STORAGE_KEYS.STATE);return t?JSON.parse(t):null}catch(t){return console.warn("Failed to parse persisted state:",t),null}}clearAll(){this.isStorageAvailable()&&localStorage.removeItem(n.STORAGE_KEYS.STATE)}hasPersistedData(){return!!this.isStorageAvailable()&&!!this.getPersistedState()}}class o{static parseURL(){const t=new URLSearchParams(window.location.search).get("view");let e=null;if(t)try{e=this.decodeState(t)}catch(t){console.warn("Failed to decode view state from URL:",t)}return e}static updateURL(t){if("undefined"==typeof window||!window.history)return;const e=new URL(window.location.href);if(e.searchParams.delete("view"),t){const n=this.encodeState(t);n&&e.searchParams.set("view",n)}const n=e.pathname+(e.search||"")+(e.hash||"");window.history.replaceState({},"",n)}static clearURL(){this.updateURL(null)}static generateShareableURL(t){const e=new URL(window.location.href);if(e.searchParams.delete("view"),t){const n=this.encodeState(t);n&&e.searchParams.set("view",n)}return e.toString()}static encodeState(t){try{const e={t:t.toggles},n=JSON.stringify(e);let o;o="function"==typeof btoa?btoa(n):Buffer.from(n,"utf-8").toString("base64");return o.replace(/\+/g,"-").replace(/\//g,"_").replace(/=/g,"")}catch(t){return console.warn("Failed to encode state:",t),null}}static decodeState(t){try{let e,n=t.replace(/-/g,"+").replace(/_/g,"/");for(;n.length%4;)n+="=";e="function"==typeof atob?atob(n):Buffer.from(n,"base64").toString("utf-8");const o=JSON.parse(e);if(!o||"object"!=typeof o)throw new Error("Invalid compact state structure");return{toggles:Array.isArray(o.t)?o.t:[]}}catch(t){return console.warn("Failed to decode view state:",t),null}}}class s{hiddenToggles=new Set;setToggleVisibility(t,e){const n=this.hiddenToggles.has(t),o=!e;return o&&!n?(this.hiddenToggles.add(t),!0):!(o||!n)&&(this.hiddenToggles.delete(t),!0)}hideAll(t){for(const e of t)this.setToggleVisibility(e,!1)}showAll(t){for(const e of t)this.setToggleVisibility(e,!0)}getHiddenToggles(){return Array.from(this.hiddenToggles)}filterVisibleToggles(t){return t.filter(t=>!this.hiddenToggles.has(t))}applyElementVisibility(t,e){e?(t.classList.remove("cv-hidden"),t.classList.add("cv-visible")):(t.classList.add("cv-hidden"),t.classList.remove("cv-visible"))}}class i{rootEl;assetsManager;persistenceManager;visibilityManager;stateFromUrl=null;localConfig;stateChangeListeners=[];constructor(t){this.assetsManager=t.assetsManager,this.localConfig=t.config,this.rootEl=t.rootEl||document.body,this.persistenceManager=new n,this.visibilityManager=new s}getLocalConfig(){return this.localConfig}async init(){!function(){if("undefined"==typeof document)return;if(document.querySelector("#cv-core-styles"))return;const t=document.createElement("style");t.id="cv-core-styles",t.textContent="\n[data-customviews-toggle] {\n  transition: opacity 150ms ease,\n              transform 150ms ease,\n              max-height 200ms ease,\n              margin 150ms ease;\n  will-change: opacity, transform, max-height, margin;\n}\n\n.cv-visible {\n  opacity: 1 !important;\n  transform: translateY(0) !important;\n  max-height: var(--cv-max-height, 9999px) !important;\n}\n\n.cv-hidden {\n  opacity: 0 !important;\n  transform: translateY(-4px) !important;\n  pointer-events: none !important;\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n  border-top-width: 0 !important;\n  border-bottom-width: 0 !important;\n  max-height: 0 !important;\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n  overflow: hidden !important;\n}\n",document.head.appendChild(t)}(),window.addEventListener("popstate",()=>{this.loadAndRenderState()}),this.loadAndRenderState()}async loadAndRenderState(){if(this.stateFromUrl=o.parseURL(),this.stateFromUrl)return void this.applyState(this.stateFromUrl);const t=this.persistenceManager.getPersistedState();t?this.applyState(t):this.renderState(this.localConfig.defaultState)}applyState(t){this.renderState(t),this.persistenceManager.persistState(t),this.stateFromUrl=t,o.updateURL(t)}renderState(t){const n=t.toggles||[],o=this.visibilityManager.filterVisibleToggles(n);this.rootEl.querySelectorAll("[data-customviews-toggle]").forEach(t=>{const e=t.dataset.customviewsToggle,n=!!e&&o.includes(e);this.visibilityManager.applyElementVisibility(t,n)});for(const t of o)this.rootEl.querySelectorAll(`[data-customviews-toggle="${t}"]`).forEach(t=>{const n=t.dataset.customviewsId;n&&e(t,n,this.assetsManager)});this.notifyStateChangeListeners()}resetToDefault(){this.stateFromUrl=null,this.persistenceManager.clearAll(),this.localConfig?this.renderState(this.localConfig.defaultState):console.warn("No configuration loaded, cannot reset to default state"),o.clearURL()}getCurrentActiveToggles(){return this.stateFromUrl?this.stateFromUrl.toggles||[]:this.localConfig&&this.localConfig.defaultState.toggles||[]}clearPersistence(){this.persistenceManager.clearAll(),this.stateFromUrl=null,this.localConfig?this.renderState(this.localConfig.defaultState):console.warn("No configuration loaded, cannot reset to default state"),o.clearURL()}addStateChangeListener(t){this.stateChangeListeners.push(t)}removeStateChangeListener(t){const e=this.stateChangeListeners.indexOf(t);e>-1&&this.stateChangeListeners.splice(e,1)}notifyStateChangeListeners(){this.stateChangeListeners.forEach(t=>{try{t()}catch(t){console.warn("Error in state change listener:",t)}})}}class a{assets;baseURL;constructor(t,e=""){this.assets=t,this.baseURL=e,this.validate()||console.warn("Invalid assets:",this.assets)}validate(){return Object.values(this.assets).every(t=>t.src||t.content)}get(t){const e=this.assets[t];if(e)return this.baseURL&&e.src?{...e,src:this.prependBaseURL(e.src)}:e}prependBaseURL(t){if(t.startsWith("http://")||t.startsWith("https://"))return t;return(this.baseURL.endsWith("/")?this.baseURL.slice(0,-1):this.baseURL)+(t.startsWith("/")?t:"/"+t)}loadFromJSON(t){this.assets=t}loadAdditionalAssets(t){this.assets={...this.assets,...t}}}class r{core;container;widgetIcon=null;options;modal=null;constructor(t){this.core=t.core,this.container=t.container||document.body,this.options={core:t.core,container:this.container,position:t.position||"middle-left",theme:t.theme||"light",showReset:t.showReset??!0,title:t.title||"Custom Views",description:t.description||"Toggle different content sections to customize your view. Changes are applied instantly and the URL will be updated for sharing.",showWelcome:t.showWelcome??!1,welcomeTitle:t.welcomeTitle||"Welcome to Custom Views!",welcomeMessage:t.welcomeMessage||"This website uses Custom Views to let you personalize your experience. Use the widget on the side (⚙) to show or hide different content sections based on your preferences. Your selections will be saved and can be shared via URL."}}render(){return this.widgetIcon=this.createWidgetIcon(),this.attachEventListeners(),document.body.appendChild(this.widgetIcon),this.options.showWelcome&&this.showWelcomeModalIfFirstVisit(),this.widgetIcon}createWidgetIcon(){const t=document.createElement("div");return t.className=`cv-widget-icon cv-widget-${this.options.position}`,t.innerHTML="⚙",t.title=this.options.title,t.setAttribute("aria-label","Open Custom Views"),function(){if(document.querySelector("#cv-widget-styles"))return;const t=document.createElement("style");t.id="cv-widget-styles",t.textContent="\n/* Rounded rectangle widget icon styles */\n.cv-widget-icon {\n  position: fixed;\n  background: white;\n  color: black;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 18px;\n  font-weight: bold;\n  cursor: pointer;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  z-index: 9998;\n  transition: all 0.3s ease;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n\n.cv-widget-icon:hover {\n  background: white;\n  color: black;\n}\n\n/* Top-right: rounded end on left, sticks out leftward on hover */\n.cv-widget-top-right {\n  top: 20px;\n  right: 0;\n  border-radius: 18px 0 0 18px;\n  padding-left: 8px;\n  justify-content: flex-start;\n}\n\n/* Top-left: rounded end on right, sticks out rightward on hover */\n.cv-widget-top-left {\n  top: 20px;\n  left: 0;\n  border-radius: 0 18px 18px 0;\n  padding-right: 8px;\n  justify-content: flex-end;\n}\n\n/* Bottom-right: rounded end on left, sticks out leftward on hover */\n.cv-widget-bottom-right {\n  bottom: 20px;\n  right: 0;\n  border-radius: 18px 0 0 18px;\n  padding-left: 8px;\n  justify-content: flex-start;\n}\n\n/* Bottom-left: rounded end on right, sticks out rightward on hover */\n.cv-widget-bottom-left {\n  bottom: 20px;\n  left: 0;\n  border-radius: 0 18px 18px 0;\n  padding-right: 8px;\n  justify-content: flex-end;\n}\n\n/* Middle-left: rounded end on right, sticks out rightward on hover */\n.cv-widget-middle-left {\n  top: 50%;\n  left: 0;\n  transform: translateY(-50%);\n  border-radius: 0 18px 18px 0;\n  padding-right: 8px;\n  justify-content: flex-end;\n}\n\n/* Middle-right: rounded end on left, sticks out leftward on hover */\n.cv-widget-middle-right {\n  top: 50%;\n  right: 0;\n  transform: translateY(-50%);\n  border-radius: 18px 0 0 18px;\n  padding-left: 8px;\n  justify-content: flex-start;\n}\n\n.cv-widget-top-right,\n.cv-widget-middle-right,\n.cv-widget-bottom-right,\n.cv-widget-top-left,\n.cv-widget-middle-left,\n.cv-widget-bottom-left {\n  height: 36px;\n  width: 36px;\n}\n\n.cv-widget-middle-right:hover,\n.cv-widget-top-right:hover,\n.cv-widget-bottom-right:hover,\n.cv-widget-top-left:hover,\n.cv-widget-middle-left:hover,\n.cv-widget-bottom-left:hover {\n  width: 55px;\n}\n\n/* Modal content styles */\n.cv-widget-section {\n  margin-bottom: 16px;\n}\n\n.cv-widget-section:last-child {\n  margin-bottom: 0;\n}\n\n.cv-widget-section label {\n  display: block;\n  margin-bottom: 4px;\n  font-weight: 500;\n  color: #555;\n}\n\n.cv-widget-profile-select,\n.cv-widget-state-select {\n  width: 100%;\n  padding: 8px 12px;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n  background: white;\n  font-size: 14px;\n}\n\n.cv-widget-profile-select:focus,\n.cv-widget-state-select:focus {\n  outline: none;\n  border-color: #007bff;\n  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);\n}\n\n.cv-widget-profile-select:disabled,\n.cv-widget-state-select:disabled {\n  background: #f8f9fa;\n  color: #6c757d;\n  cursor: not-allowed;\n}\n\n.cv-widget-current {\n  margin: 16px 0;\n  padding: 12px;\n  background: #f8f9fa;\n  border-radius: 4px;\n  border-left: 4px solid #007bff;\n}\n\n.cv-widget-current label {\n  font-size: 12px;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: #666;\n  margin-bottom: 4px;\n}\n\n.cv-widget-current-view {\n  font-weight: 500;\n  color: #333;\n}\n\n.cv-widget-reset {\n  width: 100%;\n  padding: 8px 16px;\n  background: #dc3545;\n  color: white;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.cv-widget-reset:hover {\n  background: #c82333;\n}\n\n.cv-widget-reset:active {\n  background: #bd2130;\n}\n\n/* Responsive design for mobile */\n@media (max-width: 768px) {\n  .cv-widget-top-right,\n  .cv-widget-top-left {\n    top: 10px;\n  }\n\n  .cv-widget-bottom-right,\n  .cv-widget-bottom-left {\n    bottom: 10px;\n  }\n\n  /* All widgets stay flush with screen edges */\n  .cv-widget-top-right,\n  .cv-widget-bottom-right,\n  .cv-widget-middle-right {\n    right: 0;\n  }\n\n  .cv-widget-top-left,\n  .cv-widget-bottom-left,\n  .cv-widget-middle-left {\n    left: 0;\n  }\n\n  /* Slightly smaller on mobile */\n  .cv-widget-icon {\n    width: 60px;\n    height: 32px;\n  }\n\n  .cv-widget-icon:hover {\n    width: 75px;\n  }\n}\n\n/* Modal styles */\n.cv-widget-modal-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.5);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 10002;\n  animation: fadeIn 0.2s ease;\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n.cv-widget-modal {\n  background: white;\n  border-radius: 8px;\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\n  max-width: 400px;\n  width: 90vw;\n  max-height: 80vh;\n  overflow-y: auto;\n  animation: slideIn 0.2s ease;\n}\n\n@keyframes slideIn {\n  from { \n    opacity: 0;\n    transform: scale(0.9) translateY(-20px);\n  }\n  to { \n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n\n.cv-widget-modal-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px 20px;\n  border-bottom: 1px solid #e9ecef;\n  background: #f8f9fa;\n  border-radius: 8px 8px 0 0;\n}\n\n.cv-widget-modal-header h3 {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: #333;\n}\n\n.cv-widget-modal-close {\n  background: none;\n  border: none;\n  font-size: 24px;\n  cursor: pointer;\n  padding: 0;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 4px;\n  color: #666;\n}\n\n.cv-widget-modal-close:hover {\n  background: #e9ecef;\n}\n\n.cv-widget-modal-content {\n  padding: 20px;\n}\n\n.cv-widget-modal-actions {\n  margin-top: 20px;\n  padding-top: 16px;\n  border-top: 1px solid #e9ecef;\n}\n\n.cv-widget-restore {\n  width: 100%;\n  padding: 10px 16px;\n  background: #28a745;\n  color: white;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.cv-widget-restore:hover {\n  background: #218838;\n}\n\n.cv-widget-create-state {\n  width: 100%;\n  padding: 10px 16px;\n  background: #007bff;\n  color: white;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: 500;\n  margin-bottom: 10px;\n}\n\n.cv-widget-create-state:hover {\n  background: #0056b3;\n}\n\n/* Dark theme modal styles */\n.cv-widget-theme-dark .cv-widget-modal {\n  background: #2d3748;\n  color: #e2e8f0;\n}\n\n.cv-widget-theme-dark .cv-widget-modal-header {\n  background: #1a202c;\n  border-color: #4a5568;\n}\n\n.cv-widget-theme-dark .cv-widget-modal-header h3 {\n  color: #e2e8f0;\n}\n\n.cv-widget-theme-dark .cv-widget-modal-close {\n  color: #a0aec0;\n}\n\n.cv-widget-theme-dark .cv-widget-modal-close:hover {\n  background: #4a5568;\n}\n\n.cv-widget-theme-dark .cv-widget-modal-actions {\n  border-color: #4a5568;\n}\n\n/* Custom state creator styles */\n.cv-custom-state-modal {\n  max-width: 500px;\n}\n\n.cv-custom-state-form h4 {\n  margin: 20px 0 10px 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: #333;\n  border-bottom: 1px solid #e9ecef;\n  padding-bottom: 5px;\n}\n\n.cv-custom-state-section {\n  margin-bottom: 16px;\n}\n\n.cv-custom-state-section label {\n  display: block;\n  margin-bottom: 4px;\n  font-weight: 500;\n  color: #555;\n}\n\n.cv-custom-state-input {\n  width: 100%;\n  padding: 8px 12px;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n  background: white;\n  font-size: 14px;\n}\n\n.cv-custom-state-input:focus {\n  outline: none;\n  border-color: #007bff;\n  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);\n}\n\n.cv-custom-toggles {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 10px;\n}\n\n.cv-custom-state-toggle {\n  display: flex;\n  align-items: center;\n}\n\n.cv-custom-state-toggle label {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  font-weight: normal;\n  margin: 0;\n}\n\n.cv-custom-toggle-checkbox {\n  margin-right: 8px;\n  width: auto;\n}\n\n.cv-custom-state-actions {\n  display: flex;\n  gap: 10px;\n  margin-top: 20px;\n  padding-top: 16px;\n  border-top: 1px solid #e9ecef;\n}\n\n.cv-custom-state-cancel,\n.cv-custom-state-copy-url {\n  flex: 1;\n  padding: 10px 16px;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.cv-custom-state-reset {\n  flex: 1;\n  padding: 10px 16px;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: 500;\n  background: #dc3545;\n  color: white;\n}\n\n.cv-custom-state-reset:hover {\n  background: #c82333;\n}\n\n.cv-custom-state-cancel {\n  background: #6c757d;\n  color: white;\n}\n\n.cv-custom-state-cancel:hover {\n  background: #5a6268;\n}\n\n.cv-custom-state-copy-url {\n  background: #28a745;\n  color: white;\n}\n\n.cv-custom-state-copy-url:hover {\n  background: #218838;\n}\n\n/* Dark theme custom state styles */\n.cv-widget-theme-dark .cv-custom-state-form h4 {\n  color: #e2e8f0;\n  border-color: #4a5568;\n}\n\n.cv-widget-theme-dark .cv-custom-state-section label {\n  color: #a0aec0;\n}\n\n.cv-widget-theme-dark .cv-custom-state-input {\n  background: #1a202c;\n  border-color: #4a5568;\n  color: #e2e8f0;\n}\n\n.cv-widget-theme-dark .cv-custom-state-actions {\n  border-color: #4a5568;\n}\n\n/* Welcome modal styles */\n.cv-welcome-modal {\n  max-width: 500px;\n}\n\n.cv-welcome-content {\n  text-align: center;\n}\n\n.cv-welcome-content p {\n  font-size: 15px;\n  line-height: 1.6;\n  color: #555;\n  margin-bottom: 24px;\n}\n\n.cv-welcome-widget-preview {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 12px;\n  padding: 20px;\n  background: #f8f9fa;\n  border-radius: 8px;\n  margin-bottom: 24px;\n}\n\n.cv-welcome-widget-icon {\n  width: 36px;\n  height: 36px;\n  background: white;\n  color: black;\n  border-radius: 0 18px 18px 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 18px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n.cv-welcome-widget-label {\n  font-size: 14px;\n  color: #666;\n  margin: 0;\n  font-weight: 500;\n}\n\n.cv-welcome-got-it {\n  width: 100%;\n  padding: 12px 24px;\n  background: #007bff;\n  color: white;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 16px;\n  font-weight: 600;\n  transition: background 0.2s ease;\n}\n\n.cv-welcome-got-it:hover {\n  background: #0056b3;\n}\n\n.cv-welcome-got-it:active {\n  background: #004494;\n}\n\n/* Dark theme welcome modal styles */\n.cv-widget-theme-dark .cv-welcome-content p {\n  color: #cbd5e0;\n}\n\n.cv-widget-theme-dark .cv-welcome-widget-preview {\n  background: #1a202c;\n}\n\n.cv-widget-theme-dark .cv-welcome-widget-label {\n  color: #a0aec0;\n}\n",document.head.appendChild(t)}(),t}destroy(){this.widgetIcon&&(this.widgetIcon.remove(),this.widgetIcon=null),this.modal&&(this.modal.remove(),this.modal=null)}attachEventListeners(){this.widgetIcon&&this.widgetIcon.addEventListener("click",()=>this.openStateModal())}closeModal(){this.modal&&(this.modal.remove(),this.modal=null)}openStateModal(){const t=this.core.getLocalConfig(),e=t?.allToggles||[];this.createCustomStateModal(e)}createCustomStateModal(t){this.closeModal(),this.modal=document.createElement("div"),this.modal.className="cv-widget-modal-overlay",this.applyThemeToModal();const e=t.length?t.map(t=>`\n        <div class="cv-custom-state-toggle">\n          <label>\n            <input type="checkbox" class="cv-custom-toggle-checkbox" data-toggle="${t}" />\n            ${this.formatToggleName(t)}\n          </label>\n        </div>\n      `).join(""):'<p class="cv-no-toggles">No configurable sections available.</p>';this.modal.innerHTML=`\n      <div class="cv-widget-modal cv-custom-state-modal">\n        <div class="cv-widget-modal-header">\n          <h3>Customize View</h3>\n          <button class="cv-widget-modal-close" aria-label="Close modal">X</button>\n        </div>\n        <div class="cv-widget-modal-content">\n          <div class="cv-custom-state-form">\n            <p>${this.options.description}</p>\n            \n            <h4>Content Sections</h4>\n            <div class="cv-custom-toggles">\n              ${e}\n            </div>\n            \n            <div class="cv-custom-state-actions">\n              ${this.options.showReset?'<button class="cv-custom-state-reset">Reset to Default</button>':""}\n              <button class="cv-custom-state-copy-url">Copy Shareable URL</button>\n            </div>\n          </div>\n        </div>\n      </div>\n    `,document.body.appendChild(this.modal),this.attachStateModalEventListeners(),this.loadCurrentStateIntoForm()}attachStateModalEventListeners(){if(!this.modal)return;const t=this.modal.querySelector(".cv-widget-modal-close");t&&t.addEventListener("click",()=>{this.closeModal()});const e=this.modal.querySelector(".cv-custom-state-copy-url");e&&e.addEventListener("click",()=>{this.copyShareableURL()});const n=this.modal.querySelector(".cv-custom-state-reset");n&&n.addEventListener("click",()=>{this.core.resetToDefault(),this.loadCurrentStateIntoForm()});this.modal.querySelectorAll(".cv-custom-toggle-checkbox").forEach(t=>{t.addEventListener("change",()=>{const t=this.getCurrentCustomStateFromModal();this.core.applyState(t)})}),this.modal.addEventListener("click",t=>{t.target===this.modal&&this.closeModal()});const o=t=>{"Escape"===t.key&&(this.closeModal(),document.removeEventListener("keydown",o))};document.addEventListener("keydown",o)}applyThemeToModal(){this.modal&&("dark"===this.options.theme?this.modal.classList.add("cv-widget-theme-dark"):this.modal.classList.remove("cv-widget-theme-dark"))}getCurrentCustomStateFromModal(){if(!this.modal)return{toggles:[]};const t=[];return this.modal.querySelectorAll(".cv-custom-toggle-checkbox").forEach(e=>{const n=e.dataset.toggle;n&&e.checked&&t.push(n)}),{toggles:t}}copyShareableURL(){const t=this.getCurrentCustomStateFromModal(),e=o.generateShareableURL(t);navigator.clipboard.writeText(e).then(()=>{console.log("Shareable URL copied to clipboard!")}).catch(()=>{console.error("Failed to copy URL!")})}loadCurrentStateIntoForm(){if(!this.modal)return;const t=this.core.getCurrentActiveToggles();this.modal.querySelectorAll(".cv-custom-toggle-checkbox").forEach(t=>{t.checked=!1,t.disabled=!1,t.parentElement?.removeAttribute("aria-hidden")}),t.forEach(t=>{const e=this.modal?.querySelector(`[data-toggle="${t}"]`);e&&(e.disabled||(e.checked=!0))})}formatToggleName(t){return t.charAt(0).toUpperCase()+t.slice(1)}showWelcomeModalIfFirstVisit(){const t="cv-welcome-shown";localStorage.getItem(t)||(setTimeout(()=>{this.createWelcomeModal()},500),localStorage.setItem(t,"true"))}createWelcomeModal(){this.modal||(this.modal=document.createElement("div"),this.modal.className="cv-widget-modal-overlay cv-welcome-modal-overlay",this.applyThemeToModal(),this.modal.innerHTML=`\n      <div class="cv-widget-modal cv-welcome-modal">\n        <div class="cv-widget-modal-header">\n          <h3>${this.options.welcomeTitle}</h3>\n          <button class="cv-widget-modal-close" aria-label="Close modal">×</button>\n        </div>\n        <div class="cv-widget-modal-content">\n          <div class="cv-welcome-content">\n            <p>${this.options.welcomeMessage}</p>\n            \n            <div class="cv-welcome-widget-preview">\n              <div class="cv-welcome-widget-icon">⚙</div>\n              <p class="cv-welcome-widget-label">Look for this widget on the side of the screen</p>\n            </div>\n            \n            <button class="cv-welcome-got-it">Got it!</button>\n          </div>\n        </div>\n      </div>\n    `,document.body.appendChild(this.modal),this.attachWelcomeModalEventListeners())}attachWelcomeModalEventListeners(){if(!this.modal)return;const t=this.modal.querySelector(".cv-widget-modal-close");t&&t.addEventListener("click",()=>{this.closeModal()});const e=this.modal.querySelector(".cv-welcome-got-it");e&&e.addEventListener("click",()=>{this.closeModal()}),this.modal.addEventListener("click",t=>{t.target===this.modal&&this.closeModal()});const n=t=>{"Escape"===t.key&&(this.closeModal(),document.removeEventListener("keydown",n))};document.addEventListener("keydown",n)}}class c{static prependBaseURL(t,e){if(!e)return t;if(t.startsWith("http://")||t.startsWith("https://"))return t;return(e.endsWith("/")?e.slice(0,-1):e)+(t.startsWith("/")?t:"/"+t)}static async initFromJson(t){let e;const n=t.baseURL||"";if(t.assetsJsonPath){const o=this.prependBaseURL(t.assetsJsonPath,n),s=await(await fetch(o)).json();e=new a(s,n)}else e=new a({},n);let o;if(t.config)o=t.config;else{if(!t.configPath)return console.error("No config path provided, skipping custom views"),null;try{const e=this.prependBaseURL(t.configPath,n);o=await(await fetch(e)).json()}catch(t){return console.error("Error loading config:",t),null}}const s={assetsManager:e,config:o,rootEl:t.rootEl},r=new i(s);return r.init(),r}}"undefined"!=typeof window&&(window.CustomViews=c,window.CustomViewsWidget=r),t.AssetsManager=a,t.CustomViews=c,t.CustomViewsCore=i,t.CustomViewsWidget=r,t.LocalConfig=class{defaultState;allToggles;constructor(t,e){this.defaultState=t,this.allToggles=e}},t.PersistenceManager=n,t.URLStateManager=o});
-//# sourceMappingURL=custom-views.umd.min.js.map

package/dist/custom-views.umd.min.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"custom-views.umd.min.js","sources":["../src/core/render.ts","../src/core/persistence.ts","../src/core/url-state-manager.ts","../src/core/visibility-manager.ts","../src/core/core.ts","../src/styles/styles.ts","../src/models/AssetsManager.ts","../src/core/widget.ts","../src/styles/widget-styles.ts","../src/index.ts","../src/models/Config.ts"],"sourcesContent":["import type { CustomViewAsset } from \"types/types\";\r\nimport type { AssetsManager } from \"models/AssetsManager\";\r\n\r\n/** --- Basic renderers --- */\r\n\r\nfunction renderImage(el: HTMLElement, asset: CustomViewAsset) {\r\n  if (!asset.src) return;\r\n  el.innerHTML = '';\r\n  const img = document.createElement('img');\r\n  img.src = asset.src;\r\n  img.alt = asset.alt || '';\r\n  \r\n  // Apply custom styling if provided\r\n  if (asset.className) {\r\n    img.className = asset.className;\r\n  }\r\n  if (asset.style) {\r\n    img.setAttribute('style', asset.style);\r\n  }\r\n  \r\n  // Default styles (can be overridden by asset.style)\r\n  img.style.maxWidth = img.style.maxWidth || '100%';\r\n  img.style.height = img.style.height || 'auto';\r\n  img.style.display = img.style.display || 'block';\r\n  el.appendChild(img);\r\n}\r\n\r\nfunction renderText(el: HTMLElement, asset: CustomViewAsset) {\r\n  if (asset.content != null) {\r\n    el.textContent = asset.content;\r\n  }\r\n  \r\n  // Apply custom styling if provided\r\n  if (asset.className) {\r\n    el.className = asset.className;\r\n  }\r\n  if (asset.style) {\r\n    el.setAttribute('style', asset.style);\r\n  }\r\n}\r\n\r\nfunction renderHtml(el: HTMLElement, asset: CustomViewAsset) {\r\n  if (asset.content != null) {\r\n    el.innerHTML = asset.content;\r\n  }\r\n  \r\n  // Apply custom styling if provided\r\n  if (asset.className) {\r\n    el.className = asset.className;\r\n  }\r\n  if (asset.style) {\r\n    el.setAttribute('style', asset.style);\r\n  }\r\n}\r\n\r\n/** --- Unified asset renderer --- */\r\n\r\nfunction detectAssetType(asset: CustomViewAsset): 'image' | 'text' | 'html' {\r\n  // If src exists, it's an image\r\n  if (asset.src) return 'image';\r\n  \r\n  // If content contains HTML tags, it's HTML\r\n  if (asset.content && /<[^>]+>/.test(asset.content)) {\r\n    return 'html';\r\n  }\r\n  \r\n  return 'text';\r\n}\r\n\r\nexport function renderAssetInto(\r\n  el: HTMLElement,\r\n  assetId: string,\r\n  assetsManager: AssetsManager\r\n) {\r\n  const asset = assetsManager.get(assetId);\r\n  if (!asset) return;\r\n\r\n  const type = asset.type || detectAssetType(asset);\r\n\r\n  switch (type) {\r\n    case 'image':\r\n      renderImage(el, asset);\r\n      break;\r\n    case 'text':\r\n      renderText(el, asset);\r\n      break;\r\n    case 'html':\r\n      renderHtml(el, asset);\r\n      break;\r\n    default:\r\n      el.innerHTML = asset.content || String(asset);\r\n      console.warn('[CustomViews] Unknown asset type:', type);\r\n  }\r\n}\r\n","import type { State } from \"../types/types\";\r\n\r\n/**\r\n * Manages persistence of custom views state using browser localStorage\r\n */\r\nexport class PersistenceManager {\r\n  // Storage keys for localStorage\r\n  private static readonly STORAGE_KEYS = {\r\n    STATE: 'customviews-state'\r\n  } as const;\r\n\r\n  /**\r\n   * Check if localStorage is available in the current environment\r\n   */\r\n  private isStorageAvailable(): boolean {\r\n    return typeof window !== 'undefined' && window.localStorage !== undefined;\r\n  }\r\n\r\n  \r\n  public persistState(state: State): void {\r\n    if (!this.isStorageAvailable()) return;\r\n\r\n    try {\r\n      localStorage.setItem(PersistenceManager.STORAGE_KEYS.STATE, JSON.stringify(state));\r\n    } catch (error) {\r\n      console.warn('Failed to persist state:', error);\r\n    }\r\n  }\r\n\r\n  \r\n  public getPersistedState(): State | null {\r\n    if (!this.isStorageAvailable()) return null;\r\n    try {\r\n      const raw = localStorage.getItem(PersistenceManager.STORAGE_KEYS.STATE);\r\n      return raw ? JSON.parse(raw) : null;\r\n    } catch (error) {\r\n      console.warn('Failed to parse persisted state:', error);\r\n      return null;\r\n    }\r\n  }\r\n\r\n \r\n  /**\r\n   * Clear persisted state\r\n   */\r\n  public clearAll(): void {\r\n    if (!this.isStorageAvailable()) return;\r\n\r\n    localStorage.removeItem(PersistenceManager.STORAGE_KEYS.STATE);\r\n  }\r\n\r\n  /**\r\n   * Check if any persistence data exists\r\n   */\r\n  public hasPersistedData(): boolean {\r\n    if (!this.isStorageAvailable()) {\r\n      return false;\r\n    }\r\n    return !!this.getPersistedState();\r\n  }\r\n\r\n}\r\n","/**\r\n * URL State Manager for CustomViews\r\n * Handles encoding/decoding of states in URL parameters\r\n */\r\n\r\nimport type { State } from \"../types/types\";\r\n\r\n\r\nexport class URLStateManager {\r\n  /**\r\n   * Parse current URL parameters into state object\r\n   */\r\n  public static parseURL(): State | null {\r\n    const urlParams = new URLSearchParams(window.location.search);\r\n\r\n    // Get view state\r\n    const viewParam = urlParams.get('view');\r\n    let decoded: State | null = null;\r\n    if (viewParam) {\r\n      try {\r\n        decoded = this.decodeState(viewParam);\r\n      } catch (error) {\r\n        console.warn('Failed to decode view state from URL:', error);\r\n      }\r\n    }\r\n\r\n    return decoded;\r\n  }\r\n\r\n  /**\r\n   * Update URL with current state without triggering navigation\r\n   */\r\n  public static updateURL(state: State | null | undefined): void {\r\n    if (typeof window === 'undefined' || !window.history) return;\r\n\r\n    const url = new URL(window.location.href);\r\n\r\n    // Clear existing parameters\r\n    url.searchParams.delete('view');\r\n\r\n    // Set view state\r\n    if (state) {\r\n      const encoded = this.encodeState(state);\r\n      if (encoded) {\r\n        url.searchParams.set('view', encoded);\r\n      }\r\n    }\r\n\r\n    // Use a relative URL to satisfy stricter environments (e.g., jsdom tests)\r\n    const relative = url.pathname + (url.search || '') + (url.hash || '');\r\n    window.history.replaceState({}, '', relative);\r\n  }\r\n\r\n  /**\r\n   * Clear all state parameters from URL\r\n   */\r\n  public static clearURL(): void {\r\n    this.updateURL(null);\r\n  }\r\n\r\n  /**\r\n   * Generate shareable URL for current state\r\n   */\r\n  public static generateShareableURL(state: State | null | undefined): string {\r\n    const url = new URL(window.location.href);\r\n\r\n    // Clear existing parameters\r\n    url.searchParams.delete('view');\r\n\r\n    // Set new parameters\r\n    if (state) {\r\n      const encoded = this.encodeState(state);\r\n      if (encoded) {\r\n        url.searchParams.set('view', encoded);\r\n      }\r\n    }\r\n\r\n    return url.toString();\r\n  }\r\n\r\n  /**\r\n   * Encode state into URL-safe string\r\n   */\r\n  private static encodeState(state: State): string | null {\r\n    try {\r\n      // Create a compact representation\r\n      const compact = {\r\n        t: state.toggles\r\n      };\r\n\r\n      // Convert to JSON and encode\r\n      const json = JSON.stringify(compact);\r\n      let encoded: string;\r\n      if (typeof btoa === 'function') {\r\n        encoded = btoa(json);\r\n      } else {\r\n        // Node/test fallback\r\n        // @ts-ignore\r\n        encoded = Buffer.from(json, 'utf-8').toString('base64');\r\n      }\r\n\r\n      // Make URL-safe\r\n      const urlSafeString = encoded.replace(/\\+/g, '-').replace(/\\//g, '_').replace(/=/g, '');\r\n      return urlSafeString;\r\n    } catch (error) {\r\n      console.warn('Failed to encode state:', error);\r\n      return null;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Decode custom state from URL parameter\r\n   */\r\n  private static decodeState(encoded: string): State | null {\r\n    try {\r\n      // Restore base64 padding and characters\r\n      let base64 = encoded.replace(/-/g, '+').replace(/_/g, '/');\r\n\r\n      // Add padding if needed\r\n      while (base64.length % 4) {\r\n        base64 += '=';\r\n      }\r\n\r\n      // Decode and parse\r\n      let json: string;\r\n      if (typeof atob === 'function') {\r\n        json = atob(base64);\r\n      } else {\r\n        // Node/test fallback\r\n        // @ts-ignore\r\n        json = Buffer.from(base64, 'base64').toString('utf-8');\r\n      }\r\n      const compact = JSON.parse(json);\r\n\r\n      // Validate structure\r\n      if (!compact || typeof compact !== 'object') {\r\n        throw new Error('Invalid compact state structure');\r\n      }\r\n\r\n      return {\r\n        toggles: Array.isArray(compact.t) ? compact.t : []\r\n      };\r\n    } catch (error) {\r\n      console.warn('Failed to decode view state:', error);\r\n      return null;\r\n    }\r\n  }\r\n\r\n\r\n}\r\n","import type { ToggleId } from \"../types/types\";\r\n\r\n/**\r\n * Keeps track of which toggles are hidden and which are visible in memory.\r\n * \r\n * This class keeps track of hidden toggles without reading the DOM or URL.\r\n */\r\nexport class VisibilityManager {\r\n  private hiddenToggles: Set<ToggleId> = new Set();\r\n\r\n  /** Marks a toggle as visible or hidden. \r\n   * Returns true if changed. \r\n   * Also updates internal set of hidden toggles.\r\n   */\r\n  public setToggleVisibility(toggleId: ToggleId, visible: boolean): boolean {\r\n    const wasHidden = this.hiddenToggles.has(toggleId);\r\n    const shouldHide = !visible;\r\n    if (shouldHide && !wasHidden) {\r\n      this.hiddenToggles.add(toggleId);\r\n      return true;\r\n    }\r\n    if (!shouldHide && wasHidden) {\r\n      this.hiddenToggles.delete(toggleId);\r\n      return true;\r\n    }\r\n    return false;\r\n  }\r\n\r\n  /** Hide all toggles in the provided set. */\r\n  public hideAll(allToggleIds: ToggleId[]): void {\r\n    for (const id of allToggleIds) {\r\n      this.setToggleVisibility(id, false);\r\n    }\r\n  }\r\n\r\n  /** Show all toggles in the provided set. */\r\n  public showAll(allToggleIds: ToggleId[]): void {\r\n    for (const id of allToggleIds) {\r\n      this.setToggleVisibility(id, true);\r\n    }\r\n  }\r\n\r\n  /** Get the globally hidden toggle ids (explicitly hidden via API). */\r\n  public getHiddenToggles(): ToggleId[] {\r\n    return Array.from(this.hiddenToggles);\r\n  }\r\n\r\n  /** Filter a list of toggles to only those visible per the hidden set. */\r\n  public filterVisibleToggles(toggleIds: ToggleId[]): ToggleId[] {\r\n    return toggleIds.filter(t => !this.hiddenToggles.has(t));\r\n  }\r\n\r\n  /**\r\n   * Apply simple class-based visibility to a toggle element.\r\n   * The element is assumed to have data-customviews-toggle.\r\n   */\r\n  public applyElementVisibility(el: HTMLElement, visible: boolean): void {\r\n    if (visible) {\r\n      el.classList.remove('cv-hidden');\r\n      el.classList.add('cv-visible');\r\n    } else {\r\n      el.classList.add('cv-hidden');\r\n      el.classList.remove('cv-visible');\r\n    }\r\n  }\r\n}\r\n\r\n\r\n","import type { State } from \"../types/types\";\r\nimport type { AssetsManager } from \"../models/AssetsManager\";\r\nimport { renderAssetInto } from \"./render\";\r\nimport { Config } from \"models/Config\";\r\nimport { PersistenceManager } from \"./persistence\";\r\nimport { URLStateManager } from \"./url-state-manager\";\r\nimport { VisibilityManager } from \"./visibility-manager\";\r\nimport { injectCoreStyles } from \"../styles/styles\";\r\n\r\n\r\nexport interface CustomViewsOptions {\r\n  assetsManager: AssetsManager;\r\n  config: Config;\r\n  rootEl?: HTMLElement | undefined;\r\n}\r\n\r\nexport class CustomViewsCore {\r\n  private rootEl: HTMLElement;\r\n  private assetsManager: AssetsManager;\r\n  private persistenceManager: PersistenceManager;\r\n  private visibilityManager: VisibilityManager;\r\n\r\n  private stateFromUrl: State | null = null;\r\n  private localConfig: Config;\r\n  private stateChangeListeners: Array<() => void> = [];\r\n\r\n  constructor(opt: CustomViewsOptions) {\r\n    this.assetsManager = opt.assetsManager;\r\n    this.localConfig = opt.config;\r\n    this.rootEl = opt.rootEl || document.body;\r\n    this.persistenceManager = new PersistenceManager();\r\n    this.visibilityManager = new VisibilityManager();\r\n  }\r\n\r\n  public getLocalConfig(): Config {\r\n    return this.localConfig;\r\n  }\r\n\r\n  // Inject styles, setup listeners and call rendering logic\r\n  public async init() {\r\n    injectCoreStyles();\r\n\r\n    // For session history, clicks on back/forward button\r\n    window.addEventListener(\"popstate\", () => {\r\n      this.loadAndRenderState();\r\n    });\r\n    this.loadAndRenderState();\r\n  }\r\n\r\n  // Priority: URL state > persisted state > default\r\n  // Also filters using the visibility manager to persist selection\r\n  // across back/forward button clicks\r\n  private async loadAndRenderState() {\r\n    // 1. URL State\r\n    this.stateFromUrl = URLStateManager.parseURL();\r\n    if (this.stateFromUrl) {\r\n      this.applyState(this.stateFromUrl);\r\n      return;\r\n    }\r\n\r\n    // 2. Persisted State\r\n    const persistedState = this.persistenceManager.getPersistedState();\r\n    if (persistedState) {\r\n      this.applyState(persistedState);\r\n      return;\r\n    }\r\n\r\n    // 3. Local Config Fallback\r\n    this.renderState(this.localConfig.defaultState);\r\n  }\r\n\r\n    /**\r\n   * Apply a custom state, saves to localStorage and updates the URL\r\n   */\r\n  public applyState(state: State) {\r\n    this.renderState(state);\r\n    this.persistenceManager.persistState(state);\r\n    this.stateFromUrl = state;\r\n    URLStateManager.updateURL(state);\r\n  }\r\n\r\n  /** Render all toggles for the current state */\r\n  private renderState(state: State) {\r\n    const toggles = state.toggles || [];\r\n    const finalToggles = this.visibilityManager.filterVisibleToggles(toggles);\r\n\r\n    // Toggles hide or show relevant toggles\r\n    this.rootEl.querySelectorAll(\"[data-customviews-toggle]\").forEach(el => {\r\n      const category = (el as HTMLElement).dataset.customviewsToggle;\r\n      const shouldShow = !!category && finalToggles.includes(category);\r\n      this.visibilityManager.applyElementVisibility(el as HTMLElement, shouldShow);\r\n    });\r\n\r\n    // Render toggles\r\n    for (const category of finalToggles) {\r\n      this.rootEl.querySelectorAll(`[data-customviews-toggle=\"${category}\"]`).forEach(el => {\r\n        // if it has an id, then we render the asset into it\r\n        // if it has no id, then we assume it's a container\r\n        const toggleId = (el as HTMLElement).dataset.customviewsId;\r\n        if (toggleId) {\r\n          renderAssetInto(el as HTMLElement, toggleId, this.assetsManager);\r\n        }\r\n      });\r\n    }\r\n\r\n\r\n    // Notify state change listeners (like widgets)\r\n    this.notifyStateChangeListeners();\r\n  }\r\n\r\n  /**\r\n   * Reset to default state\r\n   */\r\n  public resetToDefault() {\r\n    this.stateFromUrl = null;\r\n    this.persistenceManager.clearAll();\r\n\r\n    if (this.localConfig) {\r\n      this.renderState(this.localConfig.defaultState);\r\n    } else {\r\n      console.warn(\"No configuration loaded, cannot reset to default state\");\r\n    }\r\n\r\n    // Clear URL\r\n    URLStateManager.clearURL();\r\n  }\r\n\r\n\r\n  /**\r\n   * Get the currently active toggles regardless of whether they come from custom state or default configuration\r\n   */\r\n  public getCurrentActiveToggles(): string[] {\r\n    // If we have a custom state, return its toggles\r\n    if (this.stateFromUrl) {\r\n      return this.stateFromUrl.toggles || [];\r\n    }\r\n\r\n    // Otherwise, if we have local config, return its default state toggles\r\n    if (this.localConfig) {\r\n      return this.localConfig.defaultState.toggles || [];\r\n    }\r\n\r\n    // No configuration or state\r\n    return [];\r\n  }\r\n\r\n  /**\r\n   * Clear all persistence and reset to default\r\n   */\r\n  public clearPersistence() {\r\n    this.persistenceManager.clearAll();\r\n    this.stateFromUrl = null;\r\n    if (this.localConfig) {\r\n      this.renderState(this.localConfig.defaultState);\r\n    } else {\r\n      console.warn(\"No configuration loaded, cannot reset to default state\");\r\n    }\r\n\r\n    URLStateManager.clearURL();\r\n  }\r\n\r\n  // === STATE CHANGE LISTENER METHODS ===\r\n  /**\r\n   * Add a listener that will be called whenever the state changes\r\n   */\r\n  public addStateChangeListener(listener: () => void): void {\r\n    this.stateChangeListeners.push(listener);\r\n  }\r\n\r\n  /**\r\n   * Remove a state change listener\r\n   */\r\n  public removeStateChangeListener(listener: () => void): void {\r\n    const index = this.stateChangeListeners.indexOf(listener);\r\n    if (index > -1) {\r\n      this.stateChangeListeners.splice(index, 1);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Notify all state change listeners\r\n   */\r\n  private notifyStateChangeListeners(): void {\r\n    this.stateChangeListeners.forEach(listener => {\r\n      try {\r\n        listener();\r\n      } catch (error) {\r\n        console.warn('Error in state change listener:', error);\r\n      }\r\n    });\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n","const CORE_STYLES = `\r\n[data-customviews-toggle] {\r\n  transition: opacity 150ms ease,\r\n              transform 150ms ease,\r\n              max-height 200ms ease,\r\n              margin 150ms ease;\r\n  will-change: opacity, transform, max-height, margin;\r\n}\r\n\r\n.cv-visible {\r\n  opacity: 1 !important;\r\n  transform: translateY(0) !important;\r\n  max-height: var(--cv-max-height, 9999px) !important;\r\n}\r\n\r\n.cv-hidden {\r\n  opacity: 0 !important;\r\n  transform: translateY(-4px) !important;\r\n  pointer-events: none !important;\r\n  padding-top: 0 !important;\r\n  padding-bottom: 0 !important;\r\n  border-top-width: 0 !important;\r\n  border-bottom-width: 0 !important;\r\n  max-height: 0 !important;\r\n  margin-top: 0 !important;\r\n  margin-bottom: 0 !important;\r\n  overflow: hidden !important;\r\n}\r\n`;\r\n\r\n/**\r\n * Add styles for hiding and showing toggles animations and transitions to the document head\r\n */\r\nexport function injectCoreStyles(): void {\r\n  if (typeof document === 'undefined') return;\r\n  if (document.querySelector('#cv-core-styles')) return;\r\n  const style = document.createElement('style');\r\n  style.id = 'cv-core-styles';\r\n  style.textContent = CORE_STYLES;\r\n  document.head.appendChild(style);\r\n}\r\n\r\n\r\n","import type { CustomViewAsset } from \"types/types\";\r\n\r\nexport class AssetsManager {\r\n  assets: Record<string, CustomViewAsset>;\r\n  private baseURL: string;\r\n\r\n  constructor(assets: Record<string, CustomViewAsset>, baseURL: string = '') {\r\n    this.assets = assets;\r\n    this.baseURL = baseURL;\r\n    if (!this.validate()) {\r\n      console.warn('Invalid assets:', this.assets);\r\n    }\r\n  }\r\n\r\n  // Check each asset has content or src\r\n  validate(): boolean {\r\n    return Object.values(this.assets).every(a => a.src || a.content);\r\n  }\r\n\r\n  get(assetId: string): CustomViewAsset | undefined {\r\n    const asset = this.assets[assetId];\r\n    if (!asset) return undefined;\r\n\r\n    // If there's a baseURL and the asset has a src property, prepend the baseURL\r\n    if (this.baseURL && asset.src) {\r\n      // Create a shallow copy to avoid mutating the original asset\r\n      return {\r\n        ...asset,\r\n        src: this.prependBaseURL(asset.src)\r\n      };\r\n    }\r\n\r\n    return asset;\r\n  }\r\n\r\n  private prependBaseURL(path: string): string {\r\n    // Don't prepend if the path is already absolute (starts with http:// or https://)\r\n    if (path.startsWith('http://') || path.startsWith('https://')) {\r\n      return path;\r\n    }\r\n\r\n    // Ensure baseURL doesn't end with / and path starts with /\r\n    const cleanBaseURL = this.baseURL.endsWith('/') ? this.baseURL.slice(0, -1) : this.baseURL;\r\n    const cleanPath = path.startsWith('/') ? path : '/' + path;\r\n    \r\n    return cleanBaseURL + cleanPath;\r\n  }\r\n\r\n  loadFromJSON(json: Record<string, CustomViewAsset>) {\r\n    this.assets = json;\r\n  }\r\n\r\n  loadAdditionalAssets(additionalAssets: Record<string, CustomViewAsset>) {\r\n    this.assets = { ...this.assets, ...additionalAssets };\r\n  }\r\n\r\n}\r\n","import { injectWidgetStyles } from \"../styles/widget-styles\";\r\nimport type { CustomViewsCore } from \"./core\";\r\nimport type { State } from \"../types/types\";\r\nimport { URLStateManager } from \"./url-state-manager\";\r\n\r\nexport interface WidgetOptions {\r\n  /** The CustomViews core instance to control */\r\n  core: CustomViewsCore;\r\n  \r\n  /** Container element where the widget should be rendered */\r\n  container?: HTMLElement;\r\n  \r\n  /** Widget position: 'top-right', 'top-left', 'bottom-right', 'bottom-left', 'middle-left', 'middle-right' */\r\n  position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'middle-left' | 'middle-right';\r\n  \r\n  /** Widget theme: 'light' or 'dark' */\r\n  theme?: 'light' | 'dark';\r\n  \r\n  /** Whether to show reset button */\r\n  showReset?: boolean;\r\n  \r\n  /** Widget title */\r\n  title?: string;\r\n  \r\n  /** Widget description text */\r\n  description?: string;\r\n  \r\n  /** Whether to show welcome modal on first visit */\r\n  showWelcome?: boolean;\r\n  \r\n  /** Welcome modal title (only used if showWelcome is true) */\r\n  welcomeTitle?: string;\r\n  \r\n  /** Welcome modal message (only used if showWelcome is true) */\r\n  welcomeMessage?: string;\r\n}\r\n\r\nexport class CustomViewsWidget {\r\n  private core: CustomViewsCore;\r\n  private container: HTMLElement;\r\n  private widgetIcon: HTMLElement | null = null;\r\n  private options: Required<WidgetOptions>;\r\n  \r\n  // Modal state\r\n  private modal: HTMLElement | null = null;\r\n  \r\n\r\n  constructor(options: WidgetOptions) {\r\n    this.core = options.core;\r\n    this.container = options.container || document.body;\r\n    \r\n    // Set defaults\r\n    this.options = {\r\n      core: options.core,\r\n      container: this.container,\r\n      position: options.position || 'middle-left',\r\n      theme: options.theme || 'light',\r\n      showReset: options.showReset ?? true,\r\n      title: options.title || 'Custom Views',\r\n      description: options.description || 'Toggle different content sections to customize your view. Changes are applied instantly and the URL will be updated for sharing.',\r\n      showWelcome: options.showWelcome ?? false,\r\n      welcomeTitle: options.welcomeTitle || 'Welcome to Custom Views!',\r\n      welcomeMessage: options.welcomeMessage || 'This website uses Custom Views to let you personalize your experience. Use the widget on the side (⚙) to show or hide different content sections based on your preferences. Your selections will be saved and can be shared via URL.'\r\n    };\r\n    \r\n    // No external state manager to initialize\r\n  }\r\n\r\n  /**\r\n   * Render the widget\r\n   */\r\n  public render(): HTMLElement {\r\n    this.widgetIcon = this.createWidgetIcon();\r\n    this.attachEventListeners();\r\n    \r\n    // Always append to body since it's a floating icon\r\n    document.body.appendChild(this.widgetIcon);\r\n    \r\n    // Show welcome modal on first visit if enabled\r\n    if (this.options.showWelcome) {\r\n      this.showWelcomeModalIfFirstVisit();\r\n    }\r\n    \r\n    return this.widgetIcon;\r\n  }\r\n\r\n  /**\r\n   * Create the simple widget icon\r\n   */\r\n  private createWidgetIcon(): HTMLElement {\r\n    const icon = document.createElement('div');\r\n    icon.className = `cv-widget-icon cv-widget-${this.options.position}`;\r\n    icon.innerHTML = '⚙';\r\n    icon.title = this.options.title;\r\n    icon.setAttribute('aria-label', 'Open Custom Views');\r\n    \r\n    // Add styles\r\n    injectWidgetStyles();\r\n    \r\n    return icon;\r\n  }\r\n\r\n  /**\r\n   * Remove the widget from DOM\r\n   */\r\n  public destroy(): void {\r\n    if (this.widgetIcon) {\r\n      this.widgetIcon.remove();\r\n      this.widgetIcon = null;\r\n    }\r\n\r\n    // Clean up modal\r\n    if (this.modal) {\r\n      this.modal.remove();\r\n      this.modal = null;\r\n    }\r\n  }\r\n\r\n  private attachEventListeners(): void {\r\n    if (!this.widgetIcon) return;\r\n\r\n    // Click to open customization modal directly\r\n    this.widgetIcon.addEventListener('click', () => this.openStateModal());\r\n  }\r\n\r\n  /**\r\n   * Close the modal\r\n   */\r\n  private closeModal(): void {\r\n    if (this.modal) {\r\n      this.modal.remove();\r\n      this.modal = null;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Open the custom state creator\r\n   */\r\n  private openStateModal(): void {\r\n    // Get toggles from current configuration and open the modal regardless of count\r\n    const localConfig = this.core.getLocalConfig();\r\n    const toggles = localConfig?.allToggles || [];\r\n    this.createCustomStateModal(toggles);\r\n  }\r\n\r\n  /**\r\n   * Create the custom state creator modal\r\n   */\r\n  private createCustomStateModal(toggles: string[]): void {\r\n    // Close existing modal\r\n    this.closeModal();\r\n\r\n    this.modal = document.createElement('div');\r\n    this.modal.className = 'cv-widget-modal-overlay';\r\n    this.applyThemeToModal();\r\n    \r\n    const toggleControls = toggles.length\r\n      ? toggles.map(toggle => `\r\n        <div class=\"cv-custom-state-toggle\">\r\n          <label>\r\n            <input type=\"checkbox\" class=\"cv-custom-toggle-checkbox\" data-toggle=\"${toggle}\" />\r\n            ${this.formatToggleName(toggle)}\r\n          </label>\r\n        </div>\r\n      `).join('')\r\n      : `<p class=\"cv-no-toggles\">No configurable sections available.</p>`;\r\n\r\n    this.modal.innerHTML = `\r\n      <div class=\"cv-widget-modal cv-custom-state-modal\">\r\n        <div class=\"cv-widget-modal-header\">\r\n          <h3>Customize View</h3>\r\n          <button class=\"cv-widget-modal-close\" aria-label=\"Close modal\">X</button>\r\n        </div>\r\n        <div class=\"cv-widget-modal-content\">\r\n          <div class=\"cv-custom-state-form\">\r\n            <p>${this.options.description}</p>\r\n            \r\n            <h4>Content Sections</h4>\r\n            <div class=\"cv-custom-toggles\">\r\n              ${toggleControls}\r\n            </div>\r\n            \r\n            <div class=\"cv-custom-state-actions\">\r\n              ${this.options.showReset ? `<button class=\"cv-custom-state-reset\">Reset to Default</button>` : ''}\r\n              <button class=\"cv-custom-state-copy-url\">Copy Shareable URL</button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    `;\r\n\r\n    document.body.appendChild(this.modal);\r\n    this.attachStateModalEventListeners();\r\n\r\n    // Load current state into form if we're already in a custom state\r\n    this.loadCurrentStateIntoForm();\r\n  }\r\n\r\n  /**\r\n   * Attach event listeners for custom state creator\r\n   */\r\n  private attachStateModalEventListeners(): void {\r\n    if (!this.modal) return;\r\n\r\n    // Close button\r\n    const closeBtn = this.modal.querySelector('.cv-widget-modal-close');\r\n    if (closeBtn) {\r\n      closeBtn.addEventListener('click', () => {\r\n        this.closeModal();\r\n      });\r\n    }\r\n\r\n    // Copy URL button\r\n    const copyUrlBtn = this.modal.querySelector('.cv-custom-state-copy-url');\r\n    if (copyUrlBtn) {\r\n      copyUrlBtn.addEventListener('click', () => {\r\n        this.copyShareableURL();\r\n      });\r\n    }\r\n\r\n    // Reset to default button\r\n    const resetBtn = this.modal.querySelector('.cv-custom-state-reset');\r\n    if (resetBtn) {\r\n      resetBtn.addEventListener('click', () => {\r\n        this.core.resetToDefault();\r\n        this.loadCurrentStateIntoForm();\r\n      });\r\n    }\r\n\r\n    // Listen to toggle checkboxes\r\n    const toggleCheckboxes = this.modal.querySelectorAll('.cv-custom-toggle-checkbox') as NodeListOf<HTMLInputElement>;\r\n    toggleCheckboxes.forEach(checkbox => {\r\n      checkbox.addEventListener('change', () => {\r\n        const state = this.getCurrentCustomStateFromModal();\r\n        this.core.applyState(state);\r\n      });\r\n    });\r\n\r\n    // Overlay click to close\r\n    this.modal.addEventListener('click', (e) => {\r\n      if (e.target === this.modal) {\r\n        this.closeModal();\r\n      }\r\n    });\r\n\r\n    // Escape key to close\r\n    const handleEscape = (e: KeyboardEvent) => {\r\n      if (e.key === 'Escape') {\r\n        this.closeModal();\r\n        document.removeEventListener('keydown', handleEscape);\r\n      }\r\n    };\r\n    document.addEventListener('keydown', handleEscape);\r\n  }\r\n\r\n  /**\r\n   * Apply theme class to the modal overlay based on options\r\n   */\r\n  private applyThemeToModal(): void {\r\n    if (!this.modal) return;\r\n    if (this.options.theme === 'dark') {\r\n      this.modal.classList.add('cv-widget-theme-dark');\r\n    } else {\r\n      this.modal.classList.remove('cv-widget-theme-dark');\r\n    }\r\n  }\r\n\r\n\r\n  /**\r\n   * Get current state from form values\r\n   */\r\n  private getCurrentCustomStateFromModal(): State {\r\n    if (!this.modal) {\r\n      return { toggles: [] };\r\n    }\r\n\r\n    // Collect toggle values\r\n    const toggles: string[] = [];\r\n    const toggleCheckboxes = this.modal.querySelectorAll('.cv-custom-toggle-checkbox') as NodeListOf<HTMLInputElement>;\r\n    toggleCheckboxes.forEach(checkbox => {\r\n      const toggle = checkbox.dataset.toggle;\r\n      if (toggle && checkbox.checked) {\r\n        toggles.push(toggle);\r\n      }\r\n    });\r\n\r\n    return { toggles };\r\n  }\r\n\r\n  /**\r\n   * Copy shareable URL to clipboard\r\n   */\r\n  private copyShareableURL(): void {\r\n    const customState = this.getCurrentCustomStateFromModal();\r\n    const url = URLStateManager.generateShareableURL(customState);\r\n    \r\n    navigator.clipboard.writeText(url).then(() => {\r\n      console.log('Shareable URL copied to clipboard!');\r\n    }).catch(() => {console.error('Failed to copy URL!');});\r\n  }\r\n\r\n  /**\r\n   * Load current state into form based on currently active toggles\r\n   */\r\n  private loadCurrentStateIntoForm(): void {\r\n    if (!this.modal) return;\r\n\r\n    // Get currently active toggles (from custom state or default configuration)\r\n    const activeToggles = this.core.getCurrentActiveToggles();\r\n    \r\n    // First, uncheck all checkboxes\r\n    const allCheckboxes = this.modal.querySelectorAll('.cv-custom-toggle-checkbox') as NodeListOf<HTMLInputElement>;\r\n    allCheckboxes.forEach(checkbox => {\r\n      checkbox.checked = false;\r\n      checkbox.disabled = false;\r\n      checkbox.parentElement?.removeAttribute('aria-hidden');\r\n    });\r\n\r\n    // Then check the ones that should be active\r\n    activeToggles.forEach(toggle => {\r\n      const checkbox = this.modal?.querySelector(`[data-toggle=\"${toggle}\"]`) as HTMLInputElement;\r\n      if (checkbox) {\r\n        if (!checkbox.disabled) {\r\n          checkbox.checked = true;\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n\r\n  /**\r\n   * Format toggle name for display\r\n   */\r\n  private formatToggleName(toggle: string): string {\r\n    return toggle.charAt(0).toUpperCase() + toggle.slice(1);\r\n  }\r\n\r\n  /**\r\n   * Check if this is the first visit and show welcome modal\r\n   */\r\n  private showWelcomeModalIfFirstVisit(): void {\r\n    const STORAGE_KEY = 'cv-welcome-shown';\r\n    \r\n    // Check if welcome has been shown before\r\n    const hasSeenWelcome = localStorage.getItem(STORAGE_KEY);\r\n    \r\n    if (!hasSeenWelcome) {\r\n      // Show welcome modal after a short delay to let the page settle\r\n      setTimeout(() => {\r\n        this.createWelcomeModal();\r\n      }, 500);\r\n      \r\n      // Mark as shown\r\n      localStorage.setItem(STORAGE_KEY, 'true');\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Create and show the welcome modal\r\n   */\r\n  private createWelcomeModal(): void {\r\n    // Don't show if there's already a modal open\r\n    if (this.modal) return;\r\n\r\n    this.modal = document.createElement('div');\r\n    this.modal.className = 'cv-widget-modal-overlay cv-welcome-modal-overlay';\r\n    this.applyThemeToModal();\r\n    \r\n    this.modal.innerHTML = `\r\n      <div class=\"cv-widget-modal cv-welcome-modal\">\r\n        <div class=\"cv-widget-modal-header\">\r\n          <h3>${this.options.welcomeTitle}</h3>\r\n          <button class=\"cv-widget-modal-close\" aria-label=\"Close modal\">×</button>\r\n        </div>\r\n        <div class=\"cv-widget-modal-content\">\r\n          <div class=\"cv-welcome-content\">\r\n            <p>${this.options.welcomeMessage}</p>\r\n            \r\n            <div class=\"cv-welcome-widget-preview\">\r\n              <div class=\"cv-welcome-widget-icon\">⚙</div>\r\n              <p class=\"cv-welcome-widget-label\">Look for this widget on the side of the screen</p>\r\n            </div>\r\n            \r\n            <button class=\"cv-welcome-got-it\">Got it!</button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    `;\r\n\r\n    document.body.appendChild(this.modal);\r\n    this.attachWelcomeModalEventListeners();\r\n  }\r\n\r\n  /**\r\n   * Attach event listeners for welcome modal\r\n   */\r\n  private attachWelcomeModalEventListeners(): void {\r\n    if (!this.modal) return;\r\n\r\n    // Close button\r\n    const closeBtn = this.modal.querySelector('.cv-widget-modal-close');\r\n    if (closeBtn) {\r\n      closeBtn.addEventListener('click', () => {\r\n        this.closeModal();\r\n      });\r\n    }\r\n\r\n    // Got it button\r\n    const gotItBtn = this.modal.querySelector('.cv-welcome-got-it');\r\n    if (gotItBtn) {\r\n      gotItBtn.addEventListener('click', () => {\r\n        this.closeModal();\r\n      });\r\n    }\r\n\r\n    // Overlay click to close\r\n    this.modal.addEventListener('click', (e) => {\r\n      if (e.target === this.modal) {\r\n        this.closeModal();\r\n      }\r\n    });\r\n\r\n    // Escape key to close\r\n    const handleEscape = (e: KeyboardEvent) => {\r\n      if (e.key === 'Escape') {\r\n        this.closeModal();\r\n        document.removeEventListener('keydown', handleEscape);\r\n      }\r\n    };\r\n    document.addEventListener('keydown', handleEscape);\r\n  }\r\n\r\n\r\n}\r\n","/**\r\n * Widget styles for CustomViews\r\n * Extracted from widget.ts for better maintainability\r\n * \r\n * Note: Styles are kept as a TypeScript string for compatibility with the build system.\r\n * This approach ensures the styles are properly bundled and don't require separate CSS file handling.\r\n */\r\n\r\nexport const WIDGET_STYLES = `\r\n/* Rounded rectangle widget icon styles */\r\n.cv-widget-icon {\r\n  position: fixed;\r\n  background: white;\r\n  color: black;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 18px;\r\n  font-weight: bold;\r\n  cursor: pointer;\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n  z-index: 9998;\r\n  transition: all 0.3s ease;\r\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n}\r\n\r\n.cv-widget-icon:hover {\r\n  background: white;\r\n  color: black;\r\n}\r\n\r\n/* Top-right: rounded end on left, sticks out leftward on hover */\r\n.cv-widget-top-right {\r\n  top: 20px;\r\n  right: 0;\r\n  border-radius: 18px 0 0 18px;\r\n  padding-left: 8px;\r\n  justify-content: flex-start;\r\n}\r\n\r\n/* Top-left: rounded end on right, sticks out rightward on hover */\r\n.cv-widget-top-left {\r\n  top: 20px;\r\n  left: 0;\r\n  border-radius: 0 18px 18px 0;\r\n  padding-right: 8px;\r\n  justify-content: flex-end;\r\n}\r\n\r\n/* Bottom-right: rounded end on left, sticks out leftward on hover */\r\n.cv-widget-bottom-right {\r\n  bottom: 20px;\r\n  right: 0;\r\n  border-radius: 18px 0 0 18px;\r\n  padding-left: 8px;\r\n  justify-content: flex-start;\r\n}\r\n\r\n/* Bottom-left: rounded end on right, sticks out rightward on hover */\r\n.cv-widget-bottom-left {\r\n  bottom: 20px;\r\n  left: 0;\r\n  border-radius: 0 18px 18px 0;\r\n  padding-right: 8px;\r\n  justify-content: flex-end;\r\n}\r\n\r\n/* Middle-left: rounded end on right, sticks out rightward on hover */\r\n.cv-widget-middle-left {\r\n  top: 50%;\r\n  left: 0;\r\n  transform: translateY(-50%);\r\n  border-radius: 0 18px 18px 0;\r\n  padding-right: 8px;\r\n  justify-content: flex-end;\r\n}\r\n\r\n/* Middle-right: rounded end on left, sticks out leftward on hover */\r\n.cv-widget-middle-right {\r\n  top: 50%;\r\n  right: 0;\r\n  transform: translateY(-50%);\r\n  border-radius: 18px 0 0 18px;\r\n  padding-left: 8px;\r\n  justify-content: flex-start;\r\n}\r\n\r\n.cv-widget-top-right,\r\n.cv-widget-middle-right,\r\n.cv-widget-bottom-right,\r\n.cv-widget-top-left,\r\n.cv-widget-middle-left,\r\n.cv-widget-bottom-left {\r\n  height: 36px;\r\n  width: 36px;\r\n}\r\n\r\n.cv-widget-middle-right:hover,\r\n.cv-widget-top-right:hover,\r\n.cv-widget-bottom-right:hover,\r\n.cv-widget-top-left:hover,\r\n.cv-widget-middle-left:hover,\r\n.cv-widget-bottom-left:hover {\r\n  width: 55px;\r\n}\r\n\r\n/* Modal content styles */\r\n.cv-widget-section {\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.cv-widget-section:last-child {\r\n  margin-bottom: 0;\r\n}\r\n\r\n.cv-widget-section label {\r\n  display: block;\r\n  margin-bottom: 4px;\r\n  font-weight: 500;\r\n  color: #555;\r\n}\r\n\r\n.cv-widget-profile-select,\r\n.cv-widget-state-select {\r\n  width: 100%;\r\n  padding: 8px 12px;\r\n  border: 1px solid #ddd;\r\n  border-radius: 4px;\r\n  background: white;\r\n  font-size: 14px;\r\n}\r\n\r\n.cv-widget-profile-select:focus,\r\n.cv-widget-state-select:focus {\r\n  outline: none;\r\n  border-color: #007bff;\r\n  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);\r\n}\r\n\r\n.cv-widget-profile-select:disabled,\r\n.cv-widget-state-select:disabled {\r\n  background: #f8f9fa;\r\n  color: #6c757d;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.cv-widget-current {\r\n  margin: 16px 0;\r\n  padding: 12px;\r\n  background: #f8f9fa;\r\n  border-radius: 4px;\r\n  border-left: 4px solid #007bff;\r\n}\r\n\r\n.cv-widget-current label {\r\n  font-size: 12px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n  color: #666;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.cv-widget-current-view {\r\n  font-weight: 500;\r\n  color: #333;\r\n}\r\n\r\n.cv-widget-reset {\r\n  width: 100%;\r\n  padding: 8px 16px;\r\n  background: #dc3545;\r\n  color: white;\r\n  border: none;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n}\r\n\r\n.cv-widget-reset:hover {\r\n  background: #c82333;\r\n}\r\n\r\n.cv-widget-reset:active {\r\n  background: #bd2130;\r\n}\r\n\r\n/* Responsive design for mobile */\r\n@media (max-width: 768px) {\r\n  .cv-widget-top-right,\r\n  .cv-widget-top-left {\r\n    top: 10px;\r\n  }\r\n\r\n  .cv-widget-bottom-right,\r\n  .cv-widget-bottom-left {\r\n    bottom: 10px;\r\n  }\r\n\r\n  /* All widgets stay flush with screen edges */\r\n  .cv-widget-top-right,\r\n  .cv-widget-bottom-right,\r\n  .cv-widget-middle-right {\r\n    right: 0;\r\n  }\r\n\r\n  .cv-widget-top-left,\r\n  .cv-widget-bottom-left,\r\n  .cv-widget-middle-left {\r\n    left: 0;\r\n  }\r\n\r\n  /* Slightly smaller on mobile */\r\n  .cv-widget-icon {\r\n    width: 60px;\r\n    height: 32px;\r\n  }\r\n\r\n  .cv-widget-icon:hover {\r\n    width: 75px;\r\n  }\r\n}\r\n\r\n/* Modal styles */\r\n.cv-widget-modal-overlay {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background: rgba(0, 0, 0, 0.5);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  z-index: 10002;\r\n  animation: fadeIn 0.2s ease;\r\n}\r\n\r\n@keyframes fadeIn {\r\n  from { opacity: 0; }\r\n  to { opacity: 1; }\r\n}\r\n\r\n.cv-widget-modal {\r\n  background: white;\r\n  border-radius: 8px;\r\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\r\n  max-width: 400px;\r\n  width: 90vw;\r\n  max-height: 80vh;\r\n  overflow-y: auto;\r\n  animation: slideIn 0.2s ease;\r\n}\r\n\r\n@keyframes slideIn {\r\n  from { \r\n    opacity: 0;\r\n    transform: scale(0.9) translateY(-20px);\r\n  }\r\n  to { \r\n    opacity: 1;\r\n    transform: scale(1) translateY(0);\r\n  }\r\n}\r\n\r\n.cv-widget-modal-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 16px 20px;\r\n  border-bottom: 1px solid #e9ecef;\r\n  background: #f8f9fa;\r\n  border-radius: 8px 8px 0 0;\r\n}\r\n\r\n.cv-widget-modal-header h3 {\r\n  margin: 0;\r\n  font-size: 18px;\r\n  font-weight: 600;\r\n  color: #333;\r\n}\r\n\r\n.cv-widget-modal-close {\r\n  background: none;\r\n  border: none;\r\n  font-size: 24px;\r\n  cursor: pointer;\r\n  padding: 0;\r\n  width: 32px;\r\n  height: 32px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-radius: 4px;\r\n  color: #666;\r\n}\r\n\r\n.cv-widget-modal-close:hover {\r\n  background: #e9ecef;\r\n}\r\n\r\n.cv-widget-modal-content {\r\n  padding: 20px;\r\n}\r\n\r\n.cv-widget-modal-actions {\r\n  margin-top: 20px;\r\n  padding-top: 16px;\r\n  border-top: 1px solid #e9ecef;\r\n}\r\n\r\n.cv-widget-restore {\r\n  width: 100%;\r\n  padding: 10px 16px;\r\n  background: #28a745;\r\n  color: white;\r\n  border: none;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n}\r\n\r\n.cv-widget-restore:hover {\r\n  background: #218838;\r\n}\r\n\r\n.cv-widget-create-state {\r\n  width: 100%;\r\n  padding: 10px 16px;\r\n  background: #007bff;\r\n  color: white;\r\n  border: none;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.cv-widget-create-state:hover {\r\n  background: #0056b3;\r\n}\r\n\r\n/* Dark theme modal styles */\r\n.cv-widget-theme-dark .cv-widget-modal {\r\n  background: #2d3748;\r\n  color: #e2e8f0;\r\n}\r\n\r\n.cv-widget-theme-dark .cv-widget-modal-header {\r\n  background: #1a202c;\r\n  border-color: #4a5568;\r\n}\r\n\r\n.cv-widget-theme-dark .cv-widget-modal-header h3 {\r\n  color: #e2e8f0;\r\n}\r\n\r\n.cv-widget-theme-dark .cv-widget-modal-close {\r\n  color: #a0aec0;\r\n}\r\n\r\n.cv-widget-theme-dark .cv-widget-modal-close:hover {\r\n  background: #4a5568;\r\n}\r\n\r\n.cv-widget-theme-dark .cv-widget-modal-actions {\r\n  border-color: #4a5568;\r\n}\r\n\r\n/* Custom state creator styles */\r\n.cv-custom-state-modal {\r\n  max-width: 500px;\r\n}\r\n\r\n.cv-custom-state-form h4 {\r\n  margin: 20px 0 10px 0;\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  color: #333;\r\n  border-bottom: 1px solid #e9ecef;\r\n  padding-bottom: 5px;\r\n}\r\n\r\n.cv-custom-state-section {\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.cv-custom-state-section label {\r\n  display: block;\r\n  margin-bottom: 4px;\r\n  font-weight: 500;\r\n  color: #555;\r\n}\r\n\r\n.cv-custom-state-input {\r\n  width: 100%;\r\n  padding: 8px 12px;\r\n  border: 1px solid #ddd;\r\n  border-radius: 4px;\r\n  background: white;\r\n  font-size: 14px;\r\n}\r\n\r\n.cv-custom-state-input:focus {\r\n  outline: none;\r\n  border-color: #007bff;\r\n  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);\r\n}\r\n\r\n.cv-custom-toggles {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\r\n  gap: 10px;\r\n}\r\n\r\n.cv-custom-state-toggle {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.cv-custom-state-toggle label {\r\n  display: flex;\r\n  align-items: center;\r\n  cursor: pointer;\r\n  font-weight: normal;\r\n  margin: 0;\r\n}\r\n\r\n.cv-custom-toggle-checkbox {\r\n  margin-right: 8px;\r\n  width: auto;\r\n}\r\n\r\n.cv-custom-state-actions {\r\n  display: flex;\r\n  gap: 10px;\r\n  margin-top: 20px;\r\n  padding-top: 16px;\r\n  border-top: 1px solid #e9ecef;\r\n}\r\n\r\n.cv-custom-state-cancel,\r\n.cv-custom-state-copy-url {\r\n  flex: 1;\r\n  padding: 10px 16px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n}\r\n\r\n.cv-custom-state-reset {\r\n  flex: 1;\r\n  padding: 10px 16px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  background: #dc3545;\r\n  color: white;\r\n}\r\n\r\n.cv-custom-state-reset:hover {\r\n  background: #c82333;\r\n}\r\n\r\n.cv-custom-state-cancel {\r\n  background: #6c757d;\r\n  color: white;\r\n}\r\n\r\n.cv-custom-state-cancel:hover {\r\n  background: #5a6268;\r\n}\r\n\r\n.cv-custom-state-copy-url {\r\n  background: #28a745;\r\n  color: white;\r\n}\r\n\r\n.cv-custom-state-copy-url:hover {\r\n  background: #218838;\r\n}\r\n\r\n/* Dark theme custom state styles */\r\n.cv-widget-theme-dark .cv-custom-state-form h4 {\r\n  color: #e2e8f0;\r\n  border-color: #4a5568;\r\n}\r\n\r\n.cv-widget-theme-dark .cv-custom-state-section label {\r\n  color: #a0aec0;\r\n}\r\n\r\n.cv-widget-theme-dark .cv-custom-state-input {\r\n  background: #1a202c;\r\n  border-color: #4a5568;\r\n  color: #e2e8f0;\r\n}\r\n\r\n.cv-widget-theme-dark .cv-custom-state-actions {\r\n  border-color: #4a5568;\r\n}\r\n\r\n/* Welcome modal styles */\r\n.cv-welcome-modal {\r\n  max-width: 500px;\r\n}\r\n\r\n.cv-welcome-content {\r\n  text-align: center;\r\n}\r\n\r\n.cv-welcome-content p {\r\n  font-size: 15px;\r\n  line-height: 1.6;\r\n  color: #555;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.cv-welcome-widget-preview {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 12px;\r\n  padding: 20px;\r\n  background: #f8f9fa;\r\n  border-radius: 8px;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.cv-welcome-widget-icon {\r\n  width: 36px;\r\n  height: 36px;\r\n  background: white;\r\n  color: black;\r\n  border-radius: 0 18px 18px 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 18px;\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n.cv-welcome-widget-label {\r\n  font-size: 14px;\r\n  color: #666;\r\n  margin: 0;\r\n  font-weight: 500;\r\n}\r\n\r\n.cv-welcome-got-it {\r\n  width: 100%;\r\n  padding: 12px 24px;\r\n  background: #007bff;\r\n  color: white;\r\n  border: none;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  transition: background 0.2s ease;\r\n}\r\n\r\n.cv-welcome-got-it:hover {\r\n  background: #0056b3;\r\n}\r\n\r\n.cv-welcome-got-it:active {\r\n  background: #004494;\r\n}\r\n\r\n/* Dark theme welcome modal styles */\r\n.cv-widget-theme-dark .cv-welcome-content p {\r\n  color: #cbd5e0;\r\n}\r\n\r\n.cv-widget-theme-dark .cv-welcome-widget-preview {\r\n  background: #1a202c;\r\n}\r\n\r\n.cv-widget-theme-dark .cv-welcome-widget-label {\r\n  color: #a0aec0;\r\n}\r\n`;\r\n\r\n/**\r\n * Inject widget styles into the document head\r\n */\r\nexport function injectWidgetStyles(): void {\r\n  // Check if styles are already injected\r\n  if (document.querySelector('#cv-widget-styles')) return;\r\n\r\n  const style = document.createElement('style');\r\n  style.id = 'cv-widget-styles';\r\n  style.textContent = WIDGET_STYLES;\r\n  document.head.appendChild(style);\r\n}\r\n","import { CustomViewsCore, type CustomViewsOptions } from \"core/core\";\r\nimport { AssetsManager } from \"models/AssetsManager\";\r\nimport { CustomViewsWidget } from \"core/widget\";\r\nimport type { CustomViewAsset } from \"types/types\";\r\nimport { Config } from \"models/Config\";\r\n\r\nexport type InitFromJsonOptions = {\r\n  assetsJsonPath?: string;\r\n  rootEl?: HTMLElement;\r\n  config?: Config;\r\n  configPath?: string;\r\n  baseURL?: string;\r\n}\r\n\r\nexport class CustomViews {\r\n\r\n  // Helper function to prepend baseURL to a path\r\n  private static prependBaseURL(path: string, baseURL: string): string {\r\n    if (!baseURL) return path;\r\n    \r\n    // Don't prepend if the path is already absolute (starts with http:// or https://)\r\n    if (path.startsWith('http://') || path.startsWith('https://')) {\r\n      return path;\r\n    }\r\n\r\n    // Ensure baseURL doesn't end with / and path starts with /\r\n    const cleanBaseURL = baseURL.endsWith('/') ? baseURL.slice(0, -1) : baseURL;\r\n    const cleanPath = path.startsWith('/') ? path : '/' + path;\r\n    \r\n    return cleanBaseURL + cleanPath;\r\n  }\r\n\r\n  // Entry Point to use CustomViews\r\n  static async initFromJson(opts: InitFromJsonOptions): Promise<CustomViewsCore | null> {\r\n\r\n    // Load assets JSON if provided\r\n    let assetsManager: AssetsManager | undefined;\r\n    const baseURL = opts.baseURL || '';\r\n    if (opts.assetsJsonPath) {\r\n      const assetsPath = this.prependBaseURL(opts.assetsJsonPath, baseURL);\r\n      const assetsJson : Record<string, CustomViewAsset> = await (await fetch(assetsPath)).json();\r\n      assetsManager = new AssetsManager(assetsJson, baseURL);\r\n    } else {\r\n      assetsManager = new AssetsManager({}, baseURL);\r\n    }\r\n\r\n    // Load config JSON if provided, else just log error and don't load the custom views\r\n    let localConfig: Config;\r\n    if (opts.config) {\r\n      localConfig = opts.config;\r\n    } else {\r\n      if (!opts.configPath) {\r\n        console.error(\"No config path provided, skipping custom views\");\r\n        return null;\r\n      }\r\n      try {\r\n        const configPath = this.prependBaseURL(opts.configPath, baseURL);\r\n        localConfig = await (await fetch(configPath)).json();\r\n      } catch (error) {\r\n        console.error(\"Error loading config:\", error);\r\n        return null;\r\n      }\r\n    } \r\n\r\n    const coreOptions: CustomViewsOptions = {\r\n      assetsManager,\r\n      config: localConfig,\r\n      rootEl: opts.rootEl,\r\n    };\r\n    const core = new CustomViewsCore(coreOptions);\r\n    core.init();\r\n    return core;\r\n  }\r\n}\r\n\r\n// Export the core class and types\r\nexport { CustomViewsCore } from \"core/core\";\r\nexport type { CustomViewsOptions } from \"core/core\";\r\n\r\nexport { CustomViewsWidget } from \"core/widget\";\r\nexport type { WidgetOptions } from \"core/widget\";\r\n\r\nexport { PersistenceManager } from \"core/persistence\";\r\n\r\nexport { URLStateManager } from \"core/url-state-manager\";\r\n\r\nexport { AssetsManager } from \"models/AssetsManager\";\r\nexport { Config as LocalConfig } from \"models/Config\";\r\n\r\nif (typeof window !== \"undefined\") {\r\n  // @ts-ignore\r\n  window.CustomViews = CustomViews;\r\n  // @ts-ignore\r\n  window.CustomViewsWidget = CustomViewsWidget;\r\n}\r\n\r\n","import type { State } from \"types/types\";\r\n\r\n/**\r\n * Configuration for the site, has default state and list of toggles\r\n */\r\nexport class Config {\r\n  constructor(\r\n    public defaultState: State,\r\n    public allToggles?: string[],\r\n  ) {} \r\n}"],"names":["renderAssetInto","el","assetId","assetsManager","asset","get","type","src","content","test","detectAssetType","innerHTML","img","document","createElement","alt","className","style","setAttribute","maxWidth","height","display","appendChild","renderImage","textContent","renderText","renderHtml","String","console","warn","PersistenceManager","static","STATE","isStorageAvailable","window","undefined","localStorage","persistState","state","this","setItem","STORAGE_KEYS","JSON","stringify","error","getPersistedState","raw","getItem","parse","clearAll","removeItem","hasPersistedData","URLStateManager","parseURL","viewParam","URLSearchParams","location","search","decoded","decodeState","updateURL","history","url","URL","href","searchParams","delete","encoded","encodeState","set","relative","pathname","hash","replaceState","clearURL","generateShareableURL","toString","compact","t","toggles","json","btoa","Buffer","from","replace","base64","length","atob","Error","Array","isArray","VisibilityManager","hiddenToggles","Set","setToggleVisibility","toggleId","visible","wasHidden","has","shouldHide","add","hideAll","allToggleIds","id","showAll","getHiddenToggles","filterVisibleToggles","toggleIds","filter","applyElementVisibility","classList","remove","CustomViewsCore","rootEl","persistenceManager","visibilityManager","stateFromUrl","localConfig","stateChangeListeners","constructor","opt","config","body","getLocalConfig","init","querySelector","head","injectCoreStyles","addEventListener","loadAndRenderState","applyState","persistedState","renderState","defaultState","finalToggles","querySelectorAll","forEach","category","dataset","customviewsToggle","shouldShow","includes","customviewsId","notifyStateChangeListeners","resetToDefault","getCurrentActiveToggles","clearPersistence","addStateChangeListener","listener","push","removeStateChangeListener","index","indexOf","splice","AssetsManager","assets","baseURL","validate","Object","values","every","a","prependBaseURL","path","startsWith","endsWith","slice","loadFromJSON","loadAdditionalAssets","additionalAssets","CustomViewsWidget","core","container","widgetIcon","options","modal","position","theme","showReset","title","description","showWelcome","welcomeTitle","welcomeMessage","render","createWidgetIcon","attachEventListeners","showWelcomeModalIfFirstVisit","icon","injectWidgetStyles","destroy","openStateModal","closeModal","allToggles","createCustomStateModal","applyThemeToModal","toggleControls","map","toggle","formatToggleName","join","attachStateModalEventListeners","loadCurrentStateIntoForm","closeBtn","copyUrlBtn","copyShareableURL","resetBtn","checkbox","getCurrentCustomStateFromModal","e","target","handleEscape","key","removeEventListener","checked","customState","navigator","clipboard","writeText","then","log","catch","activeToggles","disabled","parentElement","removeAttribute","charAt","toUpperCase","STORAGE_KEY","setTimeout","createWelcomeModal","attachWelcomeModalEventListeners","gotItBtn","CustomViews","initFromJson","opts","assetsJsonPath","assetsPath","assetsJson","fetch","configPath","coreOptions"],"mappings":"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"}

package/dist/types/models/Config.d.ts

@@ -1,10 +0,0 @@
-import type { State } from "types/types";
-/**
- * Configuration for the site, has default state and list of toggles
- */
-export declare class Config {
-    defaultState: State;
-    allToggles?: string[] | undefined;
-    constructor(defaultState: State, allToggles?: string[] | undefined);
-}
-//# sourceMappingURL=Config.d.ts.map

package/dist/types/models/Config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Config.d.ts","sourceRoot":"","sources":["../../../src/models/Config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC;;GAEG;AACH,qBAAa,MAAM;IAER,YAAY,EAAE,KAAK;IACnB,UAAU,CAAC,EAAE,MAAM,EAAE;gBADrB,YAAY,EAAE,KAAK,EACnB,UAAU,CAAC,EAAE,MAAM,EAAE,YAAA;CAE/B"}