@snippyly/plugin-staging 1.0.20 → 1.0.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/snippyly.js +41 -40
package/package.json
CHANGED
package/snippyly.js
CHANGED
|
@@ -8,13 +8,13 @@ const i=window.ShadowRoot&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShad
|
|
|
8
8
|
* @license
|
|
9
9
|
* Copyright 2017 Google LLC
|
|
10
10
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
11
|
-
*/;var r;const l=window.trustedTypes,a=l?l.emptyScript:"",
|
|
11
|
+
*/;var r;const l=window.trustedTypes,a=l?l.emptyScript:"",h=window.reactiveElementPolyfillSupport,d={toAttribute(i,t){switch(t){case Boolean:i=i?a:null;break;case Object:case Array:i=null==i?i:JSON.stringify(i)}return i},fromAttribute(i,t){let e=i;switch(t){case Boolean:e=null!==i;break;case Number:e=null===i?null:Number(i);break;case Object:case Array:try{e=JSON.parse(i)}catch(i){e=null}}return e}},c=(i,t)=>t!==i&&(t==t||i==i),p={attribute:!0,type:String,converter:d,reflect:!1,hasChanged:c};class u extends HTMLElement{constructor(){super(),this._$Et=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Ei=null,this.o()}static addInitializer(i){var t;null!==(t=this.l)&&void 0!==t||(this.l=[]),this.l.push(i)}static get observedAttributes(){this.finalize();const i=[];return this.elementProperties.forEach(((t,e)=>{const n=this._$Eh(e,t);void 0!==n&&(this._$Eu.set(n,e),i.push(n))})),i}static createProperty(i,t=p){if(t.state&&(t.attribute=!1),this.finalize(),this.elementProperties.set(i,t),!t.noAccessor&&!this.prototype.hasOwnProperty(i)){const e="symbol"==typeof i?Symbol():"__"+i,n=this.getPropertyDescriptor(i,e,t);void 0!==n&&Object.defineProperty(this.prototype,i,n)}}static getPropertyDescriptor(i,t,e){return{get(){return this[t]},set(n){const s=this[i];this[t]=n,this.requestUpdate(i,s,e)},configurable:!0,enumerable:!0}}static getPropertyOptions(i){return this.elementProperties.get(i)||p}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const i=Object.getPrototypeOf(this);if(i.finalize(),this.elementProperties=new Map(i.elementProperties),this._$Eu=new Map,this.hasOwnProperty("properties")){const i=this.properties,t=[...Object.getOwnPropertyNames(i),...Object.getOwnPropertySymbols(i)];for(const e of t)this.createProperty(e,i[e])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(i){const t=[];if(Array.isArray(i)){const e=new Set(i.flat(1/0).reverse());for(const i of e)t.unshift(o(i))}else void 0!==i&&t.push(o(i));return t}static _$Eh(i,t){const e=t.attribute;return!1===e?void 0:"string"==typeof e?e:"string"==typeof i?i.toLowerCase():void 0}o(){var i;this._$Ep=new Promise((i=>this.enableUpdating=i)),this._$AL=new Map,this._$Em(),this.requestUpdate(),null===(i=this.constructor.l)||void 0===i||i.forEach((i=>i(this)))}addController(i){var t,e;(null!==(t=this._$Eg)&&void 0!==t?t:this._$Eg=[]).push(i),void 0!==this.renderRoot&&this.isConnected&&(null===(e=i.hostConnected)||void 0===e||e.call(i))}removeController(i){var t;null===(t=this._$Eg)||void 0===t||t.splice(this._$Eg.indexOf(i)>>>0,1)}_$Em(){this.constructor.elementProperties.forEach(((i,t)=>{this.hasOwnProperty(t)&&(this._$Et.set(t,this[t]),delete this[t])}))}createRenderRoot(){var t;const e=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return((t,e)=>{i?t.adoptedStyleSheets=e.map((i=>i instanceof CSSStyleSheet?i:i.styleSheet)):e.forEach((i=>{const e=document.createElement("style"),n=window.litNonce;void 0!==n&&e.setAttribute("nonce",n),e.textContent=i.cssText,t.appendChild(e)}))})(e,this.constructor.elementStyles),e}connectedCallback(){var i;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(i=this._$Eg)||void 0===i||i.forEach((i=>{var t;return null===(t=i.hostConnected)||void 0===t?void 0:t.call(i)}))}enableUpdating(i){}disconnectedCallback(){var i;null===(i=this._$Eg)||void 0===i||i.forEach((i=>{var t;return null===(t=i.hostDisconnected)||void 0===t?void 0:t.call(i)}))}attributeChangedCallback(i,t,e){this._$AK(i,e)}_$ES(i,t,e=p){var n,s;const o=this.constructor._$Eh(i,e);if(void 0!==o&&!0===e.reflect){const r=(null!==(s=null===(n=e.converter)||void 0===n?void 0:n.toAttribute)&&void 0!==s?s:d.toAttribute)(t,e.type);this._$Ei=i,null==r?this.removeAttribute(o):this.setAttribute(o,r),this._$Ei=null}}_$AK(i,t){var e,n,s;const o=this.constructor,r=o._$Eu.get(i);if(void 0!==r&&this._$Ei!==r){const i=o.getPropertyOptions(r),l=i.converter,a=null!==(s=null!==(n=null===(e=l)||void 0===e?void 0:e.fromAttribute)&&void 0!==n?n:"function"==typeof l?l:null)&&void 0!==s?s:d.fromAttribute;this._$Ei=r,this[r]=a(t,i.type),this._$Ei=null}}requestUpdate(i,t,e){let n=!0;void 0!==i&&(((e=e||this.constructor.getPropertyOptions(i)).hasChanged||c)(this[i],t)?(this._$AL.has(i)||this._$AL.set(i,t),!0===e.reflect&&this._$Ei!==i&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(i,e))):n=!1),!this.isUpdatePending&&n&&(this._$Ep=this._$E_())}async _$E_(){this.isUpdatePending=!0;try{await this._$Ep}catch(i){Promise.reject(i)}const i=this.scheduleUpdate();return null!=i&&await i,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var i;if(!this.isUpdatePending)return;this.hasUpdated,this._$Et&&(this._$Et.forEach(((i,t)=>this[t]=i)),this._$Et=void 0);let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),null===(i=this._$Eg)||void 0===i||i.forEach((i=>{var t;return null===(t=i.hostUpdate)||void 0===t?void 0:t.call(i)})),this.update(e)):this._$EU()}catch(i){throw t=!1,this._$EU(),i}t&&this._$AE(e)}willUpdate(i){}_$AE(i){var t;null===(t=this._$Eg)||void 0===t||t.forEach((i=>{var t;return null===(t=i.hostUpdated)||void 0===t?void 0:t.call(i)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(i)),this.updated(i)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$Ep}shouldUpdate(i){return!0}update(i){void 0!==this._$EC&&(this._$EC.forEach(((i,t)=>this._$ES(t,this[t],i))),this._$EC=void 0),this._$EU()}updated(i){}firstUpdated(i){}}
|
|
12
12
|
/**
|
|
13
13
|
* @license
|
|
14
14
|
* Copyright 2017 Google LLC
|
|
15
15
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
16
16
|
*/
|
|
17
|
-
var y;u.finalized=!0,u.elementProperties=new Map,u.elementStyles=[],u.shadowRootOptions={mode:"open"},null==
|
|
17
|
+
var y;u.finalized=!0,u.elementProperties=new Map,u.elementStyles=[],u.shadowRootOptions={mode:"open"},null==h||h({ReactiveElement:u}),(null!==(r=globalThis.reactiveElementVersions)&&void 0!==r?r:globalThis.reactiveElementVersions=[]).push("1.3.2");const v=globalThis.trustedTypes,m=v?v.createPolicy("lit-html",{createHTML:i=>i}):void 0,g=`lit$${(Math.random()+"").slice(9)}$`,w="?"+g,f=`<${w}>`,b=document,$=(i="")=>b.createComment(i),C=i=>null===i||"object"!=typeof i&&"function"!=typeof i,S=Array.isArray,x=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,k=/-->/g,E=/>/g,L=/>|[ \n\r](?:([^\s"'>=/]+)([ \n\r]*=[ \n\r]*(?:[^ \n\r"'`<>=]|("|')|))|$)/g,_=/'/g,M=/"/g,A=/^(?:script|style|textarea|title)$/i,I=(i=>(t,...e)=>({_$litType$:i,strings:t,values:e}))(1),U=Symbol.for("lit-noChange"),T=Symbol.for("lit-nothing"),O=new WeakMap,z=b.createTreeWalker(b,129,null,!1),B=(i,t)=>{const e=i.length-1,n=[];let s,o=2===t?"<svg>":"",r=x;for(let t=0;t<e;t++){const e=i[t];let l,a,h=-1,d=0;for(;d<e.length&&(r.lastIndex=d,a=r.exec(e),null!==a);)d=r.lastIndex,r===x?"!--"===a[1]?r=k:void 0!==a[1]?r=E:void 0!==a[2]?(A.test(a[2])&&(s=RegExp("</"+a[2],"g")),r=L):void 0!==a[3]&&(r=L):r===L?">"===a[0]?(r=null!=s?s:x,h=-1):void 0===a[1]?h=-2:(h=r.lastIndex-a[2].length,l=a[1],r=void 0===a[3]?L:'"'===a[3]?M:_):r===M||r===_?r=L:r===k||r===E?r=x:(r=L,s=void 0);const c=r===L&&i[t+1].startsWith("/>")?" ":"";o+=r===x?e+f:h>=0?(n.push(l),e.slice(0,h)+"$lit$"+e.slice(h)+g+c):e+g+(-2===h?(n.push(void 0),t):c)}const l=o+(i[e]||"<?>")+(2===t?"</svg>":"");if(!Array.isArray(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==m?m.createHTML(l):l,n]};class R{constructor({strings:i,_$litType$:t},e){let n;this.parts=[];let s=0,o=0;const r=i.length-1,l=this.parts,[a,h]=B(i,t);if(this.el=R.createElement(a,e),z.currentNode=this.el.content,2===t){const i=this.el.content,t=i.firstChild;t.remove(),i.append(...t.childNodes)}for(;null!==(n=z.nextNode())&&l.length<r;){if(1===n.nodeType){if(n.hasAttributes()){const i=[];for(const t of n.getAttributeNames())if(t.endsWith("$lit$")||t.startsWith(g)){const e=h[o++];if(i.push(t),void 0!==e){const i=n.getAttribute(e.toLowerCase()+"$lit$").split(g),t=/([.?@])?(.*)/.exec(e);l.push({type:1,index:s,name:t[2],strings:i,ctor:"."===t[1]?H:"?"===t[1]?V:"@"===t[1]?F:Z})}else l.push({type:6,index:s})}for(const t of i)n.removeAttribute(t)}if(A.test(n.tagName)){const i=n.textContent.split(g),t=i.length-1;if(t>0){n.textContent=v?v.emptyScript:"";for(let e=0;e<t;e++)n.append(i[e],$()),z.nextNode(),l.push({type:2,index:++s});n.append(i[t],$())}}}else if(8===n.nodeType)if(n.data===w)l.push({type:2,index:s});else{let i=-1;for(;-1!==(i=n.data.indexOf(g,i+1));)l.push({type:7,index:s}),i+=g.length-1}s++}}static createElement(i,t){const e=b.createElement("template");return e.innerHTML=i,e}}function N(i,t,e=i,n){var s,o,r,l;if(t===U)return t;let a=void 0!==n?null===(s=e._$Cl)||void 0===s?void 0:s[n]:e._$Cu;const h=C(t)?void 0:t._$litDirective$;return(null==a?void 0:a.constructor)!==h&&(null===(o=null==a?void 0:a._$AO)||void 0===o||o.call(a,!1),void 0===h?a=void 0:(a=new h(i),a._$AT(i,e,n)),void 0!==n?(null!==(r=(l=e)._$Cl)&&void 0!==r?r:l._$Cl=[])[n]=a:e._$Cu=a),void 0!==a&&(t=N(i,a._$AS(i,t.values),a,n)),t}class j{constructor(i,t){this.v=[],this._$AN=void 0,this._$AD=i,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}p(i){var t;const{el:{content:e},parts:n}=this._$AD,s=(null!==(t=null==i?void 0:i.creationScope)&&void 0!==t?t:b).importNode(e,!0);z.currentNode=s;let o=z.nextNode(),r=0,l=0,a=n[0];for(;void 0!==a;){if(r===a.index){let t;2===a.type?t=new P(o,o.nextSibling,this,i):1===a.type?t=new a.ctor(o,a.name,a.strings,this,i):6===a.type&&(t=new D(o,this,i)),this.v.push(t),a=n[++l]}r!==(null==a?void 0:a.index)&&(o=z.nextNode(),r++)}return s}m(i){let t=0;for(const e of this.v)void 0!==e&&(void 0!==e.strings?(e._$AI(i,e,t),t+=e.strings.length-2):e._$AI(i[t])),t++}}class P{constructor(i,t,e,n){var s;this.type=2,this._$AH=T,this._$AN=void 0,this._$AA=i,this._$AB=t,this._$AM=e,this.options=n,this._$Cg=null===(s=null==n?void 0:n.isConnected)||void 0===s||s}get _$AU(){var i,t;return null!==(t=null===(i=this._$AM)||void 0===i?void 0:i._$AU)&&void 0!==t?t:this._$Cg}get parentNode(){let i=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===i.nodeType&&(i=t.parentNode),i}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(i,t=this){i=N(this,i,t),C(i)?i===T||null==i||""===i?(this._$AH!==T&&this._$AR(),this._$AH=T):i!==this._$AH&&i!==U&&this.$(i):void 0!==i._$litType$?this.T(i):void 0!==i.nodeType?this.k(i):(i=>{var t;return S(i)||"function"==typeof(null===(t=i)||void 0===t?void 0:t[Symbol.iterator])})(i)?this.S(i):this.$(i)}M(i,t=this._$AB){return this._$AA.parentNode.insertBefore(i,t)}k(i){this._$AH!==i&&(this._$AR(),this._$AH=this.M(i))}$(i){this._$AH!==T&&C(this._$AH)?this._$AA.nextSibling.data=i:this.k(b.createTextNode(i)),this._$AH=i}T(i){var t;const{values:e,_$litType$:n}=i,s="number"==typeof n?this._$AC(i):(void 0===n.el&&(n.el=R.createElement(n.h,this.options)),n);if((null===(t=this._$AH)||void 0===t?void 0:t._$AD)===s)this._$AH.m(e);else{const i=new j(s,this),t=i.p(this.options);i.m(e),this.k(t),this._$AH=i}}_$AC(i){let t=O.get(i.strings);return void 0===t&&O.set(i.strings,t=new R(i)),t}S(i){S(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let e,n=0;for(const s of i)n===t.length?t.push(e=new P(this.M($()),this.M($()),this,this.options)):e=t[n],e._$AI(s),n++;n<t.length&&(this._$AR(e&&e._$AB.nextSibling,n),t.length=n)}_$AR(i=this._$AA.nextSibling,t){var e;for(null===(e=this._$AP)||void 0===e||e.call(this,!1,!0,t);i&&i!==this._$AB;){const t=i.nextSibling;i.remove(),i=t}}setConnected(i){var t;void 0===this._$AM&&(this._$Cg=i,null===(t=this._$AP)||void 0===t||t.call(this,i))}}class Z{constructor(i,t,e,n,s){this.type=1,this._$AH=T,this._$AN=void 0,this.element=i,this.name=t,this._$AM=n,this.options=s,e.length>2||""!==e[0]||""!==e[1]?(this._$AH=Array(e.length-1).fill(new String),this.strings=e):this._$AH=T}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(i,t=this,e,n){const s=this.strings;let o=!1;if(void 0===s)i=N(this,i,t,0),o=!C(i)||i!==this._$AH&&i!==U,o&&(this._$AH=i);else{const n=i;let r,l;for(i=s[0],r=0;r<s.length-1;r++)l=N(this,n[e+r],t,r),l===U&&(l=this._$AH[r]),o||(o=!C(l)||l!==this._$AH[r]),l===T?i=T:i!==T&&(i+=(null!=l?l:"")+s[r+1]),this._$AH[r]=l}o&&!n&&this.C(i)}C(i){i===T?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=i?i:"")}}class H extends Z{constructor(){super(...arguments),this.type=3}C(i){this.element[this.name]=i===T?void 0:i}}const J=v?v.emptyScript:"";class V extends Z{constructor(){super(...arguments),this.type=4}C(i){i&&i!==T?this.element.setAttribute(this.name,J):this.element.removeAttribute(this.name)}}class F extends Z{constructor(i,t,e,n,s){super(i,t,e,n,s),this.type=5}_$AI(i,t=this){var e;if((i=null!==(e=N(this,i,t,0))&&void 0!==e?e:T)===U)return;const n=this._$AH,s=i===T&&n!==T||i.capture!==n.capture||i.once!==n.once||i.passive!==n.passive,o=i!==T&&(n===T||s);s&&this.element.removeEventListener(this.name,this,n),o&&this.element.addEventListener(this.name,this,i),this._$AH=i}handleEvent(i){var t,e;"function"==typeof this._$AH?this._$AH.call(null!==(e=null===(t=this.options)||void 0===t?void 0:t.host)&&void 0!==e?e:this.element,i):this._$AH.handleEvent(i)}}class D{constructor(i,t,e){this.element=i,this.type=6,this._$AN=void 0,this._$AM=t,this.options=e}get _$AU(){return this._$AM._$AU}_$AI(i){N(this,i)}}const W=window.litHtmlPolyfillSupport;
|
|
18
18
|
/**
|
|
19
19
|
* @license
|
|
20
20
|
* Copyright 2017 Google LLC
|
|
@@ -53,9 +53,9 @@ const ei=1;
|
|
|
53
53
|
* Copyright 2018 Google LLC
|
|
54
54
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
55
55
|
*/
|
|
56
|
-
const ni=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constructor(i){}get _$AU(){return this._$AM._$AU}_$AT(i,t,e){this._$Ct=i,this._$AM=t,this._$Ci=e}_$AS(i,t){return this.update(i,t)}update(i,t){return this.render(...t)}}{constructor(i){var t;if(super(i),i.type!==ei||"class"!==i.name||(null===(t=i.strings)||void 0===t?void 0:t.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(i){return" "+Object.keys(i).filter((t=>i[t])).join(" ")+" "}update(i,[t]){var e,n;if(void 0===this.et){this.et=new Set,void 0!==i.strings&&(this.st=new Set(i.strings.join(" ").split(/\s/).filter((i=>""!==i))));for(const i in t)t[i]&&!(null===(e=this.st)||void 0===e?void 0:e.has(i))&&this.et.add(i);return this.render(t)}const s=i.element.classList;this.et.forEach((i=>{i in t||(s.remove(i),this.et.delete(i))}));for(const i in t){const e=!!t[i];e===this.et.has(i)||(null===(n=this.st)||void 0===n?void 0:n.has(i))||(e?(s.add(i),this.et.add(i)):(s.remove(i),this.et.delete(i)))}return U}}),si="snippyly-cursor",oi="snippyly-comments",ri="snippyly-comments-sidebar",li=(i,t=0)=>{try{let e=3735928559^t,n=1103547991^t;for(let t,s=0;s<i.length;s++)t=i.charCodeAt(s),e=Math.imul(e^t,2654435761),n=Math.imul(n^t,1597334677);return e=Math.imul(e^e>>>16,2246822507)^Math.imul(n^n>>>13,3266489909),n=Math.imul(n^n>>>16,2246822507)^Math.imul(e^e>>>13,3266489909),4294967296*(2097151&n)+(e>>>0)}catch(i){return console.warn("Error in cyrb53: ",i),0}},
|
|
56
|
+
const ni=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constructor(i){}get _$AU(){return this._$AM._$AU}_$AT(i,t,e){this._$Ct=i,this._$AM=t,this._$Ci=e}_$AS(i,t){return this.update(i,t)}update(i,t){return this.render(...t)}}{constructor(i){var t;if(super(i),i.type!==ei||"class"!==i.name||(null===(t=i.strings)||void 0===t?void 0:t.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(i){return" "+Object.keys(i).filter((t=>i[t])).join(" ")+" "}update(i,[t]){var e,n;if(void 0===this.et){this.et=new Set,void 0!==i.strings&&(this.st=new Set(i.strings.join(" ").split(/\s/).filter((i=>""!==i))));for(const i in t)t[i]&&!(null===(e=this.st)||void 0===e?void 0:e.has(i))&&this.et.add(i);return this.render(t)}const s=i.element.classList;this.et.forEach((i=>{i in t||(s.remove(i),this.et.delete(i))}));for(const i in t){const e=!!t[i];e===this.et.has(i)||(null===(n=this.st)||void 0===n?void 0:n.has(i))||(e?(s.add(i),this.et.add(i)):(s.remove(i),this.et.delete(i)))}return U}}),si="snippyly-cursor",oi="snippyly-comments",ri="snippyly-comments-sidebar",li="enable-url-navigation",ai=(i,t=0)=>{try{let e=3735928559^t,n=1103547991^t;for(let t,s=0;s<i.length;s++)t=i.charCodeAt(s),e=Math.imul(e^t,2654435761),n=Math.imul(n^t,1597334677);return e=Math.imul(e^e>>>16,2246822507)^Math.imul(n^n>>>13,3266489909),n=Math.imul(n^n>>>16,2246822507)^Math.imul(e^e>>>13,3266489909),4294967296*(2097151&n)+(e>>>0)}catch(i){return console.warn("Error in cyrb53: ",i),0}},hi=(i,t,e=!1,n="localStorage")=>{try{const s=e?btoa(t):t;"localStorage"===n?localStorage.setItem(i,s):sessionStorage.setItem(i,s)}catch(i){console.warn("Error in setLocalStorage: ",i)}},di=(i,t=!1,e="localStorage")=>{try{let n=null;return n="localStorage"===e?localStorage.getItem(i):sessionStorage.getItem(i),n&&t?atob(n):n}catch(i){return console.warn("Error in getLocalStorage: ",i),null}},ci=(i,t="localStorage")=>{try{"localStorage"===t?localStorage.removeItem(i):sessionStorage.removeItem(i)}catch(i){console.warn("Error in removeLocalStorageData: ",i)}},pi=(...i)=>{if(i)switch(i.length){case 1:return s`calc(${i[0]}rem * var(--snippyly-base-rem-unit, 1))`;case 2:return s`calc(${i[0]}rem * var(--snippyly-base-rem-unit, 1)) calc(${i[1]}rem * var(--snippyly-base-rem-unit, 1))`;case 3:return s`calc(${i[0]}rem * var(--snippyly-base-rem-unit, 1)) calc(${i[1]}rem * var(--snippyly-base-rem-unit, 1))
|
|
57
57
|
calc(${i[2]}rem * var(--snippyly-base-rem-unit, 1))`;case 4:return s`calc(${i[0]}rem * var(--snippyly-base-rem-unit, 1)) calc(${i[1]}rem * var(--snippyly-base-rem-unit, 1))
|
|
58
|
-
calc(${i[2]}rem * var(--snippyly-base-rem-unit, 1)) calc(${i[3]}rem * var(--snippyly-base-rem-unit, 1))`}return s`0`};var
|
|
58
|
+
calc(${i[2]}rem * var(--snippyly-base-rem-unit, 1)) calc(${i[3]}rem * var(--snippyly-base-rem-unit, 1))`}return s`0`};var ui=function(i,t,e,n){for(var s,o=arguments.length,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,e):n,l=i.length-1;l>=0;l--)(s=i[l])&&(r=(o<3?s(r):o>3?s(t,e,r):s(t,e))||r);return o>3&&r&&Object.defineProperty(t,e,r),r};let yi=class extends G{constructor(){super(),this._loadPlugin=!1,this.comments=[],this.addCommentMode=!1,this._expanded=!0,this.staging=true,this.copyLinkTooltip="Copy Link",this.invalidApiKey=!1,this.addWindowClickEventListener=()=>{try{this.windowClickEventListener||(this.windowClickEventListener=()=>{this.menuOpenedId&&(this.menuOpenedId=void 0)},window.addEventListener("click",this.windowClickEventListener))}catch(i){console.warn("Error in addWindowClickEventListener: ",i)}},this.removeWindowClickEventListener=()=>{try{window.removeEventListener("click",this.windowClickEventListener),this.windowClickEventListener=void 0}catch(i){console.warn("Error in removeWindowClickEventListener: ",i)}},this.setWindowEventListner=()=>{try{window.addEventListener("locationchange",(()=>{this.checkUrl()}))}catch(i){console.warn("Error in setWindowEventListner: ",i)}},this.urlChangeListener=()=>{try{const i=history.pushState;history.pushState=function(){const t=i.apply(this,arguments);return window.dispatchEvent(new Event("pushstate")),window.dispatchEvent(new Event("locationchange")),t};const t=history.replaceState;history.replaceState=function(){const i=t.apply(this,arguments);return window.dispatchEvent(new Event("replacestate")),window.dispatchEvent(new Event("locationchange")),i},window.addEventListener("popstate",(()=>{window.dispatchEvent(new Event("locationchange"))}))}catch(i){console.warn("Error in urlChangeListener: ",i)}},this.checkUrl=()=>{try{const i=new URL(document.location),t=i.searchParams;if(t.has("snippyly_google_token")){const e=JSON.parse(atob(t.get("snippyly_google_token"))),n={};n.userId=e.uid,n.name=e.displayName,n.email=e.email,n.photoUrl=null==e?void 0:e.photoURL,n.contacts=window.SNIPPYLY_USER_CONTACTS||[],hi("snippyly-user",JSON.stringify(n),!0),t.delete("snippyly_google_token"),window.history.replaceState({},document.title,i.href)}if(t.has("review"))if(hi("review","true",!1,"sessionStorage"),t.has("sreviewId"))hi("sreviewId",t.get("sreviewId")||"",!1,"sessionStorage"),this.loadPluginUI();else{let e=di("sreviewId",!1,"sessionStorage");e||(e=ai(window.location.origin)+"",hi("sreviewId",`${e}`,!1,"sessionStorage")),t.append("sreviewId",`${e}`),window.history.replaceState({},document.title,i.href),this.loadPluginUI()}else if(di("review",!1,"sessionStorage")){t.append("review","true");let e=di("sreviewId",!1,"sessionStorage");e||(e=ai(window.location.origin)+"",hi("sreviewId",`${e}`,!1,"sessionStorage")),t.append("sreviewId",`${e}`),window.history.replaceState({},document.title,i.href),this.loadPluginUI()}}catch(i){console.warn("Error in checkUrl: ",i)}},this.loadPluginUI=()=>{try{if(this.loadPlugin)return;if(this.loadPlugin=!0,!document.querySelector(oi)){const i=document.createElement(oi);null==i||i.addEventListener("signIn",(()=>{this.loginWithGoogle()})),window.document.body.appendChild(i)}if(!document.querySelector(ri)){const i=document.createElement(ri);i.setAttribute(li,"true"),window.document.body.appendChild(i)}if(!document.querySelector(si)){const i=document.createElement(si);window.document.body.appendChild(i)}((i="",t=!1,e)=>{if(console.log("load snippyly called"),document.getElementById("snippylyScript"))e&&e();else{const n=document.createElement("script");n.src=`https://cdn.jsdelivr.net/npm/@snippyly/sdk${t?"-staging":""}${i?"@"+i:""}/snippyly.js`,n.id="snippylyScript",n.type="module",document.body.appendChild(n),n.onload=()=>{e&&e()}}})(void 0,this.staging,(()=>{window.Snippyly&&this.initializeSnippyly()}))}catch(i){console.warn("Error in loadPluginUI: ",i)}},this.initializeSnippyly=async()=>{try{await(null===Snippyly||void 0===Snippyly?void 0:Snippyly.init(this.apiKey));const i=new URL(document.location).searchParams;if(i.has("sreviewId")){null===Snippyly||void 0===Snippyly||Snippyly.setDocumentId(i.get("sreviewId"));const t=new URL(document.location);t.searchParams.delete("review"),t.searchParams.delete("sreviewId"),t.searchParams.delete("scommentId"),null===Snippyly||void 0===Snippyly||Snippyly.setLocation({url:t.href})}this.commentElement=null===Snippyly||void 0===Snippyly?void 0:Snippyly.getCommentElement(),this.commentElement&&(this.commentElement.enableTextComments(!0),this.commentElement.enableSignInButton(!0),this.commentElement.enableAttachment(!0),this.commentElement.addCommentModeChange&&this.commentElement.addCommentModeChange().subscribe((i=>{this.addCommentMode=i}))),this.selectionElement=Snippyly.getSelectionElement(),this.selectionElement&&this.selectionElement.enableLiveSelection(!0),this.identifySnippyly()}catch(i){console.warn("Error in initializeSnippyly: ",i)}},this.identifySnippyly=async()=>{var i;try{this.invalidApiKey=!1;let i={name:"Anonymous User",email:"anonymous@snippyly.com",userId:"anonymous",isAnonymous:!0};di("snippyly-user",!0)&&(i=JSON.parse(di("snippyly-user",!0))),i.contacts=window.SNIPPYLY_USER_CONTACTS||[],await Snippyly.identify(i),(null==i?void 0:i.isAnonymous)||(this.snippylyUser=JSON.parse(JSON.stringify(i))),this.getComments()}catch(t){t&&"string"==typeof t&&(null===(i=null==t?void 0:t.toLowerCase())||void 0===i?void 0:i.includes("invalid"))&&(this.invalidApiKey=!0),console.warn("Error in identifySnippyly: ",t)}},this.getComments=()=>{try{if(this.commentElement){const i=new URL(document.location).searchParams;this.commentElement.getAllCommentAnnotations(i.get("sreviewId")).subscribe((i=>{this.comments=i}))}}catch(i){console.warn("Error in getComments: ",i)}},this.toggleCommentSidebar=()=>{try{this.commentElement&&this.commentElement.toggleCommentSidebar()}catch(i){console.warn("Error in toggleCommentSidebar: ",i)}},this.toggleSnippylyPluginToolbar=()=>{try{this.expanded=!this.expanded}catch(i){console.warn("Error in toggleSnippylyPluginToolbar: ",i)}},this.loginWithGoogle=()=>{try{window.open(`https://snippyly-login-staging.web.app/?redirect_url=${encodeURIComponent(window.location.href)}`,"_self")}catch(i){console.warn("Error in loginWithGoogle: ",i)}},this.removeSnippyly=async()=>{try{ci("review","sessionStorage"),ci("sreviewId","sessionStorage");const i=new URL(document.location),t=i.searchParams;t.delete("sreviewId"),t.delete("review"),window.history.replaceState({},document.title,i.href),window.location.reload()}catch(i){console.warn("Error in removeSnippyly: ",i)}},this.signOutUser=async()=>{try{await Snippyly.signOutUser(),ci("snippyly-user"),this.snippylyUser=void 0,window.open(`https://snippyly-login-staging.web.app/?signout=true&redirect_url=${encodeURIComponent(window.location.href)}`,"_self")}catch(i){console.warn("Error in signOutUser: ",i)}},this.toggleMenu=(i,t)=>{try{i.stopPropagation(),this.menuOpenedId===t?this.menuOpenedId=void 0:this.menuOpenedId=t}catch(i){console.warn("Error in toggleMenu: ",i)}},this.copyLink=()=>{try{navigator.clipboard.writeText(window.location.href),this.copyLinkTooltip="Link copied!",setTimeout((()=>{this.copyLinkTooltip="Copy Link"}),2e3)}catch(i){console.warn("Error in copyLink: ",i)}},this.setAttribute("snippyly-comment-disabled","true");try{this.expanded=!0,this.setWindowEventListner(),this.urlChangeListener(),this.checkUrl(),console.log("*** Staging Mode ON! ***")}catch(i){console.warn("Error in constructor: ",i)}}get loadPlugin(){return this._loadPlugin}set loadPlugin(i){this._loadPlugin=i,this.loadPlugin?this.classList.add("visible"):this.classList.remove("visible")}get expanded(){return this._expanded}set expanded(i){this._expanded=i,this.expanded?this.classList.add("expanded"):this.classList.remove("expanded")}get menuOpenedId(){return this._menuOpenedId}set menuOpenedId(i){this._menuOpenedId=i,this.menuOpenedId?this.addWindowClickEventListener():this.removeWindowClickEventListener()}render(){var i,t,e,n,s,o,r,l,a,h,d,c;return this.loadPlugin?I`
|
|
59
59
|
<div class="snippyly-plugin-container ${ni({expanded:this.expanded,active:null===(i=this.snippylyUser)||void 0===i?void 0:i.userId,"comment-mode-enabled":this.addCommentMode})}">
|
|
60
60
|
<div class="snippyly-logo-container snippyly-menu-trigger" @click=${()=>this.toggleSnippylyPluginToolbar()}>
|
|
61
61
|
${this.expanded?null:I`
|
|
@@ -139,7 +139,7 @@ const ni=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
139
139
|
|
|
140
140
|
<div class="snippyly-menu-container snippyly-menu-trigger ${ni({opened:"userMenu"===this.menuOpenedId})}" id="userMenu" @click=${i=>this.toggleMenu(i,"userMenu")}>
|
|
141
141
|
${this.expanded&&(null===(a=this.snippylyUser)||void 0===a?void 0:a.photoUrl)?I`
|
|
142
|
-
<img src=${null===(
|
|
142
|
+
<img src=${null===(h=this.snippylyUser)||void 0===h?void 0:h.photoUrl} class="profile-img" referrerpolicy="no-referrer" title=${null===(d=this.snippylyUser)||void 0===d?void 0:d.name} />
|
|
143
143
|
`:null}
|
|
144
144
|
<svg width="4" height="14" viewBox="0 0 4 14" fill="none" xmlns="http://www.w3.org/2000/svg"
|
|
145
145
|
class="more-menu-icon">
|
|
@@ -157,7 +157,7 @@ const ni=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
157
157
|
</div>
|
|
158
158
|
</div>
|
|
159
159
|
</div>
|
|
160
|
-
`:I``}};
|
|
160
|
+
`:I``}};yi.styles=s`
|
|
161
161
|
|
|
162
162
|
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
|
|
163
163
|
|
|
@@ -166,32 +166,33 @@ const ni=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
166
166
|
}
|
|
167
167
|
|
|
168
168
|
.snippyly-plugin-container {
|
|
169
|
-
height: ${
|
|
169
|
+
height: ${pi(3.5)};
|
|
170
170
|
background-color: white;
|
|
171
171
|
position: fixed;
|
|
172
172
|
bottom: 0;
|
|
173
173
|
right: 0;
|
|
174
174
|
z-index: 99999999;
|
|
175
|
-
margin: ${
|
|
176
|
-
border-radius: ${
|
|
175
|
+
margin: ${pi(1.5)};
|
|
176
|
+
border-radius: ${pi(.5)};
|
|
177
177
|
border: 1px solid rgba(0, 0, 0, 0.12);
|
|
178
178
|
display: flex;
|
|
179
179
|
box-sizing: border-box;
|
|
180
180
|
align-items: center;
|
|
181
181
|
z-index: 999999995;
|
|
182
|
-
|
|
183
|
-
|
|
182
|
+
color: black !important;
|
|
183
|
+
box-shadow: 0 ${pi(1)} ${pi(3)} #0000002d;
|
|
184
|
+
margin-bottom: ${pi(3)}; // Added to prevent overlap between plugin UI and webflow badge
|
|
184
185
|
/* overflow: hidden; */
|
|
185
186
|
}
|
|
186
187
|
|
|
187
188
|
.snippyly-plugin-container.expanded {
|
|
188
|
-
min-width: ${
|
|
189
|
+
min-width: ${pi(30)};
|
|
189
190
|
}
|
|
190
191
|
|
|
191
192
|
.snippyly-plugin-container>* {
|
|
192
193
|
display: flex;
|
|
193
194
|
align-items: center;
|
|
194
|
-
padding: 0 ${
|
|
195
|
+
padding: 0 ${pi(.5)};
|
|
195
196
|
height: 100%;
|
|
196
197
|
position: relative;
|
|
197
198
|
}
|
|
@@ -199,7 +200,7 @@ const ni=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
199
200
|
.snippyly-logo-container {
|
|
200
201
|
display: flex;
|
|
201
202
|
align-items: center;
|
|
202
|
-
/* padding: ${
|
|
203
|
+
/* padding: ${pi(1)}; */
|
|
203
204
|
height: 100%;
|
|
204
205
|
}
|
|
205
206
|
|
|
@@ -215,21 +216,21 @@ const ni=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
215
216
|
}
|
|
216
217
|
|
|
217
218
|
.snippyly-logo-container {
|
|
218
|
-
border-top-left-radius: ${
|
|
219
|
-
border-bottom-left-radius: ${
|
|
219
|
+
border-top-left-radius: ${pi(.5)};
|
|
220
|
+
border-bottom-left-radius: ${pi(.5)};
|
|
220
221
|
}
|
|
221
222
|
|
|
222
223
|
.snippyly-menu-container {
|
|
223
|
-
border-top-right-radius: ${
|
|
224
|
-
border-bottom-right-radius: ${
|
|
224
|
+
border-top-right-radius: ${pi(.5)};
|
|
225
|
+
border-bottom-right-radius: ${pi(.5)};
|
|
225
226
|
}
|
|
226
227
|
|
|
227
228
|
.snippyly-plugin-container.expanded .snippyly-logo {
|
|
228
|
-
margin-right: ${
|
|
229
|
+
margin-right: ${pi(.5)};
|
|
229
230
|
}
|
|
230
231
|
|
|
231
232
|
.snippyly-plugin-container:not(.expanded) .snippyly-logo {
|
|
232
|
-
margin-left: ${
|
|
233
|
+
margin-left: ${pi(.5)};
|
|
233
234
|
}
|
|
234
235
|
|
|
235
236
|
.snippyly-comment-tool-container {
|
|
@@ -250,25 +251,25 @@ const ni=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
250
251
|
}
|
|
251
252
|
|
|
252
253
|
.snippyly-comment-tool-container .custom-tool {
|
|
253
|
-
font-size: ${
|
|
254
|
+
font-size: ${pi(1)};
|
|
254
255
|
}
|
|
255
256
|
|
|
256
257
|
snippyly-comment-tool {
|
|
257
258
|
height: 100%;
|
|
258
|
-
padding: ${
|
|
259
|
+
padding: ${pi(1)};
|
|
259
260
|
box-sizing: border-box;
|
|
260
261
|
}
|
|
261
262
|
|
|
262
263
|
.snippyly-comments-container {
|
|
263
|
-
padding-left: ${
|
|
264
|
-
padding-right: ${
|
|
264
|
+
padding-left: ${pi(.5)};
|
|
265
|
+
padding-right: ${pi(.5)};
|
|
265
266
|
}
|
|
266
267
|
|
|
267
268
|
.comment-counter {
|
|
268
269
|
border: 1px solid rgb(0, 0, 0, 0.25);
|
|
269
|
-
padding: ${
|
|
270
|
-
border-radius: ${
|
|
271
|
-
font-size: ${
|
|
270
|
+
padding: ${pi(.3,.5)};
|
|
271
|
+
border-radius: ${pi(.5)};
|
|
272
|
+
font-size: ${pi(.8)};
|
|
272
273
|
}
|
|
273
274
|
|
|
274
275
|
.comment-counter:hover {
|
|
@@ -278,8 +279,8 @@ const ni=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
278
279
|
|
|
279
280
|
.snippyly-btn {
|
|
280
281
|
cursor: pointer;
|
|
281
|
-
padding: ${
|
|
282
|
-
font-size: ${
|
|
282
|
+
padding: ${pi(.3,.5)};
|
|
283
|
+
font-size: ${pi(.8)};
|
|
283
284
|
}
|
|
284
285
|
|
|
285
286
|
.snippyly-primary-btn {
|
|
@@ -310,29 +311,29 @@ const ni=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
310
311
|
top: 0;
|
|
311
312
|
left: 50%;
|
|
312
313
|
white-space: nowrap;
|
|
313
|
-
transform: translate(-50%, calc(-100% - ${
|
|
314
|
+
transform: translate(-50%, calc(-100% - ${pi(1)}));
|
|
314
315
|
display: none;
|
|
315
316
|
border-radius: 4px;
|
|
316
317
|
}
|
|
317
318
|
|
|
318
319
|
.menu-item {
|
|
319
|
-
padding: ${
|
|
320
|
+
padding: ${pi(.25,.5)};
|
|
320
321
|
cursor: pointer;
|
|
321
|
-
font-size: ${
|
|
322
|
+
font-size: ${pi(.8)};
|
|
322
323
|
}
|
|
323
324
|
|
|
324
325
|
.menu-item:first-child {
|
|
325
|
-
padding-top: ${
|
|
326
|
+
padding-top: ${pi(.5)};
|
|
326
327
|
}
|
|
327
328
|
|
|
328
329
|
.menu-item:last-child {
|
|
329
|
-
padding-bottom: ${
|
|
330
|
+
padding-bottom: ${pi(.5)};
|
|
330
331
|
}
|
|
331
332
|
|
|
332
333
|
.menu-item-divider {
|
|
333
334
|
background: black;
|
|
334
335
|
height: 1px;
|
|
335
|
-
margin: ${
|
|
336
|
+
margin: ${pi(.2)} 0;
|
|
336
337
|
}
|
|
337
338
|
|
|
338
339
|
.snippyly-menu:not(.snippyly-tooltip):after {
|
|
@@ -354,8 +355,8 @@ const ni=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
354
355
|
}
|
|
355
356
|
|
|
356
357
|
.profile-img {
|
|
357
|
-
width: ${
|
|
358
|
-
height: ${
|
|
358
|
+
width: ${pi(1.5)};
|
|
359
|
+
height: ${pi(1.5)};
|
|
359
360
|
border-radius: 100%;
|
|
360
361
|
}
|
|
361
362
|
|
|
@@ -380,7 +381,7 @@ const ni=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
380
381
|
}
|
|
381
382
|
|
|
382
383
|
.more-menu-icon {
|
|
383
|
-
margin: ${
|
|
384
|
+
margin: ${pi(.5)};
|
|
384
385
|
}
|
|
385
386
|
|
|
386
387
|
.disabled {
|
|
@@ -435,7 +436,7 @@ const ni=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
435
436
|
}
|
|
436
437
|
|
|
437
438
|
.s-presence-avatar-image-small {
|
|
438
|
-
width: ${
|
|
439
|
+
width: ${pi(1.6)};
|
|
439
440
|
height: auto;
|
|
440
441
|
display: block;
|
|
441
442
|
}
|
|
@@ -447,4 +448,4 @@ const ni=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
447
448
|
.away {
|
|
448
449
|
filter: grayscale(1);
|
|
449
450
|
}
|
|
450
|
-
`,
|
|
451
|
+
`,ui([ii()],yi.prototype,"loadPlugin",null),ui([ii()],yi.prototype,"comments",void 0),ui([ii()],yi.prototype,"commentElement",void 0),ui([ii()],yi.prototype,"selectionElement",void 0),ui([ii()],yi.prototype,"addCommentMode",void 0),ui([ii()],yi.prototype,"_expanded",void 0),ui([ii()],yi.prototype,"snippylyUser",void 0),ui([Y()],yi.prototype,"apiKey",void 0),ui([ii()],yi.prototype,"staging",void 0),ui([ii()],yi.prototype,"_menuOpenedId",void 0),ui([ii()],yi.prototype,"copyLinkTooltip",void 0),ui([ii()],yi.prototype,"invalidApiKey",void 0),yi=ui([(i=>t=>"function"==typeof t?((i,t)=>(window.customElements.define(i,t),t))(i,t):((i,t)=>{const{kind:e,elements:n}=t;return{kind:e,elements:n,finisher(t){window.customElements.define(i,t)}}})(i,t))("snippyly-plugin")],yi);export{yi as SnippylyPlugin};
|