@snippyly/plugin 1.0.23 → 1.0.24
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 +73 -55
package/package.json
CHANGED
package/snippyly.js
CHANGED
|
@@ -3,24 +3,24 @@
|
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
5
|
*/
|
|
6
|
-
const i=window.ShadowRoot&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,t=Symbol(),e=new Map;class
|
|
6
|
+
const i=window.ShadowRoot&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,t=Symbol(),e=new Map;class n{constructor(i,e){if(this._$cssResult$=!0,e!==t)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=i}get styleSheet(){let t=e.get(this.cssText);return i&&void 0===t&&(e.set(this.cssText,t=new CSSStyleSheet),t.replaceSync(this.cssText)),t}toString(){return this.cssText}}const s=(i,...e)=>{const s=1===i.length?i[0]:e.reduce(((t,e,n)=>t+(i=>{if(!0===i._$cssResult$)return i.cssText;if("number"==typeof i)return i;throw Error("Value passed to 'css' function must be a 'css' function result: "+i+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(e)+i[n+1]),i[0]);return new n(s,t)},o=i?i=>i:i=>i instanceof CSSStyleSheet?(i=>{let e="";for(const t of i.cssRules)e+=t.cssText;return(i=>new n("string"==typeof i?i:i+"",t))(e)})(i):i
|
|
7
7
|
/**
|
|
8
8
|
* @license
|
|
9
9
|
* Copyright 2017 Google LLC
|
|
10
10
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
11
|
-
*/;var r;const l=window.trustedTypes,h=l?l.emptyScript:"",
|
|
11
|
+
*/;var r;const l=window.trustedTypes,h=l?l.emptyScript:"",d=window.reactiveElementPolyfillSupport,a={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}},c=(i,t)=>t!==i&&(t==t||i==i),p={attribute:!0,type:String,converter:a,reflect:!1,hasChanged:c};class u extends HTMLElement{constructor(){super(),this._$Et=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Ei=null,this.o()}static addInitializer(i){var t;null!==(t=this.l)&&void 0!==t||(this.l=[]),this.l.push(i)}static get observedAttributes(){this.finalize();const i=[];return this.elementProperties.forEach(((t,e)=>{const n=this._$Eh(e,t);void 0!==n&&(this._$Eu.set(n,e),i.push(n))})),i}static createProperty(i,t=p){if(t.state&&(t.attribute=!1),this.finalize(),this.elementProperties.set(i,t),!t.noAccessor&&!this.prototype.hasOwnProperty(i)){const e="symbol"==typeof i?Symbol():"__"+i,n=this.getPropertyDescriptor(i,e,t);void 0!==n&&Object.defineProperty(this.prototype,i,n)}}static getPropertyDescriptor(i,t,e){return{get(){return this[t]},set(n){const s=this[i];this[t]=n,this.requestUpdate(i,s,e)},configurable:!0,enumerable:!0}}static getPropertyOptions(i){return this.elementProperties.get(i)||p}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const i=Object.getPrototypeOf(this);if(i.finalize(),this.elementProperties=new Map(i.elementProperties),this._$Eu=new Map,this.hasOwnProperty("properties")){const i=this.properties,t=[...Object.getOwnPropertyNames(i),...Object.getOwnPropertySymbols(i)];for(const e of t)this.createProperty(e,i[e])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(i){const t=[];if(Array.isArray(i)){const e=new Set(i.flat(1/0).reverse());for(const i of e)t.unshift(o(i))}else void 0!==i&&t.push(o(i));return t}static _$Eh(i,t){const e=t.attribute;return!1===e?void 0:"string"==typeof e?e:"string"==typeof i?i.toLowerCase():void 0}o(){var i;this._$Ep=new Promise((i=>this.enableUpdating=i)),this._$AL=new Map,this._$Em(),this.requestUpdate(),null===(i=this.constructor.l)||void 0===i||i.forEach((i=>i(this)))}addController(i){var t,e;(null!==(t=this._$Eg)&&void 0!==t?t:this._$Eg=[]).push(i),void 0!==this.renderRoot&&this.isConnected&&(null===(e=i.hostConnected)||void 0===e||e.call(i))}removeController(i){var t;null===(t=this._$Eg)||void 0===t||t.splice(this._$Eg.indexOf(i)>>>0,1)}_$Em(){this.constructor.elementProperties.forEach(((i,t)=>{this.hasOwnProperty(t)&&(this._$Et.set(t,this[t]),delete this[t])}))}createRenderRoot(){var t;const e=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return((t,e)=>{i?t.adoptedStyleSheets=e.map((i=>i instanceof CSSStyleSheet?i:i.styleSheet)):e.forEach((i=>{const e=document.createElement("style"),n=window.litNonce;void 0!==n&&e.setAttribute("nonce",n),e.textContent=i.cssText,t.appendChild(e)}))})(e,this.constructor.elementStyles),e}connectedCallback(){var i;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(i=this._$Eg)||void 0===i||i.forEach((i=>{var t;return null===(t=i.hostConnected)||void 0===t?void 0:t.call(i)}))}enableUpdating(i){}disconnectedCallback(){var i;null===(i=this._$Eg)||void 0===i||i.forEach((i=>{var t;return null===(t=i.hostDisconnected)||void 0===t?void 0:t.call(i)}))}attributeChangedCallback(i,t,e){this._$AK(i,e)}_$ES(i,t,e=p){var n,s;const o=this.constructor._$Eh(i,e);if(void 0!==o&&!0===e.reflect){const r=(null!==(s=null===(n=e.converter)||void 0===n?void 0:n.toAttribute)&&void 0!==s?s:a.toAttribute)(t,e.type);this._$Ei=i,null==r?this.removeAttribute(o):this.setAttribute(o,r),this._$Ei=null}}_$AK(i,t){var e,n,s;const o=this.constructor,r=o._$Eu.get(i);if(void 0!==r&&this._$Ei!==r){const i=o.getPropertyOptions(r),l=i.converter,h=null!==(s=null!==(n=null===(e=l)||void 0===e?void 0:e.fromAttribute)&&void 0!==n?n:"function"==typeof l?l:null)&&void 0!==s?s:a.fromAttribute;this._$Ei=r,this[r]=h(t,i.type),this._$Ei=null}}requestUpdate(i,t,e){let n=!0;void 0!==i&&(((e=e||this.constructor.getPropertyOptions(i)).hasChanged||c)(this[i],t)?(this._$AL.has(i)||this._$AL.set(i,t),!0===e.reflect&&this._$Ei!==i&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(i,e))):n=!1),!this.isUpdatePending&&n&&(this._$Ep=this._$E_())}async _$E_(){this.isUpdatePending=!0;try{await this._$Ep}catch(i){Promise.reject(i)}const i=this.scheduleUpdate();return null!=i&&await i,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var i;if(!this.isUpdatePending)return;this.hasUpdated,this._$Et&&(this._$Et.forEach(((i,t)=>this[t]=i)),this._$Et=void 0);let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),null===(i=this._$Eg)||void 0===i||i.forEach((i=>{var t;return null===(t=i.hostUpdate)||void 0===t?void 0:t.call(i)})),this.update(e)):this._$EU()}catch(i){throw t=!1,this._$EU(),i}t&&this._$AE(e)}willUpdate(i){}_$AE(i){var t;null===(t=this._$Eg)||void 0===t||t.forEach((i=>{var t;return null===(t=i.hostUpdated)||void 0===t?void 0:t.call(i)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(i)),this.updated(i)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$Ep}shouldUpdate(i){return!0}update(i){void 0!==this._$EC&&(this._$EC.forEach(((i,t)=>this._$ES(t,this[t],i))),this._$EC=void 0),this._$EU()}updated(i){}firstUpdated(i){}}
|
|
12
12
|
/**
|
|
13
13
|
* @license
|
|
14
14
|
* Copyright 2017 Google LLC
|
|
15
15
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
16
16
|
*/
|
|
17
|
-
var
|
|
17
|
+
var y;u.finalized=!0,u.elementProperties=new Map,u.elementStyles=[],u.shadowRootOptions={mode:"open"},null==d||d({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),S=i=>null===i||"object"!=typeof i&&"function"!=typeof i,C=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,n=[];let s,o=2===t?"<svg>":"",r=x;for(let t=0;t<e;t++){const e=i[t];let l,h,d=-1,a=0;for(;a<e.length&&(r.lastIndex=a,h=r.exec(e),null!==h);)a=r.lastIndex,r===x?"!--"===h[1]?r=k:void 0!==h[1]?r=E:void 0!==h[2]?(A.test(h[2])&&(s=RegExp("</"+h[2],"g")),r=L):void 0!==h[3]&&(r=L):r===L?">"===h[0]?(r=null!=s?s:x,d=-1):void 0===h[1]?d=-2:(d=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,s=void 0);const c=r===L&&i[t+1].startsWith("/>")?" ":"";o+=r===x?e+f:d>=0?(n.push(l),e.slice(0,d)+"$lit$"+e.slice(d)+g+c):e+g+(-2===d?(n.push(void 0),t):c)}const l=o+(i[e]||"<?>")+(2===t?"</svg>":"");if(!Array.isArray(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==m?m.createHTML(l):l,n]};class R{constructor({strings:i,_$litType$:t},e){let n;this.parts=[];let s=0,o=0;const r=i.length-1,l=this.parts,[h,d]=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!==(n=O.nextNode())&&l.length<r;){if(1===n.nodeType){if(n.hasAttributes()){const i=[];for(const t of n.getAttributeNames())if(t.endsWith("$lit$")||t.startsWith(g)){const e=d[o++];if(i.push(t),void 0!==e){const i=n.getAttribute(e.toLowerCase()+"$lit$").split(g),t=/([.?@])?(.*)/.exec(e);l.push({type:1,index:s,name:t[2],strings:i,ctor:"."===t[1]?Z:"?"===t[1]?J:"@"===t[1]?H:P})}else l.push({type:6,index:s})}for(const t of i)n.removeAttribute(t)}if(A.test(n.tagName)){const i=n.textContent.split(g),t=i.length-1;if(t>0){n.textContent=v?v.emptyScript:"";for(let e=0;e<t;e++)n.append(i[e],$()),O.nextNode(),l.push({type:2,index:++s});n.append(i[t],$())}}}else if(8===n.nodeType)if(n.data===w)l.push({type:2,index:s});else{let i=-1;for(;-1!==(i=n.data.indexOf(g,i+1));)l.push({type:7,index:s}),i+=g.length-1}s++}}static createElement(i,t){const e=b.createElement("template");return e.innerHTML=i,e}}function z(i,t,e=i,n){var s,o,r,l;if(t===j)return t;let h=void 0!==n?null===(s=e._$Cl)||void 0===s?void 0:s[n]:e._$Cu;const d=S(t)?void 0:t._$litDirective$;return(null==h?void 0:h.constructor)!==d&&(null===(o=null==h?void 0:h._$AO)||void 0===o||o.call(h,!1),void 0===d?h=void 0:(h=new d(i),h._$AT(i,e,n)),void 0!==n?(null!==(r=(l=e)._$Cl)&&void 0!==r?r:l._$Cl=[])[n]=h:e._$Cu=h),void 0!==h&&(t=z(i,h._$AS(i,t.values),h,n)),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:n}=this._$AD,s=(null!==(t=null==i?void 0:i.creationScope)&&void 0!==t?t:b).importNode(e,!0);O.currentNode=s;let o=O.nextNode(),r=0,l=0,h=n[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=n[++l]}r!==(null==h?void 0:h.index)&&(o=O.nextNode(),r++)}return s}m(i){let t=0;for(const e of this.v)void 0!==e&&(void 0!==e.strings?(e._$AI(i,e,t),t+=e.strings.length-2):e._$AI(i[t])),t++}}class N{constructor(i,t,e,n){var s;this.type=2,this._$AH=T,this._$AN=void 0,this._$AA=i,this._$AB=t,this._$AM=e,this.options=n,this._$Cg=null===(s=null==n?void 0:n.isConnected)||void 0===s||s}get _$AU(){var i,t;return null!==(t=null===(i=this._$AM)||void 0===i?void 0:i._$AU)&&void 0!==t?t:this._$Cg}get parentNode(){let i=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===i.nodeType&&(i=t.parentNode),i}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(i,t=this){i=z(this,i,t),S(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 C(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&&S(this._$AH)?this._$AA.nextSibling.data=i:this.k(b.createTextNode(i)),this._$AH=i}T(i){var t;const{values:e,_$litType$:n}=i,s="number"==typeof n?this._$AC(i):(void 0===n.el&&(n.el=R.createElement(n.h,this.options)),n);if((null===(t=this._$AH)||void 0===t?void 0:t._$AD)===s)this._$AH.m(e);else{const i=new B(s,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){C(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let e,n=0;for(const s of i)n===t.length?t.push(e=new N(this.M($()),this.M($()),this,this.options)):e=t[n],e._$AI(s),n++;n<t.length&&(this._$AR(e&&e._$AB.nextSibling,n),t.length=n)}_$AR(i=this._$AA.nextSibling,t){var e;for(null===(e=this._$AP)||void 0===e||e.call(this,!1,!0,t);i&&i!==this._$AB;){const t=i.nextSibling;i.remove(),i=t}}setConnected(i){var t;void 0===this._$AM&&(this._$Cg=i,null===(t=this._$AP)||void 0===t||t.call(this,i))}}class P{constructor(i,t,e,n,s){this.type=1,this._$AH=T,this._$AN=void 0,this.element=i,this.name=t,this._$AM=n,this.options=s,e.length>2||""!==e[0]||""!==e[1]?(this._$AH=Array(e.length-1).fill(new String),this.strings=e):this._$AH=T}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(i,t=this,e,n){const s=this.strings;let o=!1;if(void 0===s)i=z(this,i,t,0),o=!S(i)||i!==this._$AH&&i!==j,o&&(this._$AH=i);else{const n=i;let r,l;for(i=s[0],r=0;r<s.length-1;r++)l=z(this,n[e+r],t,r),l===j&&(l=this._$AH[r]),o||(o=!S(l)||l!==this._$AH[r]),l===T?i=T:i!==T&&(i+=(null!=l?l:"")+s[r+1]),this._$AH[r]=l}o&&!n&&this.C(i)}C(i){i===T?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=i?i:"")}}class Z extends P{constructor(){super(...arguments),this.type=3}C(i){this.element[this.name]=i===T?void 0:i}}const K=v?v.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,n,s){super(i,t,e,n,s),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 n=this._$AH,s=i===T&&n!==T||i.capture!==n.capture||i.once!==n.once||i.passive!==n.passive,o=i!==T&&(n===T||s);s&&this.element.removeEventListener(this.name,this,n),o&&this.element.addEventListener(this.name,this,i),this._$AH=i}handleEvent(i){var t,e;"function"==typeof this._$AH?this._$AH.call(null!==(e=null===(t=this.options)||void 0===t?void 0:t.host)&&void 0!==e?e:this.element,i):this._$AH.handleEvent(i)}}class 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,G;null==D||D(R,N),(null!==(
|
|
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 n,s;const o=null!==(n=null==e?void 0:e.renderBefore)&&void 0!==n?n:t;let r=o._$litPart$;if(void 0===r){const i=null!==(s=null==e?void 0:e.renderBefore)&&void 0!==s?s: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,10 +53,10 @@ const ei=1;
|
|
|
53
53
|
* Copyright 2018 Google LLC
|
|
54
54
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
55
55
|
*/
|
|
56
|
-
const
|
|
57
|
-
calc(${i[2]}rem * var(--snippyly-base-rem-unit, 1))`;case 4:return
|
|
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.isAnonymous?delete i.groupId: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
|
-
<div class="snippyly-plugin-container ${
|
|
56
|
+
const ni=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constructor(i){}get _$AU(){return this._$AM._$AU}_$AT(i,t,e){this._$Ct=i,this._$AM=t,this._$Ci=e}_$AS(i,t){return this.update(i,t)}update(i,t){return this.render(...t)}}{constructor(i){var t;if(super(i),i.type!==ei||"class"!==i.name||(null===(t=i.strings)||void 0===t?void 0:t.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(i){return" "+Object.keys(i).filter((t=>i[t])).join(" ")+" "}update(i,[t]){var e,n;if(void 0===this.et){this.et=new Set,void 0!==i.strings&&(this.st=new Set(i.strings.join(" ").split(/\s/).filter((i=>""!==i))));for(const i in t)t[i]&&!(null===(e=this.st)||void 0===e?void 0:e.has(i))&&this.et.add(i);return this.render(t)}const s=i.element.classList;this.et.forEach((i=>{i in t||(s.remove(i),this.et.delete(i))}));for(const i in t){const e=!!t[i];e===this.et.has(i)||(null===(n=this.st)||void 0===n?void 0:n.has(i))||(e?(s.add(i),this.et.add(i)):(s.remove(i),this.et.delete(i)))}return j}}),si="snippyly-cursor",oi="snippyly-comments",ri="snippyly-comments-sidebar",li="snippyly-huddle",hi="snippyly-recorder-notes",di="enable-url-navigation",ai=(i,t,e=!1,n="localStorage")=>{try{const s=e?btoa(t):t;"localStorage"===n?localStorage.setItem(i,s):sessionStorage.setItem(i,s)}catch(i){console.warn("Error in setLocalStorage: ",i)}},ci=(i,t=!1,e="localStorage")=>{try{let n=null;return n="localStorage"===e?localStorage.getItem(i):sessionStorage.getItem(i),n&&t?atob(n):n}catch(i){return console.warn("Error in getLocalStorage: ",i),null}},pi=(i,t="localStorage")=>{try{"localStorage"===t?localStorage.removeItem(i):sessionStorage.removeItem(i)}catch(i){console.warn("Error in removeLocalStorageData: ",i)}},ui=(...i)=>{if(i)switch(i.length){case 1:return s`calc(${i[0]}rem * var(--snippyly-base-rem-unit, 1))`;case 2:return s`calc(${i[0]}rem * var(--snippyly-base-rem-unit, 1)) calc(${i[1]}rem * var(--snippyly-base-rem-unit, 1))`;case 3:return s`calc(${i[0]}rem * var(--snippyly-base-rem-unit, 1)) calc(${i[1]}rem * var(--snippyly-base-rem-unit, 1))
|
|
57
|
+
calc(${i[2]}rem * var(--snippyly-base-rem-unit, 1))`;case 4:return s`calc(${i[0]}rem * var(--snippyly-base-rem-unit, 1)) calc(${i[1]}rem * var(--snippyly-base-rem-unit, 1))
|
|
58
|
+
calc(${i[2]}rem * var(--snippyly-base-rem-unit, 1)) calc(${i[3]}rem * var(--snippyly-base-rem-unit, 1))`}return s`0`};var yi=function(i,t,e,n){for(var s,o=arguments.length,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,e):n,l=i.length-1;l>=0;l--)(s=i[l])&&(r=(o<3?s(r):o>3?s(t,e,r):s(t,e))||r);return o>3&&r&&Object.defineProperty(t,e,r),r};let vi=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 n=JSON.parse(atob(e.get("snippyly_google_token"))),s={},o=(null===(i=n.providerData)||void 0===i?void 0:i.length)?n.providerData[0]:null;s.userId=n.uid,s.name=n.displayName||(null==o?void 0:o.displayName),s.email=n.email||(null==o?void 0:o.email),s.photoUrl=(null==n?void 0:n.photoURL)||(null==o?void 0:o.photoURL),s.contacts=window.SNIPPYLY_USER_CONTACTS||[],ai("snippyly-user",JSON.stringify(s),!0),e.delete("snippyly_google_token"),window.history.replaceState({},document.title,t.href)}e.has("review")?(ai("review","true",!1,"sessionStorage"),"true"!==e.get("review")&&(e.delete("review"),e.append("review","true"),window.history.replaceState({},document.title,t.href)),this.loadPluginUI()):ci("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&&ai("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),n=e.searchParams;n.get(i)||(n.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 this.generateLocation(),void this.setViewMode(this.viewMode);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(di,"true"),window.document.body.appendChild(i)}if(!document.querySelector(si)){const i=document.createElement(si);window.document.body.appendChild(i)}if(!document.querySelector(li)){const i=document.createElement(li);window.document.body.appendChild(i)}if(!document.querySelector(hi)){const i=document.createElement(hi);window.document.body.appendChild(i)}((i="",t=!1,e)=>{if(console.log("load snippyly called"),document.getElementById("snippylyScript"))e&&e();else{const n=document.createElement("script");n.src=`https://cdn.jsdelivr.net/npm/@snippyly/sdk${t?"-staging":""}${i?"@"+i:""}/snippyly.js`,n.id="snippylyScript",n.type="module",document.body.appendChild(n),n.onload=()=>{e&&e()}}})(void 0,this.staging,(()=>{window.Snippyly&&this.initializeSnippyly()}))}catch(i){console.warn("Error in loadPluginUI: ",i)}},this.initializeSnippyly=async()=>{try{await(null===Snippyly||void 0===Snippyly?void 0:Snippyly.init(this.apiKey)),this.documentId=((i,t=0)=>{try{let e=3735928559^t,n=1103547991^t;for(let t,s=0;s<i.length;s++)t=i.charCodeAt(s),e=Math.imul(e^t,2654435761),n=Math.imul(n^t,1597334677);return e=Math.imul(e^e>>>16,2246822507)^Math.imul(n^n>>>13,3266489909),n=Math.imul(n^n>>>16,2246822507)^Math.imul(e^e>>>13,3266489909),4294967296*(2097151&n)+(e>>>0)}catch(i){return console.warn("Error in cyrb53: ",i),0}})((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+""),this.generateLocation(),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.generateLocation=()=>{try{const i=new URL(document.location).searchParams,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}}catch(i){console.warn("Error in generateLocation: ",i)}},this.setLocation=()=>{try{window.Snippyly&&(null===Snippyly||void 0===Snippyly?void 0:Snippyly.setLocation)&&(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(ci("snippyly-user",!0)){const t=JSON.parse(ci("snippyly-user",!0));(null==t?void 0:t.email)&&(i=t)}i.contacts=window.SNIPPYLY_USER_CONTACTS||[],i.isAnonymous?delete i.groupId: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{pi("review","sessionStorage"),pi("sreviewId","sessionStorage"),pi("projectVersionKey","sessionStorage"),pi("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(),pi("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,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&&ai("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,n,s,o,r,l,h,d,a,c,p,u,y;return this.loadPlugin?U`
|
|
59
|
+
<div class="snippyly-plugin-container ${ni({expanded:this.expanded,active:null===(i=this.snippylyUser)||void 0===i?void 0:i.userId,"comment-mode-enabled":this.addCommentMode})}">
|
|
60
60
|
<div class="snippyly-logo-container snippyly-menu-trigger" @click=${()=>this.toggleSnippylyPluginToolbar()}>
|
|
61
61
|
${this.expanded?null: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">
|
|
@@ -92,7 +92,7 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
92
92
|
</div>
|
|
93
93
|
</div>
|
|
94
94
|
${this.expanded?U`
|
|
95
|
-
<div class="snippyly-comment-tool-container snippyly-menu-trigger ${
|
|
95
|
+
<div class="snippyly-comment-tool-container snippyly-menu-trigger ${ni({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">
|
|
98
98
|
<path
|
|
@@ -104,10 +104,10 @@ 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
|
-
${this.isUserGlobalContact||(null===(
|
|
107
|
+
${this.isUserGlobalContact||(null===(n=this.comments)||void 0===n?void 0:n.length)?U`
|
|
108
108
|
<div class="snippyly-comments-container snippyly-menu-trigger">
|
|
109
109
|
<div class="comment-counter" @click=${()=>this.toggleCommentSidebar()}>
|
|
110
|
-
${null===(
|
|
110
|
+
${null===(s=this.comments)||void 0===s?void 0:s.length} ${1===(null===(o=this.comments)||void 0===o?void 0:o.length)?"Comment":"Comments"}
|
|
111
111
|
</div>
|
|
112
112
|
<div class="snippyly-menu snippyly-tooltip">
|
|
113
113
|
<div class="menu-item">Toggle Sidebar</div>
|
|
@@ -115,7 +115,7 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
115
115
|
</div>
|
|
116
116
|
`:null}
|
|
117
117
|
${this.isUserGlobalContact?U`
|
|
118
|
-
<div class="snippyly-menu-container snippyly-menu-trigger ${
|
|
118
|
+
<div class="snippyly-menu-container snippyly-menu-trigger ${ni({opened:"viewModeMenu"===this.menuOpenedId})}" id="viewModeMenu" @click=${i=>this.toggleMenu(i,"viewModeMenu")}>
|
|
119
119
|
<div class="comment-counter">
|
|
120
120
|
View: ${this.viewMode||"External"}
|
|
121
121
|
</div>
|
|
@@ -131,6 +131,14 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
131
131
|
<snippyly-presence max-users="4"></snippyly-presence>
|
|
132
132
|
</div>
|
|
133
133
|
${(null===(r=this.snippylyUser)||void 0===r?void 0:r.userId)?U`
|
|
134
|
+
<div class="snippyly-presence-container snippyly-menu-trigger">
|
|
135
|
+
<snippyly-recorder-tool type="all"></snippyly-recorder-tool>
|
|
136
|
+
</div>
|
|
137
|
+
<div class="snippyly-presence-container snippyly-menu-trigger">
|
|
138
|
+
<snippyly-huddle-tool type="all"></snippyly-huddle-tool>
|
|
139
|
+
</div>
|
|
140
|
+
`:null}
|
|
141
|
+
${(null===(l=this.snippylyUser)||void 0===l?void 0:l.userId)?U`
|
|
134
142
|
<div class="snippyly-share-container snippyly-menu-trigger" @click=${()=>this.copyLink()}>
|
|
135
143
|
<button class="snippyly-btn snippyly-primary-btn signin-btn">
|
|
136
144
|
Share
|
|
@@ -140,7 +148,7 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
140
148
|
</div>
|
|
141
149
|
</div>
|
|
142
150
|
`:null}
|
|
143
|
-
${(null===(
|
|
151
|
+
${(null===(h=this.snippylyUser)||void 0===h?void 0:h.userId)?null:U`
|
|
144
152
|
<div class="snippyly-signin-container snippyly-menu-trigger">
|
|
145
153
|
<button class="snippyly-btn snippyly-primary-btn signin-btn" @click=${()=>this.loginWithGoogle()}>
|
|
146
154
|
Sign in
|
|
@@ -149,11 +157,11 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
149
157
|
`}
|
|
150
158
|
`:null}
|
|
151
159
|
|
|
152
|
-
<div class="snippyly-menu-container snippyly-menu-trigger ${
|
|
153
|
-
${this.expanded&&this.snippylyUser?(null===(
|
|
160
|
+
<div class="snippyly-menu-container snippyly-menu-trigger ${ni({opened:"userMenu"===this.menuOpenedId})}" id="userMenu" @click=${i=>this.toggleMenu(i,"userMenu")}>
|
|
161
|
+
${this.expanded&&this.snippylyUser?(null===(d=this.snippylyUser)||void 0===d?void 0:d.photoUrl)?U`
|
|
154
162
|
<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
163
|
`:U`
|
|
156
|
-
<div class="profile-initial"><span>${(null===(
|
|
164
|
+
<div class="profile-initial"><span>${(null===(u=null===(p=this.snippylyUser)||void 0===p?void 0:p.name)||void 0===u?void 0:u.charAt(0))||"-"}</span></div>
|
|
157
165
|
`:null}
|
|
158
166
|
<svg width="4" height="14" viewBox="0 0 4 14" fill="none" xmlns="http://www.w3.org/2000/svg"
|
|
159
167
|
class="more-menu-icon">
|
|
@@ -164,14 +172,14 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
164
172
|
<div class="snippyly-menu">
|
|
165
173
|
<div class="menu-item" @click=${()=>this.toggleSnippylyPluginToolbar()}>${this.expanded?"Hide Toolbar":"Show Toolbar"}</div>
|
|
166
174
|
<div class="menu-item" @click=${()=>this.removeSnippyly()}>Exit Review Mode</div>
|
|
167
|
-
${(null===(
|
|
175
|
+
${(null===(y=this.snippylyUser)||void 0===y?void 0:y.userId)?U`
|
|
168
176
|
<div class="menu-item-divider"></div>
|
|
169
177
|
<div class="menu-item" @click=${()=>this.signOutUser()}>Sign out</div>
|
|
170
178
|
`:null}
|
|
171
179
|
</div>
|
|
172
180
|
</div>
|
|
173
181
|
</div>
|
|
174
|
-
`:U``}};
|
|
182
|
+
`:U``}};vi.styles=s`
|
|
175
183
|
|
|
176
184
|
@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');
|
|
177
185
|
|
|
@@ -180,33 +188,33 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
180
188
|
}
|
|
181
189
|
|
|
182
190
|
.snippyly-plugin-container {
|
|
183
|
-
height: ${
|
|
191
|
+
height: ${ui(3.5)};
|
|
184
192
|
background-color: white;
|
|
185
193
|
position: fixed;
|
|
186
194
|
bottom: 0;
|
|
187
195
|
right: 0;
|
|
188
196
|
z-index: 99999999;
|
|
189
|
-
margin: ${
|
|
190
|
-
border-radius: ${
|
|
197
|
+
margin: ${ui(1.5)};
|
|
198
|
+
border-radius: ${ui(.5)};
|
|
191
199
|
border: 1px solid rgba(0, 0, 0, 0.12);
|
|
192
200
|
display: flex;
|
|
193
201
|
box-sizing: border-box;
|
|
194
202
|
align-items: center;
|
|
195
203
|
z-index: 999999995;
|
|
196
204
|
color: black !important;
|
|
197
|
-
box-shadow: 0 ${
|
|
198
|
-
margin-bottom: ${
|
|
205
|
+
box-shadow: 0 ${ui(1)} ${ui(3)} #0000002d;
|
|
206
|
+
margin-bottom: ${ui(3)}; // Added to prevent overlap between plugin UI and webflow badge
|
|
199
207
|
/* overflow: hidden; */
|
|
200
208
|
}
|
|
201
209
|
|
|
202
210
|
.snippyly-plugin-container.expanded {
|
|
203
|
-
min-width: ${
|
|
211
|
+
min-width: ${ui(30)};
|
|
204
212
|
}
|
|
205
213
|
|
|
206
214
|
.snippyly-plugin-container>* {
|
|
207
215
|
display: flex;
|
|
208
216
|
align-items: center;
|
|
209
|
-
padding: 0 ${
|
|
217
|
+
padding: 0 ${ui(.5)};
|
|
210
218
|
height: 100%;
|
|
211
219
|
position: relative;
|
|
212
220
|
}
|
|
@@ -214,7 +222,7 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
214
222
|
.snippyly-logo-container {
|
|
215
223
|
display: flex;
|
|
216
224
|
align-items: center;
|
|
217
|
-
/* padding: ${
|
|
225
|
+
/* padding: ${ui(1)}; */
|
|
218
226
|
height: 100%;
|
|
219
227
|
}
|
|
220
228
|
|
|
@@ -230,21 +238,21 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
230
238
|
}
|
|
231
239
|
|
|
232
240
|
.snippyly-logo-container {
|
|
233
|
-
border-top-left-radius: ${
|
|
234
|
-
border-bottom-left-radius: ${
|
|
241
|
+
border-top-left-radius: ${ui(.5)};
|
|
242
|
+
border-bottom-left-radius: ${ui(.5)};
|
|
235
243
|
}
|
|
236
244
|
|
|
237
245
|
.snippyly-menu-container {
|
|
238
|
-
border-top-right-radius: ${
|
|
239
|
-
border-bottom-right-radius: ${
|
|
246
|
+
border-top-right-radius: ${ui(.5)};
|
|
247
|
+
border-bottom-right-radius: ${ui(.5)};
|
|
240
248
|
}
|
|
241
249
|
|
|
242
250
|
.snippyly-plugin-container.expanded .snippyly-logo {
|
|
243
|
-
margin-right: ${
|
|
251
|
+
margin-right: ${ui(.5)};
|
|
244
252
|
}
|
|
245
253
|
|
|
246
254
|
.snippyly-plugin-container:not(.expanded) .snippyly-logo {
|
|
247
|
-
margin-left: ${
|
|
255
|
+
margin-left: ${ui(.5)};
|
|
248
256
|
}
|
|
249
257
|
|
|
250
258
|
.snippyly-comment-tool-container {
|
|
@@ -265,25 +273,25 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
265
273
|
}
|
|
266
274
|
|
|
267
275
|
.snippyly-comment-tool-container .custom-tool {
|
|
268
|
-
font-size: ${
|
|
276
|
+
font-size: ${ui(1)};
|
|
269
277
|
}
|
|
270
278
|
|
|
271
279
|
snippyly-comment-tool {
|
|
272
280
|
height: 100%;
|
|
273
|
-
padding: ${
|
|
281
|
+
padding: ${ui(1)};
|
|
274
282
|
box-sizing: border-box;
|
|
275
283
|
}
|
|
276
284
|
|
|
277
285
|
.snippyly-comments-container {
|
|
278
|
-
padding-left: ${
|
|
279
|
-
padding-right: ${
|
|
286
|
+
padding-left: ${ui(.5)};
|
|
287
|
+
padding-right: ${ui(.5)};
|
|
280
288
|
}
|
|
281
289
|
|
|
282
290
|
.comment-counter {
|
|
283
291
|
border: 1px solid rgb(0, 0, 0, 0.25);
|
|
284
|
-
padding: ${
|
|
285
|
-
border-radius: ${
|
|
286
|
-
font-size: ${
|
|
292
|
+
padding: ${ui(.3,.5)};
|
|
293
|
+
border-radius: ${ui(.5)};
|
|
294
|
+
font-size: ${ui(.8)};
|
|
287
295
|
}
|
|
288
296
|
|
|
289
297
|
.comment-counter:hover {
|
|
@@ -293,8 +301,8 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
293
301
|
|
|
294
302
|
.snippyly-btn {
|
|
295
303
|
cursor: pointer;
|
|
296
|
-
padding: ${
|
|
297
|
-
font-size: ${
|
|
304
|
+
padding: ${ui(.3,.5)};
|
|
305
|
+
font-size: ${ui(.8)};
|
|
298
306
|
}
|
|
299
307
|
|
|
300
308
|
.snippyly-primary-btn {
|
|
@@ -325,29 +333,29 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
325
333
|
top: 0;
|
|
326
334
|
left: 50%;
|
|
327
335
|
white-space: nowrap;
|
|
328
|
-
transform: translate(-50%, calc(-100% - ${
|
|
336
|
+
transform: translate(-50%, calc(-100% - ${ui(1)}));
|
|
329
337
|
display: none;
|
|
330
338
|
border-radius: 4px;
|
|
331
339
|
}
|
|
332
340
|
|
|
333
341
|
.menu-item {
|
|
334
|
-
padding: ${
|
|
342
|
+
padding: ${ui(.25,.5)};
|
|
335
343
|
cursor: pointer;
|
|
336
|
-
font-size: ${
|
|
344
|
+
font-size: ${ui(.8)};
|
|
337
345
|
}
|
|
338
346
|
|
|
339
347
|
.menu-item:first-child {
|
|
340
|
-
padding-top: ${
|
|
348
|
+
padding-top: ${ui(.5)};
|
|
341
349
|
}
|
|
342
350
|
|
|
343
351
|
.menu-item:last-child {
|
|
344
|
-
padding-bottom: ${
|
|
352
|
+
padding-bottom: ${ui(.5)};
|
|
345
353
|
}
|
|
346
354
|
|
|
347
355
|
.menu-item-divider {
|
|
348
356
|
background: black;
|
|
349
357
|
height: 1px;
|
|
350
|
-
margin: ${
|
|
358
|
+
margin: ${ui(.2)} 0;
|
|
351
359
|
}
|
|
352
360
|
|
|
353
361
|
.snippyly-menu:not(.snippyly-tooltip):after {
|
|
@@ -369,21 +377,21 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
369
377
|
}
|
|
370
378
|
|
|
371
379
|
.profile-img {
|
|
372
|
-
width: ${
|
|
373
|
-
height: ${
|
|
380
|
+
width: ${ui(1.5)};
|
|
381
|
+
height: ${ui(1.5)};
|
|
374
382
|
border-radius: 100%;
|
|
375
383
|
}
|
|
376
384
|
|
|
377
385
|
.profile-initial {
|
|
378
386
|
background: rgb(162, 89, 254);
|
|
379
|
-
width: ${
|
|
380
|
-
height: ${
|
|
387
|
+
width: ${ui(1.5)};
|
|
388
|
+
height: ${ui(1.5)};
|
|
381
389
|
border-radius: 100%;
|
|
382
390
|
display: flex;
|
|
383
391
|
justify-content: center;
|
|
384
392
|
align-items: center;
|
|
385
393
|
color: white;
|
|
386
|
-
font-size: ${
|
|
394
|
+
font-size: ${ui(.7)};
|
|
387
395
|
}
|
|
388
396
|
|
|
389
397
|
.snippyly-logo-container.snippyly-menu-trigger .snippyly-menu {
|
|
@@ -407,7 +415,7 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
407
415
|
}
|
|
408
416
|
|
|
409
417
|
.more-menu-icon {
|
|
410
|
-
margin: ${
|
|
418
|
+
margin: ${ui(.5)};
|
|
411
419
|
}
|
|
412
420
|
|
|
413
421
|
.disabled {
|
|
@@ -462,7 +470,7 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
462
470
|
}
|
|
463
471
|
|
|
464
472
|
.s-presence-avatar-image-small {
|
|
465
|
-
width: ${
|
|
473
|
+
width: ${ui(1.6)};
|
|
466
474
|
height: auto;
|
|
467
475
|
display: block;
|
|
468
476
|
}
|
|
@@ -474,4 +482,14 @@ const si=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
474
482
|
.away {
|
|
475
483
|
filter: grayscale(1);
|
|
476
484
|
}
|
|
477
|
-
|
|
485
|
+
|
|
486
|
+
snippyly-recorder-tool .mat-menu-trigger {
|
|
487
|
+
display: flex;
|
|
488
|
+
align-items: center;
|
|
489
|
+
}
|
|
490
|
+
|
|
491
|
+
snippyly-huddle-tool .mat-menu-trigger {
|
|
492
|
+
display: flex;
|
|
493
|
+
align-items: center;
|
|
494
|
+
}
|
|
495
|
+
`,yi([ii()],vi.prototype,"loadPlugin",null),yi([ii()],vi.prototype,"comments",void 0),yi([ii()],vi.prototype,"commentElement",void 0),yi([ii()],vi.prototype,"commentSubscription",void 0),yi([ii()],vi.prototype,"selectionElement",void 0),yi([ii()],vi.prototype,"addCommentMode",void 0),yi([ii()],vi.prototype,"_expanded",void 0),yi([ii()],vi.prototype,"snippylyUser",void 0),yi([Y()],vi.prototype,"apiKey",void 0),yi([ii()],vi.prototype,"staging",void 0),yi([Y()],vi.prototype,"projectVersionKey",null),yi([ii()],vi.prototype,"projectVersion",void 0),yi([ii()],vi.prototype,"_menuOpenedId",void 0),yi([ii()],vi.prototype,"copyLinkTooltip",void 0),yi([ii()],vi.prototype,"invalidApiKey",void 0),yi([ii()],vi.prototype,"documentId",void 0),yi([ii()],vi.prototype,"isUserGlobalContact",void 0),yi([ii()],vi.prototype,"location",void 0),yi([ii()],vi.prototype,"viewMode",void 0),vi=yi([(i=>t=>"function"==typeof t?((i,t)=>(window.customElements.define(i,t),t))(i,t):((i,t)=>{const{kind:e,elements:n}=t;return{kind:e,elements:n,finisher(t){window.customElements.define(i,t)}}})(i,t))("snippyly-plugin")],vi);export{vi as SnippylyPlugin};
|