@snippyly/plugin-staging 1.0.26 → 1.0.28
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 +64 -52
package/package.json
CHANGED
package/snippyly.js
CHANGED
|
@@ -3,60 +3,60 @@
|
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
5
|
*/
|
|
6
|
-
const
|
|
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 s{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 n=(i,...e)=>{const n=1===i.length?i[0]:e.reduce(((t,e,s)=>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[s+1]),i[0]);return new s(n,t)},o=i?i=>i:i=>i instanceof CSSStyleSheet?(i=>{let e="";for(const t of i.cssRules)e+=t.cssText;return(i=>new s("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:"",a=window.reactiveElementPolyfillSupport,c={toAttribute(t
|
|
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==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:
|
|
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,U=/^(?:script|style|textarea|title)$/i,A=(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]?(U.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(U.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
|
|
27
27
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
28
28
|
*/
|
|
29
|
-
const Q=(t
|
|
29
|
+
const Q=(i,t)=>"method"===t.kind&&t.descriptor&&!("value"in t.descriptor)?{...t,finisher(e){e.createProperty(t.key,i)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:t.key,initializer(){"function"==typeof t.initializer&&(this[t.key]=t.initializer.call(this))},finisher(e){e.createProperty(t.key,i)}};
|
|
30
30
|
/**
|
|
31
31
|
* @license
|
|
32
32
|
* Copyright 2017 Google LLC
|
|
33
33
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
34
|
-
*/function Y(
|
|
34
|
+
*/function Y(i){return(t,e)=>void 0!==e?((i,t,e)=>{t.constructor.createProperty(e,i)})(i,t,e):Q(i,t)
|
|
35
35
|
/**
|
|
36
36
|
* @license
|
|
37
37
|
* Copyright 2017 Google LLC
|
|
38
38
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
39
|
-
*/}function
|
|
39
|
+
*/}function ii(i){return Y({...i,state:!0})}
|
|
40
40
|
/**
|
|
41
41
|
* @license
|
|
42
42
|
* Copyright 2021 Google LLC
|
|
43
43
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
44
|
-
*/var
|
|
44
|
+
*/var ti;null===(ti=window.HTMLSlotElement)||void 0===ti||ti.prototype.assignedElements;
|
|
45
45
|
/**
|
|
46
46
|
* @license
|
|
47
47
|
* Copyright 2017 Google LLC
|
|
48
48
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
49
49
|
*/
|
|
50
|
-
const
|
|
50
|
+
const ei=1;
|
|
51
51
|
/**
|
|
52
52
|
* @license
|
|
53
53
|
* Copyright 2018 Google LLC
|
|
54
54
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
55
55
|
*/
|
|
56
|
-
const
|
|
57
|
-
calc(${
|
|
58
|
-
calc(${t[2]}rem * var(--snippyly-base-rem-unit, 1)) calc(${t[3]}rem * var(--snippyly-base-rem-unit, 1))`}return s`0`};var pt=function(t,i,e,n){for(var s,o=arguments.length,r=o<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,e):n,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(o<3?s(r):o>3?s(i,e,r):s(i,e))||r);return o>3&&r&&Object.defineProperty(i,e,r),r};let ut=class extends G{constructor(){super(),this._loadPlugin=!1,this.comments=[],this.addCommentMode=!1,this._expanded=!0,this.staging=true,this.copyLinkTooltip="Copy Link",this.invalidApiKey=!1,this.addWindowClickEventListener=()=>{try{this.windowClickEventListener||(this.windowClickEventListener=()=>{this.menuOpenedId&&(this.menuOpenedId=void 0)},window.addEventListener("click",this.windowClickEventListener))}catch(t){console.warn("Error in addWindowClickEventListener: ",t)}},this.removeWindowClickEventListener=()=>{try{window.removeEventListener("click",this.windowClickEventListener),this.windowClickEventListener=void 0}catch(t){console.warn("Error in removeWindowClickEventListener: ",t)}},this.setWindowEventListner=()=>{try{window.addEventListener("locationchange",(()=>{this.checkUrl()}))}catch(t){console.warn("Error in setWindowEventListner: ",t)}},this.urlChangeListener=()=>{try{const t=history.pushState;history.pushState=function(){const i=t.apply(this,arguments);return window.dispatchEvent(new Event("pushstate")),window.dispatchEvent(new Event("locationchange")),i};const i=history.replaceState;history.replaceState=function(){const t=i.apply(this,arguments);return window.dispatchEvent(new Event("replacestate")),window.dispatchEvent(new Event("locationchange")),t},window.addEventListener("popstate",(()=>{window.dispatchEvent(new Event("locationchange"))}))}catch(t){console.warn("Error in urlChangeListener: ",t)}},this.checkUrl=()=>{try{const t=new URL(document.location),i=t.searchParams;if(i.has("snippyly_google_token")){const e=JSON.parse(atob(i.get("snippyly_google_token"))),n={};n.userId=e.uid,n.name=e.displayName,n.email=e.email,n.photoUrl=null==e?void 0:e.photoURL,n.contacts=window.SNIPPYLY_USER_CONTACTS||[],ht("snippyly-user",JSON.stringify(n),!0),i.delete("snippyly_google_token"),window.history.replaceState({},document.title,t.href)}i.has("review")?(ht("review","true",!1,"sessionStorage"),"true"!==i.get("review")&&(i.delete("review"),i.append("review","true"),window.history.replaceState({},document.title,t.href)),this.loadPluginUI()):at("review",!1,"sessionStorage")&&(i.append("review","true"),window.history.replaceState({},document.title,t.href),this.loadPluginUI()),this.setVersionInUrl()}catch(t){console.warn("Error in checkUrl: ",t)}},this.detectVersion=()=>{try{if(this.projectVersionKey){const t=new URL(document.location).searchParams;if(t.get(this.projectVersionKey))this.projectVersion=t.get(this.projectVersionKey);else if(window.snippylyInitialLoadUrl){const t=new URL(window.snippylyInitialLoadUrl).searchParams;t.get(this.projectVersionKey)&&(this.projectVersion=t.get(this.projectVersionKey))}this.projectVersion&&ht("projectVersion",this.projectVersion,!1,"sessionStorage")}}catch(t){console.warn("Error in detectVersion: ",t)}},this.setVersionInUrl=()=>{try{const t=this.projectVersionKey||at("projectVersionKey",!1,"sessionStorage"),i=this.projectVersion||at("projectVersion",!1,"sessionStorage");if(t&&i){const e=new URL(document.location),n=e.searchParams;n.get(t)||(n.set(t,i),window.history.replaceState({},document.title,e.href))}}catch(t){console.warn("Error in setVersionInUrl: ",t)}},this.loadPluginUI=()=>{try{if(this.loadPlugin)return;if(this.loadPlugin=!0,!document.querySelector(ot)){const t=document.createElement(ot);null==t||t.addEventListener("signIn",(()=>{this.loginWithGoogle()})),window.document.body.appendChild(t)}if(!document.querySelector(rt)){const t=document.createElement(rt);t.setAttribute(lt,"true"),window.document.body.appendChild(t)}if(!document.querySelector(st)){const t=document.createElement(st);window.document.body.appendChild(t)}((t="",i=!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${i?"-staging":""}${t?"@"+t:""}/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(t){console.warn("Error in loadPluginUI: ",t)}},this.initializeSnippyly=async()=>{try{await(null===Snippyly||void 0===Snippyly?void 0:Snippyly.init(this.apiKey));const t=new URL(document.location).searchParams;this.documentId=((t,i=0)=>{try{let e=3735928559^i,n=1103547991^i;for(let i,s=0;s<t.length;s++)i=t.charCodeAt(s),e=Math.imul(e^i,2654435761),n=Math.imul(n^i,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(t){return console.warn("Error in cyrb53: ",t),0}})((t=>{let i;return i=t.includes("http")?new URL(t):new URL("http://"+t),i.hostname.replace("www.","")})(window.location.origin))+"",null===Snippyly||void 0===Snippyly||Snippyly.setDocumentId(this.documentId+"");const i=new URL(document.location);i.searchParams.delete("review"),i.searchParams.delete("sreviewId"),i.searchParams.delete("scommentId");const e=t.get("sversion")||this.projectVersion;null===Snippyly||void 0===Snippyly||Snippyly.setLocation({url:i.href,version:e}),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((t=>{this.addCommentMode=t}))),this.selectionElement=Snippyly.getSelectionElement(),this.selectionElement&&this.selectionElement.enableLiveSelection(!0),this.identifySnippyly()}catch(t){console.warn("Error in initializeSnippyly: ",t)}},this.identifySnippyly=async()=>{var t;try{this.invalidApiKey=!1;let t={name:"Anonymous User",email:"anonymous@snippyly.com",userId:"anonymous",isAnonymous:!0};at("snippyly-user",!0)&&(t=JSON.parse(at("snippyly-user",!0))),t.contacts=window.SNIPPYLY_USER_CONTACTS||[],t.groupId=this.documentId+"",await Snippyly.identify(t),(null==t?void 0:t.isAnonymous)||(this.snippylyUser=JSON.parse(JSON.stringify(t))),this.getComments()}catch(i){i&&"string"==typeof i&&(null===(t=null==i?void 0:i.toLowerCase())||void 0===t?void 0:t.includes("invalid"))&&(this.invalidApiKey=!0),console.warn("Error in identifySnippyly: ",i)}},this.getComments=()=>{try{this.commentElement&&this.commentElement.getAllCommentAnnotations(this.documentId).subscribe((t=>{this.comments=t}))}catch(t){console.warn("Error in getComments: ",t)}},this.toggleCommentSidebar=()=>{try{this.commentElement&&this.commentElement.toggleCommentSidebar()}catch(t){console.warn("Error in toggleCommentSidebar: ",t)}},this.toggleSnippylyPluginToolbar=()=>{try{this.expanded=!this.expanded}catch(t){console.warn("Error in toggleSnippylyPluginToolbar: ",t)}},this.loginWithGoogle=()=>{try{window.open(`https://snippyly-login-staging.web.app/?redirect_url=${encodeURIComponent(window.location.href)}`,"_self")}catch(t){console.warn("Error in loginWithGoogle: ",t)}},this.removeSnippyly=async()=>{try{ct("review","sessionStorage"),ct("sreviewId","sessionStorage"),ct("projectVersionKey","sessionStorage"),ct("projectVersion","sessionStorage");const t=new URL(document.location),i=t.searchParams;i.delete("sreviewId"),i.delete("review"),this.projectVersionKey&&i.delete(this.projectVersionKey),this.projectVersion=void 0,this.projectVersionKey=void 0,delete window.snippylyInitialLoadUrl,window.history.replaceState({},document.title,t.href),window.location.reload()}catch(t){console.warn("Error in removeSnippyly: ",t)}},this.signOutUser=async()=>{try{await Snippyly.signOutUser(),ct("snippyly-user"),this.snippylyUser=void 0,window.open(`https://snippyly-login-staging.web.app/?signout=true&redirect_url=${encodeURIComponent(window.location.href)}`,"_self")}catch(t){console.warn("Error in signOutUser: ",t)}},this.toggleMenu=(t,i)=>{try{t.stopPropagation(),this.menuOpenedId===i?this.menuOpenedId=void 0:this.menuOpenedId=i}catch(t){console.warn("Error in toggleMenu: ",t)}},this.copyLink=()=>{try{navigator.clipboard.writeText(window.location.href),this.copyLinkTooltip="Link copied!",setTimeout((()=>{this.copyLinkTooltip="Copy Link"}),2e3)}catch(t){console.warn("Error in copyLink: ",t)}},this.setAttribute("snippyly-comment-disabled","true");try{this.expanded=!0,this.detectVersion(),this.setWindowEventListner(),this.urlChangeListener(),this.checkUrl(),console.log("*** Staging Mode ON! ***")}catch(t){console.warn("Error in constructor: ",t)}}get loadPlugin(){return this._loadPlugin}set loadPlugin(t){this._loadPlugin=t,this.loadPlugin?this.classList.add("visible"):this.classList.remove("visible")}get expanded(){return this._expanded}set expanded(t){this._expanded=t,this.expanded?this.classList.add("expanded"):this.classList.remove("expanded")}get projectVersionKey(){return this._projectVersionKey}set projectVersionKey(t){try{this._projectVersionKey=t,this.projectVersionKey&&ht("projectVersionKey",this.projectVersionKey,!1,"sessionStorage"),this.detectVersion()}catch(t){console.warn("Error in set projectVersionKey: ",t)}}get menuOpenedId(){return this._menuOpenedId}set menuOpenedId(t){this._menuOpenedId=t,this.menuOpenedId?this.addWindowClickEventListener():this.removeWindowClickEventListener()}render(){var t,i,e,n,s,o,r,l,h,a,c,d;return this.loadPlugin?A`
|
|
59
|
-
<div class="snippyly-plugin-container ${
|
|
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
|
+
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 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=true,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.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,this.isUserGlobalContact||(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,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://snippyly-login-staging.web.app/?redirect_url=${encodeURIComponent(window.location.href)}`,"_self")}catch(i){console.warn("Error in loginWithGoogle: ",i)}},this.removeSnippyly=async()=>{try{ci("review","sessionStorage"),ci("sreviewId","sessionStorage"),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://snippyly-login-staging.web.app/?signout=true&redirect_url=${encodeURIComponent(window.location.href)}`,"_self")}catch(i){console.warn("Error in signOutUser: ",i)}},this.toggleMenu=(i,t)=>{try{i.stopPropagation(),this.menuOpenedId===t?this.menuOpenedId=void 0:this.menuOpenedId=t}catch(i){console.warn("Error in toggleMenu: ",i)}},this.copyLink=()=>{try{navigator.clipboard.writeText(window.location.href),this.copyLinkTooltip="Link copied!",setTimeout((()=>{this.copyLinkTooltip="Copy Link"}),2e3)}catch(i){console.warn("Error in copyLink: ",i)}},this.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(),console.log("*** Staging Mode ON! ***")}catch(i){console.warn("Error in constructor: ",i)}}get loadPlugin(){return this._loadPlugin}set loadPlugin(i){this._loadPlugin=i,this.loadPlugin?this.classList.add("visible"):this.classList.remove("visible")}get expanded(){return this._expanded}set expanded(i){this._expanded=i,this.expanded?this.classList.add("expanded"):this.classList.remove("expanded")}get 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?A`
|
|
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
61
|
${this.expanded?null:A`
|
|
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 nt=(t=>(...i)=>({_$litDirective$:t,values:i}))(class extends class{constru
|
|
|
92
92
|
</div>
|
|
93
93
|
</div>
|
|
94
94
|
${this.expanded?A`
|
|
95
|
-
<div class="snippyly-comment-tool-container snippyly-menu-trigger ${
|
|
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">
|
|
98
98
|
<path
|
|
@@ -104,16 +104,28 @@ const nt=(t=>(...i)=>({_$litDirective$:t,values:i}))(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===(
|
|
107
|
+
${(null===(s=this.comments)||void 0===s?void 0:s.length)?A`
|
|
108
108
|
<div class="snippyly-comments-container snippyly-menu-trigger">
|
|
109
109
|
<div class="comment-counter" @click=${()=>this.toggleCommentSidebar()}>
|
|
110
|
-
${null===(
|
|
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"}
|
|
111
111
|
</div>
|
|
112
112
|
<div class="snippyly-menu snippyly-tooltip">
|
|
113
113
|
<div class="menu-item">Toggle Sidebar</div>
|
|
114
114
|
</div>
|
|
115
115
|
</div>
|
|
116
116
|
`:null}
|
|
117
|
+
${this.isUserGlobalContact?A`
|
|
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>
|
|
@@ -137,7 +149,7 @@ const nt=(t=>(...i)=>({_$litDirective$:t,values:i}))(class extends class{constru
|
|
|
137
149
|
`}
|
|
138
150
|
`:null}
|
|
139
151
|
|
|
140
|
-
<div class="snippyly-menu-container snippyly-menu-trigger ${
|
|
152
|
+
<div class="snippyly-menu-container snippyly-menu-trigger ${si({opened:"userMenu"===this.menuOpenedId})}" id="userMenu" @click=${i=>this.toggleMenu(i,"userMenu")}>
|
|
141
153
|
${this.expanded&&(null===(h=this.snippylyUser)||void 0===h?void 0:h.photoUrl)?A`
|
|
142
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}
|
|
@@ -157,7 +169,7 @@ const nt=(t=>(...i)=>({_$litDirective$:t,values:i}))(class extends class{constru
|
|
|
157
169
|
</div>
|
|
158
170
|
</div>
|
|
159
171
|
</div>
|
|
160
|
-
`:A``}};
|
|
172
|
+
`:A``}};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 nt=(t=>(...i)=>({_$litDirective$:t,values:i}))(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 nt=(t=>(...i)=>({_$litDirective$:t,values:i}))(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 nt=(t=>(...i)=>({_$litDirective$:t,values:i}))(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 nt=(t=>(...i)=>({_$litDirective$:t,values:i}))(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 nt=(t=>(...i)=>({_$litDirective$:t,values:i}))(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 nt=(t=>(...i)=>({_$litDirective$:t,values:i}))(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 nt=(t=>(...i)=>({_$litDirective$:t,values:i}))(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 nt=(t=>(...i)=>({_$litDirective$:t,values:i}))(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 nt=(t=>(...i)=>({_$litDirective$:t,values:i}))(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 nt=(t=>(...i)=>({_$litDirective$:t,values:i}))(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};
|