{"knifes":[],"locals":{"__i18n_187924423280427008_title":{"ar_AR":"التخصيص","bg_BG":"Персонализиране","cs_CZ":"Přizpůsobení","de_DE":"Anpassung","el_GR":"Προσαρμογή","en_US":"Customization","es_ES":"Personalización","fr_FR":"Personnalisation","he_IL":"התאמה אישית","hu_HU":"Testreszabás","id_ID":"Kustomisasi","it_IT":"Personalizzazione","ja_JP":"カスタマイズ","ko_KR":"맞춤화","nl_NL":"Maatwerk","pl_PL":"Dostosowywanie","pt_BR":"Costumização","pt_PT":"Costumização","ro_RO":"Personalizare","ru_RU":"Кастомизация","sk_SK":"Prispôsobenie","sv_SV":"Anpassning","th_TH":"การปรับแต่ง","tr_TR":"Özelleştirme","vi_VI":"Tùy chỉnh","zh_CN":"定制化","zh_TW":"客製化"},"__i18n_187924423284621312_label":{"ar_AR":"تحميل الصور","bg_BG":"Качване на снимки","cs_CZ":"Nahrávání fotografií","de_DE":"Foto-Uploads","el_GR":"Μεταφορτώσεις φωτογραφιών","en_US":"Photo Uploads","es_ES":"Subidas de fotografías","fr_FR":"Téléchargements de photos","he_IL":"העלאות תמונות","hu_HU":"Fényképfeltöltések","id_ID":"Unggahan Foto","it_IT":"Caricamento foto","ja_JP":"写真のアップロード","ko_KR":"사진 업로드","nl_NL":"Foto-uploads","pl_PL":"Przesyłanie zdjęć","pt_BR":"Envio de fotos","pt_PT":"Envio de fotos","ro_RO":"Încărcări de fotografii","ru_RU":"Загрузки фотографий","sk_SK":"Nahrávanie fotografií","sv_SV":"Fotouppladdningar","th_TH":"การอัพโหลดรูปภาพ","tr_TR":"Fotoğraf Yüklemeleri","vi_VI":"Tải ảnh lên","zh_CN":"照片上传","zh_TW":"照片上傳"},"__i18n_189669635182821376_label":{"ar_AR":"معاينة ألبوم الصور اليدوي","bg_BG":"Ръчен преглед на фотоалбум","cs_CZ":"Manuální náhled fotoalba","de_DE":"Manuelle Fotoalbumvorschau","el_GR":"Μη αυτόματη προεπισκόπηση άλμπουμ φωτογραφιών","en_US":"Manual Photo Album Preview","es_ES":"Vista previa del álbum de fotos manual","fr_FR":"Aperçu de l'album photo manuel","he_IL":"תצוגה מקדימה ידנית של אלבום תמונות","hu_HU":"Kézi fotóalbum előnézet","id_ID":"Pratinjau Album Foto Manual","it_IT":"Anteprima manuale dell'album fotografico","ja_JP":"手動フォトアルバムプレビュー","ko_KR":"수동 사진 앨범 미리보기","nl_NL":"Handmatig fotoalbumvoorbeeld","pl_PL":"Ręczny podgląd albumu ze zdjęciami","pt_BR":"Visualização manual do álbum de fotos","pt_PT":"Visualização manual do álbum de fotos","ro_RO":"Previzualizare manuală a albumului foto","ru_RU":"Ручной просмотр фотоальбома","sk_SK":"Manuálny náhľad fotoalbumu","sv_SV":"Manuell förhandsgranskning av fotoalbum","th_TH":"การดูตัวอย่างอัลบั้มภาพด้วยตนเอง","tr_TR":"Manuel Fotoğraf Albümü Önizlemesi","vi_VI":"Xem trước Album ảnh thủ công","zh_CN":"手动相册预览","zh_TW":"手動相簿預覽"},"__i18n_249908767540379648_label":{"ar_AR":"يرجى ملاحظة أن الخطوط المتقطعة في صورة المعاينة تشير إلى مواضع القطع. لا تضع العيون على لوحة القيادة.","bg_BG":"Моля, обърнете внимание, че пунктираните линии в изображението за предварителен преглед показват позициите за рязане. Не поставяйте очите върху таблото.","cs_CZ":"Vezměte prosím na vědomí, že přerušované čáry v náhledovém obrázku označují pozice řezu. Neumisťujte oči na pomlčku.","de_DE":"Bitte beachten Sie, dass die gestrichelten Linien im Vorschaubild die Schnittpositionen darstellen. Die Augen nicht auf das Armaturenbrett legen","el_GR":"Λάβετε υπόψη ότι οι διακεκομμένες γραμμές στην εικόνα προεπισκόπησης υποδεικνύουν τις θέσεις κοπής. Μην τοποθετείτε τα μάτια στο ταμπλό.","en_US":"Please note that the dashed lines in the preview image indicate the cutting positions. Do not place the eyes on the dash","es_ES":"Tenga en cuenta que las líneas discontinuas en la imagen de vista previa indican las posiciones de corte. No coloque los ojos en el tablero.","fr_FR":"Veuillez noter que les lignes pointillées dans l'aperçu indiquent les positions de coupe. Ne placez pas les yeux sur le tableau de bord.","he_IL":"שימו לב שהקווים המקווקווים בתמונה המקדימה מציינים את מיקומי החיתוך. אין להניח את העיניים על לוח המחוונים.","hu_HU":"Felhívjuk figyelmét, hogy az előnézeti képen a szaggatott vonalak a vágási pozíciókat jelzik. Ne helyezze a szemeket a műszerfalra.","id_ID":"Harap perhatikan bahwa garis putus-putus pada gambar pratinjau menunjukkan posisi pemotongan. Jangan letakkan mata pada garis putus-putus","it_IT":"Si prega di notare che le linee tratteggiate nell'immagine di anteprima indicano le posizioni di taglio. Non posizionare gli occhi sul trattino.","ja_JP":"プレビュー画像の破線はカット位置を示しています。点線に目を置かないでください。","ko_KR":"미리보기 이미지의 점선은 절단 위치를 나타냅니다. 눈은 대시에 두지 마십시오.","nl_NL":"Let op: de stippellijnen in de voorbeeldafbeelding geven de snijposities aan. Plaats de ogen niet op het streepje.","pl_PL":"Należy pamiętać, że linie przerywane na obrazie podglądu wskazują pozycje cięcia. Nie umieszczaj oczu na desce rozdzielczej","pt_BR":"Observe que as linhas tracejadas na imagem de pré-visualização indicam as posições de corte. Não coloque os olhos no traço.","pt_PT":"Observe que as linhas tracejadas na imagem de pré-visualização indicam as posições de corte. Não coloque os olhos no traço.","ro_RO":"Rețineți că liniile punctate din imaginea de previzualizare indică pozițiile de tăiere. Nu plasați ochii pe bord.","ru_RU":"Обратите внимание, что пунктирные линии на предварительном изображении указывают на позиции резки. Не размещайте глаза на пунктире","sk_SK":"Upozorňujeme, že prerušované čiary v ukážkovom obrázku označujú polohy rezu. Neumiestňujte oči na pomlčku.","sv_SV":"Observera att de streckade linjerna i förhandsgranskningsbilden anger skärpositionerna. Placera inte ögonen på instrumentbrädan.","th_TH":"โปรดทราบว่าเส้นประในภาพตัวอย่างระบุตำแหน่งการตัด อย่าวางตาบนเส้นประ","tr_TR":"Lütfen önizleme görüntüsündeki kesik çizgilerin kesme pozisyonlarını gösterdiğini unutmayın. Gözleri göstergeye koymayın","vi_VI":"Xin lưu ý rằng các đường nét đứt trong hình ảnh xem trước chỉ ra vị trí cắt. Không đặt mắt trên bảng điều khiển","zh_CN":"请注意，预览图中的虚线表示切割位置。请勿将眼睛放在虚线上","zh_TW":"請注意，預覽圖中的虛線表示切割位置。請勿將眼睛放在虛線上"}},"version":1,"previews":[],"paramErps":[{"id":99557,"bn":""},{"id":99710,"bn":""},{"id":101867,"bn":""},{"id":115856,"bn":""},{"id":99385,"bn":""}],"customizerId":"187924423209123840","customizerVersion":"187924423209123840","customData":{"id":"187924423276232704","layers":[{"id":"187924423280427008","title":"__i18n_187924423280427008_title","modules":[{"id":"187924423284621312","type":"photo_upload","props":[],"config":{"count":16,"label":"__i18n_187924423284621312_label","notes":"","width":4,"plugins":[{"type":"svg_cropper","config":{"svgUrl":"\/static\/photo-upload\/20241217\/8c94f352-45f6-4cc4-8628-c49a8998a6d1.svg","maskImage":"\/static\/photo-upload\/2025113\/65682458-6319-41cb-8d96-dde128debff5.png","appendCrop":["\/static\/photo-upload\/20241217\/8c94f352-45f6-4cc4-8628-c49a8998a6d1.svg"],"appendRatio":["998:827"],"appendCropMask":["\/static\/photo-upload\/2025113\/65682458-6319-41cb-8d96-dde128debff5.png"]}}],"validate":{"required":true},"columnGird":4,"propertyName":"photo-uploads","notesPosition":0,"enableCondition":false},"output":{"value":{"type":"image[]"},"source":{"type":"image[]"}},"position":{"x":0,"y":0}},{"id":"249908767540379648","type":"alert","props":[],"config":{"label":"__i18n_249908767540379648_label","width":4,"status":1,"showIcon":false,"validate":[],"propertyName":"please-note-that-the-dashed-lines-in-the-preview-image-indicate-the-cutting-positions.-do-not-place-the-eyes-on-the-dash","enableCondition":false},"output":[]},{"id":"189669635182821376","type":"open_component","props":{"input-1":{"type":"image","value":""},"input-2":{"type":"image","value":""},"input-3":{"type":"image","value":""},"input-4":{"type":"image","value":""},"input-5":{"type":"image","value":""},"input-6":{"type":"image","value":""},"input-7":{"type":"image","value":""},"input-8":{"type":"image","value":""},"input-9":{"type":"image","value":""},"input-10":{"type":"image","value":""},"input-11":{"type":"image","value":""},"input-12":{"type":"image","value":""},"input-13":{"type":"image","value":""},"input-14":{"type":"image","value":""},"input-15":{"type":"image","value":""},"input-16":{"type":"image","value":""}},"config":{"i18n":null,"info":{"id":"189421423259856896","name":"Manual Photo Album Preview","demoUrl":"https:\/\/assets.staticmeow.com\/customeow\/static\/open-component-cover\/20241218\/24f87a02-d942-4ac2-ab90-cd5add84ba28.png","version":"0.0.2"},"input":{"input-1":{"type":"image","value":""},"input-2":{"type":"image","value":""},"input-3":{"type":"image","value":""},"input-4":{"type":"image","value":""},"input-5":{"type":"image","value":""},"input-6":{"type":"image","value":""},"input-7":{"type":"image","value":""},"input-8":{"type":"image","value":""},"input-9":{"type":"image","value":""},"input-10":{"type":"image","value":""},"input-11":{"type":"image","value":""},"input-12":{"type":"image","value":""},"input-13":{"type":"image","value":""},"input-14":{"type":"image","value":""},"input-15":{"type":"image","value":""},"input-16":{"type":"image","value":""}},"label":"__i18n_189669635182821376_label","width":4,"height":400,"jsCode":"\/* component js *\/\n\n\/\/ get input\nconst get_value = input[\"input-1\"]\nconst get_value1 = input[\"input-2\"]\nconst get_value2 = input[\"input-3\"]\nconst get_value3 = input[\"input-4\"]\nconst get_value4 = input[\"input-5\"]\nconst get_value5 = input[\"input-6\"]\nconst get_value6 = input[\"input-7\"]\nconst get_value7 = input[\"input-8\"]\nconst get_value8 = input[\"input-9\"]\nconst get_value9 = input[\"input-10\"]\nconst get_value10 = input[\"input-11\"]\nconst get_value11 = input[\"input-12\"]\nconst get_value12 = input[\"input-13\"]\nconst get_value13 = input[\"input-14\"]\nconst get_value14 = input[\"input-15\"]\nconst get_value15 = input[\"input-16\"]\n\n\/\/ composite photo array\nlet input_photo_array = [get_value, get_value1, get_value2, get_value3, get_value4, get_value5, get_value6, get_value7, get_value8, get_value9, get_value10, get_value11, get_value12, get_value13, get_value14, get_value15]\nlet input_photos = input_photo_array.filter(Boolean)\n\n\/\/ init\nlet t = ''\nlet t_flip_up = ''\nlet t_flip_down = ''\nlet t_flip_play = ''\n\n\/\/ alpine\ndocument.addEventListener(\"alpine:init\", () => {\n  Alpine.data(\"app\", () => ({\n    input: {\n\t\t\timageArray: input_photos,\n\t\t\timageDemo: [\n\t\t\t\t'https:\/\/assets.staticmeow.com\/customeow\/static\/open-component-cover\/20241218\/ca55c456-ef21-4cb1-9157-d0da464ca8d8.jpeg',\n\t\t\t\t'https:\/\/assets.staticmeow.com\/customeow\/static\/open-component-cover\/20241218\/6d12c30b-a99a-4f13-8c50-74a8a67a843b.jpeg',\n\t\t\t\t'https:\/\/assets.staticmeow.com\/customeow\/static\/open-component-cover\/20241218\/7a669425-8470-43e5-871b-1ebc1b7aef99.jpeg',\n\t\t\t\t'https:\/\/assets.staticmeow.com\/customeow\/static\/open-component-cover\/20241218\/ffa4c9d4-f86c-452d-843a-b8cc872a1e89.jpeg'\n\t\t\t],\n\t\t\ttextureImage: 'https:\/\/assets.staticmeow.com\/customeow\/static\/open-component-cover\/20241214\/9ed71119-6c49-40b7-8408-df662baa56db.webp'\n\t\t},\n\t\tstatus: {\n\t\t\tisLoading: true,\n\t\t\tisSwitch: false,\n\t\t\timageProcess: '?x-oss-process=image\/resize,w_400',\n\t\t\tflipNext: {\n\t\t\t\tisFlipUp: false,\n\t\t\t\tisFlipDown: false,\n\t\t\t\tisFlipBottom: false,\n\t\t\t},\n\t\t\tbarIndex: -1,\n\t\t\tbarAngle: 0,\n\t\t\tisFlipEnd: true,\n\t\t\tisPlay: false,\n\t\t\tupImage: '',\n\t\t\tdownImage: '',\n\t\t\tprevImage: '',\n\t\t\tbottomImage: '',\n\t\t\tbottomImage2: '',\n\t\t\tduration: 1000,\n\t\t\tbarHeight: 90,\n\t\t\tbarMaxHeight: 90,\n\t\t\tbarMinHeight:24,\n\t\t\tisBarDown: true\n\t\t},\n    init() {\n\t\t\tlet length = this.input.imageArray.length\n\t\t\tif (length === 0) {\n\t\t\t\tthis.input.imageArray = this.input.imageDemo\n\t\t\t} else {\n\t\t\t\tthis.status.prevImage = this.input.imageArray[length - 1]\n\t\t\t\tthis.status.bottomImage = this.input.imageArray[length - 1]\n\t\t\t\tthis.status.bottomImage2 = this.input.imageArray[length - 2]\n\t\t\t}\n\t\t\tthis.status.isLoading = false\n\t\t},\n\t\tfilpBarRotate(duration) {\n\t\t\t\/\/ let duration = this.status.duration\n\t\t\tthis.status.barIndex += 1;\n\n\t\t\t\/\/ 一共16张图 分4个阶段 单阶段是4张 节奏是 慢快慢\n\t\t\tconst imageIndex = this.status.barIndex % 16;\n\t\t\tconst stepIndex = Math.floor(imageIndex \/ 4);\n\t\t\tconst stepAnimateIndex = imageIndex % 4;\n\n\t\t\tfunction easeInCubic(x) {\n\t\t\t\t\/\/ return x * x * x;\n\t\t\t\treturn 1 - Math.sqrt(1 - Math.pow(x, 2));\n\t\t\t\t\/\/ return x === 0 ? 0 : Math.pow(2, 10 * x - 10);\n\t\t\t}\n\n\t\t\tfunction easeOutCubic(x) {\n\t\t\t\t\/\/ return 1 - Math.pow(1 - x, 3);\n\t\t\t\treturn Math.sqrt(1 - Math.pow(x - 1, 2));\n\t\t\t\t\/\/ return x === 1 ? 1 : 1 - Math.pow(2, -10 * x);\n\t\t\t}\n\t\t\t\n\t\t\tif (stepIndex === 0 || stepIndex === 2) {\n\t\t\t\tif (stepIndex === 0) this.status.barAngle = 0;\n\t\t\t\telse if (stepIndex === 2) this.status.barAngle = 180;\t\t\t\t\n\t\t\t\t\/\/ 摆臂在下面 高度减少\n\t\t\t\tconst start = document.timeline.currentTime;\n\t\t\t\tconst animate = (timestamp) => {\n\t\t\t\t\tconst value = timestamp - start; \/\/ animation-timing-function: linear\n\t\t\t\t\tif (value < duration) {\n\t\t\t\t\t\tthis.status.barHeight = Math.max((1 - easeInCubic((duration * stepAnimateIndex + value) \/ (duration * 4))) * this.status.barMaxHeight, this.status.barMinHeight);\n\t\t\t\t\t\trequestAnimationFrame((t) => animate(t));\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.status.barHeight = Math.max((1 - easeInCubic((duration * (stepAnimateIndex + 1)) \/ (duration * 4))) * this.status.barMaxHeight, this.status.barMinHeight);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\trequestAnimationFrame(animate);\n\t\t\t} else if (stepIndex === 1 || stepIndex === 3)  {\n\t\t\t\tif (stepIndex === 3) this.status.barAngle = 0;\n\t\t\t\telse if (stepIndex === 1) this.status.barAngle = 180;\t\n\t\t\t\t\/\/ 摆臂在下面 高度增加\n\t\t\t\tconst start = document.timeline.currentTime;\n\t\t\t\tconst animate = (timestamp) => {\n\t\t\t\t\tconst value = timestamp - start; \/\/ animation-timing-function: linear\n\t\t\t\t\tif (value < duration) {\n\t\t\t\t\t\tthis.status.barHeight = Math.max(easeOutCubic((duration * stepAnimateIndex + value) \/ (duration * 4)) * this.status.barMaxHeight, this.status.barMinHeight);\n\t\t\t\t\t\trequestAnimationFrame((t) => animate(t));\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.status.barHeight = Math.max(easeOutCubic((duration * (stepAnimateIndex + 1)) \/ (duration * 4)) * this.status.barMaxHeight, this.status.barMinHeight);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\trequestAnimationFrame(animate);\n\t\t\t} \n\t\t},\n\t\tfilpNext(duration) {\n\t\t\tif (!this.status.isSwitch) {\n\t\t\t\tthis.status.isSwitch = true\n\t\t\t\tthis.status.duration = duration\n\n\t\t\t\t\/\/ update image\n\t\t\t\tlet currentItem = JSON.parse(JSON.stringify(this.input.imageArray[0]))\n\t\t\t\tlet nextItem = JSON.parse(JSON.stringify(this.input.imageArray[1]))\n\t\t\t\tthis.input.imageArray.splice(0, 1)\n\t\t\t\tthis.input.imageArray.push(currentItem)\n\t\t\t\t\n\t\t\t\t\/\/ update animate image\n\t\t\t\tthis.status.upImage = currentItem\n\t\t\t\tthis.status.downImage = nextItem\n\t\t\t\t\n\t\t\t\t\/\/ animation\n\t\t\t\tthis.status.flipNext.isFlipUp = true\n\t\t\t\tthis.status.isFlipEnd = false\n\t\t\t\t\n\t\t\t\tclearTimeout(t_flip_up)\n\t\t\t\tclearTimeout(t_flip_down)\n\t\t\t\tt_flip_up = setTimeout(() => {\n\t\t\t\t\tthis.status.flipNext.isFlipUp = false\n\t\t\t\t\tthis.status.flipNext.isFlipDown = true\n\t\t\t\t\tthis.status.flipNext.isFlipBottom = true\n\t\t\t\t\tlet length = this.input.imageArray.length\n\t\t\t\t\tthis.status.prevImage = this.input.imageArray[length - 1]\n\n\t\t\t\t\tfilp_t_down = setTimeout(() => {\n\t\t\t\t\t\tthis.status.bottomImage = this.input.imageArray[length - 1]\n\t\t\t\t\t\tthis.status.bottomImage2 = this.input.imageArray[length - 2]\n\n\t\t\t\t\t\tthis.status.flipNext.isFlipDown = false\n\t\t\t\t\t\tthis.status.flipNext.isFlipBottom = false\n\t\t\t\t\t\tthis.status.isFlipEnd = true\n\t\t\t\t\t\tthis.status.isSwitch = false\n\t\t\t\t\t}, this.status.duration * 2)\n\t\t\t\t}, this.status.duration)\n\n\t\t\t}\n\t\t},\n\t\thandleFilpNext(duration) {\n\t\t\t\/\/ 一页一页翻\n\t\t\tclearInterval(t_flip_play)\n\t\t\tthis.status.isPlay = false\n\t\t\tthis.filpNext(duration);\n\t\t\tthis.filpBarRotate(duration * 3);\n\t\t},\n\t\thandleFilpNextGroup(duration) {\n\t\t\t\/\/ 连续翻\n\t\t\tif (this.status.isPlay) {\n\t\t\t\tclearInterval(t_flip_play)\n\t\t\t\tthis.status.isPlay = false\n\t\t\t} else {\n\t\t\t\tthis.status.isPlay = true\n\t\t\t\tt_flip_play = setInterval(() => {\n\t\t\t\t\tthis.filpNext(duration);\n\t\t\t\t\tthis.filpBarRotate(duration * 3)\n\t\t\t\t}, duration * 3);\n\t\t\t}\n\t\t},\n\t\teaseMath(x) {\n\t\t\treturn x * x * x * x * x;\n\t\t}\n\t\t\n\t\t\n  }));\n});\n\n\/* js end *\/","output":{"no-output":{"type":"image","value":""}},"cssCode":"\/* component css *\/\n.bg-texture {\n  background-image: url(https:\/\/assets.staticmeow.com\/customeow\/static\/open-component-cover\/20241214\/9ed71119-6c49-40b7-8408-df662baa56db.webp);\n  background-size: cover;\n  clip-path: polygon(0 0, 100% 17px, 100% calc(100% - 17px), 0 100%);\n}\n.bg-texture-inner {\n  background-image: url(https:\/\/assets.staticmeow.com\/customeow\/static\/open-component-cover\/20241214\/9ed71119-6c49-40b7-8408-df662baa56db.webp);\n  background-size: cover;\n  clip-path: polygon(0 1px, 100% 8px, 100% calc(100% - 8px), 0 calc(100% - 1px));\n  opacity: 0.4;\n}\n.bg-metal {\n  background: rgb(0,0,0);\n  background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0.4) 50%, rgba(0,0,0,1) 100%);\n}\n.bg-metal::before {\n  content: '';\n  position: absolute;\n  left: 1px;\n  top: 1px;\n  right: 1px;\n  bottom: 1px;\n  background: rgb(0,0,0);\n  background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(141,141,141,1) 10%, rgba(174,174,174,1) 30%, rgba(237,237,237,1) 40%, rgba(86,86,86,1) 50%, rgba(105,105,105,1) 70%, rgba(190,190,190,1) 80%, rgba(141,141,141,1) 90%, rgba(0,0,0,1) 100%);\n}\n.bg-metal-line {\n  background: rgb(0,0,0);\n  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%, rgba(255,255,255,0.4) 75%, rgba(255,255,255,0) 100%);\n}\n.horizontal-mirror {\n  transform: rotateY(180deg);\n}\n\n\/* filp animation *\/\n.flip-up-default {\n  background-size: 107%;\n  background-position: center top 6.1%;\n  transform: perspective(500px) rotateX(0deg);\n  transform-origin: bottom center;\n  opacity: 0;\n}\n.flip-down-default {\n  background-size: 107%;\n  background-position: center bottom 6.1%;\n  transform: perspective(500px) rotateX(90deg);\n  transform-origin: top center;\n  opacity: 0;\n}\n.flip-down-end {\n  background-size: 107%;\n  background-position: center bottom 6.1%;\n}\n.flip-photo {\n  background-size: 107%;\n  background-position: center center;\n}\n\n.flip-shadow {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  background-color: rgba(0,0,0,1);\n}\n.flip-shadow-up {\n  opacity: 0;\n  transition-property: opacity;\n  transition-timing-function: ease-in;\n}\n.flip-shadow-down {\n  opacity: 1;\n  transition-property: opacity;\n  transition-timing-function: ease-out;\n}\n.flip-up-animate,\n.flip-down-animate {\n  opacity: 1;\n}\n.flip-up-animate {\n  transition-property: transform;\n  transition-timing-function: ease-in;\n  transform: perspective(500px) rotateX(-90deg);\n}\n.flip-down-animate {\n  transition-property: transform;\n  transition-timing-function: ease-out;\n  transform: perspective(500px) rotateX(0deg);\n}\n.flip-up-animate .flip-shadow-up {\n  opacity: 1;\n}\n.flip-down-animate .flip-shadow-down {\n  opacity: 0;\n}\n\n.flip-bottom-default {\n  transform-origin: top center;\n  transform: translateY(0) scale(1);\n}\n.flip-down-bottom-animate {\n  transition-property: all;\n  transition-timing-function: ease-in-out;\n  transform: translateY(12px) scale(0.95);\n}\n\n\/* photo border *\/\n.photo-top-border::before {\n  content: '';\n  height: 1px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  background-color: rgba(255,255,255,0.2);\n}\n.photo-bottom-border::before {\n  content: '';\n  height: 1px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: rgba(255,255,255,1);\n}\n\n\/* metal *\/\n.buckle {\n  border-radius: 0 0 12px 12px;\n  background: rgb(0,0,0);\n  background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgb(124, 114, 7) 20%, rgba(235,217,21,1) 40%, rgba(254,245,137,1) 60%, rgba(235,217,21,1) 100%);\n  box-shadow: 0 -1px 0 rgba(255,255,255,0.8) inset, 0 2px 4px rgba(0,0,0,0.6);\n}\n\n\/* bar *\/\n.bar-line,\n.bar-line-mask {\n  background-image: url(https:\/\/assets.staticmeow.com\/customeow\/static\/open-component-cover\/20241214\/9ed71119-6c49-40b7-8408-df662baa56db.webp);\n  background-size: 100%;\n}\n.bar-line::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  background: rgb(0,0,0);\n  background: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 12%, rgba(0,0,0,0.4) 88%, rgba(0,0,0,0.8) 100%);\n}\n.bar-handle {\n  background-image: url(https:\/\/assets.staticmeow.com\/customeow\/static\/open-component-cover\/20241217\/44c3d017-a35f-4efb-8a08-7523ba85233d.webp);\n  background-size: 100%;\n}\n.bar-handle::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  background: rgb(0,0,0);\n  background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.3) 20%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.3) 80%, rgba(0,0,0,0.6) 100%);\n}\n.bar-line-mask::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  background: rgb(0,0,0);\n  background: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 30%, rgba(0,0,0,0.4) 70%, rgba(0,0,0,0.4) 70%);\n}\n\n\n\/* css end *\/","htmlCode":"<!-- *** component html *** -->\n\n<!-- import code -->\n<script defer src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<script defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"><\/script>\n\n<style>\n\t\t\t.app-photo-album {\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 100%;\n\t\t\t\tpadding: 20px 0;\n\t\t\t\toverflow: hidden;\n\t\t\t\tmax-height: 400px;\n\t\t\t\tz-index: 0;\n\t\t\t}\n\t\t\t.app-photo-loading {\n\t\t\t\tposition: absolute;\n\t\t\t\tleft: 0;\n\t\t\t\tright: 0;\n\t\t\t\ttop: 0;\n\t\t\t\tbottom: 0;\n\t\t\t\tz-index: 999;\n\t\t\t\tbackground-color: #f2f2f2;\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: center;\n\t\t\t\talign-items: center;\n\t\t\t}\n\t\t\t.loader {\n\t\t\t\twidth: 48px;\n\t\t\t\theight: 48px;\n\t\t\t\tborder: 5px solid #ccc;\n\t\t\t\tborder-bottom-color: transparent;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tanimation: rotation 1s linear infinite;\n\t\t\t}\n\n\t\t\t@keyframes rotation {\n\t\t\t\t0% {\n\t\t\t\t\t\ttransform: rotate(0deg);\n\t\t\t\t}\n\t\t\t\t100% {\n\t\t\t\t\t\ttransform: rotate(360deg);\n\t\t\t\t}\n\t\t\t} \n<\/style>\n\n<!-- HTML Start -->\n        <div class=\"app-photo-album w-full h-full rounded-lg border border-slate-300 flex flex-col relative overflow-hidden py-5\"\n\t\tx-data=\"app\"\n\t\tx-init=\"init()\">\n\n\t\t\t<!-- loading -->\n\t\t\t<div x-show=\"status.isLoading\" \n\t\t\tclass=\"app-photo-loading\">\n\t\t\t\t<span class=\"loader\"><\/span>\n\t\t\t<\/div>\n\n\t\t\t<!-- content -->\n\t\t\t<div class=\"w-full h-full flex flex-col items-center relative\">\n\n\t\t\t\t<!-- box -->\n\t\t\t\t<div class=\"w-[260px] h-[260px] bg-black rounded-lg overflow-hidden mt-3 relative z-10\">\n\n\t\t\t\t\t<!-- outter border -->\n\t\t\t\t\t<div class=\"w-full h-full absolute inset-0\">\n\t\t\t\t\t\t<div class=\"w-4 h-full bg-texture absolute left-0 top-0\" \n\t\t\t\t\t\t:style=\"{\n\t\t\t\t\t\t\t'background-image': input.textureImage\n\t\t\t\t\t\t}\"><\/div>\n\t\t\t\t\t\t<div class=\"w-4 h-full bg-texture absolute -top-1\/2 left-1\/2 rotate-90 -translate-x-2 translate-y-2\" \n\t\t\t\t\t\t:style=\"{\n\t\t\t\t\t\t\t'background-image': input.textureImage\n\t\t\t\t\t\t}\"><\/div>\n\t\t\t\t\t\t<div class=\"w-4 h-full bg-texture absolute -bottom-1\/2 left-1\/2 -rotate-90 -translate-x-2 -translate-y-2\" \n\t\t\t\t\t\t:style=\"{\n\t\t\t\t\t\t\t'background-image': input.textureImage\n\t\t\t\t\t\t}\"><\/div>\n\t\t\t\t\t\t<div class=\"w-4 h-full bg-texture absolute top-0 right-0 -rotate-180\" \n\t\t\t\t\t\t:style=\"{\n\t\t\t\t\t\t\t'background-image': input.textureImage\n\t\t\t\t\t\t}\"><\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<!-- inner border -->\n\t\t\t\t\t<div class=\"absolute inset-4\">\n\t\t\t\t\t\t<div class=\"w-2 h-full bg-texture-inner absolute left-0 top-0\" \n\t\t\t\t\t\t:style=\"{\n\t\t\t\t\t\t\t'background-image': input.textureImage\n\t\t\t\t\t\t}\"><\/div>\n\t\t\t\t\t\t<div class=\"w-2 h-full bg-texture-inner absolute -top-1\/2 left-1\/2 rotate-90 -translate-x-[4px] translate-y-[4px]\" \n\t\t\t\t\t\t:style=\"{\n\t\t\t\t\t\t\t'background-image': input.textureImage\n\t\t\t\t\t\t}\"><\/div>\n\t\t\t\t\t\t<div class=\"w-2 h-full bg-texture-inner absolute -bottom-1\/2 left-1\/2 -rotate-90 -translate-x-[4px] -translate-y-[4px]\" \n\t\t\t\t\t\t:style=\"{\n\t\t\t\t\t\t\t'background-image': input.textureImage\n\t\t\t\t\t\t}\"><\/div>\n\t\t\t\t\t\t<div class=\"w-2 h-full bg-texture-inner absolute top-0 right-0 -rotate-180\" \n\t\t\t\t\t\t:style=\"{\n\t\t\t\t\t\t\t'background-image': input.textureImage\n\t\t\t\t\t\t}\"><\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<!-- Shaft line -->\n\t\t\t\t\t<div class=\"w-[calc(100%-60px)] h-10 absolute left-[30px] top-1\/2 z-50 -translate-y-1\/2\">\n\t\t\t\t\t\t<div class=\"h-1 bg-metal-line absolute top-1\/2 left-0 right-0 z-0 -translate-y-1\/2\"><\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<!-- buckle -->\n\t\t\t\t\t<!-- <div class=\"buckle w-6 h-6 absolute z-40 left-1\/2 top-6 -ml-3\"><\/div> -->\n\n\t\t\t\t\t<!-- photos -->\n\t\t\t\t\t<div class=\"absolute inset-x-8 inset-y-[50px] z-30\">\n\n\t\t\t\t\t\t<!-- animate flip next -->\n\t\t\t\t\t\t<div class=\"w-full h-full absolute inset-0 z-[100]\">\n\t\t\t\t\t\t\t<!-- up -->\n\t\t\t\t\t\t\t<div class=\"flip-up-default w-full h-[80px] absolute x-0 top-0 z-10\"\n\t\t\t\t\t\t\t:class=\"status.flipNext.isFlipUp ? 'flip-up-animate duration-['+status.duration+'ms]'  : ''\"\n\t\t\t\t\t\t\t:style=\"{\n\t\t\t\t\t\t\t\t'background-image': 'url(' + status.upImage + status.imageProcess + ')'\n\t\t\t\t\t\t\t}\">\n\t\t\t\t\t\t\t\t<div class=\"flip-shadow flip-shadow-up\" \n\t\t\t\t\t\t\t\t:style=\"{\n\t\t\t\t\t\t\t\t\t'transition-duration': status.duration + 'ms'\n\t\t\t\t\t\t\t\t}\"><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<!-- down -->\n\t\t\t\t\t\t\t<div class=\"flip-down-default w-full h-[80px] absolute x-0 bottom-0 z-10 photo-bottom-border\" \n\t\t\t\t\t\t\t:class=\"status.flipNext.isFlipDown ? 'flip-down-animate duration-['+status.duration*2+'ms]' : ''\"\n\t\t\t\t\t\t\t:style=\"{\n\t\t\t\t\t\t\t\t'background-image': 'url(' + status.downImage + status.imageProcess + ')'\n\t\t\t\t\t\t\t}\">\n\t\t\t\t\t\t\t\t<div class=\"flip-shadow flip-shadow-down\" \n\t\t\t\t\t\t\t\t:style=\"{\n\t\t\t\t\t\t\t\t\t'transition-duration': status.duration * 2 + 'ms'\n\t\t\t\t\t\t\t\t}\"><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<!-- end -->\n\t\t\t\t\t\t\t<div class=\"flip-down-end w-full h-[80px] absolute x-0 bottom-0 z-0 photo-bottom-border\"\n\t\t\t\t\t\t\t:class=\"status.isFlipEnd ? 'opacity-0' : 'opacity-100'\"\n\t\t\t\t\t\t\t:style=\"{\n\t\t\t\t\t\t\t\t'background-image': 'url(' + status.upImage + status.imageProcess + ')'\n\t\t\t\t\t\t\t}\"><\/div>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<!-- photos -->\n\t\t\t\t\t\t<div x-ref=\"albumPhotos\" class=\"w-full h-full absolute inset-0 z-10 shadow\">\n\t\t\t\t\t\t\t<template x-for=\"(item, index) in input.imageArray\" >\n\t\t\t\t\t\t\t\t<div class=\"flip-photo w-full h-full absolute inset-0 photo-bottom-border\"\n\t\t\t\t\t\t\t\t:style=\"{\n\t\t\t\t\t\t\t\t\t'background-image': 'url(' + item + status.imageProcess + ')',\n\t\t\t\t\t\t\t\t\t'z-index': 50 - index\n\t\t\t\t\t\t\t\t}\"><\/div>\n\t\t\t\t\t\t\t<\/template>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<!-- photo back layer -->\n\t\t\t\t\t\t<div class=\"w-full h-full absolute inset-0 z-[9]\">\n\n\t\t\t\t\t\t\t<!-- top 1 -->\n\t\t\t\t\t\t\t<div class=\"w-full h-[90px] absolute z-[3] x-0 top-0 bg-top bg-cover bg-[#444] scale-95 -translate-y-[6px] photo-top-border\"><\/div>\n\t\t\t\t\t\t\t<div class=\"w-full h-[90px] absolute z-[2] x-0 top-0 bg-top bg-cover bg-[#222] scale-90 -translate-y-[11px] photo-top-border\"><\/div>\n\n\t\t\t\t\t\t\t<!-- bottom 1 -->\n\t\t\t\t\t\t\t<div class=\"flip-bottom-default w-full h-[90px] absolute z-[5] x-0 bottom-0 bg-bottom bg-cover photo-bottom-border\" \n\t\t\t\t\t\t\t:class=\"status.flipNext.isFlipBottom ? 'flip-down-bottom-animate duration-['+status.duration*2+'ms]' : ''\"\n\t\t\t\t\t\t\t:style=\"{\n\t\t\t\t\t\t\t\t'background-image': 'url(' + status.prevImage + status.imageProcess + ')'\n\t\t\t\t\t\t\t}\"><\/div>\n\n\t\t\t\t\t\t\t<div class=\"w-full h-[90px] absolute z-[4] x-0 bottom-0 bg-bottom bg-cover scale-95 translate-y-[12px] photo-bottom-border\" \n\t\t\t\t\t\t\t:style=\"{\n\t\t\t\t\t\t\t\t'background-image': 'url(' + status.bottomImage + status.imageProcess + ')'\n\t\t\t\t\t\t\t}\"><\/div>\n\n\t\t\t\t\t\t\t<!-- bottom 2 -->\n\t\t\t\t\t\t\t<div class=\"w-full h-[90px] absolute z-[0] x-0 bottom-0 bg-bottom bg-cover scale-90 translate-y-[20px] photo-bottom-border\" \n\t\t\t\t\t\t\t:style=\"{\n\t\t\t\t\t\t\t\t'background-image': 'url(' + status.bottomImage2 + status.imageProcess + ')'\n\t\t\t\t\t\t\t}\"><\/div>\n\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<!-- Shaft -->\n\t\t\t\t\t<div class=\"w-[calc(100%-44px)] h-10 absolute left-[22px] top-1\/2 z-20 -translate-y-1\/2\">\n\t\t\t\t\t\t<div class=\"w-2 h-10 bg-metal absolute left-0 top-0 z-10\"><\/div>\n\t\t\t\t\t\t<div class=\"w-2 h-10 bg-metal absolute right-0 top-0 z-10\"><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\n\t\t\t\t<!-- handle -->\n\t\t\t\t<div class=\"w-[calc((100%-252px)\/2)] h-[180px] absolute z-0 right-0 top-[52px] overflow-hidden\" :style=\"{\n\t\t\t\t\t\t'transform': 'rotateX(' + status.barAngle + 'deg)'\n\t\t\t\t\t}\">\n\n\t\t\t\t\t<div class=\"w-full absolute left-0 top-[90px] pt-6\" \n\t\t\t\t\t\t:style=\"{\n\t\t\t\t\t\t\t'height': status.barHeight + 'px'\n\t\t\t\t\t\t}\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div class=\"bar-handle w-14 h-6 absolute z-0 left-5 bottom-1 rounded-r-md overflow-hidden\"><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<!-- bar -->\n\t\t\t\t<div class=\"w-[calc((100%-252px)\/2)] h-[180px] absolute z-0 right-0 top-[52px] overflow-hidden\" \n\t\t\t\t:style=\"{\n\t\t\t\t\t'transform': 'rotateX(' + status.barAngle + 'deg)'\n\t\t\t\t}\">\n\t\t\t\t\t<!-- bar line -->\n\t\t\t\t\t<div class=\"w-full absolute left-0 top-[90px]\" \n\t\t\t\t\t\t:style=\"{\n\t\t\t\t\t\t\t'height': status.barHeight + 'px'\n\t\t\t\t\t\t}\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div class=\"bar-line w-6 h-full relative z-10 rounded-sm overflow-hidden\"><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<!-- bar mask -->\n\t\t\t\t\t<div class=\"bar-line-mask w-6 absolute left-0 top-[74px] h-8 z-10 rounded-sm overflow-hidden\" \n\t\t\t\t\t:class=\"status.barAngle === 180 ? 'bar-line-up' : ''\"><\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<!-- buttons -->\n\t\t\t\t<div class=\"flex items-center gap-8 mt-6\">\n\t\t\t\t\t<!-- play -->\n\t\t\t\t\t<div class=\"w-14 h-14 rounded-full border border-slate-300 flex justify-center items-center cursor-pointer\" \n\t\t\t\t\t@click=\"handleFilpNextGroup(40)\">\n\t\t\t\t\t\t<span x-show=\"status.isPlay\" class=\"w-6 h-6\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"size-6\">\n\t\t\t\t\t\t\t\t<path fill-rule=\"evenodd\" d=\"M6.75 5.25a.75.75 0 0 1 .75-.75H9a.75.75 0 0 1 .75.75v13.5a.75.75 0 0 1-.75.75H7.5a.75.75 0 0 1-.75-.75V5.25Zm7.5 0A.75.75 0 0 1 15 4.5h1.5a.75.75 0 0 1 .75.75v13.5a.75.75 0 0 1-.75.75H15a.75.75 0 0 1-.75-.75V5.25Z\" clip-rule=\"evenodd\" \/>\n\t\t\t\t\t\t\t<\/svg>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<span x-show=\"!status.isPlay\" class=\"w-6 h-6\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"size-6\">\n\t\t\t\t\t\t\t\t<path fill-rule=\"evenodd\" d=\"M4.5 5.653c0-1.427 1.529-2.33 2.779-1.643l11.54 6.347c1.295.712 1.295 2.573 0 3.286L7.28 19.99c-1.25.687-2.779-.217-2.779-1.643V5.653Z\" clip-rule=\"evenodd\" \/>\n\t\t\t\t\t\t\t<\/svg>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<!-- next -->\n\t\t\t\t\t<div class=\"w-14 h-14 rounded-full border border-slate-300 flex justify-center items-center cursor-pointer\" \n\t\t\t\t\t@click=\"handleFilpNext(120)\">\n\t\t\t\t\t\t<span class=\"w-6 h-6 flex justify-center items-center\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" class=\"size-5\">\n\t\t\t\t\t\t\t\t<path d=\"M12.75 4a.75.75 0 0 0-.75.75v10.5c0 .414.336.75.75.75h.5a.75.75 0 0 0 .75-.75V4.75a.75.75 0 0 0-.75-.75h-.5ZM17.75 4a.75.75 0 0 0-.75.75v10.5c0 .414.336.75.75.75h.5a.75.75 0 0 0 .75-.75V4.75a.75.75 0 0 0-.75-.75h-.5ZM3.288 4.819A1.5 1.5 0 0 0 1 6.095v7.81a1.5 1.5 0 0 0 2.288 1.277l6.323-3.906a1.5 1.5 0 0 0 0-2.552L3.288 4.819Z\" \/>\n\t\t\t\t\t\t\t<\/svg>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\n\n\n\n<!-- *** html end *** -->","propertyName":"Manual Photo Album Preview","includeInputOutput":1},"output":{"no-output":{"type":"image","value":""}},"position":{"x":589.8150446756979,"y":0}}],"conditions":[],"enableStep":false}],"connects":[{"color":"#09C88B","source":{"id":"187924423284621312","key":"value"},"target":{"id":"189669635182821376","key":"input-1"}},{"color":"#EF4444","source":{"id":"187924423284621312","key":"value","index":1},"target":{"id":"189669635182821376","key":"input-2"}},{"color":"#FFB269","source":{"id":"187924423284621312","key":"value","index":2},"target":{"id":"189669635182821376","key":"input-3"}},{"color":"#8C7AFA","source":{"id":"187924423284621312","key":"value","index":3},"target":{"id":"189669635182821376","key":"input-4"}},{"color":"#FFC75C","source":{"id":"187924423284621312","key":"value","index":4},"target":{"id":"189669635182821376","key":"input-5"}},{"color":"#34C3CC","source":{"id":"187924423284621312","key":"value","index":5},"target":{"id":"189669635182821376","key":"input-6"}},{"color":"#64AAF8","source":{"id":"187924423284621312","key":"value","index":6},"target":{"id":"189669635182821376","key":"input-7"}},{"color":"#09C88B","source":{"id":"187924423284621312","key":"value","index":7},"target":{"id":"189669635182821376","key":"input-8"}},{"color":"#EF4444","source":{"id":"187924423284621312","key":"value","index":8},"target":{"id":"189669635182821376","key":"input-9"}},{"color":"#FFB269","source":{"id":"187924423284621312","key":"value","index":9},"target":{"id":"189669635182821376","key":"input-10"}},{"color":"#8C7AFA","source":{"id":"187924423284621312","key":"value","index":10},"target":{"id":"189669635182821376","key":"input-11"}},{"color":"#FFC75C","source":{"id":"187924423284621312","key":"value","index":11},"target":{"id":"189669635182821376","key":"input-12"}},{"color":"#34C3CC","source":{"id":"187924423284621312","key":"value","index":12},"target":{"id":"189669635182821376","key":"input-13"}},{"color":"#64AAF8","source":{"id":"187924423284621312","key":"value","index":13},"target":{"id":"189669635182821376","key":"input-14"}},{"color":"#09C88B","source":{"id":"187924423284621312","key":"value","index":14},"target":{"id":"189669635182821376","key":"input-15"}},{"color":"#EF4444","source":{"id":"187924423284621312","key":"value","index":15},"target":{"id":"189669635182821376","key":"input-16"}}],"uniqueId":"187924423276232704","functions":[],"showLayerTitle":true,"enableLayerPopup":true}}