@snippyly/plugin 1.0.14 → 1.0.17
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 +79 -58
package/package.json
CHANGED
package/snippyly.js
CHANGED
|
@@ -3,60 +3,62 @@
|
|
|
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
|
|
11
|
+
*/;var r;const l=window.trustedTypes,a=l?l.emptyScript:"",h=window.reactiveElementPolyfillSupport,d={toAttribute(i,t){switch(t){case Boolean:i=i?a:null;break;case Object:case Array:i=null==i?i:JSON.stringify(i)}return i},fromAttribute(i,t){let e=i;switch(t){case Boolean:e=null!==i;break;case Number:e=null===i?null:Number(i);break;case Object:case Array:try{e=JSON.parse(i)}catch(i){e=null}}return e}},c=(i,t)=>t!==i&&(t==t||i==i),p={attribute:!0,type:String,converter:d,reflect:!1,hasChanged:c};class u extends HTMLElement{constructor(){super(),this._$Et=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Ei=null,this.o()}static addInitializer(i){var t;null!==(t=this.l)&&void 0!==t||(this.l=[]),this.l.push(i)}static get observedAttributes(){this.finalize();const i=[];return this.elementProperties.forEach(((t,e)=>{const n=this._$Eh(e,t);void 0!==n&&(this._$Eu.set(n,e),i.push(n))})),i}static createProperty(i,t=p){if(t.state&&(t.attribute=!1),this.finalize(),this.elementProperties.set(i,t),!t.noAccessor&&!this.prototype.hasOwnProperty(i)){const e="symbol"==typeof i?Symbol():"__"+i,n=this.getPropertyDescriptor(i,e,t);void 0!==n&&Object.defineProperty(this.prototype,i,n)}}static getPropertyDescriptor(i,t,e){return{get(){return this[t]},set(n){const s=this[i];this[t]=n,this.requestUpdate(i,s,e)},configurable:!0,enumerable:!0}}static getPropertyOptions(i){return this.elementProperties.get(i)||p}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const i=Object.getPrototypeOf(this);if(i.finalize(),this.elementProperties=new Map(i.elementProperties),this._$Eu=new Map,this.hasOwnProperty("properties")){const i=this.properties,t=[...Object.getOwnPropertyNames(i),...Object.getOwnPropertySymbols(i)];for(const e of t)this.createProperty(e,i[e])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(i){const t=[];if(Array.isArray(i)){const e=new Set(i.flat(1/0).reverse());for(const i of e)t.unshift(o(i))}else void 0!==i&&t.push(o(i));return t}static _$Eh(i,t){const e=t.attribute;return!1===e?void 0:"string"==typeof e?e:"string"==typeof i?i.toLowerCase():void 0}o(){var i;this._$Ep=new Promise((i=>this.enableUpdating=i)),this._$AL=new Map,this._$Em(),this.requestUpdate(),null===(i=this.constructor.l)||void 0===i||i.forEach((i=>i(this)))}addController(i){var t,e;(null!==(t=this._$Eg)&&void 0!==t?t:this._$Eg=[]).push(i),void 0!==this.renderRoot&&this.isConnected&&(null===(e=i.hostConnected)||void 0===e||e.call(i))}removeController(i){var t;null===(t=this._$Eg)||void 0===t||t.splice(this._$Eg.indexOf(i)>>>0,1)}_$Em(){this.constructor.elementProperties.forEach(((i,t)=>{this.hasOwnProperty(t)&&(this._$Et.set(t,this[t]),delete this[t])}))}createRenderRoot(){var t;const e=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return((t,e)=>{i?t.adoptedStyleSheets=e.map((i=>i instanceof CSSStyleSheet?i:i.styleSheet)):e.forEach((i=>{const e=document.createElement("style"),n=window.litNonce;void 0!==n&&e.setAttribute("nonce",n),e.textContent=i.cssText,t.appendChild(e)}))})(e,this.constructor.elementStyles),e}connectedCallback(){var i;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(i=this._$Eg)||void 0===i||i.forEach((i=>{var t;return null===(t=i.hostConnected)||void 0===t?void 0:t.call(i)}))}enableUpdating(i){}disconnectedCallback(){var i;null===(i=this._$Eg)||void 0===i||i.forEach((i=>{var t;return null===(t=i.hostDisconnected)||void 0===t?void 0:t.call(i)}))}attributeChangedCallback(i,t,e){this._$AK(i,e)}_$ES(i,t,e=p){var n,s;const o=this.constructor._$Eh(i,e);if(void 0!==o&&!0===e.reflect){const r=(null!==(s=null===(n=e.converter)||void 0===n?void 0:n.toAttribute)&&void 0!==s?s:d.toAttribute)(t,e.type);this._$Ei=i,null==r?this.removeAttribute(o):this.setAttribute(o,r),this._$Ei=null}}_$AK(i,t){var e,n,s;const o=this.constructor,r=o._$Eu.get(i);if(void 0!==r&&this._$Ei!==r){const i=o.getPropertyOptions(r),l=i.converter,a=null!==(s=null!==(n=null===(e=l)||void 0===e?void 0:e.fromAttribute)&&void 0!==n?n:"function"==typeof l?l:null)&&void 0!==s?s:d.fromAttribute;this._$Ei=r,this[r]=a(t,i.type),this._$Ei=null}}requestUpdate(i,t,e){let n=!0;void 0!==i&&(((e=e||this.constructor.getPropertyOptions(i)).hasChanged||c)(this[i],t)?(this._$AL.has(i)||this._$AL.set(i,t),!0===e.reflect&&this._$Ei!==i&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(i,e))):n=!1),!this.isUpdatePending&&n&&(this._$Ep=this._$E_())}async _$E_(){this.isUpdatePending=!0;try{await this._$Ep}catch(i){Promise.reject(i)}const i=this.scheduleUpdate();return null!=i&&await i,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var i;if(!this.isUpdatePending)return;this.hasUpdated,this._$Et&&(this._$Et.forEach(((i,t)=>this[t]=i)),this._$Et=void 0);let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),null===(i=this._$Eg)||void 0===i||i.forEach((i=>{var t;return null===(t=i.hostUpdate)||void 0===t?void 0:t.call(i)})),this.update(e)):this._$EU()}catch(i){throw t=!1,this._$EU(),i}t&&this._$AE(e)}willUpdate(i){}_$AE(i){var t;null===(t=this._$Eg)||void 0===t||t.forEach((i=>{var t;return null===(t=i.hostUpdated)||void 0===t?void 0:t.call(i)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(i)),this.updated(i)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$Ep}shouldUpdate(i){return!0}update(i){void 0!==this._$EC&&(this._$EC.forEach(((i,t)=>this._$ES(t,this[t],i))),this._$EC=void 0),this._$EU()}updated(i){}firstUpdated(i){}}
|
|
12
12
|
/**
|
|
13
13
|
* @license
|
|
14
14
|
* Copyright 2017 Google LLC
|
|
15
15
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
16
16
|
*/
|
|
17
|
-
var u
|
|
17
|
+
var y;u.finalized=!0,u.elementProperties=new Map,u.elementStyles=[],u.shadowRootOptions={mode:"open"},null==h||h({ReactiveElement:u}),(null!==(r=globalThis.reactiveElementVersions)&&void 0!==r?r:globalThis.reactiveElementVersions=[]).push("1.3.2");const v=globalThis.trustedTypes,m=v?v.createPolicy("lit-html",{createHTML:i=>i}):void 0,g=`lit$${(Math.random()+"").slice(9)}$`,w="?"+g,f=`<${w}>`,b=document,$=(i="")=>b.createComment(i),C=i=>null===i||"object"!=typeof i&&"function"!=typeof i,S=Array.isArray,x=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,k=/-->/g,E=/>/g,L=/>|[ \n \r](?:([^\s"'>=/]+)([ \n \r]*=[ \n \r]*(?:[^ \n \r"'`<>=]|("|')|))|$)/g,_=/'/g,M=/"/g,A=/^(?:script|style|textarea|title)$/i,I=(i=>(t,...e)=>({_$litType$:i,strings:t,values:e}))(1),U=Symbol.for("lit-noChange"),T=Symbol.for("lit-nothing"),O=new WeakMap,z=b.createTreeWalker(b,129,null,!1),B=(i,t)=>{const e=i.length-1,n=[];let s,o=2===t?"<svg>":"",r=x;for(let t=0;t<e;t++){const e=i[t];let l,a,h=-1,d=0;for(;d<e.length&&(r.lastIndex=d,a=r.exec(e),null!==a);)d=r.lastIndex,r===x?"!--"===a[1]?r=k:void 0!==a[1]?r=E:void 0!==a[2]?(A.test(a[2])&&(s=RegExp("</"+a[2],"g")),r=L):void 0!==a[3]&&(r=L):r===L?">"===a[0]?(r=null!=s?s:x,h=-1):void 0===a[1]?h=-2:(h=r.lastIndex-a[2].length,l=a[1],r=void 0===a[3]?L:'"'===a[3]?M:_):r===M||r===_?r=L:r===k||r===E?r=x:(r=L,s=void 0);const c=r===L&&i[t+1].startsWith("/>")?" ":"";o+=r===x?e+f:h>=0?(n.push(l),e.slice(0,h)+"$lit$"+e.slice(h)+g+c):e+g+(-2===h?(n.push(void 0),t):c)}const l=o+(i[e]||"<?>")+(2===t?"</svg>":"");if(!Array.isArray(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==m?m.createHTML(l):l,n]};class R{constructor({strings:i,_$litType$:t},e){let n;this.parts=[];let s=0,o=0;const r=i.length-1,l=this.parts,[a,h]=B(i,t);if(this.el=R.createElement(a,e),z.currentNode=this.el.content,2===t){const i=this.el.content,t=i.firstChild;t.remove(),i.append(...t.childNodes)}for(;null!==(n=z.nextNode())&&l.length<r;){if(1===n.nodeType){if(n.hasAttributes()){const i=[];for(const t of n.getAttributeNames())if(t.endsWith("$lit$")||t.startsWith(g)){const e=h[o++];if(i.push(t),void 0!==e){const i=n.getAttribute(e.toLowerCase()+"$lit$").split(g),t=/([.?@])?(.*)/.exec(e);l.push({type:1,index:s,name:t[2],strings:i,ctor:"."===t[1]?H:"?"===t[1]?V:"@"===t[1]?F:Z})}else l.push({type:6,index:s})}for(const t of i)n.removeAttribute(t)}if(A.test(n.tagName)){const i=n.textContent.split(g),t=i.length-1;if(t>0){n.textContent=v?v.emptyScript:"";for(let e=0;e<t;e++)n.append(i[e],$()),z.nextNode(),l.push({type:2,index:++s});n.append(i[t],$())}}}else if(8===n.nodeType)if(n.data===w)l.push({type:2,index:s});else{let i=-1;for(;-1!==(i=n.data.indexOf(g,i+1));)l.push({type:7,index:s}),i+=g.length-1}s++}}static createElement(i,t){const e=b.createElement("template");return e.innerHTML=i,e}}function N(i,t,e=i,n){var s,o,r,l;if(t===U)return t;let a=void 0!==n?null===(s=e._$Cl)||void 0===s?void 0:s[n]:e._$Cu;const h=C(t)?void 0:t._$litDirective$;return(null==a?void 0:a.constructor)!==h&&(null===(o=null==a?void 0:a._$AO)||void 0===o||o.call(a,!1),void 0===h?a=void 0:(a=new h(i),a._$AT(i,e,n)),void 0!==n?(null!==(r=(l=e)._$Cl)&&void 0!==r?r:l._$Cl=[])[n]=a:e._$Cu=a),void 0!==a&&(t=N(i,a._$AS(i,t.values),a,n)),t}class j{constructor(i,t){this.v=[],this._$AN=void 0,this._$AD=i,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}p(i){var t;const{el:{content:e},parts:n}=this._$AD,s=(null!==(t=null==i?void 0:i.creationScope)&&void 0!==t?t:b).importNode(e,!0);z.currentNode=s;let o=z.nextNode(),r=0,l=0,a=n[0];for(;void 0!==a;){if(r===a.index){let t;2===a.type?t=new P(o,o.nextSibling,this,i):1===a.type?t=new a.ctor(o,a.name,a.strings,this,i):6===a.type&&(t=new D(o,this,i)),this.v.push(t),a=n[++l]}r!==(null==a?void 0:a.index)&&(o=z.nextNode(),r++)}return s}m(i){let t=0;for(const e of this.v)void 0!==e&&(void 0!==e.strings?(e._$AI(i,e,t),t+=e.strings.length-2):e._$AI(i[t])),t++}}class P{constructor(i,t,e,n){var s;this.type=2,this._$AH=T,this._$AN=void 0,this._$AA=i,this._$AB=t,this._$AM=e,this.options=n,this._$Cg=null===(s=null==n?void 0:n.isConnected)||void 0===s||s}get _$AU(){var i,t;return null!==(t=null===(i=this._$AM)||void 0===i?void 0:i._$AU)&&void 0!==t?t:this._$Cg}get parentNode(){let i=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===i.nodeType&&(i=t.parentNode),i}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(i,t=this){i=N(this,i,t),C(i)?i===T||null==i||""===i?(this._$AH!==T&&this._$AR(),this._$AH=T):i!==this._$AH&&i!==U&&this.$(i):void 0!==i._$litType$?this.T(i):void 0!==i.nodeType?this.k(i):(i=>{var t;return S(i)||"function"==typeof(null===(t=i)||void 0===t?void 0:t[Symbol.iterator])})(i)?this.S(i):this.$(i)}M(i,t=this._$AB){return this._$AA.parentNode.insertBefore(i,t)}k(i){this._$AH!==i&&(this._$AR(),this._$AH=this.M(i))}$(i){this._$AH!==T&&C(this._$AH)?this._$AA.nextSibling.data=i:this.k(b.createTextNode(i)),this._$AH=i}T(i){var t;const{values:e,_$litType$:n}=i,s="number"==typeof n?this._$AC(i):(void 0===n.el&&(n.el=R.createElement(n.h,this.options)),n);if((null===(t=this._$AH)||void 0===t?void 0:t._$AD)===s)this._$AH.m(e);else{const i=new j(s,this),t=i.p(this.options);i.m(e),this.k(t),this._$AH=i}}_$AC(i){let t=O.get(i.strings);return void 0===t&&O.set(i.strings,t=new R(i)),t}S(i){S(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let e,n=0;for(const s of i)n===t.length?t.push(e=new P(this.M($()),this.M($()),this,this.options)):e=t[n],e._$AI(s),n++;n<t.length&&(this._$AR(e&&e._$AB.nextSibling,n),t.length=n)}_$AR(i=this._$AA.nextSibling,t){var e;for(null===(e=this._$AP)||void 0===e||e.call(this,!1,!0,t);i&&i!==this._$AB;){const t=i.nextSibling;i.remove(),i=t}}setConnected(i){var t;void 0===this._$AM&&(this._$Cg=i,null===(t=this._$AP)||void 0===t||t.call(this,i))}}class Z{constructor(i,t,e,n,s){this.type=1,this._$AH=T,this._$AN=void 0,this.element=i,this.name=t,this._$AM=n,this.options=s,e.length>2||""!==e[0]||""!==e[1]?(this._$AH=Array(e.length-1).fill(new String),this.strings=e):this._$AH=T}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(i,t=this,e,n){const s=this.strings;let o=!1;if(void 0===s)i=N(this,i,t,0),o=!C(i)||i!==this._$AH&&i!==U,o&&(this._$AH=i);else{const n=i;let r,l;for(i=s[0],r=0;r<s.length-1;r++)l=N(this,n[e+r],t,r),l===U&&(l=this._$AH[r]),o||(o=!C(l)||l!==this._$AH[r]),l===T?i=T:i!==T&&(i+=(null!=l?l:"")+s[r+1]),this._$AH[r]=l}o&&!n&&this.C(i)}C(i){i===T?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=i?i:"")}}class H extends Z{constructor(){super(...arguments),this.type=3}C(i){this.element[this.name]=i===T?void 0:i}}const J=v?v.emptyScript:"";class V extends Z{constructor(){super(...arguments),this.type=4}C(i){i&&i!==T?this.element.setAttribute(this.name,J):this.element.removeAttribute(this.name)}}class F extends Z{constructor(i,t,e,n,s){super(i,t,e,n,s),this.type=5}_$AI(i,t=this){var e;if((i=null!==(e=N(this,i,t,0))&&void 0!==e?e:T)===U)return;const n=this._$AH,s=i===T&&n!==T||i.capture!==n.capture||i.once!==n.once||i.passive!==n.passive,o=i!==T&&(n===T||s);s&&this.element.removeEventListener(this.name,this,n),o&&this.element.addEventListener(this.name,this,i),this._$AH=i}handleEvent(i){var t,e;"function"==typeof this._$AH?this._$AH.call(null!==(e=null===(t=this.options)||void 0===t?void 0:t.host)&&void 0!==e?e:this.element,i):this._$AH.handleEvent(i)}}class D{constructor(i,t,e){this.element=i,this.type=6,this._$AN=void 0,this._$AM=t,this.options=e}get _$AU(){return this._$AM._$AU}_$AI(i){N(this,i)}}const W=window.litHtmlPolyfillSupport;
|
|
18
18
|
/**
|
|
19
19
|
* @license
|
|
20
20
|
* Copyright 2017 Google LLC
|
|
21
21
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
22
22
|
*/
|
|
23
|
-
var
|
|
23
|
+
var K,q;null==W||W(R,P),(null!==(y=globalThis.litHtmlVersions)&&void 0!==y?y:globalThis.litHtmlVersions=[]).push("2.2.6");class G 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 P(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 U}}G.finalized=!0,G._$litElement$=!0,null===(K=globalThis.litElementHydrateSupport)||void 0===K||K.call(globalThis,{LitElement:G});const X=globalThis.litElementPolyfillSupport;null==X||X({LitElement:G}),(null!==(q=globalThis.litElementVersions)&&void 0!==q?q: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
|
|
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
|
|
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
|
-
|
|
56
|
+
const ni=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constructor(i){}get _$AU(){return this._$AM._$AU}_$AT(i,t,e){this._$Ct=i,this._$AM=t,this._$Ci=e}_$AS(i,t){return this.update(i,t)}update(i,t){return this.render(...t)}}{constructor(i){var t;if(super(i),i.type!==ei||"class"!==i.name||(null===(t=i.strings)||void 0===t?void 0:t.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(i){return" "+Object.keys(i).filter((t=>i[t])).join(" ")+" "}update(i,[t]){var e,n;if(void 0===this.et){this.et=new Set,void 0!==i.strings&&(this.st=new Set(i.strings.join(" ").split(/\s/).filter((i=>""!==i))));for(const i in t)t[i]&&!(null===(e=this.st)||void 0===e?void 0:e.has(i))&&this.et.add(i);return this.render(t)}const s=i.element.classList;this.et.forEach((i=>{i in t||(s.remove(i),this.et.delete(i))}));for(const i in t){const e=!!t[i];e===this.et.has(i)||(null===(n=this.st)||void 0===n?void 0:n.has(i))||(e?(s.add(i),this.et.add(i)):(s.remove(i),this.et.delete(i)))}return U}}),si="snippyly-cursor",oi="snippyly-comments",ri="snippyly-comments-sidebar",li=(i,t=0)=>{try{let e=3735928559^t,n=1103547991^t;for(let t,s=0;s<i.length;s++)t=i.charCodeAt(s),e=Math.imul(e^t,2654435761),n=Math.imul(n^t,1597334677);return e=Math.imul(e^e>>>16,2246822507)^Math.imul(n^n>>>13,3266489909),n=Math.imul(n^n>>>16,2246822507)^Math.imul(e^e>>>13,3266489909),4294967296*(2097151&n)+(e>>>0)}catch(i){return console.warn("Error in cyrb53: ",i),0}},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)}},hi=(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}},di=(i,t="localStorage")=>{try{"localStorage"===t?localStorage.removeItem(i):sessionStorage.removeItem(i)}catch(i){console.warn("Error in removeLocalStorageData: ",i)}},ci=(...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 pi=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 ui=class extends G{constructor(){super(),this._loadPlugin=!1,this.comments=[],this.addCommentMode=!1,this._expanded=!0,this.staging=false,this.copyLinkTooltip="Copy Link",this.invalidApiKey=!1,this.addWindowClickEventListener=()=>{try{this.windowClickEventListener||(this.windowClickEventListener=()=>{this.menuOpenedId&&(this.menuOpenedId=void 0)},window.addEventListener("click",this.windowClickEventListener))}catch(i){console.warn("Error in addWindowClickEventListener: ",i)}},this.removeWindowClickEventListener=()=>{try{window.removeEventListener("click",this.windowClickEventListener),this.windowClickEventListener=void 0}catch(i){console.warn("Error in removeWindowClickEventListener: ",i)}},this.setWindowEventListner=()=>{try{window.addEventListener("locationchange",(()=>{this.checkUrl()}))}catch(i){console.warn("Error in setWindowEventListner: ",i)}},this.urlChangeListener=()=>{try{const i=history.pushState;history.pushState=function(){const t=i.apply(this,arguments);return window.dispatchEvent(new Event("pushstate")),window.dispatchEvent(new Event("locationchange")),t};const t=history.replaceState;history.replaceState=function(){const i=t.apply(this,arguments);return window.dispatchEvent(new Event("replacestate")),window.dispatchEvent(new Event("locationchange")),i},window.addEventListener("popstate",(()=>{window.dispatchEvent(new Event("locationchange"))}))}catch(i){console.warn("Error in urlChangeListener: ",i)}},this.checkUrl=()=>{try{const i=new URL(document.location),t=i.searchParams;if(t.has("snippyly_google_token")){const e=JSON.parse(atob(t.get("snippyly_google_token"))),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||[],ai("snippyly-user",JSON.stringify(n),!0),t.delete("snippyly_google_token"),window.history.replaceState({},document.title,i.href)}if(t.has("review"))if(ai("review","true",!1,"sessionStorage"),t.has("sreviewId"))ai("sreviewId",t.get("sreviewId")||"",!1,"sessionStorage"),this.loadPluginUI();else{let e=hi("sreviewId",!1,"sessionStorage");e||(e=li(window.location.origin)+"",ai("sreviewId",`${e}`,!1,"sessionStorage")),t.append("sreviewId",`${e}`),window.history.replaceState({},document.title,i.href),this.loadPluginUI()}else if(hi("review",!1,"sessionStorage")){t.append("review","true");let e=hi("sreviewId",!1,"sessionStorage");e||(e=li(window.location.origin)+"",ai("sreviewId",`${e}`,!1,"sessionStorage")),t.append("sreviewId",`${e}`),window.history.replaceState({},document.title,i.href),this.loadPluginUI()}}catch(i){console.warn("Error in checkUrl: ",i)}},this.loadPluginUI=()=>{try{if(this.loadPlugin)return;if(this.loadPlugin=!0,!document.querySelector(oi)){const i=document.createElement(oi);null==i||i.addEventListener("signIn",(()=>{this.loginWithGoogle()})),window.document.body.appendChild(i)}if(!document.querySelector(ri)){const i=document.createElement(ri);window.document.body.appendChild(i)}if(!document.querySelector(si)){const i=document.createElement(si);window.document.body.appendChild(i)}((i="",t=!1,e)=>{if(console.log("load snippyly called"),document.getElementById("snippylyScript"))e&&e();else{const n=document.createElement("script");n.src=`https://cdn.jsdelivr.net/npm/@snippyly/sdk${t?"-staging":""}${i?"@"+i:""}/snippyly.js`,n.id="snippylyScript",n.type="module",document.body.appendChild(n),n.onload=()=>{e&&e()}}})(void 0,this.staging,(()=>{window.Snippyly&&this.initializeSnippyly()}))}catch(i){console.warn("Error in loadPluginUI: ",i)}},this.initializeSnippyly=async()=>{try{await(null===Snippyly||void 0===Snippyly?void 0:Snippyly.init(this.apiKey));const i=new URL(document.location).searchParams;if(i.has("sreviewId")){null===Snippyly||void 0===Snippyly||Snippyly.setDocumentId(i.get("sreviewId"));const t=new URL(document.location);t.searchParams.delete("review"),t.searchParams.delete("sreviewId"),t.searchParams.delete("scommentId"),null===Snippyly||void 0===Snippyly||Snippyly.setDocumentParams({url:t.href})}this.commentElement=null===Snippyly||void 0===Snippyly?void 0:Snippyly.getCommentElement(),this.commentElement&&(this.commentElement.enableTextComments(!0),this.commentElement.enableSignInButton(!0),this.commentElement.addCommentModeChange&&this.commentElement.addCommentModeChange().subscribe((i=>{this.addCommentMode=i}))),this.identifySnippyly()}catch(i){console.warn("Error in initializeSnippyly: ",i)}},this.identifySnippyly=async()=>{var i;try{this.invalidApiKey=!1;let i={name:"Anonymous User",email:"anonymous@snippyly.com",userId:"anonymous",isAnonymous:!0};hi("snippyly-user",!0)&&(i=JSON.parse(hi("snippyly-user",!0))),i.contacts=window.SNIPPYLY_USER_CONTACTS||[],await Snippyly.identify(i),(null==i?void 0:i.isAnonymous)||(this.snippylyUser=JSON.parse(JSON.stringify(i))),this.getComments()}catch(t){t&&"string"==typeof t&&(null===(i=null==t?void 0:t.toLowerCase())||void 0===i?void 0:i.includes("invalid"))&&(this.invalidApiKey=!0),console.warn("Error in identifySnippyly: ",t)}},this.getComments=()=>{try{if(this.commentElement){const i=new URL(document.location).searchParams;this.commentElement.getAllCommentAnnotations(i.get("sreviewId")).subscribe((i=>{this.comments=i}))}}catch(i){console.warn("Error in getComments: ",i)}},this.toggleCommentSidebar=()=>{try{this.commentElement&&this.commentElement.toggleCommentSidebar()}catch(i){console.warn("Error in toggleCommentSidebar: ",i)}},this.toggleSnippylyPluginToolbar=()=>{try{this.expanded=!this.expanded}catch(i){console.warn("Error in toggleSnippylyPluginToolbar: ",i)}},this.loginWithGoogle=()=>{try{window.open(`https://login.snippyly.com/?redirect_url=${encodeURIComponent(window.location.href)}`,"_self")}catch(i){console.warn("Error in loginWithGoogle: ",i)}},this.removeSnippyly=async()=>{try{di("review","sessionStorage"),di("sreviewId","sessionStorage");const i=new URL(document.location),t=i.searchParams;t.delete("sreviewId"),t.delete("review"),window.history.replaceState({},document.title,i.href),window.location.reload()}catch(i){console.warn("Error in removeSnippyly: ",i)}},this.signOutUser=async()=>{try{await Snippyly.signOutUser(),di("snippyly-user"),this.snippylyUser=void 0,window.open(`https://login.snippyly.com/?signout=true&redirect_url=${encodeURIComponent(window.location.href)}`,"_self")}catch(i){console.warn("Error in signOutUser: ",i)}},this.toggleMenu=(i,t)=>{try{i.stopPropagation(),this.menuOpenedId===t?this.menuOpenedId=void 0:this.menuOpenedId=t}catch(i){console.warn("Error in toggleMenu: ",i)}},this.copyLink=()=>{try{navigator.clipboard.writeText(window.location.href),this.copyLinkTooltip="Link copied!",setTimeout((()=>{this.copyLinkTooltip="Copy Link"}),2e3)}catch(i){console.warn("Error in copyLink: ",i)}},this.setAttribute("snippyly-comment-disabled","true");try{this.expanded=!0,this.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 menuOpenedId(){return this._menuOpenedId}set menuOpenedId(i){this._menuOpenedId=i,this.menuOpenedId?this.addWindowClickEventListener():this.removeWindowClickEventListener()}render(){var i,t,e,n,s,o,r,l,a,h,d,c;return this.loadPlugin?I`
|
|
59
|
+
<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})}">
|
|
58
60
|
<div class="snippyly-logo-container snippyly-menu-trigger" @click=${()=>this.toggleSnippylyPluginToolbar()}>
|
|
59
|
-
${this.expanded?null:
|
|
61
|
+
${this.expanded?null:I`
|
|
60
62
|
<svg width="8" height="5" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="arrow-icon">
|
|
61
63
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
62
64
|
d="M3.646 4.354L0.645996 1.354L1.354 0.646004L4 3.293L6.646 0.646004L7.354 1.354L4.354 4.354L4 4.707L3.646 4.354Z"
|
|
@@ -78,7 +80,7 @@ const ei=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
78
80
|
d="M0.351589 9.03355C0.00514201 9.8932 -0.0880133 10.8436 0.0843205 11.7602C0.256654 12.6768 0.686445 13.517 1.31742 14.1708C1.72451 14.6098 2.20989 14.9589 2.74541 15.1979C3.28094 15.4368 3.85595 15.5608 4.4371 15.5628C5.03193 15.5613 5.62062 15.4353 6.16924 15.192C6.9885 14.8437 7.68929 14.2415 8.17981 13.4645C8.67033 12.6874 8.92771 11.7717 8.91823 10.8372V6.12115H4.46544C3.58239 6.11147 2.71718 6.38434 1.98312 6.90402C1.24906 7.4237 0.680388 8.16595 0.351589 9.03355Z"
|
|
79
81
|
fill="#A259FE" />
|
|
80
82
|
</svg>
|
|
81
|
-
${this.expanded?
|
|
83
|
+
${this.expanded?I`
|
|
82
84
|
<svg width="8" height="5" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="arrow-icon">
|
|
83
85
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
84
86
|
d="M3.646 4.354L0.645996 1.354L1.354 0.646004L4 3.293L6.646 0.646004L7.354 1.354L4.354 4.354L4 4.707L3.646 4.354Z"
|
|
@@ -89,8 +91,8 @@ const ei=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
89
91
|
<div class="menu-item">${this.expanded?"Hide Toolbar":"Show Toolbar"}</div>
|
|
90
92
|
</div>
|
|
91
93
|
</div>
|
|
92
|
-
${this.expanded?
|
|
93
|
-
<div class="snippyly-comment-tool-container snippyly-menu-trigger ${
|
|
94
|
+
${this.expanded?I`
|
|
95
|
+
<div class="snippyly-comment-tool-container snippyly-menu-trigger ${ni({disabled:!(null===(t=this.snippylyUser)||void 0===t?void 0:t.userId)})}">
|
|
94
96
|
<snippyly-comment-tool class="custom-tool">
|
|
95
97
|
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
96
98
|
<path
|
|
@@ -102,10 +104,10 @@ const ei=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
102
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>
|
|
103
105
|
</div>
|
|
104
106
|
</div>
|
|
105
|
-
${(null===(
|
|
107
|
+
${(null===(n=this.comments)||void 0===n?void 0:n.length)?I`
|
|
106
108
|
<div class="snippyly-comments-container snippyly-menu-trigger">
|
|
107
109
|
<div class="comment-counter" @click=${()=>this.toggleCommentSidebar()}>
|
|
108
|
-
${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"}
|
|
109
111
|
</div>
|
|
110
112
|
<div class="snippyly-menu snippyly-tooltip">
|
|
111
113
|
<div class="menu-item">Toggle Sidebar</div>
|
|
@@ -116,7 +118,7 @@ const ei=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
116
118
|
<div class="snippyly-presence-container snippyly-menu-trigger">
|
|
117
119
|
<snippyly-presence max-users="4"></snippyly-presence>
|
|
118
120
|
</div>
|
|
119
|
-
${(null===(r=this.snippylyUser)||void 0===r?void 0:r.userId)?
|
|
121
|
+
${(null===(r=this.snippylyUser)||void 0===r?void 0:r.userId)?I`
|
|
120
122
|
<div class="snippyly-share-container snippyly-menu-trigger" @click=${()=>this.copyLink()}>
|
|
121
123
|
<button class="snippyly-btn snippyly-primary-btn signin-btn">
|
|
122
124
|
Share
|
|
@@ -126,7 +128,7 @@ const ei=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
126
128
|
</div>
|
|
127
129
|
</div>
|
|
128
130
|
`:null}
|
|
129
|
-
${(null===(l=this.snippylyUser)||void 0===l?void 0:l.userId)?null:
|
|
131
|
+
${(null===(l=this.snippylyUser)||void 0===l?void 0:l.userId)?null:I`
|
|
130
132
|
<div class="snippyly-signin-container snippyly-menu-trigger">
|
|
131
133
|
<button class="snippyly-btn snippyly-primary-btn signin-btn" @click=${()=>this.loginWithGoogle()}>
|
|
132
134
|
Sign in
|
|
@@ -135,9 +137,9 @@ const ei=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
135
137
|
`}
|
|
136
138
|
`:null}
|
|
137
139
|
|
|
138
|
-
<div class="snippyly-menu-container snippyly-menu-trigger ${
|
|
139
|
-
${this.expanded&&(null===(
|
|
140
|
-
<img src=${null===(
|
|
140
|
+
<div class="snippyly-menu-container snippyly-menu-trigger ${ni({opened:"userMenu"===this.menuOpenedId})}" id="userMenu" @click=${i=>this.toggleMenu(i,"userMenu")}>
|
|
141
|
+
${this.expanded&&(null===(a=this.snippylyUser)||void 0===a?void 0:a.photoUrl)?I`
|
|
142
|
+
<img src=${null===(h=this.snippylyUser)||void 0===h?void 0:h.photoUrl} class="profile-img" referrerpolicy="no-referrer" title=${null===(d=this.snippylyUser)||void 0===d?void 0:d.name} />
|
|
141
143
|
`:null}
|
|
142
144
|
<svg width="4" height="14" viewBox="0 0 4 14" fill="none" xmlns="http://www.w3.org/2000/svg"
|
|
143
145
|
class="more-menu-icon">
|
|
@@ -148,14 +150,14 @@ const ei=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
148
150
|
<div class="snippyly-menu">
|
|
149
151
|
<div class="menu-item" @click=${()=>this.toggleSnippylyPluginToolbar()}>${this.expanded?"Hide Toolbar":"Show Toolbar"}</div>
|
|
150
152
|
<div class="menu-item" @click=${()=>this.removeSnippyly()}>Exit Review Mode</div>
|
|
151
|
-
${(null===(c=this.snippylyUser)||void 0===c?void 0:c.userId)?
|
|
153
|
+
${(null===(c=this.snippylyUser)||void 0===c?void 0:c.userId)?I`
|
|
152
154
|
<div class="menu-item-divider"></div>
|
|
153
155
|
<div class="menu-item" @click=${()=>this.signOutUser()}>Sign out</div>
|
|
154
156
|
`:null}
|
|
155
157
|
</div>
|
|
156
158
|
</div>
|
|
157
159
|
</div>
|
|
158
|
-
`:
|
|
160
|
+
`:I``}};ui.styles=s`
|
|
159
161
|
|
|
160
162
|
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
|
|
161
163
|
|
|
@@ -164,32 +166,33 @@ const ei=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
164
166
|
}
|
|
165
167
|
|
|
166
168
|
.snippyly-plugin-container {
|
|
167
|
-
height: 3.
|
|
169
|
+
height: ${ci(3.5)};
|
|
168
170
|
background-color: white;
|
|
169
171
|
position: fixed;
|
|
170
172
|
bottom: 0;
|
|
171
173
|
right: 0;
|
|
172
174
|
z-index: 99999999;
|
|
173
|
-
margin: 1.
|
|
174
|
-
border-radius:
|
|
175
|
+
margin: ${ci(1.5)};
|
|
176
|
+
border-radius: ${ci(.5)};
|
|
175
177
|
border: 1px solid rgba(0, 0, 0, 0.12);
|
|
176
178
|
display: flex;
|
|
177
179
|
box-sizing: border-box;
|
|
178
180
|
align-items: center;
|
|
179
181
|
z-index: 999999995;
|
|
180
|
-
|
|
181
|
-
|
|
182
|
+
color: black !important;
|
|
183
|
+
box-shadow: 0 ${ci(1)} ${ci(3)} #0000002d;
|
|
184
|
+
margin-bottom: ${ci(3)}; // Added to prevent overlap between plugin UI and webflow badge
|
|
182
185
|
/* overflow: hidden; */
|
|
183
186
|
}
|
|
184
187
|
|
|
185
188
|
.snippyly-plugin-container.expanded {
|
|
186
|
-
min-width:
|
|
189
|
+
min-width: ${ci(30)};
|
|
187
190
|
}
|
|
188
191
|
|
|
189
192
|
.snippyly-plugin-container>* {
|
|
190
193
|
display: flex;
|
|
191
194
|
align-items: center;
|
|
192
|
-
padding: 0
|
|
195
|
+
padding: 0 ${ci(.5)};
|
|
193
196
|
height: 100%;
|
|
194
197
|
position: relative;
|
|
195
198
|
}
|
|
@@ -197,7 +200,7 @@ const ei=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
197
200
|
.snippyly-logo-container {
|
|
198
201
|
display: flex;
|
|
199
202
|
align-items: center;
|
|
200
|
-
/* padding:
|
|
203
|
+
/* padding: ${ci(1)}; */
|
|
201
204
|
height: 100%;
|
|
202
205
|
}
|
|
203
206
|
|
|
@@ -213,43 +216,60 @@ const ei=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
213
216
|
}
|
|
214
217
|
|
|
215
218
|
.snippyly-logo-container {
|
|
216
|
-
border-top-left-radius:
|
|
217
|
-
border-bottom-left-radius:
|
|
219
|
+
border-top-left-radius: ${ci(.5)};
|
|
220
|
+
border-bottom-left-radius: ${ci(.5)};
|
|
218
221
|
}
|
|
219
222
|
|
|
220
223
|
.snippyly-menu-container {
|
|
221
|
-
border-top-right-radius:
|
|
222
|
-
border-bottom-right-radius:
|
|
224
|
+
border-top-right-radius: ${ci(.5)};
|
|
225
|
+
border-bottom-right-radius: ${ci(.5)};
|
|
223
226
|
}
|
|
224
227
|
|
|
225
228
|
.snippyly-plugin-container.expanded .snippyly-logo {
|
|
226
|
-
margin-right:
|
|
229
|
+
margin-right: ${ci(.5)};
|
|
227
230
|
}
|
|
228
231
|
|
|
229
232
|
.snippyly-plugin-container:not(.expanded) .snippyly-logo {
|
|
230
|
-
margin-left:
|
|
233
|
+
margin-left: ${ci(.5)};
|
|
231
234
|
}
|
|
232
235
|
|
|
233
236
|
.snippyly-comment-tool-container {
|
|
234
237
|
padding: 0;
|
|
235
238
|
}
|
|
236
239
|
|
|
240
|
+
.comment-mode-enabled * {
|
|
241
|
+
cursor: not-allowed !important;
|
|
242
|
+
}
|
|
243
|
+
|
|
244
|
+
.comment-mode-enabled .snippyly-comment-tool-container * {
|
|
245
|
+
background-color: #a259fe;
|
|
246
|
+
cursor: pointer !important;
|
|
247
|
+
}
|
|
248
|
+
|
|
249
|
+
.comment-mode-enabled .snippyly-comment-tool-container svg path {
|
|
250
|
+
fill: white;
|
|
251
|
+
}
|
|
252
|
+
|
|
253
|
+
.snippyly-comment-tool-container .custom-tool {
|
|
254
|
+
font-size: ${ci(1)};
|
|
255
|
+
}
|
|
256
|
+
|
|
237
257
|
snippyly-comment-tool {
|
|
238
258
|
height: 100%;
|
|
239
|
-
padding:
|
|
259
|
+
padding: ${ci(1)};
|
|
240
260
|
box-sizing: border-box;
|
|
241
261
|
}
|
|
242
262
|
|
|
243
263
|
.snippyly-comments-container {
|
|
244
|
-
padding-left:
|
|
245
|
-
padding-right:
|
|
264
|
+
padding-left: ${ci(.5)};
|
|
265
|
+
padding-right: ${ci(.5)};
|
|
246
266
|
}
|
|
247
267
|
|
|
248
268
|
.comment-counter {
|
|
249
269
|
border: 1px solid rgb(0, 0, 0, 0.25);
|
|
250
|
-
padding:
|
|
251
|
-
border-radius:
|
|
252
|
-
font-size:
|
|
270
|
+
padding: ${ci(.3,.5)};
|
|
271
|
+
border-radius: ${ci(.5)};
|
|
272
|
+
font-size: ${ci(.8)};
|
|
253
273
|
}
|
|
254
274
|
|
|
255
275
|
.comment-counter:hover {
|
|
@@ -259,8 +279,8 @@ const ei=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
259
279
|
|
|
260
280
|
.snippyly-btn {
|
|
261
281
|
cursor: pointer;
|
|
262
|
-
padding:
|
|
263
|
-
font-size:
|
|
282
|
+
padding: ${ci(.3,.5)};
|
|
283
|
+
font-size: ${ci(.8)};
|
|
264
284
|
}
|
|
265
285
|
|
|
266
286
|
.snippyly-primary-btn {
|
|
@@ -279,7 +299,8 @@ const ei=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
279
299
|
position: relative;
|
|
280
300
|
}
|
|
281
301
|
|
|
282
|
-
.snippyly-
|
|
302
|
+
.snippyly-plugin-container:not(.comment-mode-enabled) .snippyly-menu-trigger:hover .snippyly-menu,
|
|
303
|
+
.snippyly-plugin-container:not(.comment-mode-enabled) .snippyly-menu-trigger.opened .snippyly-menu {
|
|
283
304
|
display: block;
|
|
284
305
|
}
|
|
285
306
|
|
|
@@ -290,29 +311,29 @@ const ei=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
290
311
|
top: 0;
|
|
291
312
|
left: 50%;
|
|
292
313
|
white-space: nowrap;
|
|
293
|
-
transform: translate(-50%, calc(-100% -
|
|
314
|
+
transform: translate(-50%, calc(-100% - ${ci(1)}));
|
|
294
315
|
display: none;
|
|
295
316
|
border-radius: 4px;
|
|
296
317
|
}
|
|
297
318
|
|
|
298
319
|
.menu-item {
|
|
299
|
-
padding:
|
|
320
|
+
padding: ${ci(.25,.5)};
|
|
300
321
|
cursor: pointer;
|
|
301
|
-
font-size:
|
|
322
|
+
font-size: ${ci(.8)};
|
|
302
323
|
}
|
|
303
324
|
|
|
304
325
|
.menu-item:first-child {
|
|
305
|
-
padding-top:
|
|
326
|
+
padding-top: ${ci(.5)};
|
|
306
327
|
}
|
|
307
328
|
|
|
308
329
|
.menu-item:last-child {
|
|
309
|
-
padding-bottom:
|
|
330
|
+
padding-bottom: ${ci(.5)};
|
|
310
331
|
}
|
|
311
332
|
|
|
312
333
|
.menu-item-divider {
|
|
313
334
|
background: black;
|
|
314
335
|
height: 1px;
|
|
315
|
-
margin:
|
|
336
|
+
margin: ${ci(.2)} 0;
|
|
316
337
|
}
|
|
317
338
|
|
|
318
339
|
.snippyly-menu:not(.snippyly-tooltip):after {
|
|
@@ -334,8 +355,8 @@ const ei=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
334
355
|
}
|
|
335
356
|
|
|
336
357
|
.profile-img {
|
|
337
|
-
width: 1.
|
|
338
|
-
height: 1.
|
|
358
|
+
width: ${ci(1.5)};
|
|
359
|
+
height: ${ci(1.5)};
|
|
339
360
|
border-radius: 100%;
|
|
340
361
|
}
|
|
341
362
|
|
|
@@ -360,7 +381,7 @@ const ei=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
360
381
|
}
|
|
361
382
|
|
|
362
383
|
.more-menu-icon {
|
|
363
|
-
margin:
|
|
384
|
+
margin: ${ci(.5)};
|
|
364
385
|
}
|
|
365
386
|
|
|
366
387
|
.disabled {
|
|
@@ -415,7 +436,7 @@ const ei=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
415
436
|
}
|
|
416
437
|
|
|
417
438
|
.s-presence-avatar-image-small {
|
|
418
|
-
width: 1.
|
|
439
|
+
width: ${ci(1.6)};
|
|
419
440
|
height: auto;
|
|
420
441
|
display: block;
|
|
421
442
|
}
|
|
@@ -427,4 +448,4 @@ const ei=(i=>(...t)=>({_$litDirective$:i,values:t}))(class extends class{constru
|
|
|
427
448
|
.away {
|
|
428
449
|
filter: grayscale(1);
|
|
429
450
|
}
|
|
430
|
-
`,
|
|
451
|
+
`,pi([ii()],ui.prototype,"loadPlugin",null),pi([ii()],ui.prototype,"comments",void 0),pi([ii()],ui.prototype,"commentElement",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([ii()],ui.prototype,"_menuOpenedId",void 0),pi([ii()],ui.prototype,"copyLinkTooltip",void 0),pi([ii()],ui.prototype,"invalidApiKey",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:n}=t;return{kind:e,elements:n,finisher(t){window.customElements.define(i,t)}}})(i,t))("snippyly-plugin")],ui);export{ui as SnippylyPlugin};
|