#usr/bin/python3

version = __version__ = "0.33.0.61 Unreleased - added port variable, browse file delimeter varaible (unused currently)"

port = 'PySimpleGUIWeb'

import sys

import datetime

import textwrap

import pickle

import calendar

import threading

from queue import Queue

import remi

import logging

import traceback

import os

import base64, binascii

import mimetypes

from random import randint

from typing import List, Any, Union, Tuple, Dict # For doing types in comments

try:

from io import StringIO

except:

from cStringIO import StringIO

g_time_start = 0

g_time_end = 0

g_time_delta = 0

import time

def TimerStart():

global g_time_start

g_time_start = time.time()

def TimerStop():

global g_time_delta, g_time_end

g_time_end = time.time()

g_time_delta = g_time_end - g_time_start

print(g_time_delta*1000)

###### ##### ##### # # ### # #

# # # # # # # # # ##### # ###### # # # # # # # # ###### #####

# # # # # # ## ## # # # # # # # # # # # # # #

###### # ##### # # ## # # # # ##### # #### # # # # # # ##### #####

# # # # # # ##### # # # # # # # # # # # # #

# # # # # # # # # # # # # # # # # # # # #

# # ##### # # # # ###### ###### ##### ##### ### ## ## ###### #####

"""

Welcome to the "core" PySimpleGUIWeb code....

This special port of the PySimpleGUI SDK to the browser is made possible by the magic of Remi

https://github.com/dddomodossola/remi

To be clear, PySimpleGUI would not be able to run in a web browser without this important GUI Framework

It may not be as widely known at tkinter or Qt, but it should be. Just as those are the best of the desktop

GUI frameworks, Remi is THE framework for doing Web Page GUIs in Python. Nothing else like it exists.

::::::::: :::::::::: ::: ::: :::::::::::

:+: :+: :+: :+:+: :+:+: :+:

+:+ +:+ +:+ +:+ +:+:+ +:+ +:+

+#++:++#: +#++:++# +#+ +:+ +#+ +#+

+#+ +#+ +#+ +#+ +#+ +#+

#+# #+# #+# #+# #+# #+#

### ### ########## ### ### ###########

"""

# Because looks matter...

DEFAULT_BASE64_ICON = b'iVBORw0KGgoAAAANSUhEUgAAACEAAAAgCAMAAACrZuH4AAAABGdBTUEAALGPC/xhBQAAAwBQTFRFAAAAMGmYMGqZMWqaMmubMmycM22dNGuZNm2bNm6bNG2dN26cNG6dNG6eNW+fN3CfOHCeOXGfNXCgNnGhN3KiOHOjOXSjOHSkOnWmOnamOnanPHSiPXakPnalO3eoPnimO3ioPHioPHmpPHmqPXqqPnurPnusPnytP3yuQHimQnurQn2sQH2uQX6uQH6vR32qRn+sSXujSHynTH2mTn+nSX6pQH6wTIGsTYKuTYSvQoCxQoCyRIK0R4S1RYS2Roa4SIe4SIe6SIi7Soq7SYm8SYq8Sou+TY2/UYStUYWvVIWtUYeyVoewUIi0VIizUI6+Vo+8WImxXJG5YI2xZI+xZ5CzZJC0ZpG1b5a3apW4aZm/cZi4dJ2/eJ69fJ+9XZfEZZnCZJzHaZ/Jdp/AeKTI/tM8/9Q7/9Q8/9Q9/9Q+/tQ//9VA/9ZA/9ZB/9ZC/9dD/9ZE/tdJ/9dK/9hF/9hG/9hH/9hI/9hJ/9hK/9lL/9pK/9pL/thO/9pM/9pN/9tO/9tP/9xP/tpR/9xQ/9xR/9xS/9xT/91U/91V/t1W/95W/95X/95Y/95Z/99a/99b/txf/txh/txk/t5l/t1q/t5v/+Bb/+Bc/+Bd/+Be/+Bf/+Bg/+Fh/+Fi/+Jh/+Ji/uJk/uJl/+Jm/+Rm/uJo/+Ro/+Rr/+Zr/+Vs/+Vu/+Zs/+Zu/uF0/uVw/+dw/+dz/+d2/uB5/uB6/uJ9/uR7/uR+/uV//+hx/+hy/+h0/+h2/+l4/+l7/+h8gKXDg6vLgazOhKzMiqrEj6/KhK/Qka/Hk7HJlLHJlLPMmLTLmbbOkLXSmLvXn77XoLrPpr/Tn8DaocLdpcHYrcjdssfZus/g/uOC/uOH/uaB/uWE/uaF/uWK/+qA/uqH/uqI/uuN/uyM/ueS/ueW/ueY/umQ/uqQ/uuS/uuW/uyU/uyX/uqa/uue/uye/uyf/u6f/uyq/u+r/u+t/vCm/vCp/vCu/vCy/vC2/vK2/vO8/vO/wtTjwtXlzdrl/vTA/vPQAAAAiNpY5gAAAQB0Uk5T////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AFP3ByUAAAAJcEhZcwAAFw8AABcPASe7rwsAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjEuMWMqnEsAAAKUSURBVDhPhdB3WE1xHMdxt5JV0dANoUiyd8kqkey996xclUuTlEKidO3qVnTbhIyMW/bee5NskjJLmR/f3++cK/94vP76Ps/n/Zx7z6mE/6koJowcK154vvHOL/GsKCZXkUgkWlf4vWGWq5tsDz+JWIzSokAiqXGe7nWu3HxhEYof7fhOqp1GtptQuMruVhQdxZ05U5G47tYUHbQ4oah6Fg9Z4ubm7i57JhQjdHS0RSzUPoG17u6zZTKZh8c8XlytqW9YWUOH1LqFOZ6enl5ec+XybFb0rweM1tPTM6yuq6vLs0lYJJfLvb19fHwDWGF0jh5lYNAe4/QFemOwxtfXz8/fPyBgwVMqzAcCF4ybAZ2MRCexJGBhYGBQUHDw4u1UHDG1G2ZqB/Q1MTHmzAE+kpCwL1RghlTaBt/6SaXS2kx9YH1IaOjSZST8vfA9JtoDnSngGgL7wkg4WVkofA9mcF1Sx8zMzBK4v3wFiYiMVLxlEy9u21syFhYNmgN7IyJXEYViNZvEYoCVVWOmUVvgQVSUQqGIjolRFvOAFd8HWVs34VoA+6OjY2JjY5Vxm4BC1UuhGG5jY9OUaQXci1MqlfHx8YmqjyhOViW9ZsUN29akJRmPFwkJCZsTSXIpilJffXiTzorLXYgtcxRJKpUqKTklJQ0oSt9FP/EonxVdNY4jla1kK4q2ZB6mIr+AipvduzFUzMSOtLT09IyMzMxtJKug/F0u/6dTexAWDcXXLGEjapKjfsILOLKEuYiSnTQeYCt3UHhbwEHjGMrETfBJU5zq5dSTcXC8hLJccSWP2cgLXHPu7cQNAcpyxF1dyjehAKb0cSYUAOXCUw6V8OFPgevTXFymC+fPPLU677Nw/1X8A/AbfAKGulaqFlIAAAAASUVORK5CYII='

