From bc5031c1949ce497540088c75b6f7fd7c5c4d305 Mon Sep 17 00:00:00 2001 From: Phillip Date: Fri, 12 May 2023 14:53:55 +0300 Subject: [PATCH 01/27] initial working code for group encryption --- .../core/components/qdn-action-encryption.js | 99 ++++++++++++- .../core/components/qdn-action-types.js | 3 + .../plugins/core/qdn/browser/browser.src.js | 135 +++++++++++++++++- 3 files changed, 234 insertions(+), 3 deletions(-) diff --git a/plugins/plugins/core/components/qdn-action-encryption.js b/plugins/plugins/core/components/qdn-action-encryption.js index 98b26c67..f7446651 100644 --- a/plugins/plugins/core/components/qdn-action-encryption.js +++ b/plugins/plugins/core/components/qdn-action-encryption.js @@ -101,4 +101,101 @@ export const encryptData = ({ data64, recipientPublicKey }) => { console.log({ error }) throw new Error("Error in encrypting data") } -} \ No newline at end of file +} + +export const encryptDataGroup = ({ data64, recipientPublicKeys }) => { + console.log({ recipientPublicKeys, data64 }) + const Uint8ArrayData = base64ToUint8Array(data64) + + if (!(Uint8ArrayData instanceof Uint8Array)) { + throw new Error("The Uint8ArrayData you've submitted is invalid") + } + + try { + const privateKey = window.parent.reduxStore.getState().app.selectedAddress.keyPair.privateKey + if (!privateKey) { + throw new Error("Unable to retrieve keys") + } + + // Generate a random symmetric key for the message. + const messageKey = new Uint8Array(32); + window.crypto.getRandomValues(messageKey); + + // Encrypt the message with the symmetric key. + const nonce = new Uint8Array(24); + window.crypto.getRandomValues(nonce); + + const encryptedData = nacl.secretbox(Uint8ArrayData, nonce, messageKey); + console.log('front', { encryptedData }) + // Encrypt the symmetric key for each recipient. + let encryptedKeys = []; + recipientPublicKeys.forEach((recipientPublicKey) => { + const publicKeyUnit8Array = window.parent.Base58.decode(recipientPublicKey) + + const convertedPrivateKey = ed2curve.convertSecretKey(privateKey) + const convertedPublicKey = ed2curve.convertPublicKey(publicKeyUnit8Array) + + const sharedSecret = new Uint8Array(32) + nacl.lowlevel.crypto_scalarmult(sharedSecret, convertedPrivateKey, convertedPublicKey) + + // Encrypt the symmetric key with the shared secret. + const keyNonce = new Uint8Array(24); + window.crypto.getRandomValues(keyNonce); + const encryptedKey = nacl.secretbox(messageKey, keyNonce, sharedSecret); + + console.log('100', { keyNonce, recipientPublicKey, encryptedKey }) + + encryptedKeys.push({ + recipientPublicKey, + keyNonce, + encryptedKey + }); + }); + + const str = "qortalEncryptedData"; + const strEncoder = new TextEncoder(); + const strUint8Array = strEncoder.encode(str); + console.log('hello4') + // Combine all data into a single Uint8Array. + // Calculate size of combinedData + let combinedDataSize = strUint8Array.length + nonce.length + encryptedData.length + 4; + let encryptedKeysSize = 0; + + encryptedKeys.forEach((key) => { + encryptedKeysSize += key.keyNonce.length + key.encryptedKey.length; + }); + + combinedDataSize += encryptedKeysSize; + + let combinedData = new Uint8Array(combinedDataSize); + + combinedData.set(strUint8Array); + combinedData.set(nonce, strUint8Array.length); + combinedData.set(encryptedData, strUint8Array.length + nonce.length); + console.log('encrypt start', strUint8Array.length + nonce.length) + console.log('encryptedLength2', encryptedData.length) + // Initialize offset for encryptedKeys + let encryptedKeysOffset = strUint8Array.length + nonce.length + encryptedData.length; + console.log('encrypt end', encryptedKeysOffset) + encryptedKeys.forEach((key) => { + combinedData.set(key.keyNonce, encryptedKeysOffset); + console.log('key.keyNonce', key.keyNonce.length) + encryptedKeysOffset += key.keyNonce.length; + + combinedData.set(key.encryptedKey, encryptedKeysOffset); + console.log('key.encryptedKey', key.encryptedKey.length) + encryptedKeysOffset += key.encryptedKey.length; + }); + const countArray = new Uint8Array(new Uint32Array([recipientPublicKeys.length]).buffer); + console.log({ countArray }) + combinedData.set(countArray, combinedData.length - 4); + console.log('totalLength 2', combinedData.length) + const uint8arrayToData64 = uint8ArrayToBase64(combinedData) + + return uint8arrayToData64; + + } catch (error) { + console.log({ error }) + throw new Error("Error in encrypting data") + } +} diff --git a/plugins/plugins/core/components/qdn-action-types.js b/plugins/plugins/core/components/qdn-action-types.js index 666d67f2..f4eb4f16 100644 --- a/plugins/plugins/core/components/qdn-action-types.js +++ b/plugins/plugins/core/components/qdn-action-types.js @@ -43,5 +43,8 @@ export const ENCRYPT_DATA = 'ENCRYPT_DATA' // DECRYPT_DATA export const DECRYPT_DATA = 'DECRYPT_DATA' +// DECRYPT_DATA_GROUP +export const DECRYPT_DATA_GROUP = 'DECRYPT_DATA_GROUP' + // SAVE_FILE export const SAVE_FILE = 'SAVE_FILE' \ No newline at end of file diff --git a/plugins/plugins/core/qdn/browser/browser.src.js b/plugins/plugins/core/qdn/browser/browser.src.js index c01bd5d5..494a566c 100644 --- a/plugins/plugins/core/qdn/browser/browser.src.js +++ b/plugins/plugins/core/qdn/browser/browser.src.js @@ -24,7 +24,7 @@ import { QORT_DECIMALS } from '../../../../../crypto/api/constants'; import nacl from '../../../../../crypto/api/deps/nacl-fast.js' import ed2curve from '../../../../../crypto/api/deps/ed2curve.js' import { mimeToExtensionMap } from '../../components/qdn-action-constants'; -import { base64ToUint8Array, encryptData, fileToBase64, uint8ArrayToBase64 } from '../../components/qdn-action-encryption'; +import { base64ToUint8Array, encryptData, encryptDataGroup, fileToBase64, uint8ArrayToBase64 } from '../../components/qdn-action-encryption'; const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }); class WebBrowser extends LitElement { @@ -623,6 +623,118 @@ class WebBrowser extends LitElement { break } } + + case actions.DECRYPT_DATA_GROUP: { + const requiredFields = ['encryptedData', 'publicKeys']; + const missingFields = []; + + requiredFields.forEach((field) => { + if (!data[field]) { + missingFields.push(field); + } + }); + + if (missingFields.length > 0) { + const missingFieldsString = missingFields.join(', '); + const errorMsg = `Missing fields: ${missingFieldsString}` + let data = {}; + data['error'] = errorMsg; + response = JSON.stringify(data); + break + } + + const { encryptedData: data64EncryptedData, publicKeys } = data + console.log({ publicKeys, data64EncryptedData }) + try { + const allCombined = base64ToUint8Array(data64EncryptedData); + console.log('total length', allCombined.length) + const str = "qortalEncryptedData"; + const strEncoder = new TextEncoder(); + const strUint8Array = strEncoder.encode(str); + + // Extract the nonce + const nonceStartPosition = strUint8Array.length; + const nonceEndPosition = nonceStartPosition + 24; // Nonce is 24 bytes + const nonce = allCombined.slice(nonceStartPosition, nonceEndPosition); + + // Calculate count first + const countStartPosition = allCombined.length - 4; // 4 bytes before the end, since count is stored in Uint32 (4 bytes) + const countArray = allCombined.slice(countStartPosition, countStartPosition + 4); + console.log({ countArray }) + const count = new Uint32Array(countArray.buffer)[0]; + console.log({ count }) + + // Then use count to calculate encryptedData + const encryptedDataStartPosition = nonceEndPosition; // start position of encryptedData + console.log({ encryptedDataStartPosition }) + const encryptedDataEndPosition = allCombined.length - ((count * (24 + 32 + 16)) + 4); + console.log({ encryptedDataEndPosition }) + const encryptedData = allCombined.slice(encryptedDataStartPosition, encryptedDataEndPosition); + console.log('back', { encryptedData }) + console.log({ encryptedLength: encryptedData.length }) + + // Extract the encrypted keys + const combinedKeys = allCombined.slice(encryptedDataEndPosition, encryptedDataEndPosition + (count * (24 + 48))); + + const privateKey = window.parent.reduxStore.getState().app.selectedAddress.keyPair.privateKey + const senderPublicKey = window.parent.Base58.decode(publicKeys[0]) // Assuming the sender's public key is the first one + + if (!privateKey || !senderPublicKey) { + data['error'] = "Unable to retrieve keys" + response = JSON.stringify(data); + break + } + + const recipientPrivateKeyUint8Array = privateKey + const senderPublicKeyUint8Array = senderPublicKey + + const convertedPrivateKey = ed2curve.convertSecretKey(recipientPrivateKeyUint8Array) + const convertedPublicKey = ed2curve.convertPublicKey(senderPublicKeyUint8Array) + + const sharedSecret = new Uint8Array(32) + nacl.lowlevel.crypto_scalarmult(sharedSecret, convertedPrivateKey, convertedPublicKey) + console.log({ sharedSecret }) + for (let i = 0; i < count; i++) { + const keyNonce = combinedKeys.slice(i * (24 + 48), i * (24 + 48) + 24); + const encryptedKey = combinedKeys.slice(i * (24 + 48) + 24, (i + 1) * (24 + 48)); + console.log({ keyNonce, encryptedKey }) + // Decrypt the symmetric key. + const decryptedKey = nacl.secretbox.open(encryptedKey, keyNonce, sharedSecret); + console.log({ decryptedKey }) + + // If decryption was successful, decryptedKey will not be null. + if (decryptedKey) { + // Decrypt the data using the symmetric key. + const decryptedData = nacl.secretbox.open(encryptedData, nonce, decryptedKey); + + // If decryption was successful, decryptedData will not be null. + if (decryptedData) { + console.log({ decryptedData }) + const decryptedDataToBase64 = uint8ArrayToBase64(decryptedData) + console.log({ decryptedDataToBase64 }) + + response = JSON.stringify(decryptedDataToBase64); + + break; + } + } + } + + if (!response) { + const data = {}; + data['error'] = "Unable to decrypt data"; + response = JSON.stringify(data); + } + } catch (error) { + console.log({ error }) + const data = {}; + const errorMsg = error.message || "Error in decrypting data" + data['error'] = errorMsg; + response = JSON.stringify(data); + } + break; + } + case actions.GET_LIST_ITEMS: { const requiredFields = ['list_name']; const missingFields = []; @@ -895,7 +1007,7 @@ class WebBrowser extends LitElement { break } - if (data.encrypt) { + if (data.encrypt && (!data.type || data.type !== 'group')) { try { const encryptDataResponse = encryptData({ data64, recipientPublicKey: data.recipientPublicKey @@ -913,6 +1025,25 @@ class WebBrowser extends LitElement { } } + if (data.encrypt && data.type && data.type === 'group') { + try { + const encryptDataResponse = encryptDataGroup({ + data64, recipientPublicKeys: data.recipientPublicKeys + }) + if (encryptDataResponse) { + data64 = encryptDataResponse + } + + } catch (error) { + const obj = {}; + const errorMsg = error.message || 'Upload failed due to failed encryption'; + obj['error'] = errorMsg; + response = JSON.stringify(obj); + break + } + + } + const res2 = await showModalAndWait( From 53a3e0e183fa7604fc4d4e09703ba2f2b19f63a9 Mon Sep 17 00:00:00 2001 From: Phillip Date: Fri, 12 May 2023 23:09:15 +0300 Subject: [PATCH 02/27] clean up code --- .../core/components/qdn-action-encryption.js | 29 ++++------ .../plugins/core/qdn/browser/browser.src.js | 57 ++++--------------- 2 files changed, 22 insertions(+), 64 deletions(-) diff --git a/plugins/plugins/core/components/qdn-action-encryption.js b/plugins/plugins/core/components/qdn-action-encryption.js index f7446651..742b4610 100644 --- a/plugins/plugins/core/components/qdn-action-encryption.js +++ b/plugins/plugins/core/components/qdn-action-encryption.js @@ -103,8 +103,8 @@ export const encryptData = ({ data64, recipientPublicKey }) => { } } -export const encryptDataGroup = ({ data64, recipientPublicKeys }) => { - console.log({ recipientPublicKeys, data64 }) +export const encryptDataGroup = ({ data64, publicKeys }) => { + const publicKeysDuplicateFree = [...new Set(publicKeys)]; const Uint8ArrayData = base64ToUint8Array(data64) if (!(Uint8ArrayData instanceof Uint8Array)) { @@ -121,15 +121,15 @@ export const encryptDataGroup = ({ data64, recipientPublicKeys }) => { const messageKey = new Uint8Array(32); window.crypto.getRandomValues(messageKey); - // Encrypt the message with the symmetric key. const nonce = new Uint8Array(24); window.crypto.getRandomValues(nonce); + // Encrypt the data with the symmetric key. const encryptedData = nacl.secretbox(Uint8ArrayData, nonce, messageKey); - console.log('front', { encryptedData }) + // Encrypt the symmetric key for each recipient. let encryptedKeys = []; - recipientPublicKeys.forEach((recipientPublicKey) => { + publicKeysDuplicateFree.forEach((recipientPublicKey) => { const publicKeyUnit8Array = window.parent.Base58.decode(recipientPublicKey) const convertedPrivateKey = ed2curve.convertSecretKey(privateKey) @@ -138,12 +138,12 @@ export const encryptDataGroup = ({ data64, recipientPublicKeys }) => { const sharedSecret = new Uint8Array(32) nacl.lowlevel.crypto_scalarmult(sharedSecret, convertedPrivateKey, convertedPublicKey) - // Encrypt the symmetric key with the shared secret. + const keyNonce = new Uint8Array(24); window.crypto.getRandomValues(keyNonce); - const encryptedKey = nacl.secretbox(messageKey, keyNonce, sharedSecret); - console.log('100', { keyNonce, recipientPublicKey, encryptedKey }) + // Encrypt the symmetric key with the shared secret. + const encryptedKey = nacl.secretbox(messageKey, keyNonce, sharedSecret); encryptedKeys.push({ recipientPublicKey, @@ -155,7 +155,7 @@ export const encryptDataGroup = ({ data64, recipientPublicKeys }) => { const str = "qortalEncryptedData"; const strEncoder = new TextEncoder(); const strUint8Array = strEncoder.encode(str); - console.log('hello4') + // Combine all data into a single Uint8Array. // Calculate size of combinedData let combinedDataSize = strUint8Array.length + nonce.length + encryptedData.length + 4; @@ -172,30 +172,23 @@ export const encryptDataGroup = ({ data64, recipientPublicKeys }) => { combinedData.set(strUint8Array); combinedData.set(nonce, strUint8Array.length); combinedData.set(encryptedData, strUint8Array.length + nonce.length); - console.log('encrypt start', strUint8Array.length + nonce.length) - console.log('encryptedLength2', encryptedData.length) + // Initialize offset for encryptedKeys let encryptedKeysOffset = strUint8Array.length + nonce.length + encryptedData.length; - console.log('encrypt end', encryptedKeysOffset) encryptedKeys.forEach((key) => { combinedData.set(key.keyNonce, encryptedKeysOffset); - console.log('key.keyNonce', key.keyNonce.length) encryptedKeysOffset += key.keyNonce.length; combinedData.set(key.encryptedKey, encryptedKeysOffset); - console.log('key.encryptedKey', key.encryptedKey.length) encryptedKeysOffset += key.encryptedKey.length; }); - const countArray = new Uint8Array(new Uint32Array([recipientPublicKeys.length]).buffer); - console.log({ countArray }) + const countArray = new Uint8Array(new Uint32Array([publicKeysDuplicateFree.length]).buffer); combinedData.set(countArray, combinedData.length - 4); - console.log('totalLength 2', combinedData.length) const uint8arrayToData64 = uint8ArrayToBase64(combinedData) return uint8arrayToData64; } catch (error) { - console.log({ error }) throw new Error("Error in encrypting data") } } diff --git a/plugins/plugins/core/qdn/browser/browser.src.js b/plugins/plugins/core/qdn/browser/browser.src.js index 494a566c..effadb7e 100644 --- a/plugins/plugins/core/qdn/browser/browser.src.js +++ b/plugins/plugins/core/qdn/browser/browser.src.js @@ -625,7 +625,7 @@ class WebBrowser extends LitElement { } case actions.DECRYPT_DATA_GROUP: { - const requiredFields = ['encryptedData', 'publicKeys']; + const requiredFields = ['encryptedData']; const missingFields = []; requiredFields.forEach((field) => { @@ -643,11 +643,9 @@ class WebBrowser extends LitElement { break } - const { encryptedData: data64EncryptedData, publicKeys } = data - console.log({ publicKeys, data64EncryptedData }) + const { encryptedData: data64EncryptedData } = data try { const allCombined = base64ToUint8Array(data64EncryptedData); - console.log('total length', allCombined.length) const str = "qortalEncryptedData"; const strEncoder = new TextEncoder(); const strUint8Array = strEncoder.encode(str); @@ -660,47 +658,35 @@ class WebBrowser extends LitElement { // Calculate count first const countStartPosition = allCombined.length - 4; // 4 bytes before the end, since count is stored in Uint32 (4 bytes) const countArray = allCombined.slice(countStartPosition, countStartPosition + 4); - console.log({ countArray }) const count = new Uint32Array(countArray.buffer)[0]; - console.log({ count }) // Then use count to calculate encryptedData const encryptedDataStartPosition = nonceEndPosition; // start position of encryptedData - console.log({ encryptedDataStartPosition }) const encryptedDataEndPosition = allCombined.length - ((count * (24 + 32 + 16)) + 4); - console.log({ encryptedDataEndPosition }) const encryptedData = allCombined.slice(encryptedDataStartPosition, encryptedDataEndPosition); - console.log('back', { encryptedData }) - console.log({ encryptedLength: encryptedData.length }) // Extract the encrypted keys const combinedKeys = allCombined.slice(encryptedDataEndPosition, encryptedDataEndPosition + (count * (24 + 48))); const privateKey = window.parent.reduxStore.getState().app.selectedAddress.keyPair.privateKey - const senderPublicKey = window.parent.Base58.decode(publicKeys[0]) // Assuming the sender's public key is the first one + const publicKey = window.parent.reduxStore.getState().app.selectedAddress.keyPair.publicKey - if (!privateKey || !senderPublicKey) { + if (!privateKey || !publicKey) { data['error'] = "Unable to retrieve keys" response = JSON.stringify(data); break } - const recipientPrivateKeyUint8Array = privateKey - const senderPublicKeyUint8Array = senderPublicKey - - const convertedPrivateKey = ed2curve.convertSecretKey(recipientPrivateKeyUint8Array) - const convertedPublicKey = ed2curve.convertPublicKey(senderPublicKeyUint8Array) + const convertedPrivateKey = ed2curve.convertSecretKey(privateKey) + const convertedPublicKey = ed2curve.convertPublicKey(publicKey) const sharedSecret = new Uint8Array(32) nacl.lowlevel.crypto_scalarmult(sharedSecret, convertedPrivateKey, convertedPublicKey) - console.log({ sharedSecret }) for (let i = 0; i < count; i++) { const keyNonce = combinedKeys.slice(i * (24 + 48), i * (24 + 48) + 24); const encryptedKey = combinedKeys.slice(i * (24 + 48) + 24, (i + 1) * (24 + 48)); - console.log({ keyNonce, encryptedKey }) // Decrypt the symmetric key. const decryptedKey = nacl.secretbox.open(encryptedKey, keyNonce, sharedSecret); - console.log({ decryptedKey }) // If decryption was successful, decryptedKey will not be null. if (decryptedKey) { @@ -709,12 +695,8 @@ class WebBrowser extends LitElement { // If decryption was successful, decryptedData will not be null. if (decryptedData) { - console.log({ decryptedData }) const decryptedDataToBase64 = uint8ArrayToBase64(decryptedData) - console.log({ decryptedDataToBase64 }) - response = JSON.stringify(decryptedDataToBase64); - break; } } @@ -952,6 +934,7 @@ class WebBrowser extends LitElement { return; case actions.PUBLISH_QDN_RESOURCE: { + console.log({ data }) // optional fields: encrypt:boolean recipientPublicKey:string const requiredFields = ['service', 'name']; const missingFields = []; @@ -994,9 +977,9 @@ class WebBrowser extends LitElement { identifier = 'default'; } - if (data.encrypt && !data.recipientPublicKey) { + if (data.encrypt && (!data.publicKeys || (Array.isArray(data.publicKeys) && data.publicKeys.length === 0))) { let data = {}; - data['error'] = "Encrypting data requires the recipient's public key"; + data['error'] = "Encrypting data requires public keys"; response = JSON.stringify(data); break } @@ -1007,28 +990,10 @@ class WebBrowser extends LitElement { break } - if (data.encrypt && (!data.type || data.type !== 'group')) { - try { - const encryptDataResponse = encryptData({ - data64, recipientPublicKey: data.recipientPublicKey - }) - if (encryptDataResponse.encryptedData) { - data64 = encryptDataResponse.encryptedData - } - - } catch (error) { - const obj = {}; - const errorMsg = error.message || 'Upload failed due to failed encryption'; - obj['error'] = errorMsg; - response = JSON.stringify(obj); - break - } - - } - if (data.encrypt && data.type && data.type === 'group') { + if (data.encrypt) { try { const encryptDataResponse = encryptDataGroup({ - data64, recipientPublicKeys: data.recipientPublicKeys + data64, publicKeys: data.publicKeys }) if (encryptDataResponse) { data64 = encryptDataResponse From 52d2f67e214031a1c4365fbefe979b8c16f13261 Mon Sep 17 00:00:00 2001 From: Phillip Date: Sat, 13 May 2023 01:47:40 +0300 Subject: [PATCH 03/27] only one nonce --- .../core/components/qdn-action-encryption.js | 56 ++++++++++++------- .../plugins/core/qdn/browser/browser.src.js | 24 ++++---- 2 files changed, 50 insertions(+), 30 deletions(-) diff --git a/plugins/plugins/core/components/qdn-action-encryption.js b/plugins/plugins/core/components/qdn-action-encryption.js index 742b4610..d91fd4b5 100644 --- a/plugins/plugins/core/components/qdn-action-encryption.js +++ b/plugins/plugins/core/components/qdn-action-encryption.js @@ -127,6 +127,10 @@ export const encryptDataGroup = ({ data64, publicKeys }) => { // Encrypt the data with the symmetric key. const encryptedData = nacl.secretbox(Uint8ArrayData, nonce, messageKey); + // Generate a keyNonce outside of the loop. + const keyNonce = new Uint8Array(24); + window.crypto.getRandomValues(keyNonce); + // Encrypt the symmetric key for each recipient. let encryptedKeys = []; publicKeysDuplicateFree.forEach((recipientPublicKey) => { @@ -136,20 +140,15 @@ export const encryptDataGroup = ({ data64, publicKeys }) => { const convertedPublicKey = ed2curve.convertPublicKey(publicKeyUnit8Array) const sharedSecret = new Uint8Array(32) + // the length of the sharedSecret will be 32 + 16 + // When you're encrypting data using nacl.secretbox, it's adding an authentication tag to the result, which is 16 bytes long. This tag is used for verifying the integrity and authenticity of the data when it is decrypted + nacl.lowlevel.crypto_scalarmult(sharedSecret, convertedPrivateKey, convertedPublicKey) - - const keyNonce = new Uint8Array(24); - window.crypto.getRandomValues(keyNonce); - // Encrypt the symmetric key with the shared secret. const encryptedKey = nacl.secretbox(messageKey, keyNonce, sharedSecret); - encryptedKeys.push({ - recipientPublicKey, - keyNonce, - encryptedKey - }); + encryptedKeys.push(encryptedKey); }); const str = "qortalEncryptedData"; @@ -158,11 +157,11 @@ export const encryptDataGroup = ({ data64, publicKeys }) => { // Combine all data into a single Uint8Array. // Calculate size of combinedData - let combinedDataSize = strUint8Array.length + nonce.length + encryptedData.length + 4; + let combinedDataSize = strUint8Array.length + nonce.length + keyNonce.length + encryptedData.length + 4; let encryptedKeysSize = 0; encryptedKeys.forEach((key) => { - encryptedKeysSize += key.keyNonce.length + key.encryptedKey.length; + encryptedKeysSize += key.length; }); combinedDataSize += encryptedKeysSize; @@ -171,24 +170,43 @@ export const encryptDataGroup = ({ data64, publicKeys }) => { combinedData.set(strUint8Array); combinedData.set(nonce, strUint8Array.length); - combinedData.set(encryptedData, strUint8Array.length + nonce.length); + combinedData.set(keyNonce, strUint8Array.length + nonce.length); + combinedData.set(encryptedData, strUint8Array.length + nonce.length + keyNonce.length); // Initialize offset for encryptedKeys - let encryptedKeysOffset = strUint8Array.length + nonce.length + encryptedData.length; + let encryptedKeysOffset = strUint8Array.length + nonce.length + encryptedData.length + keyNonce.length; encryptedKeys.forEach((key) => { - combinedData.set(key.keyNonce, encryptedKeysOffset); - encryptedKeysOffset += key.keyNonce.length; - - combinedData.set(key.encryptedKey, encryptedKeysOffset); - encryptedKeysOffset += key.encryptedKey.length; + combinedData.set(key, encryptedKeysOffset); + encryptedKeysOffset += key.length; }); const countArray = new Uint8Array(new Uint32Array([publicKeysDuplicateFree.length]).buffer); combinedData.set(countArray, combinedData.length - 4); const uint8arrayToData64 = uint8ArrayToBase64(combinedData) - return uint8arrayToData64; } catch (error) { throw new Error("Error in encrypting data") } } + + +export function uint8ArrayStartsWith(uint8Array, string) { + const stringEncoder = new TextEncoder(); + const stringUint8Array = stringEncoder.encode(string); + + if (uint8Array.length < stringUint8Array.length) { + return false; + } + + for (let i = 0; i < stringUint8Array.length; i++) { + if (uint8Array[i] !== stringUint8Array[i]) { + return false; + } + } + + return true; +} + +export function decryptDeprecatedSingle() { + +} \ No newline at end of file diff --git a/plugins/plugins/core/qdn/browser/browser.src.js b/plugins/plugins/core/qdn/browser/browser.src.js index effadb7e..13f20f8e 100644 --- a/plugins/plugins/core/qdn/browser/browser.src.js +++ b/plugins/plugins/core/qdn/browser/browser.src.js @@ -24,7 +24,7 @@ import { QORT_DECIMALS } from '../../../../../crypto/api/constants'; import nacl from '../../../../../crypto/api/deps/nacl-fast.js' import ed2curve from '../../../../../crypto/api/deps/ed2curve.js' import { mimeToExtensionMap } from '../../components/qdn-action-constants'; -import { base64ToUint8Array, encryptData, encryptDataGroup, fileToBase64, uint8ArrayToBase64 } from '../../components/qdn-action-encryption'; +import { base64ToUint8Array, encryptData, encryptDataGroup, fileToBase64, uint8ArrayStartsWith, uint8ArrayToBase64 } from '../../components/qdn-action-encryption'; const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }); class WebBrowser extends LitElement { @@ -585,6 +585,8 @@ class WebBrowser extends LitElement { try { const uint8Array = base64ToUint8Array(encryptedData) + const startsWithQortalEncryptedData = uint8ArrayStartsWith(uint8Array, "qortalEncryptedData"); + const startsWithQortalGroupEncryptedData = uint8ArrayStartsWith(uint8Array, "qortalGroupEncryptedData"); const combinedData = uint8Array const str = "qortalEncryptedData"; const strEncoder = new TextEncoder(); @@ -642,7 +644,6 @@ class WebBrowser extends LitElement { response = JSON.stringify(data); break } - const { encryptedData: data64EncryptedData } = data try { const allCombined = base64ToUint8Array(data64EncryptedData); @@ -655,19 +656,24 @@ class WebBrowser extends LitElement { const nonceEndPosition = nonceStartPosition + 24; // Nonce is 24 bytes const nonce = allCombined.slice(nonceStartPosition, nonceEndPosition); + // Extract the shared keyNonce + const keyNonceStartPosition = nonceEndPosition; + const keyNonceEndPosition = keyNonceStartPosition + 24; // Nonce is 24 bytes + const keyNonce = allCombined.slice(keyNonceStartPosition, keyNonceEndPosition); + // Calculate count first const countStartPosition = allCombined.length - 4; // 4 bytes before the end, since count is stored in Uint32 (4 bytes) const countArray = allCombined.slice(countStartPosition, countStartPosition + 4); const count = new Uint32Array(countArray.buffer)[0]; // Then use count to calculate encryptedData - const encryptedDataStartPosition = nonceEndPosition; // start position of encryptedData - const encryptedDataEndPosition = allCombined.length - ((count * (24 + 32 + 16)) + 4); + const encryptedDataStartPosition = keyNonceEndPosition; // start position of encryptedData + const encryptedDataEndPosition = allCombined.length - ((count * (32 + 16)) + 4); const encryptedData = allCombined.slice(encryptedDataStartPosition, encryptedDataEndPosition); // Extract the encrypted keys - const combinedKeys = allCombined.slice(encryptedDataEndPosition, encryptedDataEndPosition + (count * (24 + 48))); - + // 32+16 = 48 + const combinedKeys = allCombined.slice(encryptedDataEndPosition, encryptedDataEndPosition + (count * 48)); const privateKey = window.parent.reduxStore.getState().app.selectedAddress.keyPair.privateKey const publicKey = window.parent.reduxStore.getState().app.selectedAddress.keyPair.publicKey @@ -679,15 +685,12 @@ class WebBrowser extends LitElement { const convertedPrivateKey = ed2curve.convertSecretKey(privateKey) const convertedPublicKey = ed2curve.convertPublicKey(publicKey) - const sharedSecret = new Uint8Array(32) nacl.lowlevel.crypto_scalarmult(sharedSecret, convertedPrivateKey, convertedPublicKey) for (let i = 0; i < count; i++) { - const keyNonce = combinedKeys.slice(i * (24 + 48), i * (24 + 48) + 24); - const encryptedKey = combinedKeys.slice(i * (24 + 48) + 24, (i + 1) * (24 + 48)); + const encryptedKey = combinedKeys.slice(i * 48, (i + 1) * 48); // Decrypt the symmetric key. const decryptedKey = nacl.secretbox.open(encryptedKey, keyNonce, sharedSecret); - // If decryption was successful, decryptedKey will not be null. if (decryptedKey) { // Decrypt the data using the symmetric key. @@ -934,7 +937,6 @@ class WebBrowser extends LitElement { return; case actions.PUBLISH_QDN_RESOURCE: { - console.log({ data }) // optional fields: encrypt:boolean recipientPublicKey:string const requiredFields = ['service', 'name']; const missingFields = []; From cb9d5e44a938b03c02fd1f390459c35544dc1859 Mon Sep 17 00:00:00 2001 From: Phillip Date: Sat, 13 May 2023 02:47:32 +0300 Subject: [PATCH 04/27] added string check --- .../core/components/qdn-action-encryption.js | 94 +++++++++- .../plugins/core/qdn/browser/browser.src.js | 174 ++++-------------- 2 files changed, 131 insertions(+), 137 deletions(-) diff --git a/plugins/plugins/core/components/qdn-action-encryption.js b/plugins/plugins/core/components/qdn-action-encryption.js index d91fd4b5..3a3adfb6 100644 --- a/plugins/plugins/core/components/qdn-action-encryption.js +++ b/plugins/plugins/core/components/qdn-action-encryption.js @@ -207,6 +207,98 @@ export function uint8ArrayStartsWith(uint8Array, string) { return true; } -export function decryptDeprecatedSingle() { +export function decryptDeprecatedSingle(uint8Array, publicKey) { + const combinedData = uint8Array + const str = "qortalEncryptedData"; + const strEncoder = new TextEncoder(); + const strUint8Array = strEncoder.encode(str); + const strData = combinedData.slice(0, strUint8Array.length); + const nonce = combinedData.slice(strUint8Array.length, strUint8Array.length + 24); + const _encryptedData = combinedData.slice(strUint8Array.length + 24); + + const privateKey = window.parent.reduxStore.getState().app.selectedAddress.keyPair.privateKey + const _publicKey = window.parent.Base58.decode(publicKey) + + if (!privateKey || !_publicKey) { + + throw new Error("Unable to retrieve keys") + } + + const convertedPrivateKey = ed2curve.convertSecretKey(privateKey) + const convertedPublicKey = ed2curve.convertPublicKey(_publicKey) + const sharedSecret = new Uint8Array(32); + nacl.lowlevel.crypto_scalarmult(sharedSecret, convertedPrivateKey, convertedPublicKey) + + const _chatEncryptionSeed = new window.parent.Sha256().process(sharedSecret).finish().result + const _decryptedData = nacl.secretbox.open(_encryptedData, nonce, _chatEncryptionSeed) + if (!_decryptedData) { + throw new Error("Unable to decrypt") + } + const decryptedDataToBase64 = uint8ArrayToBase64(_decryptedData) + return decryptedDataToBase64 +} + +export function decryptGroupData(data64EncryptedData) { + const allCombined = base64ToUint8Array(data64EncryptedData); + const str = "qortalEncryptedData"; + const strEncoder = new TextEncoder(); + const strUint8Array = strEncoder.encode(str); + + // Extract the nonce + const nonceStartPosition = strUint8Array.length; + const nonceEndPosition = nonceStartPosition + 24; // Nonce is 24 bytes + const nonce = allCombined.slice(nonceStartPosition, nonceEndPosition); + + // Extract the shared keyNonce + const keyNonceStartPosition = nonceEndPosition; + const keyNonceEndPosition = keyNonceStartPosition + 24; // Nonce is 24 bytes + const keyNonce = allCombined.slice(keyNonceStartPosition, keyNonceEndPosition); + + // Calculate count first + const countStartPosition = allCombined.length - 4; // 4 bytes before the end, since count is stored in Uint32 (4 bytes) + const countArray = allCombined.slice(countStartPosition, countStartPosition + 4); + const count = new Uint32Array(countArray.buffer)[0]; + + // Then use count to calculate encryptedData + const encryptedDataStartPosition = keyNonceEndPosition; // start position of encryptedData + const encryptedDataEndPosition = allCombined.length - ((count * (32 + 16)) + 4); + const encryptedData = allCombined.slice(encryptedDataStartPosition, encryptedDataEndPosition); + + // Extract the encrypted keys + // 32+16 = 48 + const combinedKeys = allCombined.slice(encryptedDataEndPosition, encryptedDataEndPosition + (count * 48)); + const privateKey = window.parent.reduxStore.getState().app.selectedAddress.keyPair.privateKey + const publicKey = window.parent.reduxStore.getState().app.selectedAddress.keyPair.publicKey + + if (!privateKey || !publicKey) { + throw new Error("Unable to retrieve keys") + } + + const convertedPrivateKey = ed2curve.convertSecretKey(privateKey) + const convertedPublicKey = ed2curve.convertPublicKey(publicKey) + const sharedSecret = new Uint8Array(32) + nacl.lowlevel.crypto_scalarmult(sharedSecret, convertedPrivateKey, convertedPublicKey) + for (let i = 0; i < count; i++) { + const encryptedKey = combinedKeys.slice(i * 48, (i + 1) * 48); + // Decrypt the symmetric key. + const decryptedKey = nacl.secretbox.open(encryptedKey, keyNonce, sharedSecret); + // If decryption was successful, decryptedKey will not be null. + if (decryptedKey) { + // Decrypt the data using the symmetric key. + const decryptedData = nacl.secretbox.open(encryptedData, nonce, decryptedKey); + + // If decryption was successful, decryptedData will not be null. + if (decryptedData) { + console.log({ decryptedData }) + return decryptedData + + } + } + } + + if (!response) { + throw new Erorr("Unable to decrypt data") + + } } \ No newline at end of file diff --git a/plugins/plugins/core/qdn/browser/browser.src.js b/plugins/plugins/core/qdn/browser/browser.src.js index 13f20f8e..f04aa31c 100644 --- a/plugins/plugins/core/qdn/browser/browser.src.js +++ b/plugins/plugins/core/qdn/browser/browser.src.js @@ -24,7 +24,7 @@ import { QORT_DECIMALS } from '../../../../../crypto/api/constants'; import nacl from '../../../../../crypto/api/deps/nacl-fast.js' import ed2curve from '../../../../../crypto/api/deps/ed2curve.js' import { mimeToExtensionMap } from '../../components/qdn-action-constants'; -import { base64ToUint8Array, encryptData, encryptDataGroup, fileToBase64, uint8ArrayStartsWith, uint8ArrayToBase64 } from '../../components/qdn-action-encryption'; +import { base64ToUint8Array, decryptDeprecatedSingle, decryptGroupData, encryptData, encryptDataGroup, fileToBase64, uint8ArrayStartsWith, uint8ArrayToBase64 } from '../../components/qdn-action-encryption'; const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }); class WebBrowser extends LitElement { @@ -563,161 +563,63 @@ class WebBrowser extends LitElement { } case actions.DECRYPT_DATA: { - const requiredFields = ['encryptedData', 'publicKey']; - const missingFields = []; - requiredFields.forEach((field) => { - if (!data[field]) { - missingFields.push(field); - } - }); - - if (missingFields.length > 0) { - const missingFieldsString = missingFields.join(', '); - const errorMsg = `Missing fields: ${missingFieldsString}` - let data = {}; - data['error'] = errorMsg; - response = JSON.stringify(data); - break - } const { encryptedData, publicKey } = data try { + let data = {}; + if (!encryptedData) { + const errorMsg = `Missing fields: encryptedData` + + data['error'] = errorMsg; + response = JSON.stringify(data); + break + + } const uint8Array = base64ToUint8Array(encryptedData) const startsWithQortalEncryptedData = uint8ArrayStartsWith(uint8Array, "qortalEncryptedData"); - const startsWithQortalGroupEncryptedData = uint8ArrayStartsWith(uint8Array, "qortalGroupEncryptedData"); - const combinedData = uint8Array - const str = "qortalEncryptedData"; - const strEncoder = new TextEncoder(); - const strUint8Array = strEncoder.encode(str); - const strData = combinedData.slice(0, strUint8Array.length); - const nonce = combinedData.slice(strUint8Array.length, strUint8Array.length + 24); - const _encryptedData = combinedData.slice(strUint8Array.length + 24); + if (startsWithQortalEncryptedData) { - const privateKey = window.parent.reduxStore.getState().app.selectedAddress.keyPair.privateKey - const _publicKey = window.parent.Base58.decode(publicKey) + if (!publicKey) { + const errorMsg = `Missing fields: publicKey` - if (!privateKey || !_publicKey) { - data['error'] = "Unable to retrieve keys" - response = JSON.stringify(data); - break - } - - const convertedPrivateKey = ed2curve.convertSecretKey(privateKey) - const convertedPublicKey = ed2curve.convertPublicKey(_publicKey) - const sharedSecret = new Uint8Array(32); - nacl.lowlevel.crypto_scalarmult(sharedSecret, convertedPrivateKey, convertedPublicKey) - - const _chatEncryptionSeed = new window.parent.Sha256().process(sharedSecret).finish().result - const _decryptedData = nacl.secretbox.open(_encryptedData, nonce, _chatEncryptionSeed) - const decryptedDataToBase64 = uint8ArrayToBase64(_decryptedData) - response = JSON.stringify(decryptedDataToBase64); - - break; - } catch (error) { - console.log({ error }) - const data = {}; - const errorMsg = error.message || "Error in decrypting data" - data['error'] = errorMsg; - response = JSON.stringify(data); - break - } - } - - case actions.DECRYPT_DATA_GROUP: { - const requiredFields = ['encryptedData']; - const missingFields = []; - - requiredFields.forEach((field) => { - if (!data[field]) { - missingFields.push(field); - } - }); - - if (missingFields.length > 0) { - const missingFieldsString = missingFields.join(', '); - const errorMsg = `Missing fields: ${missingFieldsString}` - let data = {}; - data['error'] = errorMsg; - response = JSON.stringify(data); - break - } - const { encryptedData: data64EncryptedData } = data - try { - const allCombined = base64ToUint8Array(data64EncryptedData); - const str = "qortalEncryptedData"; - const strEncoder = new TextEncoder(); - const strUint8Array = strEncoder.encode(str); - - // Extract the nonce - const nonceStartPosition = strUint8Array.length; - const nonceEndPosition = nonceStartPosition + 24; // Nonce is 24 bytes - const nonce = allCombined.slice(nonceStartPosition, nonceEndPosition); - - // Extract the shared keyNonce - const keyNonceStartPosition = nonceEndPosition; - const keyNonceEndPosition = keyNonceStartPosition + 24; // Nonce is 24 bytes - const keyNonce = allCombined.slice(keyNonceStartPosition, keyNonceEndPosition); - - // Calculate count first - const countStartPosition = allCombined.length - 4; // 4 bytes before the end, since count is stored in Uint32 (4 bytes) - const countArray = allCombined.slice(countStartPosition, countStartPosition + 4); - const count = new Uint32Array(countArray.buffer)[0]; - - // Then use count to calculate encryptedData - const encryptedDataStartPosition = keyNonceEndPosition; // start position of encryptedData - const encryptedDataEndPosition = allCombined.length - ((count * (32 + 16)) + 4); - const encryptedData = allCombined.slice(encryptedDataStartPosition, encryptedDataEndPosition); - - // Extract the encrypted keys - // 32+16 = 48 - const combinedKeys = allCombined.slice(encryptedDataEndPosition, encryptedDataEndPosition + (count * 48)); - const privateKey = window.parent.reduxStore.getState().app.selectedAddress.keyPair.privateKey - const publicKey = window.parent.reduxStore.getState().app.selectedAddress.keyPair.publicKey - - if (!privateKey || !publicKey) { - data['error'] = "Unable to retrieve keys" - response = JSON.stringify(data); - break - } - - const convertedPrivateKey = ed2curve.convertSecretKey(privateKey) - const convertedPublicKey = ed2curve.convertPublicKey(publicKey) - const sharedSecret = new Uint8Array(32) - nacl.lowlevel.crypto_scalarmult(sharedSecret, convertedPrivateKey, convertedPublicKey) - for (let i = 0; i < count; i++) { - const encryptedKey = combinedKeys.slice(i * 48, (i + 1) * 48); - // Decrypt the symmetric key. - const decryptedKey = nacl.secretbox.open(encryptedKey, keyNonce, sharedSecret); - // If decryption was successful, decryptedKey will not be null. - if (decryptedKey) { - // Decrypt the data using the symmetric key. - const decryptedData = nacl.secretbox.open(encryptedData, nonce, decryptedKey); - - // If decryption was successful, decryptedData will not be null. - if (decryptedData) { - const decryptedDataToBase64 = uint8ArrayToBase64(decryptedData) - response = JSON.stringify(decryptedDataToBase64); - break; - } + data['error'] = errorMsg; + response = JSON.stringify(data); + break } + + + const decryptedDataToBase64 = decryptDeprecatedSingle(uint8Array, publicKey) + response = JSON.stringify(decryptedDataToBase64); + break; + + + } + const startsWithQortalGroupEncryptedData = uint8ArrayStartsWith(uint8Array, "qortalGroupEncryptedData"); + + if (startsWithQortalGroupEncryptedData) { + + const decryptedData = decryptGroupData(encryptedData) + const decryptedDataToBase64 = uint8ArrayToBase64(decryptedData) + response = JSON.stringify(decryptedDataToBase64); + break; + } - if (!response) { - const data = {}; - data['error'] = "Unable to decrypt data"; - response = JSON.stringify(data); - } + const errorMsg = "Unable to decrypt" + data['error'] = errorMsg; + response = JSON.stringify(data); + break } catch (error) { console.log({ error }) const data = {}; const errorMsg = error.message || "Error in decrypting data" data['error'] = errorMsg; response = JSON.stringify(data); + break } - break; } case actions.GET_LIST_ITEMS: { From adc8ba42a0fed3b35d80ea16404e83e38d0d388f Mon Sep 17 00:00:00 2001 From: Phillip Date: Sat, 13 May 2023 03:33:18 +0300 Subject: [PATCH 05/27] added to multiple --- plugins/plugins/core/qdn/browser/browser.src.js | 13 +++++++------ 1 file changed, 7 insertions(+), 6 deletions(-) diff --git a/plugins/plugins/core/qdn/browser/browser.src.js b/plugins/plugins/core/qdn/browser/browser.src.js index f04aa31c..9889d87e 100644 --- a/plugins/plugins/core/qdn/browser/browser.src.js +++ b/plugins/plugins/core/qdn/browser/browser.src.js @@ -1007,9 +1007,9 @@ class WebBrowser extends LitElement { response = JSON.stringify(data); break } - if (data.encrypt && !data.recipientPublicKey) { + if (data.encrypt && (!data.publicKeys || (Array.isArray(data.publicKeys) && data.publicKeys.length === 0))) { let data = {}; - data['error'] = "Encrypting data requires the recipient's public key"; + data['error'] = "Encrypting data requires public keys"; response = JSON.stringify(data); break } @@ -1068,13 +1068,14 @@ class WebBrowser extends LitElement { throw new Error("Only encrypted data can go into private services") } + if (data.encrypt) { try { - const encryptDataResponse = encryptData({ - data64, recipientPublicKey: data.recipientPublicKey + const encryptDataResponse = encryptDataGroup({ + data64, publicKeys: data.publicKeys }) - if (encryptDataResponse.encryptedData) { - data64 = encryptDataResponse.encryptedData + if (encryptDataResponse) { + data64 = encryptDataResponse } } catch (error) { From cfe9a0c0a3987db54ac0b456cbbf7deeaa343053 Mon Sep 17 00:00:00 2001 From: Phillip Date: Sat, 13 May 2023 03:39:18 +0300 Subject: [PATCH 06/27] added ui user public key --- plugins/plugins/core/components/qdn-action-encryption.js | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/plugins/plugins/core/components/qdn-action-encryption.js b/plugins/plugins/core/components/qdn-action-encryption.js index 3a3adfb6..eeaa37f6 100644 --- a/plugins/plugins/core/components/qdn-action-encryption.js +++ b/plugins/plugins/core/components/qdn-action-encryption.js @@ -104,7 +104,12 @@ export const encryptData = ({ data64, recipientPublicKey }) => { } export const encryptDataGroup = ({ data64, publicKeys }) => { - const publicKeysDuplicateFree = [...new Set(publicKeys)]; + const userPublicKey = window.parent.Base58.decode(window.parent.reduxStore.getState().app.selectedAddress.keyPair.publicKey) + let combinedPublicKeys = publicKeys + if (userPublicKey) { + combinedPublicKeys = [...publicKeys, userPublicKey] + } + const publicKeysDuplicateFree = [...new Set(combinedPublicKeys)]; const Uint8ArrayData = base64ToUint8Array(data64) if (!(Uint8ArrayData instanceof Uint8Array)) { From 430413c572e1f820c7bb88332a73983d46de6647 Mon Sep 17 00:00:00 2001 From: Phillip Date: Thu, 25 May 2023 21:39:48 +0300 Subject: [PATCH 07/27] fix base58 publicKey --- plugins/plugins/core/components/qdn-action-encryption.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/plugins/plugins/core/components/qdn-action-encryption.js b/plugins/plugins/core/components/qdn-action-encryption.js index eeaa37f6..cd990395 100644 --- a/plugins/plugins/core/components/qdn-action-encryption.js +++ b/plugins/plugins/core/components/qdn-action-encryption.js @@ -104,11 +104,12 @@ export const encryptData = ({ data64, recipientPublicKey }) => { } export const encryptDataGroup = ({ data64, publicKeys }) => { - const userPublicKey = window.parent.Base58.decode(window.parent.reduxStore.getState().app.selectedAddress.keyPair.publicKey) + const userPublicKey = window.parent.reduxStore.getState().app.selectedAddress.base58PublicKey let combinedPublicKeys = publicKeys if (userPublicKey) { combinedPublicKeys = [...publicKeys, userPublicKey] } + const publicKeysDuplicateFree = [...new Set(combinedPublicKeys)]; const Uint8ArrayData = base64ToUint8Array(data64) From 4ee98333141c302ddf37b0afb0c6133d9aaf5e3f Mon Sep 17 00:00:00 2001 From: Phillip Date: Sat, 3 Jun 2023 18:22:16 +0300 Subject: [PATCH 08/27] added file option to encript --- .../plugins/core/components/qdn-action-encryption.js | 4 ++-- plugins/plugins/core/qdn/browser/browser.src.js | 10 +++++++--- 2 files changed, 9 insertions(+), 5 deletions(-) diff --git a/plugins/plugins/core/components/qdn-action-encryption.js b/plugins/plugins/core/components/qdn-action-encryption.js index cd990395..a017d95e 100644 --- a/plugins/plugins/core/components/qdn-action-encryption.js +++ b/plugins/plugins/core/components/qdn-action-encryption.js @@ -157,7 +157,7 @@ export const encryptDataGroup = ({ data64, publicKeys }) => { encryptedKeys.push(encryptedKey); }); - const str = "qortalEncryptedData"; + const str = "qortalGroupEncryptedData"; const strEncoder = new TextEncoder(); const strUint8Array = strEncoder.encode(str); @@ -247,7 +247,7 @@ export function decryptDeprecatedSingle(uint8Array, publicKey) { export function decryptGroupData(data64EncryptedData) { const allCombined = base64ToUint8Array(data64EncryptedData); - const str = "qortalEncryptedData"; + const str = "qortalGroupEncryptedData"; const strEncoder = new TextEncoder(); const strUint8Array = strEncoder.encode(str); diff --git a/plugins/plugins/core/qdn/browser/browser.src.js b/plugins/plugins/core/qdn/browser/browser.src.js index 9889d87e..f0ebaed0 100644 --- a/plugins/plugins/core/qdn/browser/browser.src.js +++ b/plugins/plugins/core/qdn/browser/browser.src.js @@ -566,7 +566,6 @@ class WebBrowser extends LitElement { const { encryptedData, publicKey } = data - try { let data = {}; if (!encryptedData) { @@ -579,7 +578,6 @@ class WebBrowser extends LitElement { } const uint8Array = base64ToUint8Array(encryptedData) const startsWithQortalEncryptedData = uint8ArrayStartsWith(uint8Array, "qortalEncryptedData"); - if (startsWithQortalEncryptedData) { if (!publicKey) { @@ -598,7 +596,6 @@ class WebBrowser extends LitElement { } const startsWithQortalGroupEncryptedData = uint8ArrayStartsWith(uint8Array, "qortalGroupEncryptedData"); - if (startsWithQortalGroupEncryptedData) { const decryptedData = decryptGroupData(encryptedData) @@ -893,6 +890,9 @@ class WebBrowser extends LitElement { response = JSON.stringify(data); break } + if (data.file) { + data64 = await fileToBase64(data.file) + } if (data.encrypt) { try { @@ -1067,10 +1067,14 @@ class WebBrowser extends LitElement { if (!data.encrypt && service.endsWith("_PRIVATE")) { throw new Error("Only encrypted data can go into private services") } + if (data.file) { + data64 = await fileToBase64(data.file) + } if (data.encrypt) { try { + const encryptDataResponse = encryptDataGroup({ data64, publicKeys: data.publicKeys }) From 27843d8970e1c4ab1ab56d90ee8cd68f0a5164c7 Mon Sep 17 00:00:00 2001 From: Phillip Date: Sat, 8 Jul 2023 02:24:39 +0300 Subject: [PATCH 09/27] fixed bug when open sender's encrypted data --- .../core/components/qdn-action-encryption.js | 38 ++++++++++--------- 1 file changed, 21 insertions(+), 17 deletions(-) diff --git a/plugins/plugins/core/components/qdn-action-encryption.js b/plugins/plugins/core/components/qdn-action-encryption.js index a017d95e..b7b416f6 100644 --- a/plugins/plugins/core/components/qdn-action-encryption.js +++ b/plugins/plugins/core/components/qdn-action-encryption.js @@ -98,7 +98,6 @@ export const encryptData = ({ data64, recipientPublicKey }) => { recipientPublicKey } } catch (error) { - console.log({ error }) throw new Error("Error in encrypting data") } } @@ -156,14 +155,16 @@ export const encryptDataGroup = ({ data64, publicKeys }) => { encryptedKeys.push(encryptedKey); }); - const str = "qortalGroupEncryptedData"; const strEncoder = new TextEncoder(); const strUint8Array = strEncoder.encode(str); + // Convert sender's public key to Uint8Array and add to the message + const senderPublicKeyUint8Array = window.parent.Base58.decode(userPublicKey); + // Combine all data into a single Uint8Array. // Calculate size of combinedData - let combinedDataSize = strUint8Array.length + nonce.length + keyNonce.length + encryptedData.length + 4; + let combinedDataSize = strUint8Array.length + nonce.length + keyNonce.length + senderPublicKeyUint8Array.length + encryptedData.length + 4; let encryptedKeysSize = 0; encryptedKeys.forEach((key) => { @@ -177,10 +178,11 @@ export const encryptDataGroup = ({ data64, publicKeys }) => { combinedData.set(strUint8Array); combinedData.set(nonce, strUint8Array.length); combinedData.set(keyNonce, strUint8Array.length + nonce.length); - combinedData.set(encryptedData, strUint8Array.length + nonce.length + keyNonce.length); + combinedData.set(senderPublicKeyUint8Array, strUint8Array.length + nonce.length + keyNonce.length); + combinedData.set(encryptedData, strUint8Array.length + nonce.length + keyNonce.length + senderPublicKeyUint8Array.length); // Initialize offset for encryptedKeys - let encryptedKeysOffset = strUint8Array.length + nonce.length + encryptedData.length + keyNonce.length; + let encryptedKeysOffset = strUint8Array.length + nonce.length + keyNonce.length + senderPublicKeyUint8Array.length + encryptedData.length; encryptedKeys.forEach((key) => { combinedData.set(key, encryptedKeysOffset); encryptedKeysOffset += key.length; @@ -261,13 +263,18 @@ export function decryptGroupData(data64EncryptedData) { const keyNonceEndPosition = keyNonceStartPosition + 24; // Nonce is 24 bytes const keyNonce = allCombined.slice(keyNonceStartPosition, keyNonceEndPosition); + // Extract the sender's public key + const senderPublicKeyStartPosition = keyNonceEndPosition; + const senderPublicKeyEndPosition = senderPublicKeyStartPosition + 32; // Public keys are 32 bytes + const senderPublicKey = allCombined.slice(senderPublicKeyStartPosition, senderPublicKeyEndPosition); + // Calculate count first const countStartPosition = allCombined.length - 4; // 4 bytes before the end, since count is stored in Uint32 (4 bytes) const countArray = allCombined.slice(countStartPosition, countStartPosition + 4); const count = new Uint32Array(countArray.buffer)[0]; // Then use count to calculate encryptedData - const encryptedDataStartPosition = keyNonceEndPosition; // start position of encryptedData + const encryptedDataStartPosition = senderPublicKeyEndPosition; // start position of encryptedData const encryptedDataEndPosition = allCombined.length - ((count * (32 + 16)) + 4); const encryptedData = allCombined.slice(encryptedDataStartPosition, encryptedDataEndPosition); @@ -275,20 +282,21 @@ export function decryptGroupData(data64EncryptedData) { // 32+16 = 48 const combinedKeys = allCombined.slice(encryptedDataEndPosition, encryptedDataEndPosition + (count * 48)); const privateKey = window.parent.reduxStore.getState().app.selectedAddress.keyPair.privateKey - const publicKey = window.parent.reduxStore.getState().app.selectedAddress.keyPair.publicKey - if (!privateKey || !publicKey) { + if (!privateKey) { throw new Error("Unable to retrieve keys") } const convertedPrivateKey = ed2curve.convertSecretKey(privateKey) - const convertedPublicKey = ed2curve.convertPublicKey(publicKey) + const convertedSenderPublicKey = ed2curve.convertPublicKey(senderPublicKey) const sharedSecret = new Uint8Array(32) - nacl.lowlevel.crypto_scalarmult(sharedSecret, convertedPrivateKey, convertedPublicKey) + nacl.lowlevel.crypto_scalarmult(sharedSecret, convertedPrivateKey, convertedSenderPublicKey) for (let i = 0; i < count; i++) { const encryptedKey = combinedKeys.slice(i * 48, (i + 1) * 48); + // Decrypt the symmetric key. const decryptedKey = nacl.secretbox.open(encryptedKey, keyNonce, sharedSecret); + // If decryption was successful, decryptedKey will not be null. if (decryptedKey) { // Decrypt the data using the symmetric key. @@ -296,15 +304,11 @@ export function decryptGroupData(data64EncryptedData) { // If decryption was successful, decryptedData will not be null. if (decryptedData) { - console.log({ decryptedData }) - return decryptedData + return decryptedData } } } - if (!response) { - throw new Erorr("Unable to decrypt data") - - } -} \ No newline at end of file + throw new Error("Unable to decrypt data") +} From 3b26e82d420eaf5f8f202534774d0e680d7120ed Mon Sep 17 00:00:00 2001 From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com> Date: Sun, 23 Jul 2023 17:38:04 +0200 Subject: [PATCH 10/27] Update npm and niodejs --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 3d9c3ddc..ee11d8c0 100644 --- a/README.md +++ b/README.md @@ -27,8 +27,8 @@ Easiest way to install the lastest required packages on Linux is via nvm. ``` source ~/.profile ``` (For Debian based distro)
``` source ~/.bashrc ``` (For Fedora / CentOS)
``` nvm ls-remote ``` (Fetch list of available versions)
-``` nvm install v18.14.0 ``` (LTS: Hydrogen supported by Electron)
-``` npm --location=global install npm@9.7.2 ```
+``` nvm install v18.15.0 ``` (LTS: Hydrogen supported by Electron)
+``` npm --location=global install npm@9.8.1 ```
Adding via binary package mirror will only work if you have set the package path. You can do a node or java build via ports instead by downloading ports with portsnap fetch method. From 38c4c7baa29524b95069b93bf5c75089929b9033 Mon Sep 17 00:00:00 2001 From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com> Date: Sun, 23 Jul 2023 18:01:30 +0200 Subject: [PATCH 11/27] Add clear cache --- electron.js | 31 +++++++++++++++++++------------ lib/preload.js | 1 + 2 files changed, 20 insertions(+), 12 deletions(-) diff --git a/electron.js b/electron.js index ffbc9538..7190f5c3 100644 --- a/electron.js +++ b/electron.js @@ -1,16 +1,17 @@ const { - app, - BrowserWindow, - ipcMain, - ipcRenderer, - Menu, - Notification, - Tray, - nativeImage, - dialog, - webContents, - nativeTheme, - crashReporter + app, + BrowserWindow, + ipcMain, + ipcRenderer, + Menu, + Notification, + Tray, + nativeImage, + dialog, + webContents, + nativeTheme, + crashReporter, + webFrame } = require('electron') const { autoUpdater } = require('electron-updater') @@ -1031,6 +1032,12 @@ if (!isLock) { } }) }) + ipcMain.on('clear-all-cache', (event) => { + const theWindows = BrowserWindow.getAllWindows()[0] + const ses = theWindows.webContents.session + console.clear() + ses.clearCache() + }) ipcMain.on('check-for-update', (event) => { const check = new Notification({ title: i18n.__("electron_translate_43"), diff --git a/lib/preload.js b/lib/preload.js index fed27281..7f3a0cf8 100644 --- a/lib/preload.js +++ b/lib/preload.js @@ -5,4 +5,5 @@ contextBridge.exposeInMainWorld('electronAPI', { checkForUpdate: () => ipcRenderer.send('check-for-update'), showMyMenu: () => ipcRenderer.send('show-my-menu'), focusApp: () => ipcRenderer.send('focus-app'), + clearMyCache: () => ipcRenderer.send('clear-all-cache'), }) \ No newline at end of file From 1757030eb3729decb59df3c91ed255f7af622c3b Mon Sep 17 00:00:00 2001 From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com> Date: Sun, 23 Jul 2023 18:13:39 +0200 Subject: [PATCH 12/27] Update dependencies and node --- package-lock.json | 697 +++++++++++++++++++++++++--------------------- package.json | 42 +-- 2 files changed, 408 insertions(+), 331 deletions(-) diff --git a/package-lock.json b/package-lock.json index 72c2c6c2..39d0c956 100644 --- a/package-lock.json +++ b/package-lock.json @@ -12,14 +12,14 @@ "@hapi/hapi": "21.3.2", "@hapi/inert": "7.1.0", "@lit-labs/motion": "1.0.3", - "@tiptap/core": "2.0.3", - "@tiptap/extension-highlight": "2.0.3", - "@tiptap/extension-image": "2.0.3", - "@tiptap/extension-placeholder": "2.0.3", - "@tiptap/extension-underline": "2.0.3", - "@tiptap/html": "2.0.3", - "@tiptap/pm": "2.0.3", - "@tiptap/starter-kit": "2.0.3", + "@tiptap/core": "2.0.4", + "@tiptap/extension-highlight": "2.0.4", + "@tiptap/extension-image": "2.0.4", + "@tiptap/extension-placeholder": "2.0.4", + "@tiptap/extension-underline": "2.0.4", + "@tiptap/html": "2.0.4", + "@tiptap/pm": "2.0.4", + "@tiptap/starter-kit": "2.0.4", "asmcrypto.js": "2.3.2", "bcryptjs": "2.4.3", "buffer": "6.0.3", @@ -41,12 +41,12 @@ "prosemirror-gapcursor": "1.3.2", "prosemirror-history": "1.3.2", "prosemirror-keymap": "1.2.2", - "prosemirror-model": "1.19.2", + "prosemirror-model": "1.19.3", "prosemirror-schema-list": "1.3.0", "prosemirror-state": "1.4.3", "prosemirror-transform": "1.7.3", - "prosemirror-view": "1.31.5", - "sass": "1.63.6", + "prosemirror-view": "1.31.6", + "sass": "1.64.1", "short-unique-id": "4.4.4" }, "devDependencies": { @@ -89,19 +89,19 @@ "@qortal/rollup-plugin-web-worker-loader": "1.6.4", "@rollup/plugin-alias": "5.0.0", "@rollup/plugin-babel": "6.0.3", - "@rollup/plugin-commonjs": "25.0.2", + "@rollup/plugin-commonjs": "25.0.3", "@rollup/plugin-node-resolve": "15.1.0", "@rollup/plugin-replace": "5.0.2", "@rollup/plugin-terser": "0.4.3", - "@vaadin/avatar": "24.1.3", - "@vaadin/button": "24.1.3", - "@vaadin/grid": "24.1.3", - "@vaadin/icons": "24.1.3", - "@vaadin/password-field": "24.1.3", - "@vaadin/tooltip": "24.1.3", + "@vaadin/avatar": "24.1.4", + "@vaadin/button": "24.1.4", + "@vaadin/grid": "24.1.4", + "@vaadin/icons": "24.1.4", + "@vaadin/password-field": "24.1.4", + "@vaadin/tooltip": "24.1.4", "@zip.js/zip.js": "2.7.20", "axios": "1.4.0", - "electron": "25.3.0", + "electron": "25.3.1", "electron-builder": "24.4.0", "electron-packager": "17.1.1", "epml": "0.3.3", @@ -115,14 +115,14 @@ "pwa-helpers": "0.9.1", "redux": "4.2.1", "redux-thunk": "2.4.2", - "rollup": "3.26.2", + "rollup": "3.26.3", "rollup-plugin-node-globals": "1.4.0", "rollup-plugin-progress": "1.1.2", "rollup-plugin-scss": "3.0.0", "shelljs": "0.8.5" }, "engines": { - "node": ">=18.14.0" + "node": ">=18.15.0" } }, "node_modules/@ampproject/remapping": { @@ -1002,9 +1002,9 @@ } }, "node_modules/@hapi/accept": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/@hapi/accept/-/accept-6.0.1.tgz", - "integrity": "sha512-aLkYj7zzgC3CSlEVOs84eBOEE3i9xZK2tdQEP+TOj2OFzMWCi9zjkRet82V3GGjecE//zFrCLKIykuaE0uM4bg==", + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/@hapi/accept/-/accept-6.0.2.tgz", + "integrity": "sha512-xaTLf29Zeph/B32hekmgxLFsEPuX1xQYyZu0gJ4ZCHKU6nXmBRXfBymtWNEK0souOJcX2XHWUaZU6JzccuuMpg==", "dependencies": { "@hapi/boom": "^10.0.1", "@hapi/hoek": "^11.0.2" @@ -1477,9 +1477,9 @@ } }, "node_modules/@linaria/logger": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/@linaria/logger/-/logger-4.0.0.tgz", - "integrity": "sha512-YnBq0JlDWMEkTOK+tMo5yEVR0f5V//6qMLToGcLhTyM9g9i+IDFn51Z+5q2hLk7RdG4NBPgbcCXYi2w4RKsPeg==", + "version": "4.5.0", + "resolved": "https://registry.npmjs.org/@linaria/logger/-/logger-4.5.0.tgz", + "integrity": "sha512-XdQLk242Cpcsc9a3Cz1ktOE5ysTo2TpxdeFQEPwMm8Z/+F/S6ZxBDdHYJL09srXWz3hkJr3oS2FPuMZNH1HIxw==", "dependencies": { "debug": "^4.1.1", "picocolors": "^1.0.0" @@ -1489,22 +1489,22 @@ } }, "node_modules/@linaria/tags": { - "version": "4.3.5", - "resolved": "https://registry.npmjs.org/@linaria/tags/-/tags-4.3.5.tgz", - "integrity": "sha512-PgaIi8Vv89YOjc6rpKL/uPg2w4k0rAwAYxcqeXqzKqsEAste5rgB8xp1/KUOG0oAOkPd3MRL6Duj+m0ZwJ3g+g==", + "version": "4.5.2", + "resolved": "https://registry.npmjs.org/@linaria/tags/-/tags-4.5.2.tgz", + "integrity": "sha512-ougIJrket1Q1qBc/JlBBt63dzFZwrDxx51MsVeYQ0lagbfLLHCfdVKFrsQy2YBQkBFw5hAHDP9+0uPvBy662ng==", "dependencies": { "@babel/generator": "^7.20.4", - "@linaria/logger": "^4.0.0", - "@linaria/utils": "^4.3.4" + "@linaria/logger": "^4.5.0", + "@linaria/utils": "^4.5.1" }, "engines": { "node": "^12.16.0 || >=13.7.0" } }, "node_modules/@linaria/utils": { - "version": "4.3.4", - "resolved": "https://registry.npmjs.org/@linaria/utils/-/utils-4.3.4.tgz", - "integrity": "sha512-vt6WJG54n+KANaqxOfzIIU7aSfFHEWFbnGLsgxL7nASHqO0zezrNA2y2Rrp80zSeTW+wSpbmDM4uJyC9UW1qoA==", + "version": "4.5.1", + "resolved": "https://registry.npmjs.org/@linaria/utils/-/utils-4.5.1.tgz", + "integrity": "sha512-BvVEDuwltfsia3tT72EFoqQvlkockii4rRdexBV5QOxmxVLFPo2jp+cqIybpa8aBtSpiflCdgwYvz+YlLR5ZCg==", "dependencies": { "@babel/core": "^7.20.2", "@babel/plugin-proposal-export-namespace-from": "^7.18.9", @@ -1512,13 +1512,79 @@ "@babel/plugin-transform-modules-commonjs": "^7.19.6", "@babel/traverse": "^7.20.1", "@babel/types": "^7.20.2", - "@linaria/logger": "^4.0.0", - "babel-merge": "^3.0.0" + "@linaria/logger": "^4.5.0", + "babel-merge": "^3.0.0", + "find-up": "^5.0.0" }, "engines": { "node": "^12.16.0 || >=13.7.0" } }, + "node_modules/@linaria/utils/node_modules/find-up": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz", + "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==", + "dependencies": { + "locate-path": "^6.0.0", + "path-exists": "^4.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/@linaria/utils/node_modules/locate-path": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz", + "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==", + "dependencies": { + "p-locate": "^5.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/@linaria/utils/node_modules/p-limit": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz", + "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==", + "dependencies": { + "yocto-queue": "^0.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/@linaria/utils/node_modules/p-locate": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz", + "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==", + "dependencies": { + "p-limit": "^3.0.2" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/@linaria/utils/node_modules/path-exists": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz", + "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==", + "engines": { + "node": ">=8" + } + }, "node_modules/@lit-labs/motion": { "version": "1.0.3", "resolved": "https://registry.npmjs.org/@lit-labs/motion/-/motion-1.0.3.tgz", @@ -3123,9 +3189,9 @@ } }, "node_modules/@rollup/plugin-commonjs": { - "version": "25.0.2", - "resolved": "https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-25.0.2.tgz", - "integrity": "sha512-NGTwaJxIO0klMs+WSFFtBP7b9TdTJ3K76HZkewT8/+yHzMiUGVQgaPtLQxNVYIgT5F7lxkEyVID+yS3K7bhCow==", + "version": "25.0.3", + "resolved": "https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-25.0.3.tgz", + "integrity": "sha512-uBdtWr/H3BVcgm97MUdq2oJmqBR23ny1hOrWe2PKo9FTbjsGqg32jfasJUKYAI5ouqacjRnj65mBB/S79F+GQA==", "dev": true, "dependencies": { "@rollup/pluginutils": "^5.0.1", @@ -3262,9 +3328,9 @@ } }, "node_modules/@tiptap/core": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/@tiptap/core/-/core-2.0.3.tgz", - "integrity": "sha512-jLyVIWAdjjlNzrsRhSE2lVL/7N8228/1R1QtaVU85UlMIwHFAcdzhD8FeiKkqxpTnGpaDVaTy7VNEtEgaYdCyA==", + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/@tiptap/core/-/core-2.0.4.tgz", + "integrity": "sha512-2YOMjRqoBGEP4YGgYpuPuBBJHMeqKOhLnS0WVwjVP84zOmMgZ7A8M6ILC9Xr7Q/qHZCvyBGWOSsI7+3HsEzzYQ==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3274,9 +3340,9 @@ } }, "node_modules/@tiptap/extension-blockquote": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/@tiptap/extension-blockquote/-/extension-blockquote-2.0.3.tgz", - "integrity": "sha512-rkUcFv2iL6f86DBBHoa4XdKNG2StvkJ7tfY9GoMpT46k3nxOaMTqak9/qZOo79TWxMLYtXzoxtKIkmWsbbcj4A==", + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/@tiptap/extension-blockquote/-/extension-blockquote-2.0.4.tgz", + "integrity": "sha512-z5qfuLi04OgCBI6/odzB2vhulT/wpjymYOnON65vLXGZZbUw4cbPloykhqgWvQp+LzKH+HBhl4fz53d5CgnbOA==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3286,9 +3352,9 @@ } }, "node_modules/@tiptap/extension-bold": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/@tiptap/extension-bold/-/extension-bold-2.0.3.tgz", - "integrity": "sha512-OGT62fMRovSSayjehumygFWTg2Qn0IDbqyMpigg/RUAsnoOI2yBZFVrdM2gk1StyoSay7gTn2MLw97IUfr7FXg==", + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/@tiptap/extension-bold/-/extension-bold-2.0.4.tgz", + "integrity": "sha512-CWSQy1uWkVsen8HUsqhm+oEIxJrCiCENABUbhaVcJL/MqhnP4Trrh1B6O00Yfoc0XToPRRibDaHMFs4A3MSO0g==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3298,9 +3364,9 @@ } }, "node_modules/@tiptap/extension-bullet-list": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/@tiptap/extension-bullet-list/-/extension-bullet-list-2.0.3.tgz", - "integrity": "sha512-RtaLiRvZbMTOje+FW5bn+mYogiIgNxOm065wmyLPypnTbLSeHeYkoqVSqzZeqUn+7GLnwgn1shirUe6csVE/BA==", + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/@tiptap/extension-bullet-list/-/extension-bullet-list-2.0.4.tgz", + "integrity": "sha512-JSZKBVTaKSuLl5fR4EKE4dOINOrgeRHYA25Vj6cWjgdvpTw5ef7vcUdn9yP4JwTmLRI+VnnMlYL3rqigU3iZNg==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3310,9 +3376,9 @@ } }, "node_modules/@tiptap/extension-code": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/@tiptap/extension-code/-/extension-code-2.0.3.tgz", - "integrity": "sha512-LsVCKVxgBtkstAr1FjxN8T3OjlC76a2X8ouoZpELMp+aXbjqyanCKzt+sjjUhE4H0yLFd4v+5v6UFoCv4EILiw==", + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/@tiptap/extension-code/-/extension-code-2.0.4.tgz", + "integrity": "sha512-HuwJSJkipZf4hkns9witv1CABNIPiB9C8lgAQXK4xJKcoUQChcnljEL+PQ2NqeEeMTEeV3nG3A/0QafH0pgTgg==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3322,9 +3388,9 @@ } }, "node_modules/@tiptap/extension-code-block": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/@tiptap/extension-code-block/-/extension-code-block-2.0.3.tgz", - "integrity": "sha512-F4xMy18EwgpyY9f5Te7UuF7UwxRLptOtCq1p2c2DfxBvHDWhAjQqVqcW/sq/I/WuED7FwCnPLyyAasPiVPkLPw==", + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/@tiptap/extension-code-block/-/extension-code-block-2.0.4.tgz", + "integrity": "sha512-In2tV3rgm/MznVF0N7qYsYugPWSzhZHaCRCWcFKNvllMExpo91bUWvk+hXaIhhPxvuqGIVezjybwrYuU3bJW0g==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3335,9 +3401,9 @@ } }, "node_modules/@tiptap/extension-document": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/@tiptap/extension-document/-/extension-document-2.0.3.tgz", - "integrity": "sha512-PsYeNQQBYIU9ayz1R11Kv/kKNPFNIV8tApJ9pxelXjzcAhkjncNUazPN/dyho60mzo+WpsmS3ceTj/gK3bCtWA==", + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/@tiptap/extension-document/-/extension-document-2.0.4.tgz", + "integrity": "sha512-mCj2fAhnNhIHttPSqfTPSSTGwClGaPYvhT56Ij/Pi4iCrWjPXzC4XnIkIHSS34qS2tJN4XJzr/z7lm3NeLkF1w==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3347,9 +3413,9 @@ } }, "node_modules/@tiptap/extension-dropcursor": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/@tiptap/extension-dropcursor/-/extension-dropcursor-2.0.3.tgz", - "integrity": "sha512-McthMrfusn6PjcaynJLheZJcXto8TaIW5iVitYh8qQrDXr31MALC/5GvWuiswmQ8bAXiWPwlLDYE/OJfwtggaw==", + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/@tiptap/extension-dropcursor/-/extension-dropcursor-2.0.4.tgz", + "integrity": "sha512-1OmKBv/E+nJo2vsosvu8KwFiBB+gZM1pY61qc7JbwEKHSYAxUFHfvLkIA0IQ53Z0DHMrFSKgWmHEcbnqtGevCA==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3360,9 +3426,9 @@ } }, "node_modules/@tiptap/extension-gapcursor": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/@tiptap/extension-gapcursor/-/extension-gapcursor-2.0.3.tgz", - "integrity": "sha512-6I9EzzsYOyyqDvDvxIK6Rv3EXB+fHKFj8ntHO8IXmeNJ6pkhOinuXVsW6Yo7TcDYoTj4D5I2MNFAW2rIkgassw==", + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/@tiptap/extension-gapcursor/-/extension-gapcursor-2.0.4.tgz", + "integrity": "sha512-VxmKfBQjSSu1mNvHlydA4dJW/zawGKyqmnryiFNcUV9s+/HWLR5i9SiUl4wJM/B8sG8cQxClne5/LrCAeGNYuA==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3373,9 +3439,9 @@ } }, "node_modules/@tiptap/extension-hard-break": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/@tiptap/extension-hard-break/-/extension-hard-break-2.0.3.tgz", - "integrity": "sha512-RCln6ARn16jvKTjhkcAD5KzYXYS0xRMc0/LrHeV8TKdCd4Yd0YYHe0PU4F9gAgAfPQn7Dgt4uTVJLN11ICl8sQ==", + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/@tiptap/extension-hard-break/-/extension-hard-break-2.0.4.tgz", + "integrity": "sha512-4j8BZa6diuoRytWoIc7j25EYWWut5TZDLbb+OVURdkHnsF8B8zeNTo55W40CdwSaSyTtXtxbTIldV80ShQarGQ==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3385,9 +3451,9 @@ } }, "node_modules/@tiptap/extension-heading": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/@tiptap/extension-heading/-/extension-heading-2.0.3.tgz", - "integrity": "sha512-f0IEv5ms6aCzL80WeZ1qLCXTkRVwbpRr1qAETjg3gG4eoJN18+lZNOJYpyZy3P92C5KwF2T3Av00eFyVLIbb8Q==", + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/@tiptap/extension-heading/-/extension-heading-2.0.4.tgz", + "integrity": "sha512-EfitUbew5ljH3xVlBXAxqqcJ4rjv15b8379LYOV6KQCf+Y1wY0gy9Q8wXSnrsAagqrvqipja4Ihn3OZeyIM+CA==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3397,9 +3463,9 @@ } }, "node_modules/@tiptap/extension-highlight": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/@tiptap/extension-highlight/-/extension-highlight-2.0.3.tgz", - "integrity": "sha512-NrtibY8cZkIjZMQuHRrKd4php+plOvAoSo8g3uVFu275I/Ixt5HqJ53R4voCXs8W8BOBRs2HS2QX8Cjh79XhtA==", + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/@tiptap/extension-highlight/-/extension-highlight-2.0.4.tgz", + "integrity": "sha512-z1hcpf0eHHdaBE0pewXiNIu+QBodw4IAbZykTXMaY1xCsbYWfOJxeIb5o+CEG5HBsmaoJrCYenQw71xzgV0hKA==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3409,9 +3475,9 @@ } }, "node_modules/@tiptap/extension-history": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/@tiptap/extension-history/-/extension-history-2.0.3.tgz", - "integrity": "sha512-00KHIcJ8kivn2ARI6NQYphv2LfllVCXViHGm0EhzDW6NQxCrriJKE3tKDcTFCu7LlC5doMpq9Z6KXdljc4oVeQ==", + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/@tiptap/extension-history/-/extension-history-2.0.4.tgz", + "integrity": "sha512-3GAUszn1xZx3vniHMiX9BSKmfvb5QOb0oSLXInN+hx80CgJDIHqIFuhx2dyV9I/HWpa0cTxaLWj64kfDzb1JVg==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3422,9 +3488,9 @@ } }, "node_modules/@tiptap/extension-horizontal-rule": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/@tiptap/extension-horizontal-rule/-/extension-horizontal-rule-2.0.3.tgz", - "integrity": "sha512-SZRUSh07b/M0kJHNKnfBwBMWrZBEm/E2LrK1NbluwT3DBhE+gvwiEdBxgB32zKHNxaDEXUJwUIPNC3JSbKvPUA==", + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/@tiptap/extension-horizontal-rule/-/extension-horizontal-rule-2.0.4.tgz", + "integrity": "sha512-OMx2ImQseKbSUjPbbRCuYGOJshxYedh9giWAqwgWWokhYkH4nGxXn5m7+Laj+1wLre4bnWgHWVY4wMGniEj3aw==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3435,9 +3501,9 @@ } }, "node_modules/@tiptap/extension-image": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/@tiptap/extension-image/-/extension-image-2.0.3.tgz", - "integrity": "sha512-hS9ZJwz0md07EHsC+o4NuuJkhCZsZn7TuRz/2CvRSj2fWFIz+40CyNAHf/2J0qNugG9ommXaemetsADeEZP9ag==", + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/@tiptap/extension-image/-/extension-image-2.0.4.tgz", + "integrity": "sha512-5iQ96pt9xppM8sWzwhGgc99PPoYPQuokTaCXAQKDI0Y1CFCjZ+/duUG3al1VUMpBXsjJw3/RVO1+7CEhRTd3mA==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3447,9 +3513,9 @@ } }, "node_modules/@tiptap/extension-italic": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/@tiptap/extension-italic/-/extension-italic-2.0.3.tgz", - "integrity": "sha512-cfS5sW0gu7qf4ihwnLtW/QMTBrBEXaT0sJl3RwkhjIBg/65ywJKE5Nz9ewnQHmDeT18hvMJJ1VIb4j4ze9jj9A==", + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/@tiptap/extension-italic/-/extension-italic-2.0.4.tgz", + "integrity": "sha512-C/6+qs4Jh8xERRP0wcOopA1+emK8MOkBE4RQx5NbPnT2iCpERP0GlmHBFQIjaYPctZgKFHxsCfRnneS5Xe76+A==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3459,9 +3525,9 @@ } }, "node_modules/@tiptap/extension-list-item": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/@tiptap/extension-list-item/-/extension-list-item-2.0.3.tgz", - "integrity": "sha512-p7cUsk0LpM1PfdAuFE8wYBNJ3gvA0UhNGR08Lo++rt9UaCeFLSN1SXRxg97c0oa5+Ski7SrCjIJ5Ynhz0viTjQ==", + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/@tiptap/extension-list-item/-/extension-list-item-2.0.4.tgz", + "integrity": "sha512-tSkbLgRo1QMNDJttWs9FeRywkuy5T2HdLKKfUcUNzT3s0q5AqIJl7VyimsBL4A6MUfN1qQMZCMHB4pM9Mkluww==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3471,9 +3537,9 @@ } }, "node_modules/@tiptap/extension-ordered-list": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/@tiptap/extension-ordered-list/-/extension-ordered-list-2.0.3.tgz", - "integrity": "sha512-ZB3MpZh/GEy1zKgw7XDQF4FIwycZWNof1k9WbDZOI063Ch4qHZowhVttH2mTCELuyvTMM/o9a8CS7qMqQB48bw==", + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/@tiptap/extension-ordered-list/-/extension-ordered-list-2.0.4.tgz", + "integrity": "sha512-Kfg+8k9p4iJCUKP/yIa18LfUpl9trURSMP/HX3/yQTz9Ul1vDrjxeFjSE5uWNvupcXRAM24js+aYrCmV7zpU+Q==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3483,9 +3549,9 @@ } }, "node_modules/@tiptap/extension-paragraph": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/@tiptap/extension-paragraph/-/extension-paragraph-2.0.3.tgz", - "integrity": "sha512-a+tKtmj4bU3GVCH1NE8VHWnhVexxX5boTVxsHIr4yGG3UoKo1c5AO7YMaeX2W5xB5iIA+BQqOPCDPEAx34dd2A==", + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/@tiptap/extension-paragraph/-/extension-paragraph-2.0.4.tgz", + "integrity": "sha512-nDxpopi9WigVqpfi8nU3B0fWYB14EMvKIkutNZo8wJvKGTZufNI8hw66wupIx/jZH1gFxEa5dHerw6aSYuWjgQ==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3495,9 +3561,9 @@ } }, "node_modules/@tiptap/extension-placeholder": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/@tiptap/extension-placeholder/-/extension-placeholder-2.0.3.tgz", - "integrity": "sha512-Z42jo0termRAf0S0L8oxrts94IWX5waU4isS2CUw8xCUigYyCFslkhQXkWATO1qRbjNFLKN2C9qvCgGf4UeBrw==", + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/@tiptap/extension-placeholder/-/extension-placeholder-2.0.4.tgz", + "integrity": "sha512-Y8hjUYBGTbytgrsplSZdHGciqbuVHQX+h0JcuvVaIlAy1kR7hmbxJLqL8tNa7qLtTqo2MfS2942OtSv85JOCzA==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3508,9 +3574,9 @@ } }, "node_modules/@tiptap/extension-strike": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/@tiptap/extension-strike/-/extension-strike-2.0.3.tgz", - "integrity": "sha512-RO4/EYe2iPD6ifDHORT8fF6O9tfdtnzxLGwZIKZXnEgtweH+MgoqevEzXYdS+54Wraq4TUQGNcsYhe49pv7Rlw==", + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/@tiptap/extension-strike/-/extension-strike-2.0.4.tgz", + "integrity": "sha512-Men7LK6N/Dh3/G4/z2Z9WkDHM2Gxx1XyxYix2ZMf5CnqY37SeDNUnGDqit65pdIN3Y/TQnOZTkKSBilSAtXfJA==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3520,9 +3586,9 @@ } }, "node_modules/@tiptap/extension-text": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/@tiptap/extension-text/-/extension-text-2.0.3.tgz", - "integrity": "sha512-LvzChcTCcPSMNLUjZe/A9SHXWGDHtvk73fR7CBqAeNU0MxhBPEBI03GFQ6RzW3xX0CmDmjpZoDxFMB+hDEtW1A==", + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/@tiptap/extension-text/-/extension-text-2.0.4.tgz", + "integrity": "sha512-i8/VFlVZh7TkAI49KKX5JmC0tM8RGwyg5zUpozxYbLdCOv07AkJt+E1fLJty9mqH4Y5HJMNnyNxsuZ9Ol/ySRA==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3532,9 +3598,9 @@ } }, "node_modules/@tiptap/extension-underline": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/@tiptap/extension-underline/-/extension-underline-2.0.3.tgz", - "integrity": "sha512-oMYa7qib/5wJjpUp79GZEe+E/iyf1oZBsgiG26IspEtVTHZmpn3+Ktud7l43y/hpTeEzFTKOF1/uVbayHtSERg==", + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/@tiptap/extension-underline/-/extension-underline-2.0.4.tgz", + "integrity": "sha512-Hvhy3iV5dWs0SFTww6sIzyQSSgVzcQuiozhDs11iP+gvFjK7ejg86KZ8wAVvyCi9K3bOMhohsw1Q2b8JSnIxcg==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3544,9 +3610,9 @@ } }, "node_modules/@tiptap/html": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/@tiptap/html/-/html-2.0.3.tgz", - "integrity": "sha512-F0mihUTJ+mqqczHl7du9kBmani3pkwYeEuc/xls+DlYobdTzhSqIaF/ce8utHwRxTvDUPwSEM7+ITr93e2PqQA==", + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/@tiptap/html/-/html-2.0.4.tgz", + "integrity": "sha512-FEK220mIeH2dBSSMakM+LOPxG98ZuPT3GEvgEvywjIOO83selby3phmWTi2sC9MYD95RKtEMPMdSPUHCpGZaPw==", "dependencies": { "zeed-dom": "^0.9.19" }, @@ -3560,9 +3626,9 @@ } }, "node_modules/@tiptap/pm": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/@tiptap/pm/-/pm-2.0.3.tgz", - "integrity": "sha512-I9dsInD89Agdm1QjFRO9dmJtU1ldVSILNPW0pEhv9wYqYVvl4HUj/JMtYNqu2jWrCHNXQcaX/WkdSdvGJtmg5g==", + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/@tiptap/pm/-/pm-2.0.4.tgz", + "integrity": "sha512-DNgxntpEaiW7ciW0BTNTL0TFqAreZTrAROWakI4XaYRAyi5H9NfZW8jmwGwMBkoZ1KB3pfy+jT/Bisy4okEQGQ==", "dependencies": { "prosemirror-changeset": "^2.2.0", "prosemirror-collab": "^1.3.0", @@ -3592,29 +3658,29 @@ } }, "node_modules/@tiptap/starter-kit": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/@tiptap/starter-kit/-/starter-kit-2.0.3.tgz", - "integrity": "sha512-t4WG4w93zTpL2VxhVyJJvl3kdLF001ZrhpOuEiZqEMBMUMbM56Uiigv1CnUQpTFrjDAh3IM8hkqzAh20TYw2iQ==", + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/@tiptap/starter-kit/-/starter-kit-2.0.4.tgz", + "integrity": "sha512-9WtVXhujyp5cOlE7qlcQMFr0FEx3Cvo1isvfQGzhKKPzXa3rR7FT8bnOFsten31/Ia/uwvGXAvRDQy24YfHdNA==", "dependencies": { - "@tiptap/core": "^2.0.3", - "@tiptap/extension-blockquote": "^2.0.3", - "@tiptap/extension-bold": "^2.0.3", - "@tiptap/extension-bullet-list": "^2.0.3", - "@tiptap/extension-code": "^2.0.3", - "@tiptap/extension-code-block": "^2.0.3", - "@tiptap/extension-document": "^2.0.3", - "@tiptap/extension-dropcursor": "^2.0.3", - "@tiptap/extension-gapcursor": "^2.0.3", - "@tiptap/extension-hard-break": "^2.0.3", - "@tiptap/extension-heading": "^2.0.3", - "@tiptap/extension-history": "^2.0.3", - "@tiptap/extension-horizontal-rule": "^2.0.3", - "@tiptap/extension-italic": "^2.0.3", - "@tiptap/extension-list-item": "^2.0.3", - "@tiptap/extension-ordered-list": "^2.0.3", - "@tiptap/extension-paragraph": "^2.0.3", - "@tiptap/extension-strike": "^2.0.3", - "@tiptap/extension-text": "^2.0.3" + "@tiptap/core": "^2.0.4", + "@tiptap/extension-blockquote": "^2.0.4", + "@tiptap/extension-bold": "^2.0.4", + "@tiptap/extension-bullet-list": "^2.0.4", + "@tiptap/extension-code": "^2.0.4", + "@tiptap/extension-code-block": "^2.0.4", + "@tiptap/extension-document": "^2.0.4", + "@tiptap/extension-dropcursor": "^2.0.4", + "@tiptap/extension-gapcursor": "^2.0.4", + "@tiptap/extension-hard-break": "^2.0.4", + "@tiptap/extension-heading": "^2.0.4", + "@tiptap/extension-history": "^2.0.4", + "@tiptap/extension-horizontal-rule": "^2.0.4", + "@tiptap/extension-italic": "^2.0.4", + "@tiptap/extension-list-item": "^2.0.4", + "@tiptap/extension-ordered-list": "^2.0.4", + "@tiptap/extension-paragraph": "^2.0.4", + "@tiptap/extension-strike": "^2.0.4", + "@tiptap/extension-text": "^2.0.4" }, "funding": { "type": "github", @@ -3688,9 +3754,9 @@ "dev": true }, "node_modules/@types/node": { - "version": "18.16.19", - "resolved": "https://registry.npmjs.org/@types/node/-/node-18.16.19.tgz", - "integrity": "sha512-IXl7o+R9iti9eBW4Wg2hx1xQDig183jj7YLn8F7udNceyfkbn1ZxmzZXuak20gR40D7pIkIY1kYGx5VIGbaHKA==", + "version": "18.17.0", + "resolved": "https://registry.npmjs.org/@types/node/-/node-18.17.0.tgz", + "integrity": "sha512-GXZxEtOxYGFchyUzxvKI14iff9KZ2DI+A6a37o6EQevtg6uO9t+aUZKcaC1Te5Ng1OnLM7K9NVVj+FbecD9cJg==", "devOptional": true }, "node_modules/@types/object.omit": { @@ -3756,72 +3822,72 @@ } }, "node_modules/@vaadin/a11y-base": { - "version": "24.1.3", - "resolved": "https://registry.npmjs.org/@vaadin/a11y-base/-/a11y-base-24.1.3.tgz", - "integrity": "sha512-Y3jkgYAFcpnWJ2cuZooolgNzVQkfHtGrYxVBi70HrsQuRNLHyHuAmapcvVaMYKsn9IQfJ9o3G85l4k9k/sbR3g==", + "version": "24.1.4", + "resolved": "https://registry.npmjs.org/@vaadin/a11y-base/-/a11y-base-24.1.4.tgz", + "integrity": "sha512-NIPYbSUBLTL+X8A6Frqfv7OJk5As8k0/Ntw8GZ6w+e+pSLk/Yx5VVi1VxVNJGxZT40Y0wMkqsf2vveHKYRN58Q==", "dev": true, "dependencies": { "@open-wc/dedupe-mixin": "^1.3.0", "@polymer/polymer": "^3.0.0", - "@vaadin/component-base": "~24.1.3", + "@vaadin/component-base": "~24.1.4", "lit": "^2.0.0" } }, "node_modules/@vaadin/avatar": { - "version": "24.1.3", - "resolved": "https://registry.npmjs.org/@vaadin/avatar/-/avatar-24.1.3.tgz", - "integrity": "sha512-tJkTst3LFZ5dOQy/+DEiUOqFOmv4sm8347WD0CuFJ0eXv+shBGHrVNpCLtOkniVpyNjNVhn4heJevvKOLoIcqQ==", + "version": "24.1.4", + "resolved": "https://registry.npmjs.org/@vaadin/avatar/-/avatar-24.1.4.tgz", + "integrity": "sha512-9jT7mkmLk1no0jXXcJTJ0Jx35sxCAtn/7+j7nyEhyDkd7n5Zps3PyS5T9ywehly3QEcSODsDOA9Ag2PCIHLnWA==", "dev": true, "dependencies": { "@polymer/polymer": "^3.0.0", - "@vaadin/a11y-base": "~24.1.3", - "@vaadin/component-base": "~24.1.3", - "@vaadin/item": "~24.1.3", - "@vaadin/list-box": "~24.1.3", - "@vaadin/overlay": "~24.1.3", - "@vaadin/tooltip": "~24.1.3", - "@vaadin/vaadin-lumo-styles": "~24.1.3", - "@vaadin/vaadin-material-styles": "~24.1.3", - "@vaadin/vaadin-themable-mixin": "~24.1.3" + "@vaadin/a11y-base": "~24.1.4", + "@vaadin/component-base": "~24.1.4", + "@vaadin/item": "~24.1.4", + "@vaadin/list-box": "~24.1.4", + "@vaadin/overlay": "~24.1.4", + "@vaadin/tooltip": "~24.1.4", + "@vaadin/vaadin-lumo-styles": "~24.1.4", + "@vaadin/vaadin-material-styles": "~24.1.4", + "@vaadin/vaadin-themable-mixin": "~24.1.4" } }, "node_modules/@vaadin/button": { - "version": "24.1.3", - "resolved": "https://registry.npmjs.org/@vaadin/button/-/button-24.1.3.tgz", - "integrity": "sha512-9DlXWJsLn3oPuBzTj9d0QyjmIwYabOkPvaF5d6JmfhSoC8lPVAEPEwczFfCaLuYumAyutqOIYIvBqZATanB+mA==", + "version": "24.1.4", + "resolved": "https://registry.npmjs.org/@vaadin/button/-/button-24.1.4.tgz", + "integrity": "sha512-fb/ybHCr7ogYnxXqYpy/7q0XssSufAKiuGYfyh2wqyp19nysB2bm1auSh8wGFQDfPZvHSlg4ssDcY+WkxKJs8Q==", "dev": true, "dependencies": { "@open-wc/dedupe-mixin": "^1.3.0", "@polymer/polymer": "^3.0.0", - "@vaadin/a11y-base": "~24.1.3", - "@vaadin/component-base": "~24.1.3", - "@vaadin/vaadin-lumo-styles": "~24.1.3", - "@vaadin/vaadin-material-styles": "~24.1.3", - "@vaadin/vaadin-themable-mixin": "~24.1.3", + "@vaadin/a11y-base": "~24.1.4", + "@vaadin/component-base": "~24.1.4", + "@vaadin/vaadin-lumo-styles": "~24.1.4", + "@vaadin/vaadin-material-styles": "~24.1.4", + "@vaadin/vaadin-themable-mixin": "~24.1.4", "lit": "^2.0.0" } }, "node_modules/@vaadin/checkbox": { - "version": "24.1.3", - "resolved": "https://registry.npmjs.org/@vaadin/checkbox/-/checkbox-24.1.3.tgz", - "integrity": "sha512-BRiSv8bKthBn67+imdqa23xPFTgj6nzQ9DcPkVba/1DHbV5f5CC6pPQwfcEfvW/rDRjBK4BLIKakzj8F94utIg==", + "version": "24.1.4", + "resolved": "https://registry.npmjs.org/@vaadin/checkbox/-/checkbox-24.1.4.tgz", + "integrity": "sha512-Wa791NTQdM+OSkGz3Z2co9VUvl3dWeQ4idYIAiN8gWNFZtUBRp9XRhZHzTzGSNFP+IofFRqThZIIEyNhHXmUwA==", "dev": true, "dependencies": { "@open-wc/dedupe-mixin": "^1.3.0", "@polymer/polymer": "^3.0.0", - "@vaadin/a11y-base": "~24.1.3", - "@vaadin/component-base": "~24.1.3", - "@vaadin/field-base": "~24.1.3", - "@vaadin/vaadin-lumo-styles": "~24.1.3", - "@vaadin/vaadin-material-styles": "~24.1.3", - "@vaadin/vaadin-themable-mixin": "~24.1.3", + "@vaadin/a11y-base": "~24.1.4", + "@vaadin/component-base": "~24.1.4", + "@vaadin/field-base": "~24.1.4", + "@vaadin/vaadin-lumo-styles": "~24.1.4", + "@vaadin/vaadin-material-styles": "~24.1.4", + "@vaadin/vaadin-themable-mixin": "~24.1.4", "lit": "^2.0.0" } }, "node_modules/@vaadin/component-base": { - "version": "24.1.3", - "resolved": "https://registry.npmjs.org/@vaadin/component-base/-/component-base-24.1.3.tgz", - "integrity": "sha512-IIfbc6BYxuqkuQ8P/oIqpoIDL87rkI3oCAGj3H8bUt9F1Z6cOjypDoZhn/qpNj5sffQc+QlQAYjH9THUyzFTZA==", + "version": "24.1.4", + "resolved": "https://registry.npmjs.org/@vaadin/component-base/-/component-base-24.1.4.tgz", + "integrity": "sha512-KjE+hemOwG278lOL7lK97JgNZ/3bdLYU2CHvsrWxltYqRiQP1K+X6qpuX6aeNo83mZ2mbLSKE4kvrlheWOC8jQ==", "dev": true, "dependencies": { "@open-wc/dedupe-mixin": "^1.3.0", @@ -3832,173 +3898,173 @@ } }, "node_modules/@vaadin/field-base": { - "version": "24.1.3", - "resolved": "https://registry.npmjs.org/@vaadin/field-base/-/field-base-24.1.3.tgz", - "integrity": "sha512-cOuOITOCAXwxW6qwdoPoiACIv6QBk1qIs3L2FAxjvxabKqSl+aP32TqgYTp5zjmTNgMylgrMG+9fhAyfmi9Pcw==", + "version": "24.1.4", + "resolved": "https://registry.npmjs.org/@vaadin/field-base/-/field-base-24.1.4.tgz", + "integrity": "sha512-zqAR2gngUw/oU/7zifRdVgzHEpq8FYUuwTo8AGUFekGGKi1MyaPJMVnykFcokepIzdPv50EBskqXCpRFSwY6jA==", "dev": true, "dependencies": { "@open-wc/dedupe-mixin": "^1.3.0", "@polymer/polymer": "^3.0.0", - "@vaadin/a11y-base": "~24.1.3", - "@vaadin/component-base": "~24.1.3", + "@vaadin/a11y-base": "~24.1.4", + "@vaadin/component-base": "~24.1.4", "lit": "^2.0.0" } }, "node_modules/@vaadin/grid": { - "version": "24.1.3", - "resolved": "https://registry.npmjs.org/@vaadin/grid/-/grid-24.1.3.tgz", - "integrity": "sha512-tGt7MqtRGQlB/ZCWfA385SGr224HgHlERNxW5L3k4qWuJj4LNWveGwizjMEKga/x+FVBRbqKh0VDVb+4hbHWJg==", + "version": "24.1.4", + "resolved": "https://registry.npmjs.org/@vaadin/grid/-/grid-24.1.4.tgz", + "integrity": "sha512-8wqXIWohsI/iRg5x3UAm6xLh+nXbHAtixlIJ0lvmGxu8v+H6b3gtZcIqKSv5pfQsgC/T6gmorpnW0ZjyFk4kww==", "dev": true, "dependencies": { "@open-wc/dedupe-mixin": "^1.3.0", "@polymer/polymer": "^3.0.0", - "@vaadin/a11y-base": "~24.1.3", - "@vaadin/checkbox": "~24.1.3", - "@vaadin/component-base": "~24.1.3", - "@vaadin/lit-renderer": "~24.1.3", - "@vaadin/text-field": "~24.1.3", - "@vaadin/vaadin-lumo-styles": "~24.1.3", - "@vaadin/vaadin-material-styles": "~24.1.3", - "@vaadin/vaadin-themable-mixin": "~24.1.3" + "@vaadin/a11y-base": "~24.1.4", + "@vaadin/checkbox": "~24.1.4", + "@vaadin/component-base": "~24.1.4", + "@vaadin/lit-renderer": "~24.1.4", + "@vaadin/text-field": "~24.1.4", + "@vaadin/vaadin-lumo-styles": "~24.1.4", + "@vaadin/vaadin-material-styles": "~24.1.4", + "@vaadin/vaadin-themable-mixin": "~24.1.4" } }, "node_modules/@vaadin/icon": { - "version": "24.1.3", - "resolved": "https://registry.npmjs.org/@vaadin/icon/-/icon-24.1.3.tgz", - "integrity": "sha512-qMs6wUJu5Nh+H/zdbRuEyHkIp/x8GNGdbxXdM9yBvFcZEkxLF5zWVHLHjTj15aNJB/vzVTANf9AS8siKlRV+3A==", + "version": "24.1.4", + "resolved": "https://registry.npmjs.org/@vaadin/icon/-/icon-24.1.4.tgz", + "integrity": "sha512-+cW2HgZj00sXxZvcPv7qZX7S4HeQS+fBnRyTOrwOGBNKC7OuT8Xk+UyN3zCwYDteEA6mfKiNZ9ZiH1DsLZ0ZlQ==", "dev": true, "dependencies": { "@polymer/polymer": "^3.0.0", - "@vaadin/component-base": "~24.1.3", - "@vaadin/vaadin-lumo-styles": "~24.1.3", - "@vaadin/vaadin-themable-mixin": "~24.1.3", + "@vaadin/component-base": "~24.1.4", + "@vaadin/vaadin-lumo-styles": "~24.1.4", + "@vaadin/vaadin-themable-mixin": "~24.1.4", "lit": "^2.0.0" } }, "node_modules/@vaadin/icons": { - "version": "24.1.3", - "resolved": "https://registry.npmjs.org/@vaadin/icons/-/icons-24.1.3.tgz", - "integrity": "sha512-C3++s9EPfTd3StW42SDzzdnPdcteG7RPoBSGLIc4gxBJXhQ0xwphBuHi30kvNDo3Kr2s/GMiUkUgSEpWg9iP6g==", + "version": "24.1.4", + "resolved": "https://registry.npmjs.org/@vaadin/icons/-/icons-24.1.4.tgz", + "integrity": "sha512-cvhKKRSJscwIgsw/Y3DgnqFu7twKF5C1N6A+SsUZjs5ZhJzKZIv74nF+lWpE1/sVjzSH0LJLoPf8/SDdMOvBYw==", "dev": true, "dependencies": { "@polymer/polymer": "^3.0.0", - "@vaadin/icon": "~24.1.3" + "@vaadin/icon": "~24.1.4" } }, "node_modules/@vaadin/input-container": { - "version": "24.1.3", - "resolved": "https://registry.npmjs.org/@vaadin/input-container/-/input-container-24.1.3.tgz", - "integrity": "sha512-keHVFg63nhtrlReEzlnQnsrnCm8LARh0rgcAWA+Ny4SDsh2mmCcUkj5kaEkxnU7XKJtytKN9p0BUtvFk1nfSQQ==", + "version": "24.1.4", + "resolved": "https://registry.npmjs.org/@vaadin/input-container/-/input-container-24.1.4.tgz", + "integrity": "sha512-DfKTPWkJ0KhGlVRBemaOEoGrabHuhYWLjcG0N7397qH45knl+kmDbZihgZxNy6KB3hoHPCD9ZFwr+YuqZJwipg==", "dev": true, "dependencies": { "@polymer/polymer": "^3.0.0", - "@vaadin/component-base": "~24.1.3", - "@vaadin/vaadin-lumo-styles": "~24.1.3", - "@vaadin/vaadin-material-styles": "~24.1.3", - "@vaadin/vaadin-themable-mixin": "~24.1.3" + "@vaadin/component-base": "~24.1.4", + "@vaadin/vaadin-lumo-styles": "~24.1.4", + "@vaadin/vaadin-material-styles": "~24.1.4", + "@vaadin/vaadin-themable-mixin": "~24.1.4" } }, "node_modules/@vaadin/item": { - "version": "24.1.3", - "resolved": "https://registry.npmjs.org/@vaadin/item/-/item-24.1.3.tgz", - "integrity": "sha512-kxnnYg2vlfPFwABUo9Ad9mSVa2bdYuE86HxrCFD/41RyKLL6SXEjpmMM6R6Unnn6DgWWEfe0TWGK1E/YZjZIrQ==", + "version": "24.1.4", + "resolved": "https://registry.npmjs.org/@vaadin/item/-/item-24.1.4.tgz", + "integrity": "sha512-eeGNQtdWz1aZ0JhYKC7nuASK3mSodw4w2FIzcGoLvspUfblxeai3TqPPYrqXGAHOhrR215bqe5/qKjwBQz9gDQ==", "dev": true, "dependencies": { "@open-wc/dedupe-mixin": "^1.3.0", "@polymer/polymer": "^3.0.0", - "@vaadin/a11y-base": "~24.1.3", - "@vaadin/component-base": "~24.1.3", - "@vaadin/vaadin-lumo-styles": "~24.1.3", - "@vaadin/vaadin-material-styles": "~24.1.3", - "@vaadin/vaadin-themable-mixin": "~24.1.3" + "@vaadin/a11y-base": "~24.1.4", + "@vaadin/component-base": "~24.1.4", + "@vaadin/vaadin-lumo-styles": "~24.1.4", + "@vaadin/vaadin-material-styles": "~24.1.4", + "@vaadin/vaadin-themable-mixin": "~24.1.4" } }, "node_modules/@vaadin/list-box": { - "version": "24.1.3", - "resolved": "https://registry.npmjs.org/@vaadin/list-box/-/list-box-24.1.3.tgz", - "integrity": "sha512-pyU5yvD5PnJ9huXqu4yTQIC+4Lg64Uk64tXwE/ajVuWF4M8aqDlg0SXXkTDrqkoFVvJNzWFzoGBNQYB0OVNenw==", + "version": "24.1.4", + "resolved": "https://registry.npmjs.org/@vaadin/list-box/-/list-box-24.1.4.tgz", + "integrity": "sha512-A2jQVqj+Qgs8FO0Ra6AjX7jBqx2oPT10UVyGTI5aA/dK1Q9/ZpAEDMsHa9VFX3cFKGIFpuqHFFCStzNmVyY8ZQ==", "dev": true, "dependencies": { "@open-wc/dedupe-mixin": "^1.3.0", "@polymer/polymer": "^3.0.0", - "@vaadin/a11y-base": "~24.1.3", - "@vaadin/component-base": "~24.1.3", - "@vaadin/item": "~24.1.3", - "@vaadin/vaadin-lumo-styles": "~24.1.3", - "@vaadin/vaadin-material-styles": "~24.1.3", - "@vaadin/vaadin-themable-mixin": "~24.1.3" + "@vaadin/a11y-base": "~24.1.4", + "@vaadin/component-base": "~24.1.4", + "@vaadin/item": "~24.1.4", + "@vaadin/vaadin-lumo-styles": "~24.1.4", + "@vaadin/vaadin-material-styles": "~24.1.4", + "@vaadin/vaadin-themable-mixin": "~24.1.4" } }, "node_modules/@vaadin/lit-renderer": { - "version": "24.1.3", - "resolved": "https://registry.npmjs.org/@vaadin/lit-renderer/-/lit-renderer-24.1.3.tgz", - "integrity": "sha512-z5JajZFK+9Mznn80dqT7VbigrbNrifS6QpCzQLLwR9XRLc6g1pKSxznMwQ4vkS8b1YmO7mvj/waTbznAaZX4ag==", + "version": "24.1.4", + "resolved": "https://registry.npmjs.org/@vaadin/lit-renderer/-/lit-renderer-24.1.4.tgz", + "integrity": "sha512-VUYOBQanMHViqqWlJD9mVyAUkLgEhJ7XUmiK5PXAckOTcE9JSI3MlSU0x0Stjos/NTfgXCXzy9XnvBRQezbWGw==", "dev": true, "dependencies": { "lit": "^2.0.0" } }, "node_modules/@vaadin/overlay": { - "version": "24.1.3", - "resolved": "https://registry.npmjs.org/@vaadin/overlay/-/overlay-24.1.3.tgz", - "integrity": "sha512-U30tYokeawHb5nlzpAvEx13/gEBX7IEljZa/sjj0DsT7zr8agF6HqGIw4/+tARMMlBCw/cYk7/RKAGPD7aYgAw==", + "version": "24.1.4", + "resolved": "https://registry.npmjs.org/@vaadin/overlay/-/overlay-24.1.4.tgz", + "integrity": "sha512-T0guGVrAET0Ua2Z39GCtpWFzMd4GZqIK1pxzVraa2cZJMA3Zla2Qc10GpLUkCgyLFIiZMGXu+h25BpcaUykMVQ==", "dev": true, "dependencies": { "@open-wc/dedupe-mixin": "^1.3.0", "@polymer/polymer": "^3.0.0", - "@vaadin/a11y-base": "~24.1.3", - "@vaadin/component-base": "~24.1.3", - "@vaadin/vaadin-lumo-styles": "~24.1.3", - "@vaadin/vaadin-material-styles": "~24.1.3", - "@vaadin/vaadin-themable-mixin": "~24.1.3" + "@vaadin/a11y-base": "~24.1.4", + "@vaadin/component-base": "~24.1.4", + "@vaadin/vaadin-lumo-styles": "~24.1.4", + "@vaadin/vaadin-material-styles": "~24.1.4", + "@vaadin/vaadin-themable-mixin": "~24.1.4" } }, "node_modules/@vaadin/password-field": { - "version": "24.1.3", - "resolved": "https://registry.npmjs.org/@vaadin/password-field/-/password-field-24.1.3.tgz", - "integrity": "sha512-Gip9tALvcVqnfzQqj7XXTnY+E9dhQ8fQjX8NwNbYRLyeSBYN2UhlvGRwdZt3ldcqHS2+X7aNZfRYAfv/iJAVgg==", + "version": "24.1.4", + "resolved": "https://registry.npmjs.org/@vaadin/password-field/-/password-field-24.1.4.tgz", + "integrity": "sha512-+iJRSZ1/x1dr2z3SYsUQ66Iic2MdXZXXm83id4sjNDMrO8TcHYmAtxR58CVX5c/T4jQwKgmxnoJsA4m2sZRGAw==", "dev": true, "dependencies": { "@polymer/polymer": "^3.0.0", - "@vaadin/button": "~24.1.3", - "@vaadin/component-base": "~24.1.3", - "@vaadin/text-field": "~24.1.3", - "@vaadin/vaadin-lumo-styles": "~24.1.3", - "@vaadin/vaadin-material-styles": "~24.1.3", - "@vaadin/vaadin-themable-mixin": "~24.1.3" + "@vaadin/button": "~24.1.4", + "@vaadin/component-base": "~24.1.4", + "@vaadin/text-field": "~24.1.4", + "@vaadin/vaadin-lumo-styles": "~24.1.4", + "@vaadin/vaadin-material-styles": "~24.1.4", + "@vaadin/vaadin-themable-mixin": "~24.1.4" } }, "node_modules/@vaadin/text-field": { - "version": "24.1.3", - "resolved": "https://registry.npmjs.org/@vaadin/text-field/-/text-field-24.1.3.tgz", - "integrity": "sha512-ESWkup9SPyZBltsQVQyXn6Q8bpGKvHFTy6g8QgVIjxKV9zeHICepMGfIVnrbbYGaZdJk1cdZvc1Vui6G9VT+7Q==", + "version": "24.1.4", + "resolved": "https://registry.npmjs.org/@vaadin/text-field/-/text-field-24.1.4.tgz", + "integrity": "sha512-FRy9T3iQcioUN2ggrZFtwAs56YQ6pX3wxuP6cAJOZPYzi6eLjFDaAr71HGHRSmWdpCncZv+yLaZy+6frQGJ70A==", "dev": true, "dependencies": { "@open-wc/dedupe-mixin": "^1.3.0", "@polymer/polymer": "^3.0.0", - "@vaadin/a11y-base": "~24.1.3", - "@vaadin/component-base": "~24.1.3", - "@vaadin/field-base": "~24.1.3", - "@vaadin/input-container": "~24.1.3", - "@vaadin/vaadin-lumo-styles": "~24.1.3", - "@vaadin/vaadin-material-styles": "~24.1.3", - "@vaadin/vaadin-themable-mixin": "~24.1.3", + "@vaadin/a11y-base": "~24.1.4", + "@vaadin/component-base": "~24.1.4", + "@vaadin/field-base": "~24.1.4", + "@vaadin/input-container": "~24.1.4", + "@vaadin/vaadin-lumo-styles": "~24.1.4", + "@vaadin/vaadin-material-styles": "~24.1.4", + "@vaadin/vaadin-themable-mixin": "~24.1.4", "lit": "^2.0.0" } }, "node_modules/@vaadin/tooltip": { - "version": "24.1.3", - "resolved": "https://registry.npmjs.org/@vaadin/tooltip/-/tooltip-24.1.3.tgz", - "integrity": "sha512-UOGv5Y4SMGhwvO7ahi5uViLsSppKEFGgmwqKVeEUaSbtdLO/U+CIkdwZpRnFMIj3TKv7T94qoAy1lFKaV2vQvQ==", + "version": "24.1.4", + "resolved": "https://registry.npmjs.org/@vaadin/tooltip/-/tooltip-24.1.4.tgz", + "integrity": "sha512-lirhnOEp76Whz083JmC+oJbIFIHwyAk5ead1uZdreHRKxTNHa1Hzj07T7MzlzCtY6+8yf9nArqkQdJZdwBwQhw==", "dev": true, "dependencies": { "@polymer/polymer": "^3.0.0", - "@vaadin/a11y-base": "~24.1.3", - "@vaadin/component-base": "~24.1.3", - "@vaadin/overlay": "~24.1.3", - "@vaadin/vaadin-lumo-styles": "~24.1.3", - "@vaadin/vaadin-material-styles": "~24.1.3", - "@vaadin/vaadin-themable-mixin": "~24.1.3" + "@vaadin/a11y-base": "~24.1.4", + "@vaadin/component-base": "~24.1.4", + "@vaadin/overlay": "~24.1.4", + "@vaadin/vaadin-lumo-styles": "~24.1.4", + "@vaadin/vaadin-material-styles": "~24.1.4", + "@vaadin/vaadin-themable-mixin": "~24.1.4" } }, "node_modules/@vaadin/vaadin-development-mode-detector": { @@ -4008,30 +4074,30 @@ "dev": true }, "node_modules/@vaadin/vaadin-lumo-styles": { - "version": "24.1.3", - "resolved": "https://registry.npmjs.org/@vaadin/vaadin-lumo-styles/-/vaadin-lumo-styles-24.1.3.tgz", - "integrity": "sha512-qO55INd7arl0OYVVehrqUkB1iGUcGOErWQ6c1T4ahxqJo13irm3TtfcHeakn91Pvvz10/tqCbLdhcHa6T3YXBQ==", + "version": "24.1.4", + "resolved": "https://registry.npmjs.org/@vaadin/vaadin-lumo-styles/-/vaadin-lumo-styles-24.1.4.tgz", + "integrity": "sha512-LwRCno9q3qUBswHUe1fCtb62a9uuMPW5NBLCXZ+B0pnm+tVqytAn5gREzSdmAL9IzhF3Q/pq4PEIp+mlKdIX3g==", "dev": true, "dependencies": { "@polymer/polymer": "^3.0.0", - "@vaadin/icon": "~24.1.3", - "@vaadin/vaadin-themable-mixin": "~24.1.3" + "@vaadin/icon": "~24.1.4", + "@vaadin/vaadin-themable-mixin": "~24.1.4" } }, "node_modules/@vaadin/vaadin-material-styles": { - "version": "24.1.3", - "resolved": "https://registry.npmjs.org/@vaadin/vaadin-material-styles/-/vaadin-material-styles-24.1.3.tgz", - "integrity": "sha512-tS/2NuT+/pW7rcalXiNShDUIYlctIEzfES19BUULgPfM3wMMCAaKzWRLl7LviyFgQ4kjSUDV2Od8b4HuI9JgBA==", + "version": "24.1.4", + "resolved": "https://registry.npmjs.org/@vaadin/vaadin-material-styles/-/vaadin-material-styles-24.1.4.tgz", + "integrity": "sha512-2hrkT9Qg9Sk9GH6A+1jSh+GMQHClu0Io3ZhLoENpjGrJprfARcKc/hBpqES4Z5iyfII7xt3sei7xBjPSGKHpUg==", "dev": true, "dependencies": { "@polymer/polymer": "^3.0.0", - "@vaadin/vaadin-themable-mixin": "~24.1.3" + "@vaadin/vaadin-themable-mixin": "~24.1.4" } }, "node_modules/@vaadin/vaadin-themable-mixin": { - "version": "24.1.3", - "resolved": "https://registry.npmjs.org/@vaadin/vaadin-themable-mixin/-/vaadin-themable-mixin-24.1.3.tgz", - "integrity": "sha512-7JZ1apJdht9BfV5TCJuGX6yPBvC7ofAzF2zvvlolwMVdm5fRp4P0vrwZ4BZXVKngCjH//CN5R8LXlJmOr2/1+w==", + "version": "24.1.4", + "resolved": "https://registry.npmjs.org/@vaadin/vaadin-themable-mixin/-/vaadin-themable-mixin-24.1.4.tgz", + "integrity": "sha512-FJLiqggz0osHi7HRXiBD0RrqWqa/4OZw3v89aU+JvnJ/gvZxZRVReIg0b+35ltprqnKRN1PbwNNfP8HUkYM1/Q==", "dev": true, "dependencies": { "@open-wc/dedupe-mixin": "^1.3.0", @@ -4058,9 +4124,9 @@ "dev": true }, "node_modules/@xmldom/xmldom": { - "version": "0.8.9", - "resolved": "https://registry.npmjs.org/@xmldom/xmldom/-/xmldom-0.8.9.tgz", - "integrity": "sha512-4VSbbcMoxc4KLjb1gs96SRmi7w4h1SF+fCoiK0XaQX62buCc1G5d0DC5bJ9xJBNPDSVCmIrcl8BiYxzjrqaaJA==", + "version": "0.8.10", + "resolved": "https://registry.npmjs.org/@xmldom/xmldom/-/xmldom-0.8.10.tgz", + "integrity": "sha512-2WALfTl4xo2SkGCYRt6rDTFfk9R1czmBvUQy12gK2KuRKIpWEhcbbzy8EZXtz/jkRqHX8bFEc6FC1HjX4TUWYw==", "dev": true, "engines": { "node": ">=10.0.0" @@ -4935,9 +5001,9 @@ } }, "node_modules/caniuse-lite": { - "version": "1.0.30001515", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001515.tgz", - "integrity": "sha512-eEFDwUOZbE24sb+Ecsx3+OvNETqjWIdabMy52oOkIgcUtAsQifjUG9q4U9dgTHJM2mfk4uEPxc0+xuFdJ629QA==", + "version": "1.0.30001517", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001517.tgz", + "integrity": "sha512-Vdhm5S11DaFVLlyiKu4hiUTkpZu+y1KA/rZZqVQfOD5YdDT/eQKlkt7NaE0WGOFgX32diqt9MiP9CAiFeRklaA==", "funding": [ { "type": "opencollective", @@ -5583,9 +5649,9 @@ } }, "node_modules/detect-libc": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.1.tgz", - "integrity": "sha512-463v3ZeIrcWtdgIg6vI6XUncguvr2TnGl4SzDXinkt9mSLpBJKXT3mW6xT3VQdDN11+WVs29pgvivTc4Lp8v+w==", + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.2.tgz", + "integrity": "sha512-UX6sGumvvqSaXgdKGUsgZWqcUyIXZ/vZTrlRT/iobiKhGL0zL4d3osHj3uqllWJK+i+sixDS/3COVEOFbupFyw==", "dev": true, "engines": { "node": ">=8" @@ -5759,9 +5825,9 @@ } }, "node_modules/electron": { - "version": "25.3.0", - "resolved": "https://registry.npmjs.org/electron/-/electron-25.3.0.tgz", - "integrity": "sha512-cyqotxN+AroP5h2IxUsJsmehYwP5LrFAOO7O7k9tILME3Sa1/POAg3shrhx4XEnaAMyMqMLxzGvkzCVxzEErnA==", + "version": "25.3.1", + "resolved": "https://registry.npmjs.org/electron/-/electron-25.3.1.tgz", + "integrity": "sha512-t0QXXqgf0/P0OJ9LU3qpcBMK+wL0FRwTQfooBaaG08v5hywPzc1yplfb3l4tS1xC0Ttw8IBaKLBeEoRgxBRHjg==", "dev": true, "hasInstallScript": true, "dependencies": { @@ -6162,9 +6228,9 @@ } }, "node_modules/electron-to-chromium": { - "version": "1.4.459", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.459.tgz", - "integrity": "sha512-XXRS5NFv8nCrBL74Rm3qhJjA2VCsRFx0OjHKBMPI0otij56aun8UWiKTDABmd5/7GTR021pA4wivs+Ri6XCElg==" + "version": "1.4.468", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.468.tgz", + "integrity": "sha512-6M1qyhaJOt7rQtNti1lBA0GwclPH+oKCmsra/hkcWs5INLxfXXD/dtdnaKUYQu/pjOBP/8Osoe4mAcNvvzoFag==" }, "node_modules/electron-updater": { "version": "6.1.1", @@ -7744,9 +7810,9 @@ } }, "node_modules/keyv": { - "version": "4.5.2", - "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.2.tgz", - "integrity": "sha512-5MHbFaKn8cNSmVW7BYnijeAVlE4cYA/SVkifVgrh7yotnfhKmjuXpDKjrABLnT0SfHWV21P8ow07OGfRrNDg8g==", + "version": "4.5.3", + "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.3.tgz", + "integrity": "sha512-QCiSav9WaX1PgETJ+SpNnx2PRRapJ/oRSXM4VO5OGYGSjrxbKPVFVhB3l2OCbLCk329N8qyAtsJjSjvVBWzEug==", "dev": true, "dependencies": { "json-buffer": "3.0.1" @@ -9223,9 +9289,9 @@ } }, "node_modules/prosemirror-model": { - "version": "1.19.2", - "resolved": "https://registry.npmjs.org/prosemirror-model/-/prosemirror-model-1.19.2.tgz", - "integrity": "sha512-RXl0Waiss4YtJAUY3NzKH0xkJmsZupCIccqcIFoLTIKFlKNbIvFDRl27/kQy1FP8iUAxrjRRfIVvOebnnXJgqQ==", + "version": "1.19.3", + "resolved": "https://registry.npmjs.org/prosemirror-model/-/prosemirror-model-1.19.3.tgz", + "integrity": "sha512-tgSnwN7BS7/UM0sSARcW+IQryx2vODKX4MI7xpqY2X+iaepJdKBPc7I4aACIsDV/LTaTjt12Z56MhDr9LsyuZQ==", "dependencies": { "orderedmap": "^2.0.0" } @@ -9306,9 +9372,9 @@ } }, "node_modules/prosemirror-view": { - "version": "1.31.5", - "resolved": "https://registry.npmjs.org/prosemirror-view/-/prosemirror-view-1.31.5.tgz", - "integrity": "sha512-tobRCDeCp61elR1d97XE/JTL9FDIfswZpWeNs7GKJjAJvWyMGHWYFCq29850p6bbG2bckP+i9n1vT56RifosbA==", + "version": "1.31.6", + "resolved": "https://registry.npmjs.org/prosemirror-view/-/prosemirror-view-1.31.6.tgz", + "integrity": "sha512-wwgErp+EWnuW4kGAYKrt90hhOetaoWpYNdOpnuQMXo1m4x/+uhauFeQoCCm8J30ZqAa4LgIER4yzKSO545gRfA==", "dependencies": { "prosemirror-model": "^1.16.0", "prosemirror-state": "^1.0.0", @@ -9700,9 +9766,9 @@ } }, "node_modules/rollup": { - "version": "3.26.2", - "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.26.2.tgz", - "integrity": "sha512-6umBIGVz93er97pMgQO08LuH3m6PUb3jlDUUGFsNJB6VgTCUaDFpupf5JfU30529m/UKOgmiX+uY6Sx8cOYpLA==", + "version": "3.26.3", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.26.3.tgz", + "integrity": "sha512-7Tin0C8l86TkpcMtXvQu6saWH93nhG3dGQ1/+l5V2TDMceTxO7kDiK6GzbfLWNNxqJXm591PcEZUozZm51ogwQ==", "dev": true, "bin": { "rollup": "dist/bin/rollup" @@ -9827,9 +9893,9 @@ } }, "node_modules/sass": { - "version": "1.63.6", - "resolved": "https://registry.npmjs.org/sass/-/sass-1.63.6.tgz", - "integrity": "sha512-MJuxGMHzaOW7ipp+1KdELtqKbfAWbH7OLIdoSMnVe3EXPMTmxTmlaZDCTsgIpPCs3w99lLo9/zDKkOrJuT5byw==", + "version": "1.64.1", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.64.1.tgz", + "integrity": "sha512-16rRACSOFEE8VN7SCgBu1MpYCyN7urj9At898tyzdXFhC+a+yOX5dXwAR7L8/IdPJ1NB8OYoXmD55DM30B2kEQ==", "dependencies": { "chokidar": ">=3.0.0 <4.0.0", "immutable": "^4.0.0", @@ -10462,9 +10528,9 @@ } }, "node_modules/terser": { - "version": "5.19.0", - "resolved": "https://registry.npmjs.org/terser/-/terser-5.19.0.tgz", - "integrity": "sha512-JpcpGOQLOXm2jsomozdMDpd5f8ZHh1rR48OFgWUH3QsyZcfPgv2qDCYbcDEAYNd4OZRj2bWYKpwdll/udZCk/Q==", + "version": "5.19.2", + "resolved": "https://registry.npmjs.org/terser/-/terser-5.19.2.tgz", + "integrity": "sha512-qC5+dmecKJA4cpYxRa5aVkKehYsQKc+AHeKl0Oe62aYjBL8ZA33tTljktDHJSaxxMnbI5ZYw+o/S2DxxLu8OfA==", "dev": true, "dependencies": { "@jridgewell/source-map": "^0.3.3", @@ -11000,6 +11066,17 @@ "fd-slicer": "~1.1.0" } }, + "node_modules/yocto-queue": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz", + "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==", + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/zeed-dom": { "version": "0.9.26", "resolved": "https://registry.npmjs.org/zeed-dom/-/zeed-dom-0.9.26.tgz", diff --git a/package.json b/package.json index 3ab6945e..72ebada4 100644 --- a/package.json +++ b/package.json @@ -51,28 +51,28 @@ "prosemirror-gapcursor": "1.3.2", "prosemirror-history": "1.3.2", "prosemirror-keymap": "1.2.2", - "prosemirror-model": "1.19.2", + "prosemirror-model": "1.19.3", "prosemirror-schema-list": "1.3.0", "prosemirror-state": "1.4.3", "prosemirror-transform": "1.7.3", - "prosemirror-view": "1.31.5", - "sass": "1.63.6", + "prosemirror-view": "1.31.6", + "sass": "1.64.1", "short-unique-id": "4.4.4", "@hapi/hapi": "21.3.2", "@hapi/inert": "7.1.0", "@lit-labs/motion": "1.0.3", - "@tiptap/pm": "2.0.3", - "@tiptap/core": "2.0.3", - "@tiptap/extension-highlight": "2.0.3", - "@tiptap/extension-image": "2.0.3", - "@tiptap/extension-placeholder": "2.0.3", - "@tiptap/extension-underline": "2.0.3", - "@tiptap/html": "2.0.3", - "@tiptap/starter-kit": "2.0.3" + "@tiptap/pm": "2.0.4", + "@tiptap/core": "2.0.4", + "@tiptap/extension-highlight": "2.0.4", + "@tiptap/extension-image": "2.0.4", + "@tiptap/extension-placeholder": "2.0.4", + "@tiptap/extension-underline": "2.0.4", + "@tiptap/html": "2.0.4", + "@tiptap/starter-kit": "2.0.4" }, "devDependencies": { "axios": "1.4.0", - "electron": "25.3.0", + "electron": "25.3.1", "electron-builder": "24.4.0", "electron-packager": "17.1.1", "epml": "0.3.3", @@ -86,7 +86,7 @@ "passive-events-support": "1.1.0", "redux": "4.2.1", "redux-thunk": "2.4.2", - "rollup": "3.26.2", + "rollup": "3.26.3", "rollup-plugin-node-globals": "1.4.0", "rollup-plugin-progress": "1.1.2", "rollup-plugin-scss": "3.0.0", @@ -130,19 +130,19 @@ "@qortal/rollup-plugin-web-worker-loader": "1.6.4", "@rollup/plugin-alias": "5.0.0", "@rollup/plugin-babel": "6.0.3", - "@rollup/plugin-commonjs": "25.0.2", + "@rollup/plugin-commonjs": "25.0.3", "@rollup/plugin-node-resolve": "15.1.0", "@rollup/plugin-replace": "5.0.2", "@rollup/plugin-terser": "0.4.3", - "@vaadin/avatar": "24.1.3", - "@vaadin/button": "24.1.3", - "@vaadin/grid": "24.1.3", - "@vaadin/icons": "24.1.3", - "@vaadin/password-field": "24.1.3", - "@vaadin/tooltip": "24.1.3", + "@vaadin/avatar": "24.1.4", + "@vaadin/button": "24.1.4", + "@vaadin/grid": "24.1.4", + "@vaadin/icons": "24.1.4", + "@vaadin/password-field": "24.1.4", + "@vaadin/tooltip": "24.1.4", "@zip.js/zip.js": "2.7.20" }, "engines": { - "node": ">=18.14.0" + "node": ">=18.15.0" } } From 63bd6ac3c4fe2b9c2d3bf351b460dcea3be0b273 Mon Sep 17 00:00:00 2001 From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com> Date: Sun, 23 Jul 2023 18:19:55 +0200 Subject: [PATCH 13/27] Clear cache and reduce api calls --- core/src/components/app-view.js | 28 ++- .../node-management/node-management.src.js | 197 ++++++++---------- 2 files changed, 109 insertions(+), 116 deletions(-) diff --git a/core/src/components/app-view.js b/core/src/components/app-view.js index 412f9a47..a4b705c3 100644 --- a/core/src/components/app-view.js +++ b/core/src/components/app-view.js @@ -7,6 +7,7 @@ import { get, translate, translateUnsafeHTML } from 'lit-translate' import localForage from 'localforage' import { encryptData, decryptData } from '../lockScreen.js' import { setChatLastSeen } from '../redux/app/app-actions.js' +import isElectron from 'is-electron' const chatLastSeen = localForage.createInstance({ name: "chat-last-seen", @@ -427,7 +428,7 @@ class AppView extends connect(store)(LitElement) { constructor() { super() this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - this.urls = []; + this.urls = [] this.nodeType = '' this.addressInfo = {} this.getAllBalancesLoading = false @@ -649,6 +650,8 @@ class AppView extends connect(store)(LitElement) { addTradeBotRoutes(parentEpml) parentEpml.imReady() + this.clearTheCache() + this.helperMessage = this.renderHelperPass() this.salt = '' @@ -1581,14 +1584,14 @@ class AppView extends connect(store)(LitElement) { } const getChatLastSeen = async () => { - let items = []; + let items = [] await chatLastSeen.iterate(function (value, key, iterationNumber) { - - items.push({ key, timestamp: value }); + items.push({ key, timestamp: value }) }) + store.dispatch(setChatLastSeen(items)) - return items; + return items } await getOpenTradesBTC() @@ -1603,14 +1606,25 @@ class AppView extends connect(store)(LitElement) { await appDelay(1000) await getOpenTradesARRR() await getChatLastSeen() + setInterval(() => { + this.clearTheCache() + }, 60000) } shBalanceTicker() { const targetDiv = this.shadowRoot.getElementById("theTicker") if (targetDiv.style.display !== "none") { - targetDiv.style.display = "none"; + targetDiv.style.display = "none" } else { - targetDiv.style.display = "inline"; + targetDiv.style.display = "inline" + } + } + + async clearTheCache() { + if (!isElectron()) { + } else { + await window.parent.electronAPI.clearMyCache() + console.clear() } } diff --git a/plugins/plugins/core/node-management/node-management.src.js b/plugins/plugins/core/node-management/node-management.src.js index 3524df1a..cd36187c 100644 --- a/plugins/plugins/core/node-management/node-management.src.js +++ b/plugins/plugins/core/node-management/node-management.src.js @@ -34,10 +34,8 @@ class NodeManagement extends LitElement { confPeerMessage: { type: String }, addMintingAccountMessage: { type: String }, removeMintingAccountMessage: { type: String }, - tempMintingAccount: { type: Object }, nodeConfig: { type: Object }, nodeDomain: { type: String }, - myElementId: { type: String }, theme: { type: String, reflect: true } } } @@ -138,15 +136,13 @@ class NodeManagement extends LitElement { this.addPeerMessage = "" this.confPeerMessage = "" this.addMintingAccountMessage = "" - this.tempMintingAccount = {} this.config = { user: { node: {}, }, - }; + } this.nodeConfig = {} this.nodeDomain = "" - this.myElementId = '' this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' } @@ -278,7 +274,7 @@ class NodeManagement extends LitElement {
- `; + ` } firstUpdated() { @@ -311,73 +307,59 @@ class NodeManagement extends LitElement { // Calculate HH MM SS from Milliseconds... const convertMsToTime = (milliseconds) => { - let day, hour, minute, seconds; - seconds = Math.floor(milliseconds / 1000); - minute = Math.floor(seconds / 60); - seconds = seconds % 60; - hour = Math.floor(minute / 60); - minute = minute % 60; - day = Math.floor(hour / 24); - hour = hour % 24; + let day, hour, minute, seconds + seconds = Math.floor(milliseconds / 1000) + minute = Math.floor(seconds / 60) + seconds = seconds % 60 + hour = Math.floor(minute / 60) + minute = minute % 60 + day = Math.floor(hour / 24) + hour = hour % 24 if (isNaN(day)) { - return "offline"; + return "offline" } - return day + "d " + hour + "h " + minute + "m"; - }; + return day + "d " + hour + "h " + minute + "m" + } const getNodeUpTime = () => { - parentEpml - .request("apiCall", { - url: `/admin/uptime`, - }) - .then((res) => { - this.upTime = ""; - setTimeout(() => { - this.upTime = convertMsToTime(res); - }, 1); - }); - - setTimeout(getNodeUpTime, this.config.user.nodeSettings.pingInterval); - }; + this.upTime = "" + parentEpml.request("apiCall", { url: `/admin/uptime` }).then((res) => { + this.upTime = convertMsToTime(res) + }) + setTimeout(getNodeUpTime, 60000) + } const updatePeers = () => { - parentEpml - .request("apiCall", { - url: `/peers`, - }) - .then((res) => { - setTimeout(() => { - this.peers = res; - }, 1); - }); - setTimeout(updatePeers, this.config.user.nodeSettings.pingInterval); - }; + this.peers = [] + parentEpml.request("apiCall", { url: `/peers` }).then((res) => { + this.peers = res + }) + setTimeout(updatePeers, 60000) + } const getNodeConfig = () => { + this.nodeConfig = {} + this.nodeDomain = "" parentEpml.request("getNodeConfig").then((res) => { - setTimeout(() => { - this.nodeConfig = res; - }, 1); - let myNode = window.parent.reduxStore.getState().app.nodeConfig - .knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node]; - this.nodeDomain = myNode.domain + ":" + myNode.port; - }); - - setTimeout(getNodeConfig, 1000); - }; + this.nodeConfig = res + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + this.nodeDomain = myNode.domain + ":" + myNode.port + }) + setTimeout(getNodeConfig, 60000) + } let configLoaded = false parentEpml.ready().then(() => { parentEpml.subscribe("config", async c => { if (!configLoaded) { - setTimeout(getNodeUpTime, 1); - setTimeout(updatePeers, 1); - setTimeout(this.updateMintingAccounts, 1); - setTimeout(getNodeConfig, 1); - configLoaded = true; + setTimeout(getNodeUpTime, 1) + setTimeout(updatePeers, 1) + setTimeout(this.updateMintingAccounts, 1) + setTimeout(getNodeConfig, 1) + configLoaded = true } - this.config = JSON.parse(c); + this.config = JSON.parse(c) }) }) parentEpml.imReady() @@ -386,11 +368,11 @@ class NodeManagement extends LitElement { changeTheme() { const checkTheme = localStorage.getItem('qortalTheme') if (checkTheme === 'dark') { - this.theme = 'dark'; + this.theme = 'dark' } else { - this.theme = 'light'; + this.theme = 'light' } - document.querySelector('html').setAttribute('theme', this.theme); + document.querySelector('html').setAttribute('theme', this.theme) } changeLanguage() { @@ -421,8 +403,8 @@ class NodeManagement extends LitElement { }) .then((res) => { let err3string = get("nodepage.nchange25") - parentEpml.request('showSnackBar', `${err3string}` + peerAddress); - }); + parentEpml.request('showSnackBar', `${err3string}` + peerAddress) + }) } removePeer(peerAddress, rowIndex) { @@ -434,9 +416,9 @@ class NodeManagement extends LitElement { }) .then((res) => { let err4string = get("nodepage.nchange26") - parentEpml.request('showSnackBar', `${err4string}` + peerAddress); - this.peers.splice(rowIndex, 1); - }); + parentEpml.request('showSnackBar', `${err4string}` + peerAddress) + this.peers.splice(rowIndex, 1) + }) } stopNode() { @@ -446,9 +428,9 @@ class NodeManagement extends LitElement { method: "GET" }) .then((res) => { - let err7string = get("nodepage.nchange32") - parentEpml.request('showSnackBar', `${err7string}`); - }); + let err7string = get("nodepage.nchange32") + parentEpml.request('showSnackBar', `${err7string}`) + }) } restartNode() { @@ -458,19 +440,18 @@ class NodeManagement extends LitElement { method: "GET" }) .then((res) => { - let err7string = get("nodepage.nchange34") - parentEpml.request('showSnackBar', `${err7string}`); - }); + let err7string = get("nodepage.nchange34") + parentEpml.request('showSnackBar', `${err7string}`) + }) } onPageNavigation(pageUrl) { - parentEpml.request("setPageUrl", pageUrl); + parentEpml.request("setPageUrl", pageUrl) } addPeer(e) { - this.addPeerLoading = true; - const addPeerAddress = this.shadowRoot.querySelector("#addPeerAddress") - .value; + this.addPeerLoading = true + const addPeerAddress = this.shadowRoot.querySelector("#addPeerAddress").value parentEpml .request("apiCall", { @@ -479,18 +460,16 @@ class NodeManagement extends LitElement { body: addPeerAddress, }) .then((res) => { - this.addPeerMessage = res.message; - this.addPeerLoading = false; - }); + this.addPeerMessage = res.message + this.addPeerLoading = false + }) } addMintingAccount(e) { - this.addMintingAccountLoading = true; - this.addMintingAccountMessage = "Loading..."; + this.addMintingAccountLoading = true + this.addMintingAccountMessage = "Loading..." - this.addMintingAccountKey = this.shadowRoot.querySelector( - "#addMintingAccountKey" - ).value; + this.addMintingAccountKey = this.shadowRoot.querySelector("#addMintingAccountKey").value parentEpml .request("apiCall", { @@ -500,28 +479,28 @@ class NodeManagement extends LitElement { }) .then((res) => { if (res === true) { - this.updateMintingAccounts(); - this.addMintingAccountKey = ""; - this.addMintingAccountMessage = this.renderErr1Text(); - this.addMintingAccountLoading = false; + this.updateMintingAccounts() + this.addMintingAccountKey = "" + this.addMintingAccountMessage = this.renderErr1Text() + this.addMintingAccountLoading = false } else { - this.addMintingAccountKey = ""; - this.addMintingAccountMessage = this.renderErr2Text(); // Corrected an error here thanks to crow (-_-) - this.addMintingAccountLoading = false; + this.addMintingAccountKey = "" + this.addMintingAccountMessage = this.renderErr2Text() // Corrected an error here thanks to crow (-_-) + this.addMintingAccountLoading = false } - }); + }) } updateMintingAccounts() { - parentEpml.request("apiCall", { - url: `/admin/mintingaccounts`, - }).then((res) => { - setTimeout(() => this.mintingAccounts = res, 1); - }); + this.mintingAccounts = [] + parentEpml.request("apiCall", { url: `/admin/mintingaccounts` }).then((res) => { + this.mintingAccounts = res + }) + console.clear() } removeMintingAccount(publicKey) { - this.removeMintingAccountLoading = true; + this.removeMintingAccountLoading = true parentEpml.request("apiCall", { url: `/admin/mintingaccounts?apiKey=${this.getApiKey()}`, @@ -529,28 +508,28 @@ class NodeManagement extends LitElement { body: publicKey, }).then((res) => { if (res === true) { - this.updateMintingAccounts(); - this.removeMintingAccountLoading = false; + this.updateMintingAccounts() + this.removeMintingAccountLoading = false let err5string = get("nodepage.nchange29") - parentEpml.request('showSnackBar', `${err5string}`); + parentEpml.request('showSnackBar', `${err5string}`) } else { - this.removeMintingAccountLoading = false; + this.removeMintingAccountLoading = false let err6string = get("nodepage.nchange30") - parentEpml.request('showSnackBar', `${err6string}`); + parentEpml.request('showSnackBar', `${err6string}`) } - }); + }) } getApiKey() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node]; - let apiKey = myNode.apiKey; - return apiKey; + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + let apiKey = myNode.apiKey + return apiKey } isEmptyArray(arr) { - if (!arr) return true; - return arr.length === 0; + if (!arr) return true + return arr.length === 0 } } -window.customElements.define("node-management", NodeManagement); +window.customElements.define("node-management", NodeManagement) From 360e82e6218902a69ee517cc545ea745af9075a8 Mon Sep 17 00:00:00 2001 From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com> Date: Mon, 24 Jul 2023 14:21:20 +0200 Subject: [PATCH 14/27] Rework Overview and Sponsor --- core/language/de.json | 3 +- core/language/es.json | 3 +- core/language/fr.json | 3 +- core/language/hindi.json | 3 +- core/language/hr.json | 3 +- core/language/hu.json | 3 +- core/language/it.json | 3 +- core/language/jp.json | 3 +- core/language/ko.json | 3 +- core/language/no.json | 3 +- core/language/pl.json | 3 +- core/language/pt.json | 3 +- core/language/ro.json | 3 +- core/language/rs.json | 3 +- core/language/ru.json | 3 +- core/language/us.json | 3 +- core/language/zhc.json | 3 +- core/language/zht.json | 3 +- .../core/overview-page/overview-page-css.js | 2 + .../core/overview-page/overview-page.src.js | 78 +- .../sponsorship-list/sponsorship-list.src.js | 890 +++++++++--------- 21 files changed, 514 insertions(+), 510 deletions(-) diff --git a/core/language/de.json b/core/language/de.json index 1bad4508..b6fbb936 100644 --- a/core/language/de.json +++ b/core/language/de.json @@ -214,7 +214,8 @@ "wp1": "Prägung", "wp2": "Nicht am Prägen", "wp3": "Kerninformationen", - "wp4": "Synchronisiert" + "wp4": "Synchronisiert", + "wp5": "Synchronisierungsstatus" }, "general": { "yes": "Ja", diff --git a/core/language/es.json b/core/language/es.json index c0265f80..e8f2c274 100644 --- a/core/language/es.json +++ b/core/language/es.json @@ -214,7 +214,8 @@ "wp1": "Acuñación", "wp2": "Sin acuñar", "wp3": "Información básica", - "wp4": "Sincronizado" + "wp4": "Sincronizado", + "wp5": "Estado de sincronización" }, "general": { "yes": "Sí", diff --git a/core/language/fr.json b/core/language/fr.json index fbf6931d..0d134291 100644 --- a/core/language/fr.json +++ b/core/language/fr.json @@ -214,7 +214,8 @@ "wp1": "Monnaie", "wp2": "Pas de frappe", "wp3": "Informations de base", - "wp4": "Synchronisé" + "wp4": "Synchronisé", + "wp5": "État de la synchronisation" }, "general": { "yes": "Oui", diff --git a/core/language/hindi.json b/core/language/hindi.json index fd3d282c..36ab28c8 100644 --- a/core/language/hindi.json +++ b/core/language/hindi.json @@ -215,7 +215,8 @@ "wp1": "खनन", "wp2": "नॉट मिंटिंग", "wp3": "मुख्य जानकारी", - "wp4": "सिंक्रोनाइज़्ड" + "wp4": "सिंक्रोनाइज़्ड", + "wp5": "सिंक स्थिति" }, "general": { "yes": "हाँ", diff --git a/core/language/hr.json b/core/language/hr.json index 17b452a9..7a1e82a4 100644 --- a/core/language/hr.json +++ b/core/language/hr.json @@ -214,7 +214,8 @@ "wp1": "Kovanje", "wp2": "Nije kovano", "wp3": "Osnovne informacije", - "wp4": "Sinkronizirano" + "wp4": "Sinkronizirano", + "wp5": "Status sinkronizacije" }, "general": { "yes": "Da", diff --git a/core/language/hu.json b/core/language/hu.json index 817fc0b1..65c1ec2d 100644 --- a/core/language/hu.json +++ b/core/language/hu.json @@ -214,7 +214,8 @@ "wp1": "verés", "wp2": "Nem pénzverés", "wp3": "Alapinformációk", - "wp4": "Szinkronizált" + "wp4": "Szinkronizált", + "wp5": "Szinkronizálás állapota" }, "general": { "yes": "Igen", diff --git a/core/language/it.json b/core/language/it.json index cc91142b..45b5fdd1 100644 --- a/core/language/it.json +++ b/core/language/it.json @@ -214,7 +214,8 @@ "wp1": "Conio", "wp2": "Non conio", "wp3": "Informazioni principali", - "wp4": "Sincronizzato" + "wp4": "Sincronizzato", + "wp5": "Stato sincronizzazione" }, "general": { "yes": "Yes", diff --git a/core/language/jp.json b/core/language/jp.json index 8ad2adc7..ef09fc52 100644 --- a/core/language/jp.json +++ b/core/language/jp.json @@ -216,7 +216,8 @@ "wp1": "ミント", "wp2": "鋳造しない", "wp3": "コア情報", - "wp4": "同期済み" + "wp4": "同期済み", + "wp5": "同期ステータス" }, "general": { "yes": "はい", diff --git a/core/language/ko.json b/core/language/ko.json index d0c9a87d..eb68f8b7 100644 --- a/core/language/ko.json +++ b/core/language/ko.json @@ -214,7 +214,8 @@ "wp1": "조폐", "wp2": "조폐되지 않음", "wp3": "핵심 정보", - "wp4": "동기화됨" + "wp4": "동기화됨", + "wp5": "동기화 상태" }, "general": { "yes": "예", diff --git a/core/language/no.json b/core/language/no.json index f464c159..55823220 100644 --- a/core/language/no.json +++ b/core/language/no.json @@ -214,7 +214,8 @@ "wp1": "Minting", "wp2": "Ikke preging", "wp3": "Kjerneinformasjon", - "wp4": "Synkronisert" + "wp4": "Synkronisert", + "wp5": "Synkroniseringsstatus" }, "general": { "yes": "Ja", diff --git a/core/language/pl.json b/core/language/pl.json index ee52e236..311a8817 100644 --- a/core/language/pl.json +++ b/core/language/pl.json @@ -214,7 +214,8 @@ "wp1": "Bicie", "wp2": "Nie bije", "wp3": "Podstawowe informacje", - "wp4": "Zsynchronizowany" + "wp4": "Zsynchronizowany", + "wp5": "Stan synchronizacji" }, "general": { "yes": "Tak", diff --git a/core/language/pt.json b/core/language/pt.json index dbdd62af..120079d1 100644 --- a/core/language/pt.json +++ b/core/language/pt.json @@ -214,7 +214,8 @@ "wp1": "Criação", "wp2": "Não está cunhando", "wp3": "Informações essenciais", - "wp4": "Sincronizado" + "wp4": "Sincronizado", + "wp5": "Status da sincronização" }, "general": { "yes": "Sim", diff --git a/core/language/ro.json b/core/language/ro.json index 8a4b2d86..2bef7a2d 100644 --- a/core/language/ro.json +++ b/core/language/ro.json @@ -214,7 +214,8 @@ "wp1": "Battering", "wp2": "Nu se bate", "wp3": "Informații de bază", - "wp4": "Sincronizat" + "wp4": "Sincronizat", + "wp5": "Stare sincronizare" }, "general": { "yes": "Da", diff --git a/core/language/rs.json b/core/language/rs.json index ca92d273..fb214346 100644 --- a/core/language/rs.json +++ b/core/language/rs.json @@ -214,7 +214,8 @@ "wp1": "Kovanje", "wp2": "Ne kuje", "wp3": "Osnovne informacije", - "wp4": "Sinhronizovano" + "wp4": "Sinhronizovano", + "wp5": "Status sinhronizacije" }, "general": { "yes": "Da", diff --git a/core/language/ru.json b/core/language/ru.json index 775174b6..21b24a99 100644 --- a/core/language/ru.json +++ b/core/language/ru.json @@ -214,7 +214,8 @@ "wp1": "Чеканка", "wp2": "Не чеканить", "wp3": "Основная информация", - "wp4": "Синхронизировано" + "wp4": "Синхронизировано", + "wp5": "Статус синхронизации" }, "general": { "yes": "Да", diff --git a/core/language/us.json b/core/language/us.json index 0a6b6dea..b9e03682 100644 --- a/core/language/us.json +++ b/core/language/us.json @@ -215,7 +215,8 @@ "wp1": "Minting", "wp2": "Not Minting", "wp3": "Core Information", - "wp4": "Synchronized" + "wp4": "Synchronized", + "wp5": "Sync Status" }, "general": { "yes": "Yes", diff --git a/core/language/zhc.json b/core/language/zhc.json index 351e379f..55b0c839 100644 --- a/core/language/zhc.json +++ b/core/language/zhc.json @@ -214,7 +214,8 @@ "wp1": "铸造", "wp2": "不铸造", "wp3": "核心信息", - "wp4": "已同步" + "wp4": "已同步", + "wp5": "同步状态" }, "general": { "yes": "是", diff --git a/core/language/zht.json b/core/language/zht.json index d217bf99..89fa0e8a 100644 --- a/core/language/zht.json +++ b/core/language/zht.json @@ -214,7 +214,8 @@ "wp1": "鑄造", "wp2": "不鑄造", "wp3": "核心信息", - "wp4": "已同步" + "wp4": "已同步", + "wp5": "同步狀態" }, "general": { "yes": "是", diff --git a/plugins/plugins/core/overview-page/overview-page-css.js b/plugins/plugins/core/overview-page/overview-page-css.js index 1fab3397..a5fe82e8 100644 --- a/plugins/plugins/core/overview-page/overview-page-css.js +++ b/plugins/plugins/core/overview-page/overview-page-css.js @@ -79,6 +79,8 @@ a:not([href]):not([tabindex]):focus { img { vertical-align: middle; border-style: none; + height: 128px; + width: 128px; } caption { diff --git a/plugins/plugins/core/overview-page/overview-page.src.js b/plugins/plugins/core/overview-page/overview-page.src.js index d0f95ecd..792fcba3 100644 --- a/plugins/plugins/core/overview-page/overview-page.src.js +++ b/plugins/plugins/core/overview-page/overview-page.src.js @@ -1,13 +1,15 @@ import { LitElement, html, css } from 'lit' import { Epml } from '../../../epml.js' import { use, get, translate, registerTranslateConfig } from 'lit-translate' -import isElectron from 'is-electron' import { overviewStyle } from './overview-page-css.js' import { asyncReplace } from 'lit/directives/async-replace.js' +import isElectron from 'is-electron' + import "@material/mwc-button" import '@material/mwc-dialog' -import '@vaadin/button'; import '@polymer/paper-spinner/paper-spinner-lite.js' +import '@vaadin/button' + registerTranslateConfig({ loader: (lang) => fetch(`/language/${lang}.json`).then((res) => res.json()), @@ -15,8 +17,8 @@ registerTranslateConfig({ async function* countDown(count, callback) { while (count > 0) { - yield count--; - await new Promise((r) => setTimeout(r, 1000)); + yield count-- + await new Promise((r) => setTimeout(r, 1000)) if (count === 0) { callback() } @@ -114,7 +116,7 @@ class OverviewPage extends LitElement {
${this.renderSyncStatus()} - ${translate("walletpage.wchange41")} + ${translate("walletprofile.wp5")}
@@ -168,14 +170,18 @@ class OverviewPage extends LitElement { setInterval(() => { this.refreshItems() }, 60000) + + setInterval(() => { + this.getAvatar() + }, 180000) } changeTheme() { const checkTheme = localStorage.getItem('qortalTheme') if (checkTheme === 'dark') { - this.theme = 'dark'; + this.theme = 'dark' } else { - this.theme = 'light'; + this.theme = 'light' } document.querySelector('html').setAttribute('theme', this.theme) } @@ -288,7 +294,7 @@ class StartMintingNow extends LitElement { status: { type: Number }, timer: { type: Number }, privateRewardShareKey: { type: String } - }; + } } static get styles() { @@ -424,24 +430,24 @@ class StartMintingNow extends LitElement { color: var(--error); } `, - ]; + ] } constructor() { - super(); - this.mintingAccountData = []; - this.errorMsg = ''; - this.openDialogRewardShare = false; - this.status = 0; - this.privateRewardShareKey = ""; + super() + this.mintingAccountData = [] + this.errorMsg = '' + this.openDialogRewardShare = false + this.status = 0 + this.privateRewardShareKey = "" } render() { - return html` ${this.renderStartMintingButton()} `; + return html` ${this.renderStartMintingButton()} ` } firstUpdated() { - this.getMintingAcccounts(); + this.getMintingAcccounts() } renderErrorMsg1() { @@ -465,7 +471,7 @@ class StartMintingNow extends LitElement { const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port const url = `${nodeUrl}/admin/mintingaccounts` try { - const res = await fetch(url); + const res = await fetch(url) const mintingAccountData = await res.json() this.mintingAccountData = mintingAccountData @@ -509,7 +515,7 @@ class StartMintingNow extends LitElement { } } catch (error) { this.errorMsg = this.renderErrorMsg2() - return; + return } try { @@ -540,7 +546,7 @@ class StartMintingNow extends LitElement { } if (!stop) { - stop = true; + stop = true try { const address = window.parent.reduxStore.getState().app?.selectedAddress?.address const myRewardShareArray = await rewardShares(address) @@ -554,7 +560,7 @@ class StartMintingNow extends LitElement { } stop = false } - }; + } interval = setInterval(getAnswer, 5000) } @@ -570,7 +576,7 @@ class StartMintingNow extends LitElement { const isMinterButKeyMintingKeyNotAssigned = addressInfo?.error !== 124 && addressInfo?.level >= 1 && !findMintingAccount const makeTransactionRequest = async (lastRef) => { - let mylastRef = lastRef; + let mylastRef = lastRef let rewarddialog1 = get('transactions.rewarddialog1') let rewarddialog2 = get('transactions.rewarddialog2') let rewarddialog3 = get('transactions.rewarddialog3') @@ -594,18 +600,18 @@ class StartMintingNow extends LitElement { } const getTxnRequestResponse = (txnResponse) => { - let err6string = get('rewardsharepage.rchange21'); + let err6string = get('rewardsharepage.rchange21') if (txnResponse?.extraData?.rewardSharePrivateKey && (txnResponse?.data?.message?.includes('multiple') || txnResponse?.data?.message?.includes('SELF_SHARE_EXISTS'))) { return err6string } if (txnResponse.success === false && txnResponse.message) { - throw (txnResponse); + throw (txnResponse) } else if ( txnResponse.success === true && !txnResponse.data.error ) { - return err6string; + return err6string } else { throw (txnResponse) } @@ -617,7 +623,7 @@ class StartMintingNow extends LitElement { let myTransaction = await makeTransactionRequest(lastRef) - getTxnRequestResponse(myTransaction); + getTxnRequestResponse(myTransaction) return myTransaction?.extraData?.rewardSharePrivateKey } @@ -637,7 +643,7 @@ class StartMintingNow extends LitElement { if(findMintingAccountsFromUser.length > 2){ this.errorMsg = translate("startminting.smchange10") - return; + return } try { @@ -646,7 +652,7 @@ class StartMintingNow extends LitElement { } catch (error) { console.log({ error }) this.errorMsg = error?.data?.message || this.renderErrorMsg4() - return; + return } } @@ -741,7 +747,7 @@ class StartMintingNow extends LitElement { ` : ""} ` : ''} - `; + ` } } window.customElements.define('start-minting-now', StartMintingNow) @@ -751,7 +757,7 @@ class MyButton extends LitElement { onClick: { type: Function }, isLoading: { type: Boolean }, label: { type: String }, - }; + } static styles = css` vaadin-button { @@ -769,13 +775,13 @@ class MyButton extends LitElement { vaadin-button:hover { opacity: 0.9; } - `; + ` constructor() { - super(); - this.onClick = () => {}; - this.isLoading = false; - this.label = ''; + super() + this.onClick = () => {} + this.isLoading = false + this.label = '' } render() { @@ -788,7 +794,7 @@ class MyButton extends LitElement { ? html`${this.label}` : html``} - `; + ` } } customElements.define('my-button', MyButton) \ No newline at end of file diff --git a/plugins/plugins/core/sponsorship-list/sponsorship-list.src.js b/plugins/plugins/core/sponsorship-list/sponsorship-list.src.js index 7e565213..8f1470e9 100644 --- a/plugins/plugins/core/sponsorship-list/sponsorship-list.src.js +++ b/plugins/plugins/core/sponsorship-list/sponsorship-list.src.js @@ -1,33 +1,30 @@ -import { LitElement, html } from "lit" -import { Epml } from "../../../epml.js" -import "../components/ButtonIconCopy.js" -import { use, get, translate, registerTranslateConfig } from "lit-translate" -import { blocksNeed } from "../../utils/blocks-needed.js" -import "../components/ButtonIconCopy.js" +import { LitElement, html } from 'lit' +import { Epml } from '../../../epml.js' +import { use, get, translate, translateUnsafeHTML, registerTranslateConfig } from 'lit-translate' +import { blocksNeed } from '../../utils/blocks-needed.js' +import { asyncReplace } from 'lit/directives/async-replace.js' +import { pageStyles } from './sponsorship-list-css.src.js' import isElectron from 'is-electron' registerTranslateConfig({ loader: (lang) => fetch(`/language/${lang}.json`).then((res) => res.json()), }) -import "@polymer/paper-spinner/paper-spinner-lite.js" -import "@material/mwc-button" +import '@material/mwc-button' +import '@material/mwc-dialog' import '@material/mwc-icon' import '@material/mwc-icon-button' -import "@material/mwc-textfield" -import "@vaadin/button" -import "@polymer/paper-spinner/paper-spinner-lite.js" -import '@material/mwc-dialog' -import {asyncReplace} from 'lit/directives/async-replace.js'; +import '@material/mwc-textfield' +import '@polymer/paper-spinner/paper-spinner-lite.js' +import '@vaadin/button' +import '../components/ButtonIconCopy.js' -import { pageStyles } from "./sponsorship-list-css.src.js" - -const parentEpml = new Epml({ type: "WINDOW", source: window.parent }) +const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) async function* countDown(count, callback) { while (count > 0) { - yield count--; - await new Promise((r) => setTimeout(r, 1000)); + yield count-- + await new Promise((r) => setTimeout(r, 1000)) if(count === 0) { callback() } @@ -64,29 +61,356 @@ class SponsorshipList extends LitElement { constructor() { super() - this.theme = localStorage.getItem("qortalTheme") ? localStorage.getItem("qortalTheme") : "light" + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' this.isPageLoading = true this.nodeInfo = {} this.addressInfo = {} - this.rewardSharePublicKey = "" + this.rewardSharePublicKey = '' this.mintingAccountData = null this.sponsorships = [] this.removeRewardShareLoading = false - this.errorMessage = "" + this.errorMessage = '' this.isLoadingCreateSponsorship = false - this.publicKeyValue = "" + this.publicKeyValue = '' this.isOpenModal = false this.status = 0 - this.privateRewardShareKey = "" + this.privateRewardShareKey = '' this.openDialogRewardShare = false this.isOpenDialogPublicKeyLookup = false - this.lookupAddressValue = "" - this.lookupPublicAddressValue = "" - this.errorLookup = "" + this.lookupAddressValue = '' + this.lookupPublicAddressValue = '' + this.errorLookup = '' + } + + render() { + return html` + ${ + this.isPageLoading + ? html` +
+
+
+
+ ` + : '' + } + +
+

+ ${translate('mintingpage.mchange35')} +

+
+
+
+
+ ${this.sponsorships.length === 0 ? html` +
+

${translate('sponsorshipspage.schange9')}

+
+ ` : ''} + ${this.sponsorships.length > 0 ? html` +
+

${translate('sponsorshipspage.schange1')}

+
+
+
+

${translate('settings.account')}

+
+
+

${translate('walletprofile.blocksminted')}

+
+
+

${translate('sponsorshipspage.schange19')}

+
+
+

${translate('sponsorshipspage.schange21')}

+
+
+ ${this.sponsorships.map((sponsorship) => html` +
    +
  • +
    + ${sponsorship?.name ? html` + + ` : ''} + ${sponsorship?.name || sponsorship.address} +
    +
    • +
  • + ${+sponsorship.blocksMinted + + +sponsorship.blocksMintedAdjustment} +
    • +
  • + {this.createRewardShare(sponsorship?.publicKey, true)}} + > + content_copy ${translate('sponsorshipspage.schange11')} + +
    • +
  • + this.removeRewardShare(sponsorship)} + > + delete_forever ${translate('rewardsharepage.rchange17')} + +
    • +
+ `)} + +
+

+ ${translate('sponsorshipspage.schange3')}  + + ${this.sponsorships.length} + +

+

+ ${translate('sponsorshipspage.schange4')}  + + ${this.nextSponsorshipEnding + ?.blocksRemaining}  + + ${translate('mintingpage.mchange26')} +

+
+ ` : ''} +

${this.errorMessage}

+
+ + +
+ + +
+ +
+ + ${translate('puzzlepage.pchange15')} + +
+ +
+ + ${translate('sponsorshipspage.schange10')} + +
+
+
+ + +
+

${translate('sponsorshipspage.schange6')}

+
+
+
+

${this.sponsorships.filter(s=> s.blocksRemaining <= 0).length} ${translate('sponsorshipspage.schange7')}!

+

${translate('sponsorshipspage.schange8')}

+ ${this.sponsorships.filter(s=> s.blocksRemaining <= 0).map((ms)=> html` +

${ms.address}

+ `)} +
+ + ${translate('general.close')} + + + + +
+
+

${translate('sponsorshipspage.schange14')}

+
3 && 'hide'}`}>
+
+
+
+
+
    +
  • +

    + 1. ${translate('sponsorshipspage.schange20')} +

    +
    +
    • +
  • +

    + 2. ${translate('startminting.smchange6')} +

    +
    +
    • +
  • +

    + 3. ${translate('sponsorshipspage.schange15')} +

    +
    +
    ${asyncReplace(this.timer)} +
    +
    • +
  • +

    + 4. ${translate('startminting.smchange9')} +

    +
    • + ${this.privateRewardShareKey && this.status === 4 ? html` +
  • +

    + ${translate('sponsorshipspage.schange16')} +

    +
    + ${this.privateRewardShareKey} +
    + {this.saveToClipboard(this.privateRewardShareKey, this.renderCopyMsg())}} + > + ${translate('sponsorshipspage.schange11')} + +
    • + ` : ''} +
+ ${this.status === 4 ? '' : html` +
+

+ ${translate('sponsorshipspage.schange18')} +

+

${this.errorMessage}

+
+ `} +
+ { + this.openDialogRewardShare = false + this.errorMessage = '' + this.isLoadingCreateSponsorship = false + this.privateRewardShareKey = '' + this.atMount() + }} + class='red' + > + ${translate('general.close')} + + + + +
+

${translate('sponsorshipspage.schange10')}

+
+
+
+

+ ${translate('sponsorshipspage.schange12')} +

+
+ + +
+

${this.errorLookup}

+
+ + ${translate('sponsorshipspage.schange10')} + +
+ ${this.lookupPublicAddressValue ? html` +
+ ${this.lookupPublicAddressValue} +
+
+ {this.saveToClipboard(this.lookupPublicAddressValue, this.renderCopyMsg())}} + > + ${translate('sponsorshipspage.schange11')} + +
+ ` : ''} +
+ { + this.lookupAddressValue = '' + this.lookupPublicAddressValue = '' + this.isOpenDialogPublicKeyLookup = false + this.errorLookup = '' + + }} + > + ${translate('general.close')} + + +
+ ` + } + + async firstUpdated() { + this.changeTheme() + this.changeLanguage() + await this.atMount() + + window.addEventListener('storage', () => { + const checkLanguage = localStorage.getItem('qortalLanguage') + const checkTheme = localStorage.getItem('qortalTheme') + + use(checkLanguage) + + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } + document.querySelector('html').setAttribute('theme', this.theme) + }) + + if (!isElectron()) { + } else { + window.addEventListener('contextmenu', (event) => { + event.preventDefault() + window.parent.electronAPI.showMyMenu() + }) + } } renderCopyMsg() { - let copystring = get("sponsorshipspage.schange17") + let copystring = get('sponsorshipspage.schange17') return `${copystring}` } @@ -98,46 +422,30 @@ class SponsorshipList extends LitElement { this.lookupAddressValue = e.target.value } - changeLanguage() { - const checkLanguage = localStorage.getItem("qortalLanguage") + changeTheme() { + const checkTheme = localStorage.getItem('qortalTheme') + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } + document.querySelector('html').setAttribute('theme', this.theme) + } + changeLanguage() { + const checkLanguage = localStorage.getItem('qortalLanguage') if (checkLanguage === null || checkLanguage.length === 0) { - localStorage.setItem("qortalLanguage", "us") - use("us") + localStorage.setItem('qortalLanguage', 'us') + use('us') } else { use(checkLanguage) } } - _handleStorage() { - const checkLanguage = localStorage.getItem("qortalLanguage") - const checkTheme = localStorage.getItem("qortalTheme") - - use(checkLanguage) - - if (checkTheme === "dark") { - this.theme = "dark" - } else { - this.theme = "light" - } - document.querySelector("html").setAttribute("theme", this.theme) - } - - connectedCallback() { - super.connectedCallback() - window.addEventListener("storage", this._handleStorage) - } - - disconnectedCallback() { - window.removeEventListener("storage", this._handleStorage) - super.disconnectedCallback() - } - async getNodeInfo() { - const nodeInfo = await parentEpml.request("apiCall", { - url: `/admin/status`, + const nodeInfo = await parentEpml.request('apiCall', { + url: `/admin/status` }) - return nodeInfo } @@ -149,26 +457,23 @@ class SponsorshipList extends LitElement { console.error('Copy to clipboard error:', err) } } - changeStatus(value){ + + changeStatus(value) { this.status = value - let copystring1 = get("sponsorshipspage.schange17") + let copystring1 = get('sponsorshipspage.schange17') this.saveToClipboard(this.privateRewardShareKey, `${copystring1}`) } getApiKey() { - const apiNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node]; - let apiKey = apiNode.apiKey; - return apiKey; + const apiNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + let apiKey = apiNode.apiKey + return apiKey } async atMount() { - - this.changeLanguage() - this.addressInfo = window.parent.reduxStore.getState().app.accountInfo.addressInfo this.isPageLoading = true try { - const address = window.parent.reduxStore.getState().app?.selectedAddress?.address let rewardShares = await this.getRewardShareRelationship(address) @@ -176,17 +481,17 @@ class SponsorshipList extends LitElement { rewardShares = rewardShares.filter((rs) => rs.recipient !== address) const getAccountInfo = rewardShares.map(async (rs) => { - const addressInfo = await parentEpml.request("apiCall", { - type: "api", - url: `/addresses/${rs.recipient}`, + const addressInfo = await parentEpml.request('apiCall', { + type: 'api', + url: `/addresses/${rs.recipient}` }) - const getNames = await parentEpml.request("apiCall", { - type: "api", - url: `/names/address/${rs.recipient}`, + const getNames = await parentEpml.request('apiCall', { + type: 'api', + url: `/names/address/${rs.recipient}` }) - let url = "" - if(getNames?.length > 0 ){ + let url = '' + if(getNames?.length > 0 ) { const avatarNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] const avatarUrl = avatarNode.protocol + '://' + avatarNode.domain + ':' + avatarNode.port const urlPic = `${avatarUrl}/arbitrary/THUMBNAIL/${getNames[0].name}/qortal_avatar?async=true&apiKey=${this.getApiKey()}` @@ -215,47 +520,31 @@ class SponsorshipList extends LitElement { this.isPageLoading = false const openModal = accountInfoValues.find(s=> s.blocksRemaining <= 0) - if(openModal){ + if(openModal) { this.shadowRoot.querySelector('#showDialog').show() } } catch (error) { - this.isPageLoading = false } } - async firstUpdated() { - await this.atMount() - if (!isElectron()) { - } else { - window.addEventListener('contextmenu', (event) => { - event.preventDefault() - window.parent.electronAPI.showMyMenu() - }) - } - } - async getRewardShareRelationship(recipientAddress) { - const myRewardShareArray = await parentEpml.request("apiCall", { - type: "api", - url: `/addresses/rewardshares?minters=${recipientAddress}`, + const myRewardShareArray = await parentEpml.request('apiCall', { + type: 'api', + url: `/addresses/rewardshares?minters=${recipientAddress}` }) return myRewardShareArray } _levelUpBlocks(accountInfo) { - let countBlocksString = ( - blocksNeed(0) - - (accountInfo?.blocksMinted + accountInfo?.blocksMintedAdjustment) - ).toString() + let countBlocksString = (blocksNeed(0) - (accountInfo?.blocksMinted + accountInfo?.blocksMintedAdjustment)).toString() return countBlocksString } async removeRewardShare(rewardShareObject) { - const selectedAddress = - window.parent.reduxStore.getState().app?.selectedAddress + const selectedAddress = window.parent.reduxStore.getState().app?.selectedAddress const myPercentageShare = -1 @@ -264,9 +553,9 @@ class SponsorshipList extends LitElement { // Get Last Ref const getLastRef = async () => { - let myRef = await parentEpml.request("apiCall", { - type: "api", - url: `/addresses/lastreference/${selectedAddress?.address}`, + let myRef = await parentEpml.request('apiCall', { + type: 'api', + url: `/addresses/lastreference/${selectedAddress?.address}` }) return myRef } @@ -282,14 +571,14 @@ class SponsorshipList extends LitElement { // Make Transaction Request const makeTransactionRequest = async (lastRef) => { let mylastRef = lastRef - let rewarddialog5 = get("transactions.rewarddialog5") - let rewarddialog6 = get("transactions.rewarddialog6") - let myTxnrequest = await parentEpml.request("transaction", { + let rewarddialog5 = get('transactions.rewarddialog5') + let rewarddialog6 = get('transactions.rewarddialog6') + let myTxnrequest = await parentEpml.request('transaction', { type: 381, nonce: selectedAddress?.nonce, params: { rewardShareKeyPairPublicKey: - rewardShareObject.rewardSharePublicKey, + rewardShareObject.rewardSharePublicKey, recipient: rewardShareObject.recipient, percentageShare: myPercentageShare, lastReference: mylastRef, @@ -303,19 +592,19 @@ class SponsorshipList extends LitElement { const getTxnRequestResponse = (txnResponse) => { if (txnResponse.success === false && txnResponse.message) { this.removeRewardShareLoading = false - parentEpml.request("showSnackBar", txnResponse.message) + parentEpml.request('showSnackBar', txnResponse.message) throw new Error(txnResponse) } else if ( txnResponse.success === true && !txnResponse.data.error ) { - let err7tring = get("rewardsharepage.rchange22") + let err7tring = get('rewardsharepage.rchange22') this.removeRewardShareLoading = false - parentEpml.request("showSnackBar", `${err7tring}`) + parentEpml.request('showSnackBar', `${err7tring}`) this.sponsorships = this.sponsorships.filter((s)=> s.address !== rewardShareObject.address) } else { this.removeRewardShareLoading = false - parentEpml.request("showSnackBar", txnResponse.data.message) + parentEpml.request('showSnackBar', txnResponse.data.message) throw new Error(txnResponse) } } @@ -324,12 +613,12 @@ class SponsorshipList extends LitElement { async createRewardShare(publicKeyValue, isCopy) { this.openDialogRewardShare = true - if(!publicKeyValue){ - this.errorMessage = "unable to pull public key from the chain, account has no outgoing transactions" + if(!publicKeyValue) { + this.errorMessage = 'unable to pull public key from the chain, account has no outgoing transactions' return } - this.privateRewardShareKey = "" - this.errorMessage = "" + this.privateRewardShareKey = '' + this.errorMessage = '' const recipientPublicKey = publicKeyValue const percentageShare = 0 const selectedAddress = window.parent.reduxStore.getState().app?.selectedAddress @@ -339,18 +628,18 @@ class SponsorshipList extends LitElement { // Get Last Ref const getLastRef = async () => { - let myRef = await parentEpml.request("apiCall", { - type: "api", - url: `/addresses/lastreference/${selectedAddress.address}`, + let myRef = await parentEpml.request('apiCall', { + type: 'api', + url: `/addresses/lastreference/${selectedAddress.address}` }) return myRef } // Get Account Details const getAccountDetails = async () => { - let myAccountDetails = await parentEpml.request("apiCall", { - type: "api", - url: `/addresses/${selectedAddress.address}`, + let myAccountDetails = await parentEpml.request('apiCall', { + type: 'api', + url: `/addresses/${selectedAddress.address}` }) return myAccountDetails } @@ -361,28 +650,23 @@ class SponsorshipList extends LitElement { try { accountDetails = await getAccountDetails() } catch (error) { - this.errorMessage = "Couldn't fetch account details" + this.errorMessage = 'Couldn't fetch account details' } let lastRef = await getLastRef() if (accountDetails.level >= 5 || accountDetails.flags === 1) { this.status = 1 - this.errorMessage = "" + this.errorMessage = '' try { const myTransaction = await makeTransactionRequest(lastRef) - - getTxnRequestResponse(myTransaction) } catch (error) { this.errorMessage = error } - - } else { - - let err5string = get("rewardsharepage.rchange20") + let err5string = get('rewardsharepage.rchange20') this.errorMessage = `${err5string} ${accountDetails.level}` } @@ -391,11 +675,11 @@ class SponsorshipList extends LitElement { // Make Transaction Request const makeTransactionRequest = async (lastRef) => { let mylastRef = lastRef - let rewarddialog1 = get("transactions.rewarddialog1") - let rewarddialog2 = get("transactions.rewarddialog2") - let rewarddialog3 = get("transactions.rewarddialog3") - let rewarddialog4 = get("transactions.rewarddialog4") - let myTxnrequest = await parentEpml.request("transaction", { + let rewarddialog1 = get('transactions.rewarddialog1') + let rewarddialog2 = get('transactions.rewarddialog2') + let rewarddialog3 = get('transactions.rewarddialog3') + let rewarddialog4 = get('transactions.rewarddialog4') + let myTxnrequest = await parentEpml.request('transaction', { type: 38, nonce: selectedAddress.nonce, params: { @@ -413,7 +697,7 @@ class SponsorshipList extends LitElement { } const getTxnRequestResponse = (txnResponse) => { - if(txnResponse?.extraData?.rewardSharePrivateKey && (txnResponse?.data?.message?.includes('multiple') || txnResponse?.data?.message?.includes('SELF_SHARE_EXISTS')) ){ + if(txnResponse?.extraData?.rewardSharePrivateKey && (txnResponse?.data?.message?.includes('multiple') || txnResponse?.data?.message?.includes('SELF_SHARE_EXISTS'))) { this.privateRewardShareKey = txnResponse?.extraData?.rewardSharePrivateKey this.confirmRelationship(publicKeyValue, isCopy) } else if (txnResponse.success === false && txnResponse?.message) { @@ -435,7 +719,7 @@ class SponsorshipList extends LitElement { validateReceiver() } - async confirmRelationship(recipientPublicKey, isCopy){ + async confirmRelationship(recipientPublicKey, isCopy) { this.status = 2 let interval = null let stop = false @@ -443,45 +727,38 @@ class SponsorshipList extends LitElement { const getAnswer = async () => { if (!stop) { - stop= true; + stop= true try { - - const recipientAddress = - window.parent.base58PublicKeyToAddress(recipientPublicKey) - + const recipientAddress = window.parent.base58PublicKeyToAddress(recipientPublicKey) const minterAddress = window.parent.reduxStore.getState().app?.selectedAddress.address - const myRewardShareArray = await parentEpml.request("apiCall", { - type: "api", - url: `/addresses/rewardshares?minters=${minterAddress}&recipients=${recipientAddress}`, - }) - if(myRewardShareArray.length > 0){ + const myRewardShareArray = await parentEpml.request('apiCall', { + type: 'api', + url: `/addresses/rewardshares?minters=${minterAddress}&recipients=${recipientAddress}` + }) + if(myRewardShareArray.length > 0) { clearInterval(interval) this.status = 3 - - - this.timer = countDown(isCopy ? 5 : 180, ()=> this.changeStatus(4)); - } - + this.timer = countDown(isCopy ? 5 : 180, ()=> this.changeStatus(4)) + } } catch (error) { console.error(error) - } stop = false } - }; - interval = setInterval(getAnswer, 5000); + } + interval = setInterval(getAnswer, 5000) } - async lookUpPublicAddressFunc(){ + async lookUpPublicAddressFunc() { this.errorLookup = '' try { - const response = await parentEpml.request("apiCall", { - type: "api", - url: `/addresses/publickey/${this.lookupAddressValue}`, + const response = await parentEpml.request('apiCall', { + type: 'api', + url: `/addresses/publickey/${this.lookupAddressValue}` }) - if(response.error){ + if(response.error) { throw(response.message) } this.lookupPublicAddressValue = response @@ -490,305 +767,6 @@ class SponsorshipList extends LitElement { console.error(error) } } - - render() { - return html` - ${ - this.isPageLoading - ? html` -
-
-
-
- ` - : "" - } - -
-

- ${translate("mintingpage.mchange35")} -

-
-
-
-
- ${this.sponsorships.length === 0 ? html` -
-

${translate("sponsorshipspage.schange9")}

-
- ` : ''} - ${this.sponsorships.length > 0 ? html` -
-

${translate("sponsorshipspage.schange1")}

-
-
-
-

${translate("settings.account")}

-
-
-

${translate("walletprofile.blocksminted")}

-
-
-

${translate("sponsorshipspage.schange19")}

-
-
-

${translate("sponsorshipspage.schange21")}

-
-
- ${this.sponsorships.map((sponsorship) => html` -
    -
  • -
    - ${sponsorship?.name ? html` - - ` : ''} - ${sponsorship?.name || sponsorship.address} -
    -
    • -
  • - ${+sponsorship.blocksMinted + - +sponsorship.blocksMintedAdjustment} -
    • -
  • - {this.createRewardShare(sponsorship?.publicKey, true)}} - > - content_copy ${translate("sponsorshipspage.schange11")} - -
    • -
  • - this.removeRewardShare(sponsorship)} - > - delete_forever ${translate("rewardsharepage.rchange17")} - -
    • -
- `)} - -
-

- ${translate("sponsorshipspage.schange3")}  - - ${this.sponsorships.length} - -

-

- ${translate("sponsorshipspage.schange4")}  - - ${this.nextSponsorshipEnding - ?.blocksRemaining}  - - ${translate("mintingpage.mchange26")} -

-
- ` : ''} -

${this.errorMessage}

-
- - -
- - -
- -
- - ${translate("puzzlepage.pchange15")} - -
- -
- - ${translate("sponsorshipspage.schange10")} - -
-
-
- - -
-

${translate("sponsorshipspage.schange6")}

-
-
-
-

${this.sponsorships.filter(s=> s.blocksRemaining <= 0).length} ${translate("sponsorshipspage.schange7")}!

-

${translate("sponsorshipspage.schange8")}

- ${this.sponsorships.filter(s=> s.blocksRemaining <= 0).map((ms)=> html` -

${ms.address}

- `)} -
- - ${translate("general.close")} - - - - -
-
-

${translate("sponsorshipspage.schange14")}

-
3 && 'hide'}`}>
-
-
-
-
-
    -
  • -

    - 1. ${translate("sponsorshipspage.schange20")} -

    -
    -
    • -
  • -

    - 2. ${translate("startminting.smchange6")} -

    -
    -
    • -
  • -

    - 3. ${translate("sponsorshipspage.schange15")} -

    -
    -
    ${asyncReplace(this.timer)} -
    -
    • -
  • -

    - 4. ${translate("startminting.smchange9")} -

    -
    • - ${this.privateRewardShareKey && this.status === 4 ? html` -
  • -

    - ${translate("sponsorshipspage.schange16")} -

    -
    - ${this.privateRewardShareKey} -
    - {this.saveToClipboard(this.privateRewardShareKey, this.renderCopyMsg())}} - > - ${translate("sponsorshipspage.schange11")} - -
    • - ` : ''} -
- ${this.status === 4 ? '' : html` -
-

- ${translate("sponsorshipspage.schange18")} -

-

${this.errorMessage}

-
- `} -
- { - this.openDialogRewardShare = false - this.errorMessage = '' - this.isLoadingCreateSponsorship = false - this.privateRewardShareKey = "" - this.atMount() - }} - class="red" - > - ${translate("general.close")} - - - - -
-

${translate("sponsorshipspage.schange10")}

-
-
-
-

- ${translate("sponsorshipspage.schange12")} -

-
- - -
-

${this.errorLookup}

-
- - ${translate("sponsorshipspage.schange10")} - -
- ${this.lookupPublicAddressValue ? html` -
- ${this.lookupPublicAddressValue} -
-
- {this.saveToClipboard(this.lookupPublicAddressValue, this.renderCopyMsg())}} - > - ${translate("sponsorshipspage.schange11")} - -
- ` : ''} -
- { - this.lookupAddressValue = "" - this.lookupPublicAddressValue = "" - this.isOpenDialogPublicKeyLookup = false - this.errorLookup = "" - - }} - > - ${translate("general.close")} - - -
- ` - } } -window.customElements.define("sponsorship-list", SponsorshipList) +window.customElements.define('sponsorship-list', SponsorshipList) From b086d2ddc162971c9a4d44ecb9adb744d92556e1 Mon Sep 17 00:00:00 2001 From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com> Date: Mon, 24 Jul 2023 18:47:58 +0200 Subject: [PATCH 15/27] Reduce api calls and log spam --- plugins/plugins/core/components/ChatPage.js | 1170 ++++++++--------- .../plugins/core/components/ChatScroller.js | 485 +++---- .../core/components/UserInfo/UserInfo.js | 221 ++-- 3 files changed, 905 insertions(+), 971 deletions(-) diff --git a/plugins/plugins/core/components/ChatPage.js b/plugins/plugins/core/components/ChatPage.js index 9cb100cd..c996d325 100644 --- a/plugins/plugins/core/components/ChatPage.js +++ b/plugins/plugins/core/components/ChatPage.js @@ -1,52 +1,56 @@ -import { LitElement, html, css } from 'lit'; -import { animate } from '@lit-labs/motion'; -import { Epml } from '../../../epml.js'; -import { use, get, translate, registerTranslateConfig } from 'lit-translate'; +import { LitElement, html, css } from 'lit' +import { animate } from '@lit-labs/motion' +import { Epml } from '../../../epml.js' +import { use, get, translate, translateUnsafeHTML, registerTranslateConfig } from 'lit-translate' import { generateHTML } from '@tiptap/core' +import { unsafeHTML } from 'lit/directives/unsafe-html.js' +import { Editor, Extension } from '@tiptap/core' +import { escape } from 'html-escaper' +import { inputKeyCodes } from '../../utils/keyCodes.js' +import { replaceMessagesEdited } from '../../utils/replace-messages-edited.js' +import { publishData } from '../../utils/publish-image.js' +import { EmojiPicker } from 'emoji-picker-js' + +import * as zip from '@zip.js/zip.js' + +import localForage from 'localforage' import StarterKit from '@tiptap/starter-kit' -import Underline from '@tiptap/extension-underline'; +import Underline from '@tiptap/extension-underline' import Placeholder from '@tiptap/extension-placeholder' import Highlight from '@tiptap/extension-highlight' -import { unsafeHTML } from 'lit/directives/unsafe-html.js'; -import { Editor, Extension } from '@tiptap/core' -import * as zip from "@zip.js/zip.js"; -import './ChatGifs/ChatGifs.js'; +import WebWorker from 'web-worker:./computePowWorker.js' +import WebWorkerFile from 'web-worker:./computePowWorkerFile.js' +import ShortUniqueId from 'short-unique-id' +import Compressor from 'compressorjs' -import localForage from "localforage"; -registerTranslateConfig({ - loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) -}); -import ShortUniqueId from 'short-unique-id'; -import Compressor from 'compressorjs'; -import { escape } from 'html-escaper'; -import { inputKeyCodes } from '../../utils/keyCodes.js'; -import './ChatScroller.js'; -import './LevelFounder.js'; -import './NameMenu.js'; -import './TimeAgo.js'; -import './ChatTextEditor.js'; -import './WrapperModal.js'; -import './TipUser' +import './ChatScroller.js' +import './LevelFounder.js' +import './NameMenu.js' +import './TimeAgo.js' +import './ChatTextEditor.js' +import './WrapperModal.js' +import './TipUser.js' import './ChatSelect.js' import './ChatSideNavHeads.js' import './ChatLeaveGroup.js' import './ChatGroupSettings.js' import './ChatRightPanel.js' -import './ChatSeachResults.js'; -import '@polymer/paper-spinner/paper-spinner-lite.js'; -import '@material/mwc-button'; -import '@material/mwc-dialog'; -import '@material/mwc-icon'; -import { replaceMessagesEdited } from '../../utils/replace-messages-edited.js'; -import { publishData } from '../../utils/publish-image.js'; -import { EmojiPicker } from 'emoji-picker-js'; -import WebWorker from 'web-worker:./computePowWorker.js'; -import WebWorkerFile from 'web-worker:./computePowWorkerFile.js'; +import './ChatSeachResults.js' +import './ChatGifs/ChatGifs.js' + +import '@material/mwc-button' +import '@material/mwc-dialog' +import '@material/mwc-icon' import '@polymer/paper-dialog/paper-dialog.js' +import '@polymer/paper-spinner/paper-spinner-lite.js' + +registerTranslateConfig({ + loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) +}) const chatLastSeen = localForage.createInstance({ name: "chat-last-seen", -}); +}) const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) @@ -117,7 +121,7 @@ class ChatPage extends LitElement { } static get styles() { - return css` + return css` html { scroll-behavior: smooth; } @@ -308,10 +312,10 @@ class ChatPage extends LitElement { transform: scale(1.15); } - .chat-container { - display: grid; - max-height: 100%; - } + .chat-container { + display: grid; + max-height: 100%; + } .chat-text-area { display: flex; @@ -489,7 +493,7 @@ class ChatPage extends LitElement { 50% { opacity: 0.5; } -} + } .float-left { float: left; @@ -1319,7 +1323,7 @@ class ChatPage extends LitElement { showAnimation: false, position: 'top-start', boxShadow: 'rgba(4, 4, 5, 0.15) 0px 0px 0px 1px, rgba(0, 0, 0, 0.24) 0px 8px 16px 0px' - }); + }) this.openForwardOpen = false this.groupAdmin = [] this.groupMembers = [] @@ -1333,8 +1337,8 @@ class ChatPage extends LitElement { name: "", selected: false } - this.webWorker = null; - this.webWorkerFile = null; + this.webWorker = null + this.webWorkerFile = null this.currentEditor = '_chatEditorDOM' this.initialChat = this.initialChat.bind(this) this.setOpenGifModal = this.setOpenGifModal.bind(this) @@ -1348,27 +1352,26 @@ class ChatPage extends LitElement { } } - setOpenGifModal(value) { this.openGifModal = value } _toggle(value) { - this.shifted = value === (false || true) ? value : !this.shifted; + this.shifted = value === (false || true) ? value : !this.shifted this.requestUpdate() } setOpenTipUser(props) { - this.openTipUser = props; + this.openTipUser = props } setOpenUserInfo(props) { - this.openUserInfo = props; + this.openUserInfo = props } setUserName(props) { - this.userName = props.senderName ? props.senderName : props.sender; - this.setSelectedHead(props); + this.userName = props.senderName ? props.senderName : props.sender + this.setSelectedHead(props) } setSelectedHead(props) { @@ -1376,7 +1379,7 @@ class ChatPage extends LitElement { ...this.selectedHead, address: props.sender, name: props.senderName, - }; + } } toggleEnableChatEnter() { @@ -1389,11 +1392,9 @@ class ChatPage extends LitElement { } setGifsLoading(props) { - this.gifsLoading = props; + this.gifsLoading = props } - - render() { return html`
@@ -1459,7 +1460,6 @@ class ChatPage extends LitElement { this.shadowRoot.querySelector("chat-scroller").shadowRoot.getElementById("downObserver") .scrollIntoView({ behavior: 'smooth', - }); }}> @@ -1575,7 +1575,7 @@ class ChatPage extends LitElement { `: ''} { - this.removeImage(); + this.removeImage() }} style=${(this.imageFile && !this.isUploadingImage) ? "visibility:visible; z-index:50" : "visibility: hidden;z-index:-100"}>
@@ -1602,19 +1602,18 @@ class ChatPage extends LitElement {
@@ -1624,7 +1623,7 @@ class ChatPage extends LitElement { { - this.removeAttachment(); + this.removeAttachment() }} style=${this.attachment && !this.isUploadingAttachment ? "visibility: visible; z-index: 50" : "visibility: hidden; z-index: -100"}>
@@ -1655,18 +1654,18 @@ class ChatPage extends LitElement {
@@ -1685,9 +1684,9 @@ class ChatPage extends LitElement { { - this.openForwardOpen = false; - this.forwardActiveChatHeadUrl = {}; - this.requestUpdate(); + this.openForwardOpen = false + this.forwardActiveChatHeadUrl = {} + this.requestUpdate() }} style=${this.openForwardOpen ? "display: block" : "display: none"}>
@@ -1705,8 +1704,8 @@ class ChatPage extends LitElement { placeholder="${translate("chatpage.cchange7")}" @keydown=${() => { if (this.forwardActiveChatHeadUrl.selected) { - this.forwardActiveChatHeadUrl = {}; - this.requestUpdate(); + this.forwardActiveChatHeadUrl = {} + this.requestUpdate() } } } @@ -1744,10 +1743,10 @@ class ChatPage extends LitElement { icon="vaadin:close-big" slot="icon" @click=${() => { - this.userFound = []; - this.forwardActiveChatHeadUrl = {}; - this.requestUpdate(); - this.shadowRoot.getElementById("sendTo").value = ""; + this.userFound = [] + this.forwardActiveChatHeadUrl = {} + this.requestUpdate() + this.shadowRoot.getElementById("sendTo").value = "" }}>
@@ -1763,8 +1762,8 @@ class ChatPage extends LitElement { this.forwardActiveChatHeadUrl = { ...this.forwardActiveChatHeadUrl, url: val - }; - this.userFound = []; + } + this.userFound = [] }} chatInfo=${JSON.stringify(item)}> ` @@ -1775,9 +1774,9 @@ class ChatPage extends LitElement {
@@ -1799,13 +1798,13 @@ class ChatPage extends LitElement { url: `direct/${result.owner}`, name: result.name, selected: true - }; - this.userFound = []; - this.userFoundModalOpen = false; + } + this.userFound = [] + this.userFoundModalOpen = false }} .closeFunc=${() => { - this.userFoundModalOpen = false; - this.userFound = []; + this.userFoundModalOpen = false + this.userFound = [] }} .searchResults=${this.userFound} ?isOpen=${this.userFoundModalOpen} @@ -1816,7 +1815,7 @@ class ChatPage extends LitElement { { - this.setOpenTipUser(false); + this.setOpenTipUser(false) }} zIndex=${55} style=${this.openTipUser ? "display: block;" : "display: none;"}> @@ -1828,9 +1827,9 @@ class ChatPage extends LitElement { { - this.setOpenUserInfo(false); - this.setUserName(""); - this.setSelectedHead({}); + this.setOpenUserInfo(false) + this.setUserName("") + this.setSelectedHead({}) }} style=${this.openUserInfo ? "display: block" : "display: none" }> @@ -1866,8 +1865,8 @@ class ChatPage extends LitElement { try { const getMembers = await parentEpml.request("apiCall", { type: "api", - url: `/groups/members/${groupId}?onlyAdmins=false&limit=20&offset=${this.pageNumber * 20}`, - }); + url: `/groups/members/${groupId}?onlyAdmins=false&limit=20&offset=${this.pageNumber * 20}` + }) const getMembersWithName = (getMembers.members || []).map(async (member) => { let memberItem = member @@ -1889,18 +1888,16 @@ class ChatPage extends LitElement { } } - - async connectedCallback() { - super.connectedCallback(); + super.connectedCallback() await this.initUpdate() - this.webWorker = new WebWorker(); - this.webWorkerFile = new WebWorkerFile(); - await this.getUpdateCompleteTextEditor(); + this.webWorker = new WebWorker() + this.webWorkerFile = new WebWorkerFile() + await this.getUpdateCompleteTextEditor() - const elementChatId = this.shadowRoot.getElementById('_chatEditorDOM').shadowRoot.getElementById('_chatEditorDOM'); - const elementChatImageId = this.shadowRoot.getElementById('chatTextCaption').shadowRoot.getElementById('newChat'); - const elementChatAttachmentId = this.shadowRoot.getElementById('chatAttachmentId').shadowRoot.getElementById('newAttachmentChat'); + const elementChatId = this.shadowRoot.getElementById('_chatEditorDOM').shadowRoot.getElementById('_chatEditorDOM') + const elementChatImageId = this.shadowRoot.getElementById('chatTextCaption').shadowRoot.getElementById('newChat') + const elementChatAttachmentId = this.shadowRoot.getElementById('chatAttachmentId').shadowRoot.getElementById('newAttachmentChat') this.editor = new Editor({ onUpdate: () => { this.shadowRoot.getElementById('_chatEditorDOM').getMessageSize(this.editor.getJSON()) @@ -1933,10 +1930,7 @@ class ChatPage extends LitElement { this.editor.commands.newlineInCode() ]) } - } - - } } }) @@ -1998,8 +1992,10 @@ class ChatPage extends LitElement { }) ] }) - document.addEventListener('keydown', this.initialChat); - document.addEventListener('paste', this.pasteImage); + + document.addEventListener('keydown', this.initialChat) + document.addEventListener('paste', this.pasteImage) + if (this.chatId) { window.parent.reduxStore.dispatch(window.parent.reduxAction.addChatLastSeen({ key: this.chatId, @@ -2022,33 +2018,33 @@ class ChatPage extends LitElement { } else { this.isPageVisible = false } - }); - }; + }) + } let options = { root: null, rootMargin: '0px', threshold: 0.5 - }; + } // Create the observer with the callback function and options - this.observer = new IntersectionObserver(callback, options); + this.observer = new IntersectionObserver(callback, options) const mainContainer = this.shadowRoot.querySelector('.main-container') - this.observer.observe(mainContainer); + this.observer.observe(mainContainer) } disconnectedCallback() { - super.disconnectedCallback(); + super.disconnectedCallback() if (this.webSocket) { this.webSocket.close(1000, 'switch chat') this.webSocket = '' } if (this.webWorker) { - this.webWorker.terminate(); + this.webWorker.terminate() } if (this.webWorkerFile) { - this.webWorkerFile.terminate(); + this.webWorkerFile.terminate() } if (this.editor) { this.editor.destroy() @@ -2057,19 +2053,18 @@ class ChatPage extends LitElement { this.editorImage.destroy() } if (this.observer) { - this.observer.disconnect(); + this.observer.disconnect() } - document.removeEventListener('keydown', this.initialChat); - document.removeEventListener('paste', this.pasteImage); + document.removeEventListener('keydown', this.initialChat) + document.removeEventListener('paste', this.pasteImage) + if (this.chatId) { window.parent.reduxStore.dispatch(window.parent.reduxAction.addChatLastSeen({ key: this.chatId, timestamp: Date.now() })) - } - } initialChat(e) { @@ -2085,43 +2080,41 @@ class ChatPage extends LitElement { } } - async pasteImage(e) { - const event = e; + const event = e const handleTransferIntoURL = (dataTransfer) => { try { - const [firstItem] = dataTransfer.items; - const blob = firstItem.getAsFile(); - return blob; + const [firstItem] = dataTransfer.items + const blob = firstItem.getAsFile() + return blob } catch (error) { - console.log(error); } } if (event.clipboardData) { const blobFound = handleTransferIntoURL(event.clipboardData) if (blobFound) { - this.insertImage(blobFound); - return; + this.insertImage(blobFound) + return } else { - const item_list = await navigator.clipboard.read(); - let image_type; + const item_list = await navigator.clipboard.read() + let image_type const item = item_list.find(item => item.types.some(type => { if (type.startsWith('image/')) { - image_type = type; - return true; + image_type = type + return true } }) - ); + ) if (item) { try { - const blob = item && await item.getType(image_type); + const blob = item && await item.getType(image_type) let file = new File([blob], "name", { type: image_type - }); - this.insertImage(file); + }) + this.insertImage(file) } catch (error) { - console.error(error); + console.error(error) let errorMsg = get("chatpage.cchange81") parentEpml.request('showSnackBar', `${errorMsg}`) } @@ -2145,18 +2138,15 @@ class ChatPage extends LitElement { findElement.classList.remove('blink-bg') }, 2000) } - return } + if ((message.timestamp - this.messagesRendered[0].timestamp) > 86400000) { let errorMsg = get("chatpage.cchange66") parentEpml.request('showSnackBar', `${errorMsg}`) return } - - - if ((message.timestamp - this.messagesRendered[0].timestamp) < 86400000) { const findOriginalMessage = this.shadowRoot.querySelector('chat-scroller').shadowRoot.getElementById(clickedOnMessage.signature) if (findOriginalMessage) { @@ -2195,16 +2185,15 @@ class ChatPage extends LitElement { parentEpml.request('showSnackBar', `${errorMsg}`) } - } async userSearch() { - const nameValue = this.shadowRoot.getElementById('sendTo').value; + const nameValue = this.shadowRoot.getElementById('sendTo').value if (!nameValue) { - this.userFound = []; - this.userFoundModalOpen = false; - this.loading = false; - return; + this.userFound = [] + this.userFoundModalOpen = false + this.loading = false + return } try { const result = await parentEpml.request('apiCall', { @@ -2212,19 +2201,18 @@ class ChatPage extends LitElement { url: `/names/${nameValue}` }) if (result.error === 401) { - this.loading = false; - this.userFound = []; - this.loading = false; + this.userFound = [] + this.loading = false } else { this.userFound = [ ...this.userFound, result, - ]; + ] } - this.userFoundModalOpen = true; + this.userFoundModalOpen = true } catch (error) { - this.loading = false; - let err4string = get("chatpage.cchange35"); + this.loading = false + let err4string = get("chatpage.cchange35") parentEpml.request('showSnackBar', `${err4string}`) } } @@ -2235,12 +2223,12 @@ class ChatPage extends LitElement { } async sendForwardMessage() { - let parsedMessageObj = {}; + let parsedMessageObj = {} try { - parsedMessageObj = JSON.parse(this.forwardedMessage); + parsedMessageObj = JSON.parse(this.forwardedMessage) } catch (error) { - parsedMessageObj = {}; + parsedMessageObj = {} } try { @@ -2249,45 +2237,43 @@ class ChatPage extends LitElement { type: 'forward' } delete message.reactions - const stringifyMessageObject = JSON.stringify(message); + const stringifyMessageObject = JSON.stringify(message) this.sendMessage(stringifyMessageObject, undefined, '', true) } catch (error) { } } showLastMessageRefScroller(props) { - this.lastMessageRefVisible = props; + this.lastMessageRefVisible = props } - insertFile(file) { if (file.type.includes('image')) { - this.imageFile = file; - this.currentEditor = 'newChat'; - return; + this.imageFile = file + this.currentEditor = 'newChat' + return } else { - this.attachment = file; - this.currentEditor = "newAttachmentChat"; - return; + this.attachment = file + this.currentEditor = "newAttachmentChat" + return } - // parentEpml.request('showSnackBar', get("chatpage.cchange28")); } removeImage() { - this.imageFile = null; - this.resetChatEditor(); - this.currentEditor = '_chatEditorDOM'; + this.imageFile = null + this.resetChatEditor() + this.currentEditor = '_chatEditorDOM' } removeAttachment() { - this.attachment = null; - this.resetChatEditor(); - this.currentEditor = '_chatEditorDOM'; + this.attachment = null + this.resetChatEditor() + this.currentEditor = '_chatEditorDOM' } changeMsgInput(id) { - this.chatMessageInput = this.shadowRoot.getElementById(id); - this.initChatEditor(); + this.chatMessageInput = this.shadowRoot.getElementById(id) + this.initChatEditor() } async initUpdate() { @@ -2316,41 +2302,44 @@ class ChatPage extends LitElement { this.fetchChatMessages(this._chatId) } }) - }; + } setTimeout(() => { - const isRecipient = this.chatId.includes('direct') === true ? true : false; - this.chatId.includes('direct') === true ? this.isReceipient = true : this.isReceipient = false; - this._chatId = this.chatId.split('/')[1]; - const mstring = get("chatpage.cchange8"); - const placeholder = isRecipient === true ? `Message ${this._chatId}` : `${mstring}`; - this.chatEditorPlaceholder = placeholder; + const isRecipient = this.chatId.includes('direct') === true ? true : false + this.chatId.includes('direct') === true ? this.isReceipient = true : this.isReceipient = false + this._chatId = this.chatId.split('/')[1] + const mstring = get("chatpage.cchange8") + const placeholder = isRecipient === true ? `Message ${this._chatId}` : `${mstring}` + this.chatEditorPlaceholder = placeholder - isRecipient ? getAddressPublicKey() : this.fetchChatMessages(this._chatId); + isRecipient ? getAddressPublicKey() : this.fetchChatMessages(this._chatId) // Init ChatEditor - // this.initChatEditor(); + // this.initChatEditor() }, 100) - const isRecipient = this.chatId.includes('direct') === true ? true : false; - const groupId = this.chatId.split('/')[1]; + const isRecipient = this.chatId.includes('direct') === true ? true : false + const groupId = this.chatId.split('/')[1] if (!isRecipient && groupId.toString() !== '0') { try { const getMembers = await parentEpml.request("apiCall", { type: "api", - url: `/groups/members/${groupId}?onlyAdmins=false&limit=20&offset=0`, - }); + url: `/groups/members/${groupId}?onlyAdmins=false&limit=20&offset=0` + }) + const getMembersAdmins = await parentEpml.request("apiCall", { type: "api", - url: `/groups/members/${groupId}?onlyAdmins=true&limit=20`, - }); + url: `/groups/members/${groupId}?onlyAdmins=true&limit=20` + }) + const getGroupInfo = await parentEpml.request("apiCall", { type: "api", - url: `/groups/${groupId}`, - }); + url: `/groups/${groupId}` + }) + const getMembersAdminsWithName = (getMembersAdmins.members || []).map(async (member) => { let memberItem = member try { @@ -2361,10 +2350,11 @@ class ChatPage extends LitElement { } } catch (error) { } - return memberItem }) + const membersAdminsWithName = await Promise.all(getMembersAdminsWithName) + const getMembersWithName = (getMembers.members || []).map(async (member) => { let memberItem = member try { @@ -2375,7 +2365,6 @@ class ChatPage extends LitElement { } } catch (error) { } - return memberItem }) const membersWithName = await Promise.all(getMembersWithName) @@ -2385,15 +2374,13 @@ class ChatPage extends LitElement { } catch (error) { } } - - } async firstUpdated() { window.addEventListener('storage', () => { - const checkLanguage = localStorage.getItem('qortalLanguage'); - use(checkLanguage); - this.userLanguage = checkLanguage; + const checkLanguage = localStorage.getItem('qortalLanguage') + use(checkLanguage) + this.userLanguage = checkLanguage }) parentEpml.ready().then(() => { @@ -2408,9 +2395,8 @@ class ChatPage extends LitElement { }).then(res => { this.balance = res }) - }) - parentEpml.imReady(); + parentEpml.imReady() const isEnabledChatEnter = localStorage.getItem('isEnabledChatEnter') @@ -2424,13 +2410,11 @@ class ChatPage extends LitElement { if (changedProperties && changedProperties.has('userLanguage')) { const userLang = changedProperties.get('userLanguage') if (userLang) { - await new Promise(r => setTimeout(r, 100)); - this.chatEditorPlaceholder = this.isReceipient === true ? `Message ${this._chatId}` : `${get("chatpage.cchange8")}`; + await new Promise(r => setTimeout(r, 100)) + this.chatEditorPlaceholder = this.isReceipient === true ? `Message ${this._chatId}` : `${get("chatpage.cchange8")}` } } - - if (changedProperties && changedProperties.has('isLoading')) { if (this.isLoading === true && this.currentEditor === '_chatEditorDOM' && this.editor && this.editor.setEditable) { this.editor.setEditable(false) @@ -2445,8 +2429,8 @@ class ChatPage extends LitElement { try { const getNames = await parentEpml.request("apiCall", { type: "api", - url: `/names/address/${recipient}`, - }); + url: `/names/address/${recipient}` + }) if (Array.isArray(getNames) && getNames.length > 0) { return getNames[0].name @@ -2464,8 +2448,8 @@ class ChatPage extends LitElement { try { const getNames = await parentEpml.request("apiCall", { type: "api", - url: `/names/address/${recipient}`, - }); + url: `/names/address/${recipient}` + }) if (Array.isArray(getNames) && getNames.length > 0) { return getNames[0].name @@ -2479,65 +2463,66 @@ class ChatPage extends LitElement { } let userName = "" if (this.isReceipient) { - userName = await getName(this._chatId); + userName = await getName(this._chatId) } - const mstring = get("chatpage.cchange8"); - const placeholder = this.isReceipient === true ? `Message ${userName ? userName : this._chatId}` : `${mstring}`; - return placeholder; + const mstring = get("chatpage.cchange8") + const placeholder = this.isReceipient === true ? `Message ${userName ? userName : this._chatId}` : `${mstring}` + return placeholder } renderChatScroller() { return html` this.setRepliedToMessageObj(val)} - .setEditedMessageObj=${(val) => this.setEditedMessageObj(val)} - .sendMessage=${(val) => this._sendMessage(val)} - .sendMessageForward=${(messageText, typeMessage, chatReference, isForward, forwardParams) => this.sendMessage(messageText, typeMessage, chatReference, isForward, forwardParams)} - .showLastMessageRefScroller=${(val) => this.showLastMessageRefScroller(val)} - .emojiPicker=${this.emojiPicker} - ?isLoadingMessages=${this.isLoadingOldMessages} - .setIsLoadingMessages=${(val) => this.setIsLoadingMessages(val)} - .setForwardProperties=${(forwardedMessage) => this.setForwardProperties(forwardedMessage)} - .setOpenPrivateMessage=${(val) => this.setOpenPrivateMessage(val)} - .setOpenTipUser=${(val) => this.setOpenTipUser(val)} - .setOpenUserInfo=${(val) => this.setOpenUserInfo(val)} - .setUserName=${(val) => this.setUserName(val)} - .setSelectedHead=${(val) => this.setSelectedHead(val)} - ?openTipUser=${this.openTipUser} - .selectedHead=${this.selectedHead} - .goToRepliedMessage=${(val, val2) => this.goToRepliedMessage(val, val2)} - .getOldMessageAfter=${(val) => this.getOldMessageAfter(val)} + chatId=${this.chatId} + .messages=${this.messagesRendered} + .escapeHTML=${escape} + .getOldMessage=${this.getOldMessage} + .setRepliedToMessageObj=${(val) => this.setRepliedToMessageObj(val)} + .setEditedMessageObj=${(val) => this.setEditedMessageObj(val)} + .sendMessage=${(val) => this._sendMessage(val)} + .sendMessageForward=${(messageText, typeMessage, chatReference, isForward, forwardParams) => this.sendMessage(messageText, typeMessage, chatReference, isForward, forwardParams)} + .showLastMessageRefScroller=${(val) => this.showLastMessageRefScroller(val)} + .emojiPicker=${this.emojiPicker} + ?isLoadingMessages=${this.isLoadingOldMessages} + .setIsLoadingMessages=${(val) => this.setIsLoadingMessages(val)} + .setForwardProperties=${(forwardedMessage) => this.setForwardProperties(forwardedMessage)} + .setOpenPrivateMessage=${(val) => this.setOpenPrivateMessage(val)} + .setOpenTipUser=${(val) => this.setOpenTipUser(val)} + .setOpenUserInfo=${(val) => this.setOpenUserInfo(val)} + .setUserName=${(val) => this.setUserName(val)} + .setSelectedHead=${(val) => this.setSelectedHead(val)} + ?openTipUser=${this.openTipUser} + .selectedHead=${this.selectedHead} + .goToRepliedMessage=${(val, val2) => this.goToRepliedMessage(val, val2)} + .getOldMessageAfter=${(val) => this.getOldMessageAfter(val)} > ` } + setIsLoadingMessages(val) { this.isLoadingOldMessages = val } + async getUpdateComplete() { - await super.getUpdateComplete(); - const marginElements = Array.from(this.shadowRoot.querySelectorAll('chat-scroller')); - await Promise.all(marginElements.map(el => el.updateComplete)); - return true; + await super.getUpdateComplete() + const marginElements = Array.from(this.shadowRoot.querySelectorAll('chat-scroller')) + await Promise.all(marginElements.map(el => el.updateComplete)) + return true } async getUpdateCompleteTextEditor() { - await super.getUpdateComplete(); - const marginElements = Array.from(this.shadowRoot.querySelectorAll('chat-text-editor')); - await Promise.all(marginElements.map(el => el.updateComplete)); - const marginElements2 = Array.from(this.shadowRoot.querySelectorAll('wrapper-modal')); - await Promise.all(marginElements2.map(el => el.updateComplete)); - return true; + await super.getUpdateComplete() + const marginElements = Array.from(this.shadowRoot.querySelectorAll('chat-text-editor')) + await Promise.all(marginElements.map(el => el.updateComplete)) + const marginElements2 = Array.from(this.shadowRoot.querySelectorAll('wrapper-modal')) + await Promise.all(marginElements2.map(el => el.updateComplete)) + return true } updatePlaceholder(editor, text) { editor.extensionManager.extensions.forEach((extension) => { if (extension.name === "placeholder") { - extension.options["placeholder"] = text editor.commands.focus('end') } @@ -2549,14 +2534,13 @@ class ChatPage extends LitElement { if (this.isReceipient) { const getInitialMessages = await parentEpml.request('apiCall', { type: 'api', - url: `/chat/messages?involving=${window.parent.reduxStore.getState().app.selectedAddress.address}&involving=${this._chatId}&limit=${limit}&reverse=true&before=${before}&after=${after}&haschatreference=false&encoding=BASE64`, - }); + url: `/chat/messages?involving=${window.parent.reduxStore.getState().app.selectedAddress.address}&involving=${this._chatId}&limit=${limit}&reverse=true&before=${before}&after=${after}&haschatreference=false&encoding=BASE64` + }) const decodeMsgs = getInitialMessages.map((eachMessage) => { return this.decodeMessage(eachMessage) }) - const replacedMessages = await replaceMessagesEdited({ decodedMessages: decodeMsgs, parentEpml, @@ -2564,28 +2548,24 @@ class ChatPage extends LitElement { decodeMessageFunc: this.decodeMessage, _publicKey: this._publicKey }) + this.messagesRendered = [...replacedMessages, ...this.messagesRendered].sort(function (a, b) { return a.timestamp - b.timestamp }) + this.isLoadingOldMessages = false - await this.getUpdateComplete(); - const viewElement = this.shadowRoot.querySelector('chat-scroller').shadowRoot.getElementById('viewElement'); + await this.getUpdateComplete() + const viewElement = this.shadowRoot.querySelector('chat-scroller').shadowRoot.getElementById('viewElement') if (viewElement) { viewElement.scrollTop = 200 } - - - - - } else { const getInitialMessages = await parentEpml.request('apiCall', { type: 'api', - url: `/chat/messages?txGroupId=${Number(this._chatId)}&limit=${limit}&reverse=true&before=${before}&after=${after}&haschatreference=false&encoding=BASE64`, - }); - + url: `/chat/messages?txGroupId=${Number(this._chatId)}&limit=${limit}&reverse=true&before=${before}&after=${after}&haschatreference=false&encoding=BASE64` + }) const decodeMsgs = getInitialMessages.map((eachMessage) => { return this.decodeMessage(eachMessage) @@ -2603,35 +2583,28 @@ class ChatPage extends LitElement { return a.timestamp - b.timestamp }) + this.isLoadingOldMessages = false - await this.getUpdateComplete(); - const viewElement = this.shadowRoot.querySelector('chat-scroller').shadowRoot.getElementById('viewElement'); + await this.getUpdateComplete() + const viewElement = this.shadowRoot.querySelector('chat-scroller').shadowRoot.getElementById('viewElement') if (viewElement) { viewElement.scrollTop = 200 } - - - - - } } - async getOldMessage(scrollElement) { - if (this.isReceipient) { const getInitialMessages = await parentEpml.request('apiCall', { type: 'api', - url: `/chat/messages?involving=${window.parent.reduxStore.getState().app.selectedAddress.address}&involving=${this._chatId}&limit=20&reverse=true&before=${scrollElement.messageObj.timestamp}&haschatreference=false&encoding=BASE64`, - }); + url: `/chat/messages?involving=${window.parent.reduxStore.getState().app.selectedAddress.address}&involving=${this._chatId}&limit=20&reverse=true&before=${scrollElement.messageObj.timestamp}&haschatreference=false&encoding=BASE64` + }) const decodeMsgs = getInitialMessages.map((eachMessage) => { return this.decodeMessage(eachMessage) }) - const replacedMessages = await replaceMessagesEdited({ decodedMessages: decodeMsgs, parentEpml, @@ -2639,27 +2612,26 @@ class ChatPage extends LitElement { decodeMessageFunc: this.decodeMessage, _publicKey: this._publicKey }) + this.messagesRendered = [...replacedMessages, ...this.messagesRendered].sort(function (a, b) { return a.timestamp - b.timestamp }) + this.isLoadingOldMessages = false - await this.getUpdateComplete(); - const marginElements = Array.from(this.shadowRoot.querySelector('chat-scroller').shadowRoot.querySelectorAll('message-template')); + await this.getUpdateComplete() + const marginElements = Array.from(this.shadowRoot.querySelector('chat-scroller').shadowRoot.querySelectorAll('message-template')) const findElement = marginElements.find((item) => item.messageObj.signature === scrollElement.messageObj.signature) if (findElement) { - findElement.scrollIntoView({ behavior: 'auto', block: 'center' }); + findElement.scrollIntoView({ behavior: 'auto', block: 'center' }) } - - } else { const getInitialMessages = await parentEpml.request('apiCall', { type: 'api', - url: `/chat/messages?txGroupId=${Number(this._chatId)}&limit=20&reverse=true&before=${scrollElement.messageObj.timestamp}&haschatreference=false&encoding=BASE64`, - }); - + url: `/chat/messages?txGroupId=${Number(this._chatId)}&limit=20&reverse=true&before=${scrollElement.messageObj.timestamp}&haschatreference=false&encoding=BASE64` + }) const decodeMsgs = getInitialMessages.map((eachMessage) => { return this.decodeMessage(eachMessage) @@ -2677,32 +2649,29 @@ class ChatPage extends LitElement { return a.timestamp - b.timestamp }) + this.isLoadingOldMessages = false - await this.getUpdateComplete(); - const marginElements = Array.from(this.shadowRoot.querySelector('chat-scroller').shadowRoot.querySelectorAll('message-template')); + await this.getUpdateComplete() + const marginElements = Array.from(this.shadowRoot.querySelector('chat-scroller').shadowRoot.querySelectorAll('message-template')) const findElement = marginElements.find((item) => item.messageObj.signature === scrollElement.messageObj.signature) if (findElement) { - findElement.scrollIntoView({ behavior: 'auto', block: 'center' }); + findElement.scrollIntoView({ behavior: 'auto', block: 'center' }) } - - } } async getOldMessageAfter(scrollElement) { - if (this.isReceipient) { const getInitialMessages = await parentEpml.request('apiCall', { type: 'api', - url: `/chat/messages?involving=${window.parent.reduxStore.getState().app.selectedAddress.address}&involving=${this._chatId}&limit=20&reverse=true&afer=${scrollElement.messageObj.timestamp}&haschatreference=false&encoding=BASE64`, - }); + url: `/chat/messages?involving=${window.parent.reduxStore.getState().app.selectedAddress.address}&involving=${this._chatId}&limit=20&reverse=true&afer=${scrollElement.messageObj.timestamp}&haschatreference=false&encoding=BASE64` + }) const decodeMsgs = getInitialMessages.map((eachMessage) => { return this.decodeMessage(eachMessage) }) - const replacedMessages = await replaceMessagesEdited({ decodedMessages: decodeMsgs, parentEpml, @@ -2710,27 +2679,26 @@ class ChatPage extends LitElement { decodeMessageFunc: this.decodeMessage, _publicKey: this._publicKey }) + this.messagesRendered = [...this.messagesRendered, ...replacedMessages].sort(function (a, b) { return a.timestamp - b.timestamp }) + this.isLoadingOldMessages = false - await this.getUpdateComplete(); - const marginElements = Array.from(this.shadowRoot.querySelector('chat-scroller').shadowRoot.querySelectorAll('message-template')); + await this.getUpdateComplete() + const marginElements = Array.from(this.shadowRoot.querySelector('chat-scroller').shadowRoot.querySelectorAll('message-template')) const findElement = marginElements.find((item) => item.messageObj.signature === scrollElement.messageObj.signature) if (findElement) { - findElement.scrollIntoView({ behavior: 'auto', block: 'center' }); + findElement.scrollIntoView({ behavior: 'auto', block: 'center' }) } - - } else { const getInitialMessages = await parentEpml.request('apiCall', { type: 'api', - url: `/chat/messages?txGroupId=${Number(this._chatId)}&limit=20&reverse=true&after=${scrollElement.messageObj.timestamp}&haschatreference=false&encoding=BASE64`, - }); - + url: `/chat/messages?txGroupId=${Number(this._chatId)}&limit=20&reverse=true&after=${scrollElement.messageObj.timestamp}&haschatreference=false&encoding=BASE64` + }) const decodeMsgs = getInitialMessages.map((eachMessage) => { return this.decodeMessage(eachMessage) @@ -2748,16 +2716,15 @@ class ChatPage extends LitElement { return a.timestamp - b.timestamp }) + this.isLoadingOldMessages = false - await this.getUpdateComplete(); - const marginElements = Array.from(this.shadowRoot.querySelector('chat-scroller').shadowRoot.querySelectorAll('message-template')); + await this.getUpdateComplete() + const marginElements = Array.from(this.shadowRoot.querySelector('chat-scroller').shadowRoot.querySelectorAll('message-template')) const findElement = marginElements.find((item) => item.messageObj.signature === scrollElement.messageObj.signature) if (findElement) { - findElement.scrollIntoView({ behavior: 'auto', block: 'center' }); + findElement.scrollIntoView({ behavior: 'auto', block: 'center' }) } - - } } @@ -2776,7 +2743,7 @@ class ChatPage extends LitElement { } }) if (isInitial) { - this.chatEditorPlaceholder = await this.renderPlaceholder(); + this.chatEditorPlaceholder = await this.renderPlaceholder() const replacedMessages = await replaceMessagesEdited({ decodedMessages: decodedMessages, parentEpml, @@ -2791,10 +2758,10 @@ class ChatPage extends LitElement { }) // TODO: Determine number of initial messages by screen height... - this.messagesRendered = this._messages; - this.isLoadingMessages = false; + this.messagesRendered = this._messages + this.isLoadingMessages = false - setTimeout(() => this.downElementObserver(), 500); + setTimeout(() => this.downElementObserver(), 500) } else { const replacedMessages = await replaceMessagesEdited({ decodedMessages: decodedMessages, @@ -2808,7 +2775,9 @@ class ChatPage extends LitElement { const renderEachMessage = replacedMessages.map(async (msg) => { await this.renderNewMessage(msg) }) + await Promise.all(renderEachMessage) + if (this.chatId && this.isPageVisible) { window.parent.reduxStore.dispatch(window.parent.reduxAction.addChatLastSeen({ key: this.chatId, @@ -2828,33 +2797,31 @@ class ChatPage extends LitElement { setRepliedToMessageObj(messageObj) { this.editor.commands.focus('end') - this.repliedToMessageObj = { ...messageObj }; - this.editedMessageObj = null; - this.requestUpdate(); + this.repliedToMessageObj = { ...messageObj } + this.editedMessageObj = null + this.requestUpdate() } // set edited message in chat editor setEditedMessageObj(messageObj) { this.editor.commands.focus('end') - this.editedMessageObj = { ...messageObj }; - this.repliedToMessageObj = null; - this.requestUpdate(); + this.editedMessageObj = { ...messageObj } + this.repliedToMessageObj = null + this.requestUpdate() } closeEditMessageContainer() { - this.editedMessageObj = null; - this.isEditMessageOpen = !this.isEditMessageOpen; + this.editedMessageObj = null + this.isEditMessageOpen = !this.isEditMessageOpen this.editor.commands.setContent('') } closeRepliedToContainer() { - this.repliedToMessageObj = null; - this.requestUpdate(); + this.repliedToMessageObj = null + this.requestUpdate() } - - /** * New Message Template implementation, takes in a message object. * @param { Object } messageObj @@ -2872,32 +2839,32 @@ class ChatPage extends LitElement { sender: newMessagesRendered[findOriginalMessageIndex].sender, editedTimestamp: newMessage.timestamp } this.messagesRendered = newMessagesRendered - await this.getUpdateComplete(); + await this.getUpdateComplete() } - return } - const viewElement = this.shadowRoot.querySelector('chat-scroller').shadowRoot.getElementById('viewElement'); + + const viewElement = this.shadowRoot.querySelector('chat-scroller').shadowRoot.getElementById('viewElement') if (newMessage.sender === this.selectedAddress.address) { this.messagesRendered = [...this.messagesRendered, newMessage] - await this.getUpdateComplete(); + await this.getUpdateComplete() - viewElement.scrollTop = viewElement.scrollHeight; + viewElement.scrollTop = viewElement.scrollHeight } else if (this.isUserDown) { // Append the message and scroll to the bottom if user is down the page this.messagesRendered = [...this.messagesRendered, newMessage] - await this.getUpdateComplete(); + await this.getUpdateComplete() - viewElement.scrollTop = viewElement.scrollHeight; + viewElement.scrollTop = viewElement.scrollHeight } else { this.messagesRendered = [...this.messagesRendered, newMessage] - await this.getUpdateComplete(); + await this.getUpdateComplete() - this.showNewMessageBar(); + this.showNewMessageBar() } } @@ -2907,41 +2874,39 @@ class ChatPage extends LitElement { * */ decodeMessage(encodedMessageObj, isReceipient, _publicKey) { - let isReceipientVar; - let _publicKeyVar; + let isReceipientVar + let _publicKeyVar try { - isReceipientVar = this.isReceipient === undefined ? isReceipient : this.isReceipient; - _publicKeyVar = this._publicKey === undefined ? _publicKey : this._publicKey; + isReceipientVar = this.isReceipient === undefined ? isReceipient : this.isReceipient + _publicKeyVar = this._publicKey === undefined ? _publicKey : this._publicKey } catch (error) { - isReceipientVar = isReceipient; - _publicKeyVar = _publicKey; + isReceipientVar = isReceipient + _publicKeyVar = _publicKey } - let decodedMessageObj = {}; + let decodedMessageObj = {} if (isReceipientVar === true) { // direct chat if (encodedMessageObj.isEncrypted === true && _publicKeyVar.hasPubKey === true && encodedMessageObj.data) { - let decodedMessage = window.parent.decryptChatMessageBase64(encodedMessageObj.data, window.parent.reduxStore.getState().app.selectedAddress.keyPair.privateKey, _publicKeyVar.key, encodedMessageObj.reference); - decodedMessageObj = { ...encodedMessageObj, decodedMessage }; + let decodedMessage = window.parent.decryptChatMessageBase64(encodedMessageObj.data, window.parent.reduxStore.getState().app.selectedAddress.keyPair.privateKey, _publicKeyVar.key, encodedMessageObj.reference) + decodedMessageObj = { ...encodedMessageObj, decodedMessage } } else if (encodedMessageObj.isEncrypted === false && encodedMessageObj.data) { - let decodedMessage = window.parent.Base64.decode(encodedMessageObj.data); - decodedMessageObj = { ...encodedMessageObj, decodedMessage }; + let decodedMessage = window.parent.Base64.decode(encodedMessageObj.data) + decodedMessageObj = { ...encodedMessageObj, decodedMessage } } else { - decodedMessageObj = { ...encodedMessageObj, decodedMessage: "Cannot Decrypt Message!" }; + decodedMessageObj = { ...encodedMessageObj, decodedMessage: "Cannot Decrypt Message!" } } } else { // group chat - let decodedMessage = window.parent.Base64.decode(encodedMessageObj.data); - decodedMessageObj = { ...encodedMessageObj, decodedMessage }; + let decodedMessage = window.parent.Base64.decode(encodedMessageObj.data) + decodedMessageObj = { ...encodedMessageObj, decodedMessage } } - - return decodedMessageObj; + return decodedMessageObj } async fetchChatMessages(chatId) { - const initDirect = async (cid, noInitial) => { let timeoutId let initial = 0 @@ -2954,15 +2919,13 @@ class ChatPage extends LitElement { let directSocketLink if (window.parent.location.protocol === "https:") { - - directSocketLink = `wss://${nodeUrl}/websockets/chat/messages?involving=${window.parent.reduxStore.getState().app.selectedAddress.address}&involving=${cid}&encoding=BASE64&limit=1`; + directSocketLink = `wss://${nodeUrl}/websockets/chat/messages?involving=${window.parent.reduxStore.getState().app.selectedAddress.address}&involving=${cid}&encoding=BASE64&limit=1` } else { - // Fallback to http - directSocketLink = `ws://${nodeUrl}/websockets/chat/messages?involving=${window.parent.reduxStore.getState().app.selectedAddress.address}&involving=${cid}&encoding=BASE64&limit=1`; + directSocketLink = `ws://${nodeUrl}/websockets/chat/messages?involving=${window.parent.reduxStore.getState().app.selectedAddress.address}&involving=${cid}&encoding=BASE64&limit=1` } - this.webSocket = new WebSocket(directSocketLink); + this.webSocket = new WebSocket(directSocketLink) // Open Connection this.webSocket.onopen = () => { setTimeout(pingDirectSocket, 50) @@ -2971,7 +2934,7 @@ class ChatPage extends LitElement { // Message Event this.webSocket.onmessage = async (e) => { if (e.data === 'pong') { - clearTimeout(timeoutId); + clearTimeout(timeoutId) directSocketTimeout = setTimeout(pingDirectSocket, 45000) return } @@ -2983,16 +2946,14 @@ class ChatPage extends LitElement { const lastMessage = cachedData[cachedData.length - 1] const newMessages = await parentEpml.request('apiCall', { type: 'api', - url: `/chat/messages?involving=${window.parent.reduxStore.getState().app.selectedAddress.address}&involving=${cid}&limit=20&reverse=true&after=${lastMessage.timestamp}&haschatreference=false&encoding=BASE64`, - }); + url: `/chat/messages?involving=${window.parent.reduxStore.getState().app.selectedAddress.address}&involving=${cid}&limit=20&reverse=true&after=${lastMessage.timestamp}&haschatreference=false&encoding=BASE64` + }) getInitialMessages = [...cachedData, ...newMessages].slice(-20) } else { getInitialMessages = await parentEpml.request('apiCall', { type: 'api', - url: `/chat/messages?involving=${window.parent.reduxStore.getState().app.selectedAddress.address}&involving=${cid}&limit=20&reverse=true&haschatreference=false&encoding=BASE64`, - }); - - + url: `/chat/messages?involving=${window.parent.reduxStore.getState().app.selectedAddress.address}&involving=${cid}&limit=20&reverse=true&haschatreference=false&encoding=BASE64` + }) } this.processMessages(getInitialMessages, true) @@ -3005,10 +2966,7 @@ class ChatPage extends LitElement { this.processMessages(JSON.parse(e.data), false) } } catch (error) { - } - - } } @@ -3027,17 +2985,17 @@ class ChatPage extends LitElement { const pingDirectSocket = () => { this.webSocket.send('ping') timeoutId = setTimeout(() => { - this.webSocket.close(); + this.webSocket.close() clearTimeout(directSocketTimeout) - }, 5000); + }, 5000) } + } - - }; const restartDirectWebSocket = () => { const noInitial = true setTimeout(() => initDirect(chatId, noInitial), 50) } + const restartGroupWebSocket = () => { const noInitial = true let groupChatId = Number(chatId) @@ -3058,32 +3016,29 @@ class ChatPage extends LitElement { let groupSocketLink if (window.parent.location.protocol === "https:") { - - groupSocketLink = `wss://${nodeUrl}/websockets/chat/messages?txGroupId=${groupId}&encoding=BASE64&limit=1`; + groupSocketLink = `wss://${nodeUrl}/websockets/chat/messages?txGroupId=${groupId}&encoding=BASE64&limit=1` } else { - // Fallback to http - groupSocketLink = `ws://${nodeUrl}/websockets/chat/messages?txGroupId=${groupId}&encoding=BASE64&limit=1`; + groupSocketLink = `ws://${nodeUrl}/websockets/chat/messages?txGroupId=${groupId}&encoding=BASE64&limit=1` } - this.webSocket = new WebSocket(groupSocketLink); + this.webSocket = new WebSocket(groupSocketLink) // Open Connection this.webSocket.onopen = () => { - setTimeout(pingGroupSocket, 50) } // Message Event this.webSocket.onmessage = async (e) => { if (e.data === 'pong') { - clearTimeout(timeoutId); + clearTimeout(timeoutId) groupSocketTimeout = setTimeout(pingGroupSocket, 45000) return } if (initial === 0) { if (noInitial) return - const cachedData = null; + const cachedData = null let getInitialMessages = [] if (cachedData && cachedData.length !== 0) { @@ -3091,18 +3046,16 @@ class ChatPage extends LitElement { const newMessages = await parentEpml.request('apiCall', { type: 'api', - url: `/chat/messages?txGroupId=${groupId}&limit=20&reverse=true&after=${lastMessage.timestamp}&haschatreference=false&encoding=BASE64`, - }); + url: `/chat/messages?txGroupId=${groupId}&limit=20&reverse=true&after=${lastMessage.timestamp}&haschatreference=false&encoding=BASE64` + }) getInitialMessages = [...cachedData, ...newMessages].slice(-20) } else { getInitialMessages = await parentEpml.request('apiCall', { type: 'api', - url: `/chat/messages?txGroupId=${groupId}&limit=20&reverse=true&haschatreference=false&encoding=BASE64`, - }); - + url: `/chat/messages?txGroupId=${groupId}&limit=20&reverse=true&haschatreference=false&encoding=BASE64` + }) } - this.processMessages(getInitialMessages, true) initial = initial + 1 @@ -3112,10 +3065,7 @@ class ChatPage extends LitElement { this.processMessages(JSON.parse(e.data), false) } } catch (error) { - } - - } } @@ -3129,33 +3079,28 @@ class ChatPage extends LitElement { // Error Event this.webSocket.onerror = () => { clearTimeout(groupSocketTimeout) - this.webSocket.close(); + this.webSocket.close() } const pingGroupSocket = () => { this.webSocket.send('ping') timeoutId = setTimeout(() => { - this.webSocket.close(); + this.webSocket.close() clearTimeout(groupSocketTimeout) - }, 5000); // Close the WebSocket connection if no pong message is received within 5 seconds. + }, 5000) // Close the WebSocket connection if no pong message is received within 5 seconds. } - - }; - + } if (chatId !== undefined) { - if (this.isReceipient) { initDirect(chatId) } else { let groupChatId = Number(chatId) initGroup(groupChatId) } - } else { // ... Render a nice "Error, Go Back" component. } - // Add to the messages... TODO: Save messages to localstorage and fetch from it to make it persistent... } @@ -3196,7 +3141,7 @@ class ChatPage extends LitElement { } if (!hasPublicKey || !this._publicKey.hasPubKey) { - let err4string = get("chatpage.cchange39"); + let err4string = get("chatpage.cchange39") parentEpml.request('showSnackBar', `${err4string}`) return } @@ -3209,16 +3154,16 @@ class ChatPage extends LitElement { // need whole original message object, transform the data and put it in local storage // create new var called repliedToData and use that to modify the UI // find specific object property in local - let typeMessage = 'regular'; - this.isLoading = true; + let typeMessage = 'regular' + this.isLoading = true const trimmedMessage = msg const getName = async (recipient) => { try { const getNames = await parentEpml.request("apiCall", { type: "api", - url: `/names/address/${recipient}`, - }); + url: `/names/address/${recipient}` + }) if (Array.isArray(getNames) && getNames.length > 0) { return getNames[0].name @@ -3236,35 +3181,35 @@ class ChatPage extends LitElement { const userName = outSideMsg.name const identifier = outSideMsg.identifier let compressedFile = '' - var str = "iVBORw0KGgoAAAANSUhEUgAAAsAAAAGMAQMAAADuk4YmAAAAA1BMVEX///+nxBvIAAAAAXRSTlMAQObYZgAAADlJREFUeF7twDEBAAAAwiD7p7bGDlgYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAGJrAABgPqdWQAAAABJRU5ErkJggg=="; + var str = "iVBORw0KGgoAAAANSUhEUgAAAsAAAAGMAQMAAADuk4YmAAAAA1BMVEX///+nxBvIAAAAAXRSTlMAQObYZgAAADlJREFUeF7twDEBAAAAwiD7p7bGDlgYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAGJrAABgPqdWQAAAABJRU5ErkJggg==" if (this.webWorkerFile) { - this.webWorkerFile.terminate(); - this.webWorkerFile = null; + this.webWorkerFile.terminate() + this.webWorkerFile = null } - this.webWorkerFile = new WebWorkerFile(); + this.webWorkerFile = new WebWorkerFile() const b64toBlob = (b64Data, contentType = '', sliceSize = 512) => { - const byteCharacters = atob(b64Data); - const byteArrays = []; + const byteCharacters = atob(b64Data) + const byteArrays = [] for (let offset = 0; offset < byteCharacters.length; offset += sliceSize) { - const slice = byteCharacters.slice(offset, offset + sliceSize); + const slice = byteCharacters.slice(offset, offset + sliceSize) - const byteNumbers = new Array(slice.length); + const byteNumbers = new Array(slice.length) for (let i = 0; i < slice.length; i++) { - byteNumbers[i] = slice.charCodeAt(i); + byteNumbers[i] = slice.charCodeAt(i) } - const byteArray = new Uint8Array(byteNumbers); - byteArrays.push(byteArray); + const byteArray = new Uint8Array(byteNumbers) + byteArrays.push(byteArray) } - const blob = new Blob(byteArrays, { type: contentType }); - return blob; + const blob = new Blob(byteArrays, { type: contentType }) + return blob } - const blob = b64toBlob(str, 'image/png'); + const blob = b64toBlob(str, 'image/png') await new Promise(resolve => { new Compressor(blob, { quality: 0.6, @@ -3272,13 +3217,12 @@ class ChatPage extends LitElement { success(result) { const file = new File([result], "name", { type: 'image/png' - }); + }) - compressedFile = file; - resolve(); + compressedFile = file + resolve() }, error(err) { - console.log(err.message); }, }) }) @@ -3296,65 +3240,64 @@ class ChatPage extends LitElement { }) this.isDeletingImage = false } catch (error) { - this.isLoading = false; + this.isLoading = false return } - typeMessage = 'edit'; - let chatReference = outSideMsg.editedMessageObj.signature; + typeMessage = 'edit' + let chatReference = outSideMsg.editedMessageObj.signature if (outSideMsg.editedMessageObj.chatReference) { - chatReference = outSideMsg.editedMessageObj.chatReference; + chatReference = outSideMsg.editedMessageObj.chatReference } - let message = ""; + let message = "" try { - const parsedMessageObj = JSON.parse(outSideMsg.editedMessageObj.decodedMessage); - message = parsedMessageObj; - + const parsedMessageObj = JSON.parse(outSideMsg.editedMessageObj.decodedMessage) + message = parsedMessageObj } catch (error) { - message = outSideMsg.editedMessageObj.decodedMessage; + message = outSideMsg.editedMessageObj.decodedMessage } const messageObject = { ...message, isImageDeleted: true } - const stringifyMessageObject = JSON.stringify(messageObject); - this.sendMessage(stringifyMessageObject, typeMessage, chatReference); + const stringifyMessageObject = JSON.stringify(messageObject) + this.sendMessage(stringifyMessageObject, typeMessage, chatReference) } else if (outSideMsg && outSideMsg.type === 'deleteAttachment') { - this.isDeletingAttachment = true; + this.isDeletingAttachment = true let compressedFile = '' - var str = "iVBORw0KGgoAAAANSUhEUgAAAsAAAAGMAQMAAADuk4YmAAAAA1BMVEX///+nxBvIAAAAAXRSTlMAQObYZgAAADlJREFUeF7twDEBAAAAwiD7p7bGDlgYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAGJrAABgPqdWQAAAABJRU5ErkJggg=="; - const userName = outSideMsg.name; - const identifier = outSideMsg.identifier; + var str = "iVBORw0KGgoAAAANSUhEUgAAAsAAAAGMAQMAAADuk4YmAAAAA1BMVEX///+nxBvIAAAAAXRSTlMAQObYZgAAADlJREFUeF7twDEBAAAAwiD7p7bGDlgYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAGJrAABgPqdWQAAAABJRU5ErkJggg==" + const userName = outSideMsg.name + const identifier = outSideMsg.identifier if (this.webWorkerFile) { - this.webWorkerFile.terminate(); - this.webWorkerFile = null; + this.webWorkerFile.terminate() + this.webWorkerFile = null } - this.webWorkerFile = new WebWorkerFile(); + this.webWorkerFile = new WebWorkerFile() const b64toBlob = (b64Data, contentType = '', sliceSize = 512) => { - const byteCharacters = atob(b64Data); - const byteArrays = []; + const byteCharacters = atob(b64Data) + const byteArrays = [] for (let offset = 0; offset < byteCharacters.length; offset += sliceSize) { - const slice = byteCharacters.slice(offset, offset + sliceSize); + const slice = byteCharacters.slice(offset, offset + sliceSize) - const byteNumbers = new Array(slice.length); + const byteNumbers = new Array(slice.length) for (let i = 0; i < slice.length; i++) { - byteNumbers[i] = slice.charCodeAt(i); + byteNumbers[i] = slice.charCodeAt(i) } - const byteArray = new Uint8Array(byteNumbers); - byteArrays.push(byteArray); + const byteArray = new Uint8Array(byteNumbers) + byteArrays.push(byteArray) } - const blob = new Blob(byteArrays, { type: contentType }); - return blob; + const blob = new Blob(byteArrays, { type: contentType }) + return blob } - const blob = b64toBlob(str, 'image/png'); + const blob = b64toBlob(str, 'image/png') await new Promise(resolve => { new Compressor(blob, { quality: 0.6, @@ -3362,13 +3305,12 @@ class ChatPage extends LitElement { success(result) { const file = new File([result], "name", { type: 'image/png' - }); + }) - compressedFile = file; - resolve(); + compressedFile = file + resolve() }, error(err) { - console.log(err.message); }, }) }) @@ -3387,52 +3329,52 @@ class ChatPage extends LitElement { }) this.isDeletingAttachment = false } catch (error) { - this.isLoading = false; + this.isLoading = false return } - typeMessage = 'edit'; - let chatReference = outSideMsg.editedMessageObj.signature; + typeMessage = 'edit' + let chatReference = outSideMsg.editedMessageObj.signature if (outSideMsg.editedMessageObj.chatReference) { - chatReference = outSideMsg.editedMessageObj.chatReference; + chatReference = outSideMsg.editedMessageObj.chatReference } - let message = ""; + let message = "" try { - const parsedMessageObj = JSON.parse(outSideMsg.editedMessageObj.decodedMessage); - message = parsedMessageObj; + const parsedMessageObj = JSON.parse(outSideMsg.editedMessageObj.decodedMessage) + message = parsedMessageObj } catch (error) { - message = outSideMsg.editedMessageObj.decodedMessage; + message = outSideMsg.editedMessageObj.decodedMessage } const messageObject = { ...message, isAttachmentDeleted: true } - const stringifyMessageObject = JSON.stringify(messageObject); - this.sendMessage(stringifyMessageObject, typeMessage, chatReference); + const stringifyMessageObject = JSON.stringify(messageObject) + this.sendMessage(stringifyMessageObject, typeMessage, chatReference) } else if (outSideMsg && outSideMsg.type === 'image') { - this.isUploadingImage = true; - const userName = await getName(this.selectedAddress.address); + this.isUploadingImage = true + const userName = await getName(this.selectedAddress.address) if (!userName) { - parentEpml.request('showSnackBar', get("chatpage.cchange27")); - this.isLoading = false; - this.isUploadingImage = false; - this.imageFile = null; - return; + parentEpml.request('showSnackBar', get("chatpage.cchange27")) + this.isLoading = false + this.isUploadingImage = false + this.imageFile = null + return } if (this.webWorkerFile) { - this.webWorkerFile.terminate(); - this.webWorkerFile = null; + this.webWorkerFile.terminate() + this.webWorkerFile = null } - this.webWorkerFile = new WebWorkerFile(); + this.webWorkerFile = new WebWorkerFile() const image = this.imageFile - const id = this.uid(); - const identifier = `qchat_${id}`; - let compressedFile = ''; + const id = this.uid() + const identifier = `qchat_${id}` + let compressedFile = '' await new Promise(resolve => { new Compressor(image, { quality: .6, @@ -3440,21 +3382,20 @@ class ChatPage extends LitElement { success(result) { const file = new File([result], "name", { type: image.type - }); + }) compressedFile = file resolve() }, error(err) { - console.log(err.message); }, }) }) - const fileSize = compressedFile.size; + const fileSize = compressedFile.size if (fileSize > 500000) { - parentEpml.request('showSnackBar', get("chatpage.cchange26")); - this.isLoading = false; - this.isUploadingImage = false; - return; + parentEpml.request('showSnackBar', get("chatpage.cchange26")) + this.isLoading = false + this.isUploadingImage = false + return } try { await publishData({ @@ -3467,14 +3408,13 @@ class ChatPage extends LitElement { uploadType: 'file', selectedAddress: this.selectedAddress, worker: this.webWorkerFile - }); - this.isUploadingImage = false; - this.removeImage(); + }) + this.isUploadingImage = false + this.removeImage() } catch (error) { - console.error(error); - this.isLoading = false; - this.isUploadingImage = false; - return; + this.isLoading = false + this.isUploadingImage = false + return } const messageObject = { @@ -3487,15 +3427,15 @@ class ChatPage extends LitElement { isImageDeleted: false, repliedTo: '', version: 3 - }; - const stringifyMessageObject = JSON.stringify(messageObject); - this.sendMessage(stringifyMessageObject, typeMessage); + } + const stringifyMessageObject = JSON.stringify(messageObject) + this.sendMessage(stringifyMessageObject, typeMessage) } else if (outSideMsg && outSideMsg.type === 'gif') { - const userName = await getName(this.selectedAddress.address); + const userName = await getName(this.selectedAddress.address) if (!userName) { - parentEpml.request('showSnackBar', get("chatpage.cchange27")); - this.isLoading = false; - return; + parentEpml.request('showSnackBar', get("chatpage.cchange27")) + this.isLoading = false + return } const messageObject = { @@ -3508,35 +3448,34 @@ class ChatPage extends LitElement { }], repliedTo: '', version: 3 - }; - const stringifyMessageObject = JSON.stringify(messageObject); - this.sendMessage(stringifyMessageObject, typeMessage); + } + const stringifyMessageObject = JSON.stringify(messageObject) + this.sendMessage(stringifyMessageObject, typeMessage) } else if (outSideMsg && outSideMsg.type === 'attachment') { - this.isUploadingAttachment = true; - const userName = await getName(this.selectedAddress.address); + this.isUploadingAttachment = true + const userName = await getName(this.selectedAddress.address) if (!userName) { - parentEpml.request('showSnackBar', get("chatpage.cchange27")); - this.isLoading = false; - return; + parentEpml.request('showSnackBar', get("chatpage.cchange27")) + this.isLoading = false + return } if (this.webWorkerFile) { - this.webWorkerFile.terminate(); - this.webWorkerFile = null; + this.webWorkerFile.terminate() + this.webWorkerFile = null } - this.webWorkerFile = new WebWorkerFile(); + this.webWorkerFile = new WebWorkerFile() - - const attachment = this.attachment; - const id = this.uid(); - const identifier = `qchat_${id}`; - const fileSize = attachment.size; + const attachment = this.attachment + const id = this.uid() + const identifier = `qchat_${id}` + const fileSize = attachment.size if (fileSize > 1000000) { - parentEpml.request('showSnackBar', get("chatpage.cchange77")); - this.isLoading = false; - this.isUploadingAttachment = false; - return; + parentEpml.request('showSnackBar', get("chatpage.cchange77")) + this.isLoading = false + this.isUploadingAttachment = false + return } try { await publishData({ @@ -3549,14 +3488,13 @@ class ChatPage extends LitElement { uploadType: 'file', selectedAddress: this.selectedAddress, worker: this.webWorkerFile - }); - this.isUploadingAttachment = false; - this.removeAttachment(); + }) + this.isUploadingAttachment = false + this.removeAttachment() } catch (error) { - console.error(error); - this.isLoading = false; - this.isUploadingAttachment = false; - return; + this.isLoading = false + this.isUploadingAttachment = false + return } const messageObject = { messageText: trimmedMessage, @@ -3570,26 +3508,25 @@ class ChatPage extends LitElement { isAttachmentDeleted: false, repliedTo: '', version: 3 - }; - const stringifyMessageObject = JSON.stringify(messageObject); - this.sendMessage(stringifyMessageObject, typeMessage); + } + const stringifyMessageObject = JSON.stringify(messageObject) + this.sendMessage(stringifyMessageObject, typeMessage) } else if (outSideMsg && outSideMsg.type === 'reaction') { - const userName = await getName(this.selectedAddress.address); - typeMessage = 'edit'; - let chatReference = outSideMsg.editedMessageObj.signature; + const userName = await getName(this.selectedAddress.address) + typeMessage = 'edit' + let chatReference = outSideMsg.editedMessageObj.signature if (outSideMsg.editedMessageObj.chatReference) { - chatReference = outSideMsg.editedMessageObj.chatReference; + chatReference = outSideMsg.editedMessageObj.chatReference } - let message = ""; + let message = "" try { - const parsedMessageObj = JSON.parse(outSideMsg.editedMessageObj.decodedMessage); - message = parsedMessageObj; - + const parsedMessageObj = JSON.parse(outSideMsg.editedMessageObj.decodedMessage) + message = parsedMessageObj } catch (error) { - message = outSideMsg.editedMessageObj.decodedMessage; + message = outSideMsg.editedMessageObj.decodedMessage } let reactions = message.reactions || [] @@ -3628,25 +3565,23 @@ class ChatPage extends LitElement { reactions } const stringifyMessageObject = JSON.stringify(messageObject) - this.sendMessage(stringifyMessageObject, typeMessage, chatReference); + this.sendMessage(stringifyMessageObject, typeMessage, chatReference) } else if (/^\s*$/.test(trimmedMessage)) { - this.isLoading = false; - - } - else if (this.repliedToMessageObj) { - let chatReference = this.repliedToMessageObj.signature; + this.isLoading = false + } else if (this.repliedToMessageObj) { + let chatReference = this.repliedToMessageObj.signature if (this.repliedToMessageObj.chatReference) { - chatReference = this.repliedToMessageObj.chatReference; + chatReference = this.repliedToMessageObj.chatReference } - typeMessage = 'reply'; + typeMessage = 'reply' const messageObject = { messageText: trimmedMessage, images: [''], repliedTo: chatReference, version: 3 } - const stringifyMessageObject = JSON.stringify(messageObject); - this.sendMessage(stringifyMessageObject, typeMessage); + const stringifyMessageObject = JSON.stringify(messageObject) + this.sendMessage(stringifyMessageObject, typeMessage) } else if (this.editedMessageObj) { typeMessage = 'edit' let chatReference = this.editedMessageObj.signature @@ -3669,7 +3604,7 @@ class ChatPage extends LitElement { isEdited: true } const stringifyMessageObject = JSON.stringify(messageObject) - this.sendMessage(stringifyMessageObject, typeMessage, chatReference); + this.sendMessage(stringifyMessageObject, typeMessage, chatReference) } else { const messageObject = { messageText: trimmedMessage, @@ -3684,17 +3619,17 @@ class ChatPage extends LitElement { this.myTrimmedMeassage = stringifyMessageObject this.shadowRoot.getElementById('confirmDialog').open() } else { - this.sendMessage(stringifyMessageObject, typeMessage); + this.sendMessage(stringifyMessageObject, typeMessage) } } } async sendMessage(messageText, typeMessage, chatReference, isForward) { - this.isLoading = true; + this.isLoading = true - let _reference = new Uint8Array(64); - window.crypto.getRandomValues(_reference); - let reference = window.parent.Base58.encode(_reference); + let _reference = new Uint8Array(64) + window.crypto.getRandomValues(_reference) + let reference = window.parent.Base58.encode(_reference) const sendMessageRequest = async () => { if (this.isReceipient === true) { let chatResponse = await parentEpml.request('chat', { @@ -3712,8 +3647,7 @@ class ChatPage extends LitElement { isEncrypted: 1, isText: 1 } - }); - + }) _computePow(chatResponse) } else { let groupResponse = await parentEpml.request('chat', { @@ -3731,27 +3665,26 @@ class ChatPage extends LitElement { isEncrypted: 0, // Set default to not encrypted for groups isText: 1 } - }); - + }) _computePow(groupResponse) } - }; + } const sendForwardRequest = async () => { - - const userInput = this.shadowRoot.getElementById("sendTo").value.trim(); + const userInput = this.shadowRoot.getElementById("sendTo").value.trim() if (!userInput && !this.forwardActiveChatHeadUrl.url) { - let err4string = get("chatpage.cchange65"); - getSendChatResponse(false, true, err4string); + let err4string = get("chatpage.cchange65") + getSendChatResponse(false, true, err4string) return } + let publicKey = { hasPubKey: false, key: '' - }; + } if (this.forwardActiveChatHeadUrl.url) { - const activeChatHeadAddress = this.forwardActiveChatHeadUrl.url.split('/')[1]; + const activeChatHeadAddress = this.forwardActiveChatHeadUrl.url.split('/')[1] try { const res = await parentEpml.request('apiCall', { type: 'api', @@ -3769,90 +3702,88 @@ class ChatPage extends LitElement { publicKey.hasPubKey = false } } catch (error) { - console.error(error); } } if (!this.forwardActiveChatHeadUrl.selected && this.shadowRoot.getElementById("sendTo").value !== "") { - try { - let userPubkey = ""; + let userPubkey = "" const validatedAddress = await parentEpml.request('apiCall', { type: 'api', url: `/addresses/validate/${userInput}` - }); + }) const validatedUsername = await parentEpml.request('apiCall', { type: 'api', url: `/names/${userInput}` - }); + }) if (validatedAddress && validatedUsername.name) { userPubkey = await parentEpml.request('apiCall', { type: 'api', url: `/addresses/publickey/${validatedUsername.owner}` - }); + }) this.forwardActiveChatHeadUrl = { ...this.forwardActiveChatHeadUrl, url: `direct/${validatedUsername.owner}`, name: validatedUsername.name, selected: true - }; + } } else if (!validatedAddress && (validatedUsername && !validatedUsername.error)) { userPubkey = await parentEpml.request('apiCall', { type: 'api', url: `/addresses/publickey/${validatedUsername.owner}` - }); + }) + this.forwardActiveChatHeadUrl = { ...this.forwardActiveChatHeadUrl, url: `direct/${validatedUsername.owner}`, name: validatedUsername.name, selected: true - }; + } } else if (validatedAddress && !validatedUsername.name) { userPubkey = await parentEpml.request('apiCall', { type: 'api', url: `/addresses/publickey/${userInput}` - }); + }) + this.forwardActiveChatHeadUrl = { ...this.forwardActiveChatHeadUrl, url: `direct/${userInput}`, name: "", selected: true - }; + } } else if (!validatedAddress && !validatedUsername.name) { - let err4string = get("chatpage.cchange62"); - // parentEpml.request('showSnackBar', `${err4string}`); - getSendChatResponse(false, true, err4string); - return; + let err4string = get("chatpage.cchange62") + getSendChatResponse(false, true, err4string) + return } if (userPubkey.error === 102) { - publicKey.key = ''; - publicKey.hasPubKey = false; + publicKey.key = '' + publicKey.hasPubKey = false } else if (userPubkey !== false) { - publicKey.key = userPubkey; - publicKey.hasPubKey = true; + publicKey.key = userPubkey + publicKey.hasPubKey = true } else { - publicKey.key = ''; - publicKey.hasPubKey = false; + publicKey.key = '' + publicKey.hasPubKey = false } } catch (error) { - console.error(error); } } - const isRecipient = this.forwardActiveChatHeadUrl.url.includes('direct') === true ? true : false; + const isRecipient = this.forwardActiveChatHeadUrl.url.includes('direct') === true ? true : false - const recipientAddress = this.forwardActiveChatHeadUrl.url.split('/')[1]; - this.openForwardOpen = false; + const recipientAddress = this.forwardActiveChatHeadUrl.url.split('/')[1] + this.openForwardOpen = false if (isRecipient === true) { if (!publicKey.hasPubKey) { - let err4string = get("chatpage.cchange39"); - parentEpml.request('showSnackBar', `${err4string}`); - getSendChatResponse(false); - return; + let err4string = get("chatpage.cchange39") + parentEpml.request('showSnackBar', `${err4string}`) + getSendChatResponse(false) + return } let chatResponse = await parentEpml.request('chat', { type: 18, @@ -3869,8 +3800,7 @@ class ChatPage extends LitElement { isEncrypted: 1, isText: 1 } - }); - + }) _computePow(chatResponse, true) } else { let groupResponse = await parentEpml.request('chat', { @@ -3888,52 +3818,51 @@ class ChatPage extends LitElement { isEncrypted: 0, // Set default to not encrypted for groups isText: 1 } - }); - + }) _computePow(groupResponse, true) } - }; + } const _computePow = async (chatBytes, isForward) => { - const difficulty = this.balance < 4 ? 18 : 8; + const difficulty = this.balance < 4 ? 18 : 8 const path = window.parent.location.origin + '/memory-pow/memory-pow.wasm.full' - let worker; + let worker if (this.webWorker) { - worker = this.webWorker; + worker = this.webWorker } else { - this.webWorker = new WebWorker(); + this.webWorker = new WebWorker() } - let nonce = null; + let nonce = null - let chatBytesArray = null; + let chatBytesArray = null await new Promise((res) => { - worker.postMessage({ chatBytes, path, difficulty }); + worker.postMessage({ chatBytes, path, difficulty }) worker.onmessage = e => { - chatBytesArray = e.data.chatBytesArray; - nonce = e.data.nonce; - res(); + chatBytesArray = e.data.chatBytesArray + nonce = e.data.nonce + res() } - }); + }) let _response = await parentEpml.request('sign_chat', { nonce: this.selectedAddress.nonce, chatBytesArray: chatBytesArray, chatNonce: nonce - }); + }) - getSendChatResponse(_response, isForward); - }; + getSendChatResponse(_response, isForward) + } const getSendChatResponse = (response, isForward, customErrorMessage) => { if (response === true) { this.resetChatEditor() if (isForward) { - let successString = get("blockpage.bcchange15"); - parentEpml.request('showSnackBar', `${successString}`); + let successString = get("blockpage.bcchange15") + parentEpml.request('showSnackBar', `${successString}`) } this.closeEditMessageContainer() @@ -3945,24 +3874,24 @@ class ChatPage extends LitElement { selected: false } } else if (response.error) { - parentEpml.request('showSnackBar', response.message); + parentEpml.request('showSnackBar', response.message) } else { - let err2string = get("chatpage.cchange21"); - parentEpml.request('showSnackBar', `${customErrorMessage || err2string}`); + let err2string = get("chatpage.cchange21") + parentEpml.request('showSnackBar', `${customErrorMessage || err2string}`) } if (isForward && response !== true) { - this.isLoading = false; + this.isLoading = false return } - this.isLoading = false; + this.isLoading = false - }; + } if (isForward) { - sendForwardRequest(); - return; + sendForwardRequest() + return } - sendMessageRequest(); + sendMessageRequest() } /** @@ -3970,11 +3899,10 @@ class ChatPage extends LitElement { * @param { Boolean } isDown */ setIsUserDown(isDown) { - this.isUserDown = isDown; + this.isUserDown = isDown } _downObserverhandler(entries) { - if (entries[0].isIntersecting) { this.setIsUserDown(true) @@ -3986,7 +3914,7 @@ class ChatPage extends LitElement { } downElementObserver() { - const downObserver = this.shadowRoot.querySelector('chat-scroller').shadowRoot.getElementById('downObserver'); + const downObserver = this.shadowRoot.querySelector('chat-scroller').shadowRoot.getElementById('downObserver') const options = { root: this.shadowRoot.querySelector('chat-scroller').shadowRoot.getElementById('viewElement'), @@ -4003,14 +3931,12 @@ class ChatPage extends LitElement { window.focus() navigator.clipboard.readText().then(clipboardText => { - textarea.value += clipboardText textarea.focus() - }); + }) } pasteMenu(event) { - let eventObject = { pageX: event.pageX, pageY: event.pageY, clientX: event.clientX, clientY: event.clientY } parentEpml.request('openFramePasteMenu', eventObject) } diff --git a/plugins/plugins/core/components/ChatScroller.js b/plugins/plugins/core/components/ChatScroller.js index 8757b25f..80f5426d 100644 --- a/plugins/plugins/core/components/ChatScroller.js +++ b/plugins/plugins/core/components/ChatScroller.js @@ -1,57 +1,66 @@ -import { LitElement, html, css } from 'lit'; -import { render } from 'lit/html.js'; -import { repeat } from 'lit/directives/repeat.js'; -import { translate, get } from 'lit-translate'; -import { unsafeHTML } from 'lit/directives/unsafe-html.js'; +import { LitElement, html, css } from 'lit' +import { render } from 'lit/html.js' +import { repeat } from 'lit/directives/repeat.js' +import { use, get, translate, translateUnsafeHTML, registerTranslateConfig } from 'lit-translate' +import { unsafeHTML } from 'lit/directives/unsafe-html.js' import { chatStyles } from './ChatScroller-css.js' -import { Epml } from "../../../epml"; -import { cropAddress } from "../../utils/cropAddress"; -import { roundToNearestDecimal } from '../../utils/roundToNearestDecimal.js'; -import './LevelFounder.js'; -import './NameMenu.js'; -import './ChatModals.js'; -import './WrapperModal'; -import "./UserInfo/UserInfo"; -import '@vaadin/icons'; -import '@vaadin/icon'; -import '@vaadin/tooltip'; -import '@material/mwc-button'; -import '@material/mwc-dialog'; -import '@material/mwc-icon'; -import { EmojiPicker } from 'emoji-picker-js'; -import { generateHTML } from '@tiptap/core'; -import axios from "axios"; -import StarterKit from '@tiptap/starter-kit' -import Underline from '@tiptap/extension-underline'; +import { Epml } from '../../../epml' +import { cropAddress } from "../../utils/cropAddress" +import { roundToNearestDecimal } from '../../utils/roundToNearestDecimal.js' +import { EmojiPicker } from 'emoji-picker-js' +import { generateHTML } from '@tiptap/core' + +import axios from 'axios' import Highlight from '@tiptap/extension-highlight' -import ShortUniqueId from 'short-unique-id'; +import ShortUniqueId from 'short-unique-id' +import StarterKit from '@tiptap/starter-kit' +import Underline from '@tiptap/extension-underline' + +import './ChatModals.js' +import './LevelFounder.js' +import './NameMenu.js' +import './UserInfo/UserInfo.js' +import './WrapperModal' + +import '@material/mwc-button' +import '@material/mwc-dialog' +import '@material/mwc-icon' +import '@vaadin/icon' +import '@vaadin/icons' +import '@vaadin/tooltip' + +registerTranslateConfig({ + loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) +}) + const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) + let toggledMessage = {} const uid = new ShortUniqueId() const getApiKey = () => { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node]; - let apiKey = myNode.apiKey; - return apiKey; + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + let apiKey = myNode.apiKey + return apiKey } const extractComponents = async (url) => { if (!url.startsWith("qortal://")) { - return null; + return null } - url = url.replace(/^(qortal\:\/\/)/, ""); + url = url.replace(/^(qortal\:\/\/)/, "") if (url.includes("/")) { - let parts = url.split("/"); - const service = parts[0].toUpperCase(); - parts.shift(); - const name = parts[0]; - parts.shift(); - let identifier; + let parts = url.split("/") + const service = parts[0].toUpperCase() + parts.shift() + const name = parts[0] + parts.shift() + let identifier if (parts.length > 0) { - identifier = parts[0]; // Do not shift yet + identifier = parts[0] // Do not shift yet // Check if a resource exists with this service, name and identifier combination let responseObj = await parentEpml.request('apiCall', { url: `/arbitrary/resource/status/${service}/${name}/${identifier}?apiKey=${getApiKey()}` @@ -59,48 +68,48 @@ const extractComponents = async (url) => { if (responseObj.totalChunkCount > 0) { // Identifier exists, so don't include it in the path - parts.shift(); + parts.shift() } else { - identifier = null; + identifier = null } } - const path = parts.join("/"); + const path = parts.join("/") - const components = {}; - components["service"] = service; - components["name"] = name; - components["identifier"] = identifier; - components["path"] = path; - return components; + const components = {} + components["service"] = service + components["name"] = name + components["identifier"] = identifier + components["path"] = path + return components } - return null; + return null } function processText(input) { - const linkRegex = /(qortal:\/\/\S+)/g; + const linkRegex = /(qortal:\/\/\S+)/g function processNode(node) { if (node.nodeType === Node.TEXT_NODE) { - const parts = node.textContent.split(linkRegex); + const parts = node.textContent.split(linkRegex) if (parts.length > 1) { - const fragment = document.createDocumentFragment(); + const fragment = document.createDocumentFragment() parts.forEach((part) => { if (part.startsWith('qortal://')) { - const link = document.createElement('span'); + const link = document.createElement('span') // Store the URL in a data attribute - link.setAttribute('data-url', part); - link.textContent = part; - link.style.color = 'var(--nav-text-color)'; - link.style.textDecoration = 'underline'; + link.setAttribute('data-url', part) + link.textContent = part + link.style.color = 'var(--nav-text-color)' + link.style.textDecoration = 'underline' link.style.cursor = 'pointer' link.addEventListener('click', async (e) => { - e.preventDefault(); + e.preventDefault() try { const res = await extractComponents(part) if (!res) return @@ -134,31 +143,32 @@ function processText(input) { console.log({ error }) } - }); + }) - fragment.appendChild(link); + fragment.appendChild(link) } else { - const textNode = document.createTextNode(part); - fragment.appendChild(textNode); + const textNode = document.createTextNode(part) + fragment.appendChild(textNode) } - }); + }) - node.replaceWith(fragment); + node.replaceWith(fragment) } } else { for (const childNode of Array.from(node.childNodes)) { - processNode(childNode); + processNode(childNode) } } } - const wrapper = document.createElement('div'); - wrapper.innerHTML = input; + const wrapper = document.createElement('div') + wrapper.innerHTML = input - processNode(wrapper); + processNode(wrapper) return wrapper } + class ChatScroller extends LitElement { static get properties() { return { @@ -193,7 +203,7 @@ class ChatScroller extends LitElement { } static get styles() { - return [chatStyles]; + return [chatStyles] } constructor() { @@ -203,8 +213,8 @@ class ChatScroller extends LitElement { this._downObserverHandler = this._downObserverHandler.bind(this) this.myAddress = window.parent.reduxStore.getState().app.selectedAddress.address this.hideMessages = JSON.parse(localStorage.getItem("MessageBlockedAddresses") || "[]") - this.openTipUser = false; - this.openUserInfo = false; + this.openTipUser = false + this.openUserInfo = false this.listSeenMessages = [] } @@ -214,39 +224,39 @@ class ChatScroller extends LitElement { render() { let formattedMessages = this.messages.reduce((messageArray, message, index) => { - const lastGroupedMessage = messageArray[messageArray.length - 1]; - let timestamp; - let sender; - let repliedToData; - let firstMessageInChat; + const lastGroupedMessage = messageArray[messageArray.length - 1] + let timestamp + let sender + let repliedToData + let firstMessageInChat if (index === 0) { - firstMessageInChat = true; + firstMessageInChat = true } else { - firstMessageInChat = false; + firstMessageInChat = false } message = { ...message, firstMessageInChat } if (lastGroupedMessage) { - timestamp = lastGroupedMessage.timestamp; - sender = lastGroupedMessage.sender; - repliedToData = lastGroupedMessage.repliedToData; + timestamp = lastGroupedMessage.timestamp + sender = lastGroupedMessage.sender + repliedToData = lastGroupedMessage.repliedToData } - const isSameGroup = Math.abs(timestamp - message.timestamp) < 600000 && sender === message.sender && !repliedToData; + const isSameGroup = Math.abs(timestamp - message.timestamp) < 600000 && sender === message.sender && !repliedToData if (isSameGroup) { messageArray[messageArray.length - 1].messages = [ ...(messageArray[messageArray.length - 1].messages || []), message - ]; + ] } else { messageArray.push({ messages: [message], ...message - }); + }) } - return messageArray; + return messageArray }, []) @@ -312,18 +322,18 @@ class ChatScroller extends LitElement { return true } // Only update element if prop1 changed. - return changedProperties.has('messages'); + return changedProperties.has('messages') } async getUpdateComplete() { - await super.getUpdateComplete(); - const marginElements = Array.from(this.shadowRoot.querySelectorAll('message-template')); - await Promise.all(marginElements.map(el => el.updateComplete)); - return true; + await super.getUpdateComplete() + const marginElements = Array.from(this.shadowRoot.querySelectorAll('message-template')) + await Promise.all(marginElements.map(el => el.updateComplete)) + return true } setToggledMessage(message) { - toggledMessage = message; + toggledMessage = message } async firstUpdated() { @@ -334,15 +344,15 @@ class ChatScroller extends LitElement { editedMessageObj: toggledMessage, reaction: selection.emoji, }) - }); - this.viewElement = this.shadowRoot.getElementById('viewElement'); - this.upObserverElement = this.shadowRoot.getElementById('upObserver'); - this.downObserverElement = this.shadowRoot.getElementById('downObserver'); + }) + this.viewElement = this.shadowRoot.getElementById('viewElement') + this.upObserverElement = this.shadowRoot.getElementById('upObserver') + this.downObserverElement = this.shadowRoot.getElementById('downObserver') // Intialize Observers - this.upElementObserver(); - this.downElementObserver(); - await this.getUpdateComplete(); - this.viewElement.scrollTop = this.viewElement.scrollHeight + 50; + this.upElementObserver() + this.downElementObserver() + await this.getUpdateComplete() + this.viewElement.scrollTop = this.viewElement.scrollHeight + 50 } _getOldMessage(_scrollElement) { @@ -358,19 +368,19 @@ class ChatScroller extends LitElement { if (this.messages.length < 20) { return } - this.setIsLoadingMessages(true); - let _scrollElement = entries[0].target.nextElementSibling; - this._getOldMessage(_scrollElement); + this.setIsLoadingMessages(true) + let _scrollElement = entries[0].target.nextElementSibling + this._getOldMessage(_scrollElement) } } _downObserverHandler(entries) { if (!entries[0].isIntersecting) { - let _scrollElement = entries[0].target.previousElementSibling; - // this._getOldMessageAfter(_scrollElement); - this.showLastMessageRefScroller(true); + let _scrollElement = entries[0].target.previousElementSibling + // this._getOldMessageAfter(_scrollElement) + this.showLastMessageRefScroller(true) } else { - this.showLastMessageRefScroller(false); + this.showLastMessageRefScroller(false) } } @@ -379,9 +389,9 @@ class ChatScroller extends LitElement { root: this.viewElement, rootMargin: '0px', threshold: 1 - }; - const observer = new IntersectionObserver(this._upObserverhandler, options); - observer.observe(this.upObserverElement); + } + const observer = new IntersectionObserver(this._upObserverhandler, options) + observer.observe(this.upObserverElement) } downElementObserver() { @@ -391,12 +401,12 @@ class ChatScroller extends LitElement { threshold: 1 } // identify an element to observe - const elementToObserve = this.downObserverElement; + const elementToObserve = this.downObserverElement // passing it a callback function - const observer = new IntersectionObserver(this._downObserverHandler, options); + const observer = new IntersectionObserver(this._downObserverHandler, options) // call `observe()` on that MutationObserver instance, // passing it the element to observe, and the options object - observer.observe(elementToObserve); + observer.observe(elementToObserve) } } @@ -442,7 +452,7 @@ class MessageTemplate extends LitElement { } constructor() { - super(); + super() this.messageObj = {} this.openDialogPrivateMessage = false this.openDialogBlockUser = false @@ -461,7 +471,7 @@ class MessageTemplate extends LitElement { } static get styles() { - return [chatStyles]; + return [chatStyles] } @@ -485,26 +495,26 @@ class MessageTemplate extends LitElement { showBlockIconFunc(bool) { if (bool) { - this.showBlockAddressIcon = true; + this.showBlockAddressIcon = true } else { - this.showBlockAddressIcon = false; + this.showBlockAddressIcon = false } } async downloadAttachment(attachment) { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node]; + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port; + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port try { axios.get(`${nodeUrl}/arbitrary/QCHAT_ATTACHMENT/${attachment.name}/${attachment.identifier}?apiKey=${myNode.apiKey}`, { responseType: 'blob' }) .then(response => { - let filename = attachment.attachmentName; - let blob = new Blob([response.data], { type: "application/octet-stream" }); - this.saveFileToDisk(blob, filename); + let filename = attachment.attachmentName + let blob = new Blob([response.data], { type: "application/octet-stream" }) + this.saveFileToDisk(blob, filename) }) } catch (error) { - console.error(error); + console.error(error) } } @@ -533,31 +543,31 @@ class MessageTemplate extends LitElement { this.viewImage = true } - const tooltips = this.shadowRoot.querySelectorAll('vaadin-tooltip'); + const tooltips = this.shadowRoot.querySelectorAll('vaadin-tooltip') tooltips.forEach(tooltip => { - const overlay = tooltip.shadowRoot.querySelector('vaadin-tooltip-overlay'); - overlay.shadowRoot.getElementById("overlay").style.cssText = "background-color: transparent; box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px"; - overlay.shadowRoot.getElementById('content').style.cssText = "background-color: var(--reactions-tooltip-bg); color: var(--chat-bubble-msg-color); text-align: center; padding: 20px 10px; border-radius: 8px; font-family: Roboto, sans-serif; letter-spacing: 0.3px; font-weight: 300; font-size: 13.5px; transition: all 0.3s ease-in-out;"; - }); + const overlay = tooltip.shadowRoot.querySelector('vaadin-tooltip-overlay') + overlay.shadowRoot.getElementById("overlay").style.cssText = "background-color: transparent; box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px" + overlay.shadowRoot.getElementById('content').style.cssText = "background-color: var(--reactions-tooltip-bg); color: var(--chat-bubble-msg-color); text-align: center; padding: 20px 10px; border-radius: 8px; font-family: Roboto, sans-serif; letter-spacing: 0.3px; font-weight: 300; font-size: 13.5px; transition: all 0.3s ease-in-out;" + }) } render() { - const hidemsg = this.hideMessages; - let message = ""; + const hidemsg = this.hideMessages + let message = "" let messageVersion2 = "" let messageVersion2WithLink = null - let reactions = []; - let repliedToData = null; - let image = null; - let gif = null; - let isImageDeleted = false; - let isAttachmentDeleted = false; - let version = 0; + let reactions = [] + let repliedToData = null + let image = null + let gif = null + let isImageDeleted = false + let isAttachmentDeleted = false + let version = 0 let isForwarded = false let isEdited = false - let attachment = null; + let attachment = null try { - const parsedMessageObj = JSON.parse(this.messageObj.decodedMessage); + const parsedMessageObj = JSON.parse(this.messageObj.decodedMessage) if (+parsedMessageObj.version > 1 && parsedMessageObj.messageText) { messageVersion2 = generateHTML(parsedMessageObj.messageText, [ StarterKit, @@ -568,121 +578,122 @@ class MessageTemplate extends LitElement { messageVersion2WithLink = processText(messageVersion2) } - message = parsedMessageObj.messageText; - repliedToData = this.messageObj.repliedToData; - isImageDeleted = parsedMessageObj.isImageDeleted; - isAttachmentDeleted = parsedMessageObj.isAttachmentDeleted; - // reactions = parsedMessageObj.reactions || []; - version = parsedMessageObj.version; - isForwarded = parsedMessageObj.type === 'forward'; - isEdited = parsedMessageObj.isEdited && true; + message = parsedMessageObj.messageText + repliedToData = this.messageObj.repliedToData + isImageDeleted = parsedMessageObj.isImageDeleted + isAttachmentDeleted = parsedMessageObj.isAttachmentDeleted + // reactions = parsedMessageObj.reactions || [] + version = parsedMessageObj.version + isForwarded = parsedMessageObj.type === 'forward' + isEdited = parsedMessageObj.isEdited && true if (parsedMessageObj.attachments && Array.isArray(parsedMessageObj.attachments) && parsedMessageObj.attachments.length > 0) { - attachment = parsedMessageObj.attachments[0]; + attachment = parsedMessageObj.attachments[0] } if (parsedMessageObj.images && Array.isArray(parsedMessageObj.images) && parsedMessageObj.images.length > 0) { - image = parsedMessageObj.images[0]; + image = parsedMessageObj.images[0] } if (parsedMessageObj.gifs && Array.isArray(parsedMessageObj.gifs) && parsedMessageObj.gifs.length > 0) { - gif = parsedMessageObj.gifs[0]; + gif = parsedMessageObj.gifs[0] } } catch (error) { - message = this.messageObj.decodedMessage; + message = this.messageObj.decodedMessage } - let avatarImg = ''; - let imageHTML = ''; - let imageHTMLDialog = ''; - let imageUrl = ''; - let gifHTML = ''; - let gifHTMLDialog = ''; - let gifUrl = ''; - let nameMenu = ''; - let levelFounder = ''; - let hideit = hidemsg.includes(this.messageObj.sender); + let avatarImg = '' + let imageHTML = '' + let imageHTMLDialog = '' + let imageUrl = '' + let gifHTML = '' + let gifHTMLDialog = '' + let gifUrl = '' + let nameMenu = '' + let levelFounder = '' + let hideit = hidemsg.includes(this.messageObj.sender) let forwarded = '' let edited = '' - levelFounder = html``; + levelFounder = html`` + if (this.messageObj.senderName) { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node]; - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port; - const avatarUrl = `${nodeUrl}/arbitrary/THUMBNAIL/${this.messageObj.senderName}/qortal_avatar?async=true&apiKey=${myNode.apiKey}`; - avatarImg = html``; + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const avatarUrl = `${nodeUrl}/arbitrary/THUMBNAIL/${this.messageObj.senderName}/qortal_avatar?async=true&apiKey=${myNode.apiKey}` + avatarImg = html`` } else { avatarImg = html`` } const createImage = (imageUrl) => { - const imageHTMLRes = new Image(); - imageHTMLRes.src = imageUrl; - imageHTMLRes.style = "max-width:45vh; max-height:40vh; border-radius: 5px; cursor: pointer"; + const imageHTMLRes = new Image() + imageHTMLRes.src = imageUrl + imageHTMLRes.style = "max-width:45vh; max-height:40vh; border-radius: 5px; cursor: pointer;" imageHTMLRes.onclick = () => { - this.openDialogImage = true; + this.openDialogImage = true } imageHTMLRes.onload = () => { - this.isImageLoaded = true; + this.isImageLoaded = true } imageHTMLRes.onerror = () => { if (this.imageFetches < 4) { setTimeout(() => { - this.imageFetches = this.imageFetches + 1; - imageHTMLRes.src = imageUrl; - }, 2000); + this.imageFetches = this.imageFetches + 1 + imageHTMLRes.src = imageUrl + }, 10000) } else { setTimeout(() => { - this.imageFetches = this.imageFetches + 1; - imageHTMLRes.src = imageUrl; - }, 6000); + this.imageFetches = this.imageFetches + 1 + imageHTMLRes.src = imageUrl + }, 15000) } - }; - return imageHTMLRes; + } + return imageHTMLRes } const createGif = (gif) => { - const gifHTMLRes = new Image(); - gifHTMLRes.src = gif; - gifHTMLRes.style = "max-width:45vh; max-height:40vh; border-radius: 5px; cursor: pointer"; + const gifHTMLRes = new Image() + gifHTMLRes.src = gif + gifHTMLRes.style = "max-width:45vh; max-height:40vh; border-radius: 5px; cursor: pointer;" gifHTMLRes.onclick = () => { - this.openDialogGif = true; + this.openDialogGif = true } gifHTMLRes.onload = () => { - this.isGifLoaded = true; + this.isGifLoaded = true } gifHTMLRes.onerror = () => { if (this.gifFetches < 4) { setTimeout(() => { - this.gifFetches = this.gifFetches + 1; - gifHTMLRes.src = gif; - }, 500); + this.gifFetches = this.gifFetches + 1 + gifHTMLRes.src = gif + }, 10000) } else { - gifHTMLRes.src = '/img/chain.png'; - gifHTMLRes.style = "max-width:45vh; max-height:20vh; border-radius: 5px; filter: opacity(0.5)"; + gifHTMLRes.src = '/img/chain.png' + gifHTMLRes.style = "max-width:45vh; max-height:20vh; border-radius: 5px; filter: opacity(0.5);" gifHTMLRes.onclick = () => { } this.isGifLoaded = true } - }; - return gifHTMLRes; + } + return gifHTMLRes } if (image) { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node]; - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port; - imageUrl = `${nodeUrl}/arbitrary/${image.service}/${image.name}/${image.identifier}?async=true&apiKey=${myNode.apiKey}`; + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + imageUrl = `${nodeUrl}/arbitrary/${image.service}/${image.name}/${image.identifier}?async=true&apiKey=${myNode.apiKey}` if (this.viewImage || this.myAddress === this.messageObj.sender) { - imageHTML = createImage(imageUrl); + imageHTML = createImage(imageUrl) imageHTMLDialog = createImage(imageUrl) - imageHTMLDialog.style = "height: auto; max-height: 80vh; width: auto; max-width: 80vw; object-fit: contain; border-radius: 5px"; + imageHTMLDialog.style = "height: auto; max-height: 80vh; width: auto; max-width: 80vw; object-fit: contain; border-radius: 5px;" } } if (gif) { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node]; - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port; - gifUrl = `${nodeUrl}/arbitrary/${gif.service}/${gif.name}/${gif.identifier}?filepath=${gif.filePath}&apiKey=${myNode.apiKey}`; + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + gifUrl = `${nodeUrl}/arbitrary/${gif.service}/${gif.name}/${gif.identifier}?filepath=${gif.filePath}&apiKey=${myNode.apiKey}` if (this.viewImage || this.myAddress === this.messageObj.sender) { - gifHTML = createGif(gifUrl); + gifHTML = createGif(gifUrl) gifHTMLDialog = createGif(gifUrl) - gifHTMLDialog.style = "height: auto; max-height: 80vh; width: auto; max-width: 80vw; object-fit: contain; border-radius: 5px"; + gifHTMLDialog.style = "height: auto; max-height: 80vh; width: auto; max-width: 80vw; object-fit: contain; border-radius: 5px;" } } @@ -690,27 +701,29 @@ class MessageTemplate extends LitElement { ${this.messageObj.senderName ? this.messageObj.senderName : cropAddress(this.messageObj.sender)} - `; + ` + forwarded = html` - - ${translate("blockpage.bcchange17")} - - `; + + ${translate("blockpage.bcchange17")} + + ` edited = html` - - ${translate("chatpage.cchange68")} - - `; + + ${translate("chatpage.cchange68")} + + ` if (repliedToData) { try { - const parsedMsg = JSON.parse(repliedToData.decodedMessage); - repliedToData.decodedMessage = parsedMsg; + const parsedMsg = JSON.parse(repliedToData.decodedMessage) + repliedToData.decodedMessage = parsedMsg } catch (error) { } } + let repliedToMessageText = '' if (repliedToData && repliedToData.decodedMessage && repliedToData.decodedMessage.messageText) { try { @@ -724,16 +737,16 @@ class MessageTemplate extends LitElement { } } + let replacedMessage = '' if (message && +version < 2) { const escapedMessage = this.escapeHTML(message) if (escapedMessage) { - replacedMessage = escapedMessage.replace(new RegExp('\r?\n', 'g'), '
'); + replacedMessage = escapedMessage.replace(new RegExp('\r?\n', 'g'), '
') } } - return hideit ? html`
  • ` : html`
  • { - if (this.myAddress === this.messageObj.sender) return; - this.setOpenUserInfo(true); - this.setUserName(this.messageObj); + if (this.myAddress === this.messageObj.sender) return + this.setOpenUserInfo(true) + this.setUserName(this.messageObj) }} class="message-data-avatar"> ${avatarImg}
    • @@ -789,9 +802,9 @@ class MessageTemplate extends LitElement { { - if (this.myAddress === this.messageObj.sender) return; - this.setOpenUserInfo(true); - this.setUserName(this.messageObj); + if (this.myAddress === this.messageObj.sender) return + this.setOpenUserInfo(true) + this.setUserName(this.messageObj) }} class="message-data-name"> ${nameMenu} @@ -844,13 +857,13 @@ class MessageTemplate extends LitElement { }} class=${[`image-container`, !this.isImageLoaded ? 'defaultSize' : ''].join(' ')} style=${this.isFirstMessage && "margin-top: 10px;"}> -
    +
    ${translate("chatpage.cchange40")}
    ` : html``} ${!this.isImageLoaded && image && this.viewImage ? html` -
    +
    @@ -863,7 +876,7 @@ class MessageTemplate extends LitElement { ${this.myAddress === this.messageObj.sender ? html` { - this.openDeleteImage = true; + this.openDeleteImage = true }} class="image-delete-icon" icon="vaadin:close" slot="icon"> ` : ''} @@ -879,7 +892,7 @@ class MessageTemplate extends LitElement { }} class=${[`image-container`, !this.isImageLoaded ? 'defaultSize' : ''].join(' ')} style=${this.isFirstMessage && "margin-top: 10px;"}> -
    +
    ${translate("gifs.gchange25")}
    @@ -917,8 +930,8 @@ class MessageTemplate extends LitElement { ? html` { - e.stopPropagation(); - this.openDeleteAttachment = true; + e.stopPropagation() + this.openDeleteAttachment = true }} class="image-delete-icon" icon="vaadin:close" slot="icon"> @@ -1128,7 +1141,7 @@ class MessageTemplate extends LitElement { hideActions ?open=${this.openDeleteImage} @closed=${() => { - this.openDeleteImage = false; + this.openDeleteImage = false }}>

    ${translate("chatpage.cchange78")}

    @@ -1153,7 +1166,7 @@ class MessageTemplate extends LitElement { hideActions ?open=${this.openDeleteAttachment} @closed=${() => { - this.openDeleteAttachment = false; + this.openDeleteAttachment = false }}>

    ${translate("chatpage.cchange79")}

    @@ -1182,7 +1195,7 @@ class MessageTemplate extends LitElement { } } -window.customElements.define('message-template', MessageTemplate); +window.customElements.define('message-template', MessageTemplate) class ChatMenu extends LitElement { static get properties() { @@ -1212,13 +1225,13 @@ class ChatMenu extends LitElement { } constructor() { - super(); - this.showPrivateMessageModal = () => { }; - this.showBlockUserModal = () => { }; + super() + this.showPrivateMessageModal = () => { } + this.showBlockUserModal = () => { } } static get styles() { - return [chatStyles]; + return [chatStyles] } // Copy address to clipboard @@ -1246,7 +1259,7 @@ class ChatMenu extends LitElement { key: '' } try { - parsedMessageObj = JSON.parse(this.originalMessage.decodedMessage); + parsedMessageObj = JSON.parse(this.originalMessage.decodedMessage) } catch (error) { parsedMessageObj = {} @@ -1335,7 +1348,7 @@ class ChatMenu extends LitElement { this.versionErrorSnack() return } - this.setRepliedToMessageObj({ ...this.originalMessage, version: this.version }); + this.setRepliedToMessageObj({ ...this.originalMessage, version: this.version }) }}">
    @@ -1351,7 +1364,7 @@ class ChatMenu extends LitElement { this.versionErrorSnack() return } - this.setEditedMessageObj(this.originalMessage); + this.setEditedMessageObj(this.originalMessage) }}>
    @@ -1363,9 +1376,9 @@ class ChatMenu extends LitElement { class=${`menu-icon ${!this.firstMessageInChat ? "tooltip" : ""}`} data-text="${translate("blockpage.bcchange18")}" @click=${(e) => { - e.preventDefault(); - this.setUserName(this.originalMessage); - this.setOpenTipUser(true); + e.preventDefault() + this.setUserName(this.originalMessage) + this.setOpenTipUser(true) }}>
    diff --git a/plugins/plugins/core/components/UserInfo/UserInfo.js b/plugins/plugins/core/components/UserInfo/UserInfo.js index ea8fe4de..09ad6b3b 100644 --- a/plugins/plugins/core/components/UserInfo/UserInfo.js +++ b/plugins/plugins/core/components/UserInfo/UserInfo.js @@ -1,119 +1,114 @@ -import { LitElement, html } from 'lit'; -import { render } from 'lit/html.js'; -import { translate } from 'lit-translate'; -import { userInfoStyles } from './UserInfo-css.js'; -import { Epml } from '../../../../epml'; -import '@vaadin/button'; -import '@polymer/paper-progress/paper-progress.js'; -import { cropAddress } from '../../../utils/cropAddress.js'; +import { LitElement, html } from 'lit' +import { render } from 'lit/html.js' +import { use, get, translate, translateUnsafeHTML, registerTranslateConfig } from 'lit-translate' +import { userInfoStyles } from './UserInfo-css.js' +import { Epml } from '../../../../epml' +import { cropAddress } from '../../../utils/cropAddress.js' + +import '@polymer/paper-progress/paper-progress.js' +import '@vaadin/button' + +registerTranslateConfig({ + loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) +}) + +const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) export class UserInfo extends LitElement { - static get properties() { - return { - setOpenUserInfo: { attribute: false }, - setOpenTipUser: { attribute: false }, - setOpenPrivateMessage: { attribute: false }, - userName: { type: String }, - selectedHead: { type: Object }, - isImageLoaded: { type: Boolean } + static get properties() { + return { + setOpenUserInfo: { attribute: false }, + setOpenTipUser: { attribute: false }, + setOpenPrivateMessage: { attribute: false }, + userName: { type: String }, + selectedHead: { type: Object }, + isImageLoaded: { type: Boolean } } - } + } - constructor() { - super() - this.isImageLoaded = false - this.selectedHead = {} - this.imageFetches = 0 + constructor() { + super() + this.isImageLoaded = false + this.selectedHead = {} + this.imageFetches = 0 + } + + static styles = [userInfoStyles] + + createImage(imageUrl) { + const imageHTMLRes = new Image() + imageHTMLRes.src = imageUrl + imageHTMLRes.classList.add("user-info-avatar") + imageHTMLRes.onload = () => { + this.isImageLoaded = true + } + imageHTMLRes.onerror = () => { + if (this.imageFetches < 4) { + setTimeout(() => { + this.imageFetches = this.imageFetches + 1 + imageHTMLRes.src = imageUrl; + }, 10000) + } else { + this.isImageLoaded = false + } + } + return imageHTMLRes + } + + + render() { + let avatarImg = "" + if (this.selectedHead && this.selectedHead.name) { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const avatarUrl = `${nodeUrl}/arbitrary/THUMBNAIL/${this.selectedHead.name}/qortal_avatar?async=true&apiKey=${myNode.apiKey}` + avatarImg = this.createImage(avatarUrl) + } + return html` +
    + { + this.setOpenUserInfo(false) + }} + > + + ${this.isImageLoaded ? html`
    ${avatarImg}
    ` : html``} + ${!this.isImageLoaded && this.selectedHead && this.selectedHead.name ? html` +
    + +
    + ` : ""} + ${!this.isImageLoaded && this.selectedHead && !this.selectedHead.name ? html` +
    + avatar +
    ` + : ""} + +
    + ${translate("chatpage.cchange58")} +
    +
    { + this.setOpenTipUser(true) + this.setOpenUserInfo(false) + }}> + ${translate("chatpage.cchange59")} +
    +
    + ` + } } - static styles = [userInfoStyles] - - createImage(imageUrl) { - const imageHTMLRes = new Image(); - imageHTMLRes.src = imageUrl; - imageHTMLRes.classList.add("user-info-avatar"); - imageHTMLRes.onload = () => { - this.isImageLoaded = true; - } - imageHTMLRes.onerror = () => { - if (this.imageFetches < 4) { - setTimeout(() => { - this.imageFetches = this.imageFetches + 1; - imageHTMLRes.src = imageUrl; - }, 500); - } else { - this.isImageLoaded = false - } - }; - return imageHTMLRes; - } - - - render() { - let avatarImg = ""; - if (this.selectedHead && this.selectedHead.name) { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node]; - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port; - const avatarUrl = `${nodeUrl}/arbitrary/THUMBNAIL/${this.selectedHead.name}/qortal_avatar?async=true&apiKey=${myNode.apiKey}`; - avatarImg = this.createImage(avatarUrl); - } - return html` -
    - { - this.setOpenUserInfo(false) - }}> - - ${this.isImageLoaded ? - html` -
    - ${avatarImg} -
    ` : - html``} - ${!this.isImageLoaded && this.selectedHead && this.selectedHead.name ? - html` -
    - -
    - ` - : ""} - ${!this.isImageLoaded && this.selectedHead && !this.selectedHead.name ? - html` -
    - avatar -
    ` - : ""} - -
    - ${translate("chatpage.cchange58")} -
    -
    { - this.setOpenTipUser(true); - this.setOpenUserInfo(false); - }}> - ${translate("chatpage.cchange59")} -
    -
    - ` - } -} -customElements.define('user-info', UserInfo); +customElements.define('user-info', UserInfo) From 34f5be0d03a9070363ec71dc7864d80cabaf18c1 Mon Sep 17 00:00:00 2001 From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com> Date: Mon, 24 Jul 2023 19:32:13 +0200 Subject: [PATCH 16/27] Rework --- .../core/messaging/q-chat/q-chat.src.js | 333 +++++++++--------- 1 file changed, 162 insertions(+), 171 deletions(-) diff --git a/plugins/plugins/core/messaging/q-chat/q-chat.src.js b/plugins/plugins/core/messaging/q-chat/q-chat.src.js index 6f4bd9a4..676063f0 100644 --- a/plugins/plugins/core/messaging/q-chat/q-chat.src.js +++ b/plugins/plugins/core/messaging/q-chat/q-chat.src.js @@ -1,38 +1,38 @@ -import { LitElement, html, css } from 'lit'; -import { render } from 'lit/html.js'; +import { LitElement, html, css } from 'lit' +import { render } from 'lit/html.js' import { passiveSupport } from 'passive-events-support/src/utils' -passiveSupport({ - events: ['touchstart'] - }) -import { Epml } from '../../../../epml.js'; -import { use, get, translate, translateUnsafeHTML, registerTranslateConfig } from 'lit-translate'; +import { Epml } from '../../../../epml.js' +import { use, get, translate, translateUnsafeHTML, registerTranslateConfig } from 'lit-translate' import { qchatStyles } from './q-chat-css.src.js' -import WebWorker from 'web-worker:./computePowWorker.src.js'; -import {repeat} from 'lit/directives/repeat.js'; +import { repeat } from 'lit/directives/repeat.js' +import { Editor, Extension } from '@tiptap/core' import isElectron from 'is-electron' +import WebWorker from 'web-worker:./computePowWorker.src.js' +import StarterKit from '@tiptap/starter-kit' +import Underline from '@tiptap/extension-underline'; +import Placeholder from '@tiptap/extension-placeholder' +import Highlight from '@tiptap/extension-highlight' +import snackbar from '../../components/snackbar.js' + +import '../../components/ChatWelcomePage.js' +import '../../components/ChatHead.js' +import '../../components/ChatPage.js' +import '../../components/WrapperModal.js' +import '../../components/ChatSeachResults.js' + +import '@material/mwc-button' +import '@material/mwc-dialog' +import '@material/mwc-icon' +import '@material/mwc-snackbar' +import '@polymer/paper-spinner/paper-spinner-lite.js' +import '@vaadin/grid' registerTranslateConfig({ loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) }) -import '../../components/ChatWelcomePage.js' -import '../../components/ChatHead.js' -import '../../components/ChatPage.js' -import '../../components/WrapperModal.js'; -import '../../components/ChatSeachResults.js'; -import snackbar from '../../components/snackbar.js' -import '@polymer/paper-spinner/paper-spinner-lite.js' -import '@material/mwc-button' -import '@material/mwc-dialog' -import '@material/mwc-icon' -import '@material/mwc-snackbar' -import '@vaadin/grid' -import StarterKit from '@tiptap/starter-kit' -import Underline from '@tiptap/extension-underline'; -import Placeholder from '@tiptap/extension-placeholder' -import Highlight from '@tiptap/extension-highlight' +passiveSupport({ events: ['touchstart'] }) -import { Editor, Extension } from '@tiptap/core' const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) class Chat extends LitElement { @@ -58,11 +58,11 @@ class Chat extends LitElement { userFoundModalOpen: { type: Boolean }, userSelected: { type: Object }, editor: {type: Object}, - groupInvites: { type: Array }, + groupInvites: { type: Array } } } - static styles = [qchatStyles] + static styles = [qchatStyles] constructor() { super() @@ -70,7 +70,6 @@ class Chat extends LitElement { this.config = { user: { node: { - } } } @@ -100,30 +99,28 @@ class Chat extends LitElement { this.groupInvites = [] } - async setActiveChatHeadUrl(url) { + async setActiveChatHeadUrl(url) { this.activeChatHeadUrl = '' await this.updateComplete; this.activeChatHeadUrl = url } resetChatEditor(){ - - this.editor.commands.setContent('') - + this.editor.commands.setContent('') } + async getUpdateCompleteTextEditor() { - await super.getUpdateComplete(); - const marginElements = Array.from(this.shadowRoot.querySelectorAll('chat-text-editor')); - await Promise.all(marginElements.map(el => el.updateComplete)); - const marginElements2 = Array.from(this.shadowRoot.querySelectorAll('wrapper-modal')); - await Promise.all(marginElements2.map(el => el.updateComplete)); - return true; + await super.getUpdateComplete() + const marginElements = Array.from(this.shadowRoot.querySelectorAll('chat-text-editor')) + await Promise.all(marginElements.map(el => el.updateComplete)) + const marginElements2 = Array.from(this.shadowRoot.querySelectorAll('wrapper-modal')) + await Promise.all(marginElements2.map(el => el.updateComplete)) + return true } async connectedCallback() { - - super.connectedCallback(); - await this.getUpdateCompleteTextEditor(); + super.connectedCallback() + await this.getUpdateCompleteTextEditor() const elementChatId = this.shadowRoot.getElementById('messageBox').shadowRoot.getElementById('privateMessage') this.editor = new Editor({ @@ -155,40 +152,36 @@ class Chat extends LitElement { this.unsubscribeStore = window.parent.reduxStore.subscribe(() => { try { - - if(window.parent.location && window.parent.location.search){ - const queryString = window.parent.location.search; - const params = new URLSearchParams(queryString); + if(window.parent.location && window.parent.location.search) { + const queryString = window.parent.location.search + const params = new URLSearchParams(queryString) const chat = params.get("chat") if(chat && chat !== this.activeChatHeadUrl){ - let url = window.parent.location.href; - let newUrl = url.split("?")[0]; - window.parent.history.pushState({}, "", newUrl); + let url = window.parent.location.href + let newUrl = url.split("?")[0] + window.parent.history.pushState({}, "", newUrl) this.setActiveChatHeadUrl(chat) } } } catch (error) { - console.error(error) } - - }); + }) } disconnectedCallback() { - super.disconnectedCallback(); - this.editor.destroy(); - this.unsubscribeStore(); - } + super.disconnectedCallback() + this.editor.destroy() + this.unsubscribeStore() + } - - updatePlaceholder(editor, text){ + updatePlaceholder(editor, text) { editor.extensionManager.extensions.forEach((extension) => { if (extension.name === "placeholder") { extension.options["placeholder"] = text editor.commands.focus('end') } - }) + }) } render() { @@ -196,9 +189,8 @@ class Chat extends LitElement {
    -
    { - this.openPrivateMessage = true; - }}>${translate("chatpage.cchange1")} +
    { this.openPrivateMessage = true }}> + ${translate("chatpage.cchange1")}
      @@ -207,9 +199,7 @@ class Chat extends LitElement {
      { - this.resetChatEditor(); - this.openPrivateMessage = false; - this.shadowRoot.getElementById('sendTo').value = ""; + this.resetChatEditor() + this.openPrivateMessage = false + this.shadowRoot.getElementById('sendTo').value = "" this.userFoundModalOpen = false; - this.userFound = []; + this.userFound = [] } } style=${this.openPrivateMessage ? "visibility:visible;z-index:50" : "visibility: hidden;z-index:-100;position: relative"}>
      @@ -269,9 +259,9 @@ class Chat extends LitElement { placeholder="${translate("chatpage.cchange7")}" value=${this.userSelected.name ? this.userSelected.name: ''} @keypress=${() => { - this.userSelected = {}; - this.requestUpdate(); - }} + this.userSelected = {} + this.requestUpdate() + }} /> ${this.userSelected.name ? ( html` @@ -321,10 +311,8 @@ class Chat extends LitElement { class="modal-button" @click=${()=> { const chatTextEditor = this.shadowRoot.getElementById('messageBox') - chatTextEditor.sendMessageFunc({ - }) - - + chatTextEditor.sendMessageFunc({ + }) }} ?disabled="${this.isLoading}"> ${this.isLoading === false @@ -364,9 +352,9 @@ class Chat extends LitElement { { if (data.item.name === "No registered name") { - render(html`${translate("chatpage.cchange15")}`, root); + render(html`${translate("chatpage.cchange15")}`, root) } else { - render(html`${data.item.name}`, root); + render(html`${data.item.name}`, root) } }}> @@ -392,14 +380,12 @@ class Chat extends LitElement { ` } - - - async firstUpdated() { - this.changeLanguage(); - this.changeTheme(); - this.getChatBlockedList(); - this.getLocalBlockedList(); - // await this.getPendingGroupInvites(); + async firstUpdated() { + this.changeLanguage() + this.changeTheme() + this.getChatBlockedList() + this.getLocalBlockedList() + // await this.getPendingGroupInvites() const getBlockedUsers = async () => { let blockedUsers = await parentEpml.request('apiCall', { @@ -410,15 +396,15 @@ class Chat extends LitElement { } const stopKeyEventPropagation = (e) => { - e.stopPropagation(); - return false; + e.stopPropagation() + return false } - const nameInput = this.shadowRoot.getElementById('sendTo'); + const nameInput = this.shadowRoot.getElementById('sendTo') - nameInput.addEventListener('keydown', stopKeyEventPropagation); + nameInput.addEventListener('keydown', stopKeyEventPropagation) - this.shadowRoot.getElementById('messageBox').addEventListener('keydown', stopKeyEventPropagation); + this.shadowRoot.getElementById('messageBox').addEventListener('keydown', stopKeyEventPropagation) const runFunctionsAfterPageLoad = () => { // Functions to exec after render while waiting for page info... @@ -440,7 +426,7 @@ class Chat extends LitElement { } } - let runFunctionsAfterPageLoadInterval = setInterval(runFunctionsAfterPageLoad, 100); + let runFunctionsAfterPageLoadInterval = setInterval(runFunctionsAfterPageLoad, 100) window.addEventListener('storage', () => { const checkLanguage = localStorage.getItem('qortalLanguage') @@ -491,7 +477,6 @@ class Chat extends LitElement { }) }) parentEpml.imReady() - } setOpenPrivateMessage(props) { @@ -500,10 +485,10 @@ class Chat extends LitElement { } async userSearch() { - const nameValue = this.shadowRoot.getElementById('sendTo').value; + const nameValue = this.shadowRoot.getElementById('sendTo').value if(!nameValue) { - this.userFound = []; - this.userFoundModalOpen = true; + this.userFound = [] + this.userFoundModalOpen = true return; } try { @@ -512,7 +497,7 @@ class Chat extends LitElement { url: `/names/${nameValue}` }) if (result.error === 401) { - this.userFound = []; + this.userFound = [] } else { this.userFound = [ ...this.userFound, @@ -535,7 +520,7 @@ class Chat extends LitElement { const trimmedMessage = msg if (/^\s*$/.test(trimmedMessage)) { - this.isLoading = false; + this.isLoading = false } else { const messageObject = { messageText: trimmedMessage, @@ -544,19 +529,19 @@ class Chat extends LitElement { version: 3 } const stringifyMessageObject = JSON.stringify(messageObject) - this.sendMessage(stringifyMessageObject); + this.sendMessage(stringifyMessageObject) } } async sendMessage(messageText) { - this.isLoading = true; + this.isLoading = true - const _recipient = this.shadowRoot.getElementById('sendTo').value; + const _recipient = this.shadowRoot.getElementById('sendTo').value - let recipient; + let recipient const validateName = async (receiverName) => { - let myRes; + let myRes try { let myNameRes = await parentEpml.request('apiCall', { type: 'api', @@ -565,19 +550,19 @@ class Chat extends LitElement { if (myNameRes.error === 401) { myRes = false; } else { - myRes = myNameRes; + myRes = myNameRes } return myRes; } catch (error) { - return ""; + return "" } }; - const myNameRes = await validateName(_recipient); + const myNameRes = await validateName(_recipient) if (!myNameRes) { - recipient = _recipient; + recipient = _recipient } else { - recipient = myNameRes.owner; + recipient = myNameRes.owner }; const getAddressPublicKey = async () => { @@ -590,23 +575,23 @@ class Chat extends LitElement { }) if (addressPublicKey.error === 102) { - _publicKey = false; - let err4string = get("chatpage.cchange19"); - parentEpml.request('showSnackBar', `${err4string}`); - this.isLoading = false; + _publicKey = false + let err4string = get("chatpage.cchange19") + parentEpml.request('showSnackBar', `${err4string}`) + this.isLoading = false } else if (addressPublicKey !== false) { - isEncrypted = 1; - _publicKey = addressPublicKey; - sendMessageRequest(isEncrypted, _publicKey); + isEncrypted = 1 + _publicKey = addressPublicKey + sendMessageRequest(isEncrypted, _publicKey) } else { - let err4string = get("chatpage.cchange39"); - parentEpml.request('showSnackBar', `${err4string}`); - this.isLoading = false; + let err4string = get("chatpage.cchange39") + parentEpml.request('showSnackBar', `${err4string}`) + this.isLoading = false } }; - let _reference = new Uint8Array(64); + let _reference = new Uint8Array(64) window.crypto.getRandomValues(_reference); - let reference = window.parent.Base58.encode(_reference); + let reference = window.parent.Base58.encode(_reference) const sendMessageRequest = async (isEncrypted, _publicKey) => { let chatResponse = await parentEpml.request('chat', { type: 18, @@ -622,26 +607,26 @@ class Chat extends LitElement { isEncrypted: 1, isText: 1 } - }); + }) _computePow(chatResponse); }; const _computePow = async (chatBytes) => { const difficulty = this.balance < 4 ? 18 : 8 - const path = window.parent.location.origin + '/memory-pow/memory-pow.wasm.full'; - const worker = new WebWorker(); - let nonce = null; + const path = window.parent.location.origin + '/memory-pow/memory-pow.wasm.full' + const worker = new WebWorker() + let nonce = null let chatBytesArray = null; await new Promise((res, rej) => { - worker.postMessage({chatBytes, path, difficulty}); + worker.postMessage({chatBytes, path, difficulty}) worker.onmessage = e => { - worker.terminate(); - chatBytesArray = e.data.chatBytesArray; - nonce = e.data.nonce; - res(); + worker.terminate() + chatBytesArray = e.data.chatBytesArray + nonce = e.data.nonce + res() } - }); + }) let _response = await parentEpml.request('sign_chat', { nonce: this.selectedAddress.nonce, @@ -649,36 +634,36 @@ class Chat extends LitElement { chatNonce: nonce }); - getSendChatResponse(_response); + getSendChatResponse(_response) }; const getSendChatResponse = (response) => { if (response === true) { - this.setActiveChatHeadUrl(`direct/${recipient}`); - this.shadowRoot.getElementById('sendTo').value = ""; - this.openPrivateMessage = false; + this.setActiveChatHeadUrl(`direct/${recipient}`) + this.shadowRoot.getElementById('sendTo').value = "" + this.openPrivateMessage = false this.resetChatEditor(); } else if (response.error) { - parentEpml.request('showSnackBar', response.message); + parentEpml.request('showSnackBar', response.message) } else { - let err2string = get("chatpage.cchange21"); - parentEpml.request('showSnackBar', `${err2string}`); + let err2string = get("chatpage.cchange21") + parentEpml.request('showSnackBar', `${err2string}`) } - this.isLoading = false; - }; + this.isLoading = false + } // Exec.. - getAddressPublicKey(); + getAddressPublicKey() } insertImage(file) { if (file.type.includes('image')) { - this.imageFile = file; - return; + this.imageFile = file + return } - parentEpml.request('showSnackBar', get("chatpage.cchange28")); + parentEpml.request('showSnackBar', get("chatpage.cchange28")) } renderLoadingText() { @@ -724,7 +709,7 @@ class Chat extends LitElement { localStorage.removeItem("ChatBlockedAddresses") - var obj = []; + var obj = [] fetch(blockedAddressesUrl).then(response => { return response.json() @@ -751,7 +736,7 @@ class Chat extends LitElement { }) } - async getPendingGroupInvites() { + async getPendingGroupInvites() { const myAddress = window.parent.reduxStore.getState().app.selectedAddress.address try { let pendingGroupInvites = await parentEpml.request('apiCall', { @@ -810,11 +795,11 @@ class Chat extends LitElement { changeTheme() { const checkTheme = localStorage.getItem('qortalTheme') if (checkTheme === 'dark') { - this.theme = 'dark'; + this.theme = 'dark' } else { - this.theme = 'light'; + this.theme = 'light' } - document.querySelector('html').setAttribute('theme', this.theme); + document.querySelector('html').setAttribute('theme', this.theme) } changeLanguage() { @@ -832,69 +817,75 @@ class Chat extends LitElement { return html` this.setOpenPrivateMessage(val)}> + .setOpenPrivateMessage=${(val) => this.setOpenPrivateMessage(val)} + > ` } renderChatHead(chatHeadArr) { - return chatHeadArr.map(eachChatHead => { return html` this.setActiveChatHeadUrl(val)} chatInfo=${JSON.stringify(eachChatHead)}>` }) - } renderChatPage() { - // Check for the chat ID from and render chat messages // Else render Welcome to Q-CHat // TODO: DONE: Do the above in the ChatPage return html` - this.setOpenPrivateMessage(val)} - .setActiveChatHeadUrl=${(val)=> this.setActiveChatHeadUrl(val)}> - + this.setOpenPrivateMessage(val)} + .setActiveChatHeadUrl=${(val)=> this.setActiveChatHeadUrl(val)} + > + ` } setChatHeads(chatObj) { - const chatObjGroups = Array.isArray(chatObj.groups) ? chatObj.groups : []; - const chatObjDirect = Array.isArray(chatObj.direct) ? chatObj.direct : []; - let groupList = chatObjGroups.map(group => group.groupId === 0 ? { groupId: group.groupId, url: `group/${group.groupId}`, groupName: "Qortal General Chat", timestamp: group.timestamp === undefined ? 2 : group.timestamp, sender: group.sender } : { ...group, timestamp: group.timestamp === undefined ? 1 : group.timestamp, url: `group/${group.groupId}` }) + const chatObjGroups = Array.isArray(chatObj.groups) ? chatObj.groups : [] + const chatObjDirect = Array.isArray(chatObj.direct) ? chatObj.direct : [] + + let groupList = chatObjGroups.map(group => group.groupId === 0 ? { + groupId: group.groupId, url: `group/${group.groupId}`, + groupName: "Qortal General Chat", + timestamp: group.timestamp === undefined ? 2 : group.timestamp, + sender: group.sender } : { ...group, timestamp: group.timestamp === undefined ? 1 : group.timestamp, url: `group/${group.groupId}` + }) + let directList = chatObjDirect.map(dc => { return { ...dc, url: `direct/${dc.address}` } }) + const compareNames = (a, b) => { return a.groupName.localeCompare(b.groupName) } + groupList.sort(compareNames) let chatHeadMasterList = [...groupList, ...directList] const compareArgs = (a, b) => { return b.timestamp - a.timestamp } + this.chatHeads = chatHeadMasterList.sort(compareArgs) } getChatHeadFromState(chatObj) { - if (chatObj === undefined) { return } else { - this.chatHeadsObj = chatObj this.setChatHeads(chatObj) } } _textArea(e) { - if (e.keyCode === 13 && !e.shiftKey) this._sendMessage() } @@ -908,13 +899,13 @@ class Chat extends LitElement { } getApiKey() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node]; - let apiKey = myNode.apiKey; - return apiKey; + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + let apiKey = myNode.apiKey + return apiKey } scrollToBottom() { - const viewElement = this.shadowRoot.querySelector('chat-page').shadowRoot.querySelector('chat-scroller').shadowRoot.getElementById('viewElement'); + const viewElement = this.shadowRoot.querySelector('chat-page').shadowRoot.querySelector('chat-scroller').shadowRoot.getElementById('viewElement') viewElement.scroll({ top: viewElement.scrollHeight, left: 0, behavior: 'smooth' }) } From 85af2e82b7d6bcf51de3bdc0228755969888698b Mon Sep 17 00:00:00 2001 From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com> Date: Mon, 24 Jul 2023 19:38:48 +0200 Subject: [PATCH 17/27] Fix --- .../core/sponsorship-list/sponsorship-list.src.js | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/plugins/plugins/core/sponsorship-list/sponsorship-list.src.js b/plugins/plugins/core/sponsorship-list/sponsorship-list.src.js index 8f1470e9..24e5d1d2 100644 --- a/plugins/plugins/core/sponsorship-list/sponsorship-list.src.js +++ b/plugins/plugins/core/sponsorship-list/sponsorship-list.src.js @@ -6,10 +6,6 @@ import { asyncReplace } from 'lit/directives/async-replace.js' import { pageStyles } from './sponsorship-list-css.src.js' import isElectron from 'is-electron' -registerTranslateConfig({ - loader: (lang) => fetch(`/language/${lang}.json`).then((res) => res.json()), -}) - import '@material/mwc-button' import '@material/mwc-dialog' import '@material/mwc-icon' @@ -19,6 +15,10 @@ import '@polymer/paper-spinner/paper-spinner-lite.js' import '@vaadin/button' import '../components/ButtonIconCopy.js' +registerTranslateConfig({ + loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) +}) + const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) async function* countDown(count, callback) { @@ -650,7 +650,7 @@ class SponsorshipList extends LitElement { try { accountDetails = await getAccountDetails() } catch (error) { - this.errorMessage = 'Couldn't fetch account details' + this.errorMessage = 'Could not fetch account details' } let lastRef = await getLastRef() From f441406dd5bce89309eecc34ba3333ad5a44499f Mon Sep 17 00:00:00 2001 From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com> Date: Wed, 26 Jul 2023 20:10:41 +0200 Subject: [PATCH 18/27] Remove log spam --- plugins/plugins/core/streams/onNewBlock.js | 123 +++------------------ plugins/plugins/core/streams/streams.js | 20 ++-- 2 files changed, 25 insertions(+), 118 deletions(-) diff --git a/plugins/plugins/core/streams/onNewBlock.js b/plugins/plugins/core/streams/onNewBlock.js index f02cc38b..0f9bfc38 100644 --- a/plugins/plugins/core/streams/onNewBlock.js +++ b/plugins/plugins/core/streams/onNewBlock.js @@ -7,20 +7,16 @@ let closeGracefully = false let isCalled = false let retryOnClose = false let blockFirstCall = true - let nodeStatusSocketObject let nodeStatusSocketTimeout let nodeStatusSocketcloseGracefully = false let nodeStatusCount = 0 let nodeStatusRetryOnClose = false let nodeStateCall = false - let isLoggedIn = false - let oldAccountInfo parentEpml.subscribe('logged_in', loggedIn => { - if (loggedIn === 'true') { isLoggedIn = true } else { @@ -29,35 +25,28 @@ parentEpml.subscribe('logged_in', loggedIn => { }) const setAccountInfo = async (addr) => { - const names = await parentEpml.request('apiCall', { url: `/names/address/${addr}` }) const addressInfo = await parentEpml.request('apiCall', { url: `/addresses/${addr}` }) - let accountInfo = { names: names, addressInfo: addressInfo } - if (window.parent._.isEqual(oldAccountInfo, accountInfo) === true) { - return } else { - parentEpml.request('setAccountInfo', accountInfo) oldAccountInfo = accountInfo } } const doNodeInfo = async () => { - const nodeInfo = await parentEpml.request('apiCall', { url: '/admin/info' }) - parentEpml.request('updateNodeInfo', nodeInfo) } @@ -65,71 +54,57 @@ let initStateCount = 0 let oldState const closeSockets = () => { - - socketObject.close(); + socketObject.close() closeGracefully = true - - nodeStatusSocketObject.close(); + nodeStatusSocketObject.close() nodeStatusSocketcloseGracefully = true } export const startConfigWatcher = () => { - parentEpml.ready().then(() => { parentEpml.subscribe('node_config', c => { - if (initStateCount === 0) { let _oldState = JSON.parse(c) oldState = { node: _oldState.node, knownNodes: _oldState.knownNodes } initStateCount = initStateCount + 1 - nodeStateCall = true isCalled = true - socketObject !== undefined ? closeSockets() : undefined; - nodeStatusSocketObject !== undefined ? closeSockets() : undefined; + socketObject !== undefined ? closeSockets() : undefined + nodeStatusSocketObject !== undefined ? closeSockets() : undefined initNodeStatusCall(oldState) pingactiveBlockSocket() - // Call doNodeInfo doNodeInfo() } - - let _newState = JSON.parse(c); + let _newState = JSON.parse(c) let newState = { node: _newState.node, knownNodes: _newState.knownNodes } - if (window.parent._.isEqual(oldState, newState) === true) { return } else { oldState = newState nodeStateCall = true isCalled = true - socketObject !== undefined ? closeSockets() : undefined; - nodeStatusSocketObject !== undefined ? closeSockets() : undefined; + socketObject !== undefined ? closeSockets() : undefined + nodeStatusSocketObject !== undefined ? closeSockets() : undefined initNodeStatusCall(newState) pingactiveBlockSocket() - // Call doNodeInfo doNodeInfo() } }) }) - parentEpml.imReady() } const processBlock = (blockObject) => { - parentEpml.request('updateBlockInfo', blockObject) } const doNodeStatus = async (nodeStatusObject) => { - parentEpml.request('updateNodeStatus', nodeStatusObject) } - const initNodeStatusCall = (nodeConfig) => { - if (nodeConfig.node == 0) { pingNodeStatusSocket() } else if (nodeConfig.node == 1) { @@ -143,193 +118,131 @@ const initNodeStatusCall = (nodeConfig) => { } const initBlockSocket = () => { - let myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] let nodeUrl = myNode.domain + ":" + myNode.port - let activeBlockSocketLink - if (window.parent.location.protocol === "https:") { - - activeBlockSocketLink = `wss://${nodeUrl}/websockets/blocks`; + activeBlockSocketLink = `wss://${nodeUrl}/websockets/blocks` } else { - - activeBlockSocketLink = `ws://${nodeUrl}/websockets/blocks`; + activeBlockSocketLink = `ws://${nodeUrl}/websockets/blocks` } - - const activeBlockSocket = new WebSocket(activeBlockSocketLink); - + const activeBlockSocket = new WebSocket(activeBlockSocketLink) // Open Connection activeBlockSocket.onopen = (e) => { - - console.log(`[SOCKET-BLOCKS]: Connected.`); closeGracefully = false socketObject = activeBlockSocket - initial = initial + 1 } - // Message Event activeBlockSocket.onmessage = (e) => { - - processBlock(JSON.parse(e.data)); - + processBlock(JSON.parse(e.data)) if (isLoggedIn) { - // Call Set Account Info... setAccountInfo(window.parent.reduxStore.getState().app.selectedAddress.address) } } - // Closed Event activeBlockSocket.onclose = () => { - - console.log(`[SOCKET-BLOCKS]: CLOSED`); - - processBlock({}); + processBlock({}) blockFirstCall = true clearInterval(activeBlockSocketTimeout) if (closeGracefully === false && initial <= 52) { - if (initial <= 52) { - retryOnClose = true setTimeout(pingactiveBlockSocket, 10000) initial = initial + 1 } else { - // ... Stop retrying... retryOnClose = false } } } - // Error Event activeBlockSocket.onerror = (e) => { - - console.log(`[SOCKET-BLOCKS]: ${e.type}`); blockFirstCall = true - processBlock({}); + processBlock({}) } - if (blockFirstCall) { - parentEpml.request('apiCall', { url: '/blocks/last' }).then(res => { - processBlock(res) blockFirstCall = false }) } } - const pingactiveBlockSocket = () => { - if (isCalled) { - isCalled = false - initBlockSocket() activeBlockSocketTimeout = setTimeout(pingactiveBlockSocket, 295000) } else if (retryOnClose) { - retryOnClose = false clearTimeout(activeBlockSocketTimeout) initBlockSocket() isCalled = true activeBlockSocketTimeout = setTimeout(pingactiveBlockSocket, 295000) } else { - socketObject.send("non-integer ping") activeBlockSocketTimeout = setTimeout(pingactiveBlockSocket, 295000) } } - const initNodeStatusSocket = () => { - let myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] let nodeUrl = myNode.domain + ":" + myNode.port - let activeNodeStatusSocketLink - if (window.parent.location.protocol === "https:") { - - activeNodeStatusSocketLink = `wss://${nodeUrl}/websockets/admin/status`; + activeNodeStatusSocketLink = `wss://${nodeUrl}/websockets/admin/status` } else { - - activeNodeStatusSocketLink = `ws://${nodeUrl}/websockets/admin/status`; + activeNodeStatusSocketLink = `ws://${nodeUrl}/websockets/admin/status` } - - const activeNodeStatusSocket = new WebSocket(activeNodeStatusSocketLink); - + const activeNodeStatusSocket = new WebSocket(activeNodeStatusSocketLink) // Open Connection activeNodeStatusSocket.onopen = (e) => { - - console.log(`[SOCKET-NODE-STATUS]: Connected.`); nodeStatusSocketcloseGracefully = false nodeStatusSocketObject = activeNodeStatusSocket - nodeStatusCount = nodeStatusCount + 1 } - // Message Event activeNodeStatusSocket.onmessage = (e) => { - doNodeStatus(JSON.parse(e.data)) } - // Closed Event activeNodeStatusSocket.onclose = () => { - - console.log(`[SOCKET-NODE-STATUS]: CLOSED`); - - doNodeStatus({}); + doNodeStatus({}) clearInterval(nodeStatusSocketTimeout) - if (nodeStatusSocketcloseGracefully === false && nodeStatusCount <= 52) { - if (nodeStatusCount <= 52) { - nodeStatusRetryOnClose = true setTimeout(pingNodeStatusSocket, 10000) nodeStatusCount = nodeStatusCount + 1 } else { - // ... Stop retrying... nodeStatusRetryOnClose = false } } } - // Error Event activeNodeStatusSocket.onerror = (e) => { - - console.log(`[SOCKET-NODE-STATUS]: ${e.type}`); - doNodeStatus({}); + doNodeStatus({}) } } - const pingNodeStatusSocket = () => { - if (nodeStateCall) { - clearTimeout(nodeStatusSocketTimeout) initNodeStatusSocket() nodeStateCall = false nodeStatusSocketTimeout = setTimeout(pingNodeStatusSocket, 295000) } else if (nodeStatusRetryOnClose) { - nodeStatusRetryOnClose = false clearTimeout(nodeStatusSocketTimeout) initNodeStatusSocket() nodeStatusSocketTimeout = setTimeout(pingNodeStatusSocket, 295000) } else { - nodeStatusSocketObject.send("non-integer ping") nodeStatusSocketTimeout = setTimeout(pingNodeStatusSocket, 295000) } diff --git a/plugins/plugins/core/streams/streams.js b/plugins/plugins/core/streams/streams.js index 563df338..809bd53d 100644 --- a/plugins/plugins/core/streams/streams.js +++ b/plugins/plugins/core/streams/streams.js @@ -45,7 +45,7 @@ const sortActiveChat = (activeChatObject, localChatHeads) => { let results = newActiveChats.filter(newChat => { let value = oldActiveChats.some(oldChat => newChat.timestamp === oldChat.timestamp) return !value - }); + }) results.forEach(chat => { @@ -103,8 +103,6 @@ const chatHeadWatcher = (activeChats) => { } } catch (e) { - console.error(e) - } } @@ -128,13 +126,13 @@ parentEpml.subscribe('logged_in', async isLoggedIn => { if (window.parent.location.protocol === "https:") { - activeChatSocketLink = `wss://${nodeUrl}/websockets/chat/active/${window.parent.reduxStore.getState().app.selectedAddress.address}?encoding=BASE64`; + activeChatSocketLink = `wss://${nodeUrl}/websockets/chat/active/${window.parent.reduxStore.getState().app.selectedAddress.address}?encoding=BASE64` } else { - activeChatSocketLink = `ws://${nodeUrl}/websockets/chat/active/${window.parent.reduxStore.getState().app.selectedAddress.address}?encoding=BASE64`; + activeChatSocketLink = `ws://${nodeUrl}/websockets/chat/active/${window.parent.reduxStore.getState().app.selectedAddress.address}?encoding=BASE64` } - const activeChatSocket = new WebSocket(activeChatSocketLink); + const activeChatSocket = new WebSocket(activeChatSocketLink) // Open Connection activeChatSocket.onopen = () => { @@ -147,16 +145,14 @@ parentEpml.subscribe('logged_in', async isLoggedIn => { // Message Event activeChatSocket.onmessage = (e) => { if (e.data === 'pong') { - clearTimeout(timeoutId); + clearTimeout(timeoutId) activeChatSocketTimeout = setTimeout(pingActiveChatSocket, 45000) return } try { chatHeadWatcher(JSON.parse(e.data)) } catch (error) { - } - } // Closed Event @@ -171,8 +167,6 @@ parentEpml.subscribe('logged_in', async isLoggedIn => { // Error Event activeChatSocket.onerror = (e) => { - - console.log(`[SOCKET]: ${e.type}`); } } @@ -197,9 +191,9 @@ parentEpml.subscribe('logged_in', async isLoggedIn => { socketObject.send('ping') timeoutId = setTimeout(() => { - socketObject.close(); + socketObject.close() clearTimeout(activeChatSocketTimeout) - }, 5000); + }, 5000) } } else { From d407e6384dc00d31f522a80fba096ebe29497972 Mon Sep 17 00:00:00 2001 From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com> Date: Wed, 26 Jul 2023 20:22:14 +0200 Subject: [PATCH 19/27] Update sponsorship-list.src.js --- .../sponsorship-list/sponsorship-list.src.js | 40 +++++++++---------- 1 file changed, 18 insertions(+), 22 deletions(-) diff --git a/plugins/plugins/core/sponsorship-list/sponsorship-list.src.js b/plugins/plugins/core/sponsorship-list/sponsorship-list.src.js index 24e5d1d2..2930c7de 100644 --- a/plugins/plugins/core/sponsorship-list/sponsorship-list.src.js +++ b/plugins/plugins/core/sponsorship-list/sponsorship-list.src.js @@ -130,13 +130,13 @@ class SponsorshipList extends LitElement {
      • - ${sponsorship?.name ? html` + ${sponsorship.name ? html` ` : ''} - ${sponsorship?.name || sponsorship.address} + ${sponsorship.name || sponsorship.address}
      • @@ -145,7 +145,7 @@ class SponsorshipList extends LitElement {
      • {this.createRewardShare(sponsorship?.publicKey, true)}} + @click=${()=> {this.createRewardShare(sponsorship.publicKey, true)}} > content_copy ${translate('sponsorshipspage.schange11')} @@ -172,8 +172,7 @@ class SponsorshipList extends LitElement {

        ${translate('sponsorshipspage.schange4')}  - ${this.nextSponsorshipEnding - ?.blocksRemaining}  + ${this.nextSponsorshipEnding.blocksRemaining}  ${translate('mintingpage.mchange26')}

        @@ -454,7 +453,6 @@ class SponsorshipList extends LitElement { await navigator.clipboard.writeText(toBeCopied) parentEpml.request('showSnackBar', text) } catch (err) { - console.error('Copy to clipboard error:', err) } } @@ -474,7 +472,7 @@ class SponsorshipList extends LitElement { this.addressInfo = window.parent.reduxStore.getState().app.accountInfo.addressInfo this.isPageLoading = true try { - const address = window.parent.reduxStore.getState().app?.selectedAddress?.address + const address = window.parent.reduxStore.getState().app.selectedAddress.address let rewardShares = await this.getRewardShareRelationship(address) @@ -491,7 +489,7 @@ class SponsorshipList extends LitElement { url: `/names/address/${rs.recipient}` }) let url = '' - if(getNames?.length > 0 ) { + if(getNames.length > 0 ) { const avatarNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] const avatarUrl = avatarNode.protocol + '://' + avatarNode.domain + ':' + avatarNode.port const urlPic = `${avatarUrl}/arbitrary/THUMBNAIL/${getNames[0].name}/qortal_avatar?async=true&apiKey=${this.getApiKey()}` @@ -503,7 +501,7 @@ class SponsorshipList extends LitElement { return { ...addressInfo, ...rs, - name: getNames?.length > 0 ? getNames[0].name : '', + name: getNames.length > 0 ? getNames[0].name : '', url, blocksRemaining: blocksRemaining, } @@ -538,13 +536,13 @@ class SponsorshipList extends LitElement { } _levelUpBlocks(accountInfo) { - let countBlocksString = (blocksNeed(0) - (accountInfo?.blocksMinted + accountInfo?.blocksMintedAdjustment)).toString() + let countBlocksString = (blocksNeed(0) - (accountInfo.blocksMinted + accountInfo.blocksMintedAdjustment)).toString() return countBlocksString } async removeRewardShare(rewardShareObject) { - const selectedAddress = window.parent.reduxStore.getState().app?.selectedAddress + const selectedAddress = window.parent.reduxStore.getState().app.selectedAddress const myPercentageShare = -1 @@ -575,7 +573,7 @@ class SponsorshipList extends LitElement { let rewarddialog6 = get('transactions.rewarddialog6') let myTxnrequest = await parentEpml.request('transaction', { type: 381, - nonce: selectedAddress?.nonce, + nonce: selectedAddress.nonce, params: { rewardShareKeyPairPublicKey: rewardShareObject.rewardSharePublicKey, @@ -621,7 +619,7 @@ class SponsorshipList extends LitElement { this.errorMessage = '' const recipientPublicKey = publicKeyValue const percentageShare = 0 - const selectedAddress = window.parent.reduxStore.getState().app?.selectedAddress + const selectedAddress = window.parent.reduxStore.getState().app.selectedAddress // Check for valid... this.isLoadingCreateSponsorship = true @@ -697,8 +695,8 @@ class SponsorshipList extends LitElement { } const getTxnRequestResponse = (txnResponse) => { - if(txnResponse?.extraData?.rewardSharePrivateKey && (txnResponse?.data?.message?.includes('multiple') || txnResponse?.data?.message?.includes('SELF_SHARE_EXISTS'))) { - this.privateRewardShareKey = txnResponse?.extraData?.rewardSharePrivateKey + if(txnResponse.extraData.rewardSharePrivateKey && (txnResponse.data.message.includes('multiple') || txnResponse.data.message.includes('SELF_SHARE_EXISTS'))) { + this.privateRewardShareKey = txnResponse.extraData.rewardSharePrivateKey this.confirmRelationship(publicKeyValue, isCopy) } else if (txnResponse.success === false && txnResponse?.message) { this.errorMessage = txnResponse?.message @@ -708,12 +706,12 @@ class SponsorshipList extends LitElement { txnResponse.success === true && !txnResponse.data.error ) { - this.privateRewardShareKey = txnResponse?.extraData?.rewardSharePrivateKey + this.privateRewardShareKey = txnResponse.extraData.rewardSharePrivateKey this.confirmRelationship(publicKeyValue, isCopy) } else { - this.errorMessage = txnResponse?.data?.message || txnResponse?.message + this.errorMessage = txnResponse.data.message || txnResponse.message this.isLoadingCreateSponsorship = false - throw(txnResponse?.data?.message || txnResponse?.message) + throw(txnResponse.data.message || txnResponse.message) } } validateReceiver() @@ -731,7 +729,7 @@ class SponsorshipList extends LitElement { try { const recipientAddress = window.parent.base58PublicKeyToAddress(recipientPublicKey) - const minterAddress = window.parent.reduxStore.getState().app?.selectedAddress.address + const minterAddress = window.parent.reduxStore.getState().app.selectedAddress.address const myRewardShareArray = await parentEpml.request('apiCall', { type: 'api', url: `/addresses/rewardshares?minters=${minterAddress}&recipients=${recipientAddress}` @@ -742,7 +740,6 @@ class SponsorshipList extends LitElement { this.timer = countDown(isCopy ? 5 : 180, ()=> this.changeStatus(4)) } } catch (error) { - console.error(error) } stop = false @@ -764,7 +761,6 @@ class SponsorshipList extends LitElement { this.lookupPublicAddressValue = response } catch (error) { this.errorLookup = error - console.error(error) } } } From d0d5de5b47e9894fed0763dfaf551acd8087bd4d Mon Sep 17 00:00:00 2001 From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com> Date: Wed, 26 Jul 2023 20:46:52 +0200 Subject: [PATCH 20/27] Update electron builder --- package-lock.json | 1885 ++++----------------------------------------- package.json | 2 +- 2 files changed, 151 insertions(+), 1736 deletions(-) diff --git a/package-lock.json b/package-lock.json index 39d0c956..7b7e1089 100644 --- a/package-lock.json +++ b/package-lock.json @@ -102,7 +102,7 @@ "@zip.js/zip.js": "2.7.20", "axios": "1.4.0", "electron": "25.3.1", - "electron-builder": "24.4.0", + "electron-builder": "24.6.3", "electron-packager": "17.1.1", "epml": "0.3.3", "file-saver": "2.0.5", @@ -425,6 +425,7 @@ "version": "7.22.6", "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.22.6.tgz", "integrity": "sha512-wDb5pWm4WDdF6LFUde3Jl8WzPA+3ZbxYqkC6xAXuD3irdEHN1k0NfTRrJD8ZD378SJ61miMLCqIOXYhd8x+AJQ==", + "dev": true, "dependencies": { "regenerator-runtime": "^0.13.11" }, @@ -693,171 +694,6 @@ "node": ">= 10.0.0" } }, - "node_modules/@electron/rebuild": { - "version": "3.2.13", - "resolved": "https://registry.npmjs.org/@electron/rebuild/-/rebuild-3.2.13.tgz", - "integrity": "sha512-DH9Ol4JCnHDYVOD0fKWq+Qqbn/0WU1O6QR0mIpMXEVU4YFM4PlaqNC9K36mGShNBxxGFotZCMDrB1wl/iHM12g==", - "dev": true, - "dependencies": { - "@malept/cross-spawn-promise": "^2.0.0", - "chalk": "^4.0.0", - "debug": "^4.1.1", - "detect-libc": "^2.0.1", - "fs-extra": "^10.0.0", - "got": "^11.7.0", - "node-abi": "^3.0.0", - "node-api-version": "^0.1.4", - "node-gyp": "^9.0.0", - "ora": "^5.1.0", - "semver": "^7.3.5", - "tar": "^6.0.5", - "yargs": "^17.0.1" - }, - "bin": { - "electron-rebuild": "lib/cli.js" - }, - "engines": { - "node": ">=12.13.0" - } - }, - "node_modules/@electron/rebuild/node_modules/ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "dependencies": { - "color-convert": "^2.0.1" - }, - "engines": { - "node": ">=8" - }, - "funding": { - "url": "https://github.com/chalk/ansi-styles?sponsor=1" - } - }, - "node_modules/@electron/rebuild/node_modules/chalk": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", - "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", - "dev": true, - "dependencies": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - }, - "engines": { - "node": ">=10" - }, - "funding": { - "url": "https://github.com/chalk/chalk?sponsor=1" - } - }, - "node_modules/@electron/rebuild/node_modules/color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "dependencies": { - "color-name": "~1.1.4" - }, - "engines": { - "node": ">=7.0.0" - } - }, - "node_modules/@electron/rebuild/node_modules/color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - }, - "node_modules/@electron/rebuild/node_modules/fs-extra": { - "version": "10.1.0", - "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz", - "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==", - "dev": true, - "dependencies": { - "graceful-fs": "^4.2.0", - "jsonfile": "^6.0.1", - "universalify": "^2.0.0" - }, - "engines": { - "node": ">=12" - } - }, - "node_modules/@electron/rebuild/node_modules/has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", - "dev": true, - "engines": { - "node": ">=8" - } - }, - "node_modules/@electron/rebuild/node_modules/jsonfile": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz", - "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==", - "dev": true, - "dependencies": { - "universalify": "^2.0.0" - }, - "optionalDependencies": { - "graceful-fs": "^4.1.6" - } - }, - "node_modules/@electron/rebuild/node_modules/lru-cache": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", - "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", - "dev": true, - "dependencies": { - "yallist": "^4.0.0" - }, - "engines": { - "node": ">=10" - } - }, - "node_modules/@electron/rebuild/node_modules/semver": { - "version": "7.5.4", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz", - "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==", - "dev": true, - "dependencies": { - "lru-cache": "^6.0.0" - }, - "bin": { - "semver": "bin/semver.js" - }, - "engines": { - "node": ">=10" - } - }, - "node_modules/@electron/rebuild/node_modules/supports-color": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", - "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", - "dev": true, - "dependencies": { - "has-flag": "^4.0.0" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/@electron/rebuild/node_modules/universalify": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz", - "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==", - "dev": true, - "engines": { - "node": ">= 10.0.0" - } - }, - "node_modules/@electron/rebuild/node_modules/yallist": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", - "dev": true - }, "node_modules/@electron/universal": { "version": "1.3.4", "resolved": "https://registry.npmjs.org/@electron/universal/-/universal-1.3.4.tgz", @@ -876,28 +712,6 @@ "node": ">=8.6" } }, - "node_modules/@electron/universal/node_modules/@malept/cross-spawn-promise": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/@malept/cross-spawn-promise/-/cross-spawn-promise-1.1.1.tgz", - "integrity": "sha512-RTBGWL5FWQcg9orDOCcp4LvItNzUPcyEU9bwaeJX0rJ1IQxzucC48Y0/sQLp/g6t99IQgAlGIaesJS+gTn7tVQ==", - "dev": true, - "funding": [ - { - "type": "individual", - "url": "https://github.com/sponsors/malept" - }, - { - "type": "tidelift", - "url": "https://tidelift.com/subscription/pkg/npm-.malept-cross-spawn-promise?utm_medium=referral&utm_source=npm_fund" - } - ], - "dependencies": { - "cross-spawn": "^7.0.1" - }, - "engines": { - "node": ">= 10" - } - }, "node_modules/@electron/universal/node_modules/brace-expansion": { "version": "1.1.11", "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", @@ -1309,102 +1123,6 @@ "@hapi/hoek": "^11.0.2" } }, - "node_modules/@isaacs/cliui": { - "version": "8.0.2", - "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz", - "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==", - "dev": true, - "dependencies": { - "string-width": "^5.1.2", - "string-width-cjs": "npm:string-width@^4.2.0", - "strip-ansi": "^7.0.1", - "strip-ansi-cjs": "npm:strip-ansi@^6.0.1", - "wrap-ansi": "^8.1.0", - "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0" - }, - "engines": { - "node": ">=12" - } - }, - "node_modules/@isaacs/cliui/node_modules/ansi-regex": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz", - "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==", - "dev": true, - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/chalk/ansi-regex?sponsor=1" - } - }, - "node_modules/@isaacs/cliui/node_modules/ansi-styles": { - "version": "6.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz", - "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==", - "dev": true, - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/chalk/ansi-styles?sponsor=1" - } - }, - "node_modules/@isaacs/cliui/node_modules/emoji-regex": { - "version": "9.2.2", - "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz", - "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==", - "dev": true - }, - "node_modules/@isaacs/cliui/node_modules/string-width": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz", - "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==", - "dev": true, - "dependencies": { - "eastasianwidth": "^0.2.0", - "emoji-regex": "^9.2.2", - "strip-ansi": "^7.0.1" - }, - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/@isaacs/cliui/node_modules/strip-ansi": { - "version": "7.1.0", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz", - "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==", - "dev": true, - "dependencies": { - "ansi-regex": "^6.0.1" - }, - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/chalk/strip-ansi?sponsor=1" - } - }, - "node_modules/@isaacs/cliui/node_modules/wrap-ansi": { - "version": "8.1.0", - "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz", - "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==", - "dev": true, - "dependencies": { - "ansi-styles": "^6.1.0", - "string-width": "^5.0.1", - "strip-ansi": "^7.0.1" - }, - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/chalk/wrap-ansi?sponsor=1" - } - }, "node_modules/@jridgewell/gen-mapping": { "version": "0.3.3", "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz", @@ -1464,13 +1182,13 @@ "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==" }, "node_modules/@linaria/core": { - "version": "4.2.9", - "resolved": "https://registry.npmjs.org/@linaria/core/-/core-4.2.9.tgz", - "integrity": "sha512-ELcu37VNVOT/PU0L6WDIN+aLzNFyJrqoBYT0CucGOCAmODbojUMCv8oJYRbWzA3N34w1t199dN4UFdfRWFG2rg==", + "version": "4.2.10", + "resolved": "https://registry.npmjs.org/@linaria/core/-/core-4.2.10.tgz", + "integrity": "sha512-S1W01W7L4SQnGpWzp8awyCpPIYUOEJ+OLjjXqKpIXOU+ozPwBt86Mjjdas9aZccVhNBWDja74cMCUAVp8yUpDQ==", "dependencies": { "@linaria/logger": "^4.0.0", - "@linaria/tags": "^4.3.4", - "@linaria/utils": "^4.3.3" + "@linaria/tags": "^4.3.5", + "@linaria/utils": "^4.3.4" }, "engines": { "node": "^12.16.0 || >=13.7.0" @@ -1489,32 +1207,35 @@ } }, "node_modules/@linaria/tags": { - "version": "4.5.2", - "resolved": "https://registry.npmjs.org/@linaria/tags/-/tags-4.5.2.tgz", - "integrity": "sha512-ougIJrket1Q1qBc/JlBBt63dzFZwrDxx51MsVeYQ0lagbfLLHCfdVKFrsQy2YBQkBFw5hAHDP9+0uPvBy662ng==", + "version": "4.5.4", + "resolved": "https://registry.npmjs.org/@linaria/tags/-/tags-4.5.4.tgz", + "integrity": "sha512-HPxLB6HlJWLi6o8+8lTLegOmDnbMbuzEE+zzunaPZEGSoIIYx8HAv5VbY/sG/zNyxDElk6laiAwEVWN8h5/zxg==", "dependencies": { - "@babel/generator": "^7.20.4", + "@babel/generator": "^7.22.9", "@linaria/logger": "^4.5.0", - "@linaria/utils": "^4.5.1" + "@linaria/utils": "^4.5.3" }, "engines": { "node": "^12.16.0 || >=13.7.0" } }, "node_modules/@linaria/utils": { - "version": "4.5.1", - "resolved": "https://registry.npmjs.org/@linaria/utils/-/utils-4.5.1.tgz", - "integrity": "sha512-BvVEDuwltfsia3tT72EFoqQvlkockii4rRdexBV5QOxmxVLFPo2jp+cqIybpa8aBtSpiflCdgwYvz+YlLR5ZCg==", + "version": "4.5.3", + "resolved": "https://registry.npmjs.org/@linaria/utils/-/utils-4.5.3.tgz", + "integrity": "sha512-tSpxA3Zn0DKJ2n/YBnYAgiDY+MNvkmzAHrD8R9PKrpGaZ+wz1jQEmE1vGn1cqh8dJyWK0NzPAA8sf1cqa+RmAg==", "dependencies": { - "@babel/core": "^7.20.2", + "@babel/core": "^7.22.9", + "@babel/generator": "^7.22.9", "@babel/plugin-proposal-export-namespace-from": "^7.18.9", "@babel/plugin-syntax-dynamic-import": "^7.8.3", - "@babel/plugin-transform-modules-commonjs": "^7.19.6", - "@babel/traverse": "^7.20.1", - "@babel/types": "^7.20.2", + "@babel/plugin-transform-modules-commonjs": "^7.22.5", + "@babel/template": "^7.22.5", + "@babel/traverse": "^7.22.8", + "@babel/types": "^7.22.5", "@linaria/logger": "^4.5.0", "babel-merge": "^3.0.0", - "find-up": "^5.0.0" + "find-up": "^5.0.0", + "minimatch": "^9.0.3" }, "engines": { "node": "^12.16.0 || >=13.7.0" @@ -1549,6 +1270,20 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/@linaria/utils/node_modules/minimatch": { + "version": "9.0.3", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz", + "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==", + "dependencies": { + "brace-expansion": "^2.0.1" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, "node_modules/@linaria/utils/node_modules/p-limit": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz", @@ -1607,9 +1342,9 @@ } }, "node_modules/@malept/cross-spawn-promise": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/@malept/cross-spawn-promise/-/cross-spawn-promise-2.0.0.tgz", - "integrity": "sha512-1DpKU0Z5ThltBwjNySMC14g0CkbyhCaz9FkhxqNsZI6uAPJXFS8cMXlBKo26FJ8ZuW6S9GCMcR9IO5k2X5/9Fg==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@malept/cross-spawn-promise/-/cross-spawn-promise-1.1.1.tgz", + "integrity": "sha512-RTBGWL5FWQcg9orDOCcp4LvItNzUPcyEU9bwaeJX0rJ1IQxzucC48Y0/sQLp/g6t99IQgAlGIaesJS+gTn7tVQ==", "dev": true, "funding": [ { @@ -1625,7 +1360,7 @@ "cross-spawn": "^7.0.1" }, "engines": { - "node": ">= 12.13.0" + "node": ">= 10" } }, "node_modules/@malept/flatpak-bundler": { @@ -2516,67 +2251,12 @@ "tslib": "^2.1.0" } }, - "node_modules/@npmcli/fs": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@npmcli/fs/-/fs-3.1.0.tgz", - "integrity": "sha512-7kZUAaLscfgbwBQRbvdMYaZOWyMEcPTH/tJjnyAWJ/dvvs9Ef+CERx/qJb9GExJpl1qipaDGn7KqHnFGGixd0w==", - "dev": true, - "dependencies": { - "semver": "^7.3.5" - }, - "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" - } - }, - "node_modules/@npmcli/fs/node_modules/lru-cache": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", - "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", - "dev": true, - "dependencies": { - "yallist": "^4.0.0" - }, - "engines": { - "node": ">=10" - } - }, - "node_modules/@npmcli/fs/node_modules/semver": { - "version": "7.5.4", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz", - "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==", - "dev": true, - "dependencies": { - "lru-cache": "^6.0.0" - }, - "bin": { - "semver": "bin/semver.js" - }, - "engines": { - "node": ">=10" - } - }, - "node_modules/@npmcli/fs/node_modules/yallist": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", - "dev": true - }, "node_modules/@open-wc/dedupe-mixin": { "version": "1.4.0", "resolved": "https://registry.npmjs.org/@open-wc/dedupe-mixin/-/dedupe-mixin-1.4.0.tgz", "integrity": "sha512-Sj7gKl1TLcDbF7B6KUhtvr+1UCxdhMbNY5KxdU5IfMFWqL8oy1ZeAcCANjoB1TL0AJTcPmcCFsCbHf8X2jGDUA==", "dev": true }, - "node_modules/@pkgjs/parseargs": { - "version": "0.11.0", - "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz", - "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==", - "dev": true, - "optional": true, - "engines": { - "node": ">=14" - } - }, "node_modules/@polymer/app-layout": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/@polymer/app-layout/-/app-layout-3.1.0.tgz", @@ -3105,26 +2785,22 @@ } }, "node_modules/@remirror/core-constants": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/@remirror/core-constants/-/core-constants-2.0.1.tgz", - "integrity": "sha512-ZR4aihtnnT9lMbhh5DEbsriJRlukRXmLZe7HmM+6ufJNNUDoazc75UX26xbgQlNUqgAqMcUdGFAnPc1JwgAdLQ==", - "dependencies": { - "@babel/runtime": "^7.21.0" - } + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/@remirror/core-constants/-/core-constants-2.0.2.tgz", + "integrity": "sha512-dyHY+sMF0ihPus3O27ODd4+agdHMEmuRdyiZJ2CCWjPV5UFmn17ZbElvk6WOGVE4rdCJKZQCrPV2BcikOMLUGQ==" }, "node_modules/@remirror/core-helpers": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/@remirror/core-helpers/-/core-helpers-2.0.3.tgz", - "integrity": "sha512-LqIPF4stGG69l9qu/FFicv9d9B+YaItzgDMC5A0CEvDQfKkGD3BfabLmfpnuWbsc06oKGdTduilgWcALLZoYLg==", + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/@remirror/core-helpers/-/core-helpers-2.0.4.tgz", + "integrity": "sha512-aYoiJ8x/Sxc4OIZCcZI2tSa92rOufzpDkVTHtwh8+HEsGj0PumUrXbwVd3jHZRSoOUNYNG8fPnOmzuVOsO9CMQ==", "dependencies": { - "@babel/runtime": "^7.21.0", - "@linaria/core": "4.2.9", - "@remirror/core-constants": "^2.0.1", + "@linaria/core": "4.2.10", + "@remirror/core-constants": "^2.0.2", "@remirror/types": "^1.0.1", "@types/object.omit": "^3.0.0", "@types/object.pick": "^1.3.2", "@types/throttle-debounce": "^2.1.0", - "case-anything": "^2.1.10", + "case-anything": "^2.1.13", "dash-get": "^1.0.2", "deepmerge": "^4.3.1", "fast-deep-equal": "^3.1.3", @@ -3754,9 +3430,9 @@ "dev": true }, "node_modules/@types/node": { - "version": "18.17.0", - "resolved": "https://registry.npmjs.org/@types/node/-/node-18.17.0.tgz", - "integrity": "sha512-GXZxEtOxYGFchyUzxvKI14iff9KZ2DI+A6a37o6EQevtg6uO9t+aUZKcaC1Te5Ng1OnLM7K9NVVj+FbecD9cJg==", + "version": "18.17.1", + "resolved": "https://registry.npmjs.org/@types/node/-/node-18.17.1.tgz", + "integrity": "sha512-xlR1jahfizdplZYRU59JlUx9uzF1ARa8jbhM11ccpCJya8kvos5jwdm2ZAgxSCwOl0fq21svP18EVwPBXMQudw==", "devOptional": true }, "node_modules/@types/object.omit": { @@ -4148,12 +3824,6 @@ "integrity": "sha512-sAP4LldeWNz0lNzmTird3uWfFDWWTeg6V/MsmyyLR9X1idwKBWIgt/ZvinqQldJm3LecKEs1emkbquO6PCiLVQ==", "dev": true }, - "node_modules/abbrev": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz", - "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==", - "dev": true - }, "node_modules/acorn": { "version": "5.7.4", "resolved": "https://registry.npmjs.org/acorn/-/acorn-5.7.4.tgz", @@ -4178,33 +3848,6 @@ "node": ">= 6.0.0" } }, - "node_modules/agentkeepalive": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/agentkeepalive/-/agentkeepalive-4.3.0.tgz", - "integrity": "sha512-7Epl1Blf4Sy37j4v9f9FjICCh4+KAQOyXgHEwlyBiAQLbhKdq/i2QQU3amQalS/wPhdPzDXPL5DMR5bkn+YeWg==", - "dev": true, - "dependencies": { - "debug": "^4.1.0", - "depd": "^2.0.0", - "humanize-ms": "^1.2.1" - }, - "engines": { - "node": ">= 8.0.0" - } - }, - "node_modules/aggregate-error": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz", - "integrity": "sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==", - "dev": true, - "dependencies": { - "clean-stack": "^2.0.0", - "indent-string": "^4.0.0" - }, - "engines": { - "node": ">=8" - } - }, "node_modules/ajv": { "version": "6.12.6", "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", @@ -4305,27 +3948,26 @@ "dev": true }, "node_modules/app-builder-lib": { - "version": "24.4.0", - "resolved": "https://registry.npmjs.org/app-builder-lib/-/app-builder-lib-24.4.0.tgz", - "integrity": "sha512-EcdqtWvg1LAApKCfyRBukcVkmsa94s2e1VKHjZLpvA9/D14QEt8rHhffYeaA+cH/pVeoNVn2ob735KnfJKEEow==", + "version": "24.6.3", + "resolved": "https://registry.npmjs.org/app-builder-lib/-/app-builder-lib-24.6.3.tgz", + "integrity": "sha512-++0Zp7vcCHfXMBGVj7luFxpqvMPk5mcWeTuw7OK0xNAaNtYQTTN0d9YfWRsb1MvviTOOhyHeULWz1CaixrdrDg==", "dev": true, "dependencies": { "@develar/schema-utils": "~2.6.5", "@electron/notarize": "^1.2.3", "@electron/osx-sign": "^1.0.4", - "@electron/rebuild": "^3.2.13", "@electron/universal": "1.3.4", "@malept/flatpak-bundler": "^0.4.0", "@types/fs-extra": "9.0.13", "7zip-bin": "~5.1.1", "async-exit-hook": "^2.0.1", "bluebird-lst": "^1.0.9", - "builder-util": "24.4.0", + "builder-util": "24.5.0", "builder-util-runtime": "9.2.1", "chromium-pickle-js": "^0.2.0", "debug": "^4.3.4", "ejs": "^3.1.8", - "electron-publish": "24.4.0", + "electron-publish": "24.5.0", "form-data": "^4.0.0", "fs-extra": "^10.1.0", "hosted-git-info": "^4.1.0", @@ -4412,25 +4054,6 @@ "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", "dev": true }, - "node_modules/aproba": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/aproba/-/aproba-2.0.0.tgz", - "integrity": "sha512-lYe4Gx7QT+MKGbDsA+Z+he/Wtef0BiwDOlK/XkBrdfsh9J/jPPXbX0tE9x9cl27Tmu5gg3QUbUrQYa/y+KOHPQ==", - "dev": true - }, - "node_modules/are-we-there-yet": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-3.0.1.tgz", - "integrity": "sha512-QZW4EDmGwlYur0Yyf/b2uGucHQMa8aFUP7eu9ddR73vvhFyt4V0Vl3QHPcTNJ8l6qYOBdxgXdnBXQrHilfRQBg==", - "dev": true, - "dependencies": { - "delegates": "^1.0.0", - "readable-stream": "^3.6.0" - }, - "engines": { - "node": "^12.13.0 || ^14.15.0 || >=16.0.0" - } - }, "node_modules/argparse": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", @@ -4542,8 +4165,7 @@ "node_modules/balanced-match": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", - "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==", - "dev": true + "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==" }, "node_modules/base64-js": { "version": "1.5.1", @@ -4577,41 +4199,6 @@ "node": ">=8" } }, - "node_modules/bl": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz", - "integrity": "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==", - "dev": true, - "dependencies": { - "buffer": "^5.5.0", - "inherits": "^2.0.4", - "readable-stream": "^3.4.0" - } - }, - "node_modules/bl/node_modules/buffer": { - "version": "5.7.1", - "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz", - "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==", - "dev": true, - "funding": [ - { - "type": "github", - "url": "https://github.com/sponsors/feross" - }, - { - "type": "patreon", - "url": "https://www.patreon.com/feross" - }, - { - "type": "consulting", - "url": "https://feross.org/support" - } - ], - "dependencies": { - "base64-js": "^1.3.1", - "ieee754": "^1.1.13" - } - }, "node_modules/blocking-elements": { "version": "0.1.1", "resolved": "https://registry.npmjs.org/blocking-elements/-/blocking-elements-0.1.1.tgz", @@ -4649,7 +4236,6 @@ "version": "2.0.1", "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", - "dev": true, "dependencies": { "balanced-match": "^1.0.0" } @@ -4752,9 +4338,9 @@ "dev": true }, "node_modules/builder-util": { - "version": "24.4.0", - "resolved": "https://registry.npmjs.org/builder-util/-/builder-util-24.4.0.tgz", - "integrity": "sha512-tONb/GIK1MKa1BcOPHE1naId3o5nj6gdka5kP7yUJh2DOfF+jMq3laiu+UOZH6A7ZtkMtnGNMYFKFTIv408n/A==", + "version": "24.5.0", + "resolved": "https://registry.npmjs.org/builder-util/-/builder-util-24.5.0.tgz", + "integrity": "sha512-STnBmZN/M5vGcv01u/K8l+H+kplTaq4PAIn3yeuufUKSpcdro0DhJWxPI81k5XcNfC//bjM3+n9nr8F9uV4uAQ==", "dev": true, "dependencies": { "@types/debug": "^4.1.6", @@ -4904,75 +4490,6 @@ "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/cacache": { - "version": "17.1.3", - "resolved": "https://registry.npmjs.org/cacache/-/cacache-17.1.3.tgz", - "integrity": "sha512-jAdjGxmPxZh0IipMdR7fK/4sDSrHMLUV0+GvVUsjwyGNKHsh79kW/otg+GkbXwl6Uzvy9wsvHOX4nUoWldeZMg==", - "dev": true, - "dependencies": { - "@npmcli/fs": "^3.1.0", - "fs-minipass": "^3.0.0", - "glob": "^10.2.2", - "lru-cache": "^7.7.1", - "minipass": "^5.0.0", - "minipass-collect": "^1.0.2", - "minipass-flush": "^1.0.5", - "minipass-pipeline": "^1.2.4", - "p-map": "^4.0.0", - "ssri": "^10.0.0", - "tar": "^6.1.11", - "unique-filename": "^3.0.0" - }, - "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" - } - }, - "node_modules/cacache/node_modules/glob": { - "version": "10.3.3", - "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.3.tgz", - "integrity": "sha512-92vPiMb/iqpmEgsOoIDvTjc50wf9CCCvMzsi6W0JLPeUKE8TWP1a73PgqSrqy7iAZxaSD1YdzU7QZR5LF51MJw==", - "dev": true, - "dependencies": { - "foreground-child": "^3.1.0", - "jackspeak": "^2.0.3", - "minimatch": "^9.0.1", - "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0", - "path-scurry": "^1.10.1" - }, - "bin": { - "glob": "dist/cjs/src/bin.js" - }, - "engines": { - "node": ">=16 || 14 >=14.17" - }, - "funding": { - "url": "https://github.com/sponsors/isaacs" - } - }, - "node_modules/cacache/node_modules/lru-cache": { - "version": "7.18.3", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-7.18.3.tgz", - "integrity": "sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==", - "dev": true, - "engines": { - "node": ">=12" - } - }, - "node_modules/cacache/node_modules/minimatch": { - "version": "9.0.3", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz", - "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==", - "dev": true, - "dependencies": { - "brace-expansion": "^2.0.1" - }, - "engines": { - "node": ">=16 || 14 >=14.17" - }, - "funding": { - "url": "https://github.com/sponsors/isaacs" - } - }, "node_modules/cacheable-lookup": { "version": "5.0.4", "resolved": "https://registry.npmjs.org/cacheable-lookup/-/cacheable-lookup-5.0.4.tgz", @@ -5099,39 +4616,6 @@ "node": ">=8" } }, - "node_modules/clean-stack": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz", - "integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==", - "dev": true, - "engines": { - "node": ">=6" - } - }, - "node_modules/cli-cursor": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz", - "integrity": "sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==", - "dev": true, - "dependencies": { - "restore-cursor": "^3.1.0" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/cli-spinners": { - "version": "2.9.0", - "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.9.0.tgz", - "integrity": "sha512-4/aL9X3Wh0yiMQlE+eeRhWP6vclO3QRtw1JHKIT0FFUs5FjpFmESqtMvYZ0+lbzBw900b95mS0hohy+qn2VK/g==", - "dev": true, - "engines": { - "node": ">=6" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/cli-truncate": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-2.1.0.tgz", @@ -5163,15 +4647,6 @@ "node": ">=12" } }, - "node_modules/clone": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz", - "integrity": "sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==", - "dev": true, - "engines": { - "node": ">=0.8" - } - }, "node_modules/clone-response": { "version": "1.0.3", "resolved": "https://registry.npmjs.org/clone-response/-/clone-response-1.0.3.tgz", @@ -5197,15 +4672,6 @@ "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==" }, - "node_modules/color-support": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/color-support/-/color-support-1.1.3.tgz", - "integrity": "sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==", - "dev": true, - "bin": { - "color-support": "bin.js" - } - }, "node_modules/combined-stream": { "version": "1.0.8", "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz", @@ -5382,12 +4848,6 @@ "node": "*" } }, - "node_modules/console-control-strings": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz", - "integrity": "sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==", - "dev": true - }, "node_modules/convert-source-map": { "version": "1.9.0", "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz", @@ -5478,28 +4938,6 @@ "node": ">= 10" } }, - "node_modules/cross-spawn-windows-exe/node_modules/@malept/cross-spawn-promise": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/@malept/cross-spawn-promise/-/cross-spawn-promise-1.1.1.tgz", - "integrity": "sha512-RTBGWL5FWQcg9orDOCcp4LvItNzUPcyEU9bwaeJX0rJ1IQxzucC48Y0/sQLp/g6t99IQgAlGIaesJS+gTn7tVQ==", - "dev": true, - "funding": [ - { - "type": "individual", - "url": "https://github.com/sponsors/malept" - }, - { - "type": "tidelift", - "url": "https://tidelift.com/subscription/pkg/npm-.malept-cross-spawn-promise?utm_medium=referral&utm_source=npm_fund" - } - ], - "dependencies": { - "cross-spawn": "^7.0.1" - }, - "engines": { - "node": ">= 10" - } - }, "node_modules/crypto-js": { "version": "4.1.1", "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.1.1.tgz", @@ -5586,18 +5024,6 @@ "node": ">=0.10.0" } }, - "node_modules/defaults": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/defaults/-/defaults-1.0.4.tgz", - "integrity": "sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==", - "dev": true, - "dependencies": { - "clone": "^1.0.2" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/defer-to-connect": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/defer-to-connect/-/defer-to-connect-2.0.1.tgz", @@ -5633,30 +5059,6 @@ "node": ">=0.4.0" } }, - "node_modules/delegates": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz", - "integrity": "sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==", - "dev": true - }, - "node_modules/depd": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz", - "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==", - "dev": true, - "engines": { - "node": ">= 0.8" - } - }, - "node_modules/detect-libc": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.2.tgz", - "integrity": "sha512-UX6sGumvvqSaXgdKGUsgZWqcUyIXZ/vZTrlRT/iobiKhGL0zL4d3osHj3uqllWJK+i+sixDS/3COVEOFbupFyw==", - "dev": true, - "engines": { - "node": ">=8" - } - }, "node_modules/detect-node": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/detect-node/-/detect-node-2.1.0.tgz", @@ -5697,13 +5099,13 @@ } }, "node_modules/dmg-builder": { - "version": "24.4.0", - "resolved": "https://registry.npmjs.org/dmg-builder/-/dmg-builder-24.4.0.tgz", - "integrity": "sha512-p5z9Cx539GSBYb+b09Z+hMhuBTh/BrI71VRg4rgF6f2xtIRK/YlTGVS/O08k5OojoyhZcpS7JXxDVSmQoWgiiQ==", + "version": "24.6.3", + "resolved": "https://registry.npmjs.org/dmg-builder/-/dmg-builder-24.6.3.tgz", + "integrity": "sha512-O7KNT7OKqtV54fMYUpdlyTOCP5DoPuRMLqMTgxxV2PO8Hj/so6zOl5o8GTs8pdDkeAhJzCFOUNB3BDhgXbUbJg==", "dev": true, "dependencies": { - "app-builder-lib": "24.4.0", - "builder-util": "24.4.0", + "app-builder-lib": "24.6.3", + "builder-util": "24.5.0", "builder-util-runtime": "9.2.1", "fs-extra": "^10.1.0", "iconv-lite": "^0.6.2", @@ -5803,12 +5205,6 @@ "integrity": "sha512-YXQl1DSa4/PQyRfgrv6aoNjhasp/p4qs9FjJ4q4cQk+8m4r6k4ZSiEyytKG8f8W9gi8WsQtIObNmKd+tMzNTmA==", "dev": true }, - "node_modules/eastasianwidth": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz", - "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==", - "dev": true - }, "node_modules/ejs": { "version": "3.1.9", "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.9.tgz", @@ -5843,21 +5239,21 @@ } }, "node_modules/electron-builder": { - "version": "24.4.0", - "resolved": "https://registry.npmjs.org/electron-builder/-/electron-builder-24.4.0.tgz", - "integrity": "sha512-D5INxodxaUIJgEX6p/fqBd8wQNS8XRAToNIJ9SQC+taNS5D73ZsjLuXiRraFGCB0cVk9KeKhEkdEOH5AaVya4g==", + "version": "24.6.3", + "resolved": "https://registry.npmjs.org/electron-builder/-/electron-builder-24.6.3.tgz", + "integrity": "sha512-O6PqhRXwfxCNTXI4BlhELSeYYO6/tqlxRuy+4+xKBokQvwDDjDgZMMoSgAmanVSCuzjE7MZldI9XYrKFk+EQDw==", "dev": true, "dependencies": { - "app-builder-lib": "24.4.0", - "builder-util": "24.4.0", + "app-builder-lib": "24.6.3", + "builder-util": "24.5.0", "builder-util-runtime": "9.2.1", "chalk": "^4.1.2", - "dmg-builder": "24.4.0", + "dmg-builder": "24.6.3", "fs-extra": "^10.1.0", "is-ci": "^3.0.0", "lazy-val": "^1.0.5", "read-config-file": "6.3.2", - "simple-update-notifier": "^1.1.0", + "simple-update-notifier": "2.0.0", "yargs": "^17.6.2" }, "bin": { @@ -6096,13 +5492,13 @@ "dev": true }, "node_modules/electron-publish": { - "version": "24.4.0", - "resolved": "https://registry.npmjs.org/electron-publish/-/electron-publish-24.4.0.tgz", - "integrity": "sha512-U3mnVSxIfNrLW7ZnwiedFhcLf6ExPFXgAsx89WpfQFsV4gFAt/LG+H74p0m9NSvsLXiZuF82yXoxi7Ou8GHq4Q==", + "version": "24.5.0", + "resolved": "https://registry.npmjs.org/electron-publish/-/electron-publish-24.5.0.tgz", + "integrity": "sha512-zwo70suH15L15B4ZWNDoEg27HIYoPsGJUF7xevLJLSI7JUPC8l2yLBdLGwqueJ5XkDL7ucYyRZzxJVR8ElV9BA==", "dev": true, "dependencies": { "@types/fs-extra": "^9.0.11", - "builder-util": "24.4.0", + "builder-util": "24.5.0", "builder-util-runtime": "9.2.1", "chalk": "^4.1.2", "fs-extra": "^10.1.0", @@ -6228,9 +5624,9 @@ } }, "node_modules/electron-to-chromium": { - "version": "1.4.468", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.468.tgz", - "integrity": "sha512-6M1qyhaJOt7rQtNti1lBA0GwclPH+oKCmsra/hkcWs5INLxfXXD/dtdnaKUYQu/pjOBP/8Osoe4mAcNvvzoFag==" + "version": "1.4.471", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.471.tgz", + "integrity": "sha512-GpmGRC1vTl60w/k6YpQ18pSiqnmr0j3un//5TV1idPi6aheNfkT1Ye71tMEabWyNDO6sBMgAR+95Eb0eUUr1tA==" }, "node_modules/electron-updater": { "version": "6.1.1", @@ -6331,15 +5727,6 @@ "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", "dev": true }, - "node_modules/encoding": { - "version": "0.1.13", - "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.13.tgz", - "integrity": "sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==", - "optional": true, - "dependencies": { - "iconv-lite": "^0.6.2" - } - }, "node_modules/end-of-stream": { "version": "1.4.4", "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz", @@ -6373,12 +5760,6 @@ "integrity": "sha512-P9q1k983XZHwvQ0zjWjCeGYWAuI9EQQaXBXZ5NCbZ7LcAEeSsU76HUqI8UtNkP3Re2MPygIwwQ1aut1vqTsK4g==", "dev": true }, - "node_modules/err-code": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/err-code/-/err-code-2.0.3.tgz", - "integrity": "sha512-2bmlRpNKBxT/CRmPOlyISQpNj+qSeYvcym/uT0Jx2bMOlKLtSy1ZmLuVxSEKKyor/N5yhvp/ZiG1oE3DEYMSFA==", - "dev": true - }, "node_modules/error-ex": { "version": "1.3.2", "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz", @@ -6511,12 +5892,6 @@ "which": "bin/which" } }, - "node_modules/exponential-backoff": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/exponential-backoff/-/exponential-backoff-3.1.1.tgz", - "integrity": "sha512-dX7e/LHVJ6W3DE1MHWi9S1EYzDESENfLrYohG2G++ovZrYOkm4Knwa0mc1cn84xJOR4KEU0WSchhLbd0UklbHw==", - "dev": true - }, "node_modules/ext-list": { "version": "2.2.2", "resolved": "https://registry.npmjs.org/ext-list/-/ext-list-2.2.2.tgz", @@ -6706,34 +6081,6 @@ } } }, - "node_modules/foreground-child": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.1.1.tgz", - "integrity": "sha512-TMKDUnIte6bfb5nWv7V/caI169OHgvwjb7V4WkeUvbQQdjr5rWKqHFiKWb/fcOwB+CzBT+qbWjvj+DVwRskpIg==", - "dev": true, - "dependencies": { - "cross-spawn": "^7.0.0", - "signal-exit": "^4.0.1" - }, - "engines": { - "node": ">=14" - }, - "funding": { - "url": "https://github.com/sponsors/isaacs" - } - }, - "node_modules/foreground-child/node_modules/signal-exit": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.0.2.tgz", - "integrity": "sha512-MY2/qGx4enyjprQnFaZsHib3Yadh3IXyV2C321GY0pjGfVBu4un0uDJkwgdxqO+Rdx8JMT8IfJIRwbYVz3Ob3Q==", - "dev": true, - "engines": { - "node": ">=14" - }, - "funding": { - "url": "https://github.com/sponsors/isaacs" - } - }, "node_modules/form-data": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz", @@ -6762,17 +6109,35 @@ } }, "node_modules/fs-minipass": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-3.0.2.tgz", - "integrity": "sha512-2GAfyfoaCDRrM6jaOS3UsBts8yJ55VioXdWcOL7dK9zdAuKT71+WBA4ifnNYqVjYv+4SsPxjK0JT4yIIn4cA/g==", + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz", + "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==", "dev": true, "dependencies": { - "minipass": "^5.0.0" + "minipass": "^3.0.0" }, "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": ">= 8" } }, + "node_modules/fs-minipass/node_modules/minipass": { + "version": "3.3.6", + "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz", + "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==", + "dev": true, + "dependencies": { + "yallist": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/fs-minipass/node_modules/yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true + }, "node_modules/fs.realpath": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", @@ -6834,25 +6199,6 @@ "universalify": "^0.1.0" } }, - "node_modules/gauge": { - "version": "4.0.4", - "resolved": "https://registry.npmjs.org/gauge/-/gauge-4.0.4.tgz", - "integrity": "sha512-f9m+BEN5jkg6a0fZjleidjN51VE1X+mPFQ2DJ0uv1V39oCLCbsGe6yjbBnp7eK7z/+GAon99a3nHuqbuuthyPg==", - "dev": true, - "dependencies": { - "aproba": "^1.0.3 || ^2.0.0", - "color-support": "^1.1.3", - "console-control-strings": "^1.1.0", - "has-unicode": "^2.0.1", - "signal-exit": "^3.0.7", - "string-width": "^4.2.3", - "strip-ansi": "^6.0.1", - "wide-align": "^1.1.5" - }, - "engines": { - "node": "^12.13.0 || ^14.15.0 || >=16.0.0" - } - }, "node_modules/gensync": { "version": "1.0.0-beta.2", "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz", @@ -7127,12 +6473,6 @@ "url": "https://github.com/sponsors/ljharb" } }, - "node_modules/has-unicode": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz", - "integrity": "sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==", - "dev": true - }, "node_modules/highcharts": { "version": "11.1.0", "resolved": "https://registry.npmjs.org/highcharts/-/highcharts-11.1.0.tgz", @@ -7221,15 +6561,6 @@ "node": ">= 6" } }, - "node_modules/humanize-ms": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/humanize-ms/-/humanize-ms-1.2.1.tgz", - "integrity": "sha512-Fl70vYtsAFb/C06PTS9dZBo7ihau+Tu/DNCk/OyHhea07S+aeMWpFFkUaXRa8fI+ScZbEI8dfSxwY7gxZ9SAVQ==", - "dev": true, - "dependencies": { - "ms": "^2.0.0" - } - }, "node_modules/iconv-corefoundation": { "version": "1.1.7", "resolved": "https://registry.npmjs.org/iconv-corefoundation/-/iconv-corefoundation-1.1.7.tgz", @@ -7251,7 +6582,7 @@ "version": "0.6.3", "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz", "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==", - "devOptional": true, + "dev": true, "dependencies": { "safer-buffer": ">= 2.1.2 < 3.0.0" }, @@ -7288,24 +6619,6 @@ "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.1.tgz", "integrity": "sha512-lj9cnmB/kVS0QHsJnYKD1uo3o39nrbKxszjnqS9Fr6NB7bZzW45U6WSGBPKXDL/CvDKqDNPA4r3DoDQ8GTxo2A==" }, - "node_modules/imurmurhash": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz", - "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==", - "dev": true, - "engines": { - "node": ">=0.8.19" - } - }, - "node_modules/indent-string": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz", - "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==", - "dev": true, - "engines": { - "node": ">=8" - } - }, "node_modules/inflight": { "version": "1.0.6", "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", @@ -7339,12 +6652,6 @@ "node": ">=4" } }, - "node_modules/ip": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/ip/-/ip-2.0.0.tgz", - "integrity": "sha512-WKa+XuLG1A1R0UWhl2+1XQSi+fZWMsYKffMZTTYsiZaUD8k2yDAj5atimTUD2TZkyCkNEeYE5NhFZmupOGtjYQ==", - "dev": true - }, "node_modules/is-arrayish": { "version": "0.2.1", "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz", @@ -7472,21 +6779,6 @@ "node": ">=0.10.0" } }, - "node_modules/is-interactive": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-interactive/-/is-interactive-1.0.0.tgz", - "integrity": "sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==", - "dev": true, - "engines": { - "node": ">=8" - } - }, - "node_modules/is-lambda": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/is-lambda/-/is-lambda-1.0.1.tgz", - "integrity": "sha512-z7CMFGNrENq5iFB9Bqo64Xk6Y9sg+epq1myIcdHaGnbMTYOxvzsEtdYqQUylB7LxfkvgrrjP32T6Ywciio9UIQ==", - "dev": true - }, "node_modules/is-module": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz", @@ -7545,18 +6837,6 @@ "node": ">=0.10.0" } }, - "node_modules/is-unicode-supported": { - "version": "0.1.0", - "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz", - "integrity": "sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==", - "dev": true, - "engines": { - "node": ">=10" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/is-wsl": { "version": "2.2.0", "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz", @@ -7594,24 +6874,6 @@ "node": ">=0.10.0" } }, - "node_modules/jackspeak": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-2.2.1.tgz", - "integrity": "sha512-MXbxovZ/Pm42f6cDIDkl3xpwv1AGwObKwfmjs2nQePiy85tP3fatofl3FC1aBsOtP/6fq5SbtgHwWcMsLP+bDw==", - "dev": true, - "dependencies": { - "@isaacs/cliui": "^8.0.2" - }, - "engines": { - "node": ">=14" - }, - "funding": { - "url": "https://github.com/sponsors/isaacs" - }, - "optionalDependencies": { - "@pkgjs/parseargs": "^0.11.0" - } - }, "node_modules/jake": { "version": "10.8.7", "resolved": "https://registry.npmjs.org/jake/-/jake-10.8.7.tgz", @@ -7943,92 +7205,6 @@ "resolved": "https://registry.npmjs.org/lodash.isequal/-/lodash.isequal-4.5.0.tgz", "integrity": "sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==" }, - "node_modules/log-symbols": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz", - "integrity": "sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==", - "dev": true, - "dependencies": { - "chalk": "^4.1.0", - "is-unicode-supported": "^0.1.0" - }, - "engines": { - "node": ">=10" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/log-symbols/node_modules/ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "dependencies": { - "color-convert": "^2.0.1" - }, - "engines": { - "node": ">=8" - }, - "funding": { - "url": "https://github.com/chalk/ansi-styles?sponsor=1" - } - }, - "node_modules/log-symbols/node_modules/chalk": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", - "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", - "dev": true, - "dependencies": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - }, - "engines": { - "node": ">=10" - }, - "funding": { - "url": "https://github.com/chalk/chalk?sponsor=1" - } - }, - "node_modules/log-symbols/node_modules/color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "dependencies": { - "color-name": "~1.1.4" - }, - "engines": { - "node": ">=7.0.0" - } - }, - "node_modules/log-symbols/node_modules/color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - }, - "node_modules/log-symbols/node_modules/has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", - "dev": true, - "engines": { - "node": ">=8" - } - }, - "node_modules/log-symbols/node_modules/supports-color": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", - "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", - "dev": true, - "dependencies": { - "has-flag": "^4.0.0" - }, - "engines": { - "node": ">=8" - } - }, "node_modules/lowercase-keys": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-2.0.0.tgz", @@ -8063,41 +7239,6 @@ "resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz", "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==" }, - "node_modules/make-fetch-happen": { - "version": "11.1.1", - "resolved": "https://registry.npmjs.org/make-fetch-happen/-/make-fetch-happen-11.1.1.tgz", - "integrity": "sha512-rLWS7GCSTcEujjVBs2YqG7Y4643u8ucvCJeSRqiLYhesrDuzeuFIk37xREzAsfQaqzl8b9rNCE4m6J8tvX4Q8w==", - "dev": true, - "dependencies": { - "agentkeepalive": "^4.2.1", - "cacache": "^17.0.0", - "http-cache-semantics": "^4.1.1", - "http-proxy-agent": "^5.0.0", - "https-proxy-agent": "^5.0.0", - "is-lambda": "^1.0.1", - "lru-cache": "^7.7.1", - "minipass": "^5.0.0", - "minipass-fetch": "^3.0.0", - "minipass-flush": "^1.0.5", - "minipass-pipeline": "^1.2.4", - "negotiator": "^0.6.3", - "promise-retry": "^2.0.1", - "socks-proxy-agent": "^7.0.0", - "ssri": "^10.0.0" - }, - "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" - } - }, - "node_modules/make-fetch-happen/node_modules/lru-cache": { - "version": "7.18.3", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-7.18.3.tgz", - "integrity": "sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==", - "dev": true, - "engines": { - "node": ">=12" - } - }, "node_modules/markdown-it": { "version": "13.0.1", "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-13.0.1.tgz", @@ -8243,143 +7384,6 @@ "node": ">=8" } }, - "node_modules/minipass-collect": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/minipass-collect/-/minipass-collect-1.0.2.tgz", - "integrity": "sha512-6T6lH0H8OG9kITm/Jm6tdooIbogG9e0tLgpY6mphXSm/A9u8Nq1ryBG+Qspiub9LjWlBPsPS3tWQ/Botq4FdxA==", - "dev": true, - "dependencies": { - "minipass": "^3.0.0" - }, - "engines": { - "node": ">= 8" - } - }, - "node_modules/minipass-collect/node_modules/minipass": { - "version": "3.3.6", - "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz", - "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==", - "dev": true, - "dependencies": { - "yallist": "^4.0.0" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/minipass-collect/node_modules/yallist": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", - "dev": true - }, - "node_modules/minipass-fetch": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/minipass-fetch/-/minipass-fetch-3.0.3.tgz", - "integrity": "sha512-n5ITsTkDqYkYJZjcRWzZt9qnZKCT7nKCosJhHoj7S7zD+BP4jVbWs+odsniw5TA3E0sLomhTKOKjF86wf11PuQ==", - "dev": true, - "dependencies": { - "minipass": "^5.0.0", - "minipass-sized": "^1.0.3", - "minizlib": "^2.1.2" - }, - "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" - }, - "optionalDependencies": { - "encoding": "^0.1.13" - } - }, - "node_modules/minipass-flush": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/minipass-flush/-/minipass-flush-1.0.5.tgz", - "integrity": "sha512-JmQSYYpPUqX5Jyn1mXaRwOda1uQ8HP5KAT/oDSLCzt1BYRhQU0/hDtsB1ufZfEEzMZ9aAVmsBw8+FWsIXlClWw==", - "dev": true, - "dependencies": { - "minipass": "^3.0.0" - }, - "engines": { - "node": ">= 8" - } - }, - "node_modules/minipass-flush/node_modules/minipass": { - "version": "3.3.6", - "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz", - "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==", - "dev": true, - "dependencies": { - "yallist": "^4.0.0" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/minipass-flush/node_modules/yallist": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", - "dev": true - }, - "node_modules/minipass-pipeline": { - "version": "1.2.4", - "resolved": "https://registry.npmjs.org/minipass-pipeline/-/minipass-pipeline-1.2.4.tgz", - "integrity": "sha512-xuIq7cIOt09RPRJ19gdi4b+RiNvDFYe5JH+ggNvBqGqpQXcru3PcRmOZuHBKWK1Txf9+cQ+HMVN4d6z46LZP7A==", - "dev": true, - "dependencies": { - "minipass": "^3.0.0" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/minipass-pipeline/node_modules/minipass": { - "version": "3.3.6", - "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz", - "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==", - "dev": true, - "dependencies": { - "yallist": "^4.0.0" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/minipass-pipeline/node_modules/yallist": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", - "dev": true - }, - "node_modules/minipass-sized": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/minipass-sized/-/minipass-sized-1.0.3.tgz", - "integrity": "sha512-MbkQQ2CTiBMlA2Dm/5cY+9SWFEN8pzzOXi6rlM5Xxq0Yqbda5ZQy9sU75a673FE9ZK0Zsbr6Y5iP6u9nktfg2g==", - "dev": true, - "dependencies": { - "minipass": "^3.0.0" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/minipass-sized/node_modules/minipass": { - "version": "3.3.6", - "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz", - "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==", - "dev": true, - "dependencies": { - "yallist": "^4.0.0" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/minipass-sized/node_modules/yallist": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", - "dev": true - }, "node_modules/minizlib": { "version": "2.1.2", "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz", @@ -8436,65 +7440,11 @@ "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==" }, - "node_modules/negotiator": { - "version": "0.6.3", - "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz", - "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==", - "dev": true, - "engines": { - "node": ">= 0.6" - } - }, "node_modules/nice-try": { "version": "1.0.5", "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz", "integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==" }, - "node_modules/node-abi": { - "version": "3.45.0", - "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-3.45.0.tgz", - "integrity": "sha512-iwXuFrMAcFVi/ZoZiqq8BzAdsLw9kxDfTC0HMyjXfSL/6CSDAGD5UmR7azrAgWV1zKYq7dUUMj4owusBWKLsiQ==", - "dev": true, - "dependencies": { - "semver": "^7.3.5" - }, - "engines": { - "node": ">=10" - } - }, - "node_modules/node-abi/node_modules/lru-cache": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", - "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", - "dev": true, - "dependencies": { - "yallist": "^4.0.0" - }, - "engines": { - "node": ">=10" - } - }, - "node_modules/node-abi/node_modules/semver": { - "version": "7.5.4", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz", - "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==", - "dev": true, - "dependencies": { - "lru-cache": "^6.0.0" - }, - "bin": { - "semver": "bin/semver.js" - }, - "engines": { - "node": ">=10" - } - }, - "node_modules/node-abi/node_modules/yallist": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", - "dev": true - }, "node_modules/node-addon-api": { "version": "1.7.2", "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-1.7.2.tgz", @@ -8502,48 +7452,6 @@ "dev": true, "optional": true }, - "node_modules/node-api-version": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/node-api-version/-/node-api-version-0.1.4.tgz", - "integrity": "sha512-KGXihXdUChwJAOHO53bv9/vXcLmdUsZ6jIptbvYvkpKfth+r7jw44JkVxQFA3kX5nQjzjmGu1uAu/xNNLNlI5g==", - "dev": true, - "dependencies": { - "semver": "^7.3.5" - } - }, - "node_modules/node-api-version/node_modules/lru-cache": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", - "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", - "dev": true, - "dependencies": { - "yallist": "^4.0.0" - }, - "engines": { - "node": ">=10" - } - }, - "node_modules/node-api-version/node_modules/semver": { - "version": "7.5.4", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz", - "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==", - "dev": true, - "dependencies": { - "lru-cache": "^6.0.0" - }, - "bin": { - "semver": "bin/semver.js" - }, - "engines": { - "node": ">=10" - } - }, - "node_modules/node-api-version/node_modules/yallist": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", - "dev": true - }, "node_modules/node-fetch": { "version": "2.6.9", "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.9.tgz", @@ -8563,126 +7471,11 @@ } } }, - "node_modules/node-gyp": { - "version": "9.4.0", - "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-9.4.0.tgz", - "integrity": "sha512-dMXsYP6gc9rRbejLXmTbVRYjAHw7ppswsKyMxuxJxxOHzluIO1rGp9TOQgjFJ+2MCqcOcQTOPB/8Xwhr+7s4Eg==", - "dev": true, - "dependencies": { - "env-paths": "^2.2.0", - "exponential-backoff": "^3.1.1", - "glob": "^7.1.4", - "graceful-fs": "^4.2.6", - "make-fetch-happen": "^11.0.3", - "nopt": "^6.0.0", - "npmlog": "^6.0.0", - "rimraf": "^3.0.2", - "semver": "^7.3.5", - "tar": "^6.1.2", - "which": "^2.0.2" - }, - "bin": { - "node-gyp": "bin/node-gyp.js" - }, - "engines": { - "node": "^12.13 || ^14.13 || >=16" - } - }, - "node_modules/node-gyp/node_modules/brace-expansion": { - "version": "1.1.11", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", - "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", - "dev": true, - "dependencies": { - "balanced-match": "^1.0.0", - "concat-map": "0.0.1" - } - }, - "node_modules/node-gyp/node_modules/glob": { - "version": "7.2.3", - "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz", - "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==", - "dev": true, - "dependencies": { - "fs.realpath": "^1.0.0", - "inflight": "^1.0.4", - "inherits": "2", - "minimatch": "^3.1.1", - "once": "^1.3.0", - "path-is-absolute": "^1.0.0" - }, - "engines": { - "node": "*" - }, - "funding": { - "url": "https://github.com/sponsors/isaacs" - } - }, - "node_modules/node-gyp/node_modules/lru-cache": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", - "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", - "dev": true, - "dependencies": { - "yallist": "^4.0.0" - }, - "engines": { - "node": ">=10" - } - }, - "node_modules/node-gyp/node_modules/minimatch": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", - "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", - "dev": true, - "dependencies": { - "brace-expansion": "^1.1.7" - }, - "engines": { - "node": "*" - } - }, - "node_modules/node-gyp/node_modules/semver": { - "version": "7.5.4", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz", - "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==", - "dev": true, - "dependencies": { - "lru-cache": "^6.0.0" - }, - "bin": { - "semver": "bin/semver.js" - }, - "engines": { - "node": ">=10" - } - }, - "node_modules/node-gyp/node_modules/yallist": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", - "dev": true - }, "node_modules/node-releases": { "version": "2.0.13", "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz", "integrity": "sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==" }, - "node_modules/nopt": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/nopt/-/nopt-6.0.0.tgz", - "integrity": "sha512-ZwLpbTgdhuZUnZzjd7nb1ZV+4DoiC6/sfiVKok72ym/4Tlf+DFdlHYmT2JPmcNNWV6Pi3SDf1kT+A4r9RTuT9g==", - "dev": true, - "dependencies": { - "abbrev": "^1.0.0" - }, - "bin": { - "nopt": "bin/nopt.js" - }, - "engines": { - "node": "^12.13.0 || ^14.15.0 || >=16.0.0" - } - }, "node_modules/normalize-package-data": { "version": "2.5.0", "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz", @@ -8749,21 +7542,6 @@ "node": ">=4" } }, - "node_modules/npmlog": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-6.0.2.tgz", - "integrity": "sha512-/vBvz5Jfr9dT/aFWd0FIRf+T/Q2WBsLENygUaFUqstqsycmZAP/t5BvFJTK0viFmSUxiUKTUplWy5vt+rvKIxg==", - "dev": true, - "dependencies": { - "are-we-there-yet": "^3.0.0", - "console-control-strings": "^1.1.0", - "gauge": "^4.0.3", - "set-blocking": "^2.0.0" - }, - "engines": { - "node": "^12.13.0 || ^14.15.0 || >=16.0.0" - } - }, "node_modules/object-keys": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz", @@ -8826,99 +7604,6 @@ "node": ">=6" } }, - "node_modules/ora": { - "version": "5.4.1", - "resolved": "https://registry.npmjs.org/ora/-/ora-5.4.1.tgz", - "integrity": "sha512-5b6Y85tPxZZ7QytO+BQzysW31HJku27cRIlkbAXaNx+BdcVi+LlRFmVXzeF6a7JCwJpyw5c4b+YSVImQIrBpuQ==", - "dev": true, - "dependencies": { - "bl": "^4.1.0", - "chalk": "^4.1.0", - "cli-cursor": "^3.1.0", - "cli-spinners": "^2.5.0", - "is-interactive": "^1.0.0", - "is-unicode-supported": "^0.1.0", - "log-symbols": "^4.1.0", - "strip-ansi": "^6.0.0", - "wcwidth": "^1.0.1" - }, - "engines": { - "node": ">=10" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/ora/node_modules/ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "dependencies": { - "color-convert": "^2.0.1" - }, - "engines": { - "node": ">=8" - }, - "funding": { - "url": "https://github.com/chalk/ansi-styles?sponsor=1" - } - }, - "node_modules/ora/node_modules/chalk": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", - "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", - "dev": true, - "dependencies": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - }, - "engines": { - "node": ">=10" - }, - "funding": { - "url": "https://github.com/chalk/chalk?sponsor=1" - } - }, - "node_modules/ora/node_modules/color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "dependencies": { - "color-name": "~1.1.4" - }, - "engines": { - "node": ">=7.0.0" - } - }, - "node_modules/ora/node_modules/color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - }, - "node_modules/ora/node_modules/has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", - "dev": true, - "engines": { - "node": ">=8" - } - }, - "node_modules/ora/node_modules/supports-color": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", - "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", - "dev": true, - "dependencies": { - "has-flag": "^4.0.0" - }, - "engines": { - "node": ">=8" - } - }, "node_modules/orderedmap": { "version": "2.1.1", "resolved": "https://registry.npmjs.org/orderedmap/-/orderedmap-2.1.1.tgz", @@ -8987,21 +7672,6 @@ "node": ">=6" } }, - "node_modules/p-map": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/p-map/-/p-map-4.0.0.tgz", - "integrity": "sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==", - "dev": true, - "dependencies": { - "aggregate-error": "^3.0.0" - }, - "engines": { - "node": ">=10" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/p-try": { "version": "2.2.0", "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz", @@ -9072,31 +7742,6 @@ "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==", "dev": true }, - "node_modules/path-scurry": { - "version": "1.10.1", - "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.10.1.tgz", - "integrity": "sha512-MkhCqzzBEpPvxxQ71Md0b1Kk51W01lrYvlMzSUaIzNsODdd7mqhiimSZlr+VegAz5Z6Vzt9Xg2ttE//XBhH3EQ==", - "dev": true, - "dependencies": { - "lru-cache": "^9.1.1 || ^10.0.0", - "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0" - }, - "engines": { - "node": ">=16 || 14 >=14.17" - }, - "funding": { - "url": "https://github.com/sponsors/isaacs" - } - }, - "node_modules/path-scurry/node_modules/lru-cache": { - "version": "10.0.0", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.0.0.tgz", - "integrity": "sha512-svTf/fzsKHffP42sujkO/Rjs37BCIsQVRCeNYIm9WN8rgT7ffoUnRtZCqU+6BqcSBdv8gwJeTz8knJpgACeQMw==", - "dev": true, - "engines": { - "node": "14 || >=16.14" - } - }, "node_modules/path-type": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/path-type/-/path-type-2.0.0.tgz", @@ -9179,19 +7824,6 @@ "node": ">=0.4.0" } }, - "node_modules/promise-retry": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/promise-retry/-/promise-retry-2.0.1.tgz", - "integrity": "sha512-y+WKFlBR8BGXnsNlIHFGPZmyDf3DFMoLhaflAnyZgV6rG6xu+JwesTo2Q9R6XwYmtmwAFCkAk3e35jEdoeh/3g==", - "dev": true, - "dependencies": { - "err-code": "^2.0.2", - "retry": "^0.12.0" - }, - "engines": { - "node": ">=10" - } - }, "node_modules/prosemirror-changeset": { "version": "2.2.1", "resolved": "https://registry.npmjs.org/prosemirror-changeset/-/prosemirror-changeset-2.2.1.tgz", @@ -9337,19 +7969,18 @@ } }, "node_modules/prosemirror-trailing-node": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/prosemirror-trailing-node/-/prosemirror-trailing-node-2.0.4.tgz", - "integrity": "sha512-0Yl9w7IdHkaCdqR+NE3FOucePME4OmiGcybnF1iasarEILP5U8+4xTnl53yafULjmwcg1SrSG65Hg7Zk2H2v3g==", + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/prosemirror-trailing-node/-/prosemirror-trailing-node-2.0.5.tgz", + "integrity": "sha512-V3CJLAmlLr73N6rLVzuM1jU0wlbKFMA+I3DG3zTlFah651A9dDTkXWFGNKAo0uhPI7ajFmQLhlLC1lie/6d9sA==", "dependencies": { - "@babel/runtime": "^7.21.0", - "@remirror/core-constants": "^2.0.1", - "@remirror/core-helpers": "^2.0.2", + "@remirror/core-constants": "^2.0.2", + "@remirror/core-helpers": "^2.0.4", "escape-string-regexp": "^4.0.0" }, "peerDependencies": { "prosemirror-model": "^1.19.0", "prosemirror-state": "^1.4.2", - "prosemirror-view": "^1.30.2" + "prosemirror-view": "^1.31.2" } }, "node_modules/prosemirror-trailing-node/node_modules/escape-string-regexp": { @@ -9556,20 +8187,6 @@ "node": ">=4" } }, - "node_modules/readable-stream": { - "version": "3.6.2", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz", - "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==", - "dev": true, - "dependencies": { - "inherits": "^2.0.3", - "string_decoder": "^1.1.1", - "util-deprecate": "^1.0.1" - }, - "engines": { - "node": ">= 6" - } - }, "node_modules/readdirp": { "version": "3.6.0", "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz", @@ -9614,7 +8231,8 @@ "node_modules/regenerator-runtime": { "version": "0.13.11", "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz", - "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==" + "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==", + "dev": true }, "node_modules/require-directory": { "version": "2.1.1", @@ -9668,28 +8286,6 @@ "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/restore-cursor": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz", - "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==", - "dev": true, - "dependencies": { - "onetime": "^5.1.0", - "signal-exit": "^3.0.2" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/retry": { - "version": "0.12.0", - "resolved": "https://registry.npmjs.org/retry/-/retry-0.12.0.tgz", - "integrity": "sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==", - "dev": true, - "engines": { - "node": ">= 4" - } - }, "node_modules/rimraf": { "version": "3.0.2", "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz", @@ -9881,7 +8477,7 @@ "version": "2.1.2", "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==", - "devOptional": true + "dev": true }, "node_modules/sanitize-filename": { "version": "1.6.3", @@ -9966,12 +8562,6 @@ "randombytes": "^2.1.0" } }, - "node_modules/set-blocking": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz", - "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==", - "dev": true - }, "node_modules/shebang-command": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz", @@ -10067,26 +8657,50 @@ "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==" }, "node_modules/simple-update-notifier": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/simple-update-notifier/-/simple-update-notifier-1.1.0.tgz", - "integrity": "sha512-VpsrsJSUcJEseSbMHkrsrAVSdvVS5I96Qo1QAQ4FxQ9wXFcB+pjj7FB7/us9+GcgfW4ziHtYMc1J0PLczb55mg==", + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/simple-update-notifier/-/simple-update-notifier-2.0.0.tgz", + "integrity": "sha512-a2B9Y0KlNXl9u/vsW6sTIu9vGEpfKu2wRV6l1H3XEas/0gUIzGzBoP/IouTcUQbm9JWZLH3COxyn03TYlFax6w==", "dev": true, "dependencies": { - "semver": "~7.0.0" + "semver": "^7.5.3" }, "engines": { - "node": ">=8.10.0" + "node": ">=10" + } + }, + "node_modules/simple-update-notifier/node_modules/lru-cache": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", + "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", + "dev": true, + "dependencies": { + "yallist": "^4.0.0" + }, + "engines": { + "node": ">=10" } }, "node_modules/simple-update-notifier/node_modules/semver": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.0.0.tgz", - "integrity": "sha512-+GB6zVA9LWh6zovYQLALHwv5rb2PHGlJi3lfiqIHxR0uuwCgefcOJc59v9fv1w8GbStwxuuqqAjI9NMAOOgq1A==", + "version": "7.5.4", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz", + "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==", "dev": true, + "dependencies": { + "lru-cache": "^6.0.0" + }, "bin": { "semver": "bin/semver.js" + }, + "engines": { + "node": ">=10" } }, + "node_modules/simple-update-notifier/node_modules/yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true + }, "node_modules/slash": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/slash/-/slash-4.0.0.tgz", @@ -10155,6 +8769,7 @@ "resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.2.0.tgz", "integrity": "sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==", "dev": true, + "optional": true, "engines": { "node": ">= 6.0.0", "npm": ">= 3.0.0" @@ -10166,34 +8781,6 @@ "integrity": "sha512-MqR3fVulhjWuRNSMydnTlweu38UhQ0HXM4buStD/S3mc/BzX3CuM9OmhyQpmtYCvoYdl5ris6TI0ZqH355Ymqg==", "dev": true }, - "node_modules/socks": { - "version": "2.7.1", - "resolved": "https://registry.npmjs.org/socks/-/socks-2.7.1.tgz", - "integrity": "sha512-7maUZy1N7uo6+WVEX6psASxtNlKaNVMlGQKkG/63nEDdLOWNbiUMoLK7X4uYoLhQstau72mLgfEWcXcwsaHbYQ==", - "dev": true, - "dependencies": { - "ip": "^2.0.0", - "smart-buffer": "^4.2.0" - }, - "engines": { - "node": ">= 10.13.0", - "npm": ">= 3.0.0" - } - }, - "node_modules/socks-proxy-agent": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/socks-proxy-agent/-/socks-proxy-agent-7.0.0.tgz", - "integrity": "sha512-Fgl0YPZ902wEsAyiQ+idGd1A7rSFx/ayC1CQVMw5P+EQx2V0SgpGtf6OKFhVjPflPUl9YMmEOnmfjCdMUsygww==", - "dev": true, - "dependencies": { - "agent-base": "^6.0.2", - "debug": "^4.3.3", - "socks": "^2.6.2" - }, - "engines": { - "node": ">= 10" - } - }, "node_modules/sort-keys": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/sort-keys/-/sort-keys-1.1.2.tgz", @@ -10282,18 +8869,6 @@ "dev": true, "optional": true }, - "node_modules/ssri": { - "version": "10.0.4", - "resolved": "https://registry.npmjs.org/ssri/-/ssri-10.0.4.tgz", - "integrity": "sha512-12+IR2CB2C28MMAw0Ncqwj5QbTcs0nGIhgJzYWzDkb21vWmfNI83KS4f3Ci6GI98WreIfG7o9UXp3C0qbpA8nQ==", - "dev": true, - "dependencies": { - "minipass": "^5.0.0" - }, - "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" - } - }, "node_modules/stat-mode": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/stat-mode/-/stat-mode-1.0.0.tgz", @@ -10303,15 +8878,6 @@ "node": ">= 6" } }, - "node_modules/string_decoder": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz", - "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==", - "dev": true, - "dependencies": { - "safe-buffer": "~5.2.0" - } - }, "node_modules/string-width": { "version": "4.2.3", "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", @@ -10326,21 +8892,6 @@ "node": ">=8" } }, - "node_modules/string-width-cjs": { - "name": "string-width", - "version": "4.2.3", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", - "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", - "dev": true, - "dependencies": { - "emoji-regex": "^8.0.0", - "is-fullwidth-code-point": "^3.0.0", - "strip-ansi": "^6.0.1" - }, - "engines": { - "node": ">=8" - } - }, "node_modules/strip-ansi": { "version": "6.0.1", "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", @@ -10353,19 +8904,6 @@ "node": ">=8" } }, - "node_modules/strip-ansi-cjs": { - "name": "strip-ansi", - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", - "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", - "dev": true, - "dependencies": { - "ansi-regex": "^5.0.1" - }, - "engines": { - "node": ">=8" - } - }, "node_modules/strip-bom": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz", @@ -10452,30 +8990,6 @@ "node": ">=10" } }, - "node_modules/tar/node_modules/fs-minipass": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz", - "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==", - "dev": true, - "dependencies": { - "minipass": "^3.0.0" - }, - "engines": { - "node": ">= 8" - } - }, - "node_modules/tar/node_modules/fs-minipass/node_modules/minipass": { - "version": "3.3.6", - "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz", - "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==", - "dev": true, - "dependencies": { - "yallist": "^4.0.0" - }, - "engines": { - "node": ">=8" - } - }, "node_modules/tar/node_modules/yallist": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", @@ -10643,9 +9157,9 @@ } }, "node_modules/tslib": { - "version": "2.6.0", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.0.tgz", - "integrity": "sha512-7At1WUettjcSRHXCyYtTselblcHl9PJFFVKiCAy/bY97+BPZXSQ2wbq0P9s8tK2G7dFQfNnlJnPAiArVBVBsfA==" + "version": "2.6.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.1.tgz", + "integrity": "sha512-t0hLfiEKfMUoqhG+U1oid7Pva4bbDPHYfJNiB7BiIjRkj1pyC++4N3huJfqY6aRH6VTB0rvtzQwjM4K6qpfOig==" }, "node_modules/twemoji": { "version": "14.0.2", @@ -10711,30 +9225,6 @@ "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz", "integrity": "sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA==" }, - "node_modules/unique-filename": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/unique-filename/-/unique-filename-3.0.0.tgz", - "integrity": "sha512-afXhuC55wkAmZ0P18QsVE6kp8JaxrEokN2HGIoIVv2ijHQd419H0+6EigAFcIzXeMIkcIkNBpB3L/DXB3cTS/g==", - "dev": true, - "dependencies": { - "unique-slug": "^4.0.0" - }, - "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" - } - }, - "node_modules/unique-slug": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/unique-slug/-/unique-slug-4.0.0.tgz", - "integrity": "sha512-WrcA6AyEfqDX5bWige/4NQfPZMtASNVxdmWR76WESYQVAACSgWcR6e9i0mofqqBxYFtL4oAxPIptY73/0YE1DQ==", - "dev": true, - "dependencies": { - "imurmurhash": "^0.1.4" - }, - "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" - } - }, "node_modules/universalify": { "version": "0.1.2", "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz", @@ -10806,12 +9296,6 @@ "integrity": "sha512-4+wkEYLBbWxqTahEsWrhxepcoVOJ+1z5PGIjPZxRkytcdSUaNjIjBM7Xn8E+pdSuV7SzvWovBFA54FO0JSoqhA==", "dev": true }, - "node_modules/util-deprecate": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", - "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==", - "dev": true - }, "node_modules/validate-npm-package-license": { "version": "3.0.4", "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz", @@ -10848,15 +9332,6 @@ "resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.8.tgz", "integrity": "sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==" }, - "node_modules/wcwidth": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz", - "integrity": "sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==", - "dev": true, - "dependencies": { - "defaults": "^1.0.3" - } - }, "node_modules/webidl-conversions": { "version": "3.0.1", "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz", @@ -10892,15 +9367,6 @@ "integrity": "sha512-Ba9tGNYxXwaqKEi9sJJvPMKuo063umUPsHN0JJsjrs2j8KDSzkWLMZGZ+MH1Jf1Fq4OWZ5HsESJID6nRza2ang==", "dev": true }, - "node_modules/wide-align": { - "version": "1.1.5", - "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.5.tgz", - "integrity": "sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==", - "dev": true, - "dependencies": { - "string-width": "^1.0.2 || 2 || 3 || 4" - } - }, "node_modules/wrap-ansi": { "version": "7.0.0", "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", @@ -10918,57 +9384,6 @@ "url": "https://github.com/chalk/wrap-ansi?sponsor=1" } }, - "node_modules/wrap-ansi-cjs": { - "name": "wrap-ansi", - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", - "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", - "dev": true, - "dependencies": { - "ansi-styles": "^4.0.0", - "string-width": "^4.1.0", - "strip-ansi": "^6.0.0" - }, - "engines": { - "node": ">=10" - }, - "funding": { - "url": "https://github.com/chalk/wrap-ansi?sponsor=1" - } - }, - "node_modules/wrap-ansi-cjs/node_modules/ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "dependencies": { - "color-convert": "^2.0.1" - }, - "engines": { - "node": ">=8" - }, - "funding": { - "url": "https://github.com/chalk/ansi-styles?sponsor=1" - } - }, - "node_modules/wrap-ansi-cjs/node_modules/color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "dependencies": { - "color-name": "~1.1.4" - }, - "engines": { - "node": ">=7.0.0" - } - }, - "node_modules/wrap-ansi-cjs/node_modules/color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - }, "node_modules/wrap-ansi/node_modules/ansi-styles": { "version": "4.3.0", "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", diff --git a/package.json b/package.json index 72ebada4..b247df6b 100644 --- a/package.json +++ b/package.json @@ -73,7 +73,7 @@ "devDependencies": { "axios": "1.4.0", "electron": "25.3.1", - "electron-builder": "24.4.0", + "electron-builder": "24.6.3", "electron-packager": "17.1.1", "epml": "0.3.3", "file-saver": "2.0.5", From 734e2a6ff57038b848eaa108b9b4e86ae91e0e02 Mon Sep 17 00:00:00 2001 From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com> Date: Thu, 27 Jul 2023 17:31:16 +0200 Subject: [PATCH 21/27] Update q-chat and remove errors --- .../core/components/ChatGifs/ChatGifs.js | 4 +- .../components/ChatGifs/ChatGifsExplore.js | 18 +- .../core/components/ChatGroupInvites.js | 2 +- .../core/components/ChatGroupSettings.js | 18 +- .../core/components/ChatGroupsManagement.js | 26 +- plugins/plugins/core/components/ChatHead.js | 63 +- .../plugins/core/components/ChatLeaveGroup.js | 17 +- .../plugins/core/components/ChatMessage.js | 2 +- plugins/plugins/core/components/ChatModals.js | 60 +- plugins/plugins/core/components/ChatPage.js | 31 +- .../plugins/core/components/ChatRightPanel.js | 4 +- .../plugins/core/components/ChatScroller.js | 35 +- .../core/components/ChatSearchResults.js | 72 + plugins/plugins/core/components/ChatSelect.js | 1 + .../core/components/ChatSideNavHeads.js | 3 +- .../core/components/ChatTextEditor copy.js | 51 +- .../plugins/core/components/ChatTextEditor.js | 16 +- .../core/components/ChatWelcomePage.js | 33 +- .../plugins/core/components/ImageComponent.js | 47 +- .../plugins/core/components/LevelFounder.js | 42 +- plugins/plugins/core/components/NameMenu.js | 33 +- plugins/plugins/core/components/TimeAgo.js | 6 +- plugins/plugins/core/components/TipUser.js | 158 +- plugins/plugins/core/components/ToolTip.js | 1 + .../core/components/UserInfo/UserInfo.js | 4 - .../plugins/core/components/WrapperModal.js | 51 +- .../core/components/qortal-info-view.js | 1 - .../plugins/core/messaging/q-chat/q-chat.js | 9654 ----------------- .../core/messaging/q-chat/q-chat.src.js | 22 +- 29 files changed, 445 insertions(+), 10030 deletions(-) create mode 100644 plugins/plugins/core/components/ChatSearchResults.js delete mode 100644 plugins/plugins/core/messaging/q-chat/q-chat.js diff --git a/plugins/plugins/core/components/ChatGifs/ChatGifs.js b/plugins/plugins/core/components/ChatGifs/ChatGifs.js index b018f9c0..35d511e3 100644 --- a/plugins/plugins/core/components/ChatGifs/ChatGifs.js +++ b/plugins/plugins/core/components/ChatGifs/ChatGifs.js @@ -5,12 +5,12 @@ import * as zip from '@zip.js/zip.js'; import '@material/mwc-icon'; import ShortUniqueId from 'short-unique-id'; import {publishData} from '../../../utils/publish-image.js'; -import {translate, get} from 'lit-translate'; import {gifExplorerStyles} from './ChatGifs-css.js'; import { bytesToMegabytes } from '../../../utils/bytesToMegabytes.js'; import './ChatGifsExplore.js'; import '../ImageComponent.js'; import '@vaadin/tooltip'; +import { use, get, translate, translateUnsafeHTML, registerTranslateConfig } from 'lit-translate' const parentEpml = new Epml({type: 'WINDOW', source: window.parent}); @@ -993,4 +993,4 @@ setOpenGifModal: { attribute: false } } -window.customElements.define('chat-gifs', ChatGifs); +window.customElements.define('chat-gifs', ChatGifs) diff --git a/plugins/plugins/core/components/ChatGifs/ChatGifsExplore.js b/plugins/plugins/core/components/ChatGifs/ChatGifsExplore.js index 009297fd..a456dac3 100644 --- a/plugins/plugins/core/components/ChatGifs/ChatGifsExplore.js +++ b/plugins/plugins/core/components/ChatGifs/ChatGifsExplore.js @@ -1,8 +1,8 @@ -import { LitElement, html, css } from 'lit'; -import { Epml } from '../../../../epml.js'; -import { chatGifsExploreStyles } from './ChatGifsExplore-css.js'; -import { translate, get } from 'lit-translate'; -import '@material/mwc-icon'; +import { LitElement, html, css } from 'lit' +import { Epml } from '../../../../epml.js' +import { chatGifsExploreStyles } from './ChatGifsExplore-css.js' +import { use, get, translate, translateUnsafeHTML, registerTranslateConfig } from 'lit-translate' +import '@material/mwc-icon' const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }); @@ -69,9 +69,9 @@ class ChatGifsExplore extends LitElement { this.elementObserver(); } getApiKey() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node]; - let apiKey = myNode.apiKey; - return apiKey; + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + let apiKey = myNode.apiKey + return apiKey } async searchCollections() { @@ -169,4 +169,4 @@ class ChatGifsExplore extends LitElement { } -window.customElements.define('chat-gifs-explore', ChatGifsExplore); +window.customElements.define('chat-gifs-explore', ChatGifsExplore) diff --git a/plugins/plugins/core/components/ChatGroupInvites.js b/plugins/plugins/core/components/ChatGroupInvites.js index 27cc0a26..dbb19579 100644 --- a/plugins/plugins/core/components/ChatGroupInvites.js +++ b/plugins/plugins/core/components/ChatGroupInvites.js @@ -1,6 +1,5 @@ import { LitElement, html, css } from "lit" import { render } from "lit/html.js" -import { get, translate } from "lit-translate" import { Epml } from "../../../epml" import snackbar from "./snackbar.js" import "@material/mwc-button" @@ -8,6 +7,7 @@ import "@material/mwc-dialog" import "@polymer/paper-spinner/paper-spinner-lite.js" import "@material/mwc-icon" import "./WrapperModal" +import { use, get, translate, translateUnsafeHTML, registerTranslateConfig } from 'lit-translate' const parentEpml = new Epml({ type: "WINDOW", source: window.parent }) diff --git a/plugins/plugins/core/components/ChatGroupSettings.js b/plugins/plugins/core/components/ChatGroupSettings.js index ac50df20..76af8645 100644 --- a/plugins/plugins/core/components/ChatGroupSettings.js +++ b/plugins/plugins/core/components/ChatGroupSettings.js @@ -1,13 +1,13 @@ -import { LitElement, html, css } from 'lit'; -import { render } from 'lit/html.js'; -import { get, translate } from 'lit-translate'; -import { Epml } from '../../../epml'; +import { LitElement, html, css } from 'lit' +import { render } from 'lit/html.js' +import { Epml } from '../../../epml' import snackbar from './snackbar.js' -import '@material/mwc-button'; -import '@material/mwc-dialog'; +import '@material/mwc-button' +import '@material/mwc-dialog' import '@polymer/paper-spinner/paper-spinner-lite.js' -import '@material/mwc-icon'; -import './WrapperModal'; +import '@material/mwc-icon' +import './WrapperModal' +import { use, get, translate, translateUnsafeHTML, registerTranslateConfig } from 'lit-translate' const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) @@ -25,7 +25,7 @@ class ChatGroupSettings extends LitElement { } constructor() { - super(); + super() this.isLoading = false; this.isOpenLeaveModal = false this.leaveGroupObj = {} diff --git a/plugins/plugins/core/components/ChatGroupsManagement.js b/plugins/plugins/core/components/ChatGroupsManagement.js index a6950b77..a2553052 100644 --- a/plugins/plugins/core/components/ChatGroupsManagement.js +++ b/plugins/plugins/core/components/ChatGroupsManagement.js @@ -1,19 +1,19 @@ -import { LitElement, html, css } from 'lit'; -import { render } from 'lit/html.js'; -import { get, translate } from 'lit-translate'; -import { Epml } from '../../../epml'; +import { LitElement, html, css } from 'lit' +import { render } from 'lit/html.js' +import { Epml } from '../../../epml' import snackbar from './snackbar.js' -import '@material/mwc-button'; -import '@material/mwc-dialog'; +import '@material/mwc-button' +import '@material/mwc-dialog' import '@polymer/paper-spinner/paper-spinner-lite.js' -import '@material/mwc-icon'; -import './WrapperModal'; +import '@material/mwc-icon' +import './WrapperModal' import '@vaadin/tabs' -import '@vaadin/tabs/theme/material/vaadin-tabs.js'; -import '@vaadin/avatar'; -import '@vaadin/grid'; -import '@vaadin/grid/vaadin-grid-filter-column.js'; -import { columnBodyRenderer } from '@vaadin/grid/lit.js'; +import '@vaadin/tabs/theme/material/vaadin-tabs.js' +import '@vaadin/avatar' +import '@vaadin/grid' +import '@vaadin/grid/vaadin-grid-filter-column.js' +import { columnBodyRenderer } from '@vaadin/grid/lit.js' +import { use, get, translate, translateUnsafeHTML, registerTranslateConfig } from 'lit-translate' const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) diff --git a/plugins/plugins/core/components/ChatHead.js b/plugins/plugins/core/components/ChatHead.js index 61a30fb2..6ea78b2e 100644 --- a/plugins/plugins/core/components/ChatHead.js +++ b/plugins/plugins/core/components/ChatHead.js @@ -1,18 +1,20 @@ import { LitElement, html, css } from 'lit' import { render } from 'lit/html.js' import { Epml } from '../../../epml.js' -import localForage from "localforage"; -import { translate} from 'lit-translate'; - +import localForage from "localforage" +import { use, get, translate, translateUnsafeHTML, registerTranslateConfig } from 'lit-translate' import '@material/mwc-icon' const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) + const chatLastSeen = localForage.createInstance({ name: "chat-last-seen", -}); +}) + class ChatHead extends LitElement { static get properties() { return { + theme: { type: String, reflect: true }, selectedAddress: { type: Object }, config: { type: Object }, chatInfo: { type: Object }, @@ -53,10 +55,7 @@ class ChatHead extends LitElement { color: var(--chat-group); } - - .about { - display: flex; align-items: center; justify-content: space-between; @@ -109,12 +108,13 @@ class ChatHead extends LitElement { this.imageFetches = 0 this.lastReadMessageTimestamp = 0 this.loggedInAddress = window.parent.reduxStore.getState().app.selectedAddress.address + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' } createImage(imageUrl) { - const imageHTMLRes = new Image(); - imageHTMLRes.src = imageUrl; - imageHTMLRes.style= "width:40px; height:40px; float: left; border-radius:50%"; + const imageHTMLRes = new Image() + imageHTMLRes.src = imageUrl + imageHTMLRes.style= "width:40px; height:40px; float: left; border-radius:50%" imageHTMLRes.onclick= () => { this.openDialogImage = true; } @@ -124,29 +124,25 @@ class ChatHead extends LitElement { imageHTMLRes.onerror = () => { if (this.imageFetches < 4) { setTimeout(() => { - this.imageFetches = this.imageFetches + 1; - imageHTMLRes.src = imageUrl; - }, 750); + this.imageFetches = this.imageFetches + 1 + imageHTMLRes.src = imageUrl + }, 750) } else { - - this.isImageLoaded = false } }; - return imageHTMLRes; + return imageHTMLRes } - - render() { - let avatarImg = ''; + let avatarImg = '' let backupAvatarImg = '' let isUnread = false if(this.chatInfo.name){ - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node]; - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port; - const avatarUrl = `${nodeUrl}/arbitrary/THUMBNAIL/${this.chatInfo.name}/qortal_avatar?async=true&apiKey=${myNode.apiKey}`; + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const avatarUrl = `${nodeUrl}/arbitrary/THUMBNAIL/${this.chatInfo.name}/qortal_avatar?async=true&apiKey=${myNode.apiKey}` avatarImg= this.createImage(avatarUrl) } @@ -189,6 +185,19 @@ class ChatHead extends LitElement { } async firstUpdated() { + this.changeTheme() + + window.addEventListener('storage', () => { + const checkTheme = localStorage.getItem('qortalTheme') + + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } + document.querySelector('html').setAttribute('theme', this.theme) + }) + let configLoaded = false this.lastReadMessageTimestamp = await chatLastSeen.getItem(this.chatInfo.url) || 0 parentEpml.ready().then(() => { @@ -217,6 +226,16 @@ class ChatHead extends LitElement { parentEpml.imReady() } + changeTheme() { + const checkTheme = localStorage.getItem('qortalTheme') + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } + document.querySelector('html').setAttribute('theme', this.theme) + } + shouldUpdate(changedProperties) { if(changedProperties.has('activeChatHeadUrl')){ return true diff --git a/plugins/plugins/core/components/ChatLeaveGroup.js b/plugins/plugins/core/components/ChatLeaveGroup.js index be249818..1cd2c38d 100644 --- a/plugins/plugins/core/components/ChatLeaveGroup.js +++ b/plugins/plugins/core/components/ChatLeaveGroup.js @@ -1,13 +1,14 @@ -import { LitElement, html, css } from 'lit'; -import { render } from 'lit/html.js'; -import { get, translate } from 'lit-translate'; -import { Epml } from '../../../epml'; +import { LitElement, html, css } from 'lit' +import { render } from 'lit/html.js' +import { Epml } from '../../../epml' import snackbar from './snackbar.js' -import '@material/mwc-button'; -import '@material/mwc-dialog'; +import '@material/mwc-button' +import '@material/mwc-dialog' import '@polymer/paper-spinner/paper-spinner-lite.js' -import '@material/mwc-icon'; -import './WrapperModal'; +import '@material/mwc-icon' +import './WrapperModal' +import { use, get, translate, translateUnsafeHTML, registerTranslateConfig } from 'lit-translate' + const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) class ChatLeaveGroup extends LitElement { diff --git a/plugins/plugins/core/components/ChatMessage.js b/plugins/plugins/core/components/ChatMessage.js index 502ee87e..49c76c2e 100644 --- a/plugins/plugins/core/components/ChatMessage.js +++ b/plugins/plugins/core/components/ChatMessage.js @@ -1,7 +1,7 @@ import { LitElement, html, css } from 'lit' import { render } from 'lit/html.js' import { Epml } from '../../../epml.js' - +import { use, get, translate, translateUnsafeHTML, registerTranslateConfig } from 'lit-translate' const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) diff --git a/plugins/plugins/core/components/ChatModals.js b/plugins/plugins/core/components/ChatModals.js index 0778bd10..2074c911 100644 --- a/plugins/plugins/core/components/ChatModals.js +++ b/plugins/plugins/core/components/ChatModals.js @@ -1,10 +1,10 @@ -import { LitElement, html, css } from 'lit'; -import { render } from 'lit/html.js'; -import { get, translate } from 'lit-translate'; -import { Epml } from '../../../epml'; +import { LitElement, html, css } from 'lit' +import { render } from 'lit/html.js' +import { Epml } from '../../../epml' import snackbar from './snackbar.js' -import '@material/mwc-button'; -import '@material/mwc-dialog'; +import { use, get, translate, translateUnsafeHTML, registerTranslateConfig } from 'lit-translate' +import '@material/mwc-button' +import '@material/mwc-dialog' const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) @@ -18,15 +18,15 @@ class ChatModals extends LitElement { hidePrivateMessageModal: {type: Function}, hideBlockUserModal: {type: Function}, toblockaddress: { type: String, attribute: true }, - chatBlockedAdresses: { type: Array }, + chatBlockedAdresses: { type: Array } } } constructor() { - super(); - this.isLoading = false; - this.hidePrivateMessageModal = () => {}; - this.hideBlockUserModal = () => {}; + super() + this.isLoading = false + this.hidePrivateMessageModal = () => {} + this.hideBlockUserModal = () => {} this.chatBlockedAdresses = [] } @@ -105,13 +105,13 @@ class ChatModals extends LitElement { } else { this.sendMessage() } - }; + } async sendMessage() { - this.isLoading = true; - const _recipient = this.shadowRoot.getElementById('sendTo').value; - const messageBox = this.shadowRoot.getElementById('messageBox'); - const messageText = messageBox.value; + this.isLoading = true + const _recipient = this.shadowRoot.getElementById('sendTo').value + const messageBox = this.shadowRoot.getElementById('messageBox') + const messageText = messageBox.value let recipient; const validateName = async (receiverName) => { @@ -127,7 +127,7 @@ class ChatModals extends LitElement { myRes = myNameRes } - return myRes; + return myRes } const myNameRes = await validateName(_recipient) @@ -138,8 +138,8 @@ class ChatModals extends LitElement { recipient = myNameRes.owner } - let _reference = new Uint8Array(64); - window.crypto.getRandomValues(_reference); + let _reference = new Uint8Array(64) + window.crypto.getRandomValues(_reference) let sendTimestamp = Date.now() @@ -200,17 +200,17 @@ class ChatModals extends LitElement { const _computePow = async (chatBytes) => { - const _chatBytesArray = Object.keys(chatBytes).map(function (key) { return chatBytes[key]; }); + const _chatBytesArray = Object.keys(chatBytes).map(function (key) { return chatBytes[key]; }) const chatBytesArray = new Uint8Array(_chatBytesArray) const chatBytesHash = new window.parent.Sha256().process(chatBytesArray).finish().result - const hashPtr = window.parent.sbrk(32, window.parent.heap); - const hashAry = new Uint8Array(window.parent.memory.buffer, hashPtr, 32); - hashAry.set(chatBytesHash); + const hashPtr = window.parent.sbrk(32, window.parent.heap) + const hashAry = new Uint8Array(window.parent.memory.buffer, hashPtr, 32) + hashAry.set(chatBytesHash) - const difficulty = this.balance < 4 ? 18 : 8; + const difficulty = this.balance < 4 ? 18 : 8 const workBufferLength = 8 * 1024 * 1024; - const workBufferPtr = window.parent.sbrk(workBufferLength, window.parent.heap); + const workBufferPtr = window.parent.sbrk(workBufferLength, window.parent.heap) let nonce = window.parent.computePow(hashPtr, workBufferPtr, workBufferLength, difficulty) @@ -250,9 +250,9 @@ class ChatModals extends LitElement { } getApiKey() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node]; - let apiKey = myNode.apiKey; - return apiKey; + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + let apiKey = myNode.apiKey + return apiKey } getChatBlockedList() { @@ -263,7 +263,7 @@ class ChatModals extends LitElement { localStorage.removeItem("ChatBlockedAddresses") - var obj = []; + var obj = [] fetch(blockedAddressesUrl).then(response => { return response.json() @@ -412,4 +412,4 @@ class ChatModals extends LitElement { } } -customElements.define('chat-modals', ChatModals); \ No newline at end of file +customElements.define('chat-modals', ChatModals) \ No newline at end of file diff --git a/plugins/plugins/core/components/ChatPage.js b/plugins/plugins/core/components/ChatPage.js index c996d325..c11f2aa8 100644 --- a/plugins/plugins/core/components/ChatPage.js +++ b/plugins/plugins/core/components/ChatPage.js @@ -35,7 +35,7 @@ import './ChatSideNavHeads.js' import './ChatLeaveGroup.js' import './ChatGroupSettings.js' import './ChatRightPanel.js' -import './ChatSeachResults.js' +import './ChatSearchResults.js' import './ChatGifs/ChatGifs.js' import '@material/mwc-button' @@ -44,10 +44,6 @@ import '@material/mwc-icon' import '@polymer/paper-dialog/paper-dialog.js' import '@polymer/paper-spinner/paper-spinner-lite.js' -registerTranslateConfig({ - loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) -}) - const chatLastSeen = localForage.createInstance({ name: "chat-last-seen", }) @@ -57,6 +53,7 @@ const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) class ChatPage extends LitElement { static get properties() { return { + theme: { type: String, reflect: true }, selectedAddress: { type: Object }, config: { type: Object }, messages: { type: Array }, @@ -1350,6 +1347,7 @@ class ChatPage extends LitElement { left: 0, offsetHeight: 0 } + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' } setOpenGifModal(value) { @@ -2377,10 +2375,20 @@ class ChatPage extends LitElement { } async firstUpdated() { + this.changeTheme() + window.addEventListener('storage', () => { const checkLanguage = localStorage.getItem('qortalLanguage') - use(checkLanguage) + const checkTheme = localStorage.getItem('qortalTheme') + this.userLanguage = checkLanguage + + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } + document.querySelector('html').setAttribute('theme', this.theme) }) parentEpml.ready().then(() => { @@ -2406,6 +2414,16 @@ class ChatPage extends LitElement { } + changeTheme() { + const checkTheme = localStorage.getItem('qortalTheme') + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } + document.querySelector('html').setAttribute('theme', this.theme) + } + async updated(changedProperties) { if (changedProperties && changedProperties.has('userLanguage')) { const userLang = changedProperties.get('userLanguage') @@ -3926,7 +3944,6 @@ class ChatPage extends LitElement { } pasteToTextBox(textarea) { - // Return focus to the window window.focus() diff --git a/plugins/plugins/core/components/ChatRightPanel.js b/plugins/plugins/core/components/ChatRightPanel.js index a63bc8c5..fac86ebf 100644 --- a/plugins/plugins/core/components/ChatRightPanel.js +++ b/plugins/plugins/core/components/ChatRightPanel.js @@ -1,6 +1,5 @@ import { LitElement, html, css } from "lit"; import { render } from "lit/html.js"; -import { get, translate } from "lit-translate"; import { Epml } from "../../../epml"; import { getUserNameFromAddress } from "../../utils/getUserNameFromAddress"; import snackbar from "./snackbar.js"; @@ -13,6 +12,9 @@ import '@vaadin/button'; import "./WrapperModal"; import "./TipUser" import "./UserInfo/UserInfo"; +import { use, get, translate, translateUnsafeHTML, registerTranslateConfig } from 'lit-translate' + +const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) class ChatRightPanel extends LitElement { static get properties() { diff --git a/plugins/plugins/core/components/ChatScroller.js b/plugins/plugins/core/components/ChatScroller.js index 80f5426d..f2d06735 100644 --- a/plugins/plugins/core/components/ChatScroller.js +++ b/plugins/plugins/core/components/ChatScroller.js @@ -29,10 +29,6 @@ import '@vaadin/icon' import '@vaadin/icons' import '@vaadin/tooltip' -registerTranslateConfig({ - loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) -}) - const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) let toggledMessage = {} @@ -172,6 +168,7 @@ function processText(input) { class ChatScroller extends LitElement { static get properties() { return { + theme: { type: String, reflect: true }, getNewMessage: { attribute: false }, getOldMessage: { attribute: false }, escapeHTML: { attribute: false }, @@ -216,6 +213,7 @@ class ChatScroller extends LitElement { this.openTipUser = false this.openUserInfo = false this.listSeenMessages = [] + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' } addSeenMessage(val) { @@ -259,7 +257,6 @@ class ChatScroller extends LitElement { return messageArray }, []) - return html` ${this.isLoadingMessages ? html`
        @@ -337,8 +334,20 @@ class ChatScroller extends LitElement { } async firstUpdated() { - this.emojiPicker.on('emoji', selection => { + this.changeTheme() + window.addEventListener('storage', () => { + const checkTheme = localStorage.getItem('qortalTheme') + + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } + document.querySelector('html').setAttribute('theme', this.theme) + }) + + this.emojiPicker.on('emoji', selection => { this.sendMessage({ type: 'reaction', editedMessageObj: toggledMessage, @@ -355,6 +364,16 @@ class ChatScroller extends LitElement { this.viewElement.scrollTop = this.viewElement.scrollHeight + 50 } + changeTheme() { + const checkTheme = localStorage.getItem('qortalTheme') + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } + document.querySelector('html').setAttribute('theme', this.theme) + } + _getOldMessage(_scrollElement) { this.getOldMessage(_scrollElement) } @@ -447,7 +466,7 @@ class MessageTemplate extends LitElement { goToRepliedMessage: { attribute: false }, listSeenMessages: { type: Array }, addSeenMessage: { attribute: false }, - chatId: { type: String }, + chatId: { type: String } } } @@ -1220,7 +1239,7 @@ class ChatMenu extends LitElement { setOpenPrivateMessage: { attribute: false }, setOpenTipUser: { attribute: false }, setUserName: { attribute: false }, - gif: { type: Boolean }, + gif: { type: Boolean } } } diff --git a/plugins/plugins/core/components/ChatSearchResults.js b/plugins/plugins/core/components/ChatSearchResults.js new file mode 100644 index 00000000..b8b19cb5 --- /dev/null +++ b/plugins/plugins/core/components/ChatSearchResults.js @@ -0,0 +1,72 @@ +import { LitElement, html } from 'lit' +import { render } from 'lit/html.js' +import { Epml } from '../../../epml.js' +import { chatSearchResultsStyles } from './ChatSearchResults-css.js' +import { use, get, translate, translateUnsafeHTML, registerTranslateConfig } from 'lit-translate' +import '@vaadin/icon' +import '@vaadin/icons' + +const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) + +export class ChatSearchResults extends LitElement { + static get properties() { + return { + onClickFunc: { attribute: false }, + closeFunc: { attribute: false }, + searchResults: { type: Array }, + isOpen: { type: Boolean }, + loading: { type: Boolean } + } + } + + static styles = [chatSearchResultsStyles] + + render() { + return html` +
        + this.closeFunc()} + icon="vaadin:close-small" + slot="icon" + class="close-icon" + > + + ${this.loading ? ( + html` + + ` + ) : ( + html` +

        ${translate("chatpage.cchange36")}

        +
        +
        + ${this.searchResults.length === 0 ? ( + html`

        ${translate("chatpage.cchange37")}

        ` + ) : ( + html` + ${this.searchResults.map((result) => { + return ( + html` +
        { + this.shadowRoot.querySelector(".chat-result-card").classList.add("active"); + this.onClickFunc(result); + }}> +

        + ${result.name} +

        +
        + ` + )} + )} + ` + )} +
        + ` + )} +
        + ` + } +} +customElements.define('chat-search-results', ChatSearchResults) diff --git a/plugins/plugins/core/components/ChatSelect.js b/plugins/plugins/core/components/ChatSelect.js index 4ea0fe03..99cb28d0 100644 --- a/plugins/plugins/core/components/ChatSelect.js +++ b/plugins/plugins/core/components/ChatSelect.js @@ -1,4 +1,5 @@ import { LitElement, html, css } from 'lit' +import { render } from 'lit/html.js' import { Epml } from '../../../epml.js' import '@material/mwc-icon' diff --git a/plugins/plugins/core/components/ChatSideNavHeads.js b/plugins/plugins/core/components/ChatSideNavHeads.js index b0798399..f9b8bd44 100644 --- a/plugins/plugins/core/components/ChatSideNavHeads.js +++ b/plugins/plugins/core/components/ChatSideNavHeads.js @@ -1,6 +1,7 @@ import { LitElement, html, css } from 'lit' +import { render } from 'lit/html.js' import { Epml } from '../../../epml.js' - +import { use, get, translate, translateUnsafeHTML, registerTranslateConfig } from 'lit-translate' import '@material/mwc-icon' const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) diff --git a/plugins/plugins/core/components/ChatTextEditor copy.js b/plugins/plugins/core/components/ChatTextEditor copy.js index dfc572bc..c7a3ecdc 100644 --- a/plugins/plugins/core/components/ChatTextEditor copy.js +++ b/plugins/plugins/core/components/ChatTextEditor copy.js @@ -1,11 +1,12 @@ -import { LitElement, html, css } from "lit"; -import { get } from 'lit-translate'; -import { escape, unescape } from 'html-escaper'; -import { EmojiPicker } from 'emoji-picker-js'; -import { inputKeyCodes } from '../../utils/keyCodes.js'; -import { Epml } from '../../../epml.js'; +import { LitElement, html, css } from "lit" +import { escape, unescape } from 'html-escaper' +import { EmojiPicker } from 'emoji-picker-js' +import { inputKeyCodes } from '../../utils/keyCodes.js' +import { Epml } from '../../../epml.js' +import { use, get, translate, translateUnsafeHTML, registerTranslateConfig } from 'lit-translate' + +const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) -const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }); class ChatTextEditor extends LitElement { static get properties() { return { @@ -298,13 +299,13 @@ class ChatTextEditor extends LitElement { } window.addEventListener('storage', () => { - const checkTheme = localStorage.getItem('qortalTheme'); - const chatbar = this.shadowRoot.getElementById(this.iframeId).contentWindow.document.getElementById('chatbarId'); + const checkTheme = localStorage.getItem('qortalTheme') + const chatbar = this.shadowRoot.getElementById(this.iframeId).contentWindow.document.getElementById('chatbarId') if (checkTheme === 'dark') { - this.theme = 'dark'; + this.theme = 'dark' chatbar.style.cssText = "color:#ffffff;" } else { - this.theme = 'light'; + this.theme = 'light' chatbar.style.cssText = "color:#080808;" } }) @@ -323,18 +324,18 @@ class ChatTextEditor extends LitElement { boxShadow: 'rgba(4, 4, 5, 0.15) 0px 0px 0px 1px, rgba(0, 0, 0, 0.24) 0px 8px 16px 0px', zIndex: 100 - }); + }) this.emojiPicker.on('emoji', selection => { - const emojiHtmlString = `${selection.emoji}`; + const emojiHtmlString = `${selection.emoji}` this.chatEditor.insertEmoji(emojiHtmlString); - }); + }) - this.emojiPickerHandler.addEventListener('click', () => this.emojiPicker.togglePicker(this.emojiPickerHandler)); + this.emojiPickerHandler.addEventListener('click', () => this.emojiPicker.togglePicker(this.emojiPickerHandler)) - await this.updateComplete; - this.initChatEditor(); + await this.updateComplete + this.initChatEditor() } async updated(changedProperties) { @@ -348,12 +349,12 @@ class ChatTextEditor extends LitElement { } } if (changedProperties && changedProperties.has('placeholder')) { - const captionEditor = this.shadowRoot.getElementById(this.iframeId).contentWindow.document.getElementById('chatbarId'); - captionEditor.setAttribute('data-placeholder', this.placeholder); + const captionEditor = this.shadowRoot.getElementById(this.iframeId).contentWindow.document.getElementById('chatbarId') + captionEditor.setAttribute('data-placeholder', this.placeholder) } if (changedProperties && changedProperties.has("imageFile")) { - this.chatMessageInput = "newChat"; + this.chatMessageInput = "newChat" } } @@ -365,12 +366,12 @@ class ChatTextEditor extends LitElement { sendMessageFunc(props) { if (this.chatMessageSize > 1000 ) { - parentEpml.request('showSnackBar', get("chatpage.cchange29")); - return; + parentEpml.request('showSnackBar', get("chatpage.cchange29")) + return }; - this.chatMessageSize = 0; - this.chatEditor.updateMirror(); - this._sendMessage(props); + this.chatMessageSize = 0 + this.chatEditor.updateMirror() + this._sendMessage(props) } getMessageSize(message){ diff --git a/plugins/plugins/core/components/ChatTextEditor.js b/plugins/plugins/core/components/ChatTextEditor.js index 105811da..123df641 100644 --- a/plugins/plugins/core/components/ChatTextEditor.js +++ b/plugins/plugins/core/components/ChatTextEditor.js @@ -1,13 +1,13 @@ import { LitElement, html, css } from "lit"; -import { get, translate } from 'lit-translate'; - -import { EmojiPicker } from 'emoji-picker-js'; -import { Epml } from '../../../epml.js'; +import { render } from 'lit/html.js' +import { EmojiPicker } from 'emoji-picker-js' +import { Epml } from '../../../epml.js' import '@material/mwc-icon' import '@material/mwc-checkbox' -// import { addAutoLoadImageChat } from "../../../../qortal-ui-core/src/redux/app/app-actions.js"; +import { use, get, translate, translateUnsafeHTML, registerTranslateConfig } from 'lit-translate' + +const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) -const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }); class ChatTextEditor extends LitElement { static get properties() { return { @@ -589,11 +589,11 @@ mwc-checkbox::shadow .mdc-checkbox::after, mwc-checkbox::shadow .mdc-checkbox::b const checkTheme = localStorage.getItem('qortalTheme'); const chatbar = this.shadowRoot.querySelector('.element') if (checkTheme === 'dark') { - this.theme = 'dark'; + this.theme = 'dark' chatbar.style.cssText = "color:#ffffff;" } else { - this.theme = 'light'; + this.theme = 'light' chatbar.style.cssText = "color:#080808;" } diff --git a/plugins/plugins/core/components/ChatWelcomePage.js b/plugins/plugins/core/components/ChatWelcomePage.js index 9ba5f212..18ec1637 100644 --- a/plugins/plugins/core/components/ChatWelcomePage.js +++ b/plugins/plugins/core/components/ChatWelcomePage.js @@ -3,16 +3,16 @@ import { render } from 'lit/html.js' import { Epml } from '../../../epml.js' import { use, get, translate, translateUnsafeHTML, registerTranslateConfig } from 'lit-translate' -registerTranslateConfig({ - loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) -}) - import '@material/mwc-icon' import '@material/mwc-button' import '@material/mwc-dialog' import '@polymer/paper-spinner/paper-spinner-lite.js' import '@vaadin/grid' +registerTranslateConfig({ + loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) +}) + const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) class ChatWelcomePage extends LitElement { @@ -258,10 +258,16 @@ class ChatWelcomePage extends LitElement { firstUpdated() { this.changeTheme() + this.changeLanguage() + + this.clearConsole() + setInterval(() => { + this.clearConsole() + }, 60000) const stopKeyEventPropagation = (e) => { - e.stopPropagation(); - return false; + e.stopPropagation() + return false } this.shadowRoot.getElementById('sendTo').addEventListener('keydown', stopKeyEventPropagation); @@ -290,8 +296,6 @@ class ChatWelcomePage extends LitElement { document.querySelector('html').setAttribute('theme', this.theme) }) - let configLoaded = false - parentEpml.ready().then(() => { parentEpml.subscribe('selected_address', async selectedAddress => { this.selectedAddress = {} @@ -309,19 +313,22 @@ class ChatWelcomePage extends LitElement { parentEpml.imReady() } + clearConsole() { + console.clear() + } + changeTheme() { const checkTheme = localStorage.getItem('qortalTheme') if (checkTheme === 'dark') { - this.theme = 'dark'; + this.theme = 'dark' } else { - this.theme = 'light'; + this.theme = 'light' } - document.querySelector('html').setAttribute('theme', this.theme); + document.querySelector('html').setAttribute('theme', this.theme) } changeLanguage() { const checkLanguage = localStorage.getItem('qortalLanguage') - if (checkLanguage === null || checkLanguage.length === 0) { localStorage.setItem('qortalLanguage', 'us') use('us') @@ -343,7 +350,7 @@ class ChatWelcomePage extends LitElement { } else { this.sendMessage(); } - }; + } async sendMessage() { this.isLoading = true; diff --git a/plugins/plugins/core/components/ImageComponent.js b/plugins/plugins/core/components/ImageComponent.js index af03aadc..cb35702c 100644 --- a/plugins/plugins/core/components/ImageComponent.js +++ b/plugins/plugins/core/components/ImageComponent.js @@ -1,6 +1,6 @@ -import { LitElement, html, css } from 'lit'; -import { translate, get } from 'lit-translate'; -import { render } from 'lit/html.js'; +import { LitElement, html, css } from 'lit' +import { render } from 'lit/html.js' +import { use, get, translate, translateUnsafeHTML, registerTranslateConfig } from 'lit-translate' export class ImageComponent extends LitElement { @@ -48,52 +48,51 @@ border: 1px solid var(--mdc-theme-primary ); } constructor() { - super(); - this.attempts = 0; - this.maxAttempts = 5; + super() + this.attempts = 0 + this.maxAttempts = 5 } getApiKey() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node]; - let apiKey = myNode.apiKey; - return apiKey; + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + let apiKey = myNode.apiKey + return apiKey } async _fetchImage() { this.attempts++; - if (this.attempts > this.maxAttempts) return; + if (this.attempts > this.maxAttempts) return await new Promise((res) => { setTimeout(() => { - res(); + res() }, 1000) - }); + }) try { - const response = await fetch(this.gif.url); - const data = await response.json(); - console.log({data}); + const response = await fetch(this.gif.url) + const data = await response.json() if (data.ok) { - this.error = false; + this.error = false this.gif = { ...this.gif, url: data.src }; this.requestUpdate(); } else if (!data.ok || data.error) { - this.error = true; + this.error = true } else { - this.error = false; + this.error = false } } catch (error) { - this.error = true; - console.error(error); - this._fetchImage(); + this.error = true + console.error(error) + this._fetchImage() } } render() { if (this.error && this.attempts <= this.maxAttempts) { setTimeout(() => { - this._fetchImage(); - }, 1000); + this._fetchImage() + }, 1000) } return html` ${this.gif && !this.error @@ -124,4 +123,4 @@ alt=${this.alt} } } -customElements.define('image-component', ImageComponent); +customElements.define('image-component', ImageComponent) diff --git a/plugins/plugins/core/components/LevelFounder.js b/plugins/plugins/core/components/LevelFounder.js index bab9cd8e..ade53a0f 100644 --- a/plugins/plugins/core/components/LevelFounder.js +++ b/plugins/plugins/core/components/LevelFounder.js @@ -3,11 +3,6 @@ import { render } from 'lit/html.js' import { Epml } from '../../../epml.js' import snackbar from './snackbar.js' import { use, get, translate, translateUnsafeHTML, registerTranslateConfig } from 'lit-translate' - -registerTranslateConfig({ - loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) -}) - import '@polymer/paper-tooltip/paper-tooltip.js' const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) @@ -15,8 +10,8 @@ const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) class LevelFounder extends LitElement { static get properties() { return { - checkleveladdress: { type: String, attribute: true }, - selectedAddress: { type: Object }, + checkleveladdress: { type: String }, + selectedAddress: { type: String }, config: { type: Object }, memberInfo: { type: Array } } @@ -106,16 +101,8 @@ class LevelFounder extends LitElement { } firstUpdated() { - this.changeLanguage() this.checkAddressInfo() - window.addEventListener('storage', () => { - const checkLanguage = localStorage.getItem('qortalLanguage') - use(checkLanguage) - }) - - let configLoaded = false - parentEpml.ready().then(() => { parentEpml.subscribe('selected_address', async selectedAddress => { this.selectedAddress = {} @@ -127,17 +114,6 @@ class LevelFounder extends LitElement { parentEpml.imReady() } - changeLanguage() { - const checkLanguage = localStorage.getItem('qortalLanguage') - - if (checkLanguage === null || checkLanguage.length === 0) { - localStorage.setItem('qortalLanguage', 'us') - use('us') - } else { - use(checkLanguage) - } - } - async checkAddressInfo() { let toCheck = this.checkleveladdress const memberInfo = await parentEpml.request('apiCall', { @@ -147,23 +123,23 @@ class LevelFounder extends LitElement { } renderFounder() { - let adressfounder = this.memberInfo.flags; + let adressfounder = this.memberInfo.flags if (adressfounder === 1) { return html ` F FOUNDER ` } else { - return null; + return html `` } } renderLevel() { - let adresslevel = this.memberInfo.level; + let adresslevel = this.memberInfo.level return adresslevel ? html ` ${`badge-${adresslevel}`} - ${translate("mintingpage.mchange27")} ${adresslevel} + ${translate("mintingpage.mchange27")} ${adresslevel} ` : '' } @@ -174,9 +150,9 @@ class LevelFounder extends LitElement { } getApiKey() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node]; - let apiKey = myNode.apiKey; - return apiKey; + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + let apiKey = myNode.apiKey + return apiKey } } diff --git a/plugins/plugins/core/components/NameMenu.js b/plugins/plugins/core/components/NameMenu.js index fc37ee4b..c4359637 100644 --- a/plugins/plugins/core/components/NameMenu.js +++ b/plugins/plugins/core/components/NameMenu.js @@ -3,11 +3,6 @@ import { render } from 'lit/html.js' import { Epml } from '../../../epml.js' import snackbar from './snackbar.js' import { use, get, translate, translateUnsafeHTML, registerTranslateConfig } from 'lit-translate' - -registerTranslateConfig({ - loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) -}) - import '@material/mwc-snackbar' import '@material/mwc-button' import '@material/mwc-dialog' @@ -250,17 +245,12 @@ class NameMenu extends LitElement { } firstUpdated() { - this.getChatBlockedAdresses(); + this.getChatBlockedAdresses() setInterval(() => { - this.getChatBlockedAdresses(); + this.getChatBlockedAdresses() }, 60000) - window.addEventListener('storage', () => { - const checkLanguage = localStorage.getItem('qortalLanguage'); - use(checkLanguage); - }) - window.onclick = function(event) { if (!event.target.matches('.block')) { var dropdowns = document.getElementsByClassName('dropdown-content'); @@ -275,12 +265,12 @@ class NameMenu extends LitElement { } const stopKeyEventPropagation = (e) => { - e.stopPropagation(); - return false; + e.stopPropagation() + return false } - this.shadowRoot.getElementById('sendTo').addEventListener('keydown', stopKeyEventPropagation); - this.shadowRoot.getElementById('messageBox').addEventListener('keydown', stopKeyEventPropagation); + this.shadowRoot.getElementById('sendTo').addEventListener('keydown', stopKeyEventPropagation) + this.shadowRoot.getElementById('messageBox').addEventListener('keydown', stopKeyEventPropagation) const getDataFromURL = () => { let tempUrl = document.location.href @@ -309,17 +299,6 @@ class NameMenu extends LitElement { parentEpml.imReady() } - changeLanguage() { - const checkLanguage = localStorage.getItem('qortalLanguage') - - if (checkLanguage === null || checkLanguage.length === 0) { - localStorage.setItem('qortalLanguage', 'us') - use('us') - } else { - use(checkLanguage) - } - } - myMenu() { this.shadowRoot.getElementById('myDropdown').classList.toggle('showList') this.shadowRoot.querySelector('#blockNameDialog').close() diff --git a/plugins/plugins/core/components/TimeAgo.js b/plugins/plugins/core/components/TimeAgo.js index 66164179..180c6a06 100644 --- a/plugins/plugins/core/components/TimeAgo.js +++ b/plugins/plugins/core/components/TimeAgo.js @@ -24,11 +24,11 @@ class TimeAgo extends LitElement { } }); - this.shadowRoot.querySelector('time-ago').setAttribute('title', ''); + this.shadowRoot.querySelector('time-ago').setAttribute('title', '') } constructor() { - super(); + super() this.timestamp = 0 this.timeIso = '' this.format = '' @@ -41,7 +41,7 @@ class TimeAgo extends LitElement { } renderTime(timestamp) { - timestamp === undefined ? this.timeIso = '' : this.timeIso = new Date(timestamp).toISOString(); + timestamp === undefined ? this.timeIso = '' : this.timeIso = new Date(timestamp).toISOString() } firstUpdated() { diff --git a/plugins/plugins/core/components/TipUser.js b/plugins/plugins/core/components/TipUser.js index eabbc102..d7b79b7f 100644 --- a/plugins/plugins/core/components/TipUser.js +++ b/plugins/plugins/core/components/TipUser.js @@ -1,10 +1,10 @@ -import { LitElement, html } from 'lit'; -import { render } from 'lit/html.js'; -import { get, translate } from 'lit-translate'; -import { tipUserStyles } from './TipUser-css.js'; -import { Epml } from '../../../epml'; -import '@vaadin/button'; -import '@polymer/paper-progress/paper-progress.js'; +import { LitElement, html } from 'lit' +import { render } from 'lit/html.js' +import { tipUserStyles } from './TipUser-css.js' +import { Epml } from '../../../epml' +import '@vaadin/button' +import '@polymer/paper-progress/paper-progress.js' +import { use, get, translate, translateUnsafeHTML, registerTranslateConfig } from 'lit-translate' const parentEpml = new Epml({ type: "WINDOW", source: window.parent }); @@ -34,15 +34,15 @@ export class TipUser extends LitElement { static styles = [tipUserStyles] async firstUpdated() { - await this.fetchWalletDetails(); + await this.fetchWalletDetails() } updated(changedProperties) { if (changedProperties && changedProperties.has("closeTipUser")) { if (this.closeTipUser) { - this.shadowRoot.getElementById("amountInput").value = ""; - this.errorMessage = ""; - this.successMessage = ""; + this.shadowRoot.getElementById("amountInput").value = "" + this.errorMessage = "" + this.successMessage = "" } } } @@ -52,7 +52,7 @@ export class TipUser extends LitElement { type: "api", url: `/addresses/lastreference/${this.myAddress.address}`, }) - return myRef; + return myRef } renderSuccessText() { @@ -64,9 +64,9 @@ export class TipUser extends LitElement { } getApiKey() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node]; - let apiKey = myNode.apiKey; - return apiKey; + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + let apiKey = myNode.apiKey + return apiKey } async fetchWalletDetails() { @@ -78,85 +78,85 @@ export class TipUser extends LitElement { let snack4string = get("chatpage.cchange48") parentEpml.request('showSnackBar', `${snack4string}`) } else { - this.walletBalance = Number(res).toFixed(8); + this.walletBalance = Number(res).toFixed(8) } }) } async sendQort() { - const amount = this.shadowRoot.getElementById("amountInput").value; - let recipient = this.userName; - this.sendMoneyLoading = true; - this.btnDisable = true; + const amount = this.shadowRoot.getElementById("amountInput").value + let recipient = this.userName + this.sendMoneyLoading = true + this.btnDisable = true if (parseFloat(amount) + parseFloat(0.001) > parseFloat(this.walletBalance)) { - this.sendMoneyLoading = false; - this.btnDisable = false; - let snack1string = get("chatpage.cchange51"); - parentEpml.request('showSnackBar', `${snack1string}`); - return false; + this.sendMoneyLoading = false + this.btnDisable = false + let snack1string = get("chatpage.cchange51") + parentEpml.request('showSnackBar', `${snack1string}`) + return false } if (parseFloat(amount) <= 0) { - this.sendMoneyLoading = false; - this.btnDisable = false; - let snack2string = get("chatpage.cchange52"); - parentEpml.request('showSnackBar', `${snack2string}`); - return false; + this.sendMoneyLoading = false + this.btnDisable = false + let snack2string = get("chatpage.cchange52") + parentEpml.request('showSnackBar', `${snack2string}`) + return false } if (recipient.length === 0) { - this.sendMoneyLoading = false; - this.btnDisable = false; - let snack3string = get("chatpage.cchange53"); - parentEpml.request('showSnackBar', `${snack3string}`); - return false; + this.sendMoneyLoading = false + this.btnDisable = false + let snack3string = get("chatpage.cchange53") + parentEpml.request('showSnackBar', `${snack3string}`) + return false } const validateName = async (receiverName) => { - let myRes; + let myRes let myNameRes = await parentEpml.request('apiCall', { type: 'api', url: `/names/${receiverName}`, }) if (myNameRes.error === 401) { - myRes = false; + myRes = false } else { - myRes = myNameRes; + myRes = myNameRes } return myRes; } const validateAddress = async (receiverAddress) => { - let myAddress = await window.parent.validateAddress(receiverAddress); - return myAddress; + let myAddress = await window.parent.validateAddress(receiverAddress) + return myAddress } const validateReceiver = async (recipient) => { - let lastRef = await this.getLastRef(); - let isAddress; + let lastRef = await this.getLastRef() + let isAddress try { - isAddress = await validateAddress(recipient); + isAddress = await validateAddress(recipient) } catch (err) { - isAddress = false; + isAddress = false } if (isAddress) { - let myTransaction = await makeTransactionRequest(recipient, lastRef); - getTxnRequestResponse(myTransaction); + let myTransaction = await makeTransactionRequest(recipient, lastRef) + getTxnRequestResponse(myTransaction) } else { - let myNameRes = await validateName(recipient); + let myNameRes = await validateName(recipient) if (myNameRes !== false) { let myNameAddress = myNameRes.owner let myTransaction = await makeTransactionRequest(myNameAddress, lastRef) getTxnRequestResponse(myTransaction) } else { console.error(this.renderReceiverText()) - this.errorMessage = this.renderReceiverText(); - this.sendMoneyLoading = false; - this.btnDisable = false; + this.errorMessage = this.renderReceiverText() + this.sendMoneyLoading = false + this.btnDisable = false } } } @@ -169,23 +169,23 @@ export class TipUser extends LitElement { }); if (getNames?.length > 0 ) { - return getNames[0].name; + return getNames[0].name } else { - return ''; + return '' } } catch (error) { - return ""; + return "" } } const makeTransactionRequest = async (receiver, lastRef) => { - let myReceiver = receiver; - let mylastRef = lastRef; - let dialogamount = get("transactions.amount"); - let dialogAddress = get("login.address"); - let dialogName = get("login.name"); - let dialogto = get("transactions.to"); - let recipientName = await getName(myReceiver); + let myReceiver = receiver + let mylastRef = lastRef + let dialogamount = get("transactions.amount") + let dialogAddress = get("login.address") + let dialogName = get("login.name") + let dialogto = get("transactions.to") + let recipientName = await getName(myReceiver) let myTxnrequest = await parentEpml.request('transaction', { type: 2, nonce: this.myAddress.nonce, @@ -201,33 +201,33 @@ export class TipUser extends LitElement { dialogName }, }) - return myTxnrequest; + return myTxnrequest } const getTxnRequestResponse = (txnResponse) => { if (txnResponse.success === false && txnResponse.message) { - this.errorMessage = txnResponse.message; - this.sendMoneyLoading = false; - this.btnDisable = false; - throw new Error(txnResponse); + this.errorMessage = txnResponse.message + this.sendMoneyLoading = false + this.btnDisable = false + throw new Error(txnResponse) } else if (txnResponse.success === true && !txnResponse.data.error) { - this.shadowRoot.getElementById('amountInput').value = ''; - this.errorMessage = ''; - this.successMessage = this.renderSuccessText(); - this.sendMoneyLoading = false; - this.btnDisable = false; + this.shadowRoot.getElementById('amountInput').value = '' + this.errorMessage = '' + this.successMessage = this.renderSuccessText() + this.sendMoneyLoading = false + this.btnDisable = false setTimeout(() => { - this.setOpenTipUser(false); - this.successMessage = ""; - }, 3000); + this.setOpenTipUser(false) + this.successMessage = "" + }, 3000) } else { - this.errorMessage = txnResponse.data.message; - this.sendMoneyLoading = false; - this.btnDisable = false; - throw new Error(txnResponse); + this.errorMessage = txnResponse.data.message + this.sendMoneyLoading = false + this.btnDisable = false + throw new Error(txnResponse) } } - validateReceiver(recipient); + validateReceiver(recipient) } render() { @@ -274,4 +274,4 @@ export class TipUser extends LitElement { `; } } -customElements.define('tip-user', TipUser); +customElements.define('tip-user', TipUser) diff --git a/plugins/plugins/core/components/ToolTip.js b/plugins/plugins/core/components/ToolTip.js index 2994a00e..d70f25fd 100644 --- a/plugins/plugins/core/components/ToolTip.js +++ b/plugins/plugins/core/components/ToolTip.js @@ -1,5 +1,6 @@ import { LitElement, html, css } from 'lit' import { Epml } from '../../../epml.js' +import { use, get, translate, translateUnsafeHTML, registerTranslateConfig } from 'lit-translate' const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) diff --git a/plugins/plugins/core/components/UserInfo/UserInfo.js b/plugins/plugins/core/components/UserInfo/UserInfo.js index 09ad6b3b..6a44e408 100644 --- a/plugins/plugins/core/components/UserInfo/UserInfo.js +++ b/plugins/plugins/core/components/UserInfo/UserInfo.js @@ -8,10 +8,6 @@ import { cropAddress } from '../../../utils/cropAddress.js' import '@polymer/paper-progress/paper-progress.js' import '@vaadin/button' -registerTranslateConfig({ - loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) -}) - const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) export class UserInfo extends LitElement { diff --git a/plugins/plugins/core/components/WrapperModal.js b/plugins/plugins/core/components/WrapperModal.js index bcb85e5b..e4d5f162 100644 --- a/plugins/plugins/core/components/WrapperModal.js +++ b/plugins/plugins/core/components/WrapperModal.js @@ -1,33 +1,32 @@ -import { LitElement, html } from 'lit'; -import { render } from 'lit/html.js'; +import { LitElement, html } from 'lit' +import { render } from 'lit/html.js' import { wrapperModalStyles } from './WrapperModal-css.js' export class WrapperModal extends LitElement { - static get properties() { - return { - customStyle: {type: String}, - onClickFunc: { attribute: false }, - zIndex: {type: Number} + static get properties() { + return { + customStyle: {type: String}, + onClickFunc: { attribute: false }, + zIndex: {type: Number} + } } - } - static styles = [wrapperModalStyles] + static styles = [wrapperModalStyles] - render() { - return html` -
        -
        { - this.onClickFunc(); - }}> -
        -
        - -
        -
        - `; - } + render() { + return html` +
        +
        { this.onClickFunc() }} + > +
        +
        + +
        +
        + ` + } } -customElements.define('wrapper-modal', WrapperModal); +customElements.define('wrapper-modal', WrapperModal) diff --git a/plugins/plugins/core/components/qortal-info-view.js b/plugins/plugins/core/components/qortal-info-view.js index 080e71aa..c212e8c7 100644 --- a/plugins/plugins/core/components/qortal-info-view.js +++ b/plugins/plugins/core/components/qortal-info-view.js @@ -1,7 +1,6 @@ import { LitElement, html, css } from 'lit' import { render } from 'lit/html.js' import { use, get, translate, translateUnsafeHTML, registerTranslateConfig } from 'lit-translate' - import '@polymer/paper-dialog/paper-dialog.js' import '@material/mwc-button' import '@material/mwc-icon' diff --git a/plugins/plugins/core/messaging/q-chat/q-chat.js b/plugins/plugins/core/messaging/q-chat/q-chat.js deleted file mode 100644 index 18e1257f..00000000 --- a/plugins/plugins/core/messaging/q-chat/q-chat.js +++ /dev/null @@ -1,9654 +0,0 @@ -!function(e){"function"==typeof define&&define.amd?define(e):e()}((function(){"use strict";const e=window,t=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,i=Symbol(),o=new WeakMap;let n=class{constructor(e,t,o){if(this._$cssResult$=!0,o!==i)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const i=this.t;if(t&&void 0===e){const t=void 0!==i&&1===i.length;t&&(e=o.get(i)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),t&&o.set(i,e))}return e}toString(){return this.cssText}};const s=(e,...t)=>{const o=1===e.length?e[0]:t.reduce(((t,i,o)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+e[o+1]),e[0]);return new n(o,e,i)},r=t?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const i of e.cssRules)t+=i.cssText;return(e=>new n("string"==typeof e?e:e+"",void 0,i))(t)})(e):e;var a;const l=window,h=l.trustedTypes,m=h?h.emptyScript:"",c=l.reactiveElementPolyfillSupport,d={toAttribute(e,t){switch(t){case Boolean:e=e?m:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let i=e;switch(t){case Boolean:i=null!==e;break;case Number:i=null===e?null:Number(e);break;case Object:case Array:try{i=JSON.parse(e)}catch(e){i=null}}return i}},p=(e,t)=>t!==e&&(t==t||e==e),j={attribute:!0,type:String,converter:d,reflect:!1,hasChanged:p};let P=class extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(e){var t;this.finalize(),(null!==(t=this.h)&&void 0!==t?t:this.h=[]).push(e)}static get observedAttributes(){this.finalize();const e=[];return this.elementProperties.forEach(((t,i)=>{const o=this._$Ep(i,t);void 0!==o&&(this._$Ev.set(o,i),e.push(o))})),e}static createProperty(e,t=j){if(t.state&&(t.attribute=!1),this.finalize(),this.elementProperties.set(e,t),!t.noAccessor&&!this.prototype.hasOwnProperty(e)){const i="symbol"==typeof e?Symbol():"__"+e,o=this.getPropertyDescriptor(e,i,t);void 0!==o&&Object.defineProperty(this.prototype,e,o)}}static getPropertyDescriptor(e,t,i){return{get(){return this[t]},set(o){const n=this[e];this[t]=o,this.requestUpdate(e,n,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)||j}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const e=Object.getPrototypeOf(this);if(e.finalize(),void 0!==e.h&&(this.h=[...e.h]),this.elementProperties=new Map(e.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const e=this.properties,t=[...Object.getOwnPropertyNames(e),...Object.getOwnPropertySymbols(e)];for(const i of t)this.createProperty(i,e[i])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const i=new Set(e.flat(1/0).reverse());for(const e of i)t.unshift(r(e))}else void 0!==e&&t.push(r(e));return t}static _$Ep(e,t){const i=t.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof e?e.toLowerCase():void 0}u(){var e;this._$E_=new Promise((e=>this.enableUpdating=e)),this._$AL=new Map,this._$Eg(),this.requestUpdate(),null===(e=this.constructor.h)||void 0===e||e.forEach((e=>e(this)))}addController(e){var t,i;(null!==(t=this._$ES)&&void 0!==t?t:this._$ES=[]).push(e),void 0!==this.renderRoot&&this.isConnected&&(null===(i=e.hostConnected)||void 0===i||i.call(e))}removeController(e){var t;null===(t=this._$ES)||void 0===t||t.splice(this._$ES.indexOf(e)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach(((e,t)=>{this.hasOwnProperty(t)&&(this._$Ei.set(t,this[t]),delete this[t])}))}createRenderRoot(){var i;const o=null!==(i=this.shadowRoot)&&void 0!==i?i:this.attachShadow(this.constructor.shadowRootOptions);return((i,o)=>{t?i.adoptedStyleSheets=o.map((e=>e instanceof CSSStyleSheet?e:e.styleSheet)):o.forEach((t=>{const o=document.createElement("style"),n=e.litNonce;void 0!==n&&o.setAttribute("nonce",n),o.textContent=t.cssText,i.appendChild(o)}))})(o,this.constructor.elementStyles),o}connectedCallback(){var e;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(e=this._$ES)||void 0===e||e.forEach((e=>{var t;return null===(t=e.hostConnected)||void 0===t?void 0:t.call(e)}))}enableUpdating(e){}disconnectedCallback(){var e;null===(e=this._$ES)||void 0===e||e.forEach((e=>{var t;return null===(t=e.hostDisconnected)||void 0===t?void 0:t.call(e)}))}attributeChangedCallback(e,t,i){this._$AK(e,i)}_$EO(e,t,i=j){var o;const n=this.constructor._$Ep(e,i);if(void 0!==n&&!0===i.reflect){const s=(void 0!==(null===(o=i.converter)||void 0===o?void 0:o.toAttribute)?i.converter:d).toAttribute(t,i.type);this._$El=e,null==s?this.removeAttribute(n):this.setAttribute(n,s),this._$El=null}}_$AK(e,t){var i;const o=this.constructor,n=o._$Ev.get(e);if(void 0!==n&&this._$El!==n){const e=o.getPropertyOptions(n),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==(null===(i=e.converter)||void 0===i?void 0:i.fromAttribute)?e.converter:d;this._$El=n,this[n]=s.fromAttribute(t,e.type),this._$El=null}}requestUpdate(e,t,i){let o=!0;void 0!==e&&(((i=i||this.constructor.getPropertyOptions(e)).hasChanged||p)(this[e],t)?(this._$AL.has(e)||this._$AL.set(e,t),!0===i.reflect&&this._$El!==e&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(e,i))):o=!1),!this.isUpdatePending&&o&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var e;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach(((e,t)=>this[t]=e)),this._$Ei=void 0);let t=!1;const i=this._$AL;try{t=this.shouldUpdate(i),t?(this.willUpdate(i),null===(e=this._$ES)||void 0===e||e.forEach((e=>{var t;return null===(t=e.hostUpdate)||void 0===t?void 0:t.call(e)})),this.update(i)):this._$Ek()}catch(e){throw t=!1,this._$Ek(),e}t&&this._$AE(i)}willUpdate(e){}_$AE(e){var t;null===(t=this._$ES)||void 0===t||t.forEach((e=>{var t;return null===(t=e.hostUpdated)||void 0===t?void 0:t.call(e)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(e){return!0}update(e){void 0!==this._$EC&&(this._$EC.forEach(((e,t)=>this._$EO(t,this[t],e))),this._$EC=void 0),this._$Ek()}updated(e){}firstUpdated(e){}};var w;P.finalized=!0,P.elementProperties=new Map,P.elementStyles=[],P.shadowRootOptions={mode:"open"},null==c||c({ReactiveElement:P}),(null!==(a=l.reactiveElementVersions)&&void 0!==a?a:l.reactiveElementVersions=[]).push("1.6.1");const u=window,f=u.trustedTypes,M=f?f.createPolicy("lit-html",{createHTML:e=>e}):void 0,Z="$lit$",K=`lit$${(Math.random()+"").slice(9)}$`,y="?"+K,g=`<${y}>`,D=document,x=()=>D.createComment(""),b=e=>null===e||"object"!=typeof e&&"function"!=typeof e,v=Array.isArray,Y=e=>v(e)||"function"==typeof(null==e?void 0:e[Symbol.iterator]),S="[ \t\n\f\r]",T=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,X=/-->/g,E=/>/g,k=RegExp(`>|${S}(?:([^\\s"'>=/]+)(${S}*=${S}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),z=/'/g,G=/"/g,A=/^(?:script|style|textarea|title)$/i,O=e=>(t,...i)=>({_$litType$:e,strings:t,values:i}),C=O(1),N=O(2),V=Symbol.for("lit-noChange"),W=Symbol.for("lit-nothing"),_=new WeakMap,I=D.createTreeWalker(D,129,null,!1),H=(e,t)=>{const i=e.length-1,o=[];let n,s=2===t?"":"",r=T;for(let t=0;t"===l[0]?(r=null!=n?n:T,h=-1):void 0===l[1]?h=-2:(h=r.lastIndex-l[2].length,a=l[1],r=void 0===l[3]?k:'"'===l[3]?G:z):r===G||r===z?r=k:r===X||r===E?r=T:(r=k,n=void 0);const c=r===k&&e[t+1].startsWith("/>")?" ":"";s+=r===T?i+g:h>=0?(o.push(a),i.slice(0,h)+Z+i.slice(h)+K+c):i+K+(-2===h?(o.push(void 0),t):c)}const a=s+(e[i]||"")+(2===t?"":"");if(!Array.isArray(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==M?M.createHTML(a):a,o]};let U=class e{constructor({strings:t,_$litType$:i},o){let n;this.parts=[];let s=0,r=0;const a=t.length-1,l=this.parts,[h,m]=H(t,i);if(this.el=e.createElement(h,o),I.currentNode=this.el.content,2===i){const e=this.el.content,t=e.firstChild;t.remove(),e.append(...t.childNodes)}for(;null!==(n=I.nextNode())&&l.length0){n.textContent=f?f.emptyScript:"";for(let i=0;i2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=W}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(e,t=this,i,o){const n=this.strings;let s=!1;if(void 0===n)e=R(this,e,t,0),s=!b(e)||e!==this._$AH&&e!==V,s&&(this._$AH=e);else{const o=e;let r,a;for(e=n[0],r=0;r{var o,n;const s=null!==(o=null==i?void 0:i.renderBefore)&&void 0!==o?o:t;let r=s._$litPart$;if(void 0===r){const e=null!==(n=null==i?void 0:i.renderBefore)&&void 0!==n?n:null;s._$litPart$=r=new J(t.insertBefore(x(),e),e,void 0,null!=i?i:{})}return r._$AI(e),r};var ne,se;let re=class extends P{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e,t;const i=super.createRenderRoot();return null!==(e=(t=this.renderOptions).renderBefore)&&void 0!==e||(t.renderBefore=i.firstChild),i}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=oe(t,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),null===(e=this._$Do)||void 0===e||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),null===(e=this._$Do)||void 0===e||e.setConnected(!1)}render(){return V}};re.finalized=!0,re._$litElement$=!0,null===(ne=globalThis.litElementHydrateSupport)||void 0===ne||ne.call(globalThis,{LitElement:re});const ae=globalThis.litElementPolyfillSupport;function le(e=!1){let t=!1;try{const e=Object.defineProperty({},"passive",{get:function(){t=!0}});window.addEventListener("testPassive",null,e),window.removeEventListener("testPassive",null,e)}catch(e){}if(e){const e=`[Passive Events Support] "passive" option is ${t?"":"not "}supported by your browser.`;t?console.info(e):console.warn(e)}return t}function he(e){return["touchstart","touchmove","touchenter","touchend","touchleave","wheel","mousewheel"].includes(e)}null==ae||ae({LitElement:re}),(null!==(se=globalThis.litElementVersions)&&void 0!==se?se:globalThis.litElementVersions=[]).push("3.3.2");class me{static prepareOutgoingData(e){return JSON.stringify(e)}constructor(e){if(!e)throw new Error("Source must be spcified");if(!this.constructor.type)throw new Error("Type not defined");if(this.constructor.name||console.warn("No name provided"),this.constructor.description||console.warn("No description provided"),!this.sendMessage)throw new Error("A new target requires a sendMessage method")}}const ce={},de={};class pe{static registerPlugin(e,t){return e.init(pe,t),pe}static registerTargetType(e,t){if(e in de)throw new Error("Target type has already been registered");if(!(t.prototype instanceof me))throw new Error("Target constructors must inherit from the Target base class");return de[e]=t,pe}static registerEpmlMessageType(e,t){return ce[e]=t,pe}registerPlugin(e){return e.init(this),this}static handleMessage(e,t){const i=pe.prepareIncomingData(e);"EpmlMessageType"in i&&ce[i.EpmlMessageType](i,t,this)}static prepareIncomingData(e){return"string"!=typeof e?e:JSON.parse(e)}static createTargets(e){Array.isArray(e)||(e=[e]);const t=[];for(const i of e)void 0===i.allowObjects&&(i.allowObjects=!1),t.push(...pe.createTarget(i));return t}static createTarget(e){if(!de[e.type])throw new Error(`Target type '${e.type}' not registered`);let t=new de[e.type](e.source);Array.isArray(t)||(t=[t]);for(const i of t)i.allowObjects=e.allowObjects;return t}constructor(e){this.targets=this.constructor.createTargets(e)}}var je=(e,t)=>{for(t=e="";e++<36;t+=51*e&52?(15^e?8^Math.random()*(20^e?16:4):4).toString(16):"-");return t};const Pe=15,we="EPML_READY_STATE_CHECK",ue="EPML_READY_STATE_CHECK_RESPONSE",fe={},Me={init:(e,t)=>{if(e.prototype.ready)throw new Error("Epml.prototype.ready is already defined");if(e.prototype.imReady)throw new Error("Epml.prototype.imReady is already defined");e.prototype.ready=ye,e.prototype.resetReadyCheck=ge,e.prototype.imReady=Ke,e.registerEpmlMessageType(we,Ze),e.registerEpmlMessageType(ue,xe)}};function Ze(e,t){t._i_am_ready&&t.sendMessage({EpmlMessageType:ue,requestID:e.requestID})}function Ke(){for(const e of this.targets)e._i_am_ready=!0}function ye(){return this._ready_plugin=this._ready_plugin||{},this._ready_plugin.pendingReadyResolves=this._ready_plugin.pendingReadyResolves?this._ready_plugin.pendingReadyResolves:[],this._pending_ready_checking||(this._pending_ready_checking=!0,De.call(this,this.targets).then((()=>{this._ready_plugin.pendingReadyResolves.forEach((e=>e()))}))),new Promise((e=>{this._ready_plugin.isReady?e():this._ready_plugin.pendingReadyResolves.push(e)}))}function ge(){this._ready_plugin=this._ready_plugin||{},this._ready_plugin.isReady=!1}function De(e){return this._ready_plugin=this._ready_plugin||{},this._ready_plugin.pendingReadyResolves=[],Promise.all(e.map((e=>new Promise(((t,i)=>{const o=je(),n=setInterval((()=>{e.sendMessage({EpmlMessageType:we,requestID:o})}),Pe);fe[o]=()=>{clearInterval(n),t()}}))))).then((()=>{this._ready_plugin.isReady=!0}))}function xe(e,t){t._ready_plugin=t._ready_plugin||{},t._ready_plugin._is_ready=!0,fe[e.requestID]()}const be=new Map;class ve extends me{static get sources(){return Array.from(be.keys())}static get targets(){return Array.from(be.values())}static getTargetFromSource(e){return be.get(e)}static hasTarget(e){return be.has(e)}static get type(){return"WINDOW"}static get name(){return"Content window plugin"}static get description(){return"Allows Epml to communicate with iframes and popup windows."}static test(e){return"object"==typeof e&&e===e.self}isFrom(e){}constructor(e){if(super(e),be.has(e))return be.get(e);if(!this.constructor.test(e))throw new Error("Source can not be used with target");this._source=e,this._sourceOrigin="*",be.set(e,this)}get source(){return this._source}sendMessage(e){e=me.prepareOutgoingData(e),this._source.postMessage(e,this._sourceOrigin)}}var Ye={init:function(e){!function(e,t,i){if(e.addEventListener)e.addEventListener(t,i,!1);else{if(!e.attachEvent)throw new Error("Could not bind event.");e.attachEvent("on"+t,i)}}(window,"message",(t=>{ve.hasTarget(t.source)&&e.handleMessage(t.data,ve.getTargetFromSource(t.source))})),e.registerTargetType(ve.type,ve)}};const Se="REQUEST",Te="REQUEST_RESPONSE",Xe=new Map,Ee={},ke={init:(e,t)=>{if(e.prototype.request)throw new Error("Epml.prototype.request is already defined");if(e.prototype.route)throw new Error("Empl.prototype.route is already defined");e.prototype.request=ze,e.prototype.route=Oe,e.registerEpmlMessageType(Se,Ae),e.registerEpmlMessageType(Te,Ge)}},ze=function(e,t,i){return Promise.all(this.targets.map((o=>{const n=je(),s={EpmlMessageType:Se,requestOrResponse:"request",requestID:n,requestType:e,data:t};return o.sendMessage(s),new Promise(((e,t)=>{let o;i&&(o=setTimeout((()=>{delete Ee[n],t(new Error("Request timed out"))}),i)),Ee[n]=(...t)=>{o&&clearTimeout(o),e(...t)}}))}))).then((e=>{if(1===this.targets.length)return e[0]}))};function Ge(e,t,i){if(e.requestID in Ee){const t=e.data;Ee[e.requestID](t)}else console.warn("requestID not found in pendingRequests")}function Ae(e,t){if(!Xe.has(t))return void console.warn("Route does not exist - missing target");const i=Xe.get(t)[e.requestType];i?i(e,t):console.warn("Route does not exist")}function Oe(e,t){if(this.routes||(this.routes={}),!this.routes[e])for(const i of this.targets){Xe.has(i)||Xe.set(i,{});Xe.get(i)[e]=(e,i)=>{Promise.resolve(t(e)).catch((e=>e instanceof Error?e.message:e)).then((t=>{i.sendMessage({data:t,EpmlMessageType:Te,requestOrResponse:"request",requestID:e.requestID})}))}}}const Ce="PROXY_MESSAGE",Ne=new class{constructor(e){this._map=e||new Map,this._revMap=new Map,this._map.forEach(((e,t)=>{this._revMap.set(t,e)}))}values(){return this._map.values()}entries(){return this._map.entries()}push(e,t){this._map.set(e,t),this._revMap.set(t,e)}getByKey(e){return this._map.get(e)}getByValue(e){return this._revMap.get(e)}hasKey(e){return this._map.has(e)}hasValue(e){return this._revMap.has(e)}deleteByKey(e){const t=this._map.get(e);this._map.delete(e),this._revMap.delete(t)}deleteByValue(e){const t=this._revMap.get(e);this._map.delete(t),this._revMap.delete(e)}};class Ve extends me{static get proxySources(){return Ne}static get sources(){for(const[e,t]of Ne)for(const[e]of t);Array.from(Ne.entries()).map(((e,t)=>({proxy:e,target:Array.from(t.keys())[0]})))}static get targets(){return Array.from(Ne.values())}static getTargetFromSource(e){return Ne.getByValue(e)}static hasTarget(e){return Ne.hasValue(e)}static get type(){return"PROXY"}static get name(){return"Proxy target"}static get description(){return"Uses other target, and proxies requests, allowing things like iframes to communicate through their host"}static test(e){return"object"==typeof e&&e.proxy instanceof this.Epml}isFrom(e){}constructor(e){if(super(e),this.constructor.proxySources.push(e.id,this),!this.constructor.test(e))throw new Error("Source can not be used with target");this._source=e}get source(){return this._source}sendMessage(e){const t=je();e=me.prepareOutgoingData(e),e={EpmlMessageType:Ce,state:"TRANSIT",requestID:t,target:this._source.target,message:e,id:this._source.id},this._source.proxy.targets[0].sendMessage(e)}}const We=Ve.proxySources;let _e;var Ie={init:function(e){Object.defineProperty(Ve,"Epml",{get:()=>e}),_e=e,e.registerTargetType(Ve.type,Ve),e.registerProxyInstance=Ue,e.registerEpmlMessageType(Ce,He)}};function He(e,t){if("TRANSIT"===e.state){const t=We.getByKey(e.target);if(!t)return void console.warn(`Target ${e.target} not registered.`);e.state="DELIVERY",t.targets.forEach((t=>t.sendMessage(e)))}else if("DELIVERY"===e.state){if(!We.getByKey(e.target))return void console.warn(`Target ${e.target} not registered.`);const t=We.getByKey(e.target);_e.handleMessage(e.message,t)}}function Ue(e,t){We.hasKey(e)&&console.warn(`${e} is already defined. Overwriting...`),We.push(e,t)}new Map;const Re="STREAM_UPDATE",Fe={};class Je{static get streams(){return Fe}constructor(e,t=(()=>{})){if(this._name=e,this.targets=[],this._subscriptionFn=t,e in Fe)return console.warn(`Stream with name ${e} already exists! Returning it instead`),Fe[e];Fe[e]=this}async subscribe(e){e in this.targets&&console.info("Target is already subscribed to this stream");const t=await this._subscriptionFn();this._sendMessage(t,e),this.targets.push(e)}_sendMessage(e,t){t.sendMessage({data:me.prepareOutgoingData(e),EpmlMessageType:Re,streamName:this._name})}emit(e){this.targets.forEach((t=>this._sendMessage(e,t)))}}const Le="JOIN_STREAM",Be={},Qe={init:(e,t)=>{if(e.prototype.subscribe)throw new Error("Epml.prototype.subscribe is already defined");if(e.prototype.createStream)throw new Error("Empl.prototype.createStream is already defined");e.prototype.subscribe=qe,e.registerEpmlMessageType(Le,$e),e.registerEpmlMessageType(Re,et)}},$e=function(e,t){const i=e.data.name,o=Je.streams[i];o?o.subscribe(t):console.warn(`No stream with name ${i}`,this)},qe=function(e,t){this.targets.forEach((t=>{t.sendMessage({EpmlMessageType:Le,data:{name:e}})})),Be[e]=Be[e]||[],Be[e].push(t)},et=function(e,t){Be[e.streamName].forEach((t=>t(e.data)))};pe.registerPlugin(ke),pe.registerPlugin(Me),pe.registerPlugin(Ye),pe.registerPlugin(Qe),pe.registerPlugin(Ie),pe.allowProxying=!0;const tt="langChanged";function it(e,t,i){return Object.entries(nt(t||{})).reduce(((e,[t,i])=>e.replace(new RegExp(`{{[  ]*${t}[  ]*}}`,"gm"),String(nt(i)))),e)}function ot(e,t){const i=e.split(".");let o=t.strings;for(;null!=o&&i.length>0;)o=o[i.shift()];return null!=o?o.toString():null}function nt(e){return"function"==typeof e?e():e}let st={loader:()=>Promise.resolve({}),empty:e=>`[${e}]`,lookup:ot,interpolate:it,translationCache:{}};function rt(e){return st=Object.assign(Object.assign({},st),e)}function at(e,t,i=st){var o;o={previousStrings:i.strings,previousLang:i.lang,lang:i.lang=e,strings:i.strings=t},window.dispatchEvent(new CustomEvent(tt,{detail:o}))}async function lt(e,t=st){const i=await t.loader(e,t);t.translationCache={},at(e,i,t)}function ht(e,t,i=st){let o=i.translationCache[e]||(i.translationCache[e]=i.lookup(e,i)||i.empty(e,i));return null!=(t=null!=t?nt(t):null)?i.interpolate(o,t,i):o}const mt=1,ct=2,dt=e=>(...t)=>({_$litDirective$:e,values:t});let pt=class{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,i){this._$Ct=e,this._$AM=t,this._$Ci=i}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}};const{I:jt}=te,Pt={HTML:1,SVG:2},wt=(e,t)=>void 0===t?void 0!==(null==e?void 0:e._$litType$):(null==e?void 0:e._$litType$)===t,ut=()=>document.createComment(""),ft=(e,t,i)=>{var o;const n=e._$AA.parentNode,s=void 0===t?e._$AB:t._$AA;if(void 0===i){const t=n.insertBefore(ut(),s),o=n.insertBefore(ut(),s);i=new jt(t,o,e,e.options)}else{const t=i._$AB.nextSibling,r=i._$AM,a=r!==e;if(a){let t;null===(o=i._$AQ)||void 0===o||o.call(i,e),i._$AM=e,void 0!==i._$AP&&(t=e._$AU)!==r._$AU&&i._$AP(t)}if(t!==s||a){let e=i._$AA;for(;e!==t;){const t=e.nextSibling;n.insertBefore(e,s),e=t}}}return i},Mt=(e,t,i=e)=>(e._$AI(t,i),e),Zt={},Kt=e=>{var t;null===(t=e._$AP)||void 0===t||t.call(e,!1,!0);let i=e._$AA;const o=e._$AB.nextSibling;for(;i!==o;){const e=i.nextSibling;i.remove(),i=e}},yt=(e,t)=>{var i,o;const n=e._$AN;if(void 0===n)return!1;for(const e of n)null===(o=(i=e)._$AO)||void 0===o||o.call(i,t,!1),yt(e,t);return!0},gt=e=>{let t,i;do{if(void 0===(t=e._$AM))break;i=t._$AN,i.delete(e),e=t}while(0===(null==i?void 0:i.size))},Dt=e=>{for(let t;t=e._$AM;e=t){let i=t._$AN;if(void 0===i)t._$AN=i=new Set;else if(i.has(e))break;i.add(e),vt(t)}};function xt(e){void 0!==this._$AN?(gt(this),this._$AM=e,Dt(this)):this._$AM=e}function bt(e,t=!1,i=0){const o=this._$AH,n=this._$AN;if(void 0!==n&&0!==n.size)if(t)if(Array.isArray(o))for(let e=i;e{var t,i,o,n;e.type==ct&&(null!==(t=(o=e)._$AP)&&void 0!==t||(o._$AP=bt),null!==(i=(n=e)._$AQ)&&void 0!==i||(n._$AQ=xt))};let Yt=class extends pt{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,t,i){super._$AT(e,t,i),Dt(this),this.isConnected=e._$AU}_$AO(e,t=!0){var i,o;e!==this.isConnected&&(this.isConnected=e,e?null===(i=this.reconnected)||void 0===i||i.call(this):null===(o=this.disconnected)||void 0===o||o.call(this)),t&&(yt(this,e),gt(this))}setValue(e){if((e=>void 0===e.strings)(this._$Ct))this._$Ct._$AI(e,this);else{const t=[...this._$Ct._$AH];t[this._$Ci]=e,this._$Ct._$AI(t,this,0)}}disconnected(){}reconnected(){}};class St extends Yt{constructor(){super(...arguments),this.langChangedSubscription=null,this.getValue=()=>""}renderValue(e){return this.getValue=e,this.subscribe(),this.getValue()}langChanged(e){this.setValue(this.getValue(e))}subscribe(){null==this.langChangedSubscription&&(this.langChangedSubscription=function(e,t){const i=t=>e(t.detail);return window.addEventListener(tt,i,t),()=>window.removeEventListener(tt,i)}(this.langChanged.bind(this)))}unsubscribe(){null!=this.langChangedSubscription&&this.langChangedSubscription()}disconnected(){this.unsubscribe()}reconnected(){this.subscribe()}}const Tt=dt(class extends St{render(e,t,i){return this.renderValue((()=>ht(e,t,i)))}});let Xt=class extends pt{constructor(e){if(super(e),this.et=W,e.type!==ct)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===W||null==e)return this.ft=void 0,this.et=e;if(e===V)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.et)return this.ft;this.et=e;const t=[e];return t.raw=t,this.ft={_$litType$:this.constructor.resultType,strings:t,values:[]}}};Xt.directiveName="unsafeHTML",Xt.resultType=1;const Et=dt(Xt),kt=s` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --mdc-theme-secondary: var(--mdc-theme-primary); - --paper-input-container-focus-color: var(--mdc-theme-primary); - --mdc-theme-surface: var(--white); - --mdc-dialog-content-ink-color: var(--black); - --lumo-primary-text-color: rgb(0, 167, 245); - --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); - --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); - --lumo-primary-color: hsl(199, 100%, 48%); - --lumo-base-color: var(--white); - --lumo-body-text-color: var(--black); - --_lumo-grid-border-color: var(--border); - --_lumo-grid-secondary-border-color: var(--border2); - --mdc-dialog-min-width: 750px; - } - - paper-spinner-lite { - height: 24px; - width: 24px; - --paper-spinner-color: var(--mdc-theme-primary); - --paper-spinner-stroke-width: 2px; - } - - *, - *:before, - *:after { - box-sizing: border-box; - } - - ul { - list-style: none; - padding: 0; - } - - .container { - margin: 0 auto; - width: 100%; - background: var(--white); - } - - .people-list { - width: 20vw; - float: left; - height: 100vh; - overflow-y: hidden; - border-right: 3px #ddd solid; - } - - .people-list .blockedusers { - z-index: 1; - position: absolute; - bottom: 0; - width: 20vw; - background: var(--white); - border-right: 3px #ddd solid; - display: flex; - justify-content: space-between; - gap: 15px; - flex-direction: column; - padding: 5px 30px 0 30px; - } - - .groups-button-container { - position: relative; - } - - .groups-button { - width: 100%; - background-color: rgb(116, 69, 240); - border: none; - color: white; - font-weight: bold; - font-family: 'Roboto'; - letter-spacing: 0.8px; - height: 100%; - display: flex; - align-items: center; - justify-content: center; - border-radius: 5px; - gap: 10px; - padding: 5px 8px; - transition: all 0.1s ease-in-out; - } - - .groups-button-notif { - position: absolute; - top: -10px; - right: -8px; - width: 25px; - border-radius: 50%; - height: 25px; - font-weight: bold; - display: flex; - align-items: center; - justify-content: center; - font-family: Montserrat, sans-serif; - font-size: 16px; - font-weight: bold; - color: black; - background-color: rgb(51, 213, 0); - user-select: none; - transition: all 0.3s ease-in-out 0s; - } - - .groups-button-notif:hover { - cursor: auto; - box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; - } - - .groups-button-notif:hover + .groups-button-notif-number { - display: block; - opacity: 1; - animation: fadeIn 0.6s; -} - -@keyframes fadeIn { - from { - opacity: 0; - top: -10px; - } - - to { - opacity: 1; - top: -60px; - } -} - - .groups-button-notif-number { - position: absolute; - transform: translateX(-50%); - left: 50%; - width: 150px; - text-align: center; - border-radius: 3px; - padding: 5px 10px; - background-color: white; - color: black; - font-family: Roboto, sans-serif; - letter-spacing: 0.3px; - font-weight: 300; - display: none; - opacity: 0; - top: -60px; - box-shadow: rgb(216 216 216 / 25%) 0px 6px 12px -2px, rgb(0 0 0 / 30%) 0px 3px 7px -3px; - } - - .groups-button:hover { - cursor: pointer; - filter: brightness(120%); - } - - .people-list .search { - padding-top: 20px; - padding-left: 20px; - padding-right: 20px; - } - - .center { - margin: 0; - position: absolute; - padding-top: 12px; - left: 50%; - -ms-transform: translateX(-50%); - transform: translateX(-50%); - } - - .people-list .create-chat { - border-radius: 5px; - border: none; - display: inline-block; - padding: 14px; - color: #fff; - background: var(--tradehead); - width: 100%; - font-size: 15px; - text-align: center; - cursor: pointer; - } - - .people-list .create-chat:hover { - opacity: .8; - box-shadow: 0 3px 5px rgba(0, 0, 0, .2); - } - - .people-list ul { - padding: 0px 0px 60px 0px; - height: 85vh; - overflow-y: auto; - overflow-x: hidden; - } - - .people-list ul::-webkit-scrollbar-track { - background-color: whitesmoke; - border-radius: 7px; - } - - .people-list ul::-webkit-scrollbar { - width: 6px; - border-radius: 7px; - background-color: whitesmoke; - } - - .people-list ul::-webkit-scrollbar-thumb { - background-color: rgb(180, 176, 176); - border-radius: 7px; - transition: all 0.3s ease-in-out; - } - - .chat { - width: 80vw; - height: 100vh; - float: left; - background: var(--white); - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; - color: #434651; - box-sizing: border-box; - } - - .chat .new-message-bar { - display: flex; - flex: 0 1 auto; - align-items: center; - justify-content: space-between; - padding: 0px 25px; - font-size: 14px; - font-weight: 500; - top: 0; - position: absolute; - left: 20vw; - right: 0; - z-index: 5; - background: var(--tradehead); - color: var(--white); - border-radius: 0 0 8px 8px; - min-height: 25px; - transition: opacity .15s; - text-transform: capitalize; - opacity: .85; - cursor: pointer; - } - - .chat .new-message-bar:hover { - opacity: .75; - transform: translateY(-1px); - box-shadow: 0 3px 7px rgba(0, 0, 0, .2); - } - - .hide-new-message-bar { - display: none !important; - } - - .chat .chat-history { - position: absolute; - top: 0; - right: 0; - bottom: 100%; - left: 20vw; - border-bottom: 2px solid var(--white); - overflow-y: hidden; - height: 100vh; - box-sizing: border-box; - } - - .chat .chat-message { - padding: 10px; - height: 10%; - display: inline-block; - width: 100%; - background-color: #eee; - } - - .chat .chat-message textarea { - width: 90%; - border: none; - font-size: 16px; - padding: 10px 20px; - border-radius: 5px; - resize: none; - } - - .chat .chat-message button { - float: right; - color: #94c2ed; - font-size: 16px; - text-transform: uppercase; - border: none; - cursor: pointer; - font-weight: bold; - background: #f2f5f8; - padding: 10px; - margin-top: 4px; - margin-right: 4px; - } - - .chat .chat-message button:hover { - color: #75b1e8; - } - - .online, - .offline, - .me { - margin-right: 3px; - font-size: 10px; - } - - .clearfix:after { - visibility: hidden; - display: block; - font-size: 0; - content: " "; - clear: both; - height: 0; - } - - .red { - --mdc-theme-primary: red; - } - - h2 { - margin:0; - } - - h2, h3, h4, h5 { - color: var(--black); - font-weight: 400; - } - - [hidden] { - display: hidden !important; - visibility: none !important; - } - - .details { - display: flex; - font-size: 18px; - } - - .title { - font-weight:600; - font-size:12px; - line-height: 32px; - opacity: 0.66; - } - - .textarea { - width: 100%; - border: none; - display: inline-block; - font-size: 16px; - padding: 10px 20px; - border-radius: 5px; - height: 120px; - resize: none; - background: #eee; - } - - .dialog-container { - position: relative; - display: flex; - align-items: center; - flex-direction: column; - padding: 0 10px; - gap: 10px; - height: 100%; - } - - .dialog-header { - color: var(--chat-bubble-msg-color); - } - - .dialog-subheader { - color: var(--chat-bubble-msg-color); - } - - .modal-button-row { - display: flex; - align-items: center; - justify-content: space-between; - width: 100%; - } - - .modal-button { - font-family: Roboto, sans-serif; - font-size: 16px; - color: var(--mdc-theme-primary); - background-color: transparent; - padding: 8px 10px; - border-radius: 5px; - border: none; - transition: all 0.3s ease-in-out; - } - - .modal-button-red { - font-family: Roboto, sans-serif; - font-size: 16px; - color: #F44336; - background-color: transparent; - padding: 8px 10px; - border-radius: 5px; - border: none; - transition: all 0.3s ease-in-out; - } - - .modal-button-red:hover { - cursor: pointer; - background-color: #f4433663; - } - - .modal-button:hover { - cursor: pointer; - background-color: #03a8f475; - } - - .name-input { - width: 100%; - outline: 0; - border-width: 0 0 2px; - border-color: var(--mdc-theme-primary); - background-color: transparent; - padding: 10px; - font-family: Roboto, sans-serif; - font-size: 15px; - color: var(--chat-bubble-msg-color); - box-sizing: border-box; - } - - .name-input::selection { - background-color: var(--mdc-theme-primary); - color: white; - } - - .name-input::placeholder { - opacity: 0.9; - color: var(--black); - } - - .search-field { - width: 100%; - position: relative; - } - - .search-icon { - position: absolute; - right: 3px; - color: var(--chat-bubble-msg-color); - transition: all 0.3s ease-in-out; - background: none; - border-radius: 50%; - padding: 6px 3px; - font-size: 21px; - } - - .search-icon:hover { - cursor: pointer; - background: #d7d7d75c; - } - - .search-results-div { - position: absolute; - top: 25px; - right: 25px; - } - - .user-verified { - position: absolute; - top: 0; - right: 5px; - display: flex; - align-items: center; - gap: 10px; - color: #04aa2e; - font-size: 13px; - } -`;var zt=null;try{var Gt="undefined"!=typeof module&&"function"==typeof module.require&&module.require("worker_threads")||"function"==typeof __non_webpack_require__&&__non_webpack_require__("worker_threads")||"function"==typeof require&&require("worker_threads");zt=Gt.Worker}catch(pY){}function At(e,t,i){var o=void 0===t?null:t,n=function(e,t){return Buffer.from(e,"base64").toString(t?"utf16":"utf8")}(e,void 0!==i&&i),s=n.indexOf("\n",10)+1,r=n.substring(s)+(o?"//# sourceMappingURL="+o:"");return function(e){return new zt(r,Object.assign({},e,{eval:!0}))}}function Ot(e,t,i){var o=void 0===t?null:t,n=function(e,t){var i=atob(e);if(t){for(var o=new Uint8Array(i.length),n=0,s=i.length;n{const o=new Map;for(let n=t;n<=i;n++)o.set(e[n],n);return o},_t=dt(class extends pt{constructor(e){if(super(e),e.type!==ct)throw Error("repeat() can only be used in text expressions")}dt(e,t,i){let o;void 0===i?i=t:void 0!==t&&(o=t);const n=[],s=[];let r=0;for(const t of e)n[r]=o?o(t,r):r,s[r]=i(t,r),r++;return{values:s,keys:n}}render(e,t,i){return this.dt(e,t,i).values}update(e,[t,i,o]){var n;const s=(e=>e._$AH)(e),{values:r,keys:a}=this.dt(t,i,o);if(!Array.isArray(s))return this.ht=a,r;const l=null!==(n=this.ht)&&void 0!==n?n:this.ht=[],h=[];let m,c,d=0,p=s.length-1,j=0,P=r.length-1;for(;d<=p&&j<=P;)if(null===s[d])d++;else if(null===s[p])p--;else if(l[d]===a[j])h[j]=Mt(s[d],r[j]),d++,j++;else if(l[p]===a[P])h[P]=Mt(s[p],r[P]),p--,P--;else if(l[d]===a[P])h[P]=Mt(s[d],r[P]),ft(e,h[P+1],s[d]),d++,P--;else if(l[p]===a[j])h[j]=Mt(s[p],r[j]),ft(e,s[d],s[p]),p--,j++;else if(void 0===m&&(m=Wt(a,j,P),c=Wt(l,d,p)),m.has(l[d]))if(m.has(l[p])){const t=c.get(a[j]),i=void 0!==t?s[t]:null;if(null===i){const t=ft(e,s[d]);Mt(t,r[j]),h[j]=t}else h[j]=Mt(i,r[j]),ft(e,s[d],i),s[t]=null;j++}else Kt(s[p]),p--;else Kt(s[d]),d++;for(;j<=P;){const t=ft(e,h[P+1]);Mt(t,r[j]),h[j++]=t}for(;d<=p;){const e=s[d++];null!==e&&Kt(e)}return this.ht=a,((e,t=Zt)=>{e._$AH=t})(e,h),V}});var It=function(e,t){return It=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])},It(e,t)};function Ht(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function i(){this.constructor=e}It(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i)}var Ut=function(){return Ut=Object.assign||function(e){for(var t,i=1,o=arguments.length;i=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,i,r):n(t,i))||r);return s>3&&r&&Object.defineProperty(t,i,r),r}function Ft(e){var t="function"==typeof Symbol&&Symbol.iterator,i=t&&e[t],o=0;if(i)return i.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&o>=e.length&&(e=void 0),{value:e&&e[o++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}const Jt=e=>t=>"function"==typeof t?((e,t)=>(customElements.define(e,t),t))(e,t):((e,t)=>{const{kind:i,elements:o}=t;return{kind:i,elements:o,finisher(t){customElements.define(e,t)}}})(e,t),Lt=(e,t)=>"method"===t.kind&&t.descriptor&&!("value"in t.descriptor)?{...t,finisher(i){i.createProperty(t.key,e)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:t.key,initializer(){"function"==typeof t.initializer&&(this[t.key]=t.initializer.call(this))},finisher(i){i.createProperty(t.key,e)}};function Bt(e){return(t,i)=>void 0!==i?((e,t,i)=>{t.constructor.createProperty(i,e)})(e,t,i):Lt(e,t)}function Qt(e){return Bt({...e,state:!0})}const $t=({finisher:e,descriptor:t})=>(i,o)=>{var n;if(void 0===o){const o=null!==(n=i.originalKey)&&void 0!==n?n:i.key,s=null!=t?{kind:"method",placement:"prototype",key:o,descriptor:t(i.key)}:{...i,key:o};return null!=e&&(s.finisher=function(t){e(t,o)}),s}{const n=i.constructor;void 0!==t&&Object.defineProperty(i,o,t(o)),null==e||e(n,o)}};function qt(e){return $t({finisher:(t,i)=>{Object.assign(t.prototype[i],e)}})}function ei(e,t){return $t({descriptor:i=>{const o={get(){var t,i;return null!==(i=null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector(e))&&void 0!==i?i:null},enumerable:!0,configurable:!0};if(t){const t="symbol"==typeof i?Symbol():"__"+i;o.get=function(){var i,o;return void 0===this[t]&&(this[t]=null!==(o=null===(i=this.renderRoot)||void 0===i?void 0:i.querySelector(e))&&void 0!==o?o:null),this[t]}}return o}})}function ti(e){return $t({descriptor:t=>({async get(){var t;return await this.updateComplete,null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector(e)},enumerable:!0,configurable:!0})})}var ii;null===(ii=window.HTMLSlotElement)||void 0===ii||ii.prototype.assignedElements;const oi=s`:host{font-family:var(--mdc-icon-font, "Material Icons");font-weight:normal;font-style:normal;font-size:var(--mdc-icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}`;let ni=class extends re{render(){return C``}};function si(e,t){return(e.matches||e.webkitMatchesSelector||e.msMatchesSelector).call(e,t)}function ri(e){return{addClass:t=>{e.classList.add(t)},removeClass:t=>{e.classList.remove(t)},hasClass:t=>e.classList.contains(t)}}ni.styles=[oi],ni=Rt([Jt("mwc-icon")],ni);const ai=()=>{},li={get passive(){return!1}};document.addEventListener("x",ai,li),document.removeEventListener("x",ai);class hi extends re{click(){if(this.mdcRoot)return this.mdcRoot.focus(),void this.mdcRoot.click();super.click()}createFoundation(){void 0!==this.mdcFoundation&&this.mdcFoundation.destroy(),this.mdcFoundationClass&&(this.mdcFoundation=new this.mdcFoundationClass(this.createAdapter()),this.mdcFoundation.init())}firstUpdated(){this.createFoundation()}}var mi=function(){function e(e){void 0===e&&(e={}),this.adapter=e}return Object.defineProperty(e,"cssClasses",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{}},enumerable:!1,configurable:!0}),e.prototype.init=function(){},e.prototype.destroy=function(){},e}(),ci={BG_FOCUSED:"mdc-ripple-upgraded--background-focused",FG_ACTIVATION:"mdc-ripple-upgraded--foreground-activation",FG_DEACTIVATION:"mdc-ripple-upgraded--foreground-deactivation",ROOT:"mdc-ripple-upgraded",UNBOUNDED:"mdc-ripple-upgraded--unbounded"},di={VAR_FG_SCALE:"--mdc-ripple-fg-scale",VAR_FG_SIZE:"--mdc-ripple-fg-size",VAR_FG_TRANSLATE_END:"--mdc-ripple-fg-translate-end",VAR_FG_TRANSLATE_START:"--mdc-ripple-fg-translate-start",VAR_LEFT:"--mdc-ripple-left",VAR_TOP:"--mdc-ripple-top"},pi={DEACTIVATION_TIMEOUT_MS:225,FG_DEACTIVATION_MS:150,INITIAL_ORIGIN_SCALE:.6,PADDING:10,TAP_DELAY_MS:300};var ji=["touchstart","pointerdown","mousedown","keydown"],Pi=["touchend","pointerup","mouseup","contextmenu"],wi=[],ui=function(e){function t(i){var o=e.call(this,Ut(Ut({},t.defaultAdapter),i))||this;return o.activationAnimationHasEnded=!1,o.activationTimer=0,o.fgDeactivationRemovalTimer=0,o.fgScale="0",o.frame={width:0,height:0},o.initialSize=0,o.layoutFrame=0,o.maxRadius=0,o.unboundedCoords={left:0,top:0},o.activationState=o.defaultActivationState(),o.activationTimerCallback=function(){o.activationAnimationHasEnded=!0,o.runDeactivationUXLogicIfReady()},o.activateHandler=function(e){o.activateImpl(e)},o.deactivateHandler=function(){o.deactivateImpl()},o.focusHandler=function(){o.handleFocus()},o.blurHandler=function(){o.handleBlur()},o.resizeHandler=function(){o.layout()},o}return Ht(t,e),Object.defineProperty(t,"cssClasses",{get:function(){return ci},enumerable:!1,configurable:!0}),Object.defineProperty(t,"strings",{get:function(){return di},enumerable:!1,configurable:!0}),Object.defineProperty(t,"numbers",{get:function(){return pi},enumerable:!1,configurable:!0}),Object.defineProperty(t,"defaultAdapter",{get:function(){return{addClass:function(){},browserSupportsCssVars:function(){return!0},computeBoundingRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},containsEventTarget:function(){return!0},deregisterDocumentInteractionHandler:function(){},deregisterInteractionHandler:function(){},deregisterResizeHandler:function(){},getWindowPageOffset:function(){return{x:0,y:0}},isSurfaceActive:function(){return!0},isSurfaceDisabled:function(){return!0},isUnbounded:function(){return!0},registerDocumentInteractionHandler:function(){},registerInteractionHandler:function(){},registerResizeHandler:function(){},removeClass:function(){},updateCssVariable:function(){}}},enumerable:!1,configurable:!0}),t.prototype.init=function(){var e=this,i=this.supportsPressRipple();if(this.registerRootHandlers(i),i){var o=t.cssClasses,n=o.ROOT,s=o.UNBOUNDED;requestAnimationFrame((function(){e.adapter.addClass(n),e.adapter.isUnbounded()&&(e.adapter.addClass(s),e.layoutInternal())}))}},t.prototype.destroy=function(){var e=this;if(this.supportsPressRipple()){this.activationTimer&&(clearTimeout(this.activationTimer),this.activationTimer=0,this.adapter.removeClass(t.cssClasses.FG_ACTIVATION)),this.fgDeactivationRemovalTimer&&(clearTimeout(this.fgDeactivationRemovalTimer),this.fgDeactivationRemovalTimer=0,this.adapter.removeClass(t.cssClasses.FG_DEACTIVATION));var i=t.cssClasses,o=i.ROOT,n=i.UNBOUNDED;requestAnimationFrame((function(){e.adapter.removeClass(o),e.adapter.removeClass(n),e.removeCssVars()}))}this.deregisterRootHandlers(),this.deregisterDeactivationHandlers()},t.prototype.activate=function(e){this.activateImpl(e)},t.prototype.deactivate=function(){this.deactivateImpl()},t.prototype.layout=function(){var e=this;this.layoutFrame&&cancelAnimationFrame(this.layoutFrame),this.layoutFrame=requestAnimationFrame((function(){e.layoutInternal(),e.layoutFrame=0}))},t.prototype.setUnbounded=function(e){var i=t.cssClasses.UNBOUNDED;e?this.adapter.addClass(i):this.adapter.removeClass(i)},t.prototype.handleFocus=function(){var e=this;requestAnimationFrame((function(){return e.adapter.addClass(t.cssClasses.BG_FOCUSED)}))},t.prototype.handleBlur=function(){var e=this;requestAnimationFrame((function(){return e.adapter.removeClass(t.cssClasses.BG_FOCUSED)}))},t.prototype.supportsPressRipple=function(){return this.adapter.browserSupportsCssVars()},t.prototype.defaultActivationState=function(){return{activationEvent:void 0,hasDeactivationUXRun:!1,isActivated:!1,isProgrammatic:!1,wasActivatedByPointer:!1,wasElementMadeActive:!1}},t.prototype.registerRootHandlers=function(e){var t,i;if(e){try{for(var o=Ft(ji),n=o.next();!n.done;n=o.next()){var s=n.value;this.adapter.registerInteractionHandler(s,this.activateHandler)}}catch(e){t={error:e}}finally{try{n&&!n.done&&(i=o.return)&&i.call(o)}finally{if(t)throw t.error}}this.adapter.isUnbounded()&&this.adapter.registerResizeHandler(this.resizeHandler)}this.adapter.registerInteractionHandler("focus",this.focusHandler),this.adapter.registerInteractionHandler("blur",this.blurHandler)},t.prototype.registerDeactivationHandlers=function(e){var t,i;if("keydown"===e.type)this.adapter.registerInteractionHandler("keyup",this.deactivateHandler);else try{for(var o=Ft(Pi),n=o.next();!n.done;n=o.next()){var s=n.value;this.adapter.registerDocumentInteractionHandler(s,this.deactivateHandler)}}catch(e){t={error:e}}finally{try{n&&!n.done&&(i=o.return)&&i.call(o)}finally{if(t)throw t.error}}},t.prototype.deregisterRootHandlers=function(){var e,t;try{for(var i=Ft(ji),o=i.next();!o.done;o=i.next()){var n=o.value;this.adapter.deregisterInteractionHandler(n,this.activateHandler)}}catch(t){e={error:t}}finally{try{o&&!o.done&&(t=i.return)&&t.call(i)}finally{if(e)throw e.error}}this.adapter.deregisterInteractionHandler("focus",this.focusHandler),this.adapter.deregisterInteractionHandler("blur",this.blurHandler),this.adapter.isUnbounded()&&this.adapter.deregisterResizeHandler(this.resizeHandler)},t.prototype.deregisterDeactivationHandlers=function(){var e,t;this.adapter.deregisterInteractionHandler("keyup",this.deactivateHandler);try{for(var i=Ft(Pi),o=i.next();!o.done;o=i.next()){var n=o.value;this.adapter.deregisterDocumentInteractionHandler(n,this.deactivateHandler)}}catch(t){e={error:t}}finally{try{o&&!o.done&&(t=i.return)&&t.call(i)}finally{if(e)throw e.error}}},t.prototype.removeCssVars=function(){var e=this,i=t.strings;Object.keys(i).forEach((function(t){0===t.indexOf("VAR_")&&e.adapter.updateCssVariable(i[t],null)}))},t.prototype.activateImpl=function(e){var t=this;if(!this.adapter.isSurfaceDisabled()){var i=this.activationState;if(!i.isActivated){var o=this.previousActivationEvent;if(!(o&&void 0!==e&&o.type!==e.type))i.isActivated=!0,i.isProgrammatic=void 0===e,i.activationEvent=e,i.wasActivatedByPointer=!i.isProgrammatic&&(void 0!==e&&("mousedown"===e.type||"touchstart"===e.type||"pointerdown"===e.type)),void 0!==e&&wi.length>0&&wi.some((function(e){return t.adapter.containsEventTarget(e)}))?this.resetActivationState():(void 0!==e&&(wi.push(e.target),this.registerDeactivationHandlers(e)),i.wasElementMadeActive=this.checkElementMadeActive(e),i.wasElementMadeActive&&this.animateActivation(),requestAnimationFrame((function(){wi=[],i.wasElementMadeActive||void 0===e||" "!==e.key&&32!==e.keyCode||(i.wasElementMadeActive=t.checkElementMadeActive(e),i.wasElementMadeActive&&t.animateActivation()),i.wasElementMadeActive||(t.activationState=t.defaultActivationState())})))}}},t.prototype.checkElementMadeActive=function(e){return void 0===e||"keydown"!==e.type||this.adapter.isSurfaceActive()},t.prototype.animateActivation=function(){var e=this,i=t.strings,o=i.VAR_FG_TRANSLATE_START,n=i.VAR_FG_TRANSLATE_END,s=t.cssClasses,r=s.FG_DEACTIVATION,a=s.FG_ACTIVATION,l=t.numbers.DEACTIVATION_TIMEOUT_MS;this.layoutInternal();var h="",m="";if(!this.adapter.isUnbounded()){var c=this.getFgTranslationCoordinates(),d=c.startPoint,p=c.endPoint;h=d.x+"px, "+d.y+"px",m=p.x+"px, "+p.y+"px"}this.adapter.updateCssVariable(o,h),this.adapter.updateCssVariable(n,m),clearTimeout(this.activationTimer),clearTimeout(this.fgDeactivationRemovalTimer),this.rmBoundedActivationClasses(),this.adapter.removeClass(r),this.adapter.computeBoundingRect(),this.adapter.addClass(a),this.activationTimer=setTimeout((function(){e.activationTimerCallback()}),l)},t.prototype.getFgTranslationCoordinates=function(){var e,t=this.activationState,i=t.activationEvent;return e=t.wasActivatedByPointer?function(e,t,i){if(!e)return{x:0,y:0};var o,n,s=t.x,r=t.y,a=s+i.left,l=r+i.top;if("touchstart"===e.type){var h=e;o=h.changedTouches[0].pageX-a,n=h.changedTouches[0].pageY-l}else{var m=e;o=m.pageX-a,n=m.pageY-l}return{x:o,y:n}}(i,this.adapter.getWindowPageOffset(),this.adapter.computeBoundingRect()):{x:this.frame.width/2,y:this.frame.height/2},{startPoint:e={x:e.x-this.initialSize/2,y:e.y-this.initialSize/2},endPoint:{x:this.frame.width/2-this.initialSize/2,y:this.frame.height/2-this.initialSize/2}}},t.prototype.runDeactivationUXLogicIfReady=function(){var e=this,i=t.cssClasses.FG_DEACTIVATION,o=this.activationState,n=o.hasDeactivationUXRun,s=o.isActivated;(n||!s)&&this.activationAnimationHasEnded&&(this.rmBoundedActivationClasses(),this.adapter.addClass(i),this.fgDeactivationRemovalTimer=setTimeout((function(){e.adapter.removeClass(i)}),pi.FG_DEACTIVATION_MS))},t.prototype.rmBoundedActivationClasses=function(){var e=t.cssClasses.FG_ACTIVATION;this.adapter.removeClass(e),this.activationAnimationHasEnded=!1,this.adapter.computeBoundingRect()},t.prototype.resetActivationState=function(){var e=this;this.previousActivationEvent=this.activationState.activationEvent,this.activationState=this.defaultActivationState(),setTimeout((function(){return e.previousActivationEvent=void 0}),t.numbers.TAP_DELAY_MS)},t.prototype.deactivateImpl=function(){var e=this,t=this.activationState;if(t.isActivated){var i=Ut({},t);t.isProgrammatic?(requestAnimationFrame((function(){e.animateDeactivation(i)})),this.resetActivationState()):(this.deregisterDeactivationHandlers(),requestAnimationFrame((function(){e.activationState.hasDeactivationUXRun=!0,e.animateDeactivation(i),e.resetActivationState()})))}},t.prototype.animateDeactivation=function(e){var t=e.wasActivatedByPointer,i=e.wasElementMadeActive;(t||i)&&this.runDeactivationUXLogicIfReady()},t.prototype.layoutInternal=function(){var e=this;this.frame=this.adapter.computeBoundingRect();var i=Math.max(this.frame.height,this.frame.width);this.maxRadius=this.adapter.isUnbounded()?i:Math.sqrt(Math.pow(e.frame.width,2)+Math.pow(e.frame.height,2))+t.numbers.PADDING;var o=Math.floor(i*t.numbers.INITIAL_ORIGIN_SCALE);this.adapter.isUnbounded()&&o%2!=0?this.initialSize=o-1:this.initialSize=o,this.fgScale=""+this.maxRadius/this.initialSize,this.updateLayoutCssVars()},t.prototype.updateLayoutCssVars=function(){var e=t.strings,i=e.VAR_FG_SIZE,o=e.VAR_LEFT,n=e.VAR_TOP,s=e.VAR_FG_SCALE;this.adapter.updateCssVariable(i,this.initialSize+"px"),this.adapter.updateCssVariable(s,this.fgScale),this.adapter.isUnbounded()&&(this.unboundedCoords={left:Math.round(this.frame.width/2-this.initialSize/2),top:Math.round(this.frame.height/2-this.initialSize/2)},this.adapter.updateCssVariable(o,this.unboundedCoords.left+"px"),this.adapter.updateCssVariable(n,this.unboundedCoords.top+"px"))},t}(mi),fi=ui;const Mi=dt(class extends pt{constructor(e){var t;if(super(e),e.type!==mt||"class"!==e.name||(null===(t=e.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(e){return" "+Object.keys(e).filter((t=>e[t])).join(" ")+" "}update(e,[t]){var i,o;if(void 0===this.it){this.it=new Set,void 0!==e.strings&&(this.nt=new Set(e.strings.join(" ").split(/\s/).filter((e=>""!==e))));for(const e in t)t[e]&&!(null===(i=this.nt)||void 0===i?void 0:i.has(e))&&this.it.add(e);return this.render(t)}const n=e.element.classList;this.it.forEach((e=>{e in t||(n.remove(e),this.it.delete(e))}));for(const e in t){const i=!!t[e];i===this.it.has(e)||(null===(o=this.nt)||void 0===o?void 0:o.has(e))||(i?(n.add(e),this.it.add(e)):(n.remove(e),this.it.delete(e)))}return V}}),Zi="important",Ki=" !"+Zi,yi=dt(class extends pt{constructor(e){var t;if(super(e),e.type!==mt||"style"!==e.name||(null===(t=e.strings)||void 0===t?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(e){return Object.keys(e).reduce(((t,i)=>{const o=e[i];return null==o?t:t+`${i=i.includes("-")?i:i.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${o};`}),"")}update(e,[t]){const{style:i}=e.element;if(void 0===this.ut){this.ut=new Set;for(const e in t)this.ut.add(e);return this.render(t)}this.ut.forEach((e=>{null==t[e]&&(this.ut.delete(e),e.includes("-")?i.removeProperty(e):i[e]="")}));for(const e in t){const o=t[e];if(null!=o){this.ut.add(e);const t="string"==typeof o&&o.endsWith(Ki);e.includes("-")||t?i.setProperty(e,t?o.slice(0,-11):o,t?Zi:""):i[e]=o}}return V}});class gi extends hi{constructor(){super(...arguments),this.primary=!1,this.accent=!1,this.unbounded=!1,this.disabled=!1,this.activated=!1,this.selected=!1,this.internalUseStateLayerCustomProperties=!1,this.hovering=!1,this.bgFocused=!1,this.fgActivation=!1,this.fgDeactivation=!1,this.fgScale="",this.fgSize="",this.translateStart="",this.translateEnd="",this.leftPos="",this.topPos="",this.mdcFoundationClass=fi}get isActive(){return si(this.parentElement||this,":active")}createAdapter(){return{browserSupportsCssVars:()=>!0,isUnbounded:()=>this.unbounded,isSurfaceActive:()=>this.isActive,isSurfaceDisabled:()=>this.disabled,addClass:e=>{switch(e){case"mdc-ripple-upgraded--background-focused":this.bgFocused=!0;break;case"mdc-ripple-upgraded--foreground-activation":this.fgActivation=!0;break;case"mdc-ripple-upgraded--foreground-deactivation":this.fgDeactivation=!0}},removeClass:e=>{switch(e){case"mdc-ripple-upgraded--background-focused":this.bgFocused=!1;break;case"mdc-ripple-upgraded--foreground-activation":this.fgActivation=!1;break;case"mdc-ripple-upgraded--foreground-deactivation":this.fgDeactivation=!1}},containsEventTarget:()=>!0,registerInteractionHandler:()=>{},deregisterInteractionHandler:()=>{},registerDocumentInteractionHandler:()=>{},deregisterDocumentInteractionHandler:()=>{},registerResizeHandler:()=>{},deregisterResizeHandler:()=>{},updateCssVariable:(e,t)=>{switch(e){case"--mdc-ripple-fg-scale":this.fgScale=t;break;case"--mdc-ripple-fg-size":this.fgSize=t;break;case"--mdc-ripple-fg-translate-end":this.translateEnd=t;break;case"--mdc-ripple-fg-translate-start":this.translateStart=t;break;case"--mdc-ripple-left":this.leftPos=t;break;case"--mdc-ripple-top":this.topPos=t}},computeBoundingRect:()=>(this.parentElement||this).getBoundingClientRect(),getWindowPageOffset:()=>({x:window.pageXOffset,y:window.pageYOffset})}}startPress(e){this.waitForFoundation((()=>{this.mdcFoundation.activate(e)}))}endPress(){this.waitForFoundation((()=>{this.mdcFoundation.deactivate()}))}startFocus(){this.waitForFoundation((()=>{this.mdcFoundation.handleFocus()}))}endFocus(){this.waitForFoundation((()=>{this.mdcFoundation.handleBlur()}))}startHover(){this.hovering=!0}endHover(){this.hovering=!1}waitForFoundation(e){this.mdcFoundation?e():this.updateComplete.then(e)}update(e){e.has("disabled")&&this.disabled&&this.endHover(),super.update(e)}render(){const e=this.activated&&(this.primary||!this.accent),t=this.selected&&(this.primary||!this.accent),i={"mdc-ripple-surface--accent":this.accent,"mdc-ripple-surface--primary--activated":e,"mdc-ripple-surface--accent--activated":this.accent&&this.activated,"mdc-ripple-surface--primary--selected":t,"mdc-ripple-surface--accent--selected":this.accent&&this.selected,"mdc-ripple-surface--disabled":this.disabled,"mdc-ripple-surface--hover":this.hovering,"mdc-ripple-surface--primary":this.primary,"mdc-ripple-surface--selected":this.selected,"mdc-ripple-upgraded--background-focused":this.bgFocused,"mdc-ripple-upgraded--foreground-activation":this.fgActivation,"mdc-ripple-upgraded--foreground-deactivation":this.fgDeactivation,"mdc-ripple-upgraded--unbounded":this.unbounded,"mdc-ripple-surface--internal-use-state-layer-custom-properties":this.internalUseStateLayerCustomProperties};return C` -
        `}}Rt([ei(".mdc-ripple-surface")],gi.prototype,"mdcRoot",void 0),Rt([Bt({type:Boolean})],gi.prototype,"primary",void 0),Rt([Bt({type:Boolean})],gi.prototype,"accent",void 0),Rt([Bt({type:Boolean})],gi.prototype,"unbounded",void 0),Rt([Bt({type:Boolean})],gi.prototype,"disabled",void 0),Rt([Bt({type:Boolean})],gi.prototype,"activated",void 0),Rt([Bt({type:Boolean})],gi.prototype,"selected",void 0),Rt([Bt({type:Boolean})],gi.prototype,"internalUseStateLayerCustomProperties",void 0),Rt([Qt()],gi.prototype,"hovering",void 0),Rt([Qt()],gi.prototype,"bgFocused",void 0),Rt([Qt()],gi.prototype,"fgActivation",void 0),Rt([Qt()],gi.prototype,"fgDeactivation",void 0),Rt([Qt()],gi.prototype,"fgScale",void 0),Rt([Qt()],gi.prototype,"fgSize",void 0),Rt([Qt()],gi.prototype,"translateStart",void 0),Rt([Qt()],gi.prototype,"translateEnd",void 0),Rt([Qt()],gi.prototype,"leftPos",void 0),Rt([Qt()],gi.prototype,"topPos",void 0);const Di=s`.mdc-ripple-surface{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);will-change:transform,opacity;position:relative;outline:none;overflow:hidden}.mdc-ripple-surface::before,.mdc-ripple-surface::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-ripple-surface::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface::before,.mdc-ripple-surface::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-upgraded--unbounded::before,.mdc-ripple-upgraded--unbounded::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface::before,.mdc-ripple-surface::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-ripple-surface:hover::before,.mdc-ripple-surface.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}:host{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:block}:host .mdc-ripple-surface{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;will-change:unset}.mdc-ripple-surface--primary::before,.mdc-ripple-surface--primary::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}.mdc-ripple-surface--primary:hover::before,.mdc-ripple-surface--primary.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-ripple-surface--primary.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface--primary.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface--primary--activated::before{opacity:0.12;opacity:var(--mdc-ripple-activated-opacity, 0.12)}.mdc-ripple-surface--primary--activated::before,.mdc-ripple-surface--primary--activated::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}.mdc-ripple-surface--primary--activated:hover::before,.mdc-ripple-surface--primary--activated.mdc-ripple-surface--hover::before{opacity:0.16;opacity:var(--mdc-ripple-hover-opacity, 0.16)}.mdc-ripple-surface--primary--activated.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface--primary--activated:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.mdc-ripple-surface--primary--activated:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface--primary--activated:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-ripple-surface--primary--activated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-ripple-surface--primary--selected::before{opacity:0.08;opacity:var(--mdc-ripple-selected-opacity, 0.08)}.mdc-ripple-surface--primary--selected::before,.mdc-ripple-surface--primary--selected::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}.mdc-ripple-surface--primary--selected:hover::before,.mdc-ripple-surface--primary--selected.mdc-ripple-surface--hover::before{opacity:0.12;opacity:var(--mdc-ripple-hover-opacity, 0.12)}.mdc-ripple-surface--primary--selected.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface--primary--selected:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-focus-opacity, 0.2)}.mdc-ripple-surface--primary--selected:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface--primary--selected:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-press-opacity, 0.2)}.mdc-ripple-surface--primary--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}.mdc-ripple-surface--accent::before,.mdc-ripple-surface--accent::after{background-color:#018786;background-color:var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786))}.mdc-ripple-surface--accent:hover::before,.mdc-ripple-surface--accent.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-ripple-surface--accent.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface--accent.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface--accent--activated::before{opacity:0.12;opacity:var(--mdc-ripple-activated-opacity, 0.12)}.mdc-ripple-surface--accent--activated::before,.mdc-ripple-surface--accent--activated::after{background-color:#018786;background-color:var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786))}.mdc-ripple-surface--accent--activated:hover::before,.mdc-ripple-surface--accent--activated.mdc-ripple-surface--hover::before{opacity:0.16;opacity:var(--mdc-ripple-hover-opacity, 0.16)}.mdc-ripple-surface--accent--activated.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface--accent--activated:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.mdc-ripple-surface--accent--activated:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface--accent--activated:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-ripple-surface--accent--activated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-ripple-surface--accent--selected::before{opacity:0.08;opacity:var(--mdc-ripple-selected-opacity, 0.08)}.mdc-ripple-surface--accent--selected::before,.mdc-ripple-surface--accent--selected::after{background-color:#018786;background-color:var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786))}.mdc-ripple-surface--accent--selected:hover::before,.mdc-ripple-surface--accent--selected.mdc-ripple-surface--hover::before{opacity:0.12;opacity:var(--mdc-ripple-hover-opacity, 0.12)}.mdc-ripple-surface--accent--selected.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface--accent--selected:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-focus-opacity, 0.2)}.mdc-ripple-surface--accent--selected:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface--accent--selected:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-press-opacity, 0.2)}.mdc-ripple-surface--accent--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}.mdc-ripple-surface--disabled{opacity:0}.mdc-ripple-surface--internal-use-state-layer-custom-properties::before,.mdc-ripple-surface--internal-use-state-layer-custom-properties::after{background-color:#000;background-color:var(--mdc-ripple-hover-state-layer-color, #000)}.mdc-ripple-surface--internal-use-state-layer-custom-properties:hover::before,.mdc-ripple-surface--internal-use-state-layer-custom-properties.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-state-layer-opacity, 0.04)}.mdc-ripple-surface--internal-use-state-layer-custom-properties.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface--internal-use-state-layer-custom-properties:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-state-layer-opacity, 0.12)}.mdc-ripple-surface--internal-use-state-layer-custom-properties:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface--internal-use-state-layer-custom-properties:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-pressed-state-layer-opacity, 0.12)}.mdc-ripple-surface--internal-use-state-layer-custom-properties.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-pressed-state-layer-opacity, 0.12)}`;let xi=class extends gi{};function bi(e,t,i){if(void 0!==t)return function(e,t,i){const o=e.constructor;if(!i){const e=`__${t}`;if(!(i=o.getPropertyDescriptor(t,e)))throw new Error("@ariaProperty must be used after a @property decorator")}const n=i;let s="";if(!n.set)throw new Error(`@ariaProperty requires a setter for ${t}`);if(e.dispatchWizEvent)return i;const r={configurable:!0,enumerable:!0,set(e){if(""===s){const e=o.getPropertyOptions(t);s="string"==typeof e.attribute?e.attribute:t}this.hasAttribute(s)&&this.removeAttribute(s),n.set.call(this,e)}};return n.get&&(r.get=function(){return n.get.call(this)}),r}(e,t,i);throw new Error("@ariaProperty only supports TypeScript Decorators")}xi.styles=[Di],xi=Rt([Jt("mwc-ripple")],xi);class vi{constructor(e){this.startPress=t=>{e().then((e=>{e&&e.startPress(t)}))},this.endPress=()=>{e().then((e=>{e&&e.endPress()}))},this.startFocus=()=>{e().then((e=>{e&&e.startFocus()}))},this.endFocus=()=>{e().then((e=>{e&&e.endFocus()}))},this.startHover=()=>{e().then((e=>{e&&e.startHover()}))},this.endHover=()=>{e().then((e=>{e&&e.endHover()}))}}}const Yi=e=>null!=e?e:W;class Si extends re{constructor(){super(...arguments),this.raised=!1,this.unelevated=!1,this.outlined=!1,this.dense=!1,this.disabled=!1,this.trailingIcon=!1,this.fullwidth=!1,this.icon="",this.label="",this.expandContent=!1,this.shouldRenderRipple=!1,this.rippleHandlers=new vi((()=>(this.shouldRenderRipple=!0,this.ripple)))}renderOverlay(){return C``}renderRipple(){const e=this.raised||this.unelevated;return this.shouldRenderRipple?C``:""}focus(){const e=this.buttonElement;e&&(this.rippleHandlers.startFocus(),e.focus())}blur(){const e=this.buttonElement;e&&(this.rippleHandlers.endFocus(),e.blur())}getRenderClasses(){return{"mdc-button--raised":this.raised,"mdc-button--unelevated":this.unelevated,"mdc-button--outlined":this.outlined,"mdc-button--dense":this.dense}}render(){return C` - `}renderIcon(){return C` - - ${this.icon} - `}handleRippleActivate(e){const t=()=>{window.removeEventListener("mouseup",t),this.handleRippleDeactivate()};window.addEventListener("mouseup",t),this.rippleHandlers.startPress(e)}handleRippleDeactivate(){this.rippleHandlers.endPress()}handleRippleMouseEnter(){this.rippleHandlers.startHover()}handleRippleMouseLeave(){this.rippleHandlers.endHover()}handleRippleFocus(){this.rippleHandlers.startFocus()}handleRippleBlur(){this.rippleHandlers.endFocus()}}Si.shadowRootOptions={mode:"open",delegatesFocus:!0},Rt([bi,Bt({type:String,attribute:"aria-haspopup"})],Si.prototype,"ariaHasPopup",void 0),Rt([Bt({type:Boolean,reflect:!0})],Si.prototype,"raised",void 0),Rt([Bt({type:Boolean,reflect:!0})],Si.prototype,"unelevated",void 0),Rt([Bt({type:Boolean,reflect:!0})],Si.prototype,"outlined",void 0),Rt([Bt({type:Boolean})],Si.prototype,"dense",void 0),Rt([Bt({type:Boolean,reflect:!0})],Si.prototype,"disabled",void 0),Rt([Bt({type:Boolean,attribute:"trailingicon"})],Si.prototype,"trailingIcon",void 0),Rt([Bt({type:Boolean,reflect:!0})],Si.prototype,"fullwidth",void 0),Rt([Bt({type:String})],Si.prototype,"icon",void 0),Rt([Bt({type:String})],Si.prototype,"label",void 0),Rt([Bt({type:Boolean})],Si.prototype,"expandContent",void 0),Rt([ei("#button")],Si.prototype,"buttonElement",void 0),Rt([ti("mwc-ripple")],Si.prototype,"ripple",void 0),Rt([Qt()],Si.prototype,"shouldRenderRipple",void 0),Rt([qt({passive:!0})],Si.prototype,"handleRippleActivate",null);const Ti=s`.mdc-button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-button-font-size, 0.875rem);line-height:2.25rem;line-height:var(--mdc-typography-button-line-height, 2.25rem);font-weight:500;font-weight:var(--mdc-typography-button-font-weight, 500);letter-spacing:0.0892857143em;letter-spacing:var(--mdc-typography-button-letter-spacing, 0.0892857143em);text-decoration:none;text-decoration:var(--mdc-typography-button-text-decoration, none);text-transform:uppercase;text-transform:var(--mdc-typography-button-text-transform, uppercase)}.mdc-touch-target-wrapper{display:inline}.mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);transition:opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color, #fff)}.mdc-button{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:64px;border:none;outline:none;line-height:inherit;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle;background:transparent}.mdc-button .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.mdc-button::-moz-focus-inner{padding:0;border:0}.mdc-button:active{outline:none}.mdc-button:hover{cursor:pointer}.mdc-button:disabled{cursor:default;pointer-events:none}.mdc-button .mdc-button__icon{margin-left:0;margin-right:8px;display:inline-block;position:relative;vertical-align:top}[dir=rtl] .mdc-button .mdc-button__icon,.mdc-button .mdc-button__icon[dir=rtl]{margin-left:8px;margin-right:0}.mdc-button .mdc-button__label{position:relative}.mdc-button .mdc-button__focus-ring{display:none}@media screen and (forced-colors: active){.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__focus-ring,.mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__focus-ring{pointer-events:none;border:2px solid transparent;border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc( 100% + 4px );width:calc( 100% + 4px );display:block}}@media screen and (forced-colors: active)and (forced-colors: active){.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__focus-ring,.mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__focus-ring{border-color:CanvasText}}@media screen and (forced-colors: active){.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__focus-ring::after,.mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__focus-ring::after{content:"";border:2px solid transparent;border-radius:8px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}}@media screen and (forced-colors: active)and (forced-colors: active){.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__focus-ring::after,.mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__focus-ring::after{border-color:CanvasText}}.mdc-button .mdc-button__touch{position:absolute;top:50%;height:48px;left:0;right:0;transform:translateY(-50%)}.mdc-button__label+.mdc-button__icon{margin-left:8px;margin-right:0}[dir=rtl] .mdc-button__label+.mdc-button__icon,.mdc-button__label+.mdc-button__icon[dir=rtl]{margin-left:0;margin-right:8px}svg.mdc-button__icon{fill:currentColor}.mdc-button--touch{margin-top:6px;margin-bottom:6px}.mdc-button{padding:0 8px 0 8px}.mdc-button--unelevated{transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);padding:0 16px 0 16px}.mdc-button--unelevated.mdc-button--icon-trailing{padding:0 12px 0 16px}.mdc-button--unelevated.mdc-button--icon-leading{padding:0 16px 0 12px}.mdc-button--raised{transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);padding:0 16px 0 16px}.mdc-button--raised.mdc-button--icon-trailing{padding:0 12px 0 16px}.mdc-button--raised.mdc-button--icon-leading{padding:0 16px 0 12px}.mdc-button--outlined{border-style:solid;transition:border 280ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-button--outlined .mdc-button__ripple{border-style:solid;border-color:transparent}.mdc-button{height:36px;border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-button:not(:disabled){color:#6200ee;color:var(--mdc-theme-primary, #6200ee)}.mdc-button:disabled{color:rgba(0, 0, 0, 0.38)}.mdc-button .mdc-button__icon{font-size:1.125rem;width:1.125rem;height:1.125rem}.mdc-button .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-button--raised,.mdc-button--unelevated{height:36px;border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-button--raised:not(:disabled),.mdc-button--unelevated:not(:disabled){background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee)}.mdc-button--raised:disabled,.mdc-button--unelevated:disabled{background-color:rgba(0, 0, 0, 0.12)}.mdc-button--raised:not(:disabled),.mdc-button--unelevated:not(:disabled){color:#fff;color:var(--mdc-theme-on-primary, #fff)}.mdc-button--raised:disabled,.mdc-button--unelevated:disabled{color:rgba(0, 0, 0, 0.38)}.mdc-button--raised .mdc-button__icon,.mdc-button--unelevated .mdc-button__icon{font-size:1.125rem;width:1.125rem;height:1.125rem}.mdc-button--raised .mdc-button__ripple,.mdc-button--unelevated .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-button--outlined{height:36px;border-radius:4px;border-radius:var(--mdc-shape-small, 4px);padding:0 15px 0 15px;border-width:1px}.mdc-button--outlined:not(:disabled){color:#6200ee;color:var(--mdc-theme-primary, #6200ee)}.mdc-button--outlined:disabled{color:rgba(0, 0, 0, 0.38)}.mdc-button--outlined .mdc-button__icon{font-size:1.125rem;width:1.125rem;height:1.125rem}.mdc-button--outlined .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-button--outlined:not(:disabled){border-color:rgba(0, 0, 0, 0.12)}.mdc-button--outlined:disabled{border-color:rgba(0, 0, 0, 0.12)}.mdc-button--outlined.mdc-button--icon-trailing{padding:0 11px 0 15px}.mdc-button--outlined.mdc-button--icon-leading{padding:0 15px 0 11px}.mdc-button--outlined .mdc-button__ripple{top:-1px;left:-1px;bottom:-1px;right:-1px;border-width:1px}.mdc-button--outlined .mdc-button__touch{left:calc(-1 * 1px);width:calc(100% + 2 * 1px)}.mdc-button--raised{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0,0,0,.12);transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-button--raised:hover,.mdc-button--raised:focus{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0,0,0,.12)}.mdc-button--raised:active{box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0,0,0,.12)}.mdc-button--raised:disabled{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0,0,0,.12)}:host{display:inline-flex;outline:none;-webkit-tap-highlight-color:transparent;vertical-align:top}:host([fullwidth]){width:100%}:host([raised]),:host([unelevated]){--mdc-ripple-color:#fff;--mdc-ripple-focus-opacity:0.24;--mdc-ripple-hover-opacity:0.08;--mdc-ripple-press-opacity:0.24}.trailing-icon ::slotted(*),.trailing-icon .mdc-button__icon,.leading-icon ::slotted(*),.leading-icon .mdc-button__icon{margin-left:0;margin-right:8px;display:inline-block;position:relative;vertical-align:top;font-size:1.125rem;height:1.125rem;width:1.125rem}[dir=rtl] .trailing-icon ::slotted(*),[dir=rtl] .trailing-icon .mdc-button__icon,[dir=rtl] .leading-icon ::slotted(*),[dir=rtl] .leading-icon .mdc-button__icon,.trailing-icon ::slotted(*[dir=rtl]),.trailing-icon .mdc-button__icon[dir=rtl],.leading-icon ::slotted(*[dir=rtl]),.leading-icon .mdc-button__icon[dir=rtl]{margin-left:8px;margin-right:0}.trailing-icon ::slotted(*),.trailing-icon .mdc-button__icon{margin-left:8px;margin-right:0}[dir=rtl] .trailing-icon ::slotted(*),[dir=rtl] .trailing-icon .mdc-button__icon,.trailing-icon ::slotted(*[dir=rtl]),.trailing-icon .mdc-button__icon[dir=rtl]{margin-left:0;margin-right:8px}.slot-container{display:inline-flex;align-items:center;justify-content:center}.slot-container.flex{flex:auto}.mdc-button{flex:auto;overflow:hidden;padding-left:8px;padding-left:var(--mdc-button-horizontal-padding, 8px);padding-right:8px;padding-right:var(--mdc-button-horizontal-padding, 8px)}.mdc-button--raised{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-button-raised-box-shadow, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12))}.mdc-button--raised:focus{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-button-raised-box-shadow-focus, var(--mdc-button-raised-box-shadow-hover, 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12)))}.mdc-button--raised:hover{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-button-raised-box-shadow-hover, 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12))}.mdc-button--raised:active{box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-button-raised-box-shadow-active, 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12))}.mdc-button--raised:disabled{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-button-raised-box-shadow-disabled, 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12))}.mdc-button--raised,.mdc-button--unelevated{padding-left:16px;padding-left:var(--mdc-button-horizontal-padding, 16px);padding-right:16px;padding-right:var(--mdc-button-horizontal-padding, 16px)}.mdc-button--outlined{border-width:1px;border-width:var(--mdc-button-outline-width, 1px);padding-left:calc(16px - 1px);padding-left:calc(var(--mdc-button-horizontal-padding, 16px) - var(--mdc-button-outline-width, 1px));padding-right:calc(16px - 1px);padding-right:calc(var(--mdc-button-horizontal-padding, 16px) - var(--mdc-button-outline-width, 1px))}.mdc-button--outlined:not(:disabled){border-color:rgba(0, 0, 0, 0.12);border-color:var(--mdc-button-outline-color, rgba(0, 0, 0, 0.12))}.mdc-button--outlined .ripple{top:calc(-1 * 1px);top:calc(-1 * var(--mdc-button-outline-width, 1px));left:calc(-1 * 1px);left:calc(-1 * var(--mdc-button-outline-width, 1px));right:initial;right:initial;border-width:1px;border-width:var(--mdc-button-outline-width, 1px);border-style:solid;border-color:transparent}[dir=rtl] .mdc-button--outlined .ripple,.mdc-button--outlined .ripple[dir=rtl]{left:initial;left:initial;right:calc(-1 * 1px);right:calc(-1 * var(--mdc-button-outline-width, 1px))}.mdc-button--dense{height:28px;margin-top:0;margin-bottom:0}.mdc-button--dense .mdc-button__touch{height:100%}:host([disabled]){pointer-events:none}:host([disabled]) .mdc-button{color:rgba(0, 0, 0, 0.38);color:var(--mdc-button-disabled-ink-color, rgba(0, 0, 0, 0.38))}:host([disabled]) .mdc-button--raised,:host([disabled]) .mdc-button--unelevated{background-color:rgba(0, 0, 0, 0.12);background-color:var(--mdc-button-disabled-fill-color, rgba(0, 0, 0, 0.12))}:host([disabled]) .mdc-button--outlined{border-color:rgba(0, 0, 0, 0.12);border-color:var(--mdc-button-disabled-outline-color, rgba(0, 0, 0, 0.12))}`;let Xi=class extends Si{};Xi.styles=[Ti],Xi=Rt([Jt("mwc-button")],Xi),(()=>{var e,t,i;const o=Symbol(),n=Symbol(),s=Symbol(),r=Symbol(),a=Symbol(),l=Symbol(),h=Symbol(),m=Symbol(),c=Symbol(),d=Symbol(),p=Symbol(),j=Symbol(),P=Symbol();class w{constructor(){this[e]=[],this[t]=[],this[i]=new Set}destructor(){this[c](this[s]);const e=this;e[o]=null,e[s]=null,e[n]=null}get top(){const e=this[o];return e[e.length-1]||null}push(e){e&&e!==this.top&&(this.remove(e),this[l](e),this[o].push(e))}remove(e){const t=this[o].indexOf(e);return-1!==t&&(this[o].splice(t,1),t===this[o].length&&this[l](this.top),!0)}pop(){const e=this.top;return e&&this.remove(e),e}has(e){return-1!==this[o].indexOf(e)}[(e=o,t=s,i=n,l)](e){const t=this[n],i=this[s];if(!e)return this[c](i),t.clear(),void(this[s]=[]);const o=this[d](e);if(o[o.length-1].parentNode!==document.body)throw Error("Non-connected element cannot be a blocking element");this[s]=o;const r=this[p](e);if(!i.length)return void this[m](o,r,t);let a=i.length-1,l=o.length-1;for(;a>0&&l>0&&i[a]===o[l];)a--,l--;i[a]!==o[l]&&this[h](i[a],o[l]),a>0&&this[c](i.slice(0,a)),l>0&&this[m](o.slice(0,l),r,null)}[h](e,t){const i=e[r];this[j](e)&&!e.inert&&(e.inert=!0,i.add(e)),i.has(t)&&(t.inert=!1,i.delete(t)),t[a]=e[a],t[r]=i,e[a]=void 0,e[r]=void 0}[c](e){for(const t of e){t[a].disconnect(),t[a]=void 0;const e=t[r];for(const t of e)t.inert=!1;t[r]=void 0}}[m](e,t,i){for(const o of e){const e=o.parentNode,n=e.children,s=new Set;for(let e=0;e(t,i)=>{if(t.constructor._observers){if(!t.constructor.hasOwnProperty("_observers")){const e=t.constructor._observers;t.constructor._observers=new Map,e.forEach(((e,i)=>t.constructor._observers.set(i,e)))}}else{t.constructor._observers=new Map;const e=t.updated;t.updated=function(t){e.call(this,t),t.forEach(((e,t)=>{const i=this.constructor._observers.get(t);void 0!==i&&i.call(this,this[t],e)}))}}t.constructor._observers.set(i,e)},_i=document.$blockingElements;class Ii extends hi{constructor(){super(...arguments),this.hideActions=!1,this.stacked=!1,this.heading="",this.scrimClickAction="close",this.escapeKeyAction="close",this.open=!1,this.defaultAction="close",this.actionAttribute="dialogAction",this.initialFocusAttribute="dialogInitialFocus",this.initialSupressDefaultPressSelector="",this.mdcFoundationClass=Ni,this.boundHandleClick=null,this.boundHandleKeydown=null,this.boundHandleDocumentKeydown=null}set suppressDefaultPressSelector(e){this.mdcFoundation?this.mdcFoundation.setSuppressDefaultPressSelector(e):this.initialSupressDefaultPressSelector=e}get suppressDefaultPressSelector(){return this.mdcFoundation?this.mdcFoundation.getSuppressDefaultPressSelector():this.initialSupressDefaultPressSelector}get primaryButton(){let e=this.primarySlot.assignedNodes();e=e.filter((e=>e instanceof HTMLElement));const t=e[0];return t||null}emitNotification(e,t){const i=new CustomEvent(e,{detail:t?{action:t}:{}});this.dispatchEvent(i)}getInitialFocusEl(){const e=`[${this.initialFocusAttribute}]`,t=this.querySelector(e);if(t)return t;const i=this.primarySlot.assignedNodes({flatten:!0}),o=this.searchNodeTreesForAttribute(i,this.initialFocusAttribute);if(o)return o;const n=this.secondarySlot.assignedNodes({flatten:!0}),s=this.searchNodeTreesForAttribute(n,this.initialFocusAttribute);if(s)return s;const r=this.contentSlot.assignedNodes({flatten:!0});return this.searchNodeTreesForAttribute(r,this.initialFocusAttribute)}searchNodeTreesForAttribute(e,t){for(const i of e)if(i instanceof HTMLElement){if(i.hasAttribute(t))return i;{const e=i.querySelector(`[${t}]`);if(e)return e}}return null}createAdapter(){return Object.assign(Object.assign({},ri(this.mdcRoot)),{addBodyClass:()=>document.body.style.overflow="hidden",removeBodyClass:()=>document.body.style.overflow="",areButtonsStacked:()=>this.stacked,clickDefaultButton:()=>{const e=this.primaryButton;e&&e.click()},eventTargetMatches:(e,t)=>!!e&&si(e,t),getActionFromEvent:e=>{if(!e.target)return"";const t=function(e,t){if(e.closest)return e.closest(t);for(var i=e;i;){if(si(i,t))return i;i=i.parentElement}return null}(e.target,`[${this.actionAttribute}]`);return t&&t.getAttribute(this.actionAttribute)},getInitialFocusEl:()=>this.getInitialFocusEl(),isContentScrollable:()=>{const e=this.contentElement;return!!e&&e.scrollHeight>e.offsetHeight},notifyClosed:e=>this.emitNotification("closed",e),notifyClosing:e=>{this.closingDueToDisconnect||(this.open=!1),this.emitNotification("closing",e)},notifyOpened:()=>this.emitNotification("opened"),notifyOpening:()=>{this.open=!0,this.emitNotification("opening")},reverseButtons:()=>{},releaseFocus:()=>{_i.remove(this)},trapFocus:e=>{this.isConnected&&(_i.push(this),e&&e.focus())},registerContentEventHandler:(e,t)=>{this.contentElement.addEventListener(e,t)},deregisterContentEventHandler:(e,t)=>{this.contentElement.removeEventListener(e,t)},isScrollableContentAtTop:()=>{const e=this.contentElement;return!!e&&0===e.scrollTop},isScrollableContentAtBottom:()=>{const e=this.contentElement;return!!e&&Math.ceil(e.scrollHeight-e.scrollTop)===e.clientHeight},registerWindowEventHandler:(e,t)=>{window.addEventListener(e,t,Vi())},deregisterWindowEventHandler:(e,t)=>{window.removeEventListener(e,t,Vi())}})}render(){const e={[Gi.STACKED]:this.stacked};let t=C``;this.heading&&(t=this.renderHeading());const i={"mdc-dialog__actions":!this.hideActions};return C` -
        -
        -
        - ${t} -
        - -
        -
        - - - - - - -
        -
        -
        -
        -
        `}renderHeading(){return C` -

        ${this.heading}

        `}firstUpdated(){super.firstUpdated(),this.mdcFoundation.setAutoStackButtons(!0),this.initialSupressDefaultPressSelector?this.suppressDefaultPressSelector=this.initialSupressDefaultPressSelector:this.suppressDefaultPressSelector=[this.suppressDefaultPressSelector,"mwc-textarea","mwc-menu mwc-list-item","mwc-select mwc-list-item"].join(", "),this.boundHandleClick=this.mdcFoundation.handleClick.bind(this.mdcFoundation),this.boundHandleKeydown=this.mdcFoundation.handleKeydown.bind(this.mdcFoundation),this.boundHandleDocumentKeydown=this.mdcFoundation.handleDocumentKeydown.bind(this.mdcFoundation)}connectedCallback(){super.connectedCallback(),this.open&&this.mdcFoundation&&!this.mdcFoundation.isOpen()&&(this.setEventListeners(),this.mdcFoundation.open())}disconnectedCallback(){super.disconnectedCallback(),this.open&&this.mdcFoundation&&(this.removeEventListeners(),this.closingDueToDisconnect=!0,this.mdcFoundation.close(this.currentAction||this.defaultAction),this.closingDueToDisconnect=!1,this.currentAction=void 0,_i.remove(this))}forceLayout(){this.mdcFoundation.layout()}focus(){const e=this.getInitialFocusEl();e&&e.focus()}blur(){if(!this.shadowRoot)return;const e=this.shadowRoot.activeElement;if(e)e instanceof HTMLElement&&e.blur();else{const e=this.getRootNode(),t=e instanceof Document?e.activeElement:null;t instanceof HTMLElement&&t.blur()}}setEventListeners(){this.boundHandleClick&&this.mdcRoot.addEventListener("click",this.boundHandleClick),this.boundHandleKeydown&&this.mdcRoot.addEventListener("keydown",this.boundHandleKeydown,Vi()),this.boundHandleDocumentKeydown&&document.addEventListener("keydown",this.boundHandleDocumentKeydown,Vi())}removeEventListeners(){this.boundHandleClick&&this.mdcRoot.removeEventListener("click",this.boundHandleClick),this.boundHandleKeydown&&this.mdcRoot.removeEventListener("keydown",this.boundHandleKeydown),this.boundHandleDocumentKeydown&&document.removeEventListener("keydown",this.boundHandleDocumentKeydown)}close(){this.open=!1}show(){this.open=!0}}Rt([ei(".mdc-dialog")],Ii.prototype,"mdcRoot",void 0),Rt([ei('slot[name="primaryAction"]')],Ii.prototype,"primarySlot",void 0),Rt([ei('slot[name="secondaryAction"]')],Ii.prototype,"secondarySlot",void 0),Rt([ei("#contentSlot")],Ii.prototype,"contentSlot",void 0),Rt([ei(".mdc-dialog__content")],Ii.prototype,"contentElement",void 0),Rt([ei(".mdc-container")],Ii.prototype,"conatinerElement",void 0),Rt([Bt({type:Boolean})],Ii.prototype,"hideActions",void 0),Rt([Bt({type:Boolean}),Wi((function(){this.forceLayout()}))],Ii.prototype,"stacked",void 0),Rt([Bt({type:String})],Ii.prototype,"heading",void 0),Rt([Bt({type:String}),Wi((function(e){this.mdcFoundation.setScrimClickAction(e)}))],Ii.prototype,"scrimClickAction",void 0),Rt([Bt({type:String}),Wi((function(e){this.mdcFoundation.setEscapeKeyAction(e)}))],Ii.prototype,"escapeKeyAction",void 0),Rt([Bt({type:Boolean,reflect:!0}),Wi((function(e){this.mdcFoundation&&this.isConnected&&(e?(this.setEventListeners(),this.mdcFoundation.open()):(this.removeEventListeners(),this.mdcFoundation.close(this.currentAction||this.defaultAction),this.currentAction=void 0))}))],Ii.prototype,"open",void 0),Rt([Bt()],Ii.prototype,"defaultAction",void 0),Rt([Bt()],Ii.prototype,"actionAttribute",void 0),Rt([Bt()],Ii.prototype,"initialFocusAttribute",void 0);const Hi=s`.mdc-dialog .mdc-dialog__surface{background-color:#fff;background-color:var(--mdc-theme-surface, #fff)}.mdc-dialog .mdc-dialog__scrim{background-color:rgba(0,0,0,.32)}.mdc-dialog .mdc-dialog__surface-scrim{background-color:rgba(0,0,0,.32)}.mdc-dialog .mdc-dialog__title{color:rgba(0,0,0,.87)}.mdc-dialog .mdc-dialog__content{color:rgba(0,0,0,.6)}.mdc-dialog .mdc-dialog__close{color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-dialog .mdc-dialog__close .mdc-icon-button__ripple::before,.mdc-dialog .mdc-dialog__close .mdc-icon-button__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, var(--mdc-theme-on-surface, #000))}.mdc-dialog .mdc-dialog__close:hover .mdc-icon-button__ripple::before,.mdc-dialog .mdc-dialog__close.mdc-ripple-surface--hover .mdc-icon-button__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-dialog .mdc-dialog__close.mdc-ripple-upgraded--background-focused .mdc-icon-button__ripple::before,.mdc-dialog .mdc-dialog__close:not(.mdc-ripple-upgraded):focus .mdc-icon-button__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-dialog .mdc-dialog__close:not(.mdc-ripple-upgraded) .mdc-icon-button__ripple::after{transition:opacity 150ms linear}.mdc-dialog .mdc-dialog__close:not(.mdc-ripple-upgraded):active .mdc-icon-button__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-dialog .mdc-dialog__close.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title,.mdc-dialog.mdc-dialog--scrollable .mdc-dialog__actions,.mdc-dialog.mdc-dialog--scrollable.mdc-dialog-scroll-divider-footer .mdc-dialog__actions{border-color:rgba(0,0,0,.12)}.mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title{border-bottom:1px solid rgba(0,0,0,.12);margin-bottom:0}.mdc-dialog.mdc-dialog-scroll-divider-header.mdc-dialog--fullscreen .mdc-dialog__header{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0,0,0,.12)}.mdc-dialog .mdc-dialog__surface{border-radius:4px;border-radius:var(--mdc-shape-medium, 4px)}.mdc-dialog__surface{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0,0,0,.12)}.mdc-dialog__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.25rem;font-size:var(--mdc-typography-headline6-font-size, 1.25rem);line-height:2rem;line-height:var(--mdc-typography-headline6-line-height, 2rem);font-weight:500;font-weight:var(--mdc-typography-headline6-font-weight, 500);letter-spacing:0.0125em;letter-spacing:var(--mdc-typography-headline6-letter-spacing, 0.0125em);text-decoration:inherit;text-decoration:var(--mdc-typography-headline6-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline6-text-transform, inherit)}.mdc-dialog__content{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-body1-font-size, 1rem);line-height:1.5rem;line-height:var(--mdc-typography-body1-line-height, 1.5rem);font-weight:400;font-weight:var(--mdc-typography-body1-font-weight, 400);letter-spacing:0.03125em;letter-spacing:var(--mdc-typography-body1-letter-spacing, 0.03125em);text-decoration:inherit;text-decoration:var(--mdc-typography-body1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body1-text-transform, inherit)}.mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);transition:opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color, #fff)}.mdc-dialog,.mdc-dialog__scrim{position:fixed;top:0;left:0;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%}.mdc-dialog{display:none;z-index:7;z-index:var(--mdc-dialog-z-index, 7)}.mdc-dialog .mdc-dialog__content{padding:20px 24px 20px 24px}.mdc-dialog .mdc-dialog__surface{min-width:280px}@media(max-width: 592px){.mdc-dialog .mdc-dialog__surface{max-width:calc(100vw - 32px)}}@media(min-width: 592px){.mdc-dialog .mdc-dialog__surface{max-width:560px}}.mdc-dialog .mdc-dialog__surface{max-height:calc(100% - 32px)}.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface{max-width:none}@media(max-width: 960px){.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface{max-height:560px;width:560px}.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close{right:-12px}}@media(max-width: 720px)and (max-width: 672px){.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface{width:calc(100vw - 112px)}}@media(max-width: 720px)and (min-width: 672px){.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface{width:560px}}@media(max-width: 720px)and (max-height: 720px){.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface{max-height:calc(100vh - 160px)}}@media(max-width: 720px)and (min-height: 720px){.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface{max-height:560px}}@media(max-width: 720px){.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close{right:-12px}}@media(max-width: 720px)and (max-height: 400px){.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface{height:100%;max-height:100vh;max-width:100vw;width:100vw;border-radius:0}.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close{order:-1;left:-12px}.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__header{padding:0 16px 9px;justify-content:flex-start}.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__title{margin-left:calc(16px - 2 * 12px)}}@media(max-width: 600px){.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface{height:100%;max-height:100vh;max-width:100vw;width:100vw;border-radius:0}.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close{order:-1;left:-12px}.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__header{padding:0 16px 9px;justify-content:flex-start}.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__title{margin-left:calc(16px - 2 * 12px)}}@media(min-width: 960px){.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface{width:calc(100vw - 400px)}.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close{right:-12px}}.mdc-dialog.mdc-dialog__scrim--hidden .mdc-dialog__scrim{opacity:0}.mdc-dialog__scrim{opacity:0;z-index:-1}.mdc-dialog__container{display:flex;flex-direction:row;align-items:center;justify-content:space-around;box-sizing:border-box;height:100%;transform:scale(0.8);opacity:0;pointer-events:none}.mdc-dialog__surface{position:relative;display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;box-sizing:border-box;max-width:100%;max-height:100%;pointer-events:auto;overflow-y:auto}.mdc-dialog__surface .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}[dir=rtl] .mdc-dialog__surface,.mdc-dialog__surface[dir=rtl]{text-align:right}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-dialog__surface{outline:2px solid windowText}}.mdc-dialog__surface::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:2px solid transparent;border-radius:inherit;content:"";pointer-events:none}@media screen and (forced-colors: active){.mdc-dialog__surface::before{border-color:CanvasText}}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.mdc-dialog__surface::before{content:none}}.mdc-dialog__title{display:block;margin-top:0;position:relative;flex-shrink:0;box-sizing:border-box;margin:0 0 1px;padding:0 24px 9px}.mdc-dialog__title::before{display:inline-block;width:0;height:40px;content:"";vertical-align:0}[dir=rtl] .mdc-dialog__title,.mdc-dialog__title[dir=rtl]{text-align:right}.mdc-dialog--scrollable .mdc-dialog__title{margin-bottom:1px;padding-bottom:15px}.mdc-dialog--fullscreen .mdc-dialog__header{align-items:baseline;border-bottom:1px solid transparent;display:inline-flex;justify-content:space-between;padding:0 24px 9px;z-index:1}@media screen and (forced-colors: active){.mdc-dialog--fullscreen .mdc-dialog__header{border-bottom-color:CanvasText}}.mdc-dialog--fullscreen .mdc-dialog__header .mdc-dialog__close{right:-12px}.mdc-dialog--fullscreen .mdc-dialog__title{margin-bottom:0;padding:0;border-bottom:0}.mdc-dialog--fullscreen.mdc-dialog--scrollable .mdc-dialog__title{border-bottom:0;margin-bottom:0}.mdc-dialog--fullscreen .mdc-dialog__close{top:5px}.mdc-dialog--fullscreen.mdc-dialog--scrollable .mdc-dialog__actions{border-top:1px solid transparent}@media screen and (forced-colors: active){.mdc-dialog--fullscreen.mdc-dialog--scrollable .mdc-dialog__actions{border-top-color:CanvasText}}.mdc-dialog__content{flex-grow:1;box-sizing:border-box;margin:0;overflow:auto}.mdc-dialog__content>:first-child{margin-top:0}.mdc-dialog__content>:last-child{margin-bottom:0}.mdc-dialog__title+.mdc-dialog__content,.mdc-dialog__header+.mdc-dialog__content{padding-top:0}.mdc-dialog--scrollable .mdc-dialog__title+.mdc-dialog__content{padding-top:8px;padding-bottom:8px}.mdc-dialog__content .mdc-deprecated-list:first-child:last-child{padding:6px 0 0}.mdc-dialog--scrollable .mdc-dialog__content .mdc-deprecated-list:first-child:last-child{padding:0}.mdc-dialog__actions{display:flex;position:relative;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;box-sizing:border-box;min-height:52px;margin:0;padding:8px;border-top:1px solid transparent}@media screen and (forced-colors: active){.mdc-dialog__actions{border-top-color:CanvasText}}.mdc-dialog--stacked .mdc-dialog__actions{flex-direction:column;align-items:flex-end}.mdc-dialog__button{margin-left:8px;margin-right:0;max-width:100%;text-align:right}[dir=rtl] .mdc-dialog__button,.mdc-dialog__button[dir=rtl]{margin-left:0;margin-right:8px}.mdc-dialog__button:first-child{margin-left:0;margin-right:0}[dir=rtl] .mdc-dialog__button:first-child,.mdc-dialog__button:first-child[dir=rtl]{margin-left:0;margin-right:0}[dir=rtl] .mdc-dialog__button,.mdc-dialog__button[dir=rtl]{text-align:left}.mdc-dialog--stacked .mdc-dialog__button:not(:first-child){margin-top:12px}.mdc-dialog--open,.mdc-dialog--opening,.mdc-dialog--closing{display:flex}.mdc-dialog--opening .mdc-dialog__scrim{transition:opacity 150ms linear}.mdc-dialog--opening .mdc-dialog__container{transition:opacity 75ms linear,transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-dialog--closing .mdc-dialog__scrim,.mdc-dialog--closing .mdc-dialog__container{transition:opacity 75ms linear}.mdc-dialog--closing .mdc-dialog__container{transform:none}.mdc-dialog--open .mdc-dialog__scrim{opacity:1}.mdc-dialog--open .mdc-dialog__container{transform:none;opacity:1}.mdc-dialog--open.mdc-dialog__surface-scrim--shown .mdc-dialog__surface-scrim{opacity:1;z-index:1}.mdc-dialog--open.mdc-dialog__surface-scrim--hiding .mdc-dialog__surface-scrim{transition:opacity 75ms linear}.mdc-dialog--open.mdc-dialog__surface-scrim--showing .mdc-dialog__surface-scrim{transition:opacity 150ms linear}.mdc-dialog__surface-scrim{display:none;opacity:0;position:absolute;width:100%;height:100%}.mdc-dialog__surface-scrim--shown .mdc-dialog__surface-scrim,.mdc-dialog__surface-scrim--showing .mdc-dialog__surface-scrim,.mdc-dialog__surface-scrim--hiding .mdc-dialog__surface-scrim{display:block}.mdc-dialog-scroll-lock{overflow:hidden}.mdc-dialog--no-content-padding .mdc-dialog__content{padding:0}.mdc-dialog--sheet .mdc-dialog__close{right:12px;top:9px;position:absolute;z-index:1}#actions:not(.mdc-dialog__actions){display:none}.mdc-dialog__surface{box-shadow:var(--mdc-dialog-box-shadow, 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12))}@media(min-width: 560px){.mdc-dialog .mdc-dialog__surface{max-width:560px;max-width:var(--mdc-dialog-max-width, 560px)}}.mdc-dialog .mdc-dialog__scrim{background-color:rgba(0, 0, 0, 0.32);background-color:var(--mdc-dialog-scrim-color, rgba(0, 0, 0, 0.32))}.mdc-dialog .mdc-dialog__title{color:rgba(0, 0, 0, 0.87);color:var(--mdc-dialog-heading-ink-color, rgba(0, 0, 0, 0.87))}.mdc-dialog .mdc-dialog__content{color:rgba(0, 0, 0, 0.6);color:var(--mdc-dialog-content-ink-color, rgba(0, 0, 0, 0.6))}.mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title,.mdc-dialog.mdc-dialog--scrollable .mdc-dialog__actions{border-color:rgba(0, 0, 0, 0.12);border-color:var(--mdc-dialog-scroll-divider-color, rgba(0, 0, 0, 0.12))}.mdc-dialog .mdc-dialog__surface{min-width:280px;min-width:var(--mdc-dialog-min-width, 280px)}.mdc-dialog .mdc-dialog__surface{max-height:var(--mdc-dialog-max-height, calc(100% - 32px))}#actions ::slotted(*){margin-left:8px;margin-right:0;max-width:100%;text-align:right}[dir=rtl] #actions ::slotted(*),#actions ::slotted(*[dir=rtl]){margin-left:0;margin-right:8px}[dir=rtl] #actions ::slotted(*),#actions ::slotted(*[dir=rtl]){text-align:left}.mdc-dialog--stacked #actions{flex-direction:column-reverse}.mdc-dialog--stacked #actions *:not(:last-child) ::slotted(*){flex-basis:.000000001px;margin-top:12px}`;let Ui=class extends Ii{};Ui.styles=[Hi],Ui=Rt([Jt("mwc-dialog")],Ui);const Ri=!(window.ShadyDOM&&window.ShadyDOM.inUse);let Fi,Ji;function Li(e){Fi=(!e||!e.shimcssproperties)&&(Ri||Boolean(!navigator.userAgent.match(/AppleWebKit\/601|Edge\/15/)&&window.CSS&&CSS.supports&&CSS.supports("box-shadow","0 0 0 var(--foo)")))}window.ShadyCSS&&void 0!==window.ShadyCSS.cssBuild&&(Ji=window.ShadyCSS.cssBuild);const Bi=Boolean(window.ShadyCSS&&window.ShadyCSS.disableRuntime);window.ShadyCSS&&void 0!==window.ShadyCSS.nativeCss?Fi=window.ShadyCSS.nativeCss:window.ShadyCSS?(Li(window.ShadyCSS),window.ShadyCSS=void 0):Li(window.WebComponents&&window.WebComponents.flags);const Qi=Fi;class $i{constructor(){this.start=0,this.end=0,this.previous=null,this.parent=null,this.rules=null,this.parsedCssText="",this.cssText="",this.atRule=!1,this.type=0,this.keyframesName="",this.selector="",this.parsedSelector=""}}function qi(e){return eo(function(e){let t=new $i;t.start=0,t.end=e.length;let i=t;for(let o=0,n=e.length;o{":root"===e.selector&&(e.selector="html"),this.transformRule(e)})),e.textContent=uo(t),t}transformRules(e,t){this._currentElement=t,Mo(e,(e=>{this.transformRule(e)})),this._currentElement=null}transformRule(e){e.cssText=this.transformCssText(e.parsedCssText,e),":root"===e.selector&&(e.selector=":host > *")}transformCssText(e,t){return e=e.replace(ho,((e,i,o,n)=>this._produceCssProperties(e,i,o,n,t))),this._consumeCssProperties(e,t)}_getInitialValueForProperty(e){return this._measureElement||(this._measureElement=document.createElement("meta"),this._measureElement.setAttribute("apply-shim-measure",""),this._measureElement.style.all="initial",document.head.appendChild(this._measureElement)),window.getComputedStyle(this._measureElement).getPropertyValue(e)}_fallbacksFromPreviousRules(e){let t=e;for(;t.parent;)t=t.parent;const i={};let o=!1;return Mo(t,(t=>{o=o||t===e,o||t.selector===e.selector&&Object.assign(i,this._cssTextToMap(t.parsedCssText))})),i}_consumeCssProperties(e,t){let i=null;for(;i=mo.exec(e);){let o=i[0],n=i[1],s=i.index,r=s+o.indexOf("@apply"),a=s+o.length,l=e.slice(0,r),h=e.slice(a),m=t?this._fallbacksFromPreviousRules(t):{};Object.assign(m,this._cssTextToMap(l));let c=this._atApplyToCssProperties(n,m);e=`${l}${c}${h}`,mo.lastIndex=s+c.length}return e}_atApplyToCssProperties(e,t){e=e.replace(bo,"");let i=[],o=this._map.get(e);if(o||(this._map.set(e,{}),o=this._map.get(e)),o){let n,s,r;this._currentElement&&(o.dependants[this._currentElement]=!0);const a=o.properties;for(n in a)r=t&&t[n],s=[n,": var(",e,So,n],r&&s.push(",",r.replace(Yo,"")),s.push(")"),Yo.test(a[n])&&s.push(" !important"),i.push(s.join(""))}return i.join("; ")}_replaceInitialOrInherit(e,t){let i=vo.exec(t);return i&&(t=i[1]?this._getInitialValueForProperty(e):"apply-shim-inherit"),t}_cssTextToMap(e,t=!1){let i,o,n=e.split(";"),s={};for(let e,r,a=0;a1&&(i=r[0].trim(),o=r.slice(1).join(":"),t&&(o=this._replaceInitialOrInherit(i,o)),s[i]=o));return s}_invalidateMixinEntry(e){if(Xo)for(let t in e.dependants)t!==this._currentElement&&Xo(t)}_produceCssProperties(e,t,i,o,n){if(i&&Zo(i,((e,t)=>{t&&this._map.get(t)&&(o=`@apply ${t};`)})),!o)return e;let s=this._consumeCssProperties(""+o,n),r=e.slice(0,e.indexOf("--")),a=this._cssTextToMap(s,!0),l=a,h=this._map.get(t),m=h&&h.properties;m?l=Object.assign(Object.create(m),a):this._map.set(t,l);let c,d,p=[],j=!1;for(c in l)d=a[c],void 0===d&&(d="initial"),m&&!(c in m)&&(j=!0),p.push(`${t}${So}${c}: ${d}`);return j&&this._invalidateMixinEntry(h),h&&(h.properties=l),i&&(r=`${e};${r}`),`${r}${p.join("; ")};`}}Eo.prototype.detectMixin=Eo.prototype.detectMixin,Eo.prototype.transformStyle=Eo.prototype.transformStyle,Eo.prototype.transformCustomStyle=Eo.prototype.transformCustomStyle,Eo.prototype.transformRules=Eo.prototype.transformRules,Eo.prototype.transformRule=Eo.prototype.transformRule,Eo.prototype.transformTemplate=Eo.prototype.transformTemplate,Eo.prototype._separator=So,Object.defineProperty(Eo.prototype,"invalidCallback",{get:()=>Xo,set(e){Xo=e}});const ko={},zo="_applyShimCurrentVersion",Go="_applyShimNextVersion",Ao="_applyShimValidatingVersion",Oo=Promise.resolve();function Co(e){let t=ko[e];t&&function(e){e[zo]=e[zo]||0,e[Ao]=e[Ao]||0,e[Go]=(e[Go]||0)+1}(t)}function No(e){return e[zo]===e[Go]}let Vo,Wo=null,_o=window.HTMLImports&&window.HTMLImports.whenReady||null;function Io(e){requestAnimationFrame((function(){_o?_o(e):(Wo||(Wo=new Promise((e=>{Vo=e})),"complete"===document.readyState?Vo():document.addEventListener("readystatechange",(()=>{"complete"===document.readyState&&Vo()}))),Wo.then((function(){e&&e()})))}))}const Ho="__seenByShadyCSS",Uo="__shadyCSSCachedStyle";let Ro=null,Fo=null,Jo=class{constructor(){this.customStyles=[],this.enqueued=!1,Io((()=>{window.ShadyCSS.flushCustomStyles&&window.ShadyCSS.flushCustomStyles()}))}enqueueDocumentValidation(){!this.enqueued&&Fo&&(this.enqueued=!0,Io(Fo))}addCustomStyle(e){e[Ho]||(e[Ho]=!0,this.customStyles.push(e),this.enqueueDocumentValidation())}getStyleForCustomStyle(e){if(e[Uo])return e[Uo];let t;return t=e.getStyle?e.getStyle():e,t}processStyles(){const e=this.customStyles;for(let t=0;tRo,set(e){Ro=e}},validateCallback:{get:()=>Fo,set(e){let t=!1;Fo||(t=!0),Fo=e,t&&this.enqueueDocumentValidation()}}});const Lo=new Eo;class Bo{constructor(){this.customStyleInterface=null,Lo.invalidCallback=Co}ensure(){this.customStyleInterface||window.ShadyCSS.CustomStyleInterface&&(this.customStyleInterface=window.ShadyCSS.CustomStyleInterface,this.customStyleInterface.transformCallback=e=>{Lo.transformCustomStyle(e)},this.customStyleInterface.validateCallback=()=>{requestAnimationFrame((()=>{this.customStyleInterface.enqueued&&this.flushCustomStyles()}))})}prepareTemplate(e,t){if(this.ensure(),go(e))return;ko[t]=e;let i=Lo.transformTemplate(e,t);e._styleAst=i}flushCustomStyles(){if(this.ensure(),!this.customStyleInterface)return;let e=this.customStyleInterface.processStyles();if(this.customStyleInterface.enqueued){for(let t=0;t-1?i=t:(o=t,i=e.getAttribute&&e.getAttribute("is")||""):(i=e.is,o=e.extends),{is:i,typeExtension:o}}(e),i=ko[t];if((!i||!go(i))&&i&&!No(i)){(function(e){return!No(e)&&e[Ao]===e[Go]})(i)||(this.prepareTemplate(i,t),function(e){e[Ao]=e[Go],e._validating||(e._validating=!0,Oo.then((function(){e[zo]=e[Go],e._validating=!1})))}(i));let o=e.shadowRoot;if(o){let e=o.querySelector("style");e&&(e.__cssRules=i._styleAst,e.textContent=uo(i._styleAst))}}}styleDocument(e){this.ensure(),this.styleSubtree(document.body,e)}}if(!window.ShadyCSS||!window.ShadyCSS.ScopingShim){const e=new Bo;let t=window.ShadyCSS&&window.ShadyCSS.CustomStyleInterface;window.ShadyCSS={prepareTemplate(t,i,o){e.flushCustomStyles(),e.prepareTemplate(t,i)},prepareTemplateStyles(e,t,i){window.ShadyCSS.prepareTemplate(e,t,i)},prepareTemplateDom(e,t){},styleSubtree(t,i){e.flushCustomStyles(),e.styleSubtree(t,i)},styleElement(t){e.flushCustomStyles(),e.styleElement(t)},styleDocument(t){e.flushCustomStyles(),e.styleDocument(t)},getComputedStyleValue:(e,t)=>xo(e,t),flushCustomStyles(){e.flushCustomStyles()},nativeCss:Qi,nativeShadow:Ri,cssBuild:Ji,disableRuntime:Bi},t&&(window.ShadyCSS.CustomStyleInterface=t)}window.ShadyCSS.ApplyShim=Lo,window.JSCompiler_renameProperty=function(e,t){return e};let Qo,$o,qo=/(url\()([^)]*)(\))/g,en=/(^\/[^\/])|(^#)|(^[\w-\d]*:)/;function tn(e,t){if(e&&en.test(e))return e;if("//"===e)return e;if(void 0===Qo){Qo=!1;try{const e=new URL("b","http://a");e.pathname="c%20d",Qo="http://a/c%20d"===e.href}catch(e){}}if(t||(t=document.baseURI||window.location.href),Qo)try{return new URL(e,t).href}catch(t){return e}return $o||($o=document.implementation.createHTMLDocument("temp"),$o.base=$o.createElement("base"),$o.head.appendChild($o.base),$o.anchor=$o.createElement("a"),$o.body.appendChild($o.anchor)),$o.base.href=t,$o.anchor.href=e,$o.anchor.href||e}function on(e,t){return e.replace(qo,(function(e,i,o,n){return i+"'"+tn(o.replace(/["']/g,""),t)+"'"+n}))}function nn(e){return e.substring(0,e.lastIndexOf("/")+1)}const sn=!window.ShadyDOM||!window.ShadyDOM.inUse;Boolean(!window.ShadyCSS||window.ShadyCSS.nativeCss);const rn=sn&&"adoptedStyleSheets"in Document.prototype&&"replaceSync"in CSSStyleSheet.prototype&&(()=>{try{const e=new CSSStyleSheet;e.replaceSync("");const t=document.createElement("div");return t.attachShadow({mode:"open"}),t.shadowRoot.adoptedStyleSheets=[e],t.shadowRoot.adoptedStyleSheets[0]===e}catch(e){return!1}})();let an=window.Polymer&&window.Polymer.rootPath||nn(document.baseURI||window.location.href),ln=window.Polymer&&window.Polymer.sanitizeDOMValue||void 0,hn=window.Polymer&&window.Polymer.setPassiveTouchGestures||!1,mn=window.Polymer&&window.Polymer.strictTemplatePolicy||!1,cn=window.Polymer&&window.Polymer.allowTemplateFromDomModule||!1,dn=window.Polymer&&window.Polymer.legacyOptimizations||!1,pn=window.Polymer&&window.Polymer.legacyWarnings||!1,jn=window.Polymer&&window.Polymer.syncInitialRender||!1,Pn=window.Polymer&&window.Polymer.legacyUndefined||!1,wn=window.Polymer&&window.Polymer.orderedComputed||!1,un=!0;let fn=window.Polymer&&window.Polymer.removeNestedTemplates||!1,Mn=window.Polymer&&window.Polymer.fastDomIf||!1,Zn=window.Polymer&&window.Polymer.suppressTemplateNotifications||!1,Kn=window.Polymer&&window.Polymer.legacyNoObservedAttributes||!1,yn=window.Polymer&&window.Polymer.useAdoptedStyleSheetsWithBuiltCSS||!1,gn=0;const Dn=function(e){let t=e.__mixinApplications;t||(t=new WeakMap,e.__mixinApplications=t);let i=gn++;return function(o){let n=o.__mixinSet;if(n&&n[i])return o;let s=t,r=s.get(o);if(!r){r=e(o),s.set(o,r);let t=Object.create(r.__mixinSet||n||null);t[i]=!0,r.__mixinSet=t}return r}};let xn={},bn={};function vn(e,t){xn[e]=bn[e.toLowerCase()]=t}function Yn(e){return xn[e]||bn[e.toLowerCase()]}class Sn extends HTMLElement{static get observedAttributes(){return["id"]}static import(e,t){if(e){let i=Yn(e);return i&&t?i.querySelector(t):i}return null}attributeChangedCallback(e,t,i,o){t!==i&&this.register()}get assetpath(){if(!this.__assetpath){const e=window.HTMLImports&&HTMLImports.importForElement?HTMLImports.importForElement(this)||document:this.ownerDocument,t=tn(this.getAttribute("assetpath")||"",e.baseURI);this.__assetpath=nn(t)}return this.__assetpath}register(e){if(e=e||this.id){if(mn&&void 0!==Yn(e))throw vn(e,null),new Error(`strictTemplatePolicy: dom-module ${e} re-registered`);this.id=e,vn(e,this),(t=this).querySelector("style")&&console.warn("dom-module %s has style outside template",t.id)}var t}}Sn.prototype.modules=xn,customElements.define("dom-module",Sn);const Tn="link[rel=import][type~=css]",Xn="include",En="shady-unscoped";function kn(e){return Sn.import(e)}function zn(e){const t=on((e.body?e.body:e).textContent,e.baseURI),i=document.createElement("style");return i.textContent=t,i}function Gn(e){const t=e.trim().split(/\s+/),i=[];for(let e=0;eShadyDOM.patch(e):e=>e;function Wn(e){return e.indexOf(".")>=0}function _n(e){let t=e.indexOf(".");return-1===t?e:e.slice(0,t)}function In(e,t){return 0===e.indexOf(t+".")}function Hn(e,t){return 0===t.indexOf(e+".")}function Un(e,t,i){return t+i.slice(e.length)}function Rn(e){if(Array.isArray(e)){let t=[];for(let i=0;i1){for(let e=0;ee[1].toUpperCase())))}function es(e){return Bn[e]||(Bn[e]=e.replace($n,"-$1").toLowerCase())}let ts=0,is=0,ns=[],ss=0,rs=!1,as=document.createTextNode("");new window.MutationObserver((function(){rs=!1;const e=ns.length;for(let t=0;t{throw e}))}}ns.splice(0,e),is+=e})).observe(as,{characterData:!0});const ls={after:e=>({run:t=>window.setTimeout(t,e),cancel(e){window.clearTimeout(e)}}),run:(e,t)=>window.setTimeout(e,t),cancel(e){window.clearTimeout(e)}},hs={run:e=>(rs||(rs=!0,as.textContent=ss++),ns.push(e),ts++),cancel(e){const t=e-is;if(t>=0){if(!ns[t])throw new Error("invalid async handle: "+e);ns[t]=null}}},ms=hs,cs=Dn((e=>class extends e{static createProperties(e){const t=this.prototype;for(let i in e)i in t||t._createPropertyAccessor(i)}static attributeNameForProperty(e){return e.toLowerCase()}static typeForProperty(e){}_createPropertyAccessor(e,t){this._addPropertyToAttributeMap(e),this.hasOwnProperty(JSCompiler_renameProperty("__dataHasAccessor",this))||(this.__dataHasAccessor=Object.assign({},this.__dataHasAccessor)),this.__dataHasAccessor[e]||(this.__dataHasAccessor[e]=!0,this._definePropertyAccessor(e,t))}_addPropertyToAttributeMap(e){this.hasOwnProperty(JSCompiler_renameProperty("__dataAttributes",this))||(this.__dataAttributes=Object.assign({},this.__dataAttributes));let t=this.__dataAttributes[e];return t||(t=this.constructor.attributeNameForProperty(e),this.__dataAttributes[t]=e),t}_definePropertyAccessor(e,t){Object.defineProperty(this,e,{get(){return this.__data[e]},set:t?function(){}:function(t){this._setPendingProperty(e,t,!0)&&this._invalidateProperties()}})}constructor(){super(),this.__dataEnabled=!1,this.__dataReady=!1,this.__dataInvalid=!1,this.__data={},this.__dataPending=null,this.__dataOld=null,this.__dataInstanceProps=null,this.__dataCounter=0,this.__serializing=!1,this._initializeProperties()}ready(){this.__dataReady=!0,this._flushProperties()}_initializeProperties(){for(let e in this.__dataHasAccessor)this.hasOwnProperty(e)&&(this.__dataInstanceProps=this.__dataInstanceProps||{},this.__dataInstanceProps[e]=this[e],delete this[e])}_initializeInstanceProperties(e){Object.assign(this,e)}_setProperty(e,t){this._setPendingProperty(e,t)&&this._invalidateProperties()}_getProperty(e){return this.__data[e]}_setPendingProperty(e,t,i){let o=this.__data[e],n=this._shouldPropertyChange(e,t,o);return n&&(this.__dataPending||(this.__dataPending={},this.__dataOld={}),this.__dataOld&&!(e in this.__dataOld)&&(this.__dataOld[e]=o),this.__data[e]=t,this.__dataPending[e]=t),n}_isPropertyPending(e){return!(!this.__dataPending||!this.__dataPending.hasOwnProperty(e))}_invalidateProperties(){!this.__dataInvalid&&this.__dataReady&&(this.__dataInvalid=!0,ms.run((()=>{this.__dataInvalid&&(this.__dataInvalid=!1,this._flushProperties())})))}_enableProperties(){this.__dataEnabled||(this.__dataEnabled=!0,this.__dataInstanceProps&&(this._initializeInstanceProperties(this.__dataInstanceProps),this.__dataInstanceProps=null),this.ready())}_flushProperties(){this.__dataCounter++;const e=this.__data,t=this.__dataPending,i=this.__dataOld;this._shouldPropertiesChange(e,t,i)&&(this.__dataPending=null,this.__dataOld=null,this._propertiesChanged(e,t,i)),this.__dataCounter--}_shouldPropertiesChange(e,t,i){return Boolean(t)}_propertiesChanged(e,t,i){}_shouldPropertyChange(e,t,i){return i!==t&&(i==i||t==t)}attributeChangedCallback(e,t,i,o){t!==i&&this._attributeToProperty(e,i),super.attributeChangedCallback&&super.attributeChangedCallback(e,t,i,o)}_attributeToProperty(e,t,i){if(!this.__serializing){const o=this.__dataAttributes,n=o&&o[e]||e;this[n]=this._deserializeValue(t,i||this.constructor.typeForProperty(n))}}_propertyToAttribute(e,t,i){this.__serializing=!0,i=arguments.length<3?this[e]:i,this._valueToNodeAttribute(this,i,t||this.constructor.attributeNameForProperty(e)),this.__serializing=!1}_valueToNodeAttribute(e,t,i){const o=this._serializeValue(t);"class"!==i&&"name"!==i&&"slot"!==i||(e=Vn(e)),void 0===o?e.removeAttribute(i):e.setAttribute(i,""===o&&window.trustedTypes?window.trustedTypes.emptyScript:o)}_serializeValue(e){return"boolean"==typeof e?e?"":void 0:null!=e?e.toString():void 0}_deserializeValue(e,t){switch(t){case Boolean:return null!==e;case Number:return Number(e);default:return e}}})),ds={};let ps=HTMLElement.prototype;for(;ps;){let e=Object.getOwnPropertyNames(ps);for(let t=0;ttrustedTypes.isHTML(e)||trustedTypes.isScript(e)||trustedTypes.isScriptURL(e):()=>!1;const Ps=Dn((e=>{const t=cs(e);return class extends t{static createPropertiesForAttributes(){let e=this.observedAttributes;for(let t=0;t{const e=window.trustedTypes&&window.trustedTypes.createPolicy("polymer-template-event-attribute-policy",{createScript:e=>e});return(t,i,o)=>{const n=i.getAttribute(o);e&&o.startsWith("on-")?t.setAttribute(o,e.createScript(n,o)):t.setAttribute(o,n)}})();function Ks(e){let t=e.getAttribute("is");if(t&&ws[t]){let i=e;for(i.removeAttribute("is"),e=i.ownerDocument.createElement(t),i.parentNode.replaceChild(e,i),e.appendChild(i);i.attributes.length;){const{name:t}=i.attributes[0];Zs(e,i,t),i.removeAttribute(t)}}return e}function ys(e,t){let i=t.parentInfo&&ys(e,t.parentInfo);if(!i)return e;for(let e=i.firstChild,o=0;e;e=e.nextSibling)if(t.parentIndex===o++)return e}function gs(e,t,i,o){o.id&&(t[o.id]=i)}function Ds(e,t,i){if(i.events&&i.events.length)for(let o,n=0,s=i.events;nclass extends e{static _parseTemplate(e,t){if(!e._templateInfo){let i=e._templateInfo={};i.nodeInfoList=[],i.nestedTemplate=Boolean(t),i.stripWhiteSpace=t&&t.stripWhiteSpace||e.hasAttribute&&e.hasAttribute("strip-whitespace"),this._parseTemplateContent(e,i,{parent:null})}return e._templateInfo}static _parseTemplateContent(e,t,i){return this._parseTemplateNode(e.content,t,i)}static _parseTemplateNode(e,t,i){let o=!1,n=e;return"template"!=n.localName||n.hasAttribute("preserve-content")?"slot"===n.localName&&(t.hasInsertionPoint=!0):o=this._parseTemplateNestedTemplate(n,t,i)||o,Ms(n),n.firstChild&&this._parseTemplateChildNodes(n,t,i),n.hasAttributes&&n.hasAttributes()&&(o=this._parseTemplateNodeAttributes(n,t,i)||o),o||i.noted}static _parseTemplateChildNodes(e,t,i){if("script"!==e.localName&&"style"!==e.localName)for(let o,n=e.firstChild,s=0;n;n=o){if("template"==n.localName&&(n=Ks(n)),o=n.nextSibling,n.nodeType===Node.TEXT_NODE){let i=o;for(;i&&i.nodeType===Node.TEXT_NODE;)n.textContent+=i.textContent,o=i.nextSibling,e.removeChild(i),i=o;if(t.stripWhiteSpace&&!n.textContent.trim()){e.removeChild(n);continue}}let r={parentIndex:s,parentInfo:i};this._parseTemplateNode(n,t,r)&&(r.infoIndex=t.nodeInfoList.push(r)-1),n.parentNode&&s++}}static _parseTemplateNestedTemplate(e,t,i){let o=e,n=this._parseTemplate(o,t);return(n.content=o.content.ownerDocument.createDocumentFragment()).appendChild(o.content),i.templateInfo=n,!0}static _parseTemplateNodeAttributes(e,t,i){let o=!1,n=Array.from(e.attributes);for(let s,r=n.length-1;s=n[r];r--)o=this._parseTemplateNodeAttribute(e,t,i,s.name,s.value)||o;return o}static _parseTemplateNodeAttribute(e,t,i,o,n){return"on-"===o.slice(0,3)?(e.removeAttribute(o),i.events=i.events||[],i.events.push({name:o.slice(3),value:n}),!0):"id"===o&&(i.id=n,!0)}static _contentForTemplate(e){let t=e._templateInfo;return t&&t.content||e.content}_stampTemplate(e,t){e&&!e.content&&window.HTMLTemplateElement&&HTMLTemplateElement.decorate&&HTMLTemplateElement.decorate(e);let i=(t=t||this.constructor._parseTemplate(e)).nodeInfoList,o=t.content||e.content,n=document.importNode(o,!0);n.__noInsertionPoint=!t.hasInsertionPoint;let s=n.nodeList=new Array(i.length);n.$={};for(let e,o=0,r=i.length;o!e.literal)).length+(o.dynamicFn?1:0)}for(let e in o)t[e]||n.push(e);return{counts:i,ready:n,total:s}}(e);for(;o=s.shift();){t.set(o,t.size);const e=i[o];e&&e.forEach((e=>{const t=e.info.methodInfo;--r,0==--n[t]&&s.push(t)}))}if(0!==r){const t=e;console.warn(`Computed graph for ${t.localName} incomplete; circular?`)}e.constructor.__orderedComputedDeps=t}return t}(e),r=[];for(let e in t)Is(e,n,r,s,o);let a;for(;a=r.shift();)Hs(e,"",t,i,a)&&Is(a.methodInfo,n,r,s,o);Object.assign(i,e.__dataOld),Object.assign(t,e.__dataPending),e.__dataPending=null}else{let s=t;for(;ks(e,n,s,i,o);)Object.assign(i,e.__dataOld),Object.assign(t,e.__dataPending),s=e.__dataPending,e.__dataPending=null}}const _s=(e,t,i)=>{let o=0,n=t.length-1,s=-1;for(;o<=n;){const r=o+n>>1,a=i.get(t[r].methodInfo)-i.get(e.methodInfo);if(a<0)o=r+1;else{if(!(a>0)){s=r;break}n=r-1}}s<0&&(s=n+1),t.splice(s,0,e)},Is=(e,t,i,o,n)=>{const s=t[n?_n(e):e];if(s)for(let t=0;th.source.length&&"property"==l.kind&&!l.isCompound&&a.__isPropertyEffectsClient&&a.__dataHasAccessor&&a.__dataHasAccessor[l.target]){let o=i[t];t=Un(h.source,l.target,t),a._setPendingPropertyOrPath(t,o,!1,!0)&&e._enqueueClient(a)}else{let r=n.evaluator._evaluateBinding(e,h,t,i,o,s);r!==Ys&&function(e,t,i,o,n){n=function(e,t,i,o){if(i.isCompound){let n=e.__dataCompoundStorage[i.target];n[o.compoundIndex]=t,t=n.join("")}"attribute"!==i.kind&&("textContent"!==i.target&&("value"!==i.target||"input"!==e.localName&&"textarea"!==e.localName)||(t=null==t?"":t));return t}(t,n,i,o),ln&&(n=ln(n,i.target,i.kind,t));if("attribute"==i.kind)e._valueToNodeAttribute(t,n,i.target);else{let o=i.target;t.__isPropertyEffectsClient&&t.__dataHasAccessor&&t.__dataHasAccessor[o]?t[Ss.READ_ONLY]&&t[Ss.READ_ONLY][o]||t._setPendingProperty(o,n)&&e._enqueueClient(t):e._setUnmanagedPropertyToNode(t,o,n)}}(e,a,l,h,r)}}function Js(e,t){if(t.isCompound){let i=e.__dataCompoundStorage||(e.__dataCompoundStorage={}),o=t.parts,n=new Array(o.length);for(let e=0;e="0"&&o<="9"&&(o="#"),o){case"'":case'"':i.value=t.slice(1,-1),i.literal=!0;break;case"#":i.value=Number(t),i.literal=!0}return i.literal||(i.rootProperty=_n(t),i.structured=Wn(t),i.structured&&(i.wildcard=".*"==t.slice(-2),i.wildcard&&(i.name=t.slice(0,-2)))),i}function sr(e,t,i){let o=Jn(e,i);return void 0===o&&(o=t[i]),o}function rr(e,t,i,o){const n={indexSplices:o};Pn&&!e._overrideLegacyUndefined&&(t.splices=n),e.notifyPath(i+".splices",n),e.notifyPath(i+".length",t.length),Pn&&!e._overrideLegacyUndefined&&(n.indexSplices=[])}function ar(e,t,i,o,n,s){rr(e,t,i,[{index:o,addedCount:n,removed:s,object:t,type:"splice"}])}const lr=Dn((e=>{const t=bs(Ps(e));return class extends t{constructor(){super(),this.__isPropertyEffectsClient=!0,this.__dataClientsReady,this.__dataPendingClients,this.__dataToNotify,this.__dataLinkedPaths,this.__dataHasPaths,this.__dataCompoundStorage,this.__dataHost,this.__dataTemp,this.__dataClientsInitialized,this.__data,this.__dataPending,this.__dataOld,this.__computeEffects,this.__computeInfo,this.__reflectEffects,this.__notifyEffects,this.__propagateEffects,this.__observeEffects,this.__readOnly,this.__templateInfo,this._overrideLegacyUndefined}get PROPERTY_EFFECT_TYPES(){return Ss}_initializeProperties(){super._initializeProperties(),this._registerHost(),this.__dataClientsReady=!1,this.__dataPendingClients=null,this.__dataToNotify=null,this.__dataLinkedPaths=null,this.__dataHasPaths=!1,this.__dataCompoundStorage=this.__dataCompoundStorage||null,this.__dataHost=this.__dataHost||null,this.__dataTemp={},this.__dataClientsInitialized=!1}_registerHost(){if(hr.length){let e=hr[hr.length-1];e._enqueueClient(this),this.__dataHost=e}}_initializeProtoProperties(e){this.__data=Object.create(e),this.__dataPending=Object.create(e),this.__dataOld={}}_initializeInstanceProperties(e){let t=this[Ss.READ_ONLY];for(let i in e)t&&t[i]||(this.__dataPending=this.__dataPending||{},this.__dataOld=this.__dataOld||{},this.__data[i]=this.__dataPending[i]=e[i])}_addPropertyEffect(e,t,i){this._createPropertyAccessor(e,t==Ss.READ_ONLY);let o=Es(this,t,!0)[e];o||(o=this[t][e]=[]),o.push(i)}_removePropertyEffect(e,t,i){let o=Es(this,t,!0)[e],n=o.indexOf(i);n>=0&&o.splice(n,1)}_hasPropertyEffect(e,t){let i=this[t];return Boolean(i&&i[e])}_hasReadOnlyEffect(e){return this._hasPropertyEffect(e,Ss.READ_ONLY)}_hasNotifyEffect(e){return this._hasPropertyEffect(e,Ss.NOTIFY)}_hasReflectEffect(e){return this._hasPropertyEffect(e,Ss.REFLECT)}_hasComputedEffect(e){return this._hasPropertyEffect(e,Ss.COMPUTE)}_setPendingPropertyOrPath(e,t,i,o){if(o||_n(Array.isArray(e)?e[0]:e)!==e){if(!o){let i=Jn(this,e);if(!(e=Ln(this,e,t))||!super._shouldPropertyChange(e,t,i))return!1}if(this.__dataHasPaths=!0,this._setPendingProperty(e,t,i))return function(e,t,i){let o=e.__dataLinkedPaths;if(o){let n;for(let s in o){let r=o[s];Hn(s,t)?(n=Un(s,r,t),e._setPendingPropertyOrPath(n,i,!0,!0)):Hn(r,t)&&(n=Un(r,s,t),e._setPendingPropertyOrPath(n,i,!0,!0))}}}(this,e,t),!0}else{if(this.__dataHasAccessor&&this.__dataHasAccessor[e])return this._setPendingProperty(e,t,i);this[e]=t}return!1}_setUnmanagedPropertyToNode(e,t,i){i===e[t]&&"object"!=typeof i||("className"===t&&(e=Vn(e)),e[t]=i)}_setPendingProperty(e,t,i){let o=this.__dataHasPaths&&Wn(e),n=o?this.__dataTemp:this.__data;return!!this._shouldPropertyChange(e,t,n[e])&&(this.__dataPending||(this.__dataPending={},this.__dataOld={}),e in this.__dataOld||(this.__dataOld[e]=this.__data[e]),o?this.__dataTemp[e]=t:this.__data[e]=t,this.__dataPending[e]=t,(o||this[Ss.NOTIFY]&&this[Ss.NOTIFY][e])&&(this.__dataToNotify=this.__dataToNotify||{},this.__dataToNotify[e]=i),!0)}_setProperty(e,t){this._setPendingProperty(e,t,!0)&&this._invalidateProperties()}_invalidateProperties(){this.__dataReady&&this._flushProperties()}_enqueueClient(e){this.__dataPendingClients=this.__dataPendingClients||[],e!==this&&this.__dataPendingClients.push(e)}_flushClients(){this.__dataClientsReady?this.__enableOrFlushClients():(this.__dataClientsReady=!0,this._readyClients(),this.__dataReady=!0)}__enableOrFlushClients(){let e=this.__dataPendingClients;if(e){this.__dataPendingClients=null;for(let t=0;t{ks(this,e.propertyEffects,t,i,o,e.nodeList);for(let n=e.firstChild;n;n=n.nextSibling)this._runEffectsForTemplate(n,t,i,o)};e.runEffects?e.runEffects(n,t,o):n(t,o)}linkPaths(e,t){e=Rn(e),t=Rn(t),this.__dataLinkedPaths=this.__dataLinkedPaths||{},this.__dataLinkedPaths[e]=t}unlinkPaths(e){e=Rn(e),this.__dataLinkedPaths&&delete this.__dataLinkedPaths[e]}notifySplices(e,t){let i={path:""};rr(this,Jn(this,e,i),i.path,t)}get(e,t){return Jn(t||this,e)}set(e,t,i){i?Ln(i,e,t):this[Ss.READ_ONLY]&&this[Ss.READ_ONLY][e]||this._setPendingPropertyOrPath(e,t,!0)&&this._invalidateProperties()}push(e,...t){let i={path:""},o=Jn(this,e,i),n=o.length,s=o.push(...t);return t.length&&ar(this,o,i.path,n,t.length,[]),s}pop(e){let t={path:""},i=Jn(this,e,t),o=Boolean(i.length),n=i.pop();return o&&ar(this,i,t.path,i.length,0,[n]),n}splice(e,t,i,...o){let n,s={path:""},r=Jn(this,e,s);return t<0?t=r.length-Math.floor(-t):t&&(t=Math.floor(t)),n=2===arguments.length?r.splice(t):r.splice(t,i,...o),(o.length||n.length)&&ar(this,r,s.path,t,o.length,n),n}shift(e){let t={path:""},i=Jn(this,e,t),o=Boolean(i.length),n=i.shift();return o&&ar(this,i,t.path,0,0,[n]),n}unshift(e,...t){let i={path:""},o=Jn(this,e,i),n=o.unshift(...t);return t.length&&ar(this,o,i.path,0,t.length,[]),n}notifyPath(e,t){let i;if(1==arguments.length){let o={path:""};t=Jn(this,e,o),i=o.path}else i=Array.isArray(e)?Rn(e):e;this._setPendingPropertyOrPath(i,t,!0,!0)&&this._invalidateProperties()}_createReadOnlyProperty(e,t){var i;this._addPropertyEffect(e,Ss.READ_ONLY),t&&(this["_set"+(i=e,i[0].toUpperCase()+i.substring(1))]=function(t){this._setProperty(e,t)})}_createPropertyObserver(e,t,i){let o={property:e,method:t,dynamicFn:Boolean(i)};this._addPropertyEffect(e,Ss.OBSERVE,{fn:As,info:o,trigger:{name:e}}),i&&this._addPropertyEffect(t,Ss.OBSERVE,{fn:As,info:o,trigger:{name:t}})}_createMethodObserver(e,t){let i=or(e);if(!i)throw new Error("Malformed observer expression '"+e+"'");Bs(this,i,Ss.OBSERVE,Qs,null,t)}_createNotifyingProperty(e){this._addPropertyEffect(e,Ss.NOTIFY,{fn:Ns,info:{eventName:es(e)+"-changed",property:e}})}_createReflectedProperty(e){let t=this.constructor.attributeNameForProperty(e);"-"===t[0]?console.warn("Property "+e+" cannot be reflected to attribute "+t+' because "-" is not a valid starting attribute name. Use a lowercase first letter for the property instead.'):this._addPropertyEffect(e,Ss.REFLECT,{fn:Vs,info:{attrName:t}})}_createComputedProperty(e,t,i){let o=or(t);if(!o)throw new Error("Malformed computed expression '"+t+"'");const n=Bs(this,o,Ss.COMPUTE,Hs,e,i);Es(this,Ts)[e]=n}_marshalArgs(e,t,i){const o=this.__data,n=[];for(let s=0,r=e.length;s1)return Ys;n[s]=h}return n}static addPropertyEffect(e,t,i){this.prototype._addPropertyEffect(e,t,i)}static createPropertyObserver(e,t,i){this.prototype._createPropertyObserver(e,t,i)}static createMethodObserver(e,t){this.prototype._createMethodObserver(e,t)}static createNotifyingProperty(e){this.prototype._createNotifyingProperty(e)}static createReadOnlyProperty(e,t){this.prototype._createReadOnlyProperty(e,t)}static createReflectedProperty(e){this.prototype._createReflectedProperty(e)}static createComputedProperty(e,t,i){this.prototype._createComputedProperty(e,t,i)}static bindTemplate(e){return this.prototype._bindTemplate(e)}_bindTemplate(e,t){let i=this.constructor._parseTemplate(e),o=this.__preBoundTemplateInfo==i;if(!o)for(let e in i.propertyEffects)this._createPropertyAccessor(e);if(t)if(i=Object.create(i),i.wasPreBound=o,this.__templateInfo){const t=e._parentTemplateInfo||this.__templateInfo,o=t.lastChild;i.parent=t,t.lastChild=i,i.previousSibling=o,o?o.nextSibling=i:t.firstChild=i}else this.__templateInfo=i;else this.__preBoundTemplateInfo=i;return i}static _addTemplatePropertyEffect(e,t,i){(e.hostProps=e.hostProps||{})[t]=!0;let o=e.propertyEffects=e.propertyEffects||{};(o[t]=o[t]||[]).push(i)}_stampTemplate(e,t){t=t||this._bindTemplate(e,!0),hr.push(this);let i=super._stampTemplate(e,t);if(hr.pop(),t.nodeList=i.nodeList,!t.wasPreBound){let e=t.childNodes=[];for(let t=i.firstChild;t;t=t.nextSibling)e.push(t)}return i.templateInfo=t,function(e,t){let{nodeList:i,nodeInfoList:o}=t;if(o.length)for(let t=0;tn&&o.push({literal:e.slice(n,i.index)});let s=i[1][0],r=Boolean(i[2]),a=i[3].trim(),l=!1,h="",m=-1;"{"==s&&(m=a.indexOf("::"))>0&&(h=a.substring(m+2),a=a.substring(0,m),l=!0);let c=or(a),d=[];if(c){let{args:e,methodName:i}=c;for(let t=0;t{const t=cs(e);function i(e){const t=Object.getPrototypeOf(e);return t.prototype instanceof n?t:null}function o(e){if(!e.hasOwnProperty(JSCompiler_renameProperty("__ownProperties",e))){let t=null;if(e.hasOwnProperty(JSCompiler_renameProperty("properties",e))){const i=e.properties;i&&(t=function(e){const t={};for(let i in e){const o=e[i];t[i]="function"==typeof o?{type:o}:o}return t}(i))}e.__ownProperties=t}return e.__ownProperties}class n extends t{static get observedAttributes(){if(!this.hasOwnProperty(JSCompiler_renameProperty("__observedAttributes",this))){this.prototype;const e=this._properties;this.__observedAttributes=e?Object.keys(e).map((e=>this.prototype._addPropertyToAttributeMap(e))):[]}return this.__observedAttributes}static finalize(){if(!this.hasOwnProperty(JSCompiler_renameProperty("__finalized",this))){const e=i(this);e&&e.finalize(),this.__finalized=!0,this._finalizeClass()}}static _finalizeClass(){const e=o(this);e&&this.createProperties(e)}static get _properties(){if(!this.hasOwnProperty(JSCompiler_renameProperty("__properties",this))){const e=i(this);this.__properties=Object.assign({},e&&e._properties,o(this))}return this.__properties}static typeForProperty(e){const t=this._properties[e];return t&&t.type}_initializeProperties(){this.constructor.finalize(),super._initializeProperties()}connectedCallback(){super.connectedCallback&&super.connectedCallback(),this._enableProperties()}disconnectedCallback(){super.disconnectedCallback&&super.disconnectedCallback()}}return n})),cr=window.ShadyCSS&&window.ShadyCSS.cssBuild,dr=Dn((e=>{const t=mr(lr(e));function i(e,t,i,o){i.computed&&(i.readOnly=!0),i.computed&&(e._hasReadOnlyEffect(t)?console.warn(`Cannot redefine computed property '${t}'.`):e._createComputedProperty(t,i.computed,o)),i.readOnly&&!e._hasReadOnlyEffect(t)?e._createReadOnlyProperty(t,!i.computed):!1===i.readOnly&&e._hasReadOnlyEffect(t)&&console.warn(`Cannot make readOnly property '${t}' non-readOnly.`),i.reflectToAttribute&&!e._hasReflectEffect(t)?e._createReflectedProperty(t):!1===i.reflectToAttribute&&e._hasReflectEffect(t)&&console.warn(`Cannot make reflected property '${t}' non-reflected.`),i.notify&&!e._hasNotifyEffect(t)?e._createNotifyingProperty(t):!1===i.notify&&e._hasNotifyEffect(t)&&console.warn(`Cannot make notify property '${t}' non-notify.`),i.observer&&e._createPropertyObserver(t,i.observer,o[i.observer]),e._addPropertyToAttributeMap(t)}function o(e,t,i,o){if(!cr){const n=t.content.querySelectorAll("style"),s=On(t),r=function(e){let t=kn(e);return t?Cn(t):[]}(i),a=t.content.firstElementChild;for(let i=0;i{t+=e.textContent,e.parentNode.removeChild(e)})),e._styleSheet=new CSSStyleSheet,e._styleSheet.replaceSync(t)}}}return class extends t{static get polymerElementVersion(){return"3.5.1"}static _finalizeClass(){t._finalizeClass.call(this);const e=((i=this).hasOwnProperty(JSCompiler_renameProperty("__ownObservers",i))||(i.__ownObservers=i.hasOwnProperty(JSCompiler_renameProperty("observers",i))?i.observers:null),i.__ownObservers);var i;e&&this.createObservers(e,this._properties),this._prepareTemplate()}static _prepareTemplate(){let e=this.template;e&&("string"==typeof e?(console.error("template getter must return HTMLTemplateElement"),e=null):dn||(e=e.cloneNode(!0))),this.prototype._template=e}static createProperties(e){for(let t in e)i(this.prototype,t,e[t],e)}static createObservers(e,t){const i=this.prototype;for(let o=0;o{this._timer=null,jr.delete(this),this._callback()}))}cancel(){this.isActive()&&(this._cancelAsync(),jr.delete(this))}_cancelAsync(){this.isActive()&&(this._asyncModule.cancel(this._timer),this._timer=null)}flush(){this.isActive()&&(this.cancel(),this._callback())}isActive(){return null!=this._timer}static debounce(t,i,o){return t instanceof e?t._cancelAsync():t=new e,t.setConfig(i,o),t}},jr=new Set;const Pr=function(e){jr.add(e)},wr=function(){const e=Boolean(jr.size);return jr.forEach((e=>{try{e.flush()}catch(e){setTimeout((()=>{throw e}))}})),e};let ur="string"==typeof document.head.style.touchAction,fr="__polymerGestures",Mr="__polymerGesturesHandled",Zr="__polymerGesturesTouchAction",Kr=["mousedown","mousemove","mouseup","click"],yr=[0,1,4,2],gr=function(){try{return 1===new MouseEvent("test",{buttons:1}).buttons}catch(e){return!1}}();function Dr(e){return Kr.indexOf(e)>-1}let xr=!1;function br(e){if(!Dr(e)&&"touchend"!==e)return ur&&xr&&hn?{passive:!0}:void 0}!function(){try{let e=Object.defineProperty({},"passive",{get(){xr=!0}});window.addEventListener("test",null,e),window.removeEventListener("test",null,e)}catch(e){}}();let vr=navigator.userAgent.match(/iP(?:[oa]d|hone)|Android/);const Yr=[],Sr={button:!0,input:!0,keygen:!0,meter:!0,output:!0,textarea:!0,progress:!0,select:!0},Tr={button:!0,command:!0,fieldset:!0,input:!0,keygen:!0,optgroup:!0,option:!0,select:!0,textarea:!0};function Xr(e){let t=Array.prototype.slice.call(e.labels||[]);if(!t.length){t=[];try{let i=e.getRootNode();if(e.id){let o=i.querySelectorAll(`label[for = '${e.id}']`);for(let e=0;e-1}if(o[e]===Gr.mouse.target)return}if(t)return;e.preventDefault(),e.stopPropagation()}};function kr(e){let t=vr?["click"]:Kr;for(let i,o=0;oe.composedPath&&e.composedPath()||[],Nr={},Vr=[];function Wr(e){const t=Cr(e);return t.length>0?t[0]:e.target}function _r(e){let t,i=e.type,o=e.currentTarget[fr];if(!o)return;let n=o[i];if(n){if(!e[Mr]&&(e[Mr]={},"touch"===i.slice(0,5))){let t=e.changedTouches[0];if("touchstart"===i&&1===e.touches.length&&(Gr.touch.id=t.identifier),Gr.touch.id!==t.identifier)return;ur||"touchstart"!==i&&"touchmove"!==i||function(e){let t=e.changedTouches[0],i=e.type;if("touchstart"===i)Gr.touch.x=t.clientX,Gr.touch.y=t.clientY,Gr.touch.scrollDecided=!1;else if("touchmove"===i){if(Gr.touch.scrollDecided)return;Gr.touch.scrollDecided=!0;let i=function(e){let t="auto",i=Cr(e);for(let e,o=0;on:"pan-y"===i&&(o=n>s)),o?e.preventDefault():Jr("track")}}(e)}if(t=e[Mr],!t.skip){for(let i,o=0;o-1&&i.reset&&i.reset();for(let o,s=0;s{e.style.touchAction=t})),e[Zr]=t}function Fr(e,t,i){let o=new Event(t,{bubbles:!0,cancelable:!0,composed:!0});if(o.detail=i,Vn(e).dispatchEvent(o),o.defaultPrevented){let e=i.preventer||i.sourceEvent;e&&e.preventDefault&&e.preventDefault()}}function Jr(e){let t=function(e){for(let t,i=0;i=5||n>=5}function Qr(e,t,i){if(!t)return;let o,n=e.moves[e.moves.length-2],s=e.moves[e.moves.length-1],r=s.x-e.x,a=s.y-e.y,l=0;n&&(o=s.x-n.x,l=s.y-n.y),Fr(t,"track",{state:e.state,x:i.clientX,y:i.clientY,dx:r,dy:a,ddx:o,ddy:l,sourceEvent:i,hover:function(){return function(e,t){let i=document.elementFromPoint(e,t),o=i;for(;o&&o.shadowRoot&&!window.ShadyDOM;){let n=o;if(o=o.shadowRoot.elementFromPoint(e,t),n===o)break;o&&(i=o)}return i}(i.clientX,i.clientY)}})}function $r(e,t,i){let o=Math.abs(t.clientX-e.x),n=Math.abs(t.clientY-e.y),s=Wr(i||t);!s||Tr[s.localName]&&s.hasAttribute("disabled")||(isNaN(o)||isNaN(n)||o<=25&&n<=25||function(e){if("click"===e.type){if(0===e.detail)return!0;let t=Wr(e);if(!t.nodeType||t.nodeType!==Node.ELEMENT_NODE)return!0;let i=t.getBoundingClientRect(),o=e.pageX,n=e.pageY;return!(o>=i.left&&o<=i.right&&n>=i.top&&n<=i.bottom)}return!1}(t))&&(e.prevent||Fr(s,"tap",{x:t.clientX,y:t.clientY,sourceEvent:t,preventer:i}))}Ur({name:"downup",deps:["mousedown","touchstart","touchend"],flow:{start:["mousedown","touchstart"],end:["mouseup","touchend"]},emits:["down","up"],info:{movefn:null,upfn:null},reset:function(){Or(this.info)},mousedown:function(e){if(!zr(e))return;let t=Wr(e),i=this;Ar(this.info,(function(e){zr(e)||(Lr("up",t,e),Or(i.info))}),(function(e){zr(e)&&Lr("up",t,e),Or(i.info)})),Lr("down",t,e)},touchstart:function(e){Lr("down",Wr(e),e.changedTouches[0],e)},touchend:function(e){Lr("up",Wr(e),e.changedTouches[0],e)}}),Ur({name:"track",touchAction:"none",deps:["mousedown","touchstart","touchmove","touchend"],flow:{start:["mousedown","touchstart"],end:["mouseup","touchend"]},emits:["track"],info:{x:0,y:0,state:"start",started:!1,moves:[],addMove:function(e){this.moves.length>2&&this.moves.shift(),this.moves.push(e)},movefn:null,upfn:null,prevent:!1},reset:function(){this.info.state="start",this.info.started=!1,this.info.moves=[],this.info.x=0,this.info.y=0,this.info.prevent=!1,Or(this.info)},mousedown:function(e){if(!zr(e))return;let t=Wr(e),i=this,o=function(e){let o=e.clientX,n=e.clientY;Br(i.info,o,n)&&(i.info.state=i.info.started?"mouseup"===e.type?"end":"track":"start","start"===i.info.state&&Jr("tap"),i.info.addMove({x:o,y:n}),zr(e)||(i.info.state="end",Or(i.info)),t&&Qr(i.info,t,e),i.info.started=!0)};Ar(this.info,o,(function(e){i.info.started&&o(e),Or(i.info)})),this.info.x=e.clientX,this.info.y=e.clientY},touchstart:function(e){let t=e.changedTouches[0];this.info.x=t.clientX,this.info.y=t.clientY},touchmove:function(e){let t=Wr(e),i=e.changedTouches[0],o=i.clientX,n=i.clientY;Br(this.info,o,n)&&("start"===this.info.state&&Jr("tap"),this.info.addMove({x:o,y:n}),Qr(this.info,t,i),this.info.state="track",this.info.started=!0)},touchend:function(e){let t=Wr(e),i=e.changedTouches[0];this.info.started&&(this.info.state="end",this.info.addMove({x:i.clientX,y:i.clientY}),Qr(this.info,t,i))}}),Ur({name:"tap",deps:["mousedown","click","touchstart","touchend"],flow:{start:["mousedown","touchstart"],end:["click","touchend"]},emits:["tap"],info:{x:NaN,y:NaN,prevent:!1},reset:function(){this.info.x=NaN,this.info.y=NaN,this.info.prevent=!1},mousedown:function(e){zr(e)&&(this.info.x=e.clientX,this.info.y=e.clientY)},click:function(e){zr(e)&&$r(this.info,e)},touchstart:function(e){const t=e.changedTouches[0];this.info.x=t.clientX,this.info.y=t.clientY},touchend:function(e){$r(this.info,e.changedTouches[0],e)}});const qr=Dn((e=>class extends e{_addEventListenerToNode(e,t,i){Ir(e,t,i)||super._addEventListenerToNode(e,t,i)}_removeEventListenerFromNode(e,t,i){Hr(e,t,i)||super._removeEventListenerFromNode(e,t,i)}})),ea=/:host\(:dir\((ltr|rtl)\)\)/g,ta=/([\s\w-#\.\[\]\*]*):dir\((ltr|rtl)\)/g,ia=/:dir\((?:ltr|rtl)\)/,oa=Boolean(window.ShadyDOM&&window.ShadyDOM.inUse),na=[];let sa=null,ra="";function aa(){ra=document.documentElement.getAttribute("dir")}function la(e){if(!e.__autoDirOptOut){e.setAttribute("dir",ra)}}function ha(){aa(),ra=document.documentElement.getAttribute("dir");for(let e=0;e{oa||sa||(aa(),sa=new MutationObserver(ha),sa.observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]}));const t=Ps(e);class i extends t{static _processStyleText(e,i){return e=t._processStyleText.call(this,e,i),!oa&&ia.test(e)&&(e=this._replaceDirInCssText(e),this.__activateDir=!0),e}static _replaceDirInCssText(e){let t=e;return t=t.replace(ea,':host([dir="$1"])'),t=t.replace(ta,':host([dir="$2"]) $1'),t}constructor(){super(),this.__autoDirOptOut=!1}ready(){super.ready(),this.__autoDirOptOut=this.hasAttribute("dir")}connectedCallback(){t.prototype.connectedCallback&&super.connectedCallback(),this.constructor.__activateDir&&(sa&&sa.takeRecords().length&&ha(),na.push(this),la(this))}disconnectedCallback(){if(t.prototype.disconnectedCallback&&super.disconnectedCallback(),this.constructor.__activateDir){const e=na.indexOf(this);e>-1&&na.splice(e,1)}}}return i.__activateDir=!1,i}));let ca=!1,da=[],pa=[];function ja(){ca=!0,requestAnimationFrame((function(){ca=!1,function(e){for(;e.length;)Pa(e.shift())}(da),setTimeout((function(){!function(e){for(let t=0,i=e.length;t{throw e}))}}function wa(){document.body.removeAttribute("unresolved")}function ua(e,t,i){return{index:e,removed:t,addedCount:i}}"interactive"===document.readyState||"complete"===document.readyState?wa():window.addEventListener("DOMContentLoaded",wa);const fa=0,Ma=1,Za=2,Ka=3;function ya(e,t,i,o,n,s){let r,a=0,l=0,h=Math.min(i-t,s-n);if(0==t&&0==n&&(a=function(e,t,i){for(let o=0;o0||i>0;){if(0==t){n.push(Za),i--;continue}if(0==i){n.push(Ka),t--;continue}let s,r=e[t-1][i-1],a=e[t-1][i],l=e[t][i-1];s=axa(e)?Vn(e).assignedNodes({flatten:!0}):[e])).reduce(((e,t)=>e.concat(t)),[])}constructor(e,t){this._shadyChildrenObserver=null,this._nativeChildrenObserver=null,this._connected=!1,this._target=e,this.callback=t,this._effectiveNodes=[],this._observer=null,this._scheduled=!1,this._boundSchedule=()=>{this._schedule()},this.connect(),this._schedule()}connect(){xa(this._target)?this._listenSlots([this._target]):Vn(this._target).children&&(this._listenSlots(Vn(this._target).children),window.ShadyDOM?this._shadyChildrenObserver=window.ShadyDOM.observeChildren(this._target,(e=>{this._processMutations(e)})):(this._nativeChildrenObserver=new MutationObserver((e=>{this._processMutations(e)})),this._nativeChildrenObserver.observe(this._target,{childList:!0}))),this._connected=!0}disconnect(){xa(this._target)?this._unlistenSlots([this._target]):Vn(this._target).children&&(this._unlistenSlots(Vn(this._target).children),window.ShadyDOM&&this._shadyChildrenObserver?(window.ShadyDOM.unobserveChildren(this._shadyChildrenObserver),this._shadyChildrenObserver=null):this._nativeChildrenObserver&&(this._nativeChildrenObserver.disconnect(),this._nativeChildrenObserver=null)),this._connected=!1}_schedule(){this._scheduled||(this._scheduled=!0,hs.run((()=>this.flush())))}_processMutations(e){this._processSlotMutations(e),this.flush()}_processSlotMutations(e){if(e)for(let t=0;t{"activeElement"!=t&&(e.prototype[t]=Xa.prototype[t])})),Ea(e.prototype,["classList"]),za=e,Object.defineProperties(ka.prototype,{localTarget:{get(){const e=this.event.currentTarget,t=e&&Ga(e).getOwnerRoot(),i=this.path;for(let e=0;e{for(;e;){const t=Object.getOwnPropertyDescriptor(e,"observedAttributes");if(t)return t.get;e=Object.getPrototypeOf(e.prototype).constructor}return()=>[]};Dn((e=>{const t=dr(e);let i=Va(t);return class extends t{constructor(){super(),this.__isUpgradeDisabled}static get observedAttributes(){return i.call(this).concat(Na)}_initializeProperties(){this.hasAttribute(Na)?this.__isUpgradeDisabled=!0:super._initializeProperties()}_enableProperties(){this.__isUpgradeDisabled||super._enableProperties()}_canApplyPropertyDefault(e){return super._canApplyPropertyDefault(e)&&!(this.__isUpgradeDisabled&&this._isPropertyPending(e))}attributeChangedCallback(e,t,i,o){e==Na?this.__isUpgradeDisabled&&null==i&&(super._initializeProperties(),this.__isUpgradeDisabled=!1,Vn(this).isConnected&&super.connectedCallback()):super.attributeChangedCallback(e,t,i,o)}connectedCallback(){this.__isUpgradeDisabled||super.connectedCallback()}disconnectedCallback(){this.__isUpgradeDisabled||super.disconnectedCallback()}}}));const Wa="disable-upgrade";let _a=window.ShadyCSS;const Ia=Dn((e=>{const t=qr(dr(e)),i=cr?t:ma(t),o=Va(i),n={x:"pan-x",y:"pan-y",none:"none",all:"auto"};class s extends i{constructor(){super(),this.isAttached,this.__boundListeners,this._debouncers,this.__isUpgradeDisabled,this.__needsAttributesAtConnected,this._legacyForceObservedAttributes}static get importMeta(){return this.prototype.importMeta}created(){}__attributeReaction(e,t,i){(this.__dataAttributes&&this.__dataAttributes[e]||e===Wa)&&this.attributeChangedCallback(e,t,i,null)}setAttribute(e,t){if(Kn&&!this._legacyForceObservedAttributes){const i=this.getAttribute(e);super.setAttribute(e,t),this.__attributeReaction(e,i,String(t))}else super.setAttribute(e,t)}removeAttribute(e){if(Kn&&!this._legacyForceObservedAttributes){const t=this.getAttribute(e);super.removeAttribute(e),this.__attributeReaction(e,t,null)}else super.removeAttribute(e)}static get observedAttributes(){return Kn&&!this.prototype._legacyForceObservedAttributes?(this.hasOwnProperty(JSCompiler_renameProperty("__observedAttributes",this))||(this.__observedAttributes=[],this.prototype),this.__observedAttributes):o.call(this).concat(Wa)}_enableProperties(){this.__isUpgradeDisabled||super._enableProperties()}_canApplyPropertyDefault(e){return super._canApplyPropertyDefault(e)&&!(this.__isUpgradeDisabled&&this._isPropertyPending(e))}connectedCallback(){this.__needsAttributesAtConnected&&this._takeAttributes(),this.__isUpgradeDisabled||(super.connectedCallback(),this.isAttached=!0,this.attached())}attached(){}disconnectedCallback(){this.__isUpgradeDisabled||(super.disconnectedCallback(),this.isAttached=!1,this.detached())}detached(){}attributeChangedCallback(e,t,i,o){t!==i&&(e==Wa?this.__isUpgradeDisabled&&null==i&&(this._initializeProperties(),this.__isUpgradeDisabled=!1,Vn(this).isConnected&&this.connectedCallback()):(super.attributeChangedCallback(e,t,i,o),this.attributeChanged(e,t,i)))}attributeChanged(e,t,i){}_initializeProperties(){if(dn&&this.hasAttribute(Wa))this.__isUpgradeDisabled=!0;else{let e=Object.getPrototypeOf(this);e.hasOwnProperty(JSCompiler_renameProperty("__hasRegisterFinished",e))||(this._registered(),e.__hasRegisterFinished=!0),super._initializeProperties(),this.root=this,this.created(),Kn&&!this._legacyForceObservedAttributes&&(this.hasAttributes()?this._takeAttributes():this.parentNode||(this.__needsAttributesAtConnected=!0)),this._applyListeners()}}_takeAttributes(){const e=this.attributes;for(let t=0,i=e.length;t{if(!Ca(e,n))return;const t=Array.from(Aa.nativeMethods.querySelectorAll.call(e,"*"));t.push(e);for(let e=0;e{for(let t=0;t0?ls.after(i):hs,t.bind(this))}isDebouncerActive(e){this._debouncers=this._debouncers||{};let t=this._debouncers[e];return!(!t||!t.isActive())}flushDebouncer(e){this._debouncers=this._debouncers||{};let t=this._debouncers[e];t&&t.flush()}cancelDebouncer(e){this._debouncers=this._debouncers||{};let t=this._debouncers[e];t&&t.cancel()}async(e,t){return t>0?ls.run(e.bind(this),t):~hs.run(e.bind(this))}cancelAsync(e){e<0?hs.cancel(~e):ls.cancel(e)}create(e,t){let i=document.createElement(e);if(t)if(i.setProperties)i.setProperties(t);else for(let e in t)i[e]=t[e];return i}elementMatches(e,t){return Ta(t||this,e)}toggleAttribute(e,t){let i=this;return 3===arguments.length&&(i=arguments[2]),1==arguments.length&&(t=!i.hasAttribute(e)),t?(Vn(i).setAttribute(e,""),!0):(Vn(i).removeAttribute(e),!1)}toggleClass(e,t,i){i=i||this,1==arguments.length&&(t=!i.classList.contains(e)),t?i.classList.add(e):i.classList.remove(e)}transform(e,t){(t=t||this).style.webkitTransform=e,t.style.transform=e}translate3d(e,t,i,o){o=o||this,this.transform("translate3d("+e+","+t+","+i+")",o)}arrayDelete(e,t){let i;if(Array.isArray(e)){if(i=e.indexOf(t),i>=0)return e.splice(i,1)}else{if(i=Jn(this,e).indexOf(t),i>=0)return this.splice(e,i,1)}return null}_logger(e,t){switch(Array.isArray(t)&&1===t.length&&Array.isArray(t[0])&&(t=t[0]),e){case"log":case"warn":case"error":console[e](...t)}}_log(...e){this._logger("log",e)}_warn(...e){this._logger("warn",e)}_error(...e){this._logger("error",e)}_logf(e,...t){return["[%s::%s]",this.is,e,...t]}}return s.prototype.is="",s})),Ha={attached:!0,detached:!0,ready:!0,created:!0,beforeRegister:!0,registered:!0,attributeChanged:!0,listeners:!0,hostAttributes:!0},Ua={attached:!0,detached:!0,ready:!0,created:!0,beforeRegister:!0,registered:!0,attributeChanged:!0,behaviors:!0,_noAccessors:!0},Ra=Object.assign({listeners:!0,hostAttributes:!0,properties:!0,observers:!0},Ua);function Fa(e,t,i,o){!function(e,t,i){const o=e._noAccessors,n=Object.getOwnPropertyNames(e);for(let s=0;s=0;o--){let n=e[o];n?Array.isArray(n)?Ja(n,t):t.indexOf(n)<0&&(!i||i.indexOf(n)<0)&&t.unshift(n):console.warn("behavior is null, check for missing or 404 import")}return t}function La(e,t){for(const i in t){const o=e[i],n=t[i];e[i]=!("value"in n)&&o&&"value"in o?Object.assign({value:o.value},n):n}}const Ba=Ia(HTMLElement);function Qa(e,t,i){let o;const n={};class s extends t{static _finalizeClass(){if(this.hasOwnProperty(JSCompiler_renameProperty("generatedFrom",this))){if(o)for(let e,t=0;t=0;t--){const i=e[t];for(let e in i)this._ensureAttribute(e,i[e])}super._ensureAttributes()}ready(){super.ready();let e=n.ready;if(e)for(let t=0;t{o&&function(e,t,i){for(let o=0;oclass extends e{_shouldPropertyChange(e,t,i){return qa(this,e,t,i,!0)}})),tl=Dn((e=>class extends e{static get properties(){return{mutableData:Boolean}}_shouldPropertyChange(e,t,i){return qa(this,e,t,i,this.mutableData)}}));el._mutablePropertyChange=qa;let il=null;function ol(){return il}ol.prototype=Object.create(HTMLTemplateElement.prototype,{constructor:{value:ol,writable:!0}});const nl=lr(ol),sl=el(nl);const rl=lr(class{});function al(e,t){for(let i=0;i{e.model=this,i(e)}));else{let o=this.__dataHost.__dataHost;o&&o._addEventListenerToNode(e,t,i)}}_showHideChildren(e){al(e,this.children)}_setUnmanagedPropertyToNode(e,t,i){e.__hideTemplateChildren__&&e.nodeType==Node.TEXT_NODE&&"textContent"==t?e.__polymerTextContent__=i:super._setUnmanagedPropertyToNode(e,t,i)}get parentModel(){let e=this.__parentModel;if(!e){let t;e=this;do{e=e.__dataHost.__dataHost}while((t=e.__templatizeOptions)&&!t.parentModel);this.__parentModel=e}return e}dispatchEvent(e){return!0}}ll.prototype.__dataHost,ll.prototype.__templatizeOptions,ll.prototype._methodHost,ll.prototype.__templatizeOwner,ll.prototype.__hostProps;const hl=el(ll);function ml(e){let t=e.__dataHost;return t&&t._methodHost||t}function cl(e,t,i){let o=i.mutableData?hl:ll;Pl.mixin&&(o=Pl.mixin(o));let n=class extends o{};return n.prototype.__templatizeOptions=i,n.prototype._bindTemplate(e),function(e,t,i,o){let n=i.hostProps||{};for(let t in o.instanceProps){delete n[t];let i=o.notifyInstanceProp;i&&e.prototype._addPropertyEffect(t,e.prototype.PROPERTY_EFFECT_TYPES.NOTIFY,{fn:jl(t,i)})}if(o.forwardHostProp&&t.__dataHost)for(let t in n)i.hasHostProps||(i.hasHostProps=!0),e.prototype._addPropertyEffect(t,e.prototype.PROPERTY_EFFECT_TYPES.NOTIFY,{fn:function(e,t,i){e.__dataHost._setPendingPropertyOrPath("_host_"+t,i[t],!0,!0)}})}(n,e,t,i),n}function dl(e,t,i,o){let n=i.forwardHostProp;if(n&&t.hasHostProps){const s="template"==e.localName;let r=t.templatizeTemplateClass;if(!r){if(s){let e=i.mutableData?sl:nl;class o extends e{}r=t.templatizeTemplateClass=o}else{const i=e.constructor;class o extends i{}r=t.templatizeTemplateClass=o}let a=t.hostProps;for(let e in a)r.prototype._addPropertyEffect("_host_"+e,r.prototype.PROPERTY_EFFECT_TYPES.PROPAGATE,{fn:pl(e,n)}),r.prototype._createNotifyingProperty("_host_"+e);pn&&o&&function(e,t,i){const o=i.constructor._properties,{propertyEffects:n}=e,{instanceProps:s}=t;for(let e in n)if(!(o[e]||s&&s[e])){const t=n[e];for(let i=0;i can only be templatized once");e.__templatizeOwner=t;let o=(t?t.constructor:ll)._parseTemplate(e),n=o.templatizeInstanceClass;n||(n=cl(e,o,i),o.templatizeInstanceClass=n);const s=ml(e);dl(e,o,i,s);let r=class extends n{};return r.prototype._methodHost=s,r.prototype.__dataHost=e,r.prototype.__templatizeOwner=t,r.prototype.__hostProps=o.hostProps,r}let wl=!1;function ul(){if(dn&&!sn){if(!wl){wl=!0;const e=document.createElement("style");e.textContent="dom-bind,dom-if,dom-repeat{display:none;}",document.head.appendChild(e)}return!0}return!1}const fl=qr(tl(lr(HTMLElement)));customElements.define("dom-bind",class extends fl{static get observedAttributes(){return["mutable-data"]}constructor(){if(super(),mn)throw new Error("strictTemplatePolicy: dom-bind not allowed");this.root=null,this.$=null,this.__children=null}attributeChangedCallback(e,t,i,o){this.mutableData=!0}connectedCallback(){ul()||(this.style.display="none"),this.render()}disconnectedCallback(){this.__removeChildren()}__insertChildren(){Vn(Vn(this).parentNode).insertBefore(this.root,this)}__removeChildren(){if(this.__children)for(let e=0;e{if(e=this.querySelector("template"),!e)throw new Error("dom-bind requires a