@strifeapp/strife 0.2.3-alpha → 0.2.4-alpha

package/dist/index-6668505f.js

@@ -0,0 +1,2 @@
+import{u as e,S as t,C as s,A as i}from'./index-f06a1c18.js';const n=new CSSStyleSheet;n.replaceSync(':root {\n  --str-placeholder-text-opacity: 0.3;\n  --str-placeholder-background-color: #0099ff;\n  --str-placeholder-background-opacity: 0.8;\n}\nimg.previewing {\n  --img-previewing-url: \'\';\n  --img-previewing-size: 100%;\n  --img-previewing-position: 0px 0px;\n  background-image: var(--img-previewing-url);\n  background-repeat: no-repeat;\n  background-position: var(--img-previewing-position);\n  background-size: var(--img-previewing-size);\n}\nimg.previewing.previewing--empty {\n  background-image: repeating-linear-gradient(45deg, var(--str-placeholder-background-color) 0, transparent 1px, transparent 0, transparent 50%);\n  background-repeat: repeat;\n  background-position: 0 0;\n  background-size: 15px 15px;\n  outline: solid 1px var(--str-placeholder-background-color);\n  opacity: var(--str-placeholder-background-opacity);\n}\n\n\n\n:where([is^="str-h"]:empty, [is^="str-textarea"]:empty, [is^="str-address"]:empty, [is^="str-anchor"]:empty, [is^="str-p"]:empty)::before {\n  color: inherit;\n\n  opacity: var(--str-placeholder-text-opacity);\n\n  content: attr(data-placeholder);\n}\n\n::view-transition-old(root),\n::view-transition-new(root) {\n  animation-duration: 0.5s;\n}');class r extends HTMLAnchorElement{constructor(){super(),this.tabIndex=0}connectedCallback(){e(this,(e=>this.render(e)))}render(e){if(e){this.href=e.href;const t=this.childNodes;if(0===t.length)this.textContent=e.text;else for(const s of t)s.nodeType===Node.TEXT_NODE&&(s.nodeValue=e.text);'_blank'===e.target&&(this.target=e.target)}}}customElements.define('str-anchor',r,{extends:'a'});const a='https://cdn.strife.app/AS3SX_-B59mU1hdDS7B_YfI5Lu9Ut-kLpdaAhraKgy4/w:1/h:1/aHR0cHM6Ly9zdHJpZmUuYi1jZG4ubmV0L3RyYW5zcGFyZW50MXgxLnBuZw.png',d=e=>e.startsWith('http://')||e.startsWith('https://')?e:'https:'+e;customElements.define('str-picture',class extends HTMLPictureElement{_propertyMedia;_currentSrc;constructor(){super(),this.image=this.querySelector('img'),this.sources=[...this.querySelectorAll('source')],this.tabIndex=0,this.image.complete?this.init():(this.image.addEventListener('load',(e=>{this.init()}),{once:!0}),this.image.addEventListener('error',(e=>{this.init()}),{once:!0})),this._initied=new Promise(((e,t)=>{this.loadedResolve=e,this.loadedReject=t}))}connectedCallback(){}init(){this.initPreview(),e(this,(e=>{this.render(e)}))}initPreview(){this._currentSrc=this.sources.find((e=>{if(this.image.currentSrc){const t=new URL(d(this.image.currentSrc)),s=new URL(d(e.srcset));return t.href===s.href}return window.matchMedia(e.media).matches})),this._currentSrc&&(this._propertyMedia=this._currentSrc.dataset?.propertyMedia,this.offsetWidth,this._currentSrc.width,!this.image.currentSrc&&this._currentSrc.width&&this._currentSrc.height&&this.image.classList.add('previewing--empty'),this.image.classList.add('previewing'),this.image.style.maxWidth='100%',this.image.style.width=this._currentSrc.width+'px',this.image.style.aspectRatio=this._currentSrc.width/this._currentSrc.height,this.image.style.setProperty('--img-previewing-url',`url(${this.image.currentSrc||this._currentSrc.srcset})`),this.image.style.setProperty('--img-previewing-size','100%'),this.image.style.setProperty('--img-previewing-position','0px,0px'),this.image.src=a,this.sources.forEach((e=>{e.srcset=a})),this.image.addEventListener('load',(e=>{this.loadedResolve()}),{once:!0}))}render(e){this._initied.then((()=>{if(this._propertyMedia&&e&&e[this._propertyMedia]&&e[this._propertyMedia].source&&e[this._propertyMedia].source.crop){const t=this.image.offsetWidth/e[this._propertyMedia].width,s=this.image.offsetWidth/2-e[this._propertyMedia].source.originalWidth*(e[this._propertyMedia].source.crop.zoom*t)*e[this._propertyMedia].source.crop.focusX,i=this.image.offsetHeight/2-e[this._propertyMedia].source.originalHeight*(e[this._propertyMedia].source.crop.zoom*t)*e[this._propertyMedia].source.crop.focusY,n=e[this._propertyMedia].source.originalWidth/this.image.offsetWidth*(e[this._propertyMedia].source.crop.zoom*t);this.image.style.setProperty('--img-previewing-url',`url(${e[this._propertyMedia].source.originalPreview})`),this.image.style.setProperty('--img-previewing-size',100*n+'%'),this.image.style.setProperty('--img-previewing-position',`${s}px ${i}px`),e[this._propertyMedia].source.originalPreview?this.image.classList.remove('previewing--empty'):this.image.classList.add('previewing--empty')}}))}disconnectedCallback(){}},{extends:'picture'}),customElements.define('str-img',class extends HTMLImageElement{constructor(){super(),this.tabIndex=0,this.complete?this.init():(this.addEventListener('load',(e=>{this.init()}),{once:!0}),this.addEventListener('error',(e=>{this.init()}),{once:!0})),this._loaded=new Promise(((e,t)=>{this.loadedResolve=e,this.loadedReject=t}))}connectedCallback(){}init(){this.initPreview(),e(this,(e=>{this.render(e)}))}initPreview(){this.classList.add('previewing'),this.src||this.classList.add('previewing--empty'),this.style.width=this.width+'px',this.style.height=this.height+'px',this.style.setProperty('--img-previewing-url',`url(${this.src})`),this.style.setProperty('--img-previewing-size','100%'),this.style.setProperty('--img-previewing-position','0px,0px'),this.src='https://cdn.strife.app/AS3SX_-B59mU1hdDS7B_YfI5Lu9Ut-kLpdaAhraKgy4/w:1/h:1/aHR0cHM6Ly9zdHJpZmUuYi1jZG4ubmV0L3RyYW5zcGFyZW50MXgxLnBuZw.png',this.addEventListener('load',(e=>{this.loadedResolve()}),{once:!0})}render(e){this._loaded.then((()=>{if(e&&e.source&&e.source.crop){const t=this.offsetWidth/e.width,s=this.offsetWidth/2-e.source.originalWidth*(e.source.crop.zoom*t)*e.source.crop.focusX,i=this.offsetHeight/2-e.source.originalHeight*(e.source.crop.zoom*t)*e.source.crop.focusY,n=e.source.originalWidth/this.offsetWidth*(e.source.crop.zoom*t);this.style.setProperty('--img-previewing-url',`url(${e.source.originalPreview})`),this.style.setProperty('--img-previewing-size',100*n+'%'),this.style.setProperty('--img-previewing-position',`${s}px ${i}px`),e.source.originalPreview?this.classList.remove('previewing--empty'):this.classList.add('previewing--empty')}else e&&e.draft?(this.style.setProperty('--img-previewing-url',`url(${e.draft+'?cb='+Date.now()})`),this.style.setProperty('--img-previewing-size','100%'),this.style.setProperty('--img-previewing-position','0px,0px'),this.classList.remove('previewing--empty')):this.classList.add('previewing--empty')}))}disconnectedCallback(){}},{extends:'img'});class c extends HTMLTimeElement{constructor(){super(),this.tabIndex=0}connectedCallback(){e(this,(e=>this.render(e)))}render(e){e&&(this.textContent=((e,t)=>{if(!t)return e;const s=new Date(e);if(isNaN(s))return'Invalid Date';const i=s.getFullYear(),n=String(i).slice(-2),r=String(s.getMonth()+1).padStart(2,'0'),a=new Intl.DateTimeFormat('en-US',{month:'short'}).format(s),d={yyyy:i,yy:n,MMMM:new Intl.DateTimeFormat('en-US',{month:'long'}).format(s),MMM:a,MM:r,dd:String(s.getDate()).padStart(2,'0'),d:String(s.getDate()),hh:String(s.getHours()).padStart(2,'0'),mm:String(s.getMinutes()).padStart(2,'0'),ss:String(s.getSeconds()).padStart(2,'0')},c=new RegExp(Object.keys(d).join('|'),'g');return t.replace(c,(e=>d[e]))})(e,this.dataset.format))}}customElements.define('str-time',c,{extends:'time'});const o=t=>{e(t,(e=>{l(t,e)}))},l=(e,t)=>{e.textContent=t};customElements.define('str-address',class extends HTMLElement{connectedCallback(){o(this)}render(e){l(this,e)}},{extends:'address'}),customElements.define('str-p',class extends HTMLParagraphElement{connectedCallback(){o(this)}render(e){l(this,e)}},{extends:'p'}),customElements.define('str-span',class extends HTMLSpanElement{connectedCallback(){o(this)}render(e){l(this,e)}},{extends:'span'}),customElements.define('str-strong',class extends HTMLElement{connectedCallback(){o(this)}render(e){l(this,e)}},{extends:'strong'}),customElements.define('str-h1',class extends HTMLHeadingElement{connectedCallback(){o(this)}render(e){l(this,e)}},{extends:'h1'}),customElements.define('str-h2',class extends HTMLHeadingElement{connectedCallback(){o(this)}render(e){l(this,e)}},{extends:'h2'}),customElements.define('str-h3',class extends HTMLHeadingElement{connectedCallback(){o(this)}render(e){l(this,e)}},{extends:'h3'}),customElements.define('str-h4',class extends HTMLHeadingElement{connectedCallback(){o(this)}render(e){l(this,e)}},{extends:'h4'}),customElements.define('str-h5',class extends HTMLHeadingElement{connectedCallback(){o(this)}render(e){l(this,e)}},{extends:'h5'}),customElements.define('str-h6',class extends HTMLHeadingElement{connectedCallback(){o(this)}render(e){l(this,e)}},{extends:'h6'}),customElements.define('str-abbr',class extends HTMLElement{connectedCallback(){o(this)}render(e){l(this,e)}},{extends:'abbr'}),customElements.define('str-b',class extends HTMLElement{connectedCallback(){o(this)}render(e){l(this,e)}},{extends:'b'}),customElements.define('str-button',class extends HTMLButtonElement{connectedCallback(){o(this)}render(e){l(this,e)}},{extends:'button'}),customElements.define('str-cite',class extends HTMLElement{connectedCallback(){o(this)}render(e){l(this,e)}},{extends:'cite'}),customElements.define('str-code',class extends HTMLElement{connectedCallback(){o(this)}render(e){l(this,e)}},{extends:'code'}),customElements.define('str-dfn',class extends HTMLElement{connectedCallback(){o(this)}render(e){l(this,e)}},{extends:'dfn'}),customElements.define('str-em',class extends HTMLElement{connectedCallback(){o(this)}render(e){l(this,e)}},{extends:'em'}),customElements.define('str-i',class extends HTMLElement{connectedCallback(){o(this)}render(e){l(this,e)}},{extends:'i'}),customElements.define('str-label',class extends HTMLLabelElement{connectedCallback(){o(this)}render(e){l(this,e)}},{extends:'label'}),customElements.define('str-mark',class extends HTMLElement{connectedCallback(){o(this)}render(e){l(this,e)}},{extends:'mark'}),customElements.define('str-q',class extends HTMLQuoteElement{connectedCallback(){o(this)}render(e){l(this,e)}},{extends:'q'}),customElements.define('str-sub',class extends HTMLElement{connectedCallback(){o(this)}render(e){l(this,e)}},{extends:'sub'}),customElements.define('str-sup',class extends HTMLElement{connectedCallback(){o(this)}render(e){l(this,e)}},{extends:'sup'});const h=n=>{e(n,((e,t)=>{m(n,e,t)})),t.send({cmd:s.EU,updates:[{action:i.INIT,context:{propertyName:n.dataset.field}}]})},m=(e,t,s)=>{document.startViewTransition?document.startViewTransition((()=>{p(e,t,s)})):p(e,t,s)},p=(e,n,r)=>{const a=((e,t)=>{t.iterate||t.model;var s=t.templates.find((e=>e.collection===t.model['@metadata']['@collection']));let i=e;e.includes('.')&&(i=e.split('.')[0]);const n=s?.editors.find((e=>e.editor.propertyName===i)),r=n?.editor.type;if(e!==i)switch(r){case'chapters':const[s,r]=e.split('.').slice(1),a=t.model[i][Number(s)],d=t.templates.find((e=>e.normalizedName===a['@strife']?.template))?.editors.find((e=>e.editor.propertyName===r));return d?.editor.type;case'collection':const[c,o]=e.split('.').slice(1),l=t.templates.find((e=>e.collection===t.iterate['@metadata']['@collection']))?.editors.find((e=>e.editor.propertyName===o));return l?.editor.type;case'content-template':const[h]=e.split('.').slice(1),m=t.templates.find((e=>e.normalizedName===n.editor.attributes.templateId))?.editors.find((e=>e.editor.propertyName===h));return m?.editor.type}return r})(e.dataset.field,r);switch(e.innerHTML='',a){case'collection':((e,t,s)=>{t.documents&&t.documents.forEach(((t,i)=>{let n=document.getElementById(`collection_${e.dataset.field}`).content;e.appendChild(n.cloneNode(!0)),e.querySelectorAll(`[is^="str-"]:not([data-field^="${e.dataset.field}."])`).forEach((n=>{const r=n.dataset.field;var a;n.dataset.field=`${e.dataset.field}.${i}.${r}`,n.render((a=t,r?.split('.').reduce(((e,t)=>e?.[t]),a)),{templates:s.templates,model:s.model,iterate:t})}))}))})(e,n,r);break;case'chapters':((e,t,s)=>{t.forEach(((t,i)=>{let n=document.getElementById(t['@strife'].template).content;e.appendChild(n.cloneNode(!0)),e.querySelectorAll(`[is^="str-"]:not([data-field^="${e.dataset.field}."])`).forEach(((n,r)=>{const a=n.dataset.field;n.dataset.field=`${e.dataset.field}.${i}.${a}`,n.render(t[a],s)}))}))})(e,n,r);break;case'html':e.innerHTML=n;break;case'text':e.textContent=n;break;default:e.innerHTML=`<p>Unsupported container type: ${a} for ${e.tagName}</p>`}switch(a){case'collection':case'chapters':setTimeout((()=>{t.send({cmd:s.EU,updates:[{action:i.SYNC,context:{name:window.name,height:document.body.scrollHeight}}]})}),300)}};customElements.define('str-div',class extends HTMLDivElement{connectedCallback(){h(this)}render(e,t){m(this,e,t)}},{extends:'div'}),customElements.define('str-ul',class extends HTMLUListElement{connectedCallback(){h(this)}render(e,t){m(this,e,t)}},{extends:'ul'}),customElements.define('str-ol',class extends HTMLOListElement{connectedCallback(){h(this)}render(e,t){m(this,e,t)}},{extends:'ol'}),customElements.define('str-section',class extends HTMLElement{connectedCallback(){h(this)}render(e,t){m(this,e,t)}},{extends:'section'}),customElements.define('str-header',class extends HTMLElement{connectedCallback(){h(this)}render(e,t){m(this,e,t)}},{extends:'header'}),customElements.define('str-footer',class extends HTMLElement{connectedCallback(){h(this)}render(e,t){m(this,e,t)}},{extends:'footer'}),customElements.define('str-nav',class extends HTMLElement{connectedCallback(){h(this)}render(e,t){m(this,e,t)}},{extends:'nav'}),customElements.define('str-article',class extends HTMLElement{connectedCallback(){h(this)}render(e,t){m(this,e,t)}},{extends:'article'}),customElements.define('str-main',class extends HTMLElement{connectedCallback(){h(this)}render(e,t){m(this,e,t)}},{extends:'main'}),customElements.define('str-aside',class extends HTMLElement{connectedCallback(){h(this)}render(e,t){m(this,e,t)}},{extends:'aside'}),customElements.define('str-blockquote',class extends HTMLElement{connectedCallback(){h(this)}render(e,t){m(this,e,t)}},{extends:'blockquote'}),document.adoptedStyleSheets=[n];
+//# sourceMappingURL=index-6668505f.js.map

