cuwebframework 0.1.2 → 0.2.0

package/dist/scripts/main.built.js

@@ -1 +1 @@
-function P(){const o=["u-theme-dark","u-theme-light"],n=document.documentElement,e=document.getElementById("tgl-theme");if(!e){console.warn('Toggle-Button mit ID "tgl-theme" nicht gefunden.');return}e.addEventListener("click",()=>{const t=n.classList.contains("u-theme-dark")?"u-theme-light":"u-theme-dark";n.classList.remove(...o),n.classList.add(t),n.setAttribute("color-scheme",t==="u-theme-dark"?"dark":"light");try{localStorage.setItem("theme",t)}catch(s){}})}function D(){var v,p;if(!window.gsap)return;const o=window.gsap,n=document.getElementById("g_nav_menu_toggle"),e=document.querySelector('label[for="g_nav_menu_toggle"]'),r=document.querySelector(".g_nav_menu"),t=(v=e==null?void 0:e.querySelector("use"))!=null?v:null;if(!n||!e||!t)return;const s=c=>{e.setAttribute("aria-label",c?"Menü schließen":"Menü öffnen"),e.setAttribute("aria-expanded",c?"true":"false")},i=c=>{t.setAttribute("href",c?"#icon-x-lg":"#icon-menu")},l=c=>{document.body.classList.toggle("u-overflow-hidden",c)},a=c=>{r&&o.to(r,c?{display:"block",height:"calc(100vh - var(--global-nav--height))",opacity:1,duration:.3,ease:"power2.out"}:{display:"none",height:0,opacity:0,duration:.25,ease:"power2.in"})},u=()=>{const c=!!n.checked;s(c),i(c),a(c),l(c)};document.documentElement.classList.add("js-nav");const m=(p=o.matchMedia)==null?void 0:p.call(o);m&&typeof m.add=="function"?m.add("(max-width: 1040px)",()=>{o.set(r,{height:0,opacity:0,display:"none"}),u(),n.addEventListener("change",u)}):(u(),n.addEventListener("change",u))}function x(){if(!window.gsap||!window.ScrollTrigger)return;const o=window.gsap,n=document.querySelector(".g_nav");if(!n)return;let e="shown";const r=50,t=350,s=()=>{e!=="shown"&&(o.to(n,{yPercent:0,duration:.25,ease:"power2.out",overwrite:!0}),e="shown")},i=()=>{e!=="hidden"&&(o.to(n,{yPercent:-100,duration:.25,ease:"power2.out",overwrite:!0}),e="hidden")},l=()=>{n.querySelectorAll("details[open]").forEach(a=>{a.dispatchEvent(new CustomEvent("details:request-close",{bubbles:!0}))})};window.ScrollTrigger.create({start:0,end:document.body.scrollHeight,onUpdate(a){if(a.scroll()<=r){s();return}Math.abs(a.getVelocity())<t||(a.direction===1?(l(),i()):s())}}),window.ScrollTrigger.addEventListener("refresh",()=>{window.scrollY<=r&&s()}),window.scrollY<=r?s():i()}function H(){if(!window.gsap)return;const n=t=>t==null?!0:window.innerWidth>t,e=(t,s,i)=>{var a,u;const l=(u=(a=t.dataset)==null?void 0:a[s])!=null?u:void 0;return l===void 0?i:l==="true"},r=(t,s,i)=>{var u,m;const l=(m=(u=t.dataset)==null?void 0:u[s])!=null?m:void 0;if(l===void 0||l==="")return i;const a=parseInt(l,10);return Number.isNaN(a)?i:a};document.querySelectorAll("details").forEach(t=>{var k;const s=t.querySelector("summary"),i=s==null?void 0:s.nextElementSibling;if(!s||!i)return;const l=Array.from(i.children),a=e(t,"hover",!1),u=r(t,"hoverMinWidth",null),m=(k=r(t,"hoverDelay",750))!=null?k:750,v=e(t,"animate",!0);let p=!1,c=!1,d=null;const y=()=>{d!=null&&(clearTimeout(d),d=null)};let f=null;const E=e(t,"autoclose",!1),b=()=>{!E||f||(f=h=>{var I,q;if(!t.open)return;const L=(q=(I=h.composedPath)==null?void 0:I.call(h))!=null?q:[];if(L.length){if(L.includes(s)||L.includes(i))return;A();return}const _=h.target;!!(_&&(s.contains(_)||i.contains(_)))||A()},document.addEventListener("pointerdown",f,{capture:!0}))},T=()=>{f&&(document.removeEventListener("pointerdown",f,{capture:!0}),f=null)},S=v;let w=null;const g={open:()=>{t.open=!0},close:()=>{t.open=!1}};if(S){const h=window.gsap;h.set(i,{height:0,overflow:"hidden"}),h.set(l,{opacity:0}),w=h.timeline({paused:!0,defaults:{duration:.35,ease:"power2.out"},onReverseComplete:()=>{t.open=!1,T()}}),w.set(t,{attr:{open:""}},0),w.to(i,{height:()=>i.scrollHeight}),w.set(i,{clearProps:"height"}),w.to(l,{opacity:1,stagger:.04,duration:.38},"-=0.25"),g.open=()=>{w.invalidate().play(0),b()},g.close=()=>{w.reverse()}}function C(){g.open(),S||b()}function A(){g.close(),S||T()}t.addEventListener("details:request-close",h=>{h.stopPropagation(),t.open&&A()}),s.addEventListener("click",h=>{if(h.preventDefault(),!t.open)C();else{if(p&&c){b();return}A()}}),a&&(t.addEventListener("mouseenter",()=>{n(u)&&(t.open||(p=!0,c=!0,y(),d=window.setTimeout(()=>{c=!1},m),C()))}),t.addEventListener("mouseleave",()=>{p&&(p=!1,c=!1,y(),t.open&&A())}))})}function Y(){document.querySelectorAll('[cu-list-sort="abc"]').forEach(n=>{const e=Array.from(n.children);e.sort((r,t)=>r.textContent.trim().localeCompare(t.textContent.trim(),"de",{sensitivity:"base"})),e.forEach(r=>n.appendChild(r))})}function N(){const o=String(new Date().getFullYear()),n=document.querySelectorAll('time[datetime="currentYear"]');n.length!==0&&n.forEach(e=>{e.setAttribute("datetime",o),e.textContent=o})}function O(){const o=document.querySelectorAll("[data-yt-id]");o.length&&o.forEach(async n=>{const e=n.dataset.ytId,r=n.querySelector("img");if(!e||!r)return;const t=await V(e);n.ariaLabel=`Video Abspielen: ${t}`,W(r,e,n.ariaLabel),n.dataset.listenerAdded||(n.addEventListener("click",()=>{const s=n.parentElement;s&&s.replaceChildren(F(e,t))}),n.dataset.listenerAdded="true")})}function W(o,n,e){return o.src=`https://img.youtube.com/vi_webp/${n}/sddefault.webp`,o.alt=e,o.title=e,o.onerror=()=>{o.onerror=null,o.src=`https://img.youtube.com/vi/${n}/sddefault.jpg`},o}function F(o,n){const e=document.createElement("iframe");return e.width="100%",e.height="100%",e.src=`https://www.youtube-nocookie.com/embed/${o}?autoplay=1&rel=0`,e.title=n,e.setAttribute("frameborder","0"),e.allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",e.allowFullscreen=!0,e.loading="lazy",e}async function V(o){const n=`https://www.youtube.com/oembed?url=https://youtu.be/${encodeURIComponent(o)}&format=json`;try{const e=await fetch(n);if(!e.ok)throw new Error(`HTTP-Error: ${e.status}`);return(await e.json()).title}catch(e){return console.error("Fehler beim Abrufen des Titels:",e),"Titel konnte nicht geladen werden"}}function $(){const o=(n,e=100)=>{let r;return(...t)=>{clearTimeout(r),r=setTimeout(()=>n(...t),e)}};document.querySelectorAll(".horizontal_slider_container").forEach(n=>{const e=n.querySelector('[data-slider="content"]'),r=n.querySelector('[data-slider="btn-right"]'),t=n.querySelector('[data-slider="btn-left"]'),s=n.querySelector(".button_group_wrapper"),i=r==null?void 0:r.closest(".button_main_wrap"),l=t==null?void 0:t.closest(".button_main_wrap"),a=()=>e.querySelectorAll('[data-slider="item"]').length?Array.from(e.querySelectorAll('[data-slider="item"]')):Array.from(e.children),u=d=>{const y=a();d<0||d>=y.length||y[d].scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"})},m=()=>{const d=a(),y=e.getBoundingClientRect().left+e.clientWidth/2;let f=0,E=1/0;return d.forEach((b,T)=>{const S=b.getBoundingClientRect(),w=S.left+S.width/2,g=Math.abs(w-y);g<E&&(E=g,f=T)}),f},v=()=>u(m()+1),p=()=>u(m()-1),c=()=>{const d=e.scrollLeft,y=e.scrollWidth-e.clientWidth,f=d<=0,E=d>=y-1;if(!(e.scrollWidth>e.clientWidth)){s==null||s.style.setProperty("display","none"),l==null||l.style.setProperty("display","none"),i==null||i.style.setProperty("display","none");return}s==null||s.style.setProperty("display","flex"),l==null||l.style.setProperty("display",f?"none":"flex"),i==null||i.style.setProperty("display",E?"none":"flex")};r==null||r.addEventListener("click",v),t==null||t.addEventListener("click",p),e==null||e.addEventListener("scroll",o(c)),window.addEventListener("resize",o(c,150)),setTimeout(c,200)})}P();D();x();H();Y();N();O();$();
+const O="modulepreload",x=function(a){return"/"+a},I={},H=function(o,t,c){let e=Promise.resolve();if(t&&t.length>0){let d=function(u){return Promise.all(u.map(h=>Promise.resolve(h).then(m=>({status:"fulfilled",value:m}),m=>({status:"rejected",reason:m}))))};var l=d;document.getElementsByTagName("link");const n=document.querySelector("meta[property=csp-nonce]"),i=(n==null?void 0:n.nonce)||(n==null?void 0:n.getAttribute("nonce"));e=d(t.map(u=>{if(u=x(u),u in I)return;I[u]=!0;const h=u.endsWith(".css"),m=h?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${u}"]${m}`))return;const r=document.createElement("link");if(r.rel=h?"stylesheet":O,h||(r.as="script"),r.crossOrigin="",r.href=u,i&&r.setAttribute("nonce",i),document.head.appendChild(r),h)return new Promise((f,g)=>{r.addEventListener("load",f),r.addEventListener("error",()=>g(new Error(`Unable to preload CSS for ${u}`)))})}))}function s(n){const i=new Event("vite:preloadError",{cancelable:!0});if(i.payload=n,window.dispatchEvent(i),!i.defaultPrevented)throw n}return e.then(n=>{for(const i of n||[])i.status==="rejected"&&s(i.reason);return o().catch(s)})};function Y(){const a=["u-theme-dark","u-theme-light"],o=document.documentElement,t=document.getElementById("tgl-theme");if(!t){console.warn('Toggle-Button mit ID "tgl-theme" nicht gefunden.');return}t.addEventListener("click",()=>{const e=o.classList.contains("u-theme-dark")?"u-theme-light":"u-theme-dark";o.classList.remove(...a),o.classList.add(e),o.setAttribute("color-scheme",e==="u-theme-dark"?"dark":"light");try{localStorage.setItem("theme",e)}catch(s){}})}function W(){var h,m;if(!window.gsap)return;const a=window.gsap,o=document.getElementById("g_nav_menu_toggle"),t=document.querySelector('label[for="g_nav_menu_toggle"]'),c=document.querySelector(".g_nav_menu"),e=(h=t==null?void 0:t.querySelector("use"))!=null?h:null;if(!o||!t||!e)return;const s=r=>{t.setAttribute("aria-label",r?"Menü schließen":"Menü öffnen"),t.setAttribute("aria-expanded",r?"true":"false")},l=r=>{e.setAttribute("href",r?"#icon-x-lg":"#icon-menu")},n=r=>{document.body.classList.toggle("u-overflow-hidden",r)},i=r=>{c&&a.to(c,r?{display:"block",height:"calc(100vh - var(--global-nav--height))",opacity:1,duration:.3,ease:"power2.out"}:{display:"none",height:0,opacity:0,duration:.25,ease:"power2.in"})},d=()=>{const r=!!o.checked;s(r),l(r),i(r),n(r)};document.documentElement.classList.add("js-nav");const u=(m=a.matchMedia)==null?void 0:m.call(a);u&&typeof u.add=="function"?u.add("(max-width: 1040px)",()=>{a.set(c,{height:0,opacity:0,display:"none"}),d(),o.addEventListener("change",d)}):(d(),o.addEventListener("change",d))}function B(){if(!window.gsap||!window.ScrollTrigger)return;const a=window.gsap,o=document.querySelector(".g_nav");if(!o)return;let t="shown";const c=50,e=350,s=()=>{t!=="shown"&&(a.to(o,{yPercent:0,duration:.25,ease:"power2.out",overwrite:!0}),t="shown")},l=()=>{t!=="hidden"&&(a.to(o,{yPercent:-100,duration:.25,ease:"power2.out",overwrite:!0}),t="hidden")},n=()=>{o.querySelectorAll("details[open]").forEach(i=>{i.dispatchEvent(new CustomEvent("details:request-close",{bubbles:!0}))})};window.ScrollTrigger.create({start:0,end:document.body.scrollHeight,onUpdate(i){if(i.scroll()<=c){s();return}Math.abs(i.getVelocity())<e||(i.direction===1?(n(),l()):s())}}),window.ScrollTrigger.addEventListener("refresh",()=>{window.scrollY<=c&&s()}),window.scrollY<=c?s():l()}function N(){if(!window.gsap)return;const o=e=>e==null?!0:window.innerWidth>e,t=(e,s,l)=>{var i,d;const n=(d=(i=e.dataset)==null?void 0:i[s])!=null?d:void 0;return n===void 0?l:n==="true"},c=(e,s,l)=>{var d,u;const n=(u=(d=e.dataset)==null?void 0:d[s])!=null?u:void 0;if(n===void 0||n==="")return l;const i=parseInt(n,10);return Number.isNaN(i)?l:i};document.querySelectorAll("details").forEach(e=>{var P;const s=e.querySelector("summary"),l=s==null?void 0:s.nextElementSibling;if(!s||!l)return;const n=Array.from(l.children),i=t(e,"hover",!1),d=c(e,"hoverMinWidth",null),u=(P=c(e,"hoverDelay",750))!=null?P:750,h=t(e,"animate",!0);let m=!1,r=!1,f=null;const g=()=>{f!=null&&(clearTimeout(f),f=null)};let p=null;const E=t(e,"autoclose",!1),S=()=>{!E||p||(p=v=>{var T,q;if(!e.open)return;const b=(q=(T=v.composedPath)==null?void 0:T.call(v))!=null?q:[];if(b.length){if(b.includes(s)||b.includes(l))return;L();return}const C=v.target;!!(C&&(s.contains(C)||l.contains(C)))||L()},document.addEventListener("pointerdown",p,{capture:!0}))},A=()=>{p&&(document.removeEventListener("pointerdown",p,{capture:!0}),p=null)},_=h;let y=null;const w={open:()=>{e.open=!0},close:()=>{e.open=!1}};if(_){const v=window.gsap;v.set(l,{height:0,overflow:"hidden"}),n.length>0&&v.set(n,{opacity:0}),y=v.timeline({paused:!0,defaults:{duration:.35,ease:"power2.out"},onReverseComplete:()=>{e.open=!1,A()}}),y.set(e,{attr:{open:""}},0),y.to(l,{height:()=>l.scrollHeight}),y.set(l,{clearProps:"height"}),n.length>0&&y.to(n,{opacity:1,stagger:.04,duration:.38},"-=0.25"),w.open=()=>{y.invalidate().play(0),S()},w.close=()=>{y.reverse()}}function k(){w.open(),_||S()}function L(){w.close(),_||A()}e.addEventListener("details:request-close",v=>{v.stopPropagation(),e.open&&L()}),s.addEventListener("click",v=>{if(v.preventDefault(),!e.open)k();else{if(m&&r){S();return}L()}}),i&&(e.addEventListener("mouseenter",()=>{o(d)&&(e.open||(m=!0,r=!0,g(),f=window.setTimeout(()=>{r=!1},u),k()))}),e.addEventListener("mouseleave",()=>{m&&(m=!1,r=!1,g(),e.open&&L())}))})}function F(){document.querySelectorAll('[cu-list-sort="abc"]').forEach(o=>{const t=Array.from(o.children);t.sort((c,e)=>c.textContent.trim().localeCompare(e.textContent.trim(),"de",{sensitivity:"base"})),t.forEach(c=>o.appendChild(c))})}function V(){const a=String(new Date().getFullYear()),o=document.querySelectorAll('time[datetime="currentYear"]');o.length!==0&&o.forEach(t=>{t.setAttribute("datetime",a),t.textContent=a})}function K(){const a=(o,t=100)=>{let c;return(...e)=>{clearTimeout(c),c=setTimeout(()=>o(...e),t)}};document.querySelectorAll(".horizontal_slider_container").forEach(o=>{const t=o.querySelector('[data-slider="content"]'),c=o.querySelector('[data-slider="btn-right"]'),e=o.querySelector('[data-slider="btn-left"]'),s=o.querySelector(".button_group_wrapper"),l=c==null?void 0:c.closest(".button_main_wrap"),n=e==null?void 0:e.closest(".button_main_wrap"),i=()=>t.querySelectorAll('[data-slider="item"]').length?Array.from(t.querySelectorAll('[data-slider="item"]')):Array.from(t.children),d=f=>{const g=i();f<0||f>=g.length||g[f].scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"})},u=()=>{const f=i(),g=t.getBoundingClientRect().left+t.clientWidth/2;let p=0,E=1/0;return f.forEach((S,A)=>{const _=S.getBoundingClientRect(),y=_.left+_.width/2,w=Math.abs(y-g);w<E&&(E=w,p=A)}),p},h=()=>d(u()+1),m=()=>d(u()-1),r=()=>{const f=t.scrollLeft,g=t.scrollWidth-t.clientWidth,p=f<=0,E=f>=g-1;if(!(t.scrollWidth>t.clientWidth)){s==null||s.style.setProperty("display","none"),n==null||n.style.setProperty("display","none"),l==null||l.style.setProperty("display","none");return}s==null||s.style.setProperty("display","flex"),n==null||n.style.setProperty("display",p?"none":"flex"),l==null||l.style.setProperty("display",E?"none":"flex")};c==null||c.addEventListener("click",h),e==null||e.addEventListener("click",m),t==null||t.addEventListener("scroll",a(r)),window.addEventListener("resize",a(r,150)),setTimeout(r,200)})}function U(){Y(),W(),B(),N(),F(),V(),K()}async function j(){(await H(()=>import("./ytLoader-DPWaHXzc.js"),[])).ytLoader()}function D(){U(),j().catch(a=>{console.error("YouTube-Feature konnte nicht geladen werden:",a)})}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",D,{once:!0}):D();

package/dist/scripts/ytLoader-DPWaHXzc.js

@@ -0,0 +1 @@
+function s(){const r=document.querySelectorAll("[data-yt-id]");r.length&&r.forEach(async t=>{const e=t.dataset.ytId,o=t.querySelector("img");if(!e||!o)return;const a=await i(e);t.ariaLabel=`Video Abspielen: ${a}`,c(o,e,t.ariaLabel),t.dataset.listenerAdded||(t.addEventListener("click",()=>{const n=t.parentElement;n&&n.replaceChildren(l(e,a))}),t.dataset.listenerAdded="true")})}function c(r,t,e){return r.src=`https://img.youtube.com/vi_webp/${t}/sddefault.webp`,r.alt=e,r.title=e,r.onerror=()=>{r.onerror=null,r.src=`https://img.youtube.com/vi/${t}/sddefault.jpg`},r}function l(r,t){const e=document.createElement("iframe");return e.width="100%",e.height="100%",e.src=`https://www.youtube-nocookie.com/embed/${r}?autoplay=1&rel=0`,e.title=t,e.setAttribute("frameborder","0"),e.allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",e.allowFullscreen=!0,e.loading="lazy",e}async function i(r){const t=`https://www.youtube.com/oembed?url=https://youtu.be/${encodeURIComponent(r)}&format=json`;try{const e=await fetch(t);if(!e.ok)throw new Error(`HTTP-Error: ${e.status}`);return(await e.json()).title}catch(e){return console.error("Fehler beim Abrufen des Titels:",e),"Titel konnte nicht geladen werden"}}export{s as ytLoader};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cuwebframework",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "description": "Lightweight web framework by Copteruni",
   "type": "module",
   "main": "dist/scripts/main.built.js",