# ----====----====----==== Constants the user CAN safely change ====----====----====----#

DEFAULT_WINDOW_ICON = 'default_icon.ico'

DEFAULT_ELEMENT_SIZE = (250, 26) # In pixels

DEFAULT_BUTTON_ELEMENT_SIZE = (10, 1) # In CHARACTERS

DEFAULT_MARGINS = (10, 5) # Margins for each LEFT/RIGHT margin is first term

DEFAULT_ELEMENT_PADDING = (5, 3) # Padding between elements (row, col) in pixels

DEFAULT_AUTOSIZE_TEXT = True

DEFAULT_AUTOSIZE_BUTTONS = True

DEFAULT_FONT = ("Helvetica", 15)

DEFAULT_TEXT_JUSTIFICATION = 'left'

DEFAULT_BORDER_WIDTH = 1

DEFAULT_AUTOCLOSE_TIME = 3 # time in seconds to show an autoclose form

DEFAULT_DEBUG_WINDOW_SIZE = (80, 20)

DEFAULT_OUTPUT_ELEMENT_SIZE = (40, 10)

DEFAULT_WINDOW_LOCATION = (None, None)

MAX_SCROLLED_TEXT_BOX_HEIGHT = 50

DEFAULT_TOOLTIP_TIME = 400

DEFAULT_PIXELS_TO_CHARS_SCALING = (10,26) # 1 character represents x by y pixels

DEFAULT_PIXEL_TO_CHARS_CUTOFF = 20 # number of chars that triggers using pixels instead of chars

#################### COLOR STUFF ####################

BLUES = ("#082567", "#0A37A3", "#00345B")

PURPLES = ("#480656", "#4F2398", "#380474")

GREENS = ("#01826B", "#40A860", "#96D2AB", "#00A949", "#003532")

YELLOWS = ("#F3FB62", "#F0F595")

TANS = ("#FFF9D5", "#F4EFCF", "#DDD8BA")

NICE_BUTTON_COLORS = ((GREENS[3], TANS[0]),

('#000000', '#FFFFFF'),

('#FFFFFF', '#000000'),

(YELLOWS[0], PURPLES[1]),

(YELLOWS[0], GREENS[3]),

(YELLOWS[0], BLUES[2]))

COLOR_SYSTEM_DEFAULT = '1234567890' # Colors should never be this long

if sys.platform == 'darwin':

DEFAULT_BUTTON_COLOR = COLOR_SYSTEM_DEFAULT # Foreground, Background (None, None) == System Default

OFFICIAL_PYSIMPLEGUI_BUTTON_COLOR = COLOR_SYSTEM_DEFAULT # Colors should never be this long

else:

DEFAULT_BUTTON_COLOR = ('white', BLUES[0]) # Foreground, Background (None, None) == System Default

OFFICIAL_PYSIMPLEGUI_BUTTON_COLOR = ('white', BLUES[0]) # Colors should never be this long

DEFAULT_ERROR_BUTTON_COLOR = ("#FFFFFF", "#FF0000")

DEFAULT_BACKGROUND_COLOR = None

DEFAULT_ELEMENT_BACKGROUND_COLOR = None

DEFAULT_ELEMENT_TEXT_COLOR = COLOR_SYSTEM_DEFAULT

DEFAULT_TEXT_ELEMENT_BACKGROUND_COLOR = None

DEFAULT_TEXT_COLOR = COLOR_SYSTEM_DEFAULT

DEFAULT_INPUT_ELEMENTS_COLOR = COLOR_SYSTEM_DEFAULT

DEFAULT_INPUT_TEXT_COLOR = COLOR_SYSTEM_DEFAULT

DEFAULT_SCROLLBAR_COLOR = None

# DEFAULT_BUTTON_COLOR = (YELLOWS[0], PURPLES[0]) # (Text, Background) or (Color "on", Color) as a way to remember

# DEFAULT_BUTTON_COLOR = (GREENS[3], TANS[0]) # Foreground, Background (None, None) == System Default

# DEFAULT_BUTTON_COLOR = (YELLOWS[0], GREENS[4]) # Foreground, Background (None, None) == System Default

