@snippyly/plugin 1.0.20 → 1.0.21
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 +61 -49
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 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==a||a({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,M=/'/g,_=/"/g,A=/^(?:script|style|textarea|title)$/i,U=(i=>(t,...e)=>({_$litType$:i,strings:t,values:e}))(1),T=Symbol.for("lit-noChange"),j=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=v?v.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===T)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=j,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===j||null==i||""===i?(this._$AH!==j&&this._$AR(),this._$AH=j):i!==this._$AH&&i!==T&&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!==j&&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=j,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=j}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!==T,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===T&&(l=this._$AH[r]),o||(o=!C(l)||l!==this._$AH[r]),l===j?i=j:i!==j&&(i+=(null!=l?l:"")+n[r+1]),this._$AH[r]=l}o&&!s&&this.C(i)}C(i){i===j?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===j?void 0:i}}const K=v?v.emptyScript:"";class J extends P{constructor(){super(...arguments),this.type=4}C(i){i&&i!==j?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:j)===T)return;const s=this._$AH,n=i===j&&s!==j||i.capture!==s.capture||i.once!==s.once||i.passive!==s.passive,o=i!==j&&(s===j||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!==(y=globalThis.litHtmlVersions)&&void 0!==y?y: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 T}}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 T}}),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=()=>{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)}t.has("review")?(hi("review","true",!1,"sessionStorage"),"true"!==t.get("review")&&(t.delete("review"),t.append("review","true"),window.history.replaceState({},document.title,i.href)),this.loadPluginUI()):ai("review",!1,"sessionStorage")&&(t.append("review","true"),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||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};ai("snippyly-user",!0)&&(i=JSON.parse(ai("snippyly-user",!0))),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.snippyly.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.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.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;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,8 +150,8 @@ 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
|
-
<img src=${null===(
|
|
153
|
+
${this.expanded&&(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} />
|
|
143
155
|
`:null}
|
|
144
156
|
<svg width="4" height="14" viewBox="0 0 4 14" fill="none" xmlns="http://www.w3.org/2000/svg"
|
|
145
157
|
class="more-menu-icon">
|
|
@@ -150,14 +162,14 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
150
162
|
<div class="snippyly-menu">
|
|
151
163
|
<div class="menu-item" @click=${()=>this.toggleSnippylyPluginToolbar()}>${this.expanded?"Hide Toolbar":"Show Toolbar"}</div>
|
|
152
164
|
<div class="menu-item" @click=${()=>this.removeSnippyly()}>Exit Review Mode</div>
|
|
153
|
-
${(null===(d=this.snippylyUser)||void 0===d?void 0:d.userId)?
|
|
165
|
+
${(null===(d=this.snippylyUser)||void 0===d?void 0:d.userId)?U`
|
|
154
166
|
<div class="menu-item-divider"></div>
|
|
155
167
|
<div class="menu-item" @click=${()=>this.signOutUser()}>Sign out</div>
|
|
156
168
|
`:null}
|
|
157
169
|
</div>
|
|
158
170
|
</div>
|
|
159
171
|
</div>
|
|
160
|
-
`:
|
|
172
|
+
`:U``}};ui.styles=n`
|
|
161
173
|
|
|
162
174
|
@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
175
|
|
|
@@ -166,33 +178,33 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
166
178
|
}
|
|
167
179
|
|
|
168
180
|
.snippyly-plugin-container {
|
|
169
|
-
height: ${
|
|
181
|
+
height: ${di(3.5)};
|
|
170
182
|
background-color: white;
|
|
171
183
|
position: fixed;
|
|
172
184
|
bottom: 0;
|
|
173
185
|
right: 0;
|
|
174
186
|
z-index: 99999999;
|
|
175
|
-
margin: ${
|
|
176
|
-
border-radius: ${
|
|
187
|
+
margin: ${di(1.5)};
|
|
188
|
+
border-radius: ${di(.5)};
|
|
177
189
|
border: 1px solid rgba(0, 0, 0, 0.12);
|
|
178
190
|
display: flex;
|
|
179
191
|
box-sizing: border-box;
|
|
180
192
|
align-items: center;
|
|
181
193
|
z-index: 999999995;
|
|
182
194
|
color: black !important;
|
|
183
|
-
box-shadow: 0 ${
|
|
184
|
-
margin-bottom: ${
|
|
195
|
+
box-shadow: 0 ${di(1)} ${di(3)} #0000002d;
|
|
196
|
+
margin-bottom: ${di(3)}; // Added to prevent overlap between plugin UI and webflow badge
|
|
185
197
|
/* overflow: hidden; */
|
|
186
198
|
}
|
|
187
199
|
|
|
188
200
|
.snippyly-plugin-container.expanded {
|
|
189
|
-
min-width: ${
|
|
201
|
+
min-width: ${di(30)};
|
|
190
202
|
}
|
|
191
203
|
|
|
192
204
|
.snippyly-plugin-container>* {
|
|
193
205
|
display: flex;
|
|
194
206
|
align-items: center;
|
|
195
|
-
padding: 0 ${
|
|
207
|
+
padding: 0 ${di(.5)};
|
|
196
208
|
height: 100%;
|
|
197
209
|
position: relative;
|
|
198
210
|
}
|
|
@@ -200,7 +212,7 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
200
212
|
.snippyly-logo-container {
|
|
201
213
|
display: flex;
|
|
202
214
|
align-items: center;
|
|
203
|
-
/* padding: ${
|
|
215
|
+
/* padding: ${di(1)}; */
|
|
204
216
|
height: 100%;
|
|
205
217
|
}
|
|
206
218
|
|
|
@@ -216,21 +228,21 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
216
228
|
}
|
|
217
229
|
|
|
218
230
|
.snippyly-logo-container {
|
|
219
|
-
border-top-left-radius: ${
|
|
220
|
-
border-bottom-left-radius: ${
|
|
231
|
+
border-top-left-radius: ${di(.5)};
|
|
232
|
+
border-bottom-left-radius: ${di(.5)};
|
|
221
233
|
}
|
|
222
234
|
|
|
223
235
|
.snippyly-menu-container {
|
|
224
|
-
border-top-right-radius: ${
|
|
225
|
-
border-bottom-right-radius: ${
|
|
236
|
+
border-top-right-radius: ${di(.5)};
|
|
237
|
+
border-bottom-right-radius: ${di(.5)};
|
|
226
238
|
}
|
|
227
239
|
|
|
228
240
|
.snippyly-plugin-container.expanded .snippyly-logo {
|
|
229
|
-
margin-right: ${
|
|
241
|
+
margin-right: ${di(.5)};
|
|
230
242
|
}
|
|
231
243
|
|
|
232
244
|
.snippyly-plugin-container:not(.expanded) .snippyly-logo {
|
|
233
|
-
margin-left: ${
|
|
245
|
+
margin-left: ${di(.5)};
|
|
234
246
|
}
|
|
235
247
|
|
|
236
248
|
.snippyly-comment-tool-container {
|
|
@@ -251,25 +263,25 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
251
263
|
}
|
|
252
264
|
|
|
253
265
|
.snippyly-comment-tool-container .custom-tool {
|
|
254
|
-
font-size: ${
|
|
266
|
+
font-size: ${di(1)};
|
|
255
267
|
}
|
|
256
268
|
|
|
257
269
|
snippyly-comment-tool {
|
|
258
270
|
height: 100%;
|
|
259
|
-
padding: ${
|
|
271
|
+
padding: ${di(1)};
|
|
260
272
|
box-sizing: border-box;
|
|
261
273
|
}
|
|
262
274
|
|
|
263
275
|
.snippyly-comments-container {
|
|
264
|
-
padding-left: ${
|
|
265
|
-
padding-right: ${
|
|
276
|
+
padding-left: ${di(.5)};
|
|
277
|
+
padding-right: ${di(.5)};
|
|
266
278
|
}
|
|
267
279
|
|
|
268
280
|
.comment-counter {
|
|
269
281
|
border: 1px solid rgb(0, 0, 0, 0.25);
|
|
270
|
-
padding: ${
|
|
271
|
-
border-radius: ${
|
|
272
|
-
font-size: ${
|
|
282
|
+
padding: ${di(.3,.5)};
|
|
283
|
+
border-radius: ${di(.5)};
|
|
284
|
+
font-size: ${di(.8)};
|
|
273
285
|
}
|
|
274
286
|
|
|
275
287
|
.comment-counter:hover {
|
|
@@ -279,8 +291,8 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
279
291
|
|
|
280
292
|
.snippyly-btn {
|
|
281
293
|
cursor: pointer;
|
|
282
|
-
padding: ${
|
|
283
|
-
font-size: ${
|
|
294
|
+
padding: ${di(.3,.5)};
|
|
295
|
+
font-size: ${di(.8)};
|
|
284
296
|
}
|
|
285
297
|
|
|
286
298
|
.snippyly-primary-btn {
|
|
@@ -311,29 +323,29 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
311
323
|
top: 0;
|
|
312
324
|
left: 50%;
|
|
313
325
|
white-space: nowrap;
|
|
314
|
-
transform: translate(-50%, calc(-100% - ${
|
|
326
|
+
transform: translate(-50%, calc(-100% - ${di(1)}));
|
|
315
327
|
display: none;
|
|
316
328
|
border-radius: 4px;
|
|
317
329
|
}
|
|
318
330
|
|
|
319
331
|
.menu-item {
|
|
320
|
-
padding: ${
|
|
332
|
+
padding: ${di(.25,.5)};
|
|
321
333
|
cursor: pointer;
|
|
322
|
-
font-size: ${
|
|
334
|
+
font-size: ${di(.8)};
|
|
323
335
|
}
|
|
324
336
|
|
|
325
337
|
.menu-item:first-child {
|
|
326
|
-
padding-top: ${
|
|
338
|
+
padding-top: ${di(.5)};
|
|
327
339
|
}
|
|
328
340
|
|
|
329
341
|
.menu-item:last-child {
|
|
330
|
-
padding-bottom: ${
|
|
342
|
+
padding-bottom: ${di(.5)};
|
|
331
343
|
}
|
|
332
344
|
|
|
333
345
|
.menu-item-divider {
|
|
334
346
|
background: black;
|
|
335
347
|
height: 1px;
|
|
336
|
-
margin: ${
|
|
348
|
+
margin: ${di(.2)} 0;
|
|
337
349
|
}
|
|
338
350
|
|
|
339
351
|
.snippyly-menu:not(.snippyly-tooltip):after {
|
|
@@ -355,8 +367,8 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
355
367
|
}
|
|
356
368
|
|
|
357
369
|
.profile-img {
|
|
358
|
-
width: ${
|
|
359
|
-
height: ${
|
|
370
|
+
width: ${di(1.5)};
|
|
371
|
+
height: ${di(1.5)};
|
|
360
372
|
border-radius: 100%;
|
|
361
373
|
}
|
|
362
374
|
|
|
@@ -381,7 +393,7 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
381
393
|
}
|
|
382
394
|
|
|
383
395
|
.more-menu-icon {
|
|
384
|
-
margin: ${
|
|
396
|
+
margin: ${di(.5)};
|
|
385
397
|
}
|
|
386
398
|
|
|
387
399
|
.disabled {
|
|
@@ -436,7 +448,7 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
436
448
|
}
|
|
437
449
|
|
|
438
450
|
.s-presence-avatar-image-small {
|
|
439
|
-
width: ${
|
|
451
|
+
width: ${di(1.6)};
|
|
440
452
|
height: auto;
|
|
441
453
|
display: block;
|
|
442
454
|
}
|
|
@@ -448,4 +460,4 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
448
460
|
.away {
|
|
449
461
|
filter: grayscale(1);
|
|
450
462
|
}
|
|
451
|
-
`,
|
|
463
|
+
`,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};
|