@snippyly/plugin 1.0.20 → 1.0.22
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 +76 -50
package/package.json
CHANGED
package/snippyly.js
CHANGED
|
@@ -8,19 +8,19 @@ 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,
|
|
11
|
+
*/;var r;const l=window.trustedTypes,h=l?l.emptyScript:"",a=window.reactiveElementPolyfillSupport,c={toAttribute(i,t){switch(t){case Boolean:i=i?h: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}},d=(i,t)=>t!==i&&(t==t||i==i),p={attribute:!0,type:String,converter:c,reflect:!1,hasChanged:d};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 s=this._$Eh(e,t);void 0!==s&&(this._$Eu.set(s,e),i.push(s))})),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,s=this.getPropertyDescriptor(i,e,t);void 0!==s&&Object.defineProperty(this.prototype,i,s)}}static getPropertyDescriptor(i,t,e){return{get(){return this[t]},set(s){const n=this[i];this[t]=s,this.requestUpdate(i,n,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"),s=window.litNonce;void 0!==s&&e.setAttribute("nonce",s),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 s,n;const o=this.constructor._$Eh(i,e);if(void 0!==o&&!0===e.reflect){const r=(null!==(n=null===(s=e.converter)||void 0===s?void 0:s.toAttribute)&&void 0!==n?n:c.toAttribute)(t,e.type);this._$Ei=i,null==r?this.removeAttribute(o):this.setAttribute(o,r),this._$Ei=null}}_$AK(i,t){var e,s,n;const o=this.constructor,r=o._$Eu.get(i);if(void 0!==r&&this._$Ei!==r){const i=o.getPropertyOptions(r),l=i.converter,h=null!==(n=null!==(s=null===(e=l)||void 0===e?void 0:e.fromAttribute)&&void 0!==s?s:"function"==typeof l?l:null)&&void 0!==n?n:c.fromAttribute;this._$Ei=r,this[r]=h(t,i.type),this._$Ei=null}}requestUpdate(i,t,e){let s=!0;void 0!==i&&(((e=e||this.constructor.getPropertyOptions(i)).hasChanged||d)(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))):s=!1),!this.isUpdatePending&&s&&(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
|
|
17
|
+
var v;u.finalized=!0,u.elementProperties=new Map,u.elementStyles=[],u.shadowRootOptions={mode:"open"},null==a||a({ReactiveElement:u}),(null!==(r=globalThis.reactiveElementVersions)&&void 0!==r?r:globalThis.reactiveElementVersions=[]).push("1.3.2");const y=globalThis.trustedTypes,m=y?y.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,M=/'/g,_=/"/g,A=/^(?:script|style|textarea|title)$/i,U=(i=>(t,...e)=>({_$litType$:i,strings:t,values:e}))(1),j=Symbol.for("lit-noChange"),T=Symbol.for("lit-nothing"),I=new WeakMap,O=b.createTreeWalker(b,129,null,!1),V=(i,t)=>{const e=i.length-1,s=[];let n,o=2===t?"<svg>":"",r=x;for(let t=0;t<e;t++){const e=i[t];let l,h,a=-1,c=0;for(;c<e.length&&(r.lastIndex=c,h=r.exec(e),null!==h);)c=r.lastIndex,r===x?"!--"===h[1]?r=k:void 0!==h[1]?r=E:void 0!==h[2]?(A.test(h[2])&&(n=RegExp("</"+h[2],"g")),r=L):void 0!==h[3]&&(r=L):r===L?">"===h[0]?(r=null!=n?n:x,a=-1):void 0===h[1]?a=-2:(a=r.lastIndex-h[2].length,l=h[1],r=void 0===h[3]?L:'"'===h[3]?_:M):r===_||r===M?r=L:r===k||r===E?r=x:(r=L,n=void 0);const d=r===L&&i[t+1].startsWith("/>")?" ":"";o+=r===x?e+f:a>=0?(s.push(l),e.slice(0,a)+"$lit$"+e.slice(a)+g+d):e+g+(-2===a?(s.push(void 0),t):d)}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,s]};class R{constructor({strings:i,_$litType$:t},e){let s;this.parts=[];let n=0,o=0;const r=i.length-1,l=this.parts,[h,a]=V(i,t);if(this.el=R.createElement(h,e),O.currentNode=this.el.content,2===t){const i=this.el.content,t=i.firstChild;t.remove(),i.append(...t.childNodes)}for(;null!==(s=O.nextNode())&&l.length<r;){if(1===s.nodeType){if(s.hasAttributes()){const i=[];for(const t of s.getAttributeNames())if(t.endsWith("$lit$")||t.startsWith(g)){const e=a[o++];if(i.push(t),void 0!==e){const i=s.getAttribute(e.toLowerCase()+"$lit$").split(g),t=/([.?@])?(.*)/.exec(e);l.push({type:1,index:n,name:t[2],strings:i,ctor:"."===t[1]?Z:"?"===t[1]?J:"@"===t[1]?H:P})}else l.push({type:6,index:n})}for(const t of i)s.removeAttribute(t)}if(A.test(s.tagName)){const i=s.textContent.split(g),t=i.length-1;if(t>0){s.textContent=y?y.emptyScript:"";for(let e=0;e<t;e++)s.append(i[e],$()),O.nextNode(),l.push({type:2,index:++n});s.append(i[t],$())}}}else if(8===s.nodeType)if(s.data===w)l.push({type:2,index:n});else{let i=-1;for(;-1!==(i=s.data.indexOf(g,i+1));)l.push({type:7,index:n}),i+=g.length-1}n++}}static createElement(i,t){const e=b.createElement("template");return e.innerHTML=i,e}}function z(i,t,e=i,s){var n,o,r,l;if(t===j)return t;let h=void 0!==s?null===(n=e._$Cl)||void 0===n?void 0:n[s]:e._$Cu;const a=C(t)?void 0:t._$litDirective$;return(null==h?void 0:h.constructor)!==a&&(null===(o=null==h?void 0:h._$AO)||void 0===o||o.call(h,!1),void 0===a?h=void 0:(h=new a(i),h._$AT(i,e,s)),void 0!==s?(null!==(r=(l=e)._$Cl)&&void 0!==r?r:l._$Cl=[])[s]=h:e._$Cu=h),void 0!==h&&(t=z(i,h._$AS(i,t.values),h,s)),t}class B{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:s}=this._$AD,n=(null!==(t=null==i?void 0:i.creationScope)&&void 0!==t?t:b).importNode(e,!0);O.currentNode=n;let o=O.nextNode(),r=0,l=0,h=s[0];for(;void 0!==h;){if(r===h.index){let t;2===h.type?t=new N(o,o.nextSibling,this,i):1===h.type?t=new h.ctor(o,h.name,h.strings,this,i):6===h.type&&(t=new F(o,this,i)),this.v.push(t),h=s[++l]}r!==(null==h?void 0:h.index)&&(o=O.nextNode(),r++)}return n}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 N{constructor(i,t,e,s){var n;this.type=2,this._$AH=T,this._$AN=void 0,this._$AA=i,this._$AB=t,this._$AM=e,this.options=s,this._$Cg=null===(n=null==s?void 0:s.isConnected)||void 0===n||n}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=z(this,i,t),C(i)?i===T||null==i||""===i?(this._$AH!==T&&this._$AR(),this._$AH=T):i!==this._$AH&&i!==j&&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$:s}=i,n="number"==typeof s?this._$AC(i):(void 0===s.el&&(s.el=R.createElement(s.h,this.options)),s);if((null===(t=this._$AH)||void 0===t?void 0:t._$AD)===n)this._$AH.m(e);else{const i=new B(n,this),t=i.p(this.options);i.m(e),this.k(t),this._$AH=i}}_$AC(i){let t=I.get(i.strings);return void 0===t&&I.set(i.strings,t=new R(i)),t}S(i){S(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let e,s=0;for(const n of i)s===t.length?t.push(e=new N(this.M($()),this.M($()),this,this.options)):e=t[s],e._$AI(n),s++;s<t.length&&(this._$AR(e&&e._$AB.nextSibling,s),t.length=s)}_$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 P{constructor(i,t,e,s,n){this.type=1,this._$AH=T,this._$AN=void 0,this.element=i,this.name=t,this._$AM=s,this.options=n,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,s){const n=this.strings;let o=!1;if(void 0===n)i=z(this,i,t,0),o=!C(i)||i!==this._$AH&&i!==j,o&&(this._$AH=i);else{const s=i;let r,l;for(i=n[0],r=0;r<n.length-1;r++)l=z(this,s[e+r],t,r),l===j&&(l=this._$AH[r]),o||(o=!C(l)||l!==this._$AH[r]),l===T?i=T:i!==T&&(i+=(null!=l?l:"")+n[r+1]),this._$AH[r]=l}o&&!s&&this.C(i)}C(i){i===T?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=i?i:"")}}class Z extends P{constructor(){super(...arguments),this.type=3}C(i){this.element[this.name]=i===T?void 0:i}}const K=y?y.emptyScript:"";class J extends P{constructor(){super(...arguments),this.type=4}C(i){i&&i!==T?this.element.setAttribute(this.name,K):this.element.removeAttribute(this.name)}}class H extends P{constructor(i,t,e,s,n){super(i,t,e,s,n),this.type=5}_$AI(i,t=this){var e;if((i=null!==(e=z(this,i,t,0))&&void 0!==e?e:T)===j)return;const s=this._$AH,n=i===T&&s!==T||i.capture!==s.capture||i.once!==s.once||i.passive!==s.passive,o=i!==T&&(s===T||n);n&&this.element.removeEventListener(this.name,this,s),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 F{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){z(this,i)}}const D=window.litHtmlPolyfillSupport;
|
|
18
18
|
/**
|
|
19
19
|
* @license
|
|
20
20
|
* Copyright 2017 Google LLC
|
|
21
21
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
22
22
|
*/
|
|
23
|
-
var W,
|
|
23
|
+
var W,G;null==D||D(R,N),(null!==(v=globalThis.litHtmlVersions)&&void 0!==v?v:globalThis.litHtmlVersions=[]).push("2.2.6");class q extends u{constructor(){super(...arguments),this.renderOptions={host:this},this._$Dt=void 0}createRenderRoot(){var i,t;const e=super.createRenderRoot();return null!==(i=(t=this.renderOptions).renderBefore)&&void 0!==i||(t.renderBefore=e.firstChild),e}update(i){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(i),this._$Dt=((i,t,e)=>{var s,n;const o=null!==(s=null==e?void 0:e.renderBefore)&&void 0!==s?s:t;let r=o._$litPart$;if(void 0===r){const i=null!==(n=null==e?void 0:e.renderBefore)&&void 0!==n?n:null;o._$litPart$=r=new N(t.insertBefore($(),i),i,void 0,null!=e?e:{})}return r._$AI(i),r})(t,this.renderRoot,this.renderOptions)}connectedCallback(){var i;super.connectedCallback(),null===(i=this._$Dt)||void 0===i||i.setConnected(!0)}disconnectedCallback(){var i;super.disconnectedCallback(),null===(i=this._$Dt)||void 0===i||i.setConnected(!1)}render(){return j}}q.finalized=!0,q._$litElement$=!0,null===(W=globalThis.litElementHydrateSupport)||void 0===W||W.call(globalThis,{LitElement:q});const X=globalThis.litElementPolyfillSupport;null==X||X({LitElement:q}),(null!==(G=globalThis.litElementVersions)&&void 0!==G?G:globalThis.litElementVersions=[]).push("3.2.0");
|
|
24
24
|
/**
|
|
25
25
|
* @license
|
|
26
26
|
* Copyright 2017 Google LLC
|
|
@@ -53,12 +53,12 @@ const ei=1;
|
|
|
53
53
|
* Copyright 2018 Google LLC
|
|
54
54
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
55
55
|
*/
|
|
56
|
-
const si=(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,s;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 n=i.element.classList;this.et.forEach((i=>{i in t||(n.remove(i),this.et.delete(i))}));for(const i in t){const e=!!t[i];e===this.et.has(i)||(null===(s=this.st)||void 0===s?void 0:s.has(i))||(e?(n.add(i),this.et.add(i)):(n.remove(i),this.et.delete(i)))}return
|
|
56
|
+
const si=(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,s;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 n=i.element.classList;this.et.forEach((i=>{i in t||(n.remove(i),this.et.delete(i))}));for(const i in t){const e=!!t[i];e===this.et.has(i)||(null===(s=this.st)||void 0===s?void 0:s.has(i))||(e?(n.add(i),this.et.add(i)):(n.remove(i),this.et.delete(i)))}return j}}),ni="snippyly-cursor",oi="snippyly-comments",ri="snippyly-comments-sidebar",li="enable-url-navigation",hi=(i,t,e=!1,s="localStorage")=>{try{const n=e?btoa(t):t;"localStorage"===s?localStorage.setItem(i,n):sessionStorage.setItem(i,n)}catch(i){console.warn("Error in setLocalStorage: ",i)}},ai=(i,t=!1,e="localStorage")=>{try{let s=null;return s="localStorage"===e?localStorage.getItem(i):sessionStorage.getItem(i),s&&t?atob(s):s}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)}},di=(...i)=>{if(i)switch(i.length){case 1:return n`calc(${i[0]}rem * var(--snippyly-base-rem-unit, 1))`;case 2:return n`calc(${i[0]}rem * var(--snippyly-base-rem-unit, 1)) calc(${i[1]}rem * var(--snippyly-base-rem-unit, 1))`;case 3:return n`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 n`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 n`0`};var ui=function(i,t,e,s){for(var n,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,e):s,l=i.length-1;l>=0;l--)(n=i[l])&&(r=(o<3?n(r):o>3?n(t,e,r):n(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=false,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"))),s={};s.userId=e.uid,s.name=e.displayName,s.email=e.email,s.photoUrl=null==e?void 0:e.photoURL,s.contacts=window.SNIPPYLY_USER_CONTACTS||[],hi("snippyly-user",JSON.stringify(s),!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=ci("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(ci("review",!1,"sessionStorage")){t.append("review","true");let e=ci("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()}this.setVersionInUrl()}catch(i){console.warn("Error in checkUrl: ",i)}},this.detectVersion=()=>{try{if(this.projectVersionKey){const i=new URL(document.location).searchParams;if(i.get(this.projectVersionKey))this.projectVersion=i.get(this.projectVersionKey);else if(window.snippylyInitialLoadUrl){const i=new URL(window.snippylyInitialLoadUrl).searchParams;i.get(this.projectVersionKey)&&(this.projectVersion=i.get(this.projectVersionKey))}this.projectVersion&&hi("projectVersion",this.projectVersion,!1,"sessionStorage")}}catch(i){console.warn("Error in detectVersion: ",i)}},this.setVersionInUrl=()=>{try{const i=this.projectVersionKey||ci("projectVersionKey",!1,"sessionStorage"),t=this.projectVersion||ci("projectVersion",!1,"sessionStorage");if(i&&t){const e=new URL(document.location),s=e.searchParams;s.get(i)||(s.set(i,t),window.history.replaceState({},document.title,e.href))}}catch(i){console.warn("Error in setVersionInUrl: ",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(ni)){const i=document.createElement(ni);window.document.body.appendChild(i)}((i="",t=!1,e)=>{if(console.log("load snippyly called"),document.getElementById("snippylyScript"))e&&e();else{const s=document.createElement("script");s.src=`https://cdn.jsdelivr.net/npm/@snippyly/sdk${t?"-staging":""}${i?"@"+i:""}/snippyly.js`,s.id="snippylyScript",s.type="module",document.body.appendChild(s),s.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,version:this.projectVersion})}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};ci("snippyly-user",!0)&&(i=JSON.parse(ci("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://login.snippyly.com/?redirect_url=${encodeURIComponent(window.location.href)}`,"_self")}catch(i){console.warn("Error in loginWithGoogle: ",i)}},this.removeSnippyly=async()=>{try{di("review","sessionStorage"),di("sreviewId","sessionStorage"),di("projectVersionKey","sessionStorage"),di("projectVersion","sessionStorage");const i=new URL(document.location),t=i.searchParams;t.delete("sreviewId"),t.delete("review"),this.projectVersionKey&&t.delete(this.projectVersionKey),this.projectVersion=void 0,this.projectVersionKey=void 0,delete window.snippylyInitialLoadUrl,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(),di("snippyly-user"),this.snippylyUser=void 0,window.open(`https://login.snippyly.com/?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.detectVersion(),this.setWindowEventListner(),this.urlChangeListener(),this.checkUrl()}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 projectVersionKey(){return this._projectVersionKey}set projectVersionKey(i){try{this._projectVersionKey=i,this.projectVersionKey&&hi("projectVersionKey",this.projectVersionKey,!1,"sessionStorage"),this.detectVersion()}catch(i){console.warn("Error in set projectVersionKey: ",i)}}get menuOpenedId(){return this._menuOpenedId}set menuOpenedId(i){this._menuOpenedId=i,this.menuOpenedId?this.addWindowClickEventListener():this.removeWindowClickEventListener()}render(){var i,t,e,s,n,o,r,l,a,h,c,d;return this.loadPlugin?I`
|
|
58
|
+
calc(${i[2]}rem * var(--snippyly-base-rem-unit, 1)) calc(${i[3]}rem * var(--snippyly-base-rem-unit, 1))`}return n`0`};var pi=function(i,t,e,s){for(var n,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,e):s,l=i.length-1;l>=0;l--)(n=i[l])&&(r=(o<3?n(r):o>3?n(t,e,r):n(t,e))||r);return o>3&&r&&Object.defineProperty(t,e,r),r};let ui=class extends q{constructor(){super(),this._loadPlugin=!1,this.comments=[],this.addCommentMode=!1,this._expanded=!0,this.staging=false,this.copyLinkTooltip="Copy Link",this.invalidApiKey=!1,this.isUserGlobalContact=!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=()=>{var i;try{const t=new URL(document.location),e=t.searchParams;if(e.has("snippyly_google_token")){const s=JSON.parse(atob(e.get("snippyly_google_token"))),n={},o=(null===(i=s.providerData)||void 0===i?void 0:i.length)?s.providerData[0]:null;n.userId=s.uid,n.name=s.displayName||(null==o?void 0:o.displayName),n.email=s.email||(null==o?void 0:o.email),n.photoUrl=(null==s?void 0:s.photoURL)||(null==o?void 0:o.photoURL),n.contacts=window.SNIPPYLY_USER_CONTACTS||[],hi("snippyly-user",JSON.stringify(n),!0),e.delete("snippyly_google_token"),window.history.replaceState({},document.title,t.href)}e.has("review")?(hi("review","true",!1,"sessionStorage"),"true"!==e.get("review")&&(e.delete("review"),e.append("review","true"),window.history.replaceState({},document.title,t.href)),this.loadPluginUI()):ai("review",!1,"sessionStorage")&&(e.append("review","true"),window.history.replaceState({},document.title,t.href),this.loadPluginUI()),this.setVersionInUrl()}catch(i){console.warn("Error in checkUrl: ",i)}},this.detectVersion=()=>{try{if(this.projectVersionKey){const i=new URL(document.location).searchParams;if(i.get(this.projectVersionKey))this.projectVersion=i.get(this.projectVersionKey);else if(window.snippylyInitialLoadUrl){const i=new URL(window.snippylyInitialLoadUrl).searchParams;i.get(this.projectVersionKey)&&(this.projectVersion=i.get(this.projectVersionKey))}this.projectVersion&&hi("projectVersion",this.projectVersion,!1,"sessionStorage")}}catch(i){console.warn("Error in detectVersion: ",i)}},this.setVersionInUrl=()=>{try{const i=this.projectVersionKey||ai("projectVersionKey",!1,"sessionStorage"),t=this.projectVersion||ai("projectVersion",!1,"sessionStorage");if(i&&t){const e=new URL(document.location),s=e.searchParams;s.get(i)||(s.set(i,t),window.history.replaceState({},document.title,e.href))}}catch(i){console.warn("Error in setVersionInUrl: ",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(ni)){const i=document.createElement(ni);window.document.body.appendChild(i)}((i="",t=!1,e)=>{if(console.log("load snippyly called"),document.getElementById("snippylyScript"))e&&e();else{const s=document.createElement("script");s.src=`https://cdn.jsdelivr.net/npm/@snippyly/sdk${t?"-staging":""}${i?"@"+i:""}/snippyly.js`,s.id="snippylyScript",s.type="module",document.body.appendChild(s),s.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;this.documentId=((i,t=0)=>{try{let e=3735928559^t,s=1103547991^t;for(let t,n=0;n<i.length;n++)t=i.charCodeAt(n),e=Math.imul(e^t,2654435761),s=Math.imul(s^t,1597334677);return e=Math.imul(e^e>>>16,2246822507)^Math.imul(s^s>>>13,3266489909),s=Math.imul(s^s>>>16,2246822507)^Math.imul(e^e>>>13,3266489909),4294967296*(2097151&s)+(e>>>0)}catch(i){return console.warn("Error in cyrb53: ",i),0}})((i=>{let t;return t=i.includes("http")?new URL(i):new URL("http://"+i),t.hostname.replace("www.","")})(window.location.origin))+"",null===Snippyly||void 0===Snippyly||Snippyly.setDocumentId(this.documentId+"");const t=new URL(document.location);t.searchParams.delete("review"),t.searchParams.delete("sreviewId"),t.searchParams.delete("scommentId");const e=i.get("sversion")||this.projectVersion;this.location={url:t.href,version:e},this.setLocation(),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.showScreenSizeInfo(!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.setLocation=()=>{try{null===Snippyly||void 0===Snippyly||Snippyly.setLocation(JSON.parse(JSON.stringify(this.location)))}catch(i){console.warn("Error in setLocation: ",i)}},this.identifySnippyly=async()=>{var i;try{this.invalidApiKey=!1;let i={name:"Anonymous User",email:"anonymous@snippyly.com",userId:"anonymous",isAnonymous:!0};if(ai("snippyly-user",!0)){const t=JSON.parse(ai("snippyly-user",!0));(null==t?void 0:t.email)&&(i=t)}i.contacts=window.SNIPPYLY_USER_CONTACTS||[],i.groupId=Snippyly.getDocumentId()+"",await Snippyly.identify(i),(null==i?void 0:i.isAnonymous)||(this.snippylyUser=JSON.parse(JSON.stringify(i))),this.getComments(),this.checkGlobalUserContact()}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{this.commentElement&&(this.commentSubscription&&this.commentSubscription.unsubscribe(),this.commentSubscription=this.commentElement.getAllCommentAnnotations(this.documentId).subscribe((i=>{this.comments=i,"All"!==this.viewMode&&(this.viewMode?this.comments=i.filter((i=>{var t;return(null===(t=null==i?void 0:i.location)||void 0===t?void 0:t.view)===this.viewMode})):this.comments=this.comments.filter((i=>{var t;return!(null===(t=null==i?void 0:i.location)||void 0===t?void 0:t.view)})))})))}catch(i){console.warn("Error in getComments: ",i)}},this.checkGlobalUserContact=()=>{try{this.commentElement&&this.commentElement.isUserGlobalContact().subscribe((i=>{!this.isUserGlobalContact&&i&&this.setViewMode("All"),this.isUserGlobalContact=i,i||this.setViewMode(null)}))}catch(i){console.warn("Error in checkGlobalUserContact: ",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://login.usesuperflow.com/?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"),ci("projectVersionKey","sessionStorage"),ci("projectVersion","sessionStorage");const i=new URL(document.location),t=i.searchParams;t.delete("sreviewId"),t.delete("review"),this.projectVersionKey&&t.delete(this.projectVersionKey),this.projectVersion=void 0,this.projectVersionKey=void 0,delete window.snippylyInitialLoadUrl,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://login.usesuperflow.com/?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.setViewMode=i=>{try{this.viewMode!==i&&(this.viewMode=i,i?this.location.view=i:delete this.location.view,this.setLocation(),this.getComments())}catch(i){console.warn("Error in setViewMode: ",i)}},this.setAttribute("snippyly-comment-disabled","true");try{this.expanded=!0,this.detectVersion(),this.setWindowEventListner(),this.urlChangeListener(),this.checkUrl()}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 projectVersionKey(){return this._projectVersionKey}set projectVersionKey(i){try{this._projectVersionKey=i,this.projectVersionKey&&hi("projectVersionKey",this.projectVersionKey,!1,"sessionStorage"),this.detectVersion()}catch(i){console.warn("Error in set projectVersionKey: ",i)}}get menuOpenedId(){return this._menuOpenedId}set menuOpenedId(i){this._menuOpenedId=i,this.menuOpenedId?this.addWindowClickEventListener():this.removeWindowClickEventListener()}render(){var i,t,e,s,n,o,r,l,h,a,c,d,p,u;return this.loadPlugin?U`
|
|
59
59
|
<div class="snippyly-plugin-container ${si({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
|
-
${this.expanded?null:
|
|
61
|
+
${this.expanded?null:U`
|
|
62
62
|
<svg width="8" height="5" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="arrow-icon">
|
|
63
63
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
64
64
|
d="M3.646 4.354L0.645996 1.354L1.354 0.646004L4 3.293L6.646 0.646004L7.354 1.354L4.354 4.354L4 4.707L3.646 4.354Z"
|
|
@@ -80,7 +80,7 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
80
80
|
d="M0.351589 9.03355C0.00514201 9.8932 -0.0880133 10.8436 0.0843205 11.7602C0.256654 12.6768 0.686445 13.517 1.31742 14.1708C1.72451 14.6098 2.20989 14.9589 2.74541 15.1979C3.28094 15.4368 3.85595 15.5608 4.4371 15.5628C5.03193 15.5613 5.62062 15.4353 6.16924 15.192C6.9885 14.8437 7.68929 14.2415 8.17981 13.4645C8.67033 12.6874 8.92771 11.7717 8.91823 10.8372V6.12115H4.46544C3.58239 6.11147 2.71718 6.38434 1.98312 6.90402C1.24906 7.4237 0.680388 8.16595 0.351589 9.03355Z"
|
|
81
81
|
fill="#A259FE" />
|
|
82
82
|
</svg>
|
|
83
|
-
${this.expanded?
|
|
83
|
+
${this.expanded?U`
|
|
84
84
|
<svg width="8" height="5" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="arrow-icon">
|
|
85
85
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
86
86
|
d="M3.646 4.354L0.645996 1.354L1.354 0.646004L4 3.293L6.646 0.646004L7.354 1.354L4.354 4.354L4 4.707L3.646 4.354Z"
|
|
@@ -91,7 +91,7 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
91
91
|
<div class="menu-item">${this.expanded?"Hide Toolbar":"Show Toolbar"}</div>
|
|
92
92
|
</div>
|
|
93
93
|
</div>
|
|
94
|
-
${this.expanded?
|
|
94
|
+
${this.expanded?U`
|
|
95
95
|
<div class="snippyly-comment-tool-container snippyly-menu-trigger ${si({disabled:!(null===(t=this.snippylyUser)||void 0===t?void 0:t.userId)})}">
|
|
96
96
|
<snippyly-comment-tool class="custom-tool">
|
|
97
97
|
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
@@ -104,7 +104,7 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
104
104
|
<div class="menu-item">${this.invalidApiKey?"API key is Invalid":(null===(e=this.snippylyUser)||void 0===e?void 0:e.userId)?"Add comments":"Sign in to add comments"}</div>
|
|
105
105
|
</div>
|
|
106
106
|
</div>
|
|
107
|
-
${(null===(s=this.comments)||void 0===s?void 0:s.length)?
|
|
107
|
+
${this.isUserGlobalContact||(null===(s=this.comments)||void 0===s?void 0:s.length)?U`
|
|
108
108
|
<div class="snippyly-comments-container snippyly-menu-trigger">
|
|
109
109
|
<div class="comment-counter" @click=${()=>this.toggleCommentSidebar()}>
|
|
110
110
|
${null===(n=this.comments)||void 0===n?void 0:n.length} ${1===(null===(o=this.comments)||void 0===o?void 0:o.length)?"Comment":"Comments"}
|
|
@@ -114,11 +114,23 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
114
114
|
</div>
|
|
115
115
|
</div>
|
|
116
116
|
`:null}
|
|
117
|
+
${this.isUserGlobalContact?U`
|
|
118
|
+
<div class="snippyly-menu-container snippyly-menu-trigger ${si({opened:"viewModeMenu"===this.menuOpenedId})}" id="viewModeMenu" @click=${i=>this.toggleMenu(i,"viewModeMenu")}>
|
|
119
|
+
<div class="comment-counter">
|
|
120
|
+
View: ${this.viewMode||"External"}
|
|
121
|
+
</div>
|
|
122
|
+
<div class="snippyly-menu">
|
|
123
|
+
<div class="menu-item" @click=${()=>this.setViewMode("Internal")}>Internal</div>
|
|
124
|
+
<div class="menu-item" @click=${()=>this.setViewMode(null)}>External</div>
|
|
125
|
+
<div class="menu-item" @click=${()=>this.setViewMode("All")}>All</div>
|
|
126
|
+
</div>
|
|
127
|
+
</div>
|
|
128
|
+
`:null}
|
|
117
129
|
<div class="spacer"></div>
|
|
118
130
|
<div class="snippyly-presence-container snippyly-menu-trigger">
|
|
119
131
|
<snippyly-presence max-users="4"></snippyly-presence>
|
|
120
132
|
</div>
|
|
121
|
-
${(null===(r=this.snippylyUser)||void 0===r?void 0:r.userId)?
|
|
133
|
+
${(null===(r=this.snippylyUser)||void 0===r?void 0:r.userId)?U`
|
|
122
134
|
<div class="snippyly-share-container snippyly-menu-trigger" @click=${()=>this.copyLink()}>
|
|
123
135
|
<button class="snippyly-btn snippyly-primary-btn signin-btn">
|
|
124
136
|
Share
|
|
@@ -128,7 +140,7 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
128
140
|
</div>
|
|
129
141
|
</div>
|
|
130
142
|
`:null}
|
|
131
|
-
${(null===(l=this.snippylyUser)||void 0===l?void 0:l.userId)?null:
|
|
143
|
+
${(null===(l=this.snippylyUser)||void 0===l?void 0:l.userId)?null:U`
|
|
132
144
|
<div class="snippyly-signin-container snippyly-menu-trigger">
|
|
133
145
|
<button class="snippyly-btn snippyly-primary-btn signin-btn" @click=${()=>this.loginWithGoogle()}>
|
|
134
146
|
Sign in
|
|
@@ -138,9 +150,11 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
138
150
|
`:null}
|
|
139
151
|
|
|
140
152
|
<div class="snippyly-menu-container snippyly-menu-trigger ${si({opened:"userMenu"===this.menuOpenedId})}" id="userMenu" @click=${i=>this.toggleMenu(i,"userMenu")}>
|
|
141
|
-
${this.expanded&&(null===(
|
|
142
|
-
|
|
143
|
-
|
|
153
|
+
${this.expanded&&this.snippylyUser?(null===(h=this.snippylyUser)||void 0===h?void 0:h.photoUrl)?U`
|
|
154
|
+
<img src=${null===(a=this.snippylyUser)||void 0===a?void 0:a.photoUrl} class="profile-img" referrerpolicy="no-referrer" title=${null===(c=this.snippylyUser)||void 0===c?void 0:c.name} />
|
|
155
|
+
`:U`
|
|
156
|
+
<div class="profile-initial"><span>${(null===(p=null===(d=this.snippylyUser)||void 0===d?void 0:d.name)||void 0===p?void 0:p.charAt(0))||"-"}</span></div>
|
|
157
|
+
`:null}
|
|
144
158
|
<svg width="4" height="14" viewBox="0 0 4 14" fill="none" xmlns="http://www.w3.org/2000/svg"
|
|
145
159
|
class="more-menu-icon">
|
|
146
160
|
<path
|
|
@@ -150,14 +164,14 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
150
164
|
<div class="snippyly-menu">
|
|
151
165
|
<div class="menu-item" @click=${()=>this.toggleSnippylyPluginToolbar()}>${this.expanded?"Hide Toolbar":"Show Toolbar"}</div>
|
|
152
166
|
<div class="menu-item" @click=${()=>this.removeSnippyly()}>Exit Review Mode</div>
|
|
153
|
-
${(null===(
|
|
167
|
+
${(null===(u=this.snippylyUser)||void 0===u?void 0:u.userId)?U`
|
|
154
168
|
<div class="menu-item-divider"></div>
|
|
155
169
|
<div class="menu-item" @click=${()=>this.signOutUser()}>Sign out</div>
|
|
156
170
|
`:null}
|
|
157
171
|
</div>
|
|
158
172
|
</div>
|
|
159
173
|
</div>
|
|
160
|
-
`:
|
|
174
|
+
`:U``}};ui.styles=n`
|
|
161
175
|
|
|
162
176
|
@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
177
|
|
|
@@ -166,33 +180,33 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
166
180
|
}
|
|
167
181
|
|
|
168
182
|
.snippyly-plugin-container {
|
|
169
|
-
height: ${
|
|
183
|
+
height: ${di(3.5)};
|
|
170
184
|
background-color: white;
|
|
171
185
|
position: fixed;
|
|
172
186
|
bottom: 0;
|
|
173
187
|
right: 0;
|
|
174
188
|
z-index: 99999999;
|
|
175
|
-
margin: ${
|
|
176
|
-
border-radius: ${
|
|
189
|
+
margin: ${di(1.5)};
|
|
190
|
+
border-radius: ${di(.5)};
|
|
177
191
|
border: 1px solid rgba(0, 0, 0, 0.12);
|
|
178
192
|
display: flex;
|
|
179
193
|
box-sizing: border-box;
|
|
180
194
|
align-items: center;
|
|
181
195
|
z-index: 999999995;
|
|
182
196
|
color: black !important;
|
|
183
|
-
box-shadow: 0 ${
|
|
184
|
-
margin-bottom: ${
|
|
197
|
+
box-shadow: 0 ${di(1)} ${di(3)} #0000002d;
|
|
198
|
+
margin-bottom: ${di(3)}; // Added to prevent overlap between plugin UI and webflow badge
|
|
185
199
|
/* overflow: hidden; */
|
|
186
200
|
}
|
|
187
201
|
|
|
188
202
|
.snippyly-plugin-container.expanded {
|
|
189
|
-
min-width: ${
|
|
203
|
+
min-width: ${di(30)};
|
|
190
204
|
}
|
|
191
205
|
|
|
192
206
|
.snippyly-plugin-container>* {
|
|
193
207
|
display: flex;
|
|
194
208
|
align-items: center;
|
|
195
|
-
padding: 0 ${
|
|
209
|
+
padding: 0 ${di(.5)};
|
|
196
210
|
height: 100%;
|
|
197
211
|
position: relative;
|
|
198
212
|
}
|
|
@@ -200,7 +214,7 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
200
214
|
.snippyly-logo-container {
|
|
201
215
|
display: flex;
|
|
202
216
|
align-items: center;
|
|
203
|
-
/* padding: ${
|
|
217
|
+
/* padding: ${di(1)}; */
|
|
204
218
|
height: 100%;
|
|
205
219
|
}
|
|
206
220
|
|
|
@@ -216,21 +230,21 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
216
230
|
}
|
|
217
231
|
|
|
218
232
|
.snippyly-logo-container {
|
|
219
|
-
border-top-left-radius: ${
|
|
220
|
-
border-bottom-left-radius: ${
|
|
233
|
+
border-top-left-radius: ${di(.5)};
|
|
234
|
+
border-bottom-left-radius: ${di(.5)};
|
|
221
235
|
}
|
|
222
236
|
|
|
223
237
|
.snippyly-menu-container {
|
|
224
|
-
border-top-right-radius: ${
|
|
225
|
-
border-bottom-right-radius: ${
|
|
238
|
+
border-top-right-radius: ${di(.5)};
|
|
239
|
+
border-bottom-right-radius: ${di(.5)};
|
|
226
240
|
}
|
|
227
241
|
|
|
228
242
|
.snippyly-plugin-container.expanded .snippyly-logo {
|
|
229
|
-
margin-right: ${
|
|
243
|
+
margin-right: ${di(.5)};
|
|
230
244
|
}
|
|
231
245
|
|
|
232
246
|
.snippyly-plugin-container:not(.expanded) .snippyly-logo {
|
|
233
|
-
margin-left: ${
|
|
247
|
+
margin-left: ${di(.5)};
|
|
234
248
|
}
|
|
235
249
|
|
|
236
250
|
.snippyly-comment-tool-container {
|
|
@@ -251,25 +265,25 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
251
265
|
}
|
|
252
266
|
|
|
253
267
|
.snippyly-comment-tool-container .custom-tool {
|
|
254
|
-
font-size: ${
|
|
268
|
+
font-size: ${di(1)};
|
|
255
269
|
}
|
|
256
270
|
|
|
257
271
|
snippyly-comment-tool {
|
|
258
272
|
height: 100%;
|
|
259
|
-
padding: ${
|
|
273
|
+
padding: ${di(1)};
|
|
260
274
|
box-sizing: border-box;
|
|
261
275
|
}
|
|
262
276
|
|
|
263
277
|
.snippyly-comments-container {
|
|
264
|
-
padding-left: ${
|
|
265
|
-
padding-right: ${
|
|
278
|
+
padding-left: ${di(.5)};
|
|
279
|
+
padding-right: ${di(.5)};
|
|
266
280
|
}
|
|
267
281
|
|
|
268
282
|
.comment-counter {
|
|
269
283
|
border: 1px solid rgb(0, 0, 0, 0.25);
|
|
270
|
-
padding: ${
|
|
271
|
-
border-radius: ${
|
|
272
|
-
font-size: ${
|
|
284
|
+
padding: ${di(.3,.5)};
|
|
285
|
+
border-radius: ${di(.5)};
|
|
286
|
+
font-size: ${di(.8)};
|
|
273
287
|
}
|
|
274
288
|
|
|
275
289
|
.comment-counter:hover {
|
|
@@ -279,8 +293,8 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
279
293
|
|
|
280
294
|
.snippyly-btn {
|
|
281
295
|
cursor: pointer;
|
|
282
|
-
padding: ${
|
|
283
|
-
font-size: ${
|
|
296
|
+
padding: ${di(.3,.5)};
|
|
297
|
+
font-size: ${di(.8)};
|
|
284
298
|
}
|
|
285
299
|
|
|
286
300
|
.snippyly-primary-btn {
|
|
@@ -311,29 +325,29 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
311
325
|
top: 0;
|
|
312
326
|
left: 50%;
|
|
313
327
|
white-space: nowrap;
|
|
314
|
-
transform: translate(-50%, calc(-100% - ${
|
|
328
|
+
transform: translate(-50%, calc(-100% - ${di(1)}));
|
|
315
329
|
display: none;
|
|
316
330
|
border-radius: 4px;
|
|
317
331
|
}
|
|
318
332
|
|
|
319
333
|
.menu-item {
|
|
320
|
-
padding: ${
|
|
334
|
+
padding: ${di(.25,.5)};
|
|
321
335
|
cursor: pointer;
|
|
322
|
-
font-size: ${
|
|
336
|
+
font-size: ${di(.8)};
|
|
323
337
|
}
|
|
324
338
|
|
|
325
339
|
.menu-item:first-child {
|
|
326
|
-
padding-top: ${
|
|
340
|
+
padding-top: ${di(.5)};
|
|
327
341
|
}
|
|
328
342
|
|
|
329
343
|
.menu-item:last-child {
|
|
330
|
-
padding-bottom: ${
|
|
344
|
+
padding-bottom: ${di(.5)};
|
|
331
345
|
}
|
|
332
346
|
|
|
333
347
|
.menu-item-divider {
|
|
334
348
|
background: black;
|
|
335
349
|
height: 1px;
|
|
336
|
-
margin: ${
|
|
350
|
+
margin: ${di(.2)} 0;
|
|
337
351
|
}
|
|
338
352
|
|
|
339
353
|
.snippyly-menu:not(.snippyly-tooltip):after {
|
|
@@ -355,11 +369,23 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
355
369
|
}
|
|
356
370
|
|
|
357
371
|
.profile-img {
|
|
358
|
-
width: ${
|
|
359
|
-
height: ${
|
|
372
|
+
width: ${di(1.5)};
|
|
373
|
+
height: ${di(1.5)};
|
|
360
374
|
border-radius: 100%;
|
|
361
375
|
}
|
|
362
376
|
|
|
377
|
+
.profile-initial {
|
|
378
|
+
background: rgb(162, 89, 254);
|
|
379
|
+
width: ${di(1.5)};
|
|
380
|
+
height: ${di(1.5)};
|
|
381
|
+
border-radius: 100%;
|
|
382
|
+
display: flex;
|
|
383
|
+
justify-content: center;
|
|
384
|
+
align-items: center;
|
|
385
|
+
color: white;
|
|
386
|
+
font-size: ${di(.7)};
|
|
387
|
+
}
|
|
388
|
+
|
|
363
389
|
.snippyly-logo-container.snippyly-menu-trigger .snippyly-menu {
|
|
364
390
|
left: 85%;
|
|
365
391
|
}
|
|
@@ -381,7 +407,7 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
381
407
|
}
|
|
382
408
|
|
|
383
409
|
.more-menu-icon {
|
|
384
|
-
margin: ${
|
|
410
|
+
margin: ${di(.5)};
|
|
385
411
|
}
|
|
386
412
|
|
|
387
413
|
.disabled {
|
|
@@ -436,7 +462,7 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
436
462
|
}
|
|
437
463
|
|
|
438
464
|
.s-presence-avatar-image-small {
|
|
439
|
-
width: ${
|
|
465
|
+
width: ${di(1.6)};
|
|
440
466
|
height: auto;
|
|
441
467
|
display: block;
|
|
442
468
|
}
|
|
@@ -448,4 +474,4 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
448
474
|
.away {
|
|
449
475
|
filter: grayscale(1);
|
|
450
476
|
}
|
|
451
|
-
`,
|
|
477
|
+
`,pi([ii()],ui.prototype,"loadPlugin",null),pi([ii()],ui.prototype,"comments",void 0),pi([ii()],ui.prototype,"commentElement",void 0),pi([ii()],ui.prototype,"commentSubscription",void 0),pi([ii()],ui.prototype,"selectionElement",void 0),pi([ii()],ui.prototype,"addCommentMode",void 0),pi([ii()],ui.prototype,"_expanded",void 0),pi([ii()],ui.prototype,"snippylyUser",void 0),pi([Y()],ui.prototype,"apiKey",void 0),pi([ii()],ui.prototype,"staging",void 0),pi([Y()],ui.prototype,"projectVersionKey",null),pi([ii()],ui.prototype,"projectVersion",void 0),pi([ii()],ui.prototype,"_menuOpenedId",void 0),pi([ii()],ui.prototype,"copyLinkTooltip",void 0),pi([ii()],ui.prototype,"invalidApiKey",void 0),pi([ii()],ui.prototype,"documentId",void 0),pi([ii()],ui.prototype,"isUserGlobalContact",void 0),pi([ii()],ui.prototype,"location",void 0),pi([ii()],ui.prototype,"viewMode",void 0),ui=pi([(i=>t=>"function"==typeof t?((i,t)=>(window.customElements.define(i,t),t))(i,t):((i,t)=>{const{kind:e,elements:s}=t;return{kind:e,elements:s,finisher(t){window.customElements.define(i,t)}}})(i,t))("snippyly-plugin")],ui);export{ui as SnippylyPlugin};
|