# DEFAULT_BUTTON_COLOR = ('white', 'black') # Foreground, Background (None, None) == System Default

# DEFAULT_BUTTON_COLOR = (YELLOWS[0], PURPLES[2]) # Foreground, Background (None, None) == System Default

# DEFAULT_PROGRESS_BAR_COLOR = (GREENS[2], GREENS[0]) # a nice green progress bar

# DEFAULT_PROGRESS_BAR_COLOR = (BLUES[1], BLUES[1]) # a nice green progress bar

# DEFAULT_PROGRESS_BAR_COLOR = (BLUES[0], BLUES[0]) # a nice green progress bar

# DEFAULT_PROGRESS_BAR_COLOR = (PURPLES[1],PURPLES[0]) # a nice purple progress bar

# A transparent button is simply one that matches the background

TRANSPARENT_BUTTON = 'This constant has been depricated. You must set your button background = background it is on for it to be transparent appearing'

# --------------------------------------------------------------------------------

# Progress Bar Relief Choices

RELIEF_RAISED = 'raised'

RELIEF_SUNKEN = 'sunken'

RELIEF_FLAT = 'flat'

RELIEF_RIDGE = 'ridge'

RELIEF_GROOVE = 'groove'

RELIEF_SOLID = 'solid'

DEFAULT_PROGRESS_BAR_COLOR = (GREENS[0], '#D0D0D0') # a nice green progress bar

DEFAULT_PROGRESS_BAR_SIZE = (25, 20) # Size of Progress Bar (characters for length, pixels for width)

DEFAULT_PROGRESS_BAR_BORDER_WIDTH = 1

DEFAULT_PROGRESS_BAR_RELIEF = RELIEF_GROOVE

PROGRESS_BAR_STYLES = ('default', 'winnative', 'clam', 'alt', 'classic', 'vista', 'xpnative')

DEFAULT_PROGRESS_BAR_STYLE = 'default'

DEFAULT_METER_ORIENTATION = 'horizontal'

DEFAULT_SLIDER_ORIENTATION = 'vertical'

DEFAULT_SLIDER_BORDER_WIDTH = 1

DEFAULT_SLIDER_RELIEF = 00000

DEFAULT_FRAME_RELIEF = 00000

DEFAULT_LISTBOX_SELECT_MODE = 'extended'

SELECT_MODE_MULTIPLE = 'multiple'

LISTBOX_SELECT_MODE_MULTIPLE = 'multiple'

SELECT_MODE_BROWSE = 'browse'

LISTBOX_SELECT_MODE_BROWSE = 'browse'

SELECT_MODE_EXTENDED = 'extended'

LISTBOX_SELECT_MODE_EXTENDED = 'extended'

SELECT_MODE_SINGLE = 'single'

LISTBOX_SELECT_MODE_SINGLE = 'single'

SELECT_MODE_CONTIGUOUS = 'contiguous'

LISTBOX_SELECT_MODE_CONTIGUOUS = 'contiguous'

TABLE_SELECT_MODE_NONE = 00000

TABLE_SELECT_MODE_BROWSE = 00000

TABLE_SELECT_MODE_EXTENDED = 00000

DEFAULT_TABLE_SECECT_MODE = TABLE_SELECT_MODE_EXTENDED

TITLE_LOCATION_TOP = 00000

TITLE_LOCATION_BOTTOM = 00000

TITLE_LOCATION_LEFT = 00000

TITLE_LOCATION_RIGHT = 00000

TITLE_LOCATION_TOP_LEFT = 00000

TITLE_LOCATION_TOP_RIGHT = 00000

TITLE_LOCATION_BOTTOM_LEFT = 00000

TITLE_LOCATION_BOTTOM_RIGHT = 00000

THEME_DEFAULT = 'default'

THEME_WINNATIVE = 'winnative'

THEME_CLAM = 'clam'

THEME_ALT = 'alt'

THEME_CLASSIC = 'classic'

THEME_VISTA = 'vista'

THEME_XPNATIVE = 'xpnative'

# DEFAULT_METER_ORIENTATION = 'Vertical'

# ----====----====----==== Constants the user should NOT f-with ====----====----====----#

ThisRow = 555666777 # magic number

# DEFAULT_WINDOW_ICON = ''

MESSAGE_BOX_LINE_WIDTH = 60

# "Special" Key Values.. reserved

# Key representing a Read timeout

TIMEOUT_KEY = '__TIMEOUT__'

# Key indicating should not create any return values for element

WRITE_ONLY_KEY = '__WRITE ONLY__'

# MENU Constants, can be changed by user if desired

MENU_DISABLED_CHARACTER = '!'

MENU_KEY_SEPARATOR = '::'

# a shameful global variable. This represents the top-level window information. Needed because opening a second window is different than opening the first.

class MyWindows():

def __init__(self):

self._NumOpenWindows = 0

self.user_defined_icon = None

self.hidden_master_root = None

def Decrement(self):

self._NumOpenWindows -= 1 * (self._NumOpenWindows != 0) # decrement if not 0

# print('---- DECREMENTING Num Open Windows = {} ---'.format(self._NumOpenWindows))

def Increment(self):

self._NumOpenWindows += 1

# print('++++ INCREMENTING Num Open Windows = {} ++++'.format(self._NumOpenWindows))

_my_windows = MyWindows() # terrible hack using globals... means need a class for collecing windows

# ====================================================================== #

# One-liner functions that are handy as f_ck #

# ====================================================================== #

def RGB(red, green, blue): return '#%02x%02x%02x' % (red, green, blue)

# ====================================================================== #

# Enums for types #

# ====================================================================== #

# ------------------------- Button types ------------------------- #