package/dist/index-6668505f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-6668505f.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/index-f06a1c18.js

@@ -0,0 +1,2 @@
+const e={CONNECT:1,HSHK:2,EU:4,SYNC:8},t={NONE:8,EDIT:16,RESET:32,INIT:64,SYNC:128,STATE:256};class a extends MessageChannel{static _instanceCache;static get instance(){return this._instanceCache||(this._instanceCache=new this),this._instanceCache}invoke(){switch(this.port1.addEventListener('message',(t=>{t.data.cmd===e.CONNECT&&this.onConnected(t)}),{once:!0}),this.port1.start(),this._ready=new Promise(((e,t)=>{this.readyResolve=e,this.readyReject=t})),this._ready.then((()=>{console.log(`SENDING MESSAGE FROM SDK IN WINDOW ${window.name}`),window.top.postMessage({cmd:e.HSHK,context:{name:window.name,height:document.body.scrollHeight}},'*',[this.port2])})),document.readyState){case'loading':case'interactive':document.onreadystatechange=()=>{'complete'===document.readyState&&this.readyResolve()};break;case'complete':this.readyResolve()}}constructor(){super(),this.broadcastChannel=new BroadcastChannel('app.broadcast')}subscribe(e){if('function'!=typeof e)throw new Error('messageHandler must be a function!');const t=t=>{try{e(t)}catch(e){console.error('Error in messageHandler:',e)}},a=e=>{try{this.broadcastChannel.postMessage(e.data)}catch(e){console.error('Error in messageHandler:',e)}};return this.broadcastChannel.addEventListener('message',t),this.port1.addEventListener('message',t),this.port1.addEventListener('message',a),()=>{this.broadcastChannel.removeEventListener('message',t),this.port1.removeEventListener('message',t),this.port1.removeEventListener('message',a)}}send(e){this.port1.postMessage(e),this.broadcastChannel.postMessage(e)}onConnected(e){return e}}const s=s=>{if('function'!=typeof s)throw new Error('messageHandler must be a function!');return a.instance.subscribe((a=>{try{if(a.data.cmd===e.SYNC)for(const e of a.data.sync)e.action!==t.STATE||(console.log('handleMessage',a.data,window.name),s(e.state))}catch(e){console.error('Error in messageHandler:',e)}}))},n=[],o=({data:s})=>{try{if(s.cmd===e.SYNC){s.sync.forEach((e=>{switch(e.action){case t.INIT:n.forEach((({self:t,handler:a})=>{const s=e.data.find((e=>e.propertyName===t.dataset.field));e.currentPath===window.location.pathname&&s&&(t.dataset.placeholder=s.placeholder)}));break;case t.EDIT:case t.RESET:n.forEach((({self:a,handler:s})=>{if(e.currentPath===window.location.pathname&&(e.action===t.RESET||e.data.some((e=>e.name===a.dataset.field)))){const t=e.data.findIndex((e=>e.name===a.dataset.field));t>=0&&s(e.data[t].value,e.context)}}))}}));a.instance.send({cmd:e.EU,updates:[{action:t.SYNC,context:{name:window.name,height:document.body.scrollHeight}}]})}}catch(e){console.error(e)}},r=(e,t)=>{const s=a.instance;return s.subscribe(o),n.push({self:e,handler:t}),s},c=async()=>{'undefined'!=typeof window&&window.top!==window.self&&(await import('./index-6668505f.js'),a.instance.invoke())};export{t as A,e as C,a as S,c as r,s,r as u};
+//# sourceMappingURL=index-f06a1c18.js.map

