web2app-spa/components/ui-stepper.min.js

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).

"use strict";const UIStepper={sharedVariable:"sharedVariable",default:{},resetDefault:function(){UIStepper.default.value=1,UIStepper.default.minimumNumber=1,UIStepper.default.maximumNumber=10,UIStepper.default.width=150,UIStepper.default.height=50,UIStepper.default.backgroundColor="transparent",UIStepper.default.backgroundBorder=0,UIStepper.default.backgroundBorderColor="rgba(0, 0, 0, 0.1)",UIStepper.default.backgroundRound=23,UIStepper.default.buttonWidth=42,UIStepper.default.buttonHeight=42,UIStepper.default.buttonOuterSpace=4,UIStepper.default.buttonColor="white",UIStepper.default.buttonBorder=1,UIStepper.default.buttonBorderColor="rgba(0, 0, 0, 0.8)",UIStepper.default.buttonRound=23,UIStepper.default.buttonRightShadow="-1px 0px 3px rgba(0, 0, 0, 0.0)",UIStepper.default.buttonLeftShadow="1px 0px 3px rgba(0, 0, 0, 0.0)",UIStepper.default.buttonOpacity=.9,UIStepper.default.buttonDisableOpacity=.4,UIStepper.default.iconWidth=32,UIStepper.default.iconHeight=32,UIStepper.default.iconFileDecrease="components/ui-stepper/decrease.svg",UIStepper.default.iconFileIncrease="components/ui-stepper/increase.svg",UIStepper.default.textColor="rgba(0, 0, 0, 0.8)",UIStepper.default.fontSize=22}};UIStepper.resetDefault(),UIStepper.create=function(t={}){const e=createBox();e.default={};for(let a in UIStepper.default)e.default[a]=null!=t[a]?t[a]:UIStepper.default[a];let a=e.default.minimumNumber,r=e.default.maximumNumber,o=e.default.value,u="",n=function(){};e.publicVariable="publicVariable",e.border=0,e.color="transparent",e.width=e.default.width,e.height=e.default.height,e.boxBackground=createBox(0,0,e.width,e.height),e.add(that),that.round=e.default.backgroundRound,that.color=e.default.backgroundColor,that.border=e.default.backgroundBorder,that.borderColor=e.default.backgroundBorderColor,e.lblNumber=createLabel(0,0),e.add(that),that.fontSize=e.default.fontSize,that.textAlign="center",that.textColor=e.default.textColor,that.width=e.width,that.height="auto",that.color="transparent",that.onResize((function(t){t.center("top")})),e.boxDecrease=createBox(e.default.buttonOuterSpace,0,e.default.buttonWidth,e.default.buttonHeight),e.add(that),that.border=e.default.buttonBorder,that.borderColor=e.default.buttonBorderColor,that.color=e.default.buttonColor,that.round=e.default.buttonRound,that.element.style.cursor="pointer",that.element.style.boxShadow=e.default.buttonLeftShadow,that.setMotion("opacity 0.2s"),that.center("top"),e.imgDecrease=createImage(0,0,e.default.iconWidth,e.default.iconHeight),e.boxDecrease.add(that),that.load(e.default.iconFileDecrease),that.border=0,that.color="transparent",that.round=0,that.space=0,that.center(),e.boxIncrease=createBox(0,0,e.default.buttonWidth,e.default.buttonHeight),e.add(that),that.right=e.default.buttonOuterSpace,that.border=e.default.buttonBorder,that.borderColor=e.default.buttonBorderColor,that.color=e.default.buttonColor,that.round=e.default.buttonRound,that.element.style.cursor="pointer",that.element.style.boxShadow=e.default.buttonRightShadow,that.setMotion("opacity 0.2s"),that.center("top"),e.imgIncrease=createImage(0,0,e.default.iconWidth,e.default.iconHeight),e.boxIncrease.add(that),that.load(e.default.iconFileIncrease),that.border=0,that.color="transparent",that.round=0,that.space=0,that.center();return e.refreshButtonsOpacity=function(){e.boxIncrease.opacity=e.default.buttonOpacity,e.boxDecrease.opacity=e.default.buttonOpacity,e.boxIncrease.element.style.cursor="pointer",e.boxDecrease.element.style.cursor="pointer",num(o)==r&&(e.boxIncrease.opacity=e.default.buttonDisableOpacity,e.boxIncrease.element.style.cursor="default"),num(o)==a&&(e.boxDecrease.opacity=e.default.buttonDisableOpacity,e.boxDecrease.element.style.cursor="default")},e.setMinimumNumber=function(t){a=t,num(o)<t&&e.setValue(t),e.refreshButtonsOpacity()},e.getMinimumNumber=function(){return a},e.setMaximumNumber=function(t){r=t,num(o)>t&&e.setValue(t),e.refreshButtonsOpacity()},e.getMaximumNumber=function(){return r},e.setUnitText=function(t){u=t},e.setValue=function(t){t<a&&(t=a),t>r&&(t=r),o=t,e.lblNumber.text=str(t)+u,e.refreshButtonsOpacity(),n(e)},e.getValue=function(){return num(o)},e.onChange=function(t){n=t},e.boxDecrease.onClick((function(t,r){r.stopPropagation(),num(o)!=a&&(e.setValue(num(o)-1),e.refreshButtonsOpacity())})),e.boxIncrease.onClick((function(t,a){a.stopPropagation(),num(o)!=r&&(e.setValue(num(o)+1),e.refreshButtonsOpacity())})),e.setValue(num(o)),e.refreshButtonsOpacity(),makeBasicObject(e),e},UIStepper.sharedMethod=function(){return"sharedMethod"};