# todo Consider removing the Submit, Cancel types... they are just 'RETURN' type in reality

# uncomment this line and indent to go back to using Enums

# Was enum previously ButtonType(Enum):

BUTTON_TYPE_BROWSE_FOLDER = 1

BUTTON_TYPE_BROWSE_FILE = 2

BUTTON_TYPE_BROWSE_FILES = 21

BUTTON_TYPE_SAVEAS_FILE = 3

BUTTON_TYPE_CLOSES_WIN = 5

BUTTON_TYPE_CLOSES_WIN_ONLY = 6

BUTTON_TYPE_READ_FORM = 7

BUTTON_TYPE_REALTIME = 9

BUTTON_TYPE_CALENDAR_CHOOSER = 30

BUTTON_TYPE_COLOR_CHOOSER = 40

BROWSE_FILES_DELIMITER = ';' # the delimeter to be used between each file in the returned string

# ------------------------- Element types ------------------------- #

# These used to be enums ElementType(Enum):

ELEM_TYPE_TEXT = 'text'

ELEM_TYPE_INPUT_TEXT = 'input'

ELEM_TYPE_INPUT_COMBO = 'combo'

ELEM_TYPE_INPUT_OPTION_MENU = 'option menu'

ELEM_TYPE_INPUT_RADIO = 'radio'

ELEM_TYPE_INPUT_MULTILINE = 'multiline'

ELEM_TYPE_MULTILINE_OUTPUT = 'multioutput'

ELEM_TYPE_INPUT_CHECKBOX = 'checkbox'

ELEM_TYPE_INPUT_SPIN = 'spin'

ELEM_TYPE_BUTTON = 'button'

ELEM_TYPE_BUTTONMENU = 'buttonmenu'

ELEM_TYPE_IMAGE = 'image'

ELEM_TYPE_CANVAS = 'canvas'

ELEM_TYPE_FRAME = 'frame'

ELEM_TYPE_GRAPH = 'graph'

ELEM_TYPE_TAB = 'tab'

ELEM_TYPE_TAB_GROUP = 'tabgroup'

ELEM_TYPE_INPUT_SLIDER = 'slider'

ELEM_TYPE_INPUT_LISTBOX = 'listbox'

ELEM_TYPE_OUTPUT = 'output'

ELEM_TYPE_COLUMN = 'column'

ELEM_TYPE_MENUBAR = 'menubar'

ELEM_TYPE_PROGRESS_BAR = 'progressbar'

ELEM_TYPE_BLANK = 'blank'

ELEM_TYPE_TABLE = 'table'

ELEM_TYPE_TREE = 'tree'

ELEM_TYPE_ERROR = 'error'

ELEM_TYPE_SEPARATOR = 'separator'

# ------------------------- Popup Buttons Types ------------------------- #

POPUP_BUTTONS_YES_NO = 1

POPUP_BUTTONS_CANCELLED = 2

POPUP_BUTTONS_ERROR = 3

POPUP_BUTTONS_OK_CANCEL = 4

POPUP_BUTTONS_OK = 0

POPUP_BUTTONS_NO_BUTTONS = 5

# ---------------------------------------------------------------------- #

# Cascading structure.... Objects get larger #

# Button #

# Element #

# Row #

# Form #

# ---------------------------------------------------------------------- #

# ------------------------------------------------------------------------- #

# Element CLASS #

# ------------------------------------------------------------------------- #

class Element():

def __init__(self, elem_type, size=(None, None), auto_size_text=None, font=None, background_color=None, text_color=None,

key=None, pad=None, tooltip=None, visible=True, size_px=(None, None)):

if elem_type != ELEM_TYPE_GRAPH:

self.Size = convert_tkinter_size_to_Wx(size)

else:

self.Size = size

if size_px != (None, None):

self.Size = size_px

self.Type = elem_type

self.AutoSizeText = auto_size_text

# self.Pad = DEFAULT_ELEMENT_PADDING if pad is None else pad

self.Pad = pad

if font is not None and type(font) is not str:

self.Font = font

elif font is not None:

self.Font = font.split(' ')

else:

self.Font = font

self.TKStringVar = None

self.TKIntVar = None

self.TKText = None

self.TKEntry = None

self.TKImage = None

self.ParentForm = None # type: Window

self.ParentContainer = None # will be a Form, Column, or Frame element

self.TextInputDefault = None

self.Position = (0, 0) # Default position Row 0, Col 0

self.BackgroundColor = background_color if background_color is not None else DEFAULT_ELEMENT_BACKGROUND_COLOR

self.TextColor = text_color if text_color is not None else DEFAULT_ELEMENT_TEXT_COLOR

self.Key = key # dictionary key for return values

self.Tooltip = tooltip

self.TooltipObject = None

self.Visible = visible

self.metadata = None # type: Any

# ------------------------- REMI CHANGED CALLBACK -----------------------

# called when a widget has changed and the element has events enabled

def _ChangedCallback(self, widget, *args):

# type: (Element, remi.Widget, Any) -> None

# print(f'Callback {args}')

self.ParentForm.LastButtonClicked = self.Key if self.Key is not None else ''

self.ParentForm.MessageQueue.put(self.ParentForm.LastButtonClicked)

def Update(self, widget, background_color=None, text_color=None, font=None, visible=None, disabled=None, tooltip=None):

if font is not None:

font_info = font_parse_string(font) # family, point size, other

widget.style['font-family'] = font_info[0]

widget.style['font-size'] = '{}px'.format(font_info[1])

if background_color not in (None, COLOR_SYSTEM_DEFAULT):

widget.style['background-color'] = background_color

if text_color not in (None, COLOR_SYSTEM_DEFAULT):

widget.style['color'] = text_color

if disabled:

