UNPKG

activator-oce-exporter

Version:

Extract Activator binder and convert it to valid OCE mono pacakge

25 lines (22 loc) • 11.2 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Slide</title> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1"> <meta name="format-detection" content="telephone=no"> <meta name="format-detection" content="address=no"> <link href="../shared/dist/main.css" rel="stylesheet"> <link href="styles.css" rel="stylesheet"> <script src="../shared/src/getpolyfills.js"></script> <script src="../shared/lib/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script> </head> <body id="act_slideBody" data-mo-category="root" data-mo-type="slide" style="font-family: Helvetica;"> <article class="slide"> <fusion-image id="KAFFSNYVR557X" src="../shared/assets/images/eucerin-logo.png" top="20" left="892" width="112px" height="45px" alt="Image" opacity="100" lock-aspect-ratio="true" border-width="0px" border-style="none" border-color="rgba(255, 255, 255, 0)" border-radius="0px" isedit="false" data-mo-category="component" data-mo-type="component" class ratio="2.4725274725274726" style="height: 45px; left: 892px; top: 20px; width: 112px; transform: rotate(0rad);" data-stored-select-item="true"></fusion-image> <document-header id="main_header" top="82px" left="65px" width="850px" line-height="1.2" letter-spacing="0px" color="rgba(0, 0, 0, 1)" background-color="rgba(0, 0, 0, 0)" padding-top="0px" padding-bottom="0px" padding-left="0px" padding-right="0px" opacity="100" font-size="34px" font-family font-weight font-style border-width="0px" border-style="none" border-color="rgba(255, 255, 255, 0)" border-radius="0px" isedit="true" style="--top:82px; --left:65px; --width:850px; --line-height:1.2; --letter-spacing:0px; --color:rgba(0, 0, 0, 1); --background-color:rgba(0, 0, 0, 0); --padding-top:0px; --padding-bottom:0px; --padding-left:0px; --padding-right:0px; --opacity:100; --font-size:34px; --border-width:0px; --border-style:none; --border-color:rgba(255, 255, 255, 0); --border-radius:0px; transform: rotate(0rad);" data-mo-name="document header" data-mo-category="component" data-mo-type="component" class="ql-bubble" undefined="document header"><p><span span="true" style="font-weight: 700;">First Slide</span></p></document-header> <content-area id="main_content" top="192px" left="65px" width="895px" height="420px" background-color="rgba(255, 255, 255, 0)" color="rgba(0, 0, 0, 1)" overflow="visible" opacity="100" border-width="0px" border-style="none" border-color="rgba(255, 255, 255, 0)" border-radius="0px" isedit="false" style="--top:192px; --left:65px; --width:895px; --height:420px; --background-color:rgba(255, 255, 255, 0); --color:rgba(0, 0, 0, 1); --overflow:visible; --opacity:100; --border-width:0px; --border-style:none; --border-color:rgba(255, 255, 255, 0); --border-radius:0px; top: 192px; left: 65px; height: 420px; width: 895px; z-index: 2; --background-size:cover;" data-mo-name="content area" class="border-empty" data-mo-category="component" data-mo-type="component" background-size="cover" undefined="content area"><fusion-text id="K6QGQ3S2HSILG" top="10px" left="10px" width="315px" line-height="1.2" letter-spacing="0px" color="rgba(0, 0, 0, 1)" background-color="rgba(0, 0, 0, 0)" padding-top="0px" padding-bottom="0px" padding-left="0px" padding-right="0px" opacity="100" font-size="16px" font-family font-weight font-style border-width="0px" border-style="none" border-color="rgba(255, 255, 255, 0)" border-radius="0px" isedit="true" style="--top:10px; --left:10px; --width:315px; --line-height:1.2; --letter-spacing:0px; --color:rgba(0, 0, 0, 1); --background-color:rgba(0, 0, 0, 0); --padding-top:0px; --padding-bottom:0px; --padding-left:0px; --padding-right:0px; --opacity:100; --font-size:16px; --border-width:0px; --border-style:none; --border-color:rgba(255, 255, 255, 0); --border-radius:0px; transform: rotate(0rad); width: 315px;" undefined="fusion text" class="ql-bubble" height="133px" data-mo-category="component" data-mo-type="component"><p>We are testing content that was created in Activator on the OCE platform.</p></fusion-text><fusion-button id="K6QGQQK9R2MVG" top="162px" left="397px" width="162px" height="30px" style-type="Normal" background-color="rgba(61,98,136,1)" color="rgba(255,255,255,1)" opacity="100" font-size="16px" font-family font-weight font-style border-width="0px" border-style="none" border-color="rgba(255, 255, 255, 0)" border-radius="0px" enable-styling-effects="true" isedit="true" style="--top:162px; --left:397px; --width:162px; --height:30px; --style-type:Normal; --background-color:rgba(61,98,136,1); --color:rgba(255,255,255,1); --opacity:100; --font-size:16px; --border-width:0px; --border-style:none; --border-color:rgba(255, 255, 255, 0); --border-radius:0px; --button-color-darken:hsla(210, 38%, 48%, 1); --button-shadow:hsla(210, 38%, 48%, 0.5); --text-color-hover:hsla(0, 0%, 90%, 1); transform: rotate(0rad); left: 397px; top: 162px; width: 162px;" undefined="fusion button" class="ql-bubble border-empty" data-mo-category="component" data-mo-type="component"><p>Open Popup</p></fusion-button></content-area> <content-area id="footnotes" top="622px" left="65px" width="895px" height="75px" background-color="rgba(255, 255, 255, 0)" color="rgba(0, 0, 0, 1)" overflow="visible" opacity="100" border-width="0px" border-style="none" border-color="rgba(255, 255, 255, 0)" border-radius="0px" isedit="false" style="--top: 622px; --left: 65px; --width: 895px; --height: 75px; --background-color: rgba(255, 255, 255, 0); --color: rgba(0, 0, 0, 1); --overflow: visible; --opacity: 100; --border-width: 0px; --border-style: none; --border-color: rgba(255, 255, 255, 0); --border-radius: 0px; top: 622px; left: 65px; height: 75px; width: 895px; z-index: 2;" data-mo-name="content area" class="border-empty" data-mo-category="component" data-mo-type="component"></content-area> <fusion-slide-fragment id="footer_bar" fragment-name="footer" top="0px" left="0px" opacity="100" isedit="false" style="--top:0px; --left:0px; --opacity:100; left: 0px; top: 0px; z-index: 101;" data-mo-name="fusion slide fragment" class="edit-mode" data-mo-category="component" data-mo-type="component" undefined="fusion slide fragment"></fusion-slide-fragment> <fusion-popup id="demopop" opacity="100" isedit="false" style="--opacity:100; --level:100;" undefined="fusion popup" class="edit-mode" active="true" data-mo-category="component" data-mo-type="component"><fusion-custom-popup-overlay id="K6QGRA85MCW01" top="200px" left="110px" width="800px" height="400px" font-family font-weight font-style background-color="rgb(230, 230, 230)" font-size="16px" opacity="100" border-width="0px" border-style="none" border-color="rgba(255, 255, 255, 0)" border-radius="0px" isedit="false" style="--top:200px; --left:110px; --width:800px; --height:400px; --background-color:rgb(230, 230, 230); --font-size:16px; --opacity:100; --border-width:0px; --border-style:none; --border-color:rgba(255, 255, 255, 0); --border-radius:0px;" undefined="fusion custom popup overlay" class data-mo-category="component" data-mo-type="component"><fusion-close-button id="K6QGRA8A6AB2X" top="0px" left="770px" width="30px" height="30px" background-color="rgba(255, 255, 255, 0)" cross-width="2px" color="rgba(0, 0, 0, 1)" opacity="100" font-size="16px" font-family font-weight font-style border-width="0px" border-style="none" border-color="rgba(255, 255, 255, 0)" border-radius="0px" enable-styling-effects="true" isedit="false" style="--top:0px; --left:770px; --width:30px; --height:30px; --background-color:rgba(255, 255, 255, 0); --cross-width:2px; --color:rgba(0, 0, 0, 1); --opacity:100; --font-size:16px; --border-width:0px; --border-style:none; --border-color:rgba(255, 255, 255, 0); --border-radius:0px; --button-color-darken:hsla(0, 0%, 90%, 0); --button-shadow:hsla(0, 0%, 90%, 0); --text-color-hover:hsla(0, 0%, 10%, 1);" class="edit-mode" data-mo-category="component" data-mo-type="component"></fusion-close-button><fusion-text id="K6QGRDAOE073O" top="177px" left="3px" width="797px" line-height="1.2" letter-spacing="0px" color="rgba(0, 0, 0, 1)" background-color="rgba(0, 0, 0, 0)" padding-top="0px" padding-bottom="0px" padding-left="0px" padding-right="0px" opacity="100" font-size="30px" font-family font-weight font-style border-width="0px" border-style="none" border-color="rgba(255, 255, 255, 0)" border-radius="0px" isedit="true" style="--top:177px; --left:3px; --width:797px; --line-height:1.2; --letter-spacing:0px; --color:rgba(0, 0, 0, 1); --background-color:rgba(0, 0, 0, 0); --padding-top:0px; --padding-bottom:0px; --padding-left:0px; --padding-right:0px; --opacity:100; --font-size:30px; --border-width:0px; --border-style:none; --border-color:rgba(255, 255, 255, 0); --border-radius:0px; transform: rotate(0rad); left: 3px; top: 177px; width: 797px;" undefined="fusion text" class="ql-bubble" height="19px" data-mo-category="component" data-mo-type="component"><p style="text-align: center;">Some demo interactive content</p></fusion-text></fusion-custom-popup-overlay><fusion-backdrop id="K6QGRA862MIGT" background-color="rgba(230, 230, 230, 0.5)" isedit="false" style="--background-color:rgba(230, 230, 230, 0.5);" undefined="fusion backdrop" data-mo-category="component" data-mo-type="component"></fusion-backdrop></fusion-popup><fusion-state-container id="uploader" top="438" left="-1" opacity="100" width="1026px" height="273px" duration="500ms" delay="500ms" effect="slide-bottom" background-color="rgba(88,88,88,1)" initialstate="active" isedit="false" style="--top:438; --left:-1; --opacity:100; --width:1026px; --height:273px; --level:100; left: -1px; top: 438px; height: 273px; --background-color:rgba(88,88,88,1); width: 1026px; transform: rotate(0rad);" undefined="fusion state container" class="edit-mode" data-mo-category="component" data-mo-type="component" active="true"><fusion-image id="K6QGTEXMUHAB7" src="../shared/assets/images/upload.png" top="51px" left="437px" width="204px" height="175px" alt="Image" opacity="100" lock-aspect-ratio="true" border-width="0px" border-style="none" border-color="rgba(255, 255, 255, 0)" border-radius="0px" isedit="false" style="--top:51px; --left:437px; --width:204px; --height:175px; --alt:Image; --opacity:100; --border-width:0px; --border-style:none; --border-color:rgba(255, 255, 255, 0); --border-radius:0px; transform: rotate(0rad); left: 437px; top: 51px; height: 175px; width: 204px;" undefined="fusion image" class ratio="1.165" data-mo-category="component" data-mo-type="component"></fusion-image></fusion-state-container><fusion-action id="K6QGW0VT943VH" if="click" on="#K6QGQQK9R2MVG" to do="$applyState" binder slide state="Popup-demopop" width="1px" height="1px" label="Open popup" isedit="false" style="--if:click; --on:#K6QGQQK9R2MVG; --do:$applyState; --state:Popup-demopop; --width:1px; --height:1px;" data-mo-category="component" data-mo-type="component"></fusion-action></article> <script src="../shared/src/getbundle.js"></script> <script src="script.js"></script> </body></html>