lido-player 0.0.2-alpha-30 → 0.0.2-alpha-31
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/lido-avatar_18.cjs.entry.js +4 -4
- package/dist/cjs/{utils-faffb5aa.js → utils-8016d4a2.js} +19 -12
- package/dist/collection/components/text/lido-text.css +0 -4
- package/dist/collection/components/trace/lido-trace.js +2 -2
- package/dist/collection/stories/Templates/categorize2/categorize2.stories.js +12 -12
- package/dist/collection/utils/utilsHandlers/dragDropHandler.js +19 -12
- package/dist/components/index.js +1 -1
- package/dist/components/lido-avatar.js +1 -1
- package/dist/components/lido-cell.js +1 -1
- package/dist/components/lido-col.js +1 -1
- package/dist/components/lido-container.js +1 -1
- package/dist/components/lido-flash-card.js +1 -1
- package/dist/components/lido-float.js +1 -1
- package/dist/components/lido-home.js +1 -1
- package/dist/components/lido-image.js +1 -1
- package/dist/components/lido-keyboard.js +1 -1
- package/dist/components/lido-pos.js +1 -1
- package/dist/components/lido-random.js +1 -1
- package/dist/components/lido-root.js +18 -18
- package/dist/components/lido-row.js +1 -1
- package/dist/components/lido-shape.js +1 -1
- package/dist/components/lido-slide-fill.js +1 -1
- package/dist/components/lido-text.js +1 -1
- package/dist/components/lido-trace.js +1 -1
- package/dist/components/lido-wrap.js +1 -1
- package/dist/components/{p-d40fa07e.js → p-01e57228.js} +1 -1
- package/dist/components/{p-08ce4f70.js → p-17348182.js} +1 -1
- package/dist/components/{p-4f632aad.js → p-1ba1ba7e.js} +1 -1
- package/dist/components/{p-cac90114.js → p-3011bd07.js} +2 -2
- package/dist/components/{p-f298ed2c.js → p-42bdc6cc.js} +2 -2
- package/dist/components/{p-1609320a.js → p-473deb9a.js} +1 -1
- package/dist/components/{p-b0ed84c6.js → p-47fb86ae.js} +1 -1
- package/dist/components/{p-293b12fe.js → p-5f3ebc1b.js} +17 -17
- package/dist/components/{p-07ec61dc.js → p-6c8823fb.js} +1 -1
- package/dist/components/{p-a19696b9.js → p-6eb82786.js} +1 -1
- package/dist/components/{p-c8e49db6.js → p-84b90bd5.js} +3 -3
- package/dist/components/{p-57cc7be1.js → p-9644d545.js} +1 -1
- package/dist/components/{p-d2e47f32.js → p-a8c66621.js} +1 -1
- package/dist/components/{p-198a8ff2.js → p-b793e8a1.js} +1 -1
- package/dist/components/{p-4896ed36.js → p-db0126ad.js} +19 -12
- package/dist/components/{p-ff17497e.js → p-e5ce940e.js} +1 -1
- package/dist/components/{p-c081ba5f.js → p-e7736cbe.js} +1 -1
- package/dist/components/{p-e5406b25.js → p-f08b200e.js} +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/lido-avatar_18.entry.js +4 -4
- package/dist/esm/{utils-317cd4b1.js → utils-438c94f7.js} +19 -12
- package/dist/lido-player/index.esm.js +1 -1
- package/dist/lido-player/lido-player.esm.js +1 -1
- package/dist/lido-player/{p-5327158a.entry.js → p-15613ed8.entry.js} +1 -1
- package/dist/lido-player/{p-2cb5a61d.js → p-767fa5fb.js} +1 -1
- package/package.json +1 -1
package/dist/cjs/index.cjs.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-fe562525.js');
|
|
6
|
-
const utils = require('./utils-
|
|
6
|
+
const utils = require('./utils-8016d4a2.js');
|
|
7
7
|
|
|
8
8
|
var rive = {exports: {}};
|
|
9
9
|
|
|
@@ -10989,7 +10989,7 @@ const LidoSlideFill = class {
|
|
|
10989
10989
|
};
|
|
10990
10990
|
LidoSlideFill.style = LidoSlideFillStyle0;
|
|
10991
10991
|
|
|
10992
|
-
const lidoTextCss = ".lido-text{transition:background-color 0.3s ease;user-select:none;align-items:center;justify-content:center;text-align:center;border-radius:24px;color:#333;cursor:pointer;font-family:'Baloo Bhai 2', serif}.
|
|
10992
|
+
const lidoTextCss = ".lido-text{transition:background-color 0.3s ease;user-select:none;align-items:center;justify-content:center;text-align:center;border-radius:24px;color:#333;cursor:pointer;font-family:'Baloo Bhai 2', serif}.text-letters{transition:color 0.3s, text-shadow 0.3s;display:inline-block;padding:0 2px}.text-letters.letter-highlight{color:#8e24aa;background:none;border-radius:0;text-shadow:0 2px 8px #8e24aa88;animation:text-letter-bounce 0.4s}.text-words{transition:color 0.3s, text-shadow 0.3s;display:inline-block;padding:0 2px}.text-words.word-highlight{color:#8e24aa;background:none;border-radius:0;text-shadow:0 2px 8px #8e24aa88;animation:text-word-bounce 0.4s}@keyframes text-letter-bounce{0%{transform:scale(1)}60%{transform:scale(1.4)}100%{transform:scale(1)}}@keyframes text-word-bounce{0%{transform:scale(1)}60%{transform:scale(1.3)}100%{transform:scale(1)}}";
|
|
10993
10993
|
const LidoTextStyle0 = lidoTextCss;
|
|
10994
10994
|
|
|
10995
10995
|
const LidoText = class {
|
|
@@ -11800,11 +11800,11 @@ const LidoTrace = class {
|
|
|
11800
11800
|
top: utils.parseProp(this.y, orientation),
|
|
11801
11801
|
left: utils.parseProp(this.x, orientation),
|
|
11802
11802
|
zIndex: this.z,
|
|
11803
|
-
position: 'absolute',
|
|
11803
|
+
// position: 'absolute',
|
|
11804
11804
|
};
|
|
11805
11805
|
}
|
|
11806
11806
|
render() {
|
|
11807
|
-
return (index.h(index.Host, { key: '
|
|
11807
|
+
return (index.h(index.Host, { key: '82020de7d7f5a693a54d1b24bdb4fb1fb08c36aa', class: "lido-trace", id: this.id, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, tabindex: this.tabIndex }, index.h("div", { key: 'bdec3fedd54b8a5b6a26ba88dfb37f1fd136409f', style: this.style, id: "lido-svgContainer" })));
|
|
11808
11808
|
}
|
|
11809
11809
|
static get assetsDirs() { return ["svg", "images"]; }
|
|
11810
11810
|
get el() { return index.getElement(this); }
|
|
@@ -674,11 +674,13 @@ async function onElementDropComplete(dragElement, dropElement) {
|
|
|
674
674
|
const div = document.createElement('div');
|
|
675
675
|
container.append(div);
|
|
676
676
|
div.classList.add('after-drop-popup-container');
|
|
677
|
-
const hasType = dragElement.nextElementSibling;
|
|
678
677
|
dragElement.style.scale = `1`;
|
|
679
678
|
dropElement.style.scale = `1`;
|
|
679
|
+
const allDragElements = container.querySelectorAll('[type="drag"]');
|
|
680
|
+
const dragParents = Array.from(allDragElements).map(el => el.parentElement);
|
|
681
|
+
const allSameParent = dragParents.every(parent => parent === dragElement.parentElement);
|
|
680
682
|
// Remove from old parents
|
|
681
|
-
if (
|
|
683
|
+
if (allSameParent) {
|
|
682
684
|
dragElement.remove();
|
|
683
685
|
dropElement.remove();
|
|
684
686
|
}
|
|
@@ -705,15 +707,6 @@ async function onElementDropComplete(dragElement, dropElement) {
|
|
|
705
707
|
}
|
|
706
708
|
}
|
|
707
709
|
}
|
|
708
|
-
if (dragElement) {
|
|
709
|
-
if (dropElement) {
|
|
710
|
-
dragElement.setAttribute(DropToAttr, dropElement === null || dropElement === void 0 ? void 0 : dropElement.id);
|
|
711
|
-
}
|
|
712
|
-
else {
|
|
713
|
-
dragElement.removeAttribute(DropToAttr);
|
|
714
|
-
}
|
|
715
|
-
dragElement.setAttribute(DropTimeAttr, new Date().getTime().toString());
|
|
716
|
-
}
|
|
717
710
|
if (dropElement) {
|
|
718
711
|
if (dropElement.getAttribute('drop-attr') === 'stretch') {
|
|
719
712
|
if (!dropElement.hasAttribute('data-original-width')) {
|
|
@@ -736,12 +729,26 @@ async function onElementDropComplete(dragElement, dropElement) {
|
|
|
736
729
|
let dragSelected = JSON.parse(dragSelectedData);
|
|
737
730
|
for (const key in dragSelected) {
|
|
738
731
|
if (dragSelected[key].includes(dragElement['value']) && dragElement.classList.contains('dropped')) {
|
|
739
|
-
|
|
732
|
+
const preDropId = dragElement.getAttribute('drop-to');
|
|
733
|
+
const preDrop = container.querySelector(`#${preDropId}`);
|
|
734
|
+
const preDropIndex = preDrop.getAttribute('tab-index');
|
|
735
|
+
if (preDropIndex) {
|
|
736
|
+
delete dragSelected[preDropIndex];
|
|
737
|
+
}
|
|
740
738
|
}
|
|
741
739
|
}
|
|
742
740
|
localStorage.setItem(DragSelectedMapKey, JSON.stringify(dragSelected));
|
|
743
741
|
}
|
|
744
742
|
dragElement.classList.add('dropped');
|
|
743
|
+
if (dragElement) {
|
|
744
|
+
if (dropElement) {
|
|
745
|
+
dragElement.setAttribute(DropToAttr, dropElement === null || dropElement === void 0 ? void 0 : dropElement.id);
|
|
746
|
+
}
|
|
747
|
+
else {
|
|
748
|
+
dragElement.removeAttribute(DropToAttr);
|
|
749
|
+
}
|
|
750
|
+
dragElement.setAttribute(DropTimeAttr, new Date().getTime().toString());
|
|
751
|
+
}
|
|
745
752
|
// Check for overlaps and highlight only the most overlapping element
|
|
746
753
|
if (dropElement && !((_c = dropHasDrag[dropTabIndex]) === null || _c === void 0 ? void 0 : _c.isFull)) {
|
|
747
754
|
let mostOverlappedElement = findMostoverlappedElement$1(dragElement, 'drag');
|
|
@@ -684,11 +684,11 @@ export class LidoTrace {
|
|
|
684
684
|
top: parseProp(this.y, orientation),
|
|
685
685
|
left: parseProp(this.x, orientation),
|
|
686
686
|
zIndex: this.z,
|
|
687
|
-
position: 'absolute',
|
|
687
|
+
// position: 'absolute',
|
|
688
688
|
};
|
|
689
689
|
}
|
|
690
690
|
render() {
|
|
691
|
-
return (h(Host, { key: '
|
|
691
|
+
return (h(Host, { key: '82020de7d7f5a693a54d1b24bdb4fb1fb08c36aa', class: "lido-trace", id: this.id, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, tabindex: this.tabIndex }, h("div", { key: 'bdec3fedd54b8a5b6a26ba88dfb37f1fd136409f', style: this.style, id: "lido-svgContainer" })));
|
|
692
692
|
}
|
|
693
693
|
static get is() { return "lido-trace"; }
|
|
694
694
|
static get originalStyleUrls() {
|
|
@@ -126,34 +126,34 @@ function getContainerXml(args) {
|
|
|
126
126
|
<lido-cell layout="landscape.row,portrait.wrap" z="0" visible="true" type="optionArea" height="landscape.32%,portrait.38%" width="landscape.99%,portrait.98%" bg-Color="#FEEDE6" margin="landscape.-33px 0px 32px 0px, portrait.23px 0px 18px 0px" onEntry=" this.border='1px solid #FAB89C';this.overflow=' hidden'; this.gap='25px'; this.align-items='center'; this.justify-content='center';this.border-radius='6px';">
|
|
127
127
|
|
|
128
128
|
${args.image1.length === 0 && args.option1.length === 0 ? '' : `<lido-cell layout="col" audio="${args.option1Audio}" x="29px" y="-221px" z="1" onTouch="" visible="true" type="option" tab-index="6" id="i1" value="${args.option1}" height="217px" width="149px" bg-Color="white" onEntry="this.padding='0px';this.flex-shrink='0'; this.box-sizing='unset'; this.align-items='center';this.justify-content='center';this.border-radius='6px';this. box-shadow=' 0px 8px 0px -2px rgba(0, 0, 0, 0.1)'">
|
|
129
|
-
${args.image1.length === 0 ? '' : `<lido-image visible="true" height="145px" width="145px" bgColor="transparent" src="${args.image1}" onEntry="this.flex=' 0 0 auto'; this.boxShadow='unset';this.transition = 'transform 0.5s ease';" ></lido-image>`}
|
|
129
|
+
${args.image1.length === 0 ? '' : `<lido-image visible="true" height="145px" width="145px" bgColor="transparent" src="${args.image1}" onEntry="this.pointer-events=' none';this.flex=' 0 0 auto'; this.boxShadow='unset';this.transition = 'transform 0.5s ease';" ></lido-image>`}
|
|
130
130
|
|
|
131
|
-
${args.option1.length === 0 ? '' : `<lido-text visible="true" height="31px" width="145px" string="${args.option1}" font-family="'Baloo Bhai 2'" font-size="32px" margin="0px 0px 0px 0px" onEntry="this.border-radius='0px'; this.fontWeight='500';" bg-Color="white"></lido-text>`}
|
|
131
|
+
${args.option1.length === 0 ? '' : `<lido-text visible="true" height="31px" width="145px" string="${args.option1}" font-family="'Baloo Bhai 2'" font-size="32px" margin="0px 0px 0px 0px" onEntry="this.pointer-events=' none';this.border-radius='0px'; this.fontWeight='500';" bg-Color="white"></lido-text>`}
|
|
132
132
|
</lido-cell>`}
|
|
133
133
|
${args.image2.length === 0 && args.option2.length === 0 ? '' : `<lido-cell layout="col" onTouch="" audio="${args.option2Audio}" x="29px" y="-221px" visible="true" type="option" tab-index="7" id="i2" value="${args.option2}" height="217px" width="149px" bg-Color="white" onEntry="this.padding='0px';this.flex-shrink='0';this.box-sizing='unset';this.align-items='center';this.justify-content='center';this.border-radius='6px';this. box-shadow=' 0px 8px 0px -2px rgba(0, 0, 0, 0.1)'">
|
|
134
|
-
${args.image2.length === 0 ? '' : ` <lido-image visible="true" height="145px" width="145px" bgColor="transparent" src="${args.image2}" onEntry="this.flex=' 0 0 auto';this.boxShadow='unset';this.transition = 'transform 0.5s ease';"></lido-image>`}
|
|
135
|
-
${args.option2.length === 0 ? '' : ` <lido-text visible="true" height="31px" width="145px" string="${args.option2}" font-family="'Baloo Bhai 2'" font-size="32px" margin="0px 0px 0px 0px" onEntry="this.border-radius='0px'; this.fontWeight='500';" bg-Color="white"></lido-text>`}
|
|
134
|
+
${args.image2.length === 0 ? '' : ` <lido-image visible="true" height="145px" width="145px" bgColor="transparent" src="${args.image2}" onEntry="this.pointer-events=' none';this.flex=' 0 0 auto';this.boxShadow='unset';this.transition = 'transform 0.5s ease';"></lido-image>`}
|
|
135
|
+
${args.option2.length === 0 ? '' : ` <lido-text visible="true" height="31px" width="145px" string="${args.option2}" font-family="'Baloo Bhai 2'" font-size="32px" margin="0px 0px 0px 0px" onEntry="this.pointer-events=' none';this.border-radius='0px'; this.fontWeight='500';" bg-Color="white"></lido-text>`}
|
|
136
136
|
</lido-cell>`}
|
|
137
137
|
|
|
138
138
|
|
|
139
139
|
${args.image3.length === 0 && args.option3.length === 0 ? '' : `<lido-cell layout="col" onTouch="" audio="${args.option3Audio}" x="29px" y="-221px" visible="true" type="option" tab-index="8" id="i3" value="${args.option3}" height="217px" width="149px" bg-Color="white" onEntry="this.padding='0px';this.flex-shrink='0';this.box-sizing='unset';this.align-items='center';this.justify-content='center';this.border-radius='6px';this. box-shadow=' 0px 8px 0px -2px rgba(0, 0, 0, 0.1)'">
|
|
140
|
-
${args.image3.length === 0 ? '' : `<lido-image visible="true" height="145px" width="145px" bgColor="transparent" src="${args.image3}" onEntry="this.flex=' 0 0 auto';this.boxShadow='unset';this.transition = 'transform 0.5s ease';" z="5"></lido-image>`}
|
|
141
|
-
${args.option3.length === 0 ? '' : `<lido-text visible="true" height="31px" width="145px" string="${args.option3}" font-family="'Baloo Bhai 2'" font-size="32px" margin="0px 0px 0px 0px" onEntry="this.border-radius='0px'; this.fontWeight='500';" bg-Color="white"></lido-text>`}
|
|
140
|
+
${args.image3.length === 0 ? '' : `<lido-image visible="true" height="145px" width="145px" bgColor="transparent" src="${args.image3}" onEntry="this.pointer-events=' none';this.flex=' 0 0 auto';this.boxShadow='unset';this.transition = 'transform 0.5s ease';" z="5"></lido-image>`}
|
|
141
|
+
${args.option3.length === 0 ? '' : `<lido-text visible="true" height="31px" width="145px" string="${args.option3}" font-family="'Baloo Bhai 2'" font-size="32px" margin="0px 0px 0px 0px" onEntry="this.pointer-events=' none';this.border-radius='0px'; this.fontWeight='500';" bg-Color="white"></lido-text>`}
|
|
142
142
|
</lido-cell>`}
|
|
143
143
|
|
|
144
144
|
${args.image4.length === 0 && args.option4.length === 0 ? '' : `<lido-cell layout="col" onTouch="" audio="${args.option4Audio}" x="29px" y="-221px" visible="true" type="option" tab-index="9" id="i4" value="${args.option4}" height="217px" width="149px" bg-Color="white" onEntry="this.padding='0px';this.flex-shrink='0';this.box-sizing='unset';this.align-items='center';this.justify-content='center';this.border-radius='6px';this. box-shadow=' 0px 8px 0px -2px rgba(0, 0, 0, 0.1)'">
|
|
145
|
-
${args.image4.length === 0 ? '' : `<lido-image visible="true" height="145px" width="145px" bgColor="transparent" src="${args.image4}" onEntry="this.flex=' 0 0 auto';this.boxShadow='unset';this.transition = 'transform 0.5s ease';" z="5"></lido-image>`}
|
|
146
|
-
${args.option4.length === 0 ? '' : `<lido-text visible="true" onTouch="" height="31px" width="145px" string="${args.option4}" font-family="'Baloo Bhai 2'" font-size="32px" margin="0px 0px 0px 0px" onEntry="this.border-radius='0px'; this.fontWeight='500';" bg-Color="white"></lido-text>`}
|
|
145
|
+
${args.image4.length === 0 ? '' : `<lido-image visible="true" height="145px" width="145px" bgColor="transparent" src="${args.image4}" onEntry="this.pointer-events=' none';this.flex=' 0 0 auto';this.boxShadow='unset';this.transition = 'transform 0.5s ease';" z="5"></lido-image>`}
|
|
146
|
+
${args.option4.length === 0 ? '' : `<lido-text visible="true" onTouch="" height="31px" width="145px" string="${args.option4}" font-family="'Baloo Bhai 2'" font-size="32px" margin="0px 0px 0px 0px" onEntry="this.pointer-events=' none';this.border-radius='0px'; this.fontWeight='500';" bg-Color="white"></lido-text>`}
|
|
147
147
|
</lido-cell>`}
|
|
148
148
|
|
|
149
149
|
${args.image5.length === 0 && args.option5.length === 0 ? '' : `<lido-cell layout="col" onTouch="" audio="${args.option5Audio}" x="29px" y="-221px" visible="true" type="option" tab-index="10" id="i5" value="${args.option5}" height="217px" width="149px" bg-Color="white" onEntry="this.padding='0px';this.flex-shrink='0';this.box-sizing='unset';this.align-items='center';this.justify-content='center';this.border-radius='6px';this. box-shadow=' 0px 8px 0px -2px rgba(0, 0, 0, 0.1)'">
|
|
150
|
-
${args.image5.length === 0 ? '' : `<lido-image visible="true" height="145px" width="145px" bgColor="transparent" src="${args.image5}" onEntry="this.flex=' 0 0 auto';this.boxShadow='unset';this.transition = 'transform 0.5s ease';" z="5"></lido-image>`}
|
|
151
|
-
${args.option5.length === 0 ? '' : `<lido-text visible="true" onTouch="" height="31px" width="145px" string="${args.option5}" font-family="'Baloo Bhai 2'" font-size="32px" margin="0px 0px 0px 0px" onEntry="this.border-radius='0px'; this.fontWeight='500';" bg-Color="white"></lido-text>1`}
|
|
150
|
+
${args.image5.length === 0 ? '' : `<lido-image visible="true" height="145px" width="145px" bgColor="transparent" src="${args.image5}" onEntry="this.pointer-events=' none';this.flex=' 0 0 auto';this.boxShadow='unset';this.transition = 'transform 0.5s ease';" z="5"></lido-image>`}
|
|
151
|
+
${args.option5.length === 0 ? '' : `<lido-text visible="true" onTouch="" height="31px" width="145px" string="${args.option5}" font-family="'Baloo Bhai 2'" font-size="32px" margin="0px 0px 0px 0px" onEntry="this.pointer-events=' none';this.border-radius='0px'; this.fontWeight='500';" bg-Color="white"></lido-text>1`}
|
|
152
152
|
</lido-cell>`}
|
|
153
153
|
|
|
154
154
|
${args.image6.length === 0 && args.option6.length === 0 ? '' : `<lido-cell layout="col" onTouch="" audio="${args.option6Audio}" x="29px" y="-221px" visible="true" type="option" tab-index="11" id="i6" value="${args.option6}" height="217px" width="149px" bg-Color="white" onEntry="this.padding='0px';this.flex-shrink='0';this.box-sizing='unset';this.align-items='center';this.justify-content='center';this.border-radius='6px';this. box-shadow=' 0px 8px 0px -2px rgba(0, 0, 0, 0.1)'">
|
|
155
|
-
${args.image6.length === 0 ? '' : `<lido-image visible="true" height="145px" width="145px" bgColor="transparent" src="${args.image6}" onEntry="this.flex=' 0 0 auto';this.boxShadow='unset';this.transition = 'transform 0.5s ease';" z="5"></lido-image>`}
|
|
156
|
-
${args.option6.length === 0 ? '' : `<lido-text visible="true" onTouch="" height="31px" width="145px" string="${args.option6}" font-family="'Baloo Bhai 2'" font-size="32px" margin="0px 0px 0px 0px" onEntry="this.border-radius='0px'; this.fontWeight='500';" bg-Color="white"></lido-text>`}
|
|
155
|
+
${args.image6.length === 0 ? '' : `<lido-image visible="true" height="145px" width="145px" bgColor="transparent" src="${args.image6}" onEntry="this.pointer-events=' none';this.flex=' 0 0 auto';this.boxShadow='unset';this.transition = 'transform 0.5s ease';" z="5"></lido-image>`}
|
|
156
|
+
${args.option6.length === 0 ? '' : `<lido-text visible="true" onTouch="" height="31px" width="145px" string="${args.option6}" font-family="'Baloo Bhai 2'" font-size="32px" margin="0px 0px 0px 0px" onEntry="this.pointer-events=' none';this.border-radius='0px'; this.fontWeight='500';" bg-Color="white"></lido-text>`}
|
|
157
157
|
</lido-cell>`}
|
|
158
158
|
|
|
159
159
|
</lido-cell>
|
|
@@ -523,11 +523,13 @@ export async function onElementDropComplete(dragElement, dropElement) {
|
|
|
523
523
|
const div = document.createElement('div');
|
|
524
524
|
container.append(div);
|
|
525
525
|
div.classList.add('after-drop-popup-container');
|
|
526
|
-
const hasType = dragElement.nextElementSibling;
|
|
527
526
|
dragElement.style.scale = `1`;
|
|
528
527
|
dropElement.style.scale = `1`;
|
|
528
|
+
const allDragElements = container.querySelectorAll('[type="drag"]');
|
|
529
|
+
const dragParents = Array.from(allDragElements).map(el => el.parentElement);
|
|
530
|
+
const allSameParent = dragParents.every(parent => parent === dragElement.parentElement);
|
|
529
531
|
// Remove from old parents
|
|
530
|
-
if (
|
|
532
|
+
if (allSameParent) {
|
|
531
533
|
dragElement.remove();
|
|
532
534
|
dropElement.remove();
|
|
533
535
|
}
|
|
@@ -554,15 +556,6 @@ export async function onElementDropComplete(dragElement, dropElement) {
|
|
|
554
556
|
}
|
|
555
557
|
}
|
|
556
558
|
}
|
|
557
|
-
if (dragElement) {
|
|
558
|
-
if (dropElement) {
|
|
559
|
-
dragElement.setAttribute(DropToAttr, dropElement === null || dropElement === void 0 ? void 0 : dropElement.id);
|
|
560
|
-
}
|
|
561
|
-
else {
|
|
562
|
-
dragElement.removeAttribute(DropToAttr);
|
|
563
|
-
}
|
|
564
|
-
dragElement.setAttribute(DropTimeAttr, new Date().getTime().toString());
|
|
565
|
-
}
|
|
566
559
|
if (dropElement) {
|
|
567
560
|
if (dropElement.getAttribute('drop-attr') === 'stretch') {
|
|
568
561
|
if (!dropElement.hasAttribute('data-original-width')) {
|
|
@@ -585,12 +578,26 @@ export async function onElementDropComplete(dragElement, dropElement) {
|
|
|
585
578
|
let dragSelected = JSON.parse(dragSelectedData);
|
|
586
579
|
for (const key in dragSelected) {
|
|
587
580
|
if (dragSelected[key].includes(dragElement['value']) && dragElement.classList.contains('dropped')) {
|
|
588
|
-
|
|
581
|
+
const preDropId = dragElement.getAttribute('drop-to');
|
|
582
|
+
const preDrop = container.querySelector(`#${preDropId}`);
|
|
583
|
+
const preDropIndex = preDrop.getAttribute('tab-index');
|
|
584
|
+
if (preDropIndex) {
|
|
585
|
+
delete dragSelected[preDropIndex];
|
|
586
|
+
}
|
|
589
587
|
}
|
|
590
588
|
}
|
|
591
589
|
localStorage.setItem(DragSelectedMapKey, JSON.stringify(dragSelected));
|
|
592
590
|
}
|
|
593
591
|
dragElement.classList.add('dropped');
|
|
592
|
+
if (dragElement) {
|
|
593
|
+
if (dropElement) {
|
|
594
|
+
dragElement.setAttribute(DropToAttr, dropElement === null || dropElement === void 0 ? void 0 : dropElement.id);
|
|
595
|
+
}
|
|
596
|
+
else {
|
|
597
|
+
dragElement.removeAttribute(DropToAttr);
|
|
598
|
+
}
|
|
599
|
+
dragElement.setAttribute(DropTimeAttr, new Date().getTime().toString());
|
|
600
|
+
}
|
|
594
601
|
// Check for overlaps and highlight only the most overlapping element
|
|
595
602
|
if (dropElement && !((_c = dropHasDrag[dropTabIndex]) === null || _c === void 0 ? void 0 : _c.isFull)) {
|
|
596
603
|
let mostOverlappedElement = findMostoverlappedElement(dragElement, 'drag');
|
package/dist/components/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { f as format, g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-
|
|
1
|
+
export { f as format, g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-db0126ad.js';
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, g as getAssetPath, h } from './p-
|
|
2
|
-
import { d as defineCustomElement$i } from './p-
|
|
3
|
-
import { d as defineCustomElement$h } from './p-
|
|
4
|
-
import { d as defineCustomElement$g } from './p-
|
|
5
|
-
import { d as defineCustomElement$f } from './p-
|
|
6
|
-
import { d as defineCustomElement$e } from './p-
|
|
7
|
-
import { d as defineCustomElement$d } from './p-
|
|
8
|
-
import { d as defineCustomElement$c } from './p-
|
|
9
|
-
import { d as defineCustomElement$b } from './p-
|
|
10
|
-
import { d as defineCustomElement$a } from './p-
|
|
11
|
-
import { d as defineCustomElement$9 } from './p-
|
|
12
|
-
import { d as defineCustomElement$8 } from './p-
|
|
13
|
-
import { d as defineCustomElement$7 } from './p-
|
|
14
|
-
import { d as defineCustomElement$6 } from './p-
|
|
15
|
-
import { d as defineCustomElement$5 } from './p-
|
|
16
|
-
import { d as defineCustomElement$4 } from './p-
|
|
17
|
-
import { d as defineCustomElement$3 } from './p-
|
|
18
|
-
import { d as defineCustomElement$2 } from './p-
|
|
1
|
+
import { p as proxyCustomElement, H, g as getAssetPath, h } from './p-db0126ad.js';
|
|
2
|
+
import { d as defineCustomElement$i } from './p-01e57228.js';
|
|
3
|
+
import { d as defineCustomElement$h } from './p-a8c66621.js';
|
|
4
|
+
import { d as defineCustomElement$g } from './p-e7736cbe.js';
|
|
5
|
+
import { d as defineCustomElement$f } from './p-f08b200e.js';
|
|
6
|
+
import { d as defineCustomElement$e } from './p-473deb9a.js';
|
|
7
|
+
import { d as defineCustomElement$d } from './p-17348182.js';
|
|
8
|
+
import { d as defineCustomElement$c } from './p-5f3ebc1b.js';
|
|
9
|
+
import { d as defineCustomElement$b } from './p-e5ce940e.js';
|
|
10
|
+
import { d as defineCustomElement$a } from './p-42bdc6cc.js';
|
|
11
|
+
import { d as defineCustomElement$9 } from './p-47fb86ae.js';
|
|
12
|
+
import { d as defineCustomElement$8 } from './p-6eb82786.js';
|
|
13
|
+
import { d as defineCustomElement$7 } from './p-b793e8a1.js';
|
|
14
|
+
import { d as defineCustomElement$6 } from './p-9644d545.js';
|
|
15
|
+
import { d as defineCustomElement$5 } from './p-1ba1ba7e.js';
|
|
16
|
+
import { d as defineCustomElement$4 } from './p-3011bd07.js';
|
|
17
|
+
import { d as defineCustomElement$3 } from './p-84b90bd5.js';
|
|
18
|
+
import { d as defineCustomElement$2 } from './p-6c8823fb.js';
|
|
19
19
|
|
|
20
20
|
const LidoRoot$1 = /*@__PURE__*/ proxyCustomElement(class LidoRoot extends H {
|
|
21
21
|
constructor() {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { c as commonjsGlobal, p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, e as convertUrlToRelative, h, j as Host, R as RiveService } from './p-
|
|
1
|
+
import { c as commonjsGlobal, p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, e as convertUrlToRelative, h, j as Host, R as RiveService } from './p-db0126ad.js';
|
|
2
2
|
|
|
3
3
|
var rive = {exports: {}};
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, o as handleFloatElementPosition, q as handleElementClick, m as parseProp, h, j as Host } from './p-
|
|
1
|
+
import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, o as handleFloatElementPosition, q as handleElementClick, m as parseProp, h, j as Host } from './p-db0126ad.js';
|
|
2
2
|
|
|
3
3
|
const lidoFloatCss = ".lido-float{position:relative}.lido-float>*{position:absolute;cursor:pointer}@keyframes float-up{from{top:var(--el-top)}to{top:-500px}}@keyframes float-lr{from{right:var(--el-left)}to{right:-500px}}";
|
|
4
4
|
const LidoFloatStyle0 = lidoFloatCss;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, e as convertUrlToRelative, d as setVisibilityWithDelay, i as initEventsForElement, m as parseProp, M as fraction, h, j as Host } from './p-
|
|
1
|
+
import { p as proxyCustomElement, H, e as convertUrlToRelative, d as setVisibilityWithDelay, i as initEventsForElement, m as parseProp, M as fraction, h, j as Host } from './p-db0126ad.js';
|
|
2
2
|
|
|
3
3
|
const lidoSlideFillCss = ".svg-element,svg{width:100%;height:100%}";
|
|
4
4
|
const LidoSlideFillStyle0 = lidoSlideFillCss;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, l as attachSpeakIcon, e as convertUrlToRelative, m as parseProp, h, j as Host } from './p-
|
|
1
|
+
import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, l as attachSpeakIcon, e as convertUrlToRelative, m as parseProp, h, j as Host } from './p-db0126ad.js';
|
|
2
2
|
|
|
3
|
-
const lidoTextCss = ".lido-text{transition:background-color 0.3s ease;user-select:none;align-items:center;justify-content:center;text-align:center;border-radius:24px;color:#333;cursor:pointer;font-family:'Baloo Bhai 2', serif}.
|
|
3
|
+
const lidoTextCss = ".lido-text{transition:background-color 0.3s ease;user-select:none;align-items:center;justify-content:center;text-align:center;border-radius:24px;color:#333;cursor:pointer;font-family:'Baloo Bhai 2', serif}.text-letters{transition:color 0.3s, text-shadow 0.3s;display:inline-block;padding:0 2px}.text-letters.letter-highlight{color:#8e24aa;background:none;border-radius:0;text-shadow:0 2px 8px #8e24aa88;animation:text-letter-bounce 0.4s}.text-words{transition:color 0.3s, text-shadow 0.3s;display:inline-block;padding:0 2px}.text-words.word-highlight{color:#8e24aa;background:none;border-radius:0;text-shadow:0 2px 8px #8e24aa88;animation:text-word-bounce 0.4s}@keyframes text-letter-bounce{0%{transform:scale(1)}60%{transform:scale(1.4)}100%{transform:scale(1)}}@keyframes text-word-bounce{0%{transform:scale(1)}60%{transform:scale(1.3)}100%{transform:scale(1)}}";
|
|
4
4
|
const LidoTextStyle0 = lidoTextCss;
|
|
5
5
|
|
|
6
6
|
const LidoText = /*@__PURE__*/ proxyCustomElement(class LidoText extends H {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, S as SelectedValuesKey, L as LidoContainer, D as executeActions, I as triggerNextContainer, o as handleFloatElementPosition, J as storingEachActivityScore, K as DropAction, m as parseProp, h, j as Host } from './p-
|
|
2
|
-
import { d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { p as proxyCustomElement, H, S as SelectedValuesKey, L as LidoContainer, D as executeActions, I as triggerNextContainer, o as handleFloatElementPosition, J as storingEachActivityScore, K as DropAction, m as parseProp, h, j as Host } from './p-db0126ad.js';
|
|
2
|
+
import { d as defineCustomElement$1 } from './p-3011bd07.js';
|
|
3
3
|
|
|
4
4
|
const lidoKeyboardCss = ".lido-keyboard{display:flex;flex-direction:column;align-items:center;gap:30px}.input-area{display:flex;gap:15px}input[type=\"text\"]{font-size:30px;font-weight:600;padding-left:20px;width:300px;height:70px;border:2px solid;background:whitesmoke;border-radius:20px;text-align:center}.keyboard-wrapper{justify-content:center;width:700px}.disabled{opacity:0.5;pointer-events:none}.key-button{background:aquamarine;font-weight:600}";
|
|
5
5
|
const LidoKeyboardStyle0 = lidoKeyboardCss;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, m as parseProp, d as setVisibilityWithDelay, i as initEventsForElement, h, j as Host } from './p-
|
|
1
|
+
import { p as proxyCustomElement, H, m as parseProp, d as setVisibilityWithDelay, i as initEventsForElement, h, j as Host } from './p-db0126ad.js';
|
|
2
2
|
|
|
3
3
|
const lidoFlashCardCss = ".card{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 0.6s ease;cursor:pointer}.card.flipped{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.card-back{transform:rotateY(180deg)}";
|
|
4
4
|
const LidoFlashCardStyle0 = lidoFlashCardCss;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, i as initEventsForElement, m as parseProp, h, j as Host } from './p-
|
|
1
|
+
import { p as proxyCustomElement, H, i as initEventsForElement, m as parseProp, h, j as Host } from './p-db0126ad.js';
|
|
2
2
|
|
|
3
3
|
const lidoPosCss = ".lido-pos{top:var(--y, 0);left:var(--x, 0);height:var(--height, 100%);width:var(--width, 100%);background-color:var(--bgColor, #eeeeee);display:flex;justify-content:space-around;flex-direction:column;position:fixed}.lido-pos>*{position:absolute}";
|
|
4
4
|
const LidoPosStyle0 = lidoPosCss;
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, r as clearLocalStorage, t as dispatchActivityChangeEvent, u as dispatchGameCompletedEvent, v as dispatchGameExitEvent, w as exitUrl, x as prevUrl, y as nextUrl, z as speakUrl, N as NextContainerKey, P as PrevContainerKey, L as LidoContainer, h, A as AudioPlayer, B as getCancelBtnPopup, n as calculateScale, C as triggerPrevcontainer, D as executeActions, j as Host, E as setCancelBtnPopup } from './p-
|
|
2
|
-
import { d as defineCustomElement$g } from './p-
|
|
3
|
-
import { d as defineCustomElement$f } from './p-
|
|
4
|
-
import { d as defineCustomElement$e } from './p-
|
|
5
|
-
import { d as defineCustomElement$d } from './p-
|
|
6
|
-
import { d as defineCustomElement$c } from './p-
|
|
7
|
-
import { d as defineCustomElement$b } from './p-
|
|
8
|
-
import { d as defineCustomElement$a } from './p-
|
|
9
|
-
import { d as defineCustomElement$9 } from './p-
|
|
10
|
-
import { d as defineCustomElement$8 } from './p-
|
|
11
|
-
import { d as defineCustomElement$7 } from './p-
|
|
12
|
-
import { d as defineCustomElement$6 } from './p-
|
|
13
|
-
import { d as defineCustomElement$5 } from './p-
|
|
14
|
-
import { d as defineCustomElement$4 } from './p-
|
|
15
|
-
import { d as defineCustomElement$3 } from './p-
|
|
16
|
-
import { d as defineCustomElement$2 } from './p-
|
|
17
|
-
import { d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { p as proxyCustomElement, H, r as clearLocalStorage, t as dispatchActivityChangeEvent, u as dispatchGameCompletedEvent, v as dispatchGameExitEvent, w as exitUrl, x as prevUrl, y as nextUrl, z as speakUrl, N as NextContainerKey, P as PrevContainerKey, L as LidoContainer, h, A as AudioPlayer, B as getCancelBtnPopup, n as calculateScale, C as triggerPrevcontainer, D as executeActions, j as Host, E as setCancelBtnPopup } from './p-db0126ad.js';
|
|
2
|
+
import { d as defineCustomElement$g } from './p-01e57228.js';
|
|
3
|
+
import { d as defineCustomElement$f } from './p-a8c66621.js';
|
|
4
|
+
import { d as defineCustomElement$e } from './p-e7736cbe.js';
|
|
5
|
+
import { d as defineCustomElement$d } from './p-f08b200e.js';
|
|
6
|
+
import { d as defineCustomElement$c } from './p-473deb9a.js';
|
|
7
|
+
import { d as defineCustomElement$b } from './p-17348182.js';
|
|
8
|
+
import { d as defineCustomElement$a } from './p-e5ce940e.js';
|
|
9
|
+
import { d as defineCustomElement$9 } from './p-42bdc6cc.js';
|
|
10
|
+
import { d as defineCustomElement$8 } from './p-47fb86ae.js';
|
|
11
|
+
import { d as defineCustomElement$7 } from './p-6eb82786.js';
|
|
12
|
+
import { d as defineCustomElement$6 } from './p-b793e8a1.js';
|
|
13
|
+
import { d as defineCustomElement$5 } from './p-9644d545.js';
|
|
14
|
+
import { d as defineCustomElement$4 } from './p-1ba1ba7e.js';
|
|
15
|
+
import { d as defineCustomElement$3 } from './p-3011bd07.js';
|
|
16
|
+
import { d as defineCustomElement$2 } from './p-84b90bd5.js';
|
|
17
|
+
import { d as defineCustomElement$1 } from './p-6c8823fb.js';
|
|
18
18
|
|
|
19
19
|
const indexCss = "@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Baloo+Bhai+2:wght@400..800&display=swap'); body{overflow:hidden;background-position:center;background-size:cover;background-repeat:no-repeat;height:100vh}*{user-select:none}.lido-disable-check-button{pointer-events:none;background-color:#9393935c !important;color:white}.lido-element-selected{border:2px solid;background-color:#ffdf7d !important}.diagonal-target,.diagonal-drop *{transform:scale(0.8) !important;opacity:1 !important}.cloned-element{display:flex !important;position:absolute !important;filter:grayscale(100%);pointer-events:none}.removeShadow{box-shadow:0px 0px 0px 0px #ff8900 !important}.highlight-element{border:2px solid white;box-shadow:0 2px 4px rgba(151, 150, 150, 0.1) !important}.drop-element.empty{border:4px dashed #f34d08 !important}.drop-element.filled{border:'none' !important}.drag-element{box-shadow:0px 15px 11px rgba(43, 0, 0, 0.3) !important}.drag-element.dropped{box-shadow:none !important}.click-element{background-color:var(--btn-bg-color, rgba(255, 172, 76, 1)) !important;box-shadow:var(--btn-shadow-px) var(--btn-shadow-color, rgba(225, 121, 76, 1)) !important;cursor:pointer;transition:box-shadow 0.1s ease-out, transform 0.2s ease-out;}.click-element:active{box-shadow:0px 0px 0px var(--btn-shadow-color, rgba(225, 121, 76, 1)) !important;transform:translateY(var(--btn-active));}.click-element:focus{outline:2px solid dodgerblue;outline-offset:3px}.after-drop-popup-container{width:200%;height:200%;background-color:rgba(0, 0, 0, 0.8);position:absolute;display:flex;flex-direction:row-reverse;align-items:center;justify-content:center !important;gap:80px}.after-drop-popup-drag-element{scale:1.5;border-radius:8px;transform:none !important;position:unset !important}.after-drop-popup-drop-element{scale:1.5;border:unset;border-radius:8px;transform:none !important;position:unset !important}@keyframes zoomFadeIn{0%{transform:scale(0.6);opacity:0}100%{transform:scale(1);opacity:1}}.zoom-fade-in{animation:zoomFadeIn 0.8s ease-out forwards}@keyframes zoomFadeOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0.6);opacity:0}}.zoom-fade-out{animation:zoomFadeOut 0.8s ease-in forwards}.slide-numbers{width:70px;height:70px;border:1px solid #f57139;background-color:white;font-weight:500;color:#f57139;font-size:44px;border-radius:40px;display:flex;align-items:center;justify-content:center;font-family:'Baloo Bhai 2', serif}.slide-numbers-bottom{position:absolute;display:flex;justify-content:space-around;align-items:center;bottom:-25px;width:100%;height:50px}.slide-numbers-left{position:absolute;display:flex;flex-direction:column;justify-content:space-around;height:100%;width:50px;left:-25px;bottom:0px}.lido-speak-icon{width:56px;height:56px;position:absolute;top:-25px;right:-25px;z-index:10;background-image:url(\"https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/template/audioIcon.png\");background-color:white;border:4px solid #F34D08;border-radius:16px;box-shadow:0px 4px 0px 0px #F34D08;background-size:contain;background-repeat:no-repeat;cursor:pointer}.lido-speak-icon:active{transform:translateY(8px);box-shadow:0px 0px 0px 0px !important}.lido-strong-shake{animation:strongShake 0.3s ease}.lido-scaled-shake{animation:scaledShake 0.6s ease-in-out}.lido-horizontal-shake{animation:horizontalShake 0.6s ease-in-out;border-radius:20px}.lido-vertical-shake{animation:verticalShake 0.6s ease-in-out;border-radius:20px}.lido-diagonal-shake{animation:diagonalShake 0.5s ease-in-out;border-radius:20px;will-change:transform}";
|
|
20
20
|
const LidoHomeStyle0 = indexCss;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, i as initEventsForElement, k as handlingChildElements, l as attachSpeakIcon, m as parseProp, h, j as Host } from './p-
|
|
1
|
+
import { p as proxyCustomElement, H, i as initEventsForElement, k as handlingChildElements, l as attachSpeakIcon, m as parseProp, h, j as Host } from './p-db0126ad.js';
|
|
2
2
|
|
|
3
3
|
const lidoWrapCss = ".lido-wrap{display:grid;grid-gap:10px;grid-template-columns:repeat(auto-fill, minmax(186px, auto))}.lido-wrap>*{padding:10px;background-color:var(--child-bg-color, #f0f0f0);box-sizing:border-box}.lido-flex{display:flex;flex-wrap:wrap;align-content:flex-start;gap:10px}";
|
|
4
4
|
const LidoWrapStyle0 = lidoWrapCss;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, l as attachSpeakIcon, h, j as Host } from './p-
|
|
1
|
+
import { p as proxyCustomElement, H, l as attachSpeakIcon, h, j as Host } from './p-db0126ad.js';
|
|
2
2
|
|
|
3
3
|
const lidoRandomCss = ".lido-random{position:relative;width:100%;height:100%}.lido-random>*{position:absolute}";
|
|
4
4
|
const LidoRandomStyle0 = lidoRandomCss;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, T as TraceMode, d as setVisibilityWithDelay, O as speakIcon, e as convertUrlToRelative, Q as fingerUrl, L as LidoContainer, D as executeActions, I as triggerNextContainer, m as parseProp, h, j as Host } from './p-
|
|
1
|
+
import { p as proxyCustomElement, H, T as TraceMode, d as setVisibilityWithDelay, O as speakIcon, e as convertUrlToRelative, Q as fingerUrl, L as LidoContainer, D as executeActions, I as triggerNextContainer, m as parseProp, h, j as Host } from './p-db0126ad.js';
|
|
2
2
|
|
|
3
3
|
const lidoTraceCss = ":host{display:block;position:relative}#lido-svgContainer{display:flex;justify-content:center;align-items:center;overflow:hidden}svg{width:100%;height:100%;max-height:calc(100vh - 50px);touch-action:none}#lido-draggableCircle{cursor:pointer;fill:#81C127;transition:fill 0.2s, r 0.2s}.lido-blindTracing{stroke:none !important}.lido-blindFreeTrace{stroke:none !important}.lido-hovered{cursor:grab;fill:darkred}#lido-controls{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:10px;background-color:#f0f0f0;border-top:1px solid #ccc}button{padding:10px;font-size:16px}@media (max-width: 600px){button{padding:8px;font-size:14px}}.lido-trace-path-green{}.lido-flow-indicator{stroke:blue;stroke-width:2;stroke-dasharray:6, 6;fill:none}.lido-trace{height:700px;width:700px;z-index:1;justify-items:center;align-content:center}.trace-animate{animation:trace-bounce 0.5s}@keyframes trace-bounce{0%{transform:scale(1)}30%{transform:scale(1.05)}60%{transform:scale(0.95)}100%{transform:scale(1)}}";
|
|
4
4
|
const LidoTraceStyle0 = lidoTraceCss;
|
|
@@ -687,11 +687,11 @@ const LidoTrace = /*@__PURE__*/ proxyCustomElement(class LidoTrace extends H {
|
|
|
687
687
|
top: parseProp(this.y, orientation),
|
|
688
688
|
left: parseProp(this.x, orientation),
|
|
689
689
|
zIndex: this.z,
|
|
690
|
-
position: 'absolute',
|
|
690
|
+
// position: 'absolute',
|
|
691
691
|
};
|
|
692
692
|
}
|
|
693
693
|
render() {
|
|
694
|
-
return (h(Host, { key: '
|
|
694
|
+
return (h(Host, { key: '82020de7d7f5a693a54d1b24bdb4fb1fb08c36aa', class: "lido-trace", id: this.id, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, tabindex: this.tabIndex }, h("div", { key: 'bdec3fedd54b8a5b6a26ba88dfb37f1fd136409f', style: this.style, id: "lido-svgContainer" })));
|
|
695
695
|
}
|
|
696
696
|
static get assetsDirs() { return ["svg", "images"]; }
|
|
697
697
|
get el() { return this; }
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, h, j as Host } from './p-
|
|
1
|
+
import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, h, j as Host } from './p-db0126ad.js';
|
|
2
2
|
|
|
3
3
|
const lidoShapeCss = ".lido-shape{position:absolute;top:var(--y);left:var(--x);display:var(--display);z-index:var(--z)}.lido-rectangle{border-radius:0}.lido-circle{width:var(--width);height:var(--width);border-radius:50%;background-color:var(--bgColor)}.lido-ellipse{width:var(--width);height:var(--height);border-radius:50%;background-color:var(--bgColor)}.lido-triangle{width:var(--triangleWidth);height:var(--triangleHeight);background-color:var(--bgColor);clip-path:polygon(50% 0%, 100% 100%, 0% 100%)}.lido-rightTriangle{width:var(--triangleWidth);height:var(--triangleHeight);background-color:var(--bgColor);clip-path:polygon(100% 0%, 100% 100%, 0% 100%)}.lido-leftTriangle{width:var(--triangleWidth);height:var(--triangleHeight);background-color:var(--triangleBgColor);clip-path:polygon(0% 0%, 100% 100%, 0% 100%)}.lido-parallelogram{width:var(--paralleWidth);height:var(--paralleHeight);transform:skew(20deg)}.lido-star{width:var(--starWidth);height:var(--starHeight);background-color:var(--starBgColor);clip-path:polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)}.lido-pentagon{width:var(--pentagonWidth);height:var(--pentagonHeight);background-color:var(--pentagonBgColor);clip-path:polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%)}.lido-heptagon{width:var(--heptagonWidth);height:var(--heptagonHeight);background-color:var(--heptagonBgColor);clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%)}.lido-octagon{width:var(--octagonWidth);height:var(--octagonHeight);background-color:var(--octagonBgColor);clip-path:polygon(25% 0%, 75% 0%, 100% 25%, 100% 75%, 75% 100%, 25% 100%, 0% 75%, 0% 25%)}.lido-rhombus{width:var(--rhombusWidth);height:var(--rhombusHeight);background-color:var(--rhombusBgColor);clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)}.lido-heart{height:var(--heartHeight);width:var(--heartWidth);border-image:radial-gradient(var(--heartBgColor) 69%, #0000 70%) 84.5%/50%;clip-path:polygon(-41% 0, 50% 91%, 141% 0)}";
|
|
4
4
|
const LidoShapeStyle0 = lidoShapeCss;
|