widget.set_enabled(False)

elif disabled is False:

widget.set_enabled(True)

if visible is False:

widget.attributes['hidden'] = 'true'

elif visible is True:

del(widget.attributes['hidden'])

if tooltip is not None:

widget.attributes['title'] = tooltip

# if font:

# widget.SetFont(font_to_wx_font(font))

# if text_color not in (None, COLOR_SYSTEM_DEFAULT):

# widget.SetForegroundColour(text_color)

# if background_color not in (None, COLOR_SYSTEM_DEFAULT):

# widget.SetBackgroundColour(background_color)

# if visible is True:

# widget.Show()

# self.ParentForm.VisibilityChanged()

# elif visible is False:

# widget.Hide()

# self.ParentForm.VisibilityChanged()

# if disabled:

# widget.Enable(False)

# elif disabled is False:

# widget.Enable(True)

# if tooltip is not None:

# widget.SetToolTip(tooltip)

if visible is False:

widget.attributes['hidden'] = 'true'

elif visible is True:

del(widget.attributes['hidden'])

def __call__(self, *args, **kwargs):

"""

Makes it possible to "call" an already existing element. When you do make the "call", it actually calls

the Update method for the element.

Example: If this text element was in your layout:

sg.Text('foo', key='T')

Then you can call the Update method for that element by writing:

window.FindElement('T')('new text value')

:param args:

:param kwargs:

:return:

"""

return self.Update(*args, **kwargs)

# ---------------------------------------------------------------------- #

# Input Class #

# ---------------------------------------------------------------------- #

class InputText(Element):

def __init__(self, default_text='', size=(None, None), disabled=False, password_char='',

justification=None, background_color=None, text_color=None, font=None, tooltip=None,

change_submits=False, enable_events=False,

do_not_clear=True, key=None, focus=False, pad=None, visible=True, size_px=(None, None)):

'''

Input a line of text Element

:param default_text: Default value to display

:param size: Size of field in characters

:param password_char: If non-blank, will display this character for every character typed

:param background_color: Color for Element. Text or RGB Hex

'''

self.DefaultText = default_text

self.PasswordCharacter = password_char

bg = background_color if background_color is not None else DEFAULT_INPUT_ELEMENTS_COLOR

fg = text_color if text_color is not None else DEFAULT_INPUT_TEXT_COLOR

self.Focus = focus

self.do_not_clear = do_not_clear

self.Justification = justification or 'left'

self.Disabled = disabled

self.ChangeSubmits = change_submits or enable_events

self.QT_QLineEdit = None

self.ValueWasChanged = False

self.Widget = None # type: remi.gui.TextInput

super().__init__(ELEM_TYPE_INPUT_TEXT, size=size, background_color=bg, text_color=fg, key=key, pad=pad,

font=font, tooltip=tooltip, visible=visible, size_px=size_px)

def _InputTextCallback(self,widget, key, keycode, ctrl, shift, alt):

# print(f'text widget value = {widget.get_value()}')

# widget.set_value('')

# widget.set_value(value)

self.ParentForm.LastButtonClicked = key

self.ParentForm.MessageQueue.put(self.ParentForm.LastButtonClicked)

widget.set_value(widget.get_value()+key)

return (key, keycode, ctrl, shift, alt)

def Update(self, value=None, disabled=None, select=None, background_color=None, text_color=None, font=None, visible=None):

if value is not None:

self.Widget.set_value(str(value))

if disabled is True:

self.Widget.set_enabled(False)

elif disabled is False:

self.Widget.set_enabled(True)

def Get(self):

return self.Widget.get_value()

get = Get

update = Update

class TextInput_raw_onkeyup(remi.gui.TextInput):

@remi.gui.decorate_set_on_listener("(self, emitter, key, keycode, ctrl, shift, alt)")

@remi.gui.decorate_event_js("""var params={};params['key']=event.key;

params['keycode']=(event.which||event.keyCode);

params['ctrl']=event.ctrlKey;

params['shift']=event.shiftKey;

params['alt']=event.altKey;

sendCallbackParam('%(emitter_identifier)s','%(event_name)s',params);

event.stopPropagation();event.preventDefault();return false;""")

def onkeyup(self, key, keycode, ctrl, shift, alt):

return (key, keycode, ctrl, shift, alt)

@remi.gui.decorate_set_on_listener("(self, emitter, key, keycode, ctrl, shift, alt)")

@remi.gui.decorate_event_js("""var params={};params['key']=event.key;

params['keycode']=(event.which||event.keyCode);

params['ctrl']=event.ctrlKey;

params['shift']=event.shiftKey;

params['alt']=event.altKey;

sendCallbackParam('%(emitter_identifier)s','%(event_name)s',params);

event.stopPropagation();event.preventDefault();return false;""")

def onkeydown(self, key, keycode, ctrl, shift, alt):

return (key, keycode, ctrl, shift, alt)

# ------------------------- INPUT TEXT Element lazy functions ------------------------- #

In = InputText

Input = InputText

I = InputText

# ---------------------------------------------------------------------- #

# Combo #

# ---------------------------------------------------------------------- #

class Combo(Element):

def __init__(self, values, default_value=None, size=(None, None), auto_size_text=None, background_color=None,

text_color=None, change_submits=False, enable_events=False, disabled=False, key=None, pad=None, tooltip=None,

readonly=False, visible_items=10, font=None, auto_complete=True, visible=True, size_px=(None,None)):

'''

Input Combo Box Element (also called Dropdown box)

:param values:

:param size: Size of field in characters

:param auto_size_text: True if should shrink field to fit the default text

:param background_color: Color for Element. Text or RGB Hex

'''

self.Values = [str(v) for v in values]

self.DefaultValue = default_value

self.ChangeSubmits = change_submits or enable_events

# self.InitializeAsDisabled = disabled

self.Disabled = disabled

self.Readonly = readonly

bg = background_color if background_color else DEFAULT_INPUT_ELEMENTS_COLOR

fg = text_color if text_color is not None else DEFAULT_INPUT_TEXT_COLOR

self.VisibleItems = visible_items

self.AutoComplete = auto_complete

self.Widget = None # type: remi.gui.DropDown

super().__init__(ELEM_TYPE_INPUT_COMBO, size=size, auto_size_text=auto_size_text, background_color=bg,

text_color=fg, key=key, pad=pad, tooltip=tooltip, font=font or DEFAULT_FONT, visible=visible, size_px=size_px)

def Update(self, value=None, values=None, set_to_index=None, disabled=None, readonly=None, background_color=None, text_color=None, font=None, visible=None):

if values is not None:

self.Widget.empty()

for i, item in enumerate(values):

self.Widget.append(value=item, key=str(i))

if value:

self.Widget.select_by_value(value)

if set_to_index is not None:

try: # just in case a bad index is passed in

self.Widget.select_by_key(str(set_to_index))

except:

pass

super().Update(self.Widget, background_color=background_color, text_color=text_color, font=font, visible=visible, disabled=disabled)

update = Update

# ------------------------- INPUT COMBO Element lazy functions ------------------------- #

InputCombo = Combo

DropDown = Combo

Drop = Combo

# ---------------------------------------------------------------------- #

# Option Menu #

# ---------------------------------------------------------------------- #

class OptionMenu(Element):

def __init__(self, values, default_value=None, size=(None, None), disabled=False, auto_size_text=None,

background_color=None, text_color=None, key=None, pad=None, tooltip=None):

'''

InputOptionMenu

:param values:

:param default_value:

:param size:

:param disabled:

:param auto_size_text:

:param background_color:

:param text_color:

:param key:

:param pad:

:param tooltip:

'''

self.Values = values

self.DefaultValue = default_value

self.TKOptionMenu = None

self.Disabled = disabled

bg = background_color if background_color else DEFAULT_INPUT_ELEMENTS_COLOR

fg = text_color if text_color is not None else DEFAULT_INPUT_TEXT_COLOR

super().__init__(ELEM_TYPE_INPUT_OPTION_MENU, size=size, auto_size_text=auto_size_text, background_color=bg,

text_color=fg, key=key, pad=pad, tooltip=tooltip)

def Update(self, value=None, values=None, disabled=None):

if values is not None:

self.Values = values

if self.Values is not None:

for index, v in enumerate(self.Values):

if v == value:

try:

self.TKStringVar.set(value)

except:

pass

self.DefaultValue = value

break

if disabled == True:

self.TKOptionMenu['state'] = 'disabled'

elif disabled == False:

self.TKOptionMenu['state'] = 'normal'

# ------------------------- OPTION MENU Element lazy functions ------------------------- #

InputOptionMenu = OptionMenu

# ---------------------------------------------------------------------- #

# Listbox #

# ---------------------------------------------------------------------- #

class Listbox(Element):

def __init__(self, values, default_values=None, select_mode=None, change_submits=False, enable_events=False, bind_return_key=False, size=(None, None), disabled=False, auto_size_text=None, font=None, background_color=None, text_color=None, key=None, pad=None, tooltip=None, visible=True, size_px=(None,None)):

"""

:param values:

:param default_values:

:param select_mode:

:param change_submits:

:param enable_events:

:param bind_return_key:

:param size:

:param disabled:

:param auto_size_text:

:param font:

:param background_color:

:param text_color:

:param key:

:param pad:

:param tooltip:

:param visible:

:param size_px:

"""

self.Values = values

self.DefaultValues = default_values

self.TKListbox = None

self.ChangeSubmits = change_submits or enable_events

self.BindReturnKey = bind_return_key

self.Disabled = disabled

if select_mode == LISTBOX_SELECT_MODE_BROWSE:

self.SelectMode = SELECT_MODE_BROWSE

elif select_mode == LISTBOX_SELECT_MODE_EXTENDED:

self.SelectMode = SELECT_MODE_EXTENDED

elif select_mode == LISTBOX_SELECT_MODE_MULTIPLE:

self.SelectMode = SELECT_MODE_MULTIPLE

elif select_mode == LISTBOX_SELECT_MODE_SINGLE:

self.SelectMode = SELECT_MODE_SINGLE

elif select_mode == LISTBOX_SELECT_MODE_CONTIGUOUS:

self.SelectMode = SELECT_MODE_CONTIGUOUS

else:

self.SelectMode = DEFAULT_LISTBOX_SELECT_MODE

bg = background_color if background_color else DEFAULT_INPUT_ELEMENTS_COLOR

fg = text_color if text_color is not None else DEFAULT_INPUT_TEXT_COLOR

self.Widget = None # type: remi.gui.ListView

tsize = size # convert tkinter size to pixels

if size[0] is not None and size[0] < 100:

tsize = size[0]*DEFAULT_PIXELS_TO_CHARS_SCALING[0], size[1]*DEFAULT_PIXELS_TO_CHARS_SCALING[1]

super().__init__(ELEM_TYPE_INPUT_LISTBOX, size=tsize, auto_size_text=auto_size_text, font=font,

background_color=bg, text_color=fg, key=key, pad=pad, tooltip=tooltip, visible=visible, size_px=size_px)

def Update(self, values=None, disabled=None, set_to_index=None,background_color=None, text_color=None, font=None, visible=None):

if values is not None:

self.Values = values

self.Widget.empty()

for item in values:

self.Widget.append(remi.gui.ListItem(item))

# if disabled == True:

# self.QT_ListWidget.setDisabled(True)

# elif disabled == False:

# self.QT_ListWidget.setDisabled(False)

# if set_to_index is not None:

# self.QT_ListWidget.setCurrentRow(set_to_index)

super().Update(self.Widget, background_color=background_color, text_color=text_color, font=font, visible=visible, disabled=disabled)

return

# def SetValue(self, values):

# # for index, item in enumerate(self.Values):

# for index, value in enumerate(self.Values):

# item = self.QT_ListWidget.item(index)

# if value in values:

# self.QT_ListWidget.setItemSelected(item, True)

def GetListValues(self):

return self.Values

get_list_values = GetListValues

update = Update

# ---------------------------------------------------------------------- #

# Radio #

# ---------------------------------------------------------------------- #

class Radio(Element):

def __init__(self, text, group_id, default=False, disabled=False, size=(None, None), auto_size_text=None,

background_color=None, text_color=None, font=None, key=None, pad=None, tooltip=None,

change_submits=False):

'''

Radio Button Element

:param text:

:param group_id:

:param default:

:param disabled:

:param size:

:param auto_size_text:

:param background_color:

:param text_color:

:param font:

:param key:

:param pad:

:param tooltip:

:param change_submits:

'''

self.InitialState = default

self.Text = text

self.TKRadio = None

self.GroupID = group_id

self.Value = None

self.Disabled = disabled

self.TextColor = text_color or DEFAULT_TEXT_COLOR

self.ChangeSubmits = change_submits

print('*** WARNING - Radio Buttons are not yet available on PySimpleGUIWeb ***')

super().__init__(ELEM_TYPE_INPUT_RADIO, size=size, auto_size_text=auto_size_text, font=font,

background_color=background_color, text_color=self.TextColor, key=key, pad=pad,

tooltip=tooltip)

def Update(self, value=None, disabled=None):

print('*** NOT IMPLEMENTED ***')

location = EncodeRadioRowCol(self.Position[0], self.Position[1])

if value is not None:

try:

self.TKIntVar.set(location)

except:

pass

self.InitialState = value

if disabled == True:

self.TKRadio['state'] = 'disabled'

elif disabled == False:

self.TKRadio['state'] = 'normal'

update = Update

# ---------------------------------------------------------------------- #

# Checkbox #

# ---------------------------------------------------------------------- #

class Checkbox(Element):

def __init__(self, text, default=False, size=(None, None), auto_size_text=None, font=None, background_color=None,

text_color=None, change_submits=False, enable_events=False, disabled=False, key=None, pad=None, tooltip=None, visible=True, size_px=(None,None)):

'''

Checkbox Element

:param text:

:param default:

:param size:

:param auto_size_text:

:param font:

:param background_color:

:param text_color:

:param change_submits:

:param disabled:

:param key:

:param pad:

:param tooltip:

'''

self.Text = text

self.InitialState = default

self.Disabled = disabled

self.TextColor = text_color if text_color else DEFAULT_TEXT_COLOR

self.ChangeSubmits = change_submits or enable_events

self.Widget = None # type: remi.gui.CheckBox

super().__init__(ELEM_TYPE_INPUT_CHECKBOX, size=size, auto_size_text=auto_size_text, font=font,

background_color=background_color, text_color=self.TextColor, key=key, pad=pad,

tooltip=tooltip, visible=visible, size_px=size_px)

def _ChangedCallback(self, widget, value):

# type: (remi.Widget, Any) -> None

# print(f'text widget value = {widget.get_value()}')

self.ParentForm.LastButtonClicked = self.Key

self.ParentForm.MessageQueue.put(self.ParentForm.LastButtonClicked)

def Get(self):

return self.Widget.get_value()

def Update(self, value=None, disabled=None):

if value is not None:

self.Widget.set_value(value)

if disabled == True:

self.Widget.set_enabled(False)

elif disabled == False:

self.Widget.set_enabled(True)

get = Get

update = Update

# ------------------------- CHECKBOX Element lazy functions ------------------------- #

CB = Checkbox

CBox = Checkbox

Check = Checkbox

# ---------------------------------------------------------------------- #

# Spin #

# ---------------------------------------------------------------------- #

class Spin(Element):

# Values = None

# TKSpinBox = None

def __init__(self, values, initial_value=None, disabled=False, change_submits=False, enable_events=False, size=(None, None), readonly=True, auto_size_text=None, font=None, background_color=None, text_color=None, key=None, pad=None,

tooltip=None, visible=True, size_px=(None,None)):

'''

Spinner Element

:param values:

:param initial_value:

:param disabled:

:param change_submits:

:param size:

:param auto_size_text:

:param font:

:param background_color:

:param text_color:

:param key:

:param pad:

:param tooltip:

'''

self.Values = values

self.DefaultValue = initial_value or values[0]

self.ChangeSubmits = change_submits or enable_events

self.Disabled = disabled

bg = background_color if background_color else DEFAULT_INPUT_ELEMENTS_COLOR

fg = text_color if text_color is not None else DEFAULT_INPUT_TEXT_COLOR

self.CurrentValue = self.DefaultValue

self.ReadOnly = readonly

self.Widget = None # type: remi.gui.SpinBox

super().__init__(ELEM_TYPE_INPUT_SPIN, size, auto_size_text, font=font, background_color=bg, text_color=fg,

key=key, pad=pad, tooltip=tooltip, visible=visible, size_px=size_px)

return

def Update(self, value=None, values=None, disabled=None, background_color=None, text_color=None, font=None, visible=None):

if value is not None:

self.Widget.set_value(value)

super().Update(self.Widget, background_color=background_color, text_color=text_color, font=font,visible=visible)

def Get(self):

return self.Widget.get_value()

get = Get

update = Update

# ---------------------------------------------------------------------- #

# Multiline #

# ---------------------------------------------------------------------- #

class Multiline(Element):

def __init__(self, default_text='', enter_submits=False, disabled=False, autoscroll=False, size=(None, None),

auto_size_text=None, background_color=None, text_color=None, change_submits=False, enable_events=False, do_not_clear=True,

key=None, focus=False, font=None, pad=None, tooltip=None, visible=True, size_px=(None,None)):

'''

Multiline Element

:param default_text:

:param enter_submits:

:param disabled:

:param autoscroll:

:param size:

:param auto_size_text:

:param background_color:

:param text_color:

:param do_not_clear:

:param key:

:param focus:

:param pad:

:param tooltip:

:param font:

'''

self.DefaultText = default_text

self.EnterSubmits = enter_submits

bg = background_color if background_color else DEFAULT_INPUT_ELEMENTS_COLOR

self.Focus = focus

self.do_not_clear = do_not_clear

fg = text_color if text_color is not None else DEFAULT_INPUT_TEXT_COLOR

self.Autoscroll = autoscroll

self.Disabled = disabled

self.ChangeSubmits = change_submits or enable_events

if size[0] is not None and size[0] < 100:

size = size[0]*DEFAULT_PIXELS_TO_CHARS_SCALING[0], size[1]*DEFAULT_PIXELS_TO_CHARS_SCALING[1]

self.Widget = None # type: remi.gui.TextInput

super().__init__(ELEM_TYPE_INPUT_MULTILINE, size=size, auto_size_text=auto_size_text, background_color=bg,

text_color=fg, key=key, pad=pad, tooltip=tooltip, font=font or DEFAULT_FONT, visible=visible, size_px=size_px)

return

def _InputTextCallback(self, widget:remi.Widget, value, keycode):

# print(f'text widget value = {widget.get_value()}')

self.ParentForm.LastButtonClicked = chr(int(keycode))

self.ParentForm.MessageQueue.put(self.ParentForm.LastButtonClicked)

def Update(self, value=None, disabled=None, append=False, background_color=None, text_color=None, font=None, visible=None):

if value is not None and not append:

self.Widget.set_value(value)

elif value is not None and append:

text = self.Widget.get_value() + str(value)

self.Widget.set_value(text)

# if background_color is not None:

# self.WxTextCtrl.SetBackgroundColour(background_color)

# if text_color is not None:

# self.WxTextCtrl.SetForegroundColour(text_color)

# if font is not None:

# self.WxTextCtrl.SetFont(font)

# if disabled:

# self.WxTextCtrl.Enable(True)

# elif disabled is False:

# self.WxTextCtrl.Enable(False)

super().Update(self.Widget, background_color=background_color, text_color=text_color, font=font, visible=visible)

update = Update

# ---------------------------------------------------------------------- #

# Multiline Output #

# ---------------------------------------------------------------------- #

class MultilineOutput(Element):

def __init__(self, default_text='', enter_submits=False, disabled=False, autoscroll=False, size=(None, None), auto_size_text=None, background_color=None, text_color=None, change_submits=False, enable_events=False, do_not_clear=True, key=None, focus=False, font=None, pad=None, tooltip=None, visible=True, size_px=(None,None)):

'''

Multiline Element

:param default_text:

:param enter_submits:

:param disabled:

:param autoscroll:

:param size:

:param auto_size_text:

:param background_color:

:param text_color:

:param do_not_clear:

:param key:

:param focus:

:param pad:

:param tooltip:

:param font:

'''

self.DefaultText = default_text

self.EnterSubmits = enter_submits

bg = background_color if background_color else DEFAULT_INPUT_ELEMENTS_COLOR

self.Focus = focus

self.do_not_clear = do_not_clear

fg = text_color if text_color is not None else DEFAULT_INPUT_TEXT_COLOR

self.Autoscroll = autoscroll

self.Disabled = disabled

self.ChangeSubmits = change_submits or enable_events

tsize = size # convert tkinter size to pixels

if size[0] is not None and size[0] < 100:

tsize = size[0]*DEFAULT_PIXELS_TO_CHARS_SCALING[0], size[1]*DEFAULT_PIXELS_TO_CHARS_SCALING[1]

self.Widget = None # type: remi.gui.TextInput

self.CurrentValue = ''

super().__init__(ELEM_TYPE_MULTILINE_OUTPUT, size=tsize, auto_size_text=auto_size_text, background_color=bg,

text_color=fg, key=key, pad=pad, tooltip=tooltip, font=font or DEFAULT_FONT, visible=visible, size_px=size_px)

return

def Update(self, value=None, disabled=None, append=False, background_color=None, text_color=None, font=None, visible=None, autoscroll=None):

self.Autoscroll = autoscroll is True # convert to bool and save the autoscroll setting

if value is not None and not append:

self.Widget.set_value(str(value))

elif value is not None and append:

self.CurrentValue = self.CurrentValue + '\n' + str(value)

self.Widget.set_value(self.CurrentValue)

self.Widget._set_updated()

app = self.ParentForm.App

if hasattr(app, "websockets"):

app.execute_javascript('element=document.getElementById("%(id)s"); element.innerHTML=`%(content)s`; if(%(autoscroll)s){element.scrollTop=999999;} ' % {

"id":self.Widget.identifier, "content":self.Widget.get_value(), "autoscroll":'true' if self.Autoscroll else 'false'})

super().Update(self.Widget, background_color=background_color, text_color=text_color, font=font, visible=visible)

update = Update

# ---------------------------------------------------------------------- #

# Text #

# ---------------------------------------------------------------------- #