web2app-spa
Version:
This template is primarily designed to easily convert HTML pages and URLs into a Capacitor/Cordova based iOS/Android app that can be used as Single-page application (SPA).
1 lines • 9.31 kB
JavaScript
"use strict";const UIToggle={sharedVariable:"sharedVariable"};UICore.createDefaultValues(UIToggle,{width:60,height:40,backgroundWidth:60,backgroundHeight:40,backgroundOffColor:"lightgray",backgroundOffBorder:0,backgroundOffBorderColor:"rgba(0, 0, 0, 0.1)",backgroundOffRound:20,backgroundOnColor:"#3871E0",backgroundOnBorder:0,backgroundOnBorderColor:"rgba(0, 0, 0, 0.1)",backgroundOnRound:20,buttonWidth:32,buttonHeight:32,buttonSpace:4,buttonOffColor:"white",buttonOffBorder:0,buttonOffBorderColor:"rgba(0, 0, 0, 0.1)",buttonOffRound:16,buttonOffShadow:"1px 0px 6px rgba(0, 0, 0, 0.3)",buttonOnColor:"white",buttonOnBorder:0,buttonOnBorderColor:"rgba(0, 0, 0, 0.1)",buttonOnRound:16,buttonOnShadow:"-1px 0px 6px rgba(0, 0, 0, 0.6)",butttonMotionString:"left 0.2s",backgroundMotionString:"background-color 0.2s"}),UIToggle.create=function(o={}){const t=createBox();t.default=UICore.cloneDefaultValues(UIToggle),UICore.parseParameters(t.default,o);let e=function(){};t.publicVariable="publicVariable",t.isOn=0,t.width=t.default.width,t.height=t.default.height,t.round=0,t.color="transparent",t.border=0,t.element.style.overflow="visible",t.boxBackground=createBox(0,0),t.add(that),that.width=t.default.backgroundWidth,that.height=t.default.backgroundHeight,that.color=t.default.backgroundOffColor,that.border=t.default.backgroundOffBorder,that.borderColor=t.default.backgroundOffBorderColor,that.round=t.default.backgroundOffRound,that.center(),t.setMotion(t.default.backgroundMotionString),t.btnAction=createBox(t.default.buttonSpace,0),t.add(that),that.width=t.default.buttonWidth,that.height=t.default.buttonHeight,that.round=t.default.buttonOffRound,that.color=t.default.buttonOffColor,that.border=t.default.buttonOffBorder,that.element.style.boxShadow=t.default.buttonOffShadow,that.center("top"),that.setMotion(t.default.butttonMotionString);return t.toggle=function(){t.isOn?(t.isOn=0,t.btnAction.left=t.default.buttonSpace,t.boxBackground.color=t.default.backgroundOffColor,t.boxBackground.border=t.default.backgroundOffBorder,t.boxBackground.borderColor=t.default.backgroundOffBorderColor,t.boxBackground.round=t.default.backgroundOffRound,t.btnAction.color=t.default.buttonOffColor,t.btnAction.border=t.default.buttonOffBorder,t.btnAction.borderColor=t.default.buttonOffBorderColor,t.btnAction.round=t.default.buttonOffRound,t.btnAction.element.style.boxShadow=t.default.buttonOffShadow):(t.isOn=1,t.btnAction.left=t.width-t.btnAction.width-t.default.buttonSpace,t.boxBackground.color=t.default.backgroundOnColor,t.boxBackground.border=t.default.backgroundOnBorder,t.boxBackground.borderColor=t.default.backgroundOnBorderColor,t.boxBackground.round=t.default.backgroundOnRound,t.btnAction.color=t.default.buttonOnColor,t.btnAction.border=t.default.buttonOnBorder,t.btnAction.borderColor=t.default.buttonOnBorderColor,t.btnAction.round=t.default.buttonOnRound,t.btnAction.element.style.boxShadow=t.default.buttonOnShadow)},t.setValue=function(o){t.isOn!=o&&(t.toggle(),e(t))},t.getValue=function(){return t.isOn},t.onChange=function(o){e=o},t.onClick((function(o,g){g.stopPropagation(),o.toggle(),e(t)})),makeBasicObject(t),t},UIToggle.sharedMethod=function(){return"sharedMethod"},UIToggle.style={},UIToggle.style.google=function(){UIToggle.resetDefault(),UIToggle.default.width=56,UIToggle.default.height=40,UIToggle.default.backgroundWidth=54,UIToggle.default.backgroundHeight=26,UIToggle.default.backgroundOffColor="#F1F1F1",UIToggle.default.backgroundOffBorder=0,UIToggle.default.backgroundOffBorderColor="rgba(0, 0, 0, 0.1)",UIToggle.default.backgroundOffRound=20,UIToggle.default.backgroundOnColor="#C298FF",UIToggle.default.backgroundOnBorder=0,UIToggle.default.backgroundOnBorderColor="rgba(0, 0, 0, 0.1)",UIToggle.default.backgroundOnRound=20,UIToggle.default.buttonWidth=30,UIToggle.default.buttonHeight=30,UIToggle.default.buttonSpace=0,UIToggle.default.buttonOffColor="white",UIToggle.default.buttonOffBorder=0,UIToggle.default.buttonOffBorderColor="rgba(0, 0, 0, 0.1)",UIToggle.default.buttonOffRound=16,UIToggle.default.buttonOffShadow="0px 0px 6px rgba(0, 0, 0, 0.4)",UIToggle.default.buttonOnColor="#6700E5",UIToggle.default.buttonOnBorder=0,UIToggle.default.buttonOnBorderColor="rgba(0, 0, 0, 0.1)",UIToggle.default.buttonOnRound=16,UIToggle.default.buttonOnShadow="0px 0px 6px rgba(0, 0, 0, 0.4)",UIToggle.default.butttonMotionString="left 0.2s",UIToggle.default.backgroundMotionString="background-color 0.2s"},UIToggle.style.apple=function(){UIToggle.resetDefault(),UIToggle.default.width=60,UIToggle.default.height=40,UIToggle.default.backgroundWidth=60,UIToggle.default.backgroundHeight=40,UIToggle.default.backgroundOffColor="lightgray",UIToggle.default.backgroundOffBorder=0,UIToggle.default.backgroundOffBorderColor="rgba(0, 0, 0, 0.1)",UIToggle.default.backgroundOffRound=20,UIToggle.default.backgroundOnColor="#6AC966",UIToggle.default.backgroundOnBorder=0,UIToggle.default.backgroundOnBorderColor="rgba(0, 0, 0, 0.1)",UIToggle.default.backgroundOnRound=20,UIToggle.default.buttonWidth=36,UIToggle.default.buttonHeight=36,UIToggle.default.buttonSpace=2,UIToggle.default.buttonOffColor="white",UIToggle.default.buttonOffBorder=0,UIToggle.default.buttonOffBorderColor="rgba(0, 0, 0, 0.1)",UIToggle.default.buttonOffRound=18,UIToggle.default.buttonOffShadow="2px 0px 4px rgba(0, 0, 0, 0.3)",UIToggle.default.buttonOnColor="white",UIToggle.default.buttonOnBorder=0,UIToggle.default.buttonOnBorderColor="rgba(0, 0, 0, 0.1)",UIToggle.default.buttonOnRound=18,UIToggle.default.buttonOnShadow="-2px 0px 4px rgba(0, 0, 0, 0.5)",UIToggle.default.butttonMotionString="left 0.2s",UIToggle.default.backgroundMotionString="background-color 0.2s"},UIToggle.style.ibm=function(){UIToggle.resetDefault(),UIToggle.default.width=56,UIToggle.default.height=28,UIToggle.default.backgroundWidth=56,UIToggle.default.backgroundHeight=28,UIToggle.default.backgroundOffColor="lightgray",UIToggle.default.backgroundOffBorder=0,UIToggle.default.backgroundOffBorderColor="rgba(0, 0, 0, 0.1)",UIToggle.default.backgroundOffRound=28,UIToggle.default.backgroundOnColor="#239A4A",UIToggle.default.backgroundOnBorder=0,UIToggle.default.backgroundOnBorderColor="rgba(0, 0, 0, 0.1)",UIToggle.default.backgroundOnRound=28,UIToggle.default.buttonWidth=24,UIToggle.default.buttonHeight=24,UIToggle.default.buttonSpace=2,UIToggle.default.buttonOffColor="white",UIToggle.default.buttonOffBorder=0,UIToggle.default.buttonOffBorderColor="rgba(0, 0, 0, 0.1)",UIToggle.default.buttonOffRound=25,UIToggle.default.buttonOffShadow="none",UIToggle.default.buttonOnColor="white",UIToggle.default.buttonOnBorder=0,UIToggle.default.buttonOnBorderColor="rgba(0, 0, 0, 0.1)",UIToggle.default.buttonOnRound=16,UIToggle.default.buttonOnShadow="0px 0px 8px rgba(0, 0, 0, 0.4)",UIToggle.default.butttonMotionString="left 0.2s, background-color 0.2s",UIToggle.default.backgroundMotionString="background-color 0.2s"},UIToggle.style.microsoft=function(){UIToggle.resetDefault(),UIToggle.default.width=60,UIToggle.default.height=30,UIToggle.default.backgroundWidth=60,UIToggle.default.backgroundHeight=30,UIToggle.default.backgroundOffColor="white",UIToggle.default.backgroundOffBorder=3,UIToggle.default.backgroundOffBorderColor="rgba(0, 0, 0, 0.5)",UIToggle.default.backgroundOffRound=20,UIToggle.default.backgroundOnColor="#0179D0",UIToggle.default.backgroundOnBorder=0,UIToggle.default.backgroundOnBorderColor="rgba(0, 0, 0, 0.1)",UIToggle.default.backgroundOnRound=20,UIToggle.default.buttonWidth=20,UIToggle.default.buttonHeight=20,UIToggle.default.buttonSpace=5,UIToggle.default.buttonOffColor="rgba(0, 0, 0, 0.6)",UIToggle.default.buttonOffBorder=0,UIToggle.default.buttonOffBorderColor="rgba(0, 0, 0, 0.1)",UIToggle.default.buttonOffRound=16,UIToggle.default.buttonOffShadow="none",UIToggle.default.buttonOnColor="white",UIToggle.default.buttonOnBorder=0,UIToggle.default.buttonOnBorderColor="rgba(0, 0, 0, 0.1)",UIToggle.default.buttonOnRound=16,UIToggle.default.buttonOnShadow="none",UIToggle.default.butttonMotionString="left 0.2s",UIToggle.default.backgroundMotionString="background-color 0.2s"},UIToggle.style.default2=function(){UIToggle.resetDefault(),UIToggle.default.width=56,UIToggle.default.height=34,UIToggle.default.backgroundWidth=56,UIToggle.default.backgroundHeight=34,UIToggle.default.backgroundOffColor="lightgray",UIToggle.default.backgroundOffBorder=0,UIToggle.default.backgroundOffBorderColor="rgba(0, 0, 0, 0.1)",UIToggle.default.backgroundOffRound=3,UIToggle.default.backgroundOnColor="#23ACCF",UIToggle.default.backgroundOnBorder=0,UIToggle.default.backgroundOnBorderColor="rgba(0, 0, 0, 0.1)",UIToggle.default.backgroundOnRound=3,UIToggle.default.buttonWidth=32,UIToggle.default.buttonHeight=32,UIToggle.default.buttonSpace=1,UIToggle.default.buttonOffColor="white",UIToggle.default.buttonOffBorder=0,UIToggle.default.buttonOffBorderColor="rgba(0, 0, 0, 0.1)",UIToggle.default.buttonOffRound=3,UIToggle.default.buttonOffShadow="2px 0px 3px rgba(0, 0, 0, 0.2)",UIToggle.default.buttonOnColor="white",UIToggle.default.buttonOnBorder=0,UIToggle.default.buttonOnBorderColor="rgba(0, 0, 0, 0.1)",UIToggle.default.buttonOnRound=3,UIToggle.default.buttonOnShadow="-2px 0px 3px rgba(0, 0, 0, 0.2)",UIToggle.default.butttonMotionString="left 0.2s",UIToggle.default.backgroundMotionString="background-color 0.2s"};