package/dist/index-f06a1c18.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-f06a1c18.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/index.js

@@ -0,0 +1,2 @@
+export{r as ready,s as subscribe,u as useState}from'./index-f06a1c18.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@strifeapp/strife",
-  "version": "0.2.3-alpha",
+  "version": "0.2.4-alpha",
   "description": "The Strife SDK for JavaScript.",
   "keywords": [],
   "files": [
     "dist"
   ],
   "source": "index.js",
-  "module": "dist/index.esm.js",
-  "unpkg": "dist/index.esm.js",
+  "module": "dist/index.js",
+  "unpkg": "dist/index.js",
   "scripts": {
-    "build": "npx rollup -c -i index.js -o dist/index.esm.js",
+    "build": "npx rollup -c -i index.js -d dist",
     "prepublishOnly": "npm run build"
   },
   "devDependencies": {

package/dist/index.esm.js

@@ -1,2 +0,0 @@
-const e={CONNECT:1,HSHK:2,EU:4,SYNC:8},t={NONE:8,EDIT:16,RESET:32,INIT:64,SYNC:128,STATE:256};class s extends MessageChannel{constructor(){super(),this.broadcastChannel=new BroadcastChannel('app.broadcast');switch(this.port1.addEventListener('message',(t=>{t.data.cmd===e.CONNECT&&this.onConnected(t)}),{once:!0}),this.port1.start(),this._ready=new Promise(((e,t)=>{this.readyResolve=e,this.readyReject=t})),this._ready.then((()=>{console.log(`SENDING MESSAGE FROM SDK IN WINDOW ${window.name}`),window.top.postMessage({cmd:e.HSHK,context:{name:window.name,height:document.body.scrollHeight}},'*',[this.port2])})),document.readyState){case'loading':case'interactive':document.onreadystatechange=()=>{'complete'===document.readyState&&this.readyResolve()};break;case'complete':this.readyResolve()}}subscribe(e){if('function'!=typeof e)throw new Error('messageHandler must be a function!');const t=t=>{try{e(t)}catch(e){console.error('Error in messageHandler:',e)}},s=e=>{try{this.broadcastChannel.postMessage(e.data)}catch(e){console.error('Error in messageHandler:',e)}};return this.broadcastChannel.addEventListener('message',t),this.port1.addEventListener('message',t),this.port1.addEventListener('message',s),()=>{this.broadcastChannel.removeEventListener('message',t),this.port1.removeEventListener('message',t),this.port1.removeEventListener('message',s)}}send(e){this.port1.postMessage(e),this.broadcastChannel.postMessage(e)}onConnected(e){return e}}const n=new s,i=s=>{if('function'!=typeof s)throw new Error('messageHandler must be a function!');return n.subscribe((n=>{try{if(n.data.cmd===e.SYNC)for(const e of n.data.sync)e.action!==t.STATE||s(e.state)}catch(e){console.error('Error in messageHandler:',e)}}))},r=()=>n,a=[];n.subscribe((({data:s})=>{try{s.cmd===e.SYNC?(s.sync.forEach((e=>{switch(e.action){case t.INIT:a.forEach((({self:t,handler:s})=>{const n=e.data.find((e=>e.propertyName===t.dataset.field));e.currentPath===window.location.pathname&&n&&(t.dataset.placeholder=n.placeholder)}));break;case t.EDIT:case t.RESET:a.forEach((({self:s,handler:n})=>{if(e.currentPath===window.location.pathname&&(e.action===t.RESET||e.data.some((e=>e.name===s.dataset.field)))){const t=e.data.findIndex((e=>e.name===s.dataset.field));t>=0&&n(e.data[t].value,e.context)}}))}})),n.send({cmd:e.EU,updates:[{action:t.SYNC,context:{name:window.name,height:document.body.scrollHeight}}]})):s.cmd===e.EU&&s.action===t.FOCUS&&s.updates.forEach((e=>{a.forEach((({self:t})=>{e.propertyName===t.dataset.field&&e.currentPath===window.location.pathname&&t.scrollIntoView({behavior:'smooth',block:'center'})}))}))}catch(e){console.error(e)}}));const o=(e,t)=>(a.push({self:e,handler:t}),n),c=new CSSStyleSheet;c.replaceSync(':root {\n  --str-placeholder-text-opacity: 0.3;\n  --str-placeholder-background-color: #0099ff;\n  --str-placeholder-background-opacity: 0.8;\n}\nimg.previewing {\n  --img-previewing-url: \'\';\n  --img-previewing-size: 100%;\n  --img-previewing-position: 0px 0px;\n  background-image: var(--img-previewing-url);\n  background-repeat: no-repeat;\n  background-position: var(--img-previewing-position);\n  background-size: var(--img-previewing-size);\n}\nimg.previewing.previewing--empty {\n  background-image: repeating-linear-gradient(45deg, var(--str-placeholder-background-color) 0, transparent 1px, transparent 0, transparent 50%);\n  background-repeat: repeat;\n  background-position: 0 0;\n  background-size: 15px 15px;\n  outline: solid 1px var(--str-placeholder-background-color);\n  opacity: var(--str-placeholder-background-opacity);\n}\n\n\n\n:where([is^="str-h"]:empty, [is^="str-textarea"]:empty, [is^="str-address"]:empty, [is^="str-anchor"]:empty, [is^="str-p"]:empty)::before {\n  color: inherit;\n\n  opacity: var(--str-placeholder-text-opacity);\n\n  content: attr(data-placeholder);\n}\n\n::view-transition-old(root),\n::view-transition-new(root) {\n  animation-duration: 0.5s;\n}');class d extends HTMLAnchorElement{constructor(){super(),this.tabIndex=0}connectedCallback(){o(this,(e=>this.render(e)))}render(e){if(e){this.href=e.href;const t=this.childNodes;if(0===t.length)this.textContent=e.text;else for(const s of t)s.nodeType===Node.TEXT_NODE&&(s.nodeValue=e.text);'_blank'===e.target&&(this.target=e.target)}}}customElements.define('str-anchor',d,{extends:'a'});const l='https://cdn.strife.app/AS3SX_-B59mU1hdDS7B_YfI5Lu9Ut-kLpdaAhraKgy4/w:1/h:1/aHR0cHM6Ly9zdHJpZmUuYi1jZG4ubmV0L3RyYW5zcGFyZW50MXgxLnBuZw.png',h=e=>e.startsWith('http://')||e.startsWith('https://')?e:'https:'+e;customElements.define('str-picture',class extends HTMLPictureElement{_propertyMedia;_currentSrc;constructor(){super(),this.image=this.querySelector('img'),this.sources=[...this.querySelectorAll('source')],this.tabIndex=0,this.image.complete?this.init():(this.image.addEventListener('load',(e=>{this.init()}),{once:!0}),this.image.addEventListener('error',(e=>{this.init()}),{once:!0})),this._initied=new Promise(((e,t)=>{this.loadedResolve=e,this.loadedReject=t}))}connectedCallback(){}init(){this.initPreview(),o(this,(e=>{this.render(e)}))}initPreview(){this._currentSrc=this.sources.find((e=>{if(this.image.currentSrc){const t=new URL(h(this.image.currentSrc)),s=new URL(h(e.srcset));return t.href===s.href}return window.matchMedia(e.media).matches})),this._currentSrc&&(this._propertyMedia=this._currentSrc.dataset?.propertyMedia,this.offsetWidth,this._currentSrc.width,!this.image.currentSrc&&this._currentSrc.width&&this._currentSrc.height&&this.image.classList.add('previewing--empty'),this.image.classList.add('previewing'),this.image.style.maxWidth='100%',this.image.style.width=this._currentSrc.width+'px',this.image.style.aspectRatio=this._currentSrc.width/this._currentSrc.height,this.image.style.setProperty('--img-previewing-url',`url(${this.image.currentSrc||this._currentSrc.srcset})`),this.image.style.setProperty('--img-previewing-size','100%'),this.image.style.setProperty('--img-previewing-position','0px,0px'),this.image.src=l,this.sources.forEach((e=>{e.srcset=l})),this.image.addEventListener('load',(e=>{this.loadedResolve()}),{once:!0}))}render(e){this._initied.then((()=>{if(this._propertyMedia&&e&&e[this._propertyMedia]&&e[this._propertyMedia].source&&e[this._propertyMedia].source.crop){const t=this.image.offsetWidth/e[this._propertyMedia].width,s=this.image.offsetWidth/2-e[this._propertyMedia].source.originalWidth*(e[this._propertyMedia].source.crop.zoom*t)*e[this._propertyMedia].source.crop.focusX,n=this.image.offsetHeight/2-e[this._propertyMedia].source.originalHeight*(e[this._propertyMedia].source.crop.zoom*t)*e[this._propertyMedia].source.crop.focusY,i=e[this._propertyMedia].source.originalWidth/this.image.offsetWidth*(e[this._propertyMedia].source.crop.zoom*t);this.image.style.setProperty('--img-previewing-url',`url(${e[this._propertyMedia].source.originalPreview})`),this.image.style.setProperty('--img-previewing-size',100*i+'%'),this.image.style.setProperty('--img-previewing-position',`${s}px ${n}px`),e[this._propertyMedia].source.originalPreview?this.image.classList.remove('previewing--empty'):this.image.classList.add('previewing--empty')}}))}disconnectedCallback(){}},{extends:'picture'}),customElements.define('str-img',class extends HTMLImageElement{constructor(){super(),this.tabIndex=0,this.complete?this.init():(this.addEventListener('load',(e=>{this.init()}),{once:!0}),this.addEventListener('error',(e=>{this.init()}),{once:!0})),this._loaded=new Promise(((e,t)=>{this.loadedResolve=e,this.loadedReject=t}))}connectedCallback(){}init(){this.initPreview(),o(this,(e=>{this.render(e)}))}initPreview(){this.classList.add('previewing'),this.src||this.classList.add('previewing--empty'),this.style.width=this.width+'px',this.style.height=this.height+'px',this.style.setProperty('--img-previewing-url',`url(${this.src})`),this.style.setProperty('--img-previewing-size','100%'),this.style.setProperty('--img-previewing-position','0px,0px'),this.src='https://cdn.strife.app/AS3SX_-B59mU1hdDS7B_YfI5Lu9Ut-kLpdaAhraKgy4/w:1/h:1/aHR0cHM6Ly9zdHJpZmUuYi1jZG4ubmV0L3RyYW5zcGFyZW50MXgxLnBuZw.png',this.addEventListener('load',(e=>{this.loadedResolve()}),{once:!0})}render(e){this._loaded.then((()=>{if(e&&e.source&&e.source.crop){const t=this.offsetWidth/e.width,s=this.offsetWidth/2-e.source.originalWidth*(e.source.crop.zoom*t)*e.source.crop.focusX,n=this.offsetHeight/2-e.source.originalHeight*(e.source.crop.zoom*t)*e.source.crop.focusY,i=e.source.originalWidth/this.offsetWidth*(e.source.crop.zoom*t);this.style.setProperty('--img-previewing-url',`url(${e.source.originalPreview})`),this.style.setProperty('--img-previewing-size',100*i+'%'),this.style.setProperty('--img-previewing-position',`${s}px ${n}px`),e.source.originalPreview?this.classList.remove('previewing--empty'):this.classList.add('previewing--empty')}else e&&e.draft?(this.style.setProperty('--img-previewing-url',`url(${e.draft+'?cb='+Date.now()})`),this.style.setProperty('--img-previewing-size','100%'),this.style.setProperty('--img-previewing-position','0px,0px'),this.classList.remove('previewing--empty')):this.classList.add('previewing--empty')}))}disconnectedCallback(){}},{extends:'img'});class m extends HTMLTimeElement{constructor(){super(),this.tabIndex=0}connectedCallback(){o(this,(e=>this.render(e)))}render(e){e&&(this.textContent=((e,t)=>{if(!t)return e;const s=new Date(e);if(isNaN(s))return'Invalid Date';const n=s.getFullYear(),i=String(n).slice(-2),r=String(s.getMonth()+1).padStart(2,'0'),a=new Intl.DateTimeFormat('en-US',{month:'short'}).format(s),o={yyyy:n,yy:i,MMMM:new Intl.DateTimeFormat('en-US',{month:'long'}).format(s),MMM:a,MM:r,dd:String(s.getDate()).padStart(2,'0'),d:String(s.getDate()),hh:String(s.getHours()).padStart(2,'0'),mm:String(s.getMinutes()).padStart(2,'0'),ss:String(s.getSeconds()).padStart(2,'0')},c=new RegExp(Object.keys(o).join('|'),'g');return t.replace(c,(e=>o[e]))})(e,this.dataset.format))}}customElements.define('str-time',m,{extends:'time'});const p=e=>{o(e,(t=>{u(e,t)}))},u=(e,t)=>{e.textContent=t};customElements.define('str-address',class extends HTMLElement{connectedCallback(){p(this)}render(e){u(this,e)}},{extends:'address'}),customElements.define('str-p',class extends HTMLParagraphElement{connectedCallback(){p(this)}render(e){u(this,e)}},{extends:'p'}),customElements.define('str-span',class extends HTMLSpanElement{connectedCallback(){p(this)}render(e){u(this,e)}},{extends:'span'}),customElements.define('str-strong',class extends HTMLElement{connectedCallback(){p(this)}render(e){u(this,e)}},{extends:'strong'}),customElements.define('str-h1',class extends HTMLHeadingElement{connectedCallback(){p(this)}render(e){u(this,e)}},{extends:'h1'}),customElements.define('str-h2',class extends HTMLHeadingElement{connectedCallback(){p(this)}render(e){u(this,e)}},{extends:'h2'}),customElements.define('str-h3',class extends HTMLHeadingElement{connectedCallback(){p(this)}render(e){u(this,e)}},{extends:'h3'}),customElements.define('str-h4',class extends HTMLHeadingElement{connectedCallback(){p(this)}render(e){u(this,e)}},{extends:'h4'}),customElements.define('str-h5',class extends HTMLHeadingElement{connectedCallback(){p(this)}render(e){u(this,e)}},{extends:'h5'}),customElements.define('str-h6',class extends HTMLHeadingElement{connectedCallback(){p(this)}render(e){u(this,e)}},{extends:'h6'}),customElements.define('str-abbr',class extends HTMLElement{connectedCallback(){p(this)}render(e){u(this,e)}},{extends:'abbr'}),customElements.define('str-b',class extends HTMLElement{connectedCallback(){p(this)}render(e){u(this,e)}},{extends:'b'}),customElements.define('str-button',class extends HTMLButtonElement{connectedCallback(){p(this)}render(e){u(this,e)}},{extends:'button'}),customElements.define('str-cite',class extends HTMLElement{connectedCallback(){p(this)}render(e){u(this,e)}},{extends:'cite'}),customElements.define('str-code',class extends HTMLElement{connectedCallback(){p(this)}render(e){u(this,e)}},{extends:'code'}),customElements.define('str-dfn',class extends HTMLElement{connectedCallback(){p(this)}render(e){u(this,e)}},{extends:'dfn'}),customElements.define('str-em',class extends HTMLElement{connectedCallback(){p(this)}render(e){u(this,e)}},{extends:'em'}),customElements.define('str-i',class extends HTMLElement{connectedCallback(){p(this)}render(e){u(this,e)}},{extends:'i'}),customElements.define('str-label',class extends HTMLLabelElement{connectedCallback(){p(this)}render(e){u(this,e)}},{extends:'label'}),customElements.define('str-mark',class extends HTMLElement{connectedCallback(){p(this)}render(e){u(this,e)}},{extends:'mark'}),customElements.define('str-q',class extends HTMLQuoteElement{connectedCallback(){p(this)}render(e){u(this,e)}},{extends:'q'}),customElements.define('str-sub',class extends HTMLElement{connectedCallback(){p(this)}render(e){u(this,e)}},{extends:'sub'}),customElements.define('str-sup',class extends HTMLElement{connectedCallback(){p(this)}render(e){u(this,e)}},{extends:'sup'});const g=s=>{o(s,((e,t)=>{f(s,e,t)})),n.send({cmd:e.EU,updates:[{action:t.INIT,context:{propertyName:s.dataset.field}}]})},f=(e,t,s)=>{document.startViewTransition?document.startViewTransition((()=>{y(e,t,s)})):y(e,t,s)},y=(s,i,r)=>{const a=((e,t)=>{t.iterate||t.model;var s=t.templates.find((e=>e.collection===t.model['@metadata']['@collection']));let n=e;e.includes('.')&&(n=e.split('.')[0]);const i=s?.editors.find((e=>e.editor.propertyName===n)),r=i?.editor.type;if(e!==n)switch(r){case'chapters':const[s,r]=e.split('.').slice(1),a=t.model[n][Number(s)],o=t.templates.find((e=>e.normalizedName===a['@strife']?.template))?.editors.find((e=>e.editor.propertyName===r));return o?.editor.type;case'collection':const[c,d]=e.split('.').slice(1),l=t.templates.find((e=>e.collection===t.iterate['@metadata']['@collection']))?.editors.find((e=>e.editor.propertyName===d));return l?.editor.type;case'content-template':const[h]=e.split('.').slice(1),m=t.templates.find((e=>e.normalizedName===i.editor.attributes.templateId))?.editors.find((e=>e.editor.propertyName===h));return m?.editor.type}return r})(s.dataset.field,r);switch(s.innerHTML='',a){case'collection':((e,t,s)=>{t.documents&&t.documents.forEach(((t,n)=>{let i=document.getElementById(`collection_${e.dataset.field}`).content;e.appendChild(i.cloneNode(!0)),e.querySelectorAll(`[is^="str-"]:not([data-field^="${e.dataset.field}."])`).forEach((i=>{const r=i.dataset.field;var a;i.dataset.field=`${e.dataset.field}.${n}.${r}`,i.render((a=t,r?.split('.').reduce(((e,t)=>e?.[t]),a)),{templates:s.templates,model:s.model,iterate:t})}))}))})(s,i,r);break;case'chapters':((e,t,s)=>{t.forEach(((t,n)=>{let i=document.getElementById(t['@strife'].template).content;e.appendChild(i.cloneNode(!0)),e.querySelectorAll(`[is^="str-"]:not([data-field^="${e.dataset.field}."])`).forEach(((i,r)=>{const a=i.dataset.field;i.dataset.field=`${e.dataset.field}.${n}.${a}`,i.render(t[a],s)}))}))})(s,i,r);break;case'html':s.innerHTML=i;break;case'text':s.textContent=i;break;default:s.innerHTML=`<p>Unsupported container type: ${a} for ${s.tagName}</p>`}switch(a){case'collection':case'chapters':setTimeout((()=>{n.send({cmd:e.EU,updates:[{action:t.SYNC,context:{name:window.name,height:document.body.scrollHeight}}]})}),300)}};customElements.define('str-div',class extends HTMLDivElement{connectedCallback(){g(this)}render(e,t){f(this,e,t)}},{extends:'div'}),customElements.define('str-ul',class extends HTMLUListElement{connectedCallback(){g(this)}render(e,t){f(this,e,t)}},{extends:'ul'}),customElements.define('str-ol',class extends HTMLOListElement{connectedCallback(){g(this)}render(e,t){f(this,e,t)}},{extends:'ol'}),customElements.define('str-section',class extends HTMLElement{connectedCallback(){g(this)}render(e,t){f(this,e,t)}},{extends:'section'}),customElements.define('str-header',class extends HTMLElement{connectedCallback(){g(this)}render(e,t){f(this,e,t)}},{extends:'header'}),customElements.define('str-footer',class extends HTMLElement{connectedCallback(){g(this)}render(e,t){f(this,e,t)}},{extends:'footer'}),customElements.define('str-nav',class extends HTMLElement{connectedCallback(){g(this)}render(e,t){f(this,e,t)}},{extends:'nav'}),customElements.define('str-article',class extends HTMLElement{connectedCallback(){g(this)}render(e,t){f(this,e,t)}},{extends:'article'}),customElements.define('str-main',class extends HTMLElement{connectedCallback(){g(this)}render(e,t){f(this,e,t)}},{extends:'main'}),customElements.define('str-aside',class extends HTMLElement{connectedCallback(){g(this)}render(e,t){f(this,e,t)}},{extends:'aside'}),customElements.define('str-blockquote',class extends HTMLElement{connectedCallback(){g(this)}render(e,t){f(this,e,t)}},{extends:'blockquote'}),document.adoptedStyleSheets=[c];export{t as ACTION,e as CMD,r as default,i as subscribe,o as useState};
-//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}