From d60af76d237894270845916801af5503b5d30f1b Mon Sep 17 00:00:00 2001 From: "brooke@anvil.works" Date: Tue, 5 Nov 2024 14:20:43 +0000 Subject: [PATCH] Edited _Components.Switch, _Components.Text, _Components.TextInput, _Components.TextInput.TextArea and 3 more; Deleted Storybooks, Storybooks.ButtonMenus, Storybooks.Buttons, Storybooks.Cards and 15 more --- .anvil_editor.yaml | 19 - .../Storybooks/ButtonMenus/__init__.py | 15 - .../Storybooks/ButtonMenus/form_template.yaml | 195 --------- client_code/Storybooks/Buttons/__init__.py | 13 - .../Storybooks/Buttons/form_template.yaml | 290 ------------- client_code/Storybooks/Cards/__init__.py | 12 - .../Storybooks/Cards/form_template.yaml | 120 ------ client_code/Storybooks/Checkbox/__init__.py | 13 - .../Storybooks/Checkbox/form_template.yaml | 83 ---- client_code/Storybooks/Dropdowns/__init__.py | 33 -- .../Storybooks/Dropdowns/form_template.yaml | 319 --------------- .../Storybooks/Dropdowns_old/__init__.py | 10 - .../Dropdowns_old/form_template.yaml | 262 ------------ client_code/Storybooks/FileLoader/__init__.py | 10 - .../Storybooks/FileLoader/form_template.yaml | 70 ---- .../Storybooks/IconButtons/__init__.py | 10 - .../Storybooks/IconButtons/form_template.yaml | 94 ----- .../Storybooks/InteractiveCards/__init__.py | 13 - .../InteractiveCards/form_template.yaml | 69 ---- .../Storybooks/NavigationLink/__init__.py | 10 - .../NavigationLink/form_template.yaml | 48 --- .../Storybooks/ProgressIndicators/__init__.py | 28 -- .../ProgressIndicators/form_template.yaml | 99 ----- .../Storybooks/RadioButtons/__init__.py | 10 - .../RadioButtons/form_template.yaml | 160 -------- client_code/Storybooks/Sliders/__init__.py | 15 - .../Storybooks/Sliders/form_template.yaml | 93 ----- .../Storybooks/Sliders_copy/__init__.py | 24 -- .../Sliders_copy/form_template.yaml | 93 ----- client_code/Storybooks/Switch/__init__.py | 10 - .../Storybooks/Switch/form_template.yaml | 90 ---- client_code/Storybooks/Text/__init__.py | 10 - .../Storybooks/Text/form_template.yaml | 120 ------ client_code/Storybooks/TextInputs/__init__.py | 10 - .../Storybooks/TextInputs/form_template.yaml | 386 ------------------ .../Storybooks/ToggleIconButtons/__init__.py | 10 - .../ToggleIconButtons/form_template.yaml | 125 ------ client_code/Storybooks/__init__.py | 0 client_code/_Components/Switch/__init__.py | 22 +- client_code/_Components/Text/__init__.py | 2 +- client_code/_Components/TextInput/TextArea.py | 17 +- client_code/_Components/TextInput/TextBox.py | 17 +- client_code/_Components/TextInput/__init__.py | 22 +- client_code/_Components/ToggleIconButton.py | 5 +- client_code/_utils/properties.py | 25 +- 45 files changed, 80 insertions(+), 3021 deletions(-) delete mode 100644 client_code/Storybooks/ButtonMenus/__init__.py delete mode 100644 client_code/Storybooks/ButtonMenus/form_template.yaml delete mode 100644 client_code/Storybooks/Buttons/__init__.py delete mode 100644 client_code/Storybooks/Buttons/form_template.yaml delete mode 100644 client_code/Storybooks/Cards/__init__.py delete mode 100644 client_code/Storybooks/Cards/form_template.yaml delete mode 100644 client_code/Storybooks/Checkbox/__init__.py delete mode 100644 client_code/Storybooks/Checkbox/form_template.yaml delete mode 100644 client_code/Storybooks/Dropdowns/__init__.py delete mode 100644 client_code/Storybooks/Dropdowns/form_template.yaml delete mode 100644 client_code/Storybooks/Dropdowns_old/__init__.py delete mode 100644 client_code/Storybooks/Dropdowns_old/form_template.yaml delete mode 100644 client_code/Storybooks/FileLoader/__init__.py delete mode 100644 client_code/Storybooks/FileLoader/form_template.yaml delete mode 100644 client_code/Storybooks/IconButtons/__init__.py delete mode 100644 client_code/Storybooks/IconButtons/form_template.yaml delete mode 100644 client_code/Storybooks/InteractiveCards/__init__.py delete mode 100644 client_code/Storybooks/InteractiveCards/form_template.yaml delete mode 100644 client_code/Storybooks/NavigationLink/__init__.py delete mode 100644 client_code/Storybooks/NavigationLink/form_template.yaml delete mode 100644 client_code/Storybooks/ProgressIndicators/__init__.py delete mode 100644 client_code/Storybooks/ProgressIndicators/form_template.yaml delete mode 100644 client_code/Storybooks/RadioButtons/__init__.py delete mode 100644 client_code/Storybooks/RadioButtons/form_template.yaml delete mode 100644 client_code/Storybooks/Sliders/__init__.py delete mode 100644 client_code/Storybooks/Sliders/form_template.yaml delete mode 100644 client_code/Storybooks/Sliders_copy/__init__.py delete mode 100644 client_code/Storybooks/Sliders_copy/form_template.yaml delete mode 100644 client_code/Storybooks/Switch/__init__.py delete mode 100644 client_code/Storybooks/Switch/form_template.yaml delete mode 100644 client_code/Storybooks/Text/__init__.py delete mode 100644 client_code/Storybooks/Text/form_template.yaml delete mode 100644 client_code/Storybooks/TextInputs/__init__.py delete mode 100644 client_code/Storybooks/TextInputs/form_template.yaml delete mode 100644 client_code/Storybooks/ToggleIconButtons/__init__.py delete mode 100644 client_code/Storybooks/ToggleIconButtons/form_template.yaml delete mode 100644 client_code/Storybooks/__init__.py diff --git a/.anvil_editor.yaml b/.anvil_editor.yaml index 2c199f9b7f..b7e1c8cea4 100644 --- a/.anvil_editor.yaml +++ b/.anvil_editor.yaml @@ -72,24 +72,6 @@ unique_ids: forms: Layouts.NavigationDrawerLayout: '1718099721235160190367802.35773' Layouts.NavigationRailLayout: '1687425784458804083712790.1608' - Storybooks.ButtonMenus: 645R43WBRQYMJT6EFUN7OQSO6SPMCZCV - Storybooks.Buttons: DRVSCKXRJFEGP33UTQCYHJXLTFMRZNPI - Storybooks.Cards: '170007281548274247138748.59546' - Storybooks.Checkbox: '1699890658374129894155013.30016' - Storybooks.Dropdowns: '1704967224136156300463583.26233' - Storybooks.Dropdowns_old: '1699375874010926304727277.2252' - Storybooks.FileLoader: '1707736566758423998216886.88275' - Storybooks.IconButtons: '1699269478429122281515809.93484' - Storybooks.InteractiveCards: '17011021061794917252508.889524' - Storybooks.NavigationLink: '1699888212585995459090444.6667' - Storybooks.ProgressIndicators: '1699446041525853056434467.0327' - Storybooks.RadioButtons: '1699462072647563788276056.962' - Storybooks.Sliders: QR7BAVITNOLZQS73HMZTI5HHUPCATJP6 - Storybooks.Sliders_copy: '1708443538011987142155888.4082' - Storybooks.Switch: '1707739581398191727310280.66937' - Storybooks.Text: '1699893028127308423938098.0132' - Storybooks.TextInputs: '1704275530649663252290624.8696' - Storybooks.ToggleIconButtons: '1699272222057346832733340.1957' _Components.Button: '1688638796100476667734674.68195' _Components.ButtonMenu: '1691491348095506750812828.60736' _Components.Card: '1700072210669648729275536.3859' @@ -117,7 +99,6 @@ unique_ids: modules: InitModule: '1729773387629974098018934.2618' Layouts: '1729688261865957178219315.7664' - Storybooks: '1699269452316517961590647.5119' _Components: '1689356081598516648538000.70355' _Components.InteractiveCard: '1700082450053581141325640.6907' _Components.TextInput.TextArea: '1704292074596382117568730.4692' diff --git a/client_code/Storybooks/ButtonMenus/__init__.py b/client_code/Storybooks/ButtonMenus/__init__.py deleted file mode 100644 index cf9cb1af94..0000000000 --- a/client_code/Storybooks/ButtonMenus/__init__.py +++ /dev/null @@ -1,15 +0,0 @@ -from ._anvil_designer import ButtonMenusTemplate -from anvil import * -import anvil.server - -class ButtonMenus(ButtonMenusTemplate): - def __init__(self, **properties): - # Set Form properties and Data Bindings. - self.init_components(**properties) - - # Any code you write here will run before the form opens. - - def menu_item_5_click(self, **event_args): - """This method is called when the component is clicked""" - pass - diff --git a/client_code/Storybooks/ButtonMenus/form_template.yaml b/client_code/Storybooks/ButtonMenus/form_template.yaml deleted file mode 100644 index c1d1c288fb..0000000000 --- a/client_code/Storybooks/ButtonMenus/form_template.yaml +++ /dev/null @@ -1,195 +0,0 @@ -components: -- components: - - components: - - components: - - components: - - layout_properties: {} - name: text_1 - properties: {font_size: 25, text: ButtonMenu Component, text_color: 'theme:Primary'} - type: form:_Components.Text - - name: text_2 - properties: {text: Description. Properties. Link to docs. Etc} - type: form:_Components.Text - layout_properties: {width: 427} - name: linear_panel_2 - properties: {} - type: LinearPanel - name: flow_panel_1 - properties: {} - type: FlowPanel - layout_properties: {grid_position: 'XSWOOJ,FCHTQP'} - name: linear_panel_1 - properties: {} - type: LinearPanel - - components: - - components: - - components: - - components: - - components: - - layout_properties: {slot: anvil-m3-buttonMenu-slot} - name: menu_item_1 - properties: {bold: false, enabled: false, hide_leading_icon: false, italic: false, leading_icon: visibility, text: Item 1, underline: false} - type: form:_Components.MenuItem - - event_bindings: {} - layout_properties: {slot: anvil-m3-buttonMenu-slot} - name: menu_item_2 - properties: {enabled: true, leading_icon: copy_all, text: Item 2, trailing_icon: null, trailing_text: cmd + C} - type: form:_Components.MenuItem - - layout_properties: {slot: anvil-m3-buttonMenu-slot} - name: menu_item_3 - properties: {leading_icon: edit, text: Item 3} - type: form:_Components.MenuItem - layout_properties: {expand: false} - name: button_menu_1 - properties: {appearance: elevated, menu_background: '', text: MENU} - type: form:_Components.ButtonMenu - - components: - - event_bindings: {click: menu_item_5_click} - layout_properties: {slot: anvil-m3-buttonMenu-slot} - name: menu_item_5 - properties: {add_icon_space: false, bold: false, leading_icon: visibility, leading_icon_size: null, text: Item 1, trailing_icon: check} - type: form:_Components.MenuItem - - layout_properties: {slot: anvil-m3-buttonMenu-slot} - name: menu_item_2_copy_1 - properties: - leading_icon: copy_all - leading_icon_color: '' - leading_icon_size: null - margin: ['', null, null, null] - text: Item 2 - trailing_icon_color: '' - trailing_text: cmd + C - type: form:_Components.MenuItem - - layout_properties: {slot: anvil-m3-buttonMenu-slot} - name: menu_item_3_copy_1 - properties: {leading_icon: edit, text: Item 3} - type: form:_Components.MenuItem - - layout_properties: {slot: anvil-m3-buttonMenu-slot} - name: divider_1 - properties: {} - type: form:_Components.Divider - - layout_properties: {slot: anvil-m3-buttonMenu-slot} - name: menu_item_4 - properties: {hide_leading_icon: true, text: Item 4, trailing_icon: thumb_up, trailing_icon_color: '', trailing_icon_size: null} - type: form:_Components.MenuItem - layout_properties: {} - name: button_menu_2 - properties: {appearance: filled, menu_background: '', text: menu 2} - type: form:_Components.ButtonMenu - - components: - - layout_properties: {slot: anvil-m3-buttonMenu-slot} - name: menu_item_1_copy_1_copy_1 - properties: {leading_icon: visibility, text: Item 1} - type: form:_Components.MenuItem - - layout_properties: {slot: anvil-m3-buttonMenu-slot} - name: menu_item_2_copy_1_copy_1 - properties: {leading_icon: copy_all, text: Item 2, trailing_text: cmd + C} - type: form:_Components.MenuItem - - layout_properties: {slot: anvil-m3-buttonMenu-slot} - name: menu_item_3_copy_1_copy_1 - properties: {leading_icon: edit, text: Item 3} - type: form:_Components.MenuItem - - layout_properties: {slot: anvil-m3-buttonMenu-slot} - name: divider_1_copy_1 - properties: {} - type: form:_Components.Divider - - layout_properties: {slot: anvil-m3-buttonMenu-slot} - name: menu_item_4_copy_1 - properties: {hide_leading_icon: true, text: Item 4, trailing_icon: thumb_up} - type: form:_Components.MenuItem - layout_properties: {} - name: button_menu_2_copy_2 - properties: {appearance: tonal, enabled: true, text: menu 3, visible: true} - type: form:_Components.ButtonMenu - - components: - - layout_properties: {slot: anvil-m3-buttonMenu-slot} - name: menu_item_1_copy_1_copy_2 - properties: {leading_icon: visibility, text: Item 1} - type: form:_Components.MenuItem - - layout_properties: {slot: anvil-m3-buttonMenu-slot} - name: menu_item_2_copy_1_copy_2 - properties: {leading_icon: copy_all, text: Item 2, trailing_text: cmd + C} - type: form:_Components.MenuItem - - layout_properties: {slot: anvil-m3-buttonMenu-slot} - name: menu_item_3_copy_1_copy_2 - properties: {leading_icon: edit, text: Item 3} - type: form:_Components.MenuItem - - layout_properties: {slot: anvil-m3-buttonMenu-slot} - name: divider_1_copy_2 - properties: {} - type: form:_Components.Divider - - layout_properties: {slot: anvil-m3-buttonMenu-slot} - name: menu_item_4_copy_2 - properties: {hide_leading_icon: true, text: Item 4, trailing_icon: thumb_up} - type: form:_Components.MenuItem - layout_properties: {width: 101.1874875} - name: button_menu_2_copy_3 - properties: - appearance: outlined - spacing: - margin: [null, null, null, null] - padding: ['', null, null, null] - text: menu 1 - type: form:_Components.ButtonMenu - layout_properties: {grid_position: 'YFXULF,CLTAUS'} - name: flow_panel_3_copy_2 - properties: {} - type: FlowPanel - layout_properties: {width: 578} - name: column_panel_1_copy_1 - properties: {} - type: ColumnPanel - layout_properties: {slot: card-content-slot} - name: flow_panel_2_copy_1 - properties: {} - type: FlowPanel - layout_properties: {grid_position: 'XELRDD,LWQQOV'} - name: card_1_copy_1 - properties: {visible: true} - type: form:_Components.Card - - components: - - components: - - components: - - components: - - components: [] - layout_properties: {} - name: button_menu_1_copy_1 - properties: {enabled: false, text: menu 1} - type: form:_Components.ButtonMenu - - layout_properties: {} - name: button_menu_2_copy_1 - properties: {appearance: filled, enabled: false, text: Menu 2} - type: form:_Components.ButtonMenu - - layout_properties: {} - name: button_menu_3_copy_1 - properties: {appearance: tonal, enabled: false, text: Menu 3} - type: form:_Components.ButtonMenu - - layout_properties: {} - name: button_menu_4_copy_1 - properties: {appearance: outlined, enabled: false, text: Menu 4} - type: form:_Components.ButtonMenu - layout_properties: {grid_position: 'YFXULF,CLTAUS'} - name: flow_panel_3_copy_2_copy_1 - properties: {} - type: FlowPanel - layout_properties: {width: 578} - name: column_panel_1_copy_1_copy_1 - properties: {} - type: ColumnPanel - layout_properties: {slot: card-content-slot} - name: flow_panel_2_copy_1_copy_1 - properties: {} - type: FlowPanel - layout_properties: {grid_position: 'YWLDED,AJTCVA'} - name: card_1_copy_1_copy_1 - properties: {visible: true} - type: form:_Components.Card - layout_properties: {slot: default} - name: content_panel - properties: {} - type: ColumnPanel -container: - properties: {html: '@theme:standard-page.html'} - type: HtmlTemplate -custom_component: false -is_package: true diff --git a/client_code/Storybooks/Buttons/__init__.py b/client_code/Storybooks/Buttons/__init__.py deleted file mode 100644 index 1f0ebdbf64..0000000000 --- a/client_code/Storybooks/Buttons/__init__.py +++ /dev/null @@ -1,13 +0,0 @@ -from ._anvil_designer import ButtonsTemplate -from anvil import * -import anvil.server - -class Buttons(ButtonsTemplate): - def __init__(self, **properties): - # Set Form properties and Data Bindings. - self.init_components(**properties) - - # Any code you write here will run before the form opens. - - def button_1_click(self, **event_args): - alert("BOOP") diff --git a/client_code/Storybooks/Buttons/form_template.yaml b/client_code/Storybooks/Buttons/form_template.yaml deleted file mode 100644 index 59a0e04abd..0000000000 --- a/client_code/Storybooks/Buttons/form_template.yaml +++ /dev/null @@ -1,290 +0,0 @@ -components: -- components: - - components: - - components: - - components: - - layout_properties: {} - name: text_1 - properties: {font_size: 25, text: Button Component, text_color: 'theme:Primary'} - type: form:_Components.Text - - name: text_2 - properties: {text: Description. Properties. Link to docs. Etc} - type: form:_Components.Text - layout_properties: {width: 427} - name: linear_panel_2 - properties: {} - type: LinearPanel - name: flow_panel_1 - properties: {} - type: FlowPanel - layout_properties: {grid_position: 'XSWOOJ,FCHTQP'} - name: linear_panel_1 - properties: {} - type: LinearPanel - - components: - - components: - - components: - - event_bindings: {click: button_1_click} - layout_properties: {} - name: button_1 - properties: {appearance: elevated, bold: true, italic: false, text: '1', underline: false} - type: form:_Components.Button - - layout_properties: {} - name: button_2 - properties: {appearance: filled, bold: true, icon: null, icon_size: null, text: '2'} - type: form:_Components.Button - - layout_properties: {} - name: button_3 - properties: - appearance: tonal - spacing: - margin: [null, null, null, ''] - padding: [null, null, null, ''] - text: '3' - type: form:_Components.Button - - layout_properties: {} - name: button_4 - properties: {appearance: outlined, text: '4'} - type: form:_Components.Button - - layout_properties: {} - name: button_5 - properties: - spacing: - padding: ['', '', '', ''] - text: '5' - type: form:_Components.Button - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: flow_panel_2 - properties: {} - type: FlowPanel - layout_properties: {slot: card-content-slot} - name: card_content_container_1 - properties: {} - type: form:_Components.Card.CardContentContainer - layout_properties: {grid_position: 'XELRDD,LWQQOV'} - name: card_1_copy_1 - properties: {visible: true} - type: form:_Components.Card - - components: - - components: - - components: - - layout_properties: {} - name: button_1_copy_2 - properties: {appearance: elevated, bold: true, enabled: true, italic: false, material_icon: 10mp, text: '1', underline: false} - type: form:_Components.Button - - layout_properties: {} - name: button_2_copy_2 - properties: {appearance: filled, bold: true, material_icon: 11mp, text: '2', visible: true} - type: form:_Components.Button - - layout_properties: {} - name: button_3_copy_2 - properties: {appearance: tonal, material_icon: 3d_rotation, text: '3'} - type: form:_Components.Button - - layout_properties: {} - name: button_4_copy_2 - properties: {appearance: outlined, material_icon: blur_on, text: '4'} - type: form:_Components.Button - - layout_properties: {} - name: button_5_copy_2 - properties: {material_icon: 10mp, text: '5'} - type: form:_Components.Button - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: flow_panel_2_copy_2 - properties: {} - type: FlowPanel - layout_properties: {slot: card-content-slot} - name: card_content_container_1_copy_2 - properties: {} - type: form:_Components.Card.CardContentContainer - - components: - - components: - - layout_properties: {} - name: button_1_copy_2_copy_2 - properties: {appearance: elevated, bold: true, enabled: true, icon_align: right, italic: false, material_icon: 10mp, text: '1', underline: false} - type: form:_Components.Button - - layout_properties: {} - name: button_2_copy_2_copy_2 - properties: {appearance: filled, bold: true, icon_align: right, material_icon: 11mp, text: '2'} - type: form:_Components.Button - - layout_properties: {} - name: button_3_copy_2_copy_2 - properties: {appearance: tonal, icon_align: right, material_icon: 3d_rotation, text: '3'} - type: form:_Components.Button - - layout_properties: {} - name: button_4_copy_2_copy_2 - properties: {appearance: outlined, icon_align: right, italic: false, material_icon: blur_on, text: '4'} - type: form:_Components.Button - - layout_properties: {} - name: button_5_copy_2_copy_2 - properties: {font_size: null, icon_align: right, icon_color: 'theme:Error', icon_size: 35, material_icon: 22mp, text: '5', text_color: 'theme:On Surface Variant'} - type: form:_Components.Button - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: flow_panel_2_copy_2_copy_2 - properties: {} - type: FlowPanel - layout_properties: {slot: card-content-slot} - name: card_content_container_1_copy_2_copy_2 - properties: {} - type: form:_Components.Card.CardContentContainer - layout_properties: {grid_position: 'NMIBTG,LJKWTQ'} - name: card_1_copy_1_copy_2 - properties: {visible: true} - type: form:_Components.Card - - components: - - components: - - components: - - layout_properties: {} - name: button_1_copy_2_copy - properties: {appearance: elevated, bold: true, enabled: true, italic: false, material_icon: 12mp, text: '', underline: false} - type: form:_Components.Button - - layout_properties: {} - name: button_2_copy_2_copy - properties: {appearance: filled, bold: true, icon_align: right, material_icon: 11mp, text: ''} - type: form:_Components.Button - - layout_properties: {} - name: button_3_copy_2_copy - properties: {appearance: tonal, material_icon: 3d_rotation, text: ''} - type: form:_Components.Button - - layout_properties: {} - name: button_4_copy_2_copy - properties: {appearance: outlined, material_icon: blur_on, text: ''} - type: form:_Components.Button - - layout_properties: {} - name: button_5_copy_2_copy - properties: {material_icon: 10mp, text: ''} - type: form:_Components.Button - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: flow_panel_2_copy_2_copy - properties: {} - type: FlowPanel - layout_properties: {slot: card-content-slot} - name: card_content_container_1_copy_2_copy - properties: {} - type: form:_Components.Card.CardContentContainer - layout_properties: {grid_position: 'FNVGEB,IUIRLU'} - name: card_1_copy_1_copy_2_copy - properties: {visible: true} - type: form:_Components.Card - - components: - - components: - - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: text_3 - properties: {text: No Icon or Text} - type: form:_Components.Text - - components: - - layout_properties: {} - name: button_6 - properties: {appearance: elevated, material_icon: null} - type: form:_Components.Button - - layout_properties: {} - name: button_7 - properties: {appearance: filled, material_icon: null} - type: form:_Components.Button - - layout_properties: {} - name: button_8 - properties: {appearance: tonal, material_icon: null} - type: form:_Components.Button - - layout_properties: {} - name: button_9 - properties: {appearance: outlined, material_icon: null} - type: form:_Components.Button - - layout_properties: {} - name: button_10 - properties: {material_icon: null} - type: form:_Components.Button - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: flow_panel_3 - properties: {} - type: FlowPanel - layout_properties: {slot: card-content-slot} - name: card_content_container_2 - properties: {} - type: form:_Components.Card.CardContentContainer - layout_properties: {grid_position: 'WKOJWR,EVKOBN'} - name: card_1 - properties: {} - type: form:_Components.Card - - components: - - components: - - components: - - layout_properties: {} - name: button_1_copy - properties: {appearance: elevated, enabled: false, text: '1', visible: true} - type: form:_Components.Button - - layout_properties: {} - name: button_2_copy - properties: {appearance: filled, enabled: false, text: '2'} - type: form:_Components.Button - - layout_properties: {} - name: button_3_copy - properties: {appearance: tonal, enabled: false, text: '3'} - type: form:_Components.Button - - layout_properties: {} - name: button_4_copy - properties: {appearance: outlined, enabled: false, text: '4'} - type: form:_Components.Button - - layout_properties: {} - name: button_5_copy - properties: {enabled: false, icon_color: 'theme:On Surface', icon_size: null, material_icon: 10mp, text: '5', text_color: 'theme:On Surface'} - type: form:_Components.Button - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: flow_panel_2_copy - properties: {} - type: FlowPanel - layout_properties: {slot: card-content-slot} - name: card_content_container_1_copy - properties: {} - type: form:_Components.Card.CardContentContainer - layout_properties: {grid_position: 'XJUTBL,UIXWDC'} - name: card_1_copy_1_copy - properties: {visible: true} - type: form:_Components.Card - - components: - - components: - - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: button_11 - properties: {appearance: tonal, material_icon: align_horizontal_left, text: Left Button} - type: form:_Components.Button - - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: button_12 - properties: {align: center, appearance: tonal, material_icon: align_horizontal_center, text: Center Button} - type: form:_Components.Button - - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: button_13 - properties: {align: right, appearance: tonal, material_icon: align_horizontal_right, text: Right Button} - type: form:_Components.Button - - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: button_14 - properties: {align: full, appearance: tonal, material_icon: menu, text: Full Button} - type: form:_Components.Button - layout_properties: {slot: card-content-slot} - name: card_content_container_3 - properties: {} - type: form:_Components.Card.CardContentContainer - layout_properties: {grid_position: 'ZQDAYV,AXUBDI'} - name: card_2 - properties: {} - type: form:_Components.Card - - components: - - components: - - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: button_15 - properties: {material_icon: null, text: ''} - type: form:_Components.Button - layout_properties: {slot: card-content-slot} - name: card_content_container_4 - properties: {} - type: form:_Components.Card.CardContentContainer - layout_properties: {grid_position: 'RUQOKS,QQERLF'} - name: card_3 - properties: {} - type: form:_Components.Card - layout_properties: {slot: default} - name: content_panel - properties: {} - type: ColumnPanel -container: - properties: {html: '@theme:standard-page.html'} - type: HtmlTemplate -custom_component: false -is_package: true diff --git a/client_code/Storybooks/Cards/__init__.py b/client_code/Storybooks/Cards/__init__.py deleted file mode 100644 index 77166f0c1d..0000000000 --- a/client_code/Storybooks/Cards/__init__.py +++ /dev/null @@ -1,12 +0,0 @@ -from ._anvil_designer import CardsTemplate -from anvil import * -import anvil.server -from ...components import Switch - -class Cards(CardsTemplate): - def __init__(self, **properties): - # Set Form properties and Data Bindings. - self.init_components(**properties) - - - # Any code you write here will run before the form opens. diff --git a/client_code/Storybooks/Cards/form_template.yaml b/client_code/Storybooks/Cards/form_template.yaml deleted file mode 100644 index 32d0329724..0000000000 --- a/client_code/Storybooks/Cards/form_template.yaml +++ /dev/null @@ -1,120 +0,0 @@ -components: -- components: - - components: - - components: - - layout_properties: {} - name: text_1_copy_7 - properties: {font_size: 25, text: Card Component, text_color: 'theme:Primary'} - type: form:_Components.Text - - name: text_2_copy_7 - properties: {text: Description. Properties. Link to docs. Etc} - type: form:_Components.Text - layout_properties: {width: 427} - name: linear_panel_2_copy_1 - properties: {} - type: LinearPanel - layout_properties: {grid_position: 'DBIIDK,WRPPZU'} - name: flow_panel_1_copy_5 - properties: {} - type: FlowPanel - - components: - - components: - - layout_properties: {slot: card-content-container-slot} - name: heading_1 - properties: {text: Column card} - type: form:_Components.Heading - - layout_properties: {slot: card-content-container-slot} - name: text_1 - properties: {text: This card has content in it.} - type: form:_Components.Text - layout_properties: {slot: card-content-slot} - name: card_content_container_2 - properties: - margin: ['16', '16', '16', '16'] - type: form:_Components.Card.CardContentContainer - layout_properties: {grid_position: 'JWIFYF,YYBGPW'} - name: card_1 - properties: - spacing: - margin: [null, null, null, ''] - padding: [null, null, null, ''] - type: form:_Components.Card - - components: - - layout_properties: {slot: card-content-slot} - name: image_1 - properties: - margin: ['0', null, '0', null] - type: Image - - components: - - layout_properties: {slot: card-content-container-slot} - name: heading_2 - properties: {text: Column card with image} - type: form:_Components.Heading - - layout_properties: {slot: card-content-container-slot} - name: text_2 - properties: {text: This card has an image added outside of the CardContentContainer} - type: form:_Components.Text - layout_properties: {slot: card-content-slot} - name: card_content_container_1 - properties: {} - type: form:_Components.Card.CardContentContainer - layout_properties: {grid_position: 'JWIFYF,CPAKTK'} - name: card_2 - properties: {} - type: form:_Components.Card - - components: - - components: - - layout_properties: {slot: card-content-container-slot} - name: heading_3 - properties: {text: Row card} - type: form:_Components.Heading - - layout_properties: {slot: card-content-container-slot} - name: text_3 - properties: {text: This is a row oriented card. Content within the CardConent Container will still be oriented as a column} - type: form:_Components.Text - layout_properties: {slot: card-content-slot} - name: card_content_container_3 - properties: {} - type: form:_Components.Card.CardContentContainer - - layout_properties: {slot: card-content-slot} - name: icon_button_1 - properties: {appearance: tonal, icon: favorite} - type: form:_Components.IconButton - layout_properties: {grid_position: 'SSAYBS,HUUOZH'} - name: card_3 - properties: {orientation: row} - type: form:_Components.Card - - components: - - layout_properties: {slot: card-content-slot} - name: image_2 - properties: - display_mode: zoom_to_fill - height: 192.19140625 - margin: ['0', null, '0', null] - source: _/theme/purple-background.jpg - type: Image - - components: - - layout_properties: {slot: card-content-container-slot} - name: heading_4 - properties: {text: Row card with image} - type: form:_Components.Heading - - layout_properties: {slot: card-content-container-slot} - name: text_3_copy - properties: {text: This is a row oriented card with an image added. Content within the CardConent Container will still be oriented as a column} - type: form:_Components.Text - layout_properties: {slot: card-content-slot} - name: card_content_container_4 - properties: {} - type: form:_Components.Card.CardContentContainer - layout_properties: {grid_position: 'SSAYBS,IWPJQH'} - name: card_4 - properties: {orientation: row} - type: form:_Components.Card - layout_properties: {slot: default} - name: content_panel - properties: {} - type: ColumnPanel -container: - properties: {html: '@theme:standard-page.html'} - type: HtmlTemplate -is_package: true diff --git a/client_code/Storybooks/Checkbox/__init__.py b/client_code/Storybooks/Checkbox/__init__.py deleted file mode 100644 index 8c8aa28aee..0000000000 --- a/client_code/Storybooks/Checkbox/__init__.py +++ /dev/null @@ -1,13 +0,0 @@ -from ._anvil_designer import CheckboxTemplate -from anvil import * -import anvil.server - -class Checkbox(CheckboxTemplate): - def __init__(self, **properties): - # Set Form properties and Data Bindings. - self.init_components(**properties) - self.checkbox_3.checked = None - self.checkbox_5.checked = None - self.checkbox_9.checked = None - - # Any code you write here will run before the form opens. diff --git a/client_code/Storybooks/Checkbox/form_template.yaml b/client_code/Storybooks/Checkbox/form_template.yaml deleted file mode 100644 index bcac686983..0000000000 --- a/client_code/Storybooks/Checkbox/form_template.yaml +++ /dev/null @@ -1,83 +0,0 @@ -components: -- components: - - layout_properties: {grid_position: ''} - name: text_1_copy_1_copy_1 - properties: {font_size: 25, text: Checkbox Component, text_color: 'theme:Primary'} - type: form:_Components.Text - - layout_properties: {grid_position: ''} - name: text_2_copy_1_copy_1 - properties: {text: 'Checkboxes let users select one or more items from a list, or turn an item on or off'} - type: form:_Components.Text - - layout_properties: {grid_position: ''} - name: link_1_copy_1 - properties: {text: Checkbox in Material 3, url: 'https://m3.material.io/components/checkbox/overview'} - type: form:_Components.Link - - components: - - components: - - components: - - layout_properties: {grid_position: 'WTEIHA,ZGPNXB'} - name: checkbox_3_copy_1 - properties: {allow_indeterminate: true, checked: false, text: Indeterminate} - type: form:_Components.Checkbox - - layout_properties: {grid_position: 'UPSLWO,IXNSVI'} - name: checkbox_1_copy_1 - properties: {checked: false, text: Unchecked} - type: form:_Components.Checkbox - - layout_properties: {grid_position: ''} - name: checkbox_2_copy_1 - properties: {checked: true, text: Checked} - type: form:_Components.Checkbox - layout_properties: {grid_position: 'VNBGWB,JIQEDF'} - name: enabled_checkboxes - properties: {} - type: ColumnPanel - - components: - - layout_properties: {grid_position: 'WJDSNE,PPBDJZ'} - name: checkbox_6_copy_1 - properties: {checked: true, error: true, text: 'Error, checked'} - type: form:_Components.Checkbox - - layout_properties: {grid_position: 'DCGVVU,RWXRJT'} - name: checkbox_4_copy_1 - properties: {checked: false, error: true, text: 'Error, unchecked'} - type: form:_Components.Checkbox - - layout_properties: {grid_position: ''} - name: checkbox_5_copy_1 - properties: {allow_indeterminate: true, error: true, text: 'Error, indeterminate'} - type: form:_Components.Checkbox - layout_properties: {grid_position: 'VNBGWB,GMLDFW NDAPMM,MPLGHL'} - name: column_panel_1 - properties: {} - type: ColumnPanel - - components: - - layout_properties: {grid_position: ''} - name: checkbox_9_copy_1 - properties: {allow_indeterminate: true, checked: false, enabled: false, text: 'Disabled, indeterminate'} - type: form:_Components.Checkbox - - layout_properties: {grid_position: ''} - name: checkbox_8_copy_1 - properties: {checked: false, enabled: false, text: 'Disabled, unchecked'} - type: form:_Components.Checkbox - - layout_properties: {grid_position: ''} - name: checkbox_7_copy_1 - properties: {checked: true, enabled: false, text: 'Disabled, checked'} - type: form:_Components.Checkbox - layout_properties: {grid_position: 'VNBGWB,GMLDFW NDAPMM,MJNJRF'} - name: disabled_checkboxes - properties: {} - type: ColumnPanel - layout_properties: {slot: card-content-slot} - name: column_panel_2 - properties: {col_widths: '{"MPLGHL":35,"JIQEDF":20,"GMLDFW":40,"MJNJRF":30}'} - type: ColumnPanel - layout_properties: {grid_position: ''} - name: card_1_copy_1 - properties: {} - type: form:_Components.Card - layout_properties: {slot: default} - name: content_panel - properties: {} - type: ColumnPanel -container: - properties: {html: '@theme:standard-page.html'} - type: HtmlTemplate -is_package: true diff --git a/client_code/Storybooks/Dropdowns/__init__.py b/client_code/Storybooks/Dropdowns/__init__.py deleted file mode 100644 index 9a9371d3d7..0000000000 --- a/client_code/Storybooks/Dropdowns/__init__.py +++ /dev/null @@ -1,33 +0,0 @@ -from ._anvil_designer import DropdownsTemplate -from anvil import * -import anvil.server - -class Dropdowns(DropdownsTemplate): - def __init__(self, **properties): - # Set Form properties and Data Bindings. - self.init_components(**properties) - - self.dropdown_menu_4.items = [("First Option", 0), ("Second Option", 1), ("Third Option", 2)] - # Any code you write here will run before the form opens. - - def dropdown_menu_4_change(self, **event_args): - if self.dropdown_menu_4.selected_value: - self.label_1.text = self.dropdown_menu_4.selected_value[1] - else: - self.label_1.text = "nothing selected" - - def dropdown_menu_2_change(self, **event_args): - """This method is called when an item is selected""" - # print('hello') - pass - - def set_dd_click(self, **event_args): - self.dropdown_menu_3.selected_value = "TEEHEEHEE" - - def button_1_click(self, **event_args): - """This method is called when the button is clicked""" - self.drop_down_1.selected_value = "something else" - - def button_2_click(self, **event_args): - """This method is called when the component is clicked.""" - self.dropdown_menu_2.selected_value = self.dropdown_menu_2.items[2] diff --git a/client_code/Storybooks/Dropdowns/form_template.yaml b/client_code/Storybooks/Dropdowns/form_template.yaml deleted file mode 100644 index 636975f543..0000000000 --- a/client_code/Storybooks/Dropdowns/form_template.yaml +++ /dev/null @@ -1,319 +0,0 @@ -components: -- components: - - components: - - components: - - components: - - layout_properties: {} - name: text_1 - properties: {font_size: 25, text: Dropdowns Component, text_color: 'theme:Primary'} - type: form:_Components.Text - - name: text_2 - properties: {text: Description. Properties. Link to docs. Etc} - type: form:_Components.Text - layout_properties: {width: 427} - name: linear_panel_2 - properties: {} - type: LinearPanel - name: flow_panel_1 - properties: {} - type: FlowPanel - layout_properties: {grid_position: 'XSWOOJ,FCHTQP'} - name: linear_panel_1 - properties: {} - type: LinearPanel - - components: - - components: - - layout_properties: {slot: card-content-container-slot} - name: heading_1 - properties: {text: With Label} - type: form:_Components.Heading - - layout_properties: {slot: card-content-container-slot} - name: text_3 - properties: {text: 'No allow_none, no placeholder'} - type: form:_Components.Text - - layout_properties: {slot: card-content-container-slot} - name: text_5 - properties: {text: 'no allow_none, placeholder'} - type: form:_Components.Text - - components: [] - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: flow_panel_4 - properties: {align: left, vertical_align: full} - type: FlowPanel - - components: - - components: - - components: - - layout_properties: {width: 273} - name: dropdown_menu_1 - properties: - align: left - allow_none: false - border_color: '' - enabled: true - error: false - items: [dropdown item 1, dropdown item 2, dropdown item 3, dropdown item 4, dropdown item 5, dropdown item 6, dropdown item 7, dropdown item 8, dropdown item 9] - items_background_color: theme:Error - label_text: Dropdown Label 1 - leading_icon: null - leading_icon_color: '' - margin: [null, null, null, ''] - menu_background_color: lightblue - supporting_text: '' - supporting_text_color: '' - supporting_text_font_family: '' - supporting_text_font_size: null - tooltip: This is a drop down menu - visible: true - type: form:_Components.DropdownMenu - - event_bindings: {change: dropdown_menu_2_change} - layout_properties: {expand: false, width: 273} - name: dropdown_menu_2 - properties: - allow_none: false - appearance: outlined - bold_items: false - border_color: '' - error: false - italic_items: false - italic_label: false - items: [dropdown item 1, dropdown item 2, dropdown item 3, dropdown item 4, dropdown item 5, dropdown item 6, dropdown item 7, dropdown item 8, dropdown item 9] - label_text: Dropdown Label 2 - label_text_color: '' - margin: ['', null, null, null] - placeholder: placeholder - selected_bold: false - selected_bold_display: true - selected_italic: false - selected_underline: false - selected_underline_display: true - underline_label: false - type: form:_Components.DropdownMenu - layout_properties: {grid_position: 'YFXULF,CLTAUS'} - name: flow_panel_3 - properties: {} - type: FlowPanel - - components: - - layout_properties: {width: 268.1875} - name: text_3_copy_1 - properties: {text: 'allow_none, no placeholder'} - type: form:_Components.Text - - layout_properties: {} - name: text_5_copy_1 - properties: {text: 'allow_none, placeholder'} - type: form:_Components.Text - layout_properties: {grid_position: 'UKMFGV,ISIMLL'} - name: flow_panel_4_copy_1 - properties: {} - type: FlowPanel - - components: - - layout_properties: {width: 273} - name: dropdown_menu_3 - properties: - allow_none: true - error: false - include_placeholder: '' - items: [dropdown item 1, dropdown item 2, dropdown item 3, dropdown item 4, dropdown item 5, dropdown item 6, dropdown item 7, dropdown item 8, dropdown item 9] - label_text: Dropdown Label 3 - type: form:_Components.DropdownMenu - - event_bindings: {change: dropdown_menu_4_change} - layout_properties: {width: 273} - name: dropdown_menu_4 - properties: - allow_none: true - appearance: outlined - include_placeholder: '' - items: [] - label_text: Dropdown Label 4 - placeholder: placeholder - type: form:_Components.DropdownMenu - layout_properties: {grid_position: 'KFQHRA,SYWXVF'} - name: flow_panel_3_copy_1 - properties: {} - type: FlowPanel - - layout_properties: {grid_position: 'VHSSRC,NBYEJK'} - name: label_1 - properties: {text: this label will be based off one of the drop down's selected value} - type: Label - layout_properties: {width: 578} - name: column_panel_1 - properties: {} - type: ColumnPanel - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: flow_panel_2 - properties: {} - type: FlowPanel - - components: - - event_bindings: {click: set_dd_click} - name: set_dd - properties: {text: Set dropdown 3 to something wrong} - type: form:_Components.Button - - event_bindings: {click: button_2_click} - layout_properties: {} - name: button_2 - properties: {text: set value of dropdown 2} - type: form:_Components.Button - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: flow_panel_5 - properties: {} - type: FlowPanel - - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: drop_down_1 - properties: - items: [a, a, a, a, a] - type: DropDown - - event_bindings: {click: button_1_click} - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: button_1 - properties: {text: button_1} - type: Button - layout_properties: {slot: card-content-slot} - name: card_content_container_1 - properties: {} - type: form:_Components.Card.CardContentContainer - layout_properties: {grid_position: 'DGAPCA,XMRUSB'} - name: card_1 - properties: {visible: true} - type: form:_Components.Card - - components: - - components: - - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: heading_1_copy_1 - properties: {text: Without Label} - type: form:_Components.Heading - - components: - - components: - - components: - - layout_properties: {width: 268.1875} - name: text_3_copy_2 - properties: {bold: false, text: 'No allow_none, no placeholder'} - type: form:_Components.Text - - layout_properties: {} - name: text_5_copy_2 - properties: {text: 'no allow_none, placeholder'} - type: form:_Components.Text - layout_properties: {grid_position: 'FGNTIC,MORUZE'} - name: flow_panel_4_copy_2 - properties: {} - type: FlowPanel - - components: - - layout_properties: {width: 273} - name: dropdown_menu_1_copy_1 - properties: - allow_none: false - enabled: true - items: [dropdown item 1, dropdown item 2, dropdown item 3, dropdown item 4, dropdown item 5, dropdown item 6, dropdown item 7, dropdown item 8, dropdown item 9] - label_text: '' - visible: true - type: form:_Components.DropdownMenu - - layout_properties: {width: 273} - name: dropdown_menu_2_copy_1 - properties: - allow_none: false - appearance: outlined - items: [dropdown item 1, dropdown item 2, dropdown item 3, dropdown item 4, dropdown item 5, dropdown item 6, dropdown item 7, dropdown item 8, dropdown item 9] - label_text: '' - placeholder: placeholder - type: form:_Components.DropdownMenu - layout_properties: {grid_position: 'YFXULF,CLTAUS'} - name: flow_panel_3_copy_2 - properties: {} - type: FlowPanel - layout_properties: {width: 578} - name: column_panel_1_copy_1 - properties: {} - type: ColumnPanel - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: flow_panel_2_copy_1 - properties: {} - type: FlowPanel - - components: - - layout_properties: {width: 268.1875} - name: text_3_copy_1_copy_1 - properties: {text: 'allow_none, no placeholder'} - type: form:_Components.Text - - layout_properties: {} - name: text_5_copy_1_copy_1 - properties: {text: 'allow_none, placeholder'} - type: form:_Components.Text - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: flow_panel_4_copy_1_copy_1 - properties: {} - type: FlowPanel - - components: - - layout_properties: {width: 273} - name: dropdown_menu_3_copy_2 - properties: - allow_none: true - include_placeholder: '' - items: [dropdown item 1, dropdown item 2, dropdown item 3, dropdown item 4, dropdown item 5, dropdown item 6, dropdown item 7, dropdown item 8, dropdown item 9] - label_text: '' - type: form:_Components.DropdownMenu - - layout_properties: {width: 273} - name: dropdown_menu_4_copy_2 - properties: - allow_none: true - appearance: outlined - include_placeholder: '' - items: [dropdown item 1, dropdown item 2, dropdown item 3, dropdown item 4, dropdown item 5, dropdown item 6, dropdown item 7, dropdown item 8, dropdown item 9] - label_text: '' - placeholder: placeholder - type: form:_Components.DropdownMenu - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: flow_panel_3_copy_1_copy_2 - properties: {} - type: FlowPanel - layout_properties: {slot: card-content-slot} - name: card_content_container_2 - properties: {} - type: form:_Components.Card.CardContentContainer - layout_properties: {grid_position: 'XELRDD,LWQQOV'} - name: card_1_copy_1 - properties: {visible: true} - type: form:_Components.Card - - components: - - components: - - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: text_4 - properties: {text: Disabled} - type: form:_Components.Text - - components: - - layout_properties: {width: 273} - name: dropdown_menu_3_copy_1 - properties: - allow_none: true - enabled: false - include_placeholder: '' - items: [dropdown item 1, dropdown item 2, dropdown item 3, dropdown item 4, dropdown item 5, dropdown item 6, dropdown item 7, dropdown item 8, dropdown item 9] - label_text: Dropdown Label 3 - type: form:_Components.DropdownMenu - - layout_properties: {width: 273} - name: dropdown_menu_4_copy_1 - properties: - allow_none: true - appearance: outlined - enabled: false - include_placeholder: '' - items: [dropdown item 1, dropdown item 2, dropdown item 3, dropdown item 4, dropdown item 5, dropdown item 6, dropdown item 7, dropdown item 8, dropdown item 9] - label_text: Dropdown Label 4 - placeholder: Placeholder Text - type: form:_Components.DropdownMenu - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: flow_panel_3_copy_1_copy_1 - properties: {} - type: FlowPanel - layout_properties: {slot: card-content-slot} - name: card_content_container_3 - properties: {} - type: form:_Components.Card.CardContentContainer - layout_properties: {grid_position: 'WCWYYQ,WKVBAF'} - name: card_2 - properties: {visible: true} - type: form:_Components.Card - layout_properties: {slot: default} - name: content_panel - properties: {} - type: ColumnPanel -container: - properties: {html: '@theme:standard-page.html'} - type: HtmlTemplate -is_package: true diff --git a/client_code/Storybooks/Dropdowns_old/__init__.py b/client_code/Storybooks/Dropdowns_old/__init__.py deleted file mode 100644 index 57210b5511..0000000000 --- a/client_code/Storybooks/Dropdowns_old/__init__.py +++ /dev/null @@ -1,10 +0,0 @@ -from ._anvil_designer import Dropdowns_oldTemplate -from anvil import * -import anvil.server - -class Dropdowns_old(Dropdowns_oldTemplate): - def __init__(self, **properties): - # Set Form properties and Data Bindings. - self.init_components(**properties) - - # Any code you write here will run before the form opens. diff --git a/client_code/Storybooks/Dropdowns_old/form_template.yaml b/client_code/Storybooks/Dropdowns_old/form_template.yaml deleted file mode 100644 index 36fbcec506..0000000000 --- a/client_code/Storybooks/Dropdowns_old/form_template.yaml +++ /dev/null @@ -1,262 +0,0 @@ -components: -- components: - - components: - - components: - - components: - - layout_properties: {} - name: text_1 - properties: {font_size: 25, text: Dropdowns Component, text_color: 'theme:Primary'} - type: form:_Components.Text - - name: text_2 - properties: {text: Description. Properties. Link to docs. Etc} - type: form:_Components.Text - layout_properties: {width: 427} - name: linear_panel_2 - properties: {} - type: LinearPanel - name: flow_panel_1 - properties: {} - type: FlowPanel - layout_properties: {grid_position: 'XSWOOJ,FCHTQP'} - name: linear_panel_1 - properties: {} - type: LinearPanel - - components: - - components: - - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: heading_1 - properties: {text: With Label} - type: form:_Components.Heading - - components: - - layout_properties: {width: 268.1875} - name: text_3 - properties: {text: 'No allow_none, no placeholder'} - type: form:_Components.Text - - layout_properties: {} - name: text_5 - properties: {text: 'no allow_none, placeholder'} - type: form:_Components.Text - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: flow_panel_4 - properties: {} - type: FlowPanel - - components: - - components: - - components: - - layout_properties: {width: 273} - name: dropdown_menu_1 - properties: - allow_none: false - enabled: true - items: [dropdown item 1, dropdown item 2, dropdown item 3, dropdown item 4, dropdown item 5, dropdown item 6, dropdown item 7, dropdown item 8, dropdown item 9] - label_text: Dropdown Label 1 - visible: true - type: form:_Components.DropdownMenu_deprecated - - layout_properties: {width: 273} - name: dropdown_menu_2 - properties: - allow_none: false - appearance: '' - items: [dropdown item 1, dropdown item 2, dropdown item 3, dropdown item 4, dropdown item 5, dropdown item 6, dropdown item 7, dropdown item 8, dropdown item 9] - label_text: Dropdown Label 2 - placeholder: placeholder - type: form:_Components.DropdownMenu_deprecated - layout_properties: {grid_position: 'YFXULF,CLTAUS'} - name: flow_panel_3 - properties: {} - type: FlowPanel - - components: - - layout_properties: {width: 268.1875} - name: text_3_copy_1 - properties: {text: 'allow_none, no placeholder'} - type: form:_Components.Text - - layout_properties: {} - name: text_5_copy_1 - properties: {text: 'allow_none, placeholder'} - type: form:_Components.Text - layout_properties: {grid_position: 'UKMFGV,ISIMLL'} - name: flow_panel_4_copy_1 - properties: {} - type: FlowPanel - - components: - - layout_properties: {width: 273} - name: dropdown_menu_3 - properties: - allow_none: true - include_placeholder: '' - items: [dropdown item 1, dropdown item 2, dropdown item 3, dropdown item 4, dropdown item 5, dropdown item 6, dropdown item 7, dropdown item 8, dropdown item 9] - label_text: Dropdown Label 3 - type: form:_Components.DropdownMenu_deprecated - - layout_properties: {width: 273} - name: dropdown_menu_4 - properties: - allow_none: true - appearance: '' - include_placeholder: '' - items: [dropdown item 1, dropdown item 2, dropdown item 3, dropdown item 4, dropdown item 5, dropdown item 6, dropdown item 7, dropdown item 8, dropdown item 9] - label_text: Dropdown Label 4 - placeholder: placeholder - type: form:_Components.DropdownMenu_deprecated - layout_properties: {grid_position: 'KFQHRA,SYWXVF'} - name: flow_panel_3_copy_1 - properties: {} - type: FlowPanel - layout_properties: {width: 578} - name: column_panel_1 - properties: {} - type: ColumnPanel - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: flow_panel_2 - properties: {} - type: FlowPanel - layout_properties: {slot: card-content-slot} - name: card_content_container_1 - properties: {} - type: form:_Components.Card.CardContentContainer - layout_properties: {grid_position: 'DGAPCA,XMRUSB'} - name: card_1 - properties: {visible: true} - type: form:_Components.Card - - components: - - components: - - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: heading_1_copy_1 - properties: {text: Without Label} - type: form:_Components.Heading - - components: - - components: - - components: - - layout_properties: {width: 268.1875} - name: text_3_copy_2 - properties: {bold: false, text: 'No allow_none, no placeholder'} - type: form:_Components.Text - - layout_properties: {} - name: text_5_copy_2 - properties: {text: 'no allow_none, placeholder'} - type: form:_Components.Text - layout_properties: {grid_position: 'FGNTIC,MORUZE'} - name: flow_panel_4_copy_2 - properties: {} - type: FlowPanel - - components: - - layout_properties: {width: 273} - name: dropdown_menu_1_copy_1 - properties: - allow_none: false - enabled: true - items: [dropdown item 1, dropdown item 2, dropdown item 3, dropdown item 4, dropdown item 5, dropdown item 6, dropdown item 7, dropdown item 8, dropdown item 9] - label_text: '' - visible: true - type: form:_Components.DropdownMenu_deprecated - - layout_properties: {width: 273} - name: dropdown_menu_2_copy_1 - properties: - allow_none: false - appearance: outlined - items: [dropdown item 1, dropdown item 2, dropdown item 3, dropdown item 4, dropdown item 5, dropdown item 6, dropdown item 7, dropdown item 8, dropdown item 9] - label_text: '' - placeholder: placeholder - type: form:_Components.DropdownMenu_deprecated - layout_properties: {grid_position: 'YFXULF,CLTAUS'} - name: flow_panel_3_copy_2 - properties: {} - type: FlowPanel - layout_properties: {width: 578} - name: column_panel_1_copy_1 - properties: {} - type: ColumnPanel - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: flow_panel_2_copy_1 - properties: {} - type: FlowPanel - - components: - - layout_properties: {width: 268.1875} - name: text_3_copy_1_copy_1 - properties: {text: 'allow_none, no placeholder'} - type: form:_Components.Text - - layout_properties: {} - name: text_5_copy_1_copy_1 - properties: {text: 'allow_none, placeholder'} - type: form:_Components.Text - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: flow_panel_4_copy_1_copy_1 - properties: {} - type: FlowPanel - - components: - - layout_properties: {width: 273} - name: dropdown_menu_3_copy_2 - properties: - allow_none: true - include_placeholder: '' - items: [dropdown item 1, dropdown item 2, dropdown item 3, dropdown item 4, dropdown item 5, dropdown item 6, dropdown item 7, dropdown item 8, dropdown item 9] - label_text: '' - type: form:_Components.DropdownMenu_deprecated - - layout_properties: {width: 273} - name: dropdown_menu_4_copy_2 - properties: - allow_none: true - appearance: outlined - include_placeholder: '' - items: [dropdown item 1, dropdown item 2, dropdown item 3, dropdown item 4, dropdown item 5, dropdown item 6, dropdown item 7, dropdown item 8, dropdown item 9] - label_text: '' - placeholder: placeholder - type: form:_Components.DropdownMenu_deprecated - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: flow_panel_3_copy_1_copy_2 - properties: {} - type: FlowPanel - layout_properties: {slot: card-content-slot} - name: card_content_container_2 - properties: {} - type: form:_Components.Card.CardContentContainer - layout_properties: {grid_position: 'XELRDD,LWQQOV'} - name: card_1_copy_1 - properties: {visible: true} - type: form:_Components.Card - - components: - - components: - - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: text_4 - properties: {text: Disabled} - type: form:_Components.Text - - components: - - layout_properties: {width: 273} - name: dropdown_menu_3_copy_1 - properties: - allow_none: true - enabled: false - include_placeholder: '' - items: [dropdown item 1, dropdown item 2, dropdown item 3, dropdown item 4, dropdown item 5, dropdown item 6, dropdown item 7, dropdown item 8, dropdown item 9] - label_text: Dropdown Label 3 - type: form:_Components.DropdownMenu_deprecated - - layout_properties: {width: 273} - name: dropdown_menu_4_copy_1 - properties: - allow_none: true - appearance: outlined - enabled: false - include_placeholder: '' - items: [dropdown item 1, dropdown item 2, dropdown item 3, dropdown item 4, dropdown item 5, dropdown item 6, dropdown item 7, dropdown item 8, dropdown item 9] - label_text: Dropdown Label 4 - placeholder: Placeholder Text - type: form:_Components.DropdownMenu_deprecated - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: flow_panel_3_copy_1_copy_1 - properties: {} - type: FlowPanel - layout_properties: {slot: card-content-slot} - name: card_content_container_3 - properties: {} - type: form:_Components.Card.CardContentContainer - layout_properties: {grid_position: 'WCWYYQ,WKVBAF'} - name: card_2 - properties: {visible: true} - type: form:_Components.Card - layout_properties: {slot: default} - name: content_panel - properties: {} - type: ColumnPanel -container: - properties: {html: '@theme:standard-page.html'} - type: HtmlTemplate -is_package: true diff --git a/client_code/Storybooks/FileLoader/__init__.py b/client_code/Storybooks/FileLoader/__init__.py deleted file mode 100644 index 7a5687dab2..0000000000 --- a/client_code/Storybooks/FileLoader/__init__.py +++ /dev/null @@ -1,10 +0,0 @@ -from ._anvil_designer import FileLoaderTemplate -from anvil import * -import anvil.server - -class FileLoader(FileLoaderTemplate): - def __init__(self, **properties): - # Set Form properties and Data Bindings. - self.init_components(**properties) - - # Any code you write here will run before the form opens. diff --git a/client_code/Storybooks/FileLoader/form_template.yaml b/client_code/Storybooks/FileLoader/form_template.yaml deleted file mode 100644 index e00b4dd241..0000000000 --- a/client_code/Storybooks/FileLoader/form_template.yaml +++ /dev/null @@ -1,70 +0,0 @@ -components: -- layout_properties: {grid_position: 'VOWGTS,MKSYCW'} - name: text_1 - properties: {font_size: 25, text: FileLoader Component, text_color: 'theme:Primary'} - type: form:_Components.Text -- layout_properties: {grid_position: 'JZJKII,IPUFNC'} - name: text_2 - properties: {text: A FileLoader allows users to load files files from their computer into an Anvil app.} - type: form:_Components.Text -- components: - - components: - - layout_properties: {grid_position: 'BBBOHG,PHBFQW ITVHID,RIISXV'} - name: file_loader_1 - properties: {} - type: form:_Components.FileLoader - - layout_properties: {grid_position: 'BBBOHG,PHBFQW ICAOFZ,LCSRWS'} - name: file_loader_3 - properties: {enabled: true, material_icon: emoji_people, text: Non-default icon} - type: form:_Components.FileLoader - - layout_properties: {grid_position: 'BBBOHG,TIQYQS JBTWXQ,SHATDR'} - name: file_loader_2 - properties: {enabled: true, text: Non-default text} - type: form:_Components.FileLoader - - layout_properties: {grid_position: 'BBBOHG,TIQYQS BFFTHW,SMJYMD'} - name: file_loader_4 - properties: {enabled: false, text: Disabled} - type: form:_Components.FileLoader - - layout_properties: {grid_position: 'TQQNVV,GOMIYU'} - name: file_loader_5 - properties: {appearance: elevated} - type: form:_Components.FileLoader - - layout_properties: {grid_position: 'TQQNVV,DIEJAJ'} - name: file_loader_5_copy - properties: {appearance: elevated, enabled: false} - type: form:_Components.FileLoader - - layout_properties: {grid_position: 'JGVIIR,RRZUGV'} - name: file_loader_5_copy_2 - properties: {appearance: filled} - type: form:_Components.FileLoader - - layout_properties: {grid_position: 'JGVIIR,VFCICM'} - name: file_loader_5_copy_2_copy - properties: {appearance: filled, enabled: false} - type: form:_Components.FileLoader - - layout_properties: {grid_position: 'MJLPUR,TTXJWF'} - name: file_loader_5_copy_2_copy_2 - properties: {appearance: tonal} - type: form:_Components.FileLoader - - layout_properties: {grid_position: 'MJLPUR,MMJMIW'} - name: file_loader_5_copy_2_copy_2_copy - properties: {appearance: tonal, enabled: false} - type: form:_Components.FileLoader - - layout_properties: {grid_position: 'GMODHC,SZVLTI JGIIIE,SBFZSH'} - name: file_loader_5_copy_2_copy_2_copy_2 - properties: {appearance: outlined} - type: form:_Components.FileLoader - - layout_properties: {grid_position: 'GMODHC,LRPQHC'} - name: file_loader_5_copy_2_copy_2_copy_2_copy - properties: {appearance: outlined, enabled: false} - type: form:_Components.FileLoader - layout_properties: {slot: card-content-slot} - name: column_panel_1 - properties: {} - type: ColumnPanel - layout_properties: {grid_position: 'KFRIIJ,HXVMHP'} - name: card_1 - properties: - margin: ['12', 4px, 4px, 4px] - type: form:_Components.Card -container: {type: ColumnPanel} -is_package: true diff --git a/client_code/Storybooks/IconButtons/__init__.py b/client_code/Storybooks/IconButtons/__init__.py deleted file mode 100644 index 57f08b04d1..0000000000 --- a/client_code/Storybooks/IconButtons/__init__.py +++ /dev/null @@ -1,10 +0,0 @@ -from ._anvil_designer import IconButtonsTemplate -from anvil import * -import anvil.server - -class IconButtons(IconButtonsTemplate): - def __init__(self, **properties): - # Set Form properties and Data Bindings. - self.init_components(**properties) - - # Any code you write here will run before the form opens. diff --git a/client_code/Storybooks/IconButtons/form_template.yaml b/client_code/Storybooks/IconButtons/form_template.yaml deleted file mode 100644 index f8de5211cd..0000000000 --- a/client_code/Storybooks/IconButtons/form_template.yaml +++ /dev/null @@ -1,94 +0,0 @@ -components: -- components: - - components: - - components: - - components: - - layout_properties: {} - name: text_1 - properties: {font_size: 25, text: IconButton Component, text_color: 'theme:Primary'} - type: form:_Components.Text - - name: text_2 - properties: {text: Description. Properties. Link to docs. Etc} - type: form:_Components.Text - layout_properties: {width: 427} - name: linear_panel_2 - properties: {} - type: LinearPanel - name: flow_panel_1 - properties: {} - type: FlowPanel - layout_properties: {grid_position: 'XSWOOJ,FCHTQP'} - name: linear_panel_1 - properties: {} - type: LinearPanel - - components: - - components: - - components: - - components: - - name: icon_button_1 - properties: {} - type: form:_Components.IconButton - - layout_properties: {} - name: icon_button_2 - properties: {appearance: Filled, background_color: ''} - type: form:_Components.IconButton - - layout_properties: {} - name: icon_button_2_copy - properties: {appearance: tonal} - type: form:_Components.IconButton - - layout_properties: {expand: false} - name: icon_button_2_copy_1 - properties: {appearance: Outlined, enabled: true, visible: true} - type: form:_Components.IconButton - layout_properties: {grid_position: 'YFXULF,CLTAUS'} - name: flow_panel_3 - properties: {} - type: FlowPanel - - components: - - components: - - layout_properties: {} - name: icon_button_1_copy_2 - properties: {enabled: false} - type: form:_Components.IconButton - - layout_properties: {} - name: icon_button_2_copy_2 - properties: {appearance: Filled, enabled: false} - type: form:_Components.IconButton - - layout_properties: {} - name: icon_button_2_copy_3 - properties: {appearance: tonal, enabled: false} - type: form:_Components.IconButton - - layout_properties: {expand: false} - name: icon_button_2_copy_1_copy_1 - properties: {appearance: Outlined, enabled: false} - type: form:_Components.IconButton - - name: text_3_copy_1 - properties: {text: Disabled Buttons} - type: form:_Components.Text - name: flow_panel_3_copy_1 - properties: {} - type: FlowPanel - layout_properties: {grid_position: 'ZNPKSJ,KYZEKX'} - name: flow_panel_2 - properties: {} - type: FlowPanel - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: column_panel_1 - properties: {} - type: ColumnPanel - layout_properties: {slot: card-content-slot} - name: card_content_container_1 - properties: {} - type: form:_Components.Card.CardContentContainer - layout_properties: {grid_position: 'OKRYQK,JYGOBT'} - name: card_1 - properties: {visible: true} - type: form:_Components.Card - layout_properties: {slot: default} - name: content_panel - properties: {} - type: ColumnPanel -container: - properties: {html: '@theme:standard-page.html'} - type: HtmlTemplate -is_package: true diff --git a/client_code/Storybooks/InteractiveCards/__init__.py b/client_code/Storybooks/InteractiveCards/__init__.py deleted file mode 100644 index 2a810bb7bf..0000000000 --- a/client_code/Storybooks/InteractiveCards/__init__.py +++ /dev/null @@ -1,13 +0,0 @@ -from ._anvil_designer import InteractiveCardsTemplate -from anvil import * -import anvil.server - -class InteractiveCards(InteractiveCardsTemplate): - def __init__(self, **properties): - # Set Form properties and Data Bindings. - self.init_components(**properties) - - # Any code you write here will run before the form opens. - - def full_outline_click(self, **event_args): - alert("Clicked") diff --git a/client_code/Storybooks/InteractiveCards/form_template.yaml b/client_code/Storybooks/InteractiveCards/form_template.yaml deleted file mode 100644 index 56e2d16a1a..0000000000 --- a/client_code/Storybooks/InteractiveCards/form_template.yaml +++ /dev/null @@ -1,69 +0,0 @@ -components: -- components: - - components: - - components: - - layout_properties: {} - name: text_1_copy_7 - properties: {font_size: 25, text: Card Component, text_color: 'theme:Primary'} - type: form:_Components.Text - - name: text_2_copy_7 - properties: {text: Description. Properties. Link to docs. Etc} - type: form:_Components.Text - layout_properties: {width: 427} - name: linear_panel_2_copy_1 - properties: {} - type: LinearPanel - layout_properties: {grid_position: 'DBIIDK,WRPPZU'} - name: flow_panel_1_copy_5 - properties: {} - type: FlowPanel - - components: - - layout_properties: {slot: card-content-slot} - name: image_1 - properties: - display_mode: zoom_to_fill - margin: ['0', null, '0', null] - source: _/theme/purple-background.jpg - type: Image - - components: - - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: heading_1 - properties: {text: Interactive Card} - type: form:_Components.Heading - layout_properties: {slot: card-content-slot} - name: card_content_container_1 - properties: {} - type: form:_Components.Card.CardContentContainer - layout_properties: {grid_position: 'ZKORQX,VBPGZD'} - name: interactive_card_1 - properties: {enabled: true} - type: form:_Components.InteractiveCard - - components: - - layout_properties: {slot: card-content-slot} - name: image_2 - properties: - display_mode: zoom_to_fill - margin: ['0', null, '0', null] - source: _/theme/purple-background.jpg - type: Image - - components: - - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: heading_2 - properties: {text: Interactive Card} - type: form:_Components.Heading - layout_properties: {slot: card-content-slot} - name: card_content_container_2 - properties: {} - type: form:_Components.Card.CardContentContainer - layout_properties: {grid_position: 'ZKORQX,FNZBOH'} - name: interactive_card_2 - properties: {orientation: row} - type: form:_Components.InteractiveCard - layout_properties: {slot: default} - name: content_panel - properties: {} - type: ColumnPanel -container: - properties: {html: '@theme:standard-page.html'} - type: HtmlTemplate -is_package: true diff --git a/client_code/Storybooks/NavigationLink/__init__.py b/client_code/Storybooks/NavigationLink/__init__.py deleted file mode 100644 index 71667f9545..0000000000 --- a/client_code/Storybooks/NavigationLink/__init__.py +++ /dev/null @@ -1,10 +0,0 @@ -from ._anvil_designer import NavigationLinkTemplate -from anvil import * -import anvil.server - -class NavigationLink(NavigationLinkTemplate): - def __init__(self, **properties): - # Set Form properties and Data Bindings. - self.init_components(**properties) - - # Any code you write here will run before the form opens. diff --git a/client_code/Storybooks/NavigationLink/form_template.yaml b/client_code/Storybooks/NavigationLink/form_template.yaml deleted file mode 100644 index 10c6d58533..0000000000 --- a/client_code/Storybooks/NavigationLink/form_template.yaml +++ /dev/null @@ -1,48 +0,0 @@ -components: -- components: - - layout_properties: {grid_position: 'AKFJIP,DTEYVB'} - name: text_1_copy_1 - properties: {font_size: 25, text: NavigationLink Component, text_color: 'theme:Primary'} - type: form:_Components.Text - - layout_properties: {grid_position: 'PZXGCA,BNJCLP'} - name: text_2_copy_1 - properties: {text: 'A link for navigation within an app. NavigationLinks are designed to be used in the Navigation Rail/Drawer/Bar of a page using the Standard Page Layout. '} - type: form:_Components.Text - - layout_properties: {grid_position: 'QNOTQM,UCTZKZ'} - name: link_1 - properties: {text: Navigation in Material 3, url: 'https://m3.material.io/components/navigation-bar/overview'} - type: form:_Components.Link - - components: - - components: - - layout_properties: {grid_position: 'MENMFF,LTDOFF'} - name: navigation_link_1 - properties: {text: Default} - type: form:_Components.NavigationLink - - layout_properties: {grid_position: 'MENMFF,FVFCZF'} - name: navigation_link_2 - properties: {selected: true, text: Selected} - type: form:_Components.NavigationLink - - layout_properties: {grid_position: 'MENMFF,WPBQDG'} - name: navigation_link_3 - properties: {badge: true, text: With Badge} - type: form:_Components.NavigationLink - - layout_properties: {grid_position: 'MENMFF,BTEOSR'} - name: navigation_link_4 - properties: {badge: true, badge_count: 30, text: With Badge and Number} - type: form:_Components.NavigationLink - layout_properties: {slot: card-content-slot} - name: column_panel_1 - properties: {} - type: ColumnPanel - layout_properties: {grid_position: 'DUNIXU,RRDTIG'} - name: card_1 - properties: {} - type: form:_Components.Card - layout_properties: {slot: default} - name: content_panel - properties: {} - type: ColumnPanel -container: - properties: {html: '@theme:standard-page.html'} - type: HtmlTemplate -is_package: true diff --git a/client_code/Storybooks/ProgressIndicators/__init__.py b/client_code/Storybooks/ProgressIndicators/__init__.py deleted file mode 100644 index 0feab0be67..0000000000 --- a/client_code/Storybooks/ProgressIndicators/__init__.py +++ /dev/null @@ -1,28 +0,0 @@ -from ._anvil_designer import ProgressIndicatorsTemplate -from anvil import * -import anvil.server -import time - -class ProgressIndicators(ProgressIndicatorsTemplate): - def __init__(self, **properties): - # Set Form properties and Data Bindings. - self.init_components(**properties) - - # Any code you write here will run before the form opens. - - def button_1_click(self, **event_args): - self.circular_progress_indicator_determinate.progress = 0 - self.linear_progress_indicator_determinate.progress = 0 - self.change_progress() - - def change_progress(self): - start_time = time.time() - end_time = start_time + 20 # 20 seconds timer - - while time.time() < end_time and self.circular_progress_indicator_determinate.progress <= 100: - self.circular_progress_indicator_determinate.progress += 10 - self.linear_progress_indicator_determinate.progress += 10 - time.sleep(0.1) # Adjust the sleep time to change the speed of counting - - - \ No newline at end of file diff --git a/client_code/Storybooks/ProgressIndicators/form_template.yaml b/client_code/Storybooks/ProgressIndicators/form_template.yaml deleted file mode 100644 index 6caf8619df..0000000000 --- a/client_code/Storybooks/ProgressIndicators/form_template.yaml +++ /dev/null @@ -1,99 +0,0 @@ -components: -- components: - - components: - - components: - - components: - - layout_properties: {} - name: text_1 - properties: {font_size: 25, text: ProgressIndicator Components, text_color: 'theme:Primary'} - type: form:_Components.Text - - name: text_2 - properties: {text: Description. Properties. Link to docs. Etc} - type: form:_Components.Text - layout_properties: {width: 427} - name: linear_panel_2 - properties: {} - type: LinearPanel - name: flow_panel_1 - properties: {} - type: FlowPanel - layout_properties: {grid_position: 'XSWOOJ,FCHTQP'} - name: linear_panel_1 - properties: {} - type: LinearPanel - - components: - - components: - - components: - - layout_properties: {grid_position: 'HQXNTC,YSZACR'} - name: text_3_copy_1 - properties: {text: Determinate} - type: form:_Components.Text - - event_bindings: {click: button_1_click} - layout_properties: {grid_position: 'HHGCRC,SOUFZA'} - name: button_1 - properties: {appearance: filled, text: Make Progress Go} - type: form:_Components.Button - - layout_properties: {grid_position: 'GOCHRS,EAGRUI'} - name: circular_progress_indicator_determinate - properties: {align: center, color: '#', progress: 50, type: determinate, visible: true} - type: form:_Components.CircularProgressIndicator - - layout_properties: {grid_position: 'FJJOWZ,JMVCER'} - name: linear_progress_indicator_determinate - properties: {align: right, color: '', progress: 33, progress_color: '', track_color: '', type: determinate, visible: true} - type: form:_Components.LinearProgressIndicator - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: column_panel_2 - properties: {} - type: ColumnPanel - - components: - - components: - - layout_properties: {grid_position: 'HJLVQL,QGOPQU'} - name: text_3 - properties: {text: Indeterminate} - type: form:_Components.Text - - layout_properties: {grid_position: 'KTGWGP,OENKJQ'} - name: circular_progress_indicator - properties: {align: left, color: '', type: indeterminate, visible: true} - type: form:_Components.CircularProgressIndicator - - layout_properties: {grid_position: 'FGXMBK,JSORRS'} - name: linear_progress_indicator - properties: {align: right, color: '', progress: 60, progress_color: '', track_color: '', type: indeterminate, visible: true} - type: form:_Components.LinearProgressIndicator - layout_properties: {width: 578} - name: column_panel_1 - properties: {} - type: ColumnPanel - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: flow_panel_2 - properties: {} - type: FlowPanel - layout_properties: {slot: card-content-slot} - name: card_content_container_1 - properties: {} - type: form:_Components.Card.CardContentContainer - layout_properties: {grid_position: 'DGAPCA,XMRUSB'} - name: card_1 - properties: {visible: true} - type: form:_Components.Card - - components: - - components: - - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: text_4 - properties: {text: 'TODO: smooth out determinate progress transition'} - type: form:_Components.Text - layout_properties: {slot: card-content-slot} - name: card_content_container_2 - properties: {} - type: form:_Components.Card.CardContentContainer - layout_properties: {grid_position: 'YQVVVU,UMEILI'} - name: card_2 - properties: {visible: true} - type: form:_Components.Card - layout_properties: {slot: default} - name: content_panel - properties: {} - type: ColumnPanel -container: - properties: {html: '@theme:standard-page.html'} - type: HtmlTemplate -is_package: true diff --git a/client_code/Storybooks/RadioButtons/__init__.py b/client_code/Storybooks/RadioButtons/__init__.py deleted file mode 100644 index e4d197d48e..0000000000 --- a/client_code/Storybooks/RadioButtons/__init__.py +++ /dev/null @@ -1,10 +0,0 @@ -from ._anvil_designer import RadioButtonsTemplate -from anvil import * -import anvil.server - -class RadioButtons(RadioButtonsTemplate): - def __init__(self, **properties): - # Set Form properties and Data Bindings. - self.init_components(**properties) - - # Any code you write here will run before the form opens. diff --git a/client_code/Storybooks/RadioButtons/form_template.yaml b/client_code/Storybooks/RadioButtons/form_template.yaml deleted file mode 100644 index 2b0d21ac9e..0000000000 --- a/client_code/Storybooks/RadioButtons/form_template.yaml +++ /dev/null @@ -1,160 +0,0 @@ -components: -- components: - - components: - - components: - - components: - - layout_properties: {} - name: text_1 - properties: {font_size: 25, text: RadioButton Component, text_color: 'theme:Primary'} - type: form:_Components.Text - - name: text_2 - properties: {text: Description. Properties. Link to docs. Etc} - type: form:_Components.Text - layout_properties: {width: 427} - name: linear_panel_2 - properties: {} - type: LinearPanel - name: flow_panel_1 - properties: {} - type: FlowPanel - layout_properties: {grid_position: 'XSWOOJ,FCHTQP'} - name: linear_panel_1 - properties: {} - type: LinearPanel - - components: - - components: - - components: - - components: - - layout_properties: {grid_position: 'HAKWNV,EETNLW'} - name: text_3 - properties: {text: Group 1} - type: form:_Components.Text - - components: - - layout_properties: {} - name: radio_button_1 - properties: {group_name: group_1, selected: true, text: Selection 1} - type: form:_Components.RadioButton - - layout_properties: {} - name: radio_button_1_copy_1 - properties: {group_name: group_1, selected: false, text: Selection 2} - type: form:_Components.RadioButton - - layout_properties: {} - name: radio_button_1_copy_2 - properties: {background: '', group_name: group_1, selected: false, text: Selection 3} - type: form:_Components.RadioButton - - layout_properties: {} - name: radio_button_1_copy_3 - properties: {group_name: group_1, selected: true, text: Selection 4} - type: form:_Components.RadioButton - - layout_properties: {} - name: radio_button_1_copy_4 - properties: {group_name: group_1, selected: true, text: Selection 5} - type: form:_Components.RadioButton - - layout_properties: {} - name: radio_button_1_copy_5 - properties: {align: left, enabled: false, group_name: group_1, text: Disabled Selection} - type: form:_Components.RadioButton - layout_properties: {grid_position: 'VQDKEK,UJGSYX'} - name: flow_panel_3_copy_2 - properties: {} - type: FlowPanel - layout_properties: {width: 578} - name: column_panel_1_copy_1 - properties: {} - type: ColumnPanel - layout_properties: {slot: card-content-container-slot} - name: flow_panel_2_copy_1 - properties: {} - type: FlowPanel - layout_properties: {slot: card-content-slot} - name: card_content_container_1 - properties: {} - type: form:_Components.Card.CardContentContainer - layout_properties: {grid_position: 'XELRDD,LWQQOV'} - name: card_1_copy_1 - properties: {visible: true} - type: form:_Components.Card - - components: - - components: - - layout_properties: {slot: card-content-container-slot} - name: text_3_copy_1 - properties: {text: Group 2} - type: form:_Components.Text - - components: - - components: - - components: - - layout_properties: {} - name: radio_button_1_copy_6 - properties: {group_name: group_2, selected: false, text: Selection 1} - type: form:_Components.RadioButton - - layout_properties: {} - name: radio_button_1_copy_1_copy_1 - properties: {group_name: group_2, text: Selection 2} - type: form:_Components.RadioButton - - layout_properties: {} - name: radio_button_1_copy_2_copy_1 - properties: {group_name: group_2, text: Selection 3} - type: form:_Components.RadioButton - - layout_properties: {} - name: radio_button_1_copy_3_copy_1 - properties: {group_name: group_2, selected: false, text: Selection 4} - type: form:_Components.RadioButton - - layout_properties: {} - name: radio_button_1_copy_4_copy_1 - properties: {group_name: group_2, selected: false, text: Selection 5} - type: form:_Components.RadioButton - - layout_properties: {} - name: radio_button_1_copy_5_copy_1 - properties: {enabled: false, group_name: group_2, selected: true, text: Disabled Selection, visible: true} - type: form:_Components.RadioButton - layout_properties: {grid_position: 'YFXULF,CLTAUS'} - name: flow_panel_3_copy_2_copy_1 - properties: {} - type: FlowPanel - layout_properties: {width: 578} - name: column_panel_1_copy_1_copy_1 - properties: {} - type: ColumnPanel - layout_properties: {slot: card-content-container-slot} - name: flow_panel_2_copy_1_copy_1 - properties: {} - type: FlowPanel - layout_properties: {slot: card-content-slot} - name: card_content_container_2 - properties: {} - type: form:_Components.Card.CardContentContainer - layout_properties: {grid_position: 'CDWTDQ,IZJJKC'} - name: card_1_copy_1_copy_1 - properties: {visible: true} - type: form:_Components.Card - - components: - - components: - - layout_properties: {slot: card-content-container-slot} - name: radio_button_5 - properties: {group_name: groupx, selected: false, text: ''} - type: form:_Components.RadioButton - - layout_properties: {slot: card-content-container-slot} - name: radio_button_6 - properties: - background: '' - group_name: groupx - margin: [null, auto, null, null] - selected: true - text: radio button with text - type: form:_Components.RadioButton - layout_properties: {slot: card-content-slot} - name: card_content_container_4 - properties: {} - type: form:_Components.Card.CardContentContainer - layout_properties: {grid_position: 'DQFROL,AEKVKE'} - name: card_2 - properties: {visible: true} - type: form:_Components.Card - layout_properties: {slot: default} - name: content_panel - properties: {} - type: ColumnPanel -container: - properties: {html: '@theme:standard-page.html'} - type: HtmlTemplate -is_package: true diff --git a/client_code/Storybooks/Sliders/__init__.py b/client_code/Storybooks/Sliders/__init__.py deleted file mode 100644 index b5437a2633..0000000000 --- a/client_code/Storybooks/Sliders/__init__.py +++ /dev/null @@ -1,15 +0,0 @@ -from ._anvil_designer import SlidersTemplate -from anvil import * -import plotly.graph_objects as go -import anvil.server - -class Sliders(SlidersTemplate): - def __init__(self, **properties): - # Set Form properties and Data Bindings. - self.init_components(**properties) - - # Any code you write here will run before the form opens. - - def slider_4_change(self, **event_args): - """This method is called when the value of the component is changed""" - print(self.slider_4.value) diff --git a/client_code/Storybooks/Sliders/form_template.yaml b/client_code/Storybooks/Sliders/form_template.yaml deleted file mode 100644 index 273815b211..0000000000 --- a/client_code/Storybooks/Sliders/form_template.yaml +++ /dev/null @@ -1,93 +0,0 @@ -components: -- layout_properties: {grid_position: 'NLZEXB,ZFMOMV'} - name: text_1 - properties: {font_size: 25, text: Slider Component, text_color: 'theme:Primary'} - type: form:_Components.Text -- components: - - layout_properties: {slot: card-content-slot} - name: heading_1 - properties: {text: Continuous (no track marks)} - type: form:_Components.Heading - - layout_properties: {slot: card-content-slot} - name: text_2 - properties: {scale: medium, text: 'No label, enabled'} - type: form:_Components.Text - - layout_properties: {slot: card-content-slot} - name: slider_1 - properties: {max: 10, show_label: false, show_markers: false, value: 5} - type: form:_Components.Slider - - layout_properties: {slot: card-content-slot} - name: text_3 - properties: {text: 'With label, enabled'} - type: form:_Components.Text - - layout_properties: {slot: card-content-slot} - name: slider_5 - properties: {max: 100, show_label: true, show_markers: false, value: 50} - type: form:_Components.Slider - - layout_properties: {slot: card-content-slot} - name: text_4 - properties: {text: Disabled} - type: form:_Components.Text - - layout_properties: {slot: card-content-slot} - name: slider_2 - properties: - enabled: false - margin: [auto, auto, auto, auto] - max: 100 - value: 50 - type: form:_Components.Slider - layout_properties: {grid_position: 'VECHOP,LDOFTY'} - name: card_1 - properties: {} - type: form:_Components.Card -- components: - - layout_properties: {slot: card-content-slot} - name: heading_2 - properties: {text: Discrete (with track marks)} - type: form:_Components.Heading - - layout_properties: {slot: card-content-slot} - name: text_5 - properties: {text: 'No label, enabled'} - type: form:_Components.Text - - data_bindings: [] - event_bindings: {change: slider_4_change} - layout_properties: {slot: card-content-slot} - name: slider_4 - properties: - enabled: true - label_color: '' - label_text_color: '' - margin: [auto, '', auto, ''] - max: 10 - min: 0 - progress_color: '' - show_label: false - show_markers: true - step: 1 - thumb_color: '' - tooltip: '' - track_color: '' - value: 5 - type: form:_Components.Slider - - layout_properties: {slot: card-content-slot} - name: text_6 - properties: {text: 'With label, enabled'} - type: form:_Components.Text - - layout_properties: {slot: card-content-slot} - name: slider_6 - properties: {show_label: true, show_markers: true, value: 5} - type: form:_Components.Slider - - layout_properties: {slot: card-content-slot} - name: text_7 - properties: {text: Disabled} - type: form:_Components.Text - - layout_properties: {slot: card-content-slot} - name: slider_3 - properties: {enabled: false, show_label: true, show_markers: true, test_label: true, value: 5} - type: form:_Components.Slider - layout_properties: {grid_position: 'MKXZKB,TSPLKC'} - name: card_2 - properties: {} - type: form:_Components.Card -container: {type: ColumnPanel} -is_package: true diff --git a/client_code/Storybooks/Sliders_copy/__init__.py b/client_code/Storybooks/Sliders_copy/__init__.py deleted file mode 100644 index 24b2432993..0000000000 --- a/client_code/Storybooks/Sliders_copy/__init__.py +++ /dev/null @@ -1,24 +0,0 @@ -from ._anvil_designer import Sliders_copyTemplate -from anvil import * -import plotly.graph_objects as go -import anvil.server - -class Sliders_copy(Sliders_copyTemplate): - def __init__(self, **properties): - # Set Form properties and Data Bindings. - self.init_components(**properties) - - # Any code you write here will run before the form opens. - - def slider_4_change(self, **event_args): - """This method is called when the value of the component is changed""" - print(self.slider_4.value) - - def button_1_click(self, **event_args): - """This method is called when the component is clicked.""" - print(type(self.slider_7.value)) - - def slider_1_change(self, **event_args): - """This method is called when the value of the component is changed""" - print(self.slider_1.value) - print(self.slider_1.dom_nodes['anvil-m3-slider-input'].value) \ No newline at end of file diff --git a/client_code/Storybooks/Sliders_copy/form_template.yaml b/client_code/Storybooks/Sliders_copy/form_template.yaml deleted file mode 100644 index 1a2c280c73..0000000000 --- a/client_code/Storybooks/Sliders_copy/form_template.yaml +++ /dev/null @@ -1,93 +0,0 @@ -components: -- layout_properties: {grid_position: 'NLZEXB,ZFMOMV'} - name: text_1 - properties: {font_size: 25, text: Slider Component, text_color: 'theme:Primary'} - type: form:_Components.Text -- components: - - layout_properties: {slot: card-content-slot} - name: heading_1 - properties: {text: Continuous (no track marks)} - type: form:_Components.Heading - - layout_properties: {slot: card-content-slot} - name: slider_7 - properties: {} - type: form:_Components.Slider - - layout_properties: {slot: card-content-slot} - name: slider_1 - properties: {} - type: form:_Components.Slider - - layout_properties: {slot: card-content-slot} - name: text_2 - properties: {scale: medium, text: 'No label, enabled'} - type: form:_Components.Text - - layout_properties: {slot: card-content-slot} - name: slider_5 - properties: {max: 100, show_label: true, show_markers: false, value: 50} - type: form:_Components.Slider - - layout_properties: {slot: card-content-slot} - name: text_4 - properties: {text: Disabled} - type: form:_Components.Text - - layout_properties: {slot: card-content-slot} - name: slider_2 - properties: - enabled: false - margin: [auto, auto, auto, auto] - max: 100 - value: 50 - type: form:_Components.Slider - layout_properties: {grid_position: 'VECHOP,LDOFTY'} - name: card_1 - properties: {} - type: form:_Components.Card -- components: - - layout_properties: {slot: card-content-slot} - name: heading_2 - properties: {text: Discrete (with track marks)} - type: form:_Components.Heading - - layout_properties: {slot: card-content-slot} - name: text_5 - properties: {text: 'No label, enabled'} - type: form:_Components.Text - - data_bindings: [] - event_bindings: {change: slider_4_change} - layout_properties: {slot: card-content-slot} - name: slider_4 - properties: - enabled: true - label_color: '' - label_text_color: '' - margin: [auto, '', auto, ''] - max: 10 - min: 0 - progress_color: '' - show_label: false - show_markers: true - step: 1 - thumb_color: '' - tooltip: '' - track_color: '' - value: 5 - type: form:_Components.Slider - - layout_properties: {slot: card-content-slot} - name: text_6 - properties: {text: 'With label, enabled'} - type: form:_Components.Text - - layout_properties: {slot: card-content-slot} - name: slider_6 - properties: {show_label: true, show_markers: true, value: 5} - type: form:_Components.Slider - - layout_properties: {slot: card-content-slot} - name: text_7 - properties: {text: Disabled} - type: form:_Components.Text - - layout_properties: {slot: card-content-slot} - name: slider_3 - properties: {enabled: false, show_label: true, show_markers: true, test_label: true, value: 5} - type: form:_Components.Slider - layout_properties: {grid_position: 'MKXZKB,TSPLKC'} - name: card_2 - properties: {} - type: form:_Components.Card -container: {type: ColumnPanel} -is_package: true diff --git a/client_code/Storybooks/Switch/__init__.py b/client_code/Storybooks/Switch/__init__.py deleted file mode 100644 index e89d47e7ff..0000000000 --- a/client_code/Storybooks/Switch/__init__.py +++ /dev/null @@ -1,10 +0,0 @@ -from ._anvil_designer import SwitchTemplate -from anvil import * -import anvil.server - -class Switch(SwitchTemplate): - def __init__(self, **properties): - # Set Form properties and Data Bindings. - self.init_components(**properties) - - # Any code you write here will run before the form opens. diff --git a/client_code/Storybooks/Switch/form_template.yaml b/client_code/Storybooks/Switch/form_template.yaml deleted file mode 100644 index 30b815a5fa..0000000000 --- a/client_code/Storybooks/Switch/form_template.yaml +++ /dev/null @@ -1,90 +0,0 @@ -components: -- layout_properties: {grid_position: 'AZEPRQ,ZNWRAX'} - name: text_1_copy_1_copy_1 - properties: {font_size: 25, text: Switch Component, text_color: 'theme:Primary'} - type: form:_Components.Text -- layout_properties: {grid_position: 'TBYOBQ,GQECEO'} - name: text_2_copy_1_copy_1 - properties: {text: Switches toggle the selection of an item on or off} - type: form:_Components.Text -- layout_properties: {grid_position: ''} - name: link_1_copy_1 - properties: {text: Switch in Material 3, url: 'https://m3.material.io/components/switch/overview'} - type: form:_Components.Link -- components: - - components: - - layout_properties: {grid_position: 'RTWKZT,IICVIT SHTHPU,FWTLYK'} - name: text_1 - properties: {text: 'Unselected switch, no icon'} - type: form:_Components.Text - - layout_properties: {grid_position: 'RTWKZT,IICVIT AFXGBH,ASLKPG'} - name: switch_1 - properties: {selected: false} - type: form:_Components.Switch - - layout_properties: {grid_position: 'RTWKZT,XPUHYZ QPFCBI,KSGBSV'} - name: text_1_copy - properties: {text: 'Unselected switch, with icon'} - type: form:_Components.Text - - layout_properties: {grid_position: 'RTWKZT,XPUHYZ ZUHBDB,CIFTOM'} - name: switch_2 - properties: {unselected_icon: dark_mode} - type: form:_Components.Switch - - layout_properties: {grid_position: 'OSKQBL,NFPZUN OCJPFL,BEAPCA'} - name: text_1_copy_copy - properties: {text: 'Selected switch, no icon'} - type: form:_Components.Text - - layout_properties: {grid_position: 'OSKQBL,NFPZUN UPAPOB,QUDGXU'} - name: switch_2_copy - properties: {selected: true, unselected_icon: null} - type: form:_Components.Switch - - layout_properties: {grid_position: 'OSKQBL,HYQWJR AZTZVZ,ELOZXV'} - name: text_1_copy_2 - properties: {text: 'Selected switch, with icon'} - type: form:_Components.Text - - layout_properties: {grid_position: 'OSKQBL,HYQWJR OQMLVH,VUYWWN'} - name: switch_1_copy - properties: {selected: true, selected_icon: light_mode} - type: form:_Components.Switch - - layout_properties: {grid_position: 'VWBOPA,SIDKXV'} - name: text_1_copy_copy_copy - properties: {text: 'Disabled unselected switch, no icon'} - type: form:_Components.Text - - layout_properties: {grid_position: 'VWBOPA,ONKKPH'} - name: text_1_copy_copy_copy_copy - properties: {text: 'Disabled unselected switch, with icon'} - type: form:_Components.Text - - layout_properties: {grid_position: 'WZRFMM,RXNTSS HGZWSQ,FMJDTE'} - name: switch_3 - properties: {enabled: false} - type: form:_Components.Switch - - layout_properties: {grid_position: 'WZRFMM,RXNTSS DTISZH,IZDVWF'} - name: text_1_copy_copy_copy_copy_2 - properties: {text: 'Disabled selected switch, no icon'} - type: form:_Components.Text - - layout_properties: {grid_position: 'WZRFMM,RXNTSS JYAJTQ,ZEHFUE'} - name: switch_3_copy_2 - properties: {enabled: false, selected: true} - type: form:_Components.Switch - - layout_properties: {grid_position: 'WZRFMM,MQZBQB WQKCHE,ZOLIUV'} - name: switch_3_copy - properties: {enabled: false, unselected_icon: dark_mode} - type: form:_Components.Switch - - layout_properties: {grid_position: 'WZRFMM,MQZBQB ORWINQ,SFWUUF'} - name: text_1_copy_copy_copy_copy_2_copy - properties: {text: 'Disabled selected switch, with icon'} - type: form:_Components.Text - - layout_properties: {grid_position: 'WZRFMM,MQZBQB KVKAXV,GRKWXU'} - name: switch_3_copy_2_copy - properties: {enabled: false, selected: true, selected_icon: light_mode} - type: form:_Components.Switch - layout_properties: {slot: card-content-slot} - name: column_panel_1 - properties: {} - type: ColumnPanel - layout_properties: {grid_position: 'FGTXQT,HGOYNP'} - name: card_1 - properties: - margin: ['12', 4px, 4px, 4px] - type: form:_Components.Card -container: {type: ColumnPanel} -is_package: true diff --git a/client_code/Storybooks/Text/__init__.py b/client_code/Storybooks/Text/__init__.py deleted file mode 100644 index ba048df912..0000000000 --- a/client_code/Storybooks/Text/__init__.py +++ /dev/null @@ -1,10 +0,0 @@ -from ._anvil_designer import TextTemplate -from anvil import * -import anvil.server - -class Text(TextTemplate): - def __init__(self, **properties): - # Set Form properties and Data Bindings. - self.init_components(**properties) - - # Any code you write here will run before the form opens. diff --git a/client_code/Storybooks/Text/form_template.yaml b/client_code/Storybooks/Text/form_template.yaml deleted file mode 100644 index 6fe04e6f2c..0000000000 --- a/client_code/Storybooks/Text/form_template.yaml +++ /dev/null @@ -1,120 +0,0 @@ -components: -- components: - - layout_properties: {grid_position: 'AEWVHC,PCSOYD'} - name: text_head - properties: {font_size: 25, text: Text and Heading Components, text_color: 'theme:Primary'} - type: form:_Components.Text - - layout_properties: {grid_position: ''} - name: typography_link - properties: {material_icon: '', text: Typography in Material 3, url: 'https://m3.material.io/styles/typography/overview'} - type: form:_Components.Link - - components: - - components: - - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: heading_10 - properties: {scale: large, style: title, text: Text} - type: form:_Components.Heading - - components: - - layout_properties: {grid_position: 'ZXLMJG,PLIPRV'} - name: text_1 - properties: {font_size: null, scale: large, style: label, text: Label Large} - type: form:_Components.Text - - layout_properties: {grid_position: 'ZXLMJG,PDGWTZ'} - name: text_4 - properties: {material_icon: null, scale: large, text: Body Large} - type: form:_Components.Text - - layout_properties: {grid_position: 'WJXTUG,YFNUEK'} - name: text_2 - properties: {style: label, text: Label Medium} - type: form:_Components.Text - - layout_properties: {grid_position: 'WJXTUG,AGRPVZ'} - name: text_5 - properties: {text: Body Medium} - type: form:_Components.Text - - layout_properties: {grid_position: 'FPOLMD,CYHNGR'} - name: text_3 - properties: {scale: small, style: label, text: Label Small} - type: form:_Components.Text - - layout_properties: {grid_position: 'FPOLMD,GGIQSN'} - name: text_6 - properties: {font_size: null, scale: small, text: Body Small} - type: form:_Components.Text - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: column_panel_1 - properties: {} - type: ColumnPanel - layout_properties: {slot: card-content-slot} - name: card_content_container_2 - properties: {} - type: form:_Components.Card.CardContentContainer - layout_properties: {grid_position: ''} - name: card_1 - properties: {} - type: form:_Components.Card - - layout_properties: {grid_position: 'WWYVUF,QOLWTO'} - name: heading_11 - properties: {scale: large, style: title, text: Heading} - type: form:_Components.Heading - - components: - - components: - - components: - - layout_properties: {grid_position: 'BQBWMG,GFZEWW KMVLFD,AUHIPA'} - name: heading_1 - properties: {material_icon: null, scale: large, style: title, text: Title Large} - type: form:_Components.Heading - - layout_properties: {grid_position: 'BQBWMG,GFZEWW SECXWY,PFVBVJ'} - name: heading_2 - properties: {style: title, text: Title Medium} - type: form:_Components.Heading - - layout_properties: {grid_position: 'BQBWMG,DYCYXB'} - name: heading_4 - properties: {font_size: null, material_icon: 16mp, scale: large, style: headline, text: Headline Large} - type: form:_Components.Heading - - layout_properties: {grid_position: 'BQBWMG,KRPVFE'} - name: heading_7 - properties: {font_size: null, material_icon: null, scale: large, text: Display Large} - type: form:_Components.Heading - - layout_properties: {grid_position: 'FWYGVF,VUEKEL'} - name: heading_3 - properties: {scale: small, style: title, text: Title Small} - type: form:_Components.Heading - - layout_properties: {grid_position: 'FWYGVF,KQQLLE JMNWAB,JSRSCM'} - name: heading_5 - properties: {style: headline, text: Headline Medium} - type: form:_Components.Heading - - layout_properties: {grid_position: 'FWYGVF,KQQLLE YMIBLU,NBGPVH'} - name: heading_6 - properties: {scale: small, style: headline, text: Headline Small} - type: form:_Components.Heading - - layout_properties: {grid_position: 'FWYGVF,SDUGJR YXFANG,GADWFT'} - name: heading_8 - properties: {text: Display Medium} - type: form:_Components.Heading - - layout_properties: {grid_position: 'FWYGVF,SDUGJR THVLGL,CKHDME'} - name: heading_9 - properties: {scale: small, text: Display Small} - type: form:_Components.Heading - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: column_panel_2 - properties: {col_widths: '{"GFZEWW":20,"DYCYXB":20,"KRPVFE":20}'} - type: ColumnPanel - layout_properties: {slot: card-content-slot} - name: card_content_container_1 - properties: {} - type: form:_Components.Card.CardContentContainer - - layout_properties: {slot: card-content-slot} - name: text_7 - properties: {align: center} - type: form:_Components.Text - layout_properties: {grid_position: 'ILWORC,OFLBFB'} - name: card_2 - properties: {} - type: form:_Components.Card - layout_properties: {slot: default} - name: content_panel - properties: {col_widths: '{}'} - type: ColumnPanel -container: - properties: {html: '@theme:standard-page.html'} - type: HtmlTemplate -is_package: true diff --git a/client_code/Storybooks/TextInputs/__init__.py b/client_code/Storybooks/TextInputs/__init__.py deleted file mode 100644 index ccb862ce4f..0000000000 --- a/client_code/Storybooks/TextInputs/__init__.py +++ /dev/null @@ -1,10 +0,0 @@ -from ._anvil_designer import TextInputsTemplate -from anvil import * -import anvil.server - -class TextInputs(TextInputsTemplate): - def __init__(self, **properties): - # Set Form properties and Data Bindings. - self.init_components(**properties) - - # Any code you write here will run before the form opens. diff --git a/client_code/Storybooks/TextInputs/form_template.yaml b/client_code/Storybooks/TextInputs/form_template.yaml deleted file mode 100644 index cc46de6210..0000000000 --- a/client_code/Storybooks/TextInputs/form_template.yaml +++ /dev/null @@ -1,386 +0,0 @@ -components: -- components: - - components: - - components: - - components: - - layout_properties: {} - name: text_1 - properties: {font_size: 25, text: TextBoxes and TextAreas, text_color: 'theme:Primary'} - type: form:_Components.Text - - name: text_2 - properties: {text: Description. Properties. Link to docs. Etc} - type: form:_Components.Text - layout_properties: {width: 427} - name: linear_panel_2 - properties: {} - type: LinearPanel - name: flow_panel_1 - properties: {} - type: FlowPanel - - layout_properties: {} - name: text_field_5 - properties: - label_text: hello - margin: [null, null, null, '22'] - type: form:_Components.TextInput.TextField - layout_properties: {grid_position: 'XSWOOJ,FCHTQP'} - name: linear_panel_1 - properties: {} - type: LinearPanel - - components: - - components: - - layout_properties: {slot: card-content-container-slot} - name: text_1_copy - properties: {font_size: 25, text: TextAreas, text_color: 'theme:Primary'} - type: form:_Components.Text - - data_bindings: - - {code: 'self.item['''']', property: text, writeback: false} - layout_properties: {slot: card-content-container-slot} - name: text_area_4 - properties: - appearance: outlined - bold_display: false - character_limit: 10 - error: false - italic_display: false - italic_label: false - label_text: Label - spacing: - margin: [auto, null, null, ''] - padding: [auto, null, null, null] - supporting_text: Supporting text - underline_display: false - underline_label: false - type: form:_Components.TextInput.TextArea - - layout_properties: {slot: card-content-container-slot} - name: text_area_1_copy_copy - properties: {appearance: outlined, bold_display: false, display_font: '', display_text_color: '', enabled: true, error: false, label_text: Label, placeholder: Placeholder, supporting_text: Supporting text, underline_display: false, visible: true} - type: form:_Components.TextInput.TextArea - - layout_properties: {slot: card-content-container-slot} - name: text_area_2_copy - properties: {appearance: outlined, character_limit: null, enabled: true, error: false, label_text: Label only, supporting_text: ''} - type: form:_Components.TextInput.TextArea - - layout_properties: {slot: card-content-container-slot} - name: text_area_3_copy - properties: {appearance: outlined, enabled: true, error: false, height: 51.42578125, placeholder: Placeholder only} - type: form:_Components.TextInput.TextArea - layout_properties: {slot: card-content-slot} - name: card_content_container_1_copy_copy_2 - properties: {} - type: form:_Components.Card.CardContentContainer - - layout_properties: {slot: card-content-slot} - name: divider_1 - properties: {} - type: form:_Components.Divider - - components: - - layout_properties: {slot: card-content-container-slot} - name: text_area_1 - properties: {appearance: null, character_limit: 10, enabled: true, error: false, label_text: Label, placeholder: '', supporting_text: Supporting text} - type: form:_Components.TextInput.TextArea - - layout_properties: {slot: card-content-container-slot} - name: text_area_1_copy - properties: {appearance: null, enabled: true, error: false, label_text: Label, placeholder: Placeholder, supporting_text: Supporting text, underline_display: false, underline_label: false} - type: form:_Components.TextInput.TextArea - - layout_properties: {slot: card-content-container-slot} - name: text_area_2 - properties: {enabled: true, error: false, label_text: Label only} - type: form:_Components.TextInput.TextArea - - layout_properties: {slot: card-content-container-slot} - name: text_area_3 - properties: {enabled: true, error: false, placeholder: Placeholder only} - type: form:_Components.TextInput.TextArea - layout_properties: {slot: card-content-slot} - name: card_content_container_1_copy - properties: {} - type: form:_Components.Card.CardContentContainer - layout_properties: {grid_position: 'OBTYEB,JSFRNK DAUGBR,PEROIY'} - name: card_1_copy - properties: - spacing: - margin: [null, null, null, null] - padding: ['', '', '', ''] - visible: true - type: form:_Components.Card - - components: - - components: - - layout_properties: {slot: card-content-container-slot} - name: text_1_copy_copy_2 - properties: {font_size: 25, text: TextAreas - disabled, text_color: 'theme:Primary'} - type: form:_Components.Text - - layout_properties: {slot: card-content-container-slot} - name: text_area_4_copy - properties: {appearance: outlined, character_limit: 10, enabled: false, label_text: Label, supporting_text: Supporting text} - type: form:_Components.TextInput.TextArea - - layout_properties: {slot: card-content-container-slot} - name: text_area_1_copy_copy_copy_3 - properties: {appearance: outlined, bold_display: false, display_font: '', display_text_color: '', enabled: false, error: false, label_text: Label, placeholder: Placeholder, supporting_text: Supporting text, underline_display: false, visible: true} - type: form:_Components.TextInput.TextArea - - layout_properties: {slot: card-content-container-slot} - name: text_area_2_copy_copy_3 - properties: {appearance: outlined, enabled: false, error: false, label_text: Label only} - type: form:_Components.TextInput.TextArea - - layout_properties: {slot: card-content-container-slot} - name: text_area_3_copy_copy_3 - properties: {appearance: outlined, enabled: false, error: false, placeholder: Placeholder only} - type: form:_Components.TextInput.TextArea - layout_properties: {slot: card-content-slot} - name: card_content_container_1_copy_copy_2_copy_3 - properties: {} - type: form:_Components.Card.CardContentContainer - - layout_properties: {slot: card-content-slot} - name: divider_1_copy - properties: {} - type: form:_Components.Divider - - components: - - layout_properties: {slot: card-content-container-slot} - name: text_area_1_copy_5 - properties: {appearance: null, character_limit: 10, enabled: false, error: false, label_text: Label, placeholder: '', supporting_text: Supporting text} - type: form:_Components.TextInput.TextArea - - layout_properties: {slot: card-content-container-slot} - name: text_area_1_copy_copy_4 - properties: {appearance: null, enabled: false, error: false, label_text: Label, placeholder: Placeholder, supporting_text: Supporting text} - type: form:_Components.TextInput.TextArea - - layout_properties: {slot: card-content-container-slot} - name: text_area_2_copy_4 - properties: {enabled: false, error: false, label_text: Label only} - type: form:_Components.TextInput.TextArea - - layout_properties: {slot: card-content-container-slot} - name: text_area_3_copy_4 - properties: {enabled: false, error: false, placeholder: Placeholder only} - type: form:_Components.TextInput.TextArea - layout_properties: {slot: card-content-slot} - name: card_content_container_1_copy_copy_5 - properties: {} - type: form:_Components.Card.CardContentContainer - layout_properties: {grid_position: 'OBTYEB,JSFRNK CCECZZ,ELWGLA'} - name: card_1_copy_copy_2 - properties: {visible: true} - type: form:_Components.Card - - components: - - components: - - layout_properties: {slot: card-content-container-slot} - name: text_1_copy_copy_3 - properties: {font_size: 25, text: TextAreas - error, text_color: 'theme:Primary'} - type: form:_Components.Text - - layout_properties: {slot: card-content-container-slot} - name: text_area_4_copy_copy - properties: {appearance: outlined, character_limit: 10, enabled: true, error: true, label_text: Label, supporting_text: Supporting text} - type: form:_Components.TextInput.TextArea - - layout_properties: {slot: card-content-container-slot} - name: text_area_1_copy_copy_copy - properties: {appearance: outlined, bold_display: false, display_font: '', display_text_color: '', enabled: true, error: true, label_text: Label, placeholder: Placeholder, supporting_text: Supporting text, underline_display: false, visible: true} - type: form:_Components.TextInput.TextArea - - layout_properties: {slot: card-content-container-slot} - name: text_area_2_copy_copy - properties: {appearance: outlined, enabled: true, error: true, label_text: Label only} - type: form:_Components.TextInput.TextArea - - layout_properties: {slot: card-content-container-slot} - name: text_area_3_copy_copy - properties: {appearance: outlined, enabled: true, error: true, placeholder: Placeholder only} - type: form:_Components.TextInput.TextArea - layout_properties: {slot: card-content-slot} - name: card_content_container_1_copy_copy_2_copy - properties: {} - type: form:_Components.Card.CardContentContainer - - layout_properties: {slot: card-content-slot} - name: divider_1_copy_2 - properties: {} - type: form:_Components.Divider - - components: - - layout_properties: {slot: card-content-container-slot} - name: text_area_1_copy_3 - properties: {appearance: null, character_limit: 10, enabled: true, error: true, label_text: Label, placeholder: '', supporting_text: Supporting text} - type: form:_Components.TextInput.TextArea - - layout_properties: {slot: card-content-container-slot} - name: text_area_1_copy_copy_2 - properties: {appearance: null, enabled: true, error: true, label_text: Label, placeholder: Placeholder, supporting_text: Supporting text} - type: form:_Components.TextInput.TextArea - - layout_properties: {slot: card-content-container-slot} - name: text_area_2_copy_2 - properties: {enabled: true, error: true, label_text: Label only} - type: form:_Components.TextInput.TextArea - - layout_properties: {slot: card-content-container-slot} - name: text_area_3_copy_2 - properties: {enabled: true, error: true, placeholder: Placeholder only} - type: form:_Components.TextInput.TextArea - layout_properties: {slot: card-content-slot} - name: card_content_container_1_copy_copy_3 - properties: {} - type: form:_Components.Card.CardContentContainer - layout_properties: {grid_position: 'OBTYEB,JSFRNK TSTOXG,YGZXMW'} - name: card_1_copy_copy_3 - properties: {visible: true} - type: form:_Components.Card - - components: - - components: - - layout_properties: {slot: card-content-container-slot} - name: text_1_copy_copy - properties: {font_size: 25, text: TextBox, text_color: 'theme:Primary'} - type: form:_Components.Text - - layout_properties: {slot: card-content-container-slot} - name: text_box_1 - properties: {appearance: outlined, character_limit: 10} - type: form:_Components.TextInput.TextBox - - layout_properties: {slot: card-content-container-slot} - name: text_box_2 - properties: {appearance: outlined, placeholder: Placeholder} - type: form:_Components.TextInput.TextBox - - layout_properties: {slot: card-content-container-slot} - name: text_box_3 - properties: {appearance: outlined} - type: form:_Components.TextInput.TextBox - - layout_properties: {slot: card-content-container-slot} - name: text_box_4 - properties: {appearance: outlined} - type: form:_Components.TextInput.TextBox - layout_properties: {slot: card-content-slot} - name: card_content_container_1_copy_copy_copy - properties: {} - type: form:_Components.Card.CardContentContainer - - layout_properties: {slot: card-content-slot} - name: divider_2 - properties: {} - type: form:_Components.Divider - - components: - - layout_properties: {slot: card-content-container-slot} - name: text_box_5 - properties: {character_limit: 10} - type: form:_Components.TextInput.TextBox - - layout_properties: {slot: card-content-container-slot} - name: text_box_6 - properties: {placeholder: Placeholder} - type: form:_Components.TextInput.TextBox - - layout_properties: {slot: card-content-container-slot} - name: text_box_7 - properties: {} - type: form:_Components.TextInput.TextBox - - layout_properties: {slot: card-content-container-slot} - name: text_box_8 - properties: {} - type: form:_Components.TextInput.TextBox - layout_properties: {slot: card-content-slot} - name: card_content_container_1_copy_copy - properties: {} - type: form:_Components.Card.CardContentContainer - layout_properties: {grid_position: 'OBTYEB,KJNHMT XPCMVC,VCORHV'} - name: card_1_copy_copy - properties: {visible: true} - type: form:_Components.Card - - components: - - components: - - layout_properties: {slot: card-content-container-slot} - name: text_1_copy_copy_copy - properties: {font_size: 25, text: TextBox- disabled, text_color: 'theme:Primary'} - type: form:_Components.Text - - layout_properties: {slot: card-content-container-slot} - name: text_box_9 - properties: {appearance: outlined, character_limit: 10, enabled: false} - type: form:_Components.TextInput.TextBox - - layout_properties: {slot: card-content-container-slot} - name: text_box_10 - properties: {appearance: outlined, enabled: false, visible: true} - type: form:_Components.TextInput.TextBox - - layout_properties: {slot: card-content-container-slot} - name: text_box_11 - properties: {appearance: outlined, enabled: false, visible: true} - type: form:_Components.TextInput.TextBox - - layout_properties: {slot: card-content-container-slot} - name: text_box_12 - properties: {appearance: outlined, enabled: false} - type: form:_Components.TextInput.TextBox - layout_properties: {slot: card-content-slot} - name: card_content_container_1_copy_copy_copy_copy_3 - properties: {} - type: form:_Components.Card.CardContentContainer - - layout_properties: {slot: card-content-slot} - name: divider_2_copy - properties: {} - type: form:_Components.Divider - - components: - - layout_properties: {slot: card-content-container-slot} - name: text_box_13 - properties: {character_limit: 10, enabled: false} - type: form:_Components.TextInput.TextBox - - layout_properties: {slot: card-content-container-slot} - name: text_box_14 - properties: {enabled: false} - type: form:_Components.TextInput.TextBox - - layout_properties: {slot: card-content-container-slot} - name: text_box_15 - properties: {enabled: false} - type: form:_Components.TextInput.TextBox - - layout_properties: {slot: card-content-container-slot} - name: text_box_16 - properties: {enabled: false} - type: form:_Components.TextInput.TextBox - layout_properties: {slot: card-content-slot} - name: card_content_container_1_copy_copy_copy_4 - properties: {} - type: form:_Components.Card.CardContentContainer - layout_properties: {grid_position: 'OBTYEB,KJNHMT BPURLH,FKLLZU'} - name: card_1_copy_copy_copy - properties: {visible: true} - type: form:_Components.Card - - components: - - components: - - layout_properties: {slot: card-content-container-slot} - name: text_1_copy_copy_copy_2 - properties: {font_size: 25, text: TextBox - error, text_color: 'theme:Primary'} - type: form:_Components.Text - - layout_properties: {slot: card-content-container-slot} - name: text_box_17 - properties: {appearance: outlined, character_limit: 10, error: true} - type: form:_Components.TextInput.TextBox - - layout_properties: {slot: card-content-container-slot} - name: text_box_18 - properties: {appearance: outlined, error: true} - type: form:_Components.TextInput.TextBox - - layout_properties: {slot: card-content-container-slot} - name: text_box_19 - properties: {appearance: outlined, error: true} - type: form:_Components.TextInput.TextBox - - layout_properties: {slot: card-content-container-slot} - name: text_box_20 - properties: {appearance: outlined, error: true} - type: form:_Components.TextInput.TextBox - layout_properties: {slot: card-content-slot} - name: card_content_container_1_copy_copy_copy_copy - properties: {} - type: form:_Components.Card.CardContentContainer - - layout_properties: {slot: card-content-slot} - name: divider_2_copy_3 - properties: {} - type: form:_Components.Divider - - components: - - layout_properties: {slot: card-content-container-slot} - name: text_box_21 - properties: {character_limit: 10, error: true} - type: form:_Components.TextInput.TextBox - - layout_properties: {slot: card-content-container-slot} - name: text_box_22 - properties: {error: true} - type: form:_Components.TextInput.TextBox - - layout_properties: {slot: card-content-container-slot} - name: text_box_23 - properties: {error: true} - type: form:_Components.TextInput.TextBox - - layout_properties: {slot: card-content-container-slot} - name: text_box_24 - properties: {error: true} - type: form:_Components.TextInput.TextBox - layout_properties: {slot: card-content-slot} - name: card_content_container_1_copy_copy_copy_2 - properties: {} - type: form:_Components.Card.CardContentContainer - layout_properties: {grid_position: 'OBTYEB,KJNHMT VDLYBA,BDGZUV'} - name: card_1_copy_copy_copy_2 - properties: {visible: true} - type: form:_Components.Card - layout_properties: {slot: default} - name: content_panel - properties: {} - type: ColumnPanel -container: - properties: {html: '@theme:standard-page.html'} - type: HtmlTemplate -is_package: true diff --git a/client_code/Storybooks/ToggleIconButtons/__init__.py b/client_code/Storybooks/ToggleIconButtons/__init__.py deleted file mode 100644 index ff4126c1cd..0000000000 --- a/client_code/Storybooks/ToggleIconButtons/__init__.py +++ /dev/null @@ -1,10 +0,0 @@ -from ._anvil_designer import ToggleIconButtonsTemplate -from anvil import * -import anvil.server - -class ToggleIconButtons(ToggleIconButtonsTemplate): - def __init__(self, **properties): - # Set Form properties and Data Bindings. - self.init_components(**properties) - - # Any code you write here will run before the form opens. diff --git a/client_code/Storybooks/ToggleIconButtons/form_template.yaml b/client_code/Storybooks/ToggleIconButtons/form_template.yaml deleted file mode 100644 index fb65466829..0000000000 --- a/client_code/Storybooks/ToggleIconButtons/form_template.yaml +++ /dev/null @@ -1,125 +0,0 @@ -components: -- components: - - components: - - components: - - components: - - layout_properties: {} - name: text_1 - properties: {font_size: 25, text: ToggleIconButton Component, text_color: 'theme:Primary'} - type: form:_Components.Text - - name: text_2 - properties: {text: Description. Properties. Link to docs. Etc} - type: form:_Components.Text - layout_properties: {width: 427} - name: linear_panel_2 - properties: {} - type: LinearPanel - name: flow_panel_1 - properties: {} - type: FlowPanel - layout_properties: {grid_position: 'XSWOOJ,FCHTQP'} - name: linear_panel_1 - properties: {} - type: LinearPanel - - components: - - components: - - components: - - components: - - components: - - layout_properties: {} - name: toggle_icon_button_1_copy_4 - properties: {enabled: false} - type: form:_Components.ToggleIconButton - - layout_properties: {} - name: toggle_icon_button_1_copy_1_copy_1 - properties: {appearance: filled, enabled: false} - type: form:_Components.ToggleIconButton - - layout_properties: {} - name: toggle_icon_button_1_copy_3_copy_1 - properties: {appearance: tonal, enabled: false} - type: form:_Components.ToggleIconButton - - layout_properties: {} - name: toggle_icon_button_2 - properties: {appearance: outlined, enabled: false} - type: form:_Components.ToggleIconButton - - layout_properties: {} - name: text_3_copy_1 - properties: {text: Unselected/Disabled Buttons} - type: form:_Components.Text - layout_properties: {grid_position: 'OPSSAR,TRXWQC'} - name: flow_panel_3_copy_1 - properties: {} - type: FlowPanel - - components: - - layout_properties: {} - name: toggle_icon_button_1_copy_5 - properties: {selected: true} - type: form:_Components.ToggleIconButton - - layout_properties: {} - name: toggle_icon_button_1_copy_1_copy_2 - properties: {appearance: filled, selected: true} - type: form:_Components.ToggleIconButton - - layout_properties: {width: 38.78906899414063} - name: toggle_icon_button_1_copy_3_copy_2 - properties: {appearance: tonal, background: '', selected: true, selected_background: pink} - type: form:_Components.ToggleIconButton - - name: toggle_icon_button_1_copy_3_copy_2_copy_copy - properties: {appearance: outlined, background: '', selected: true, selected_background: pink} - type: form:_Components.ToggleIconButton - - layout_properties: {} - name: text_3_copy_2 - properties: {text: Selected Buttons} - type: form:_Components.Text - layout_properties: {grid_position: 'QXIMAX,YLKZLT'} - name: flow_panel_3_copy_2 - properties: {} - type: FlowPanel - - components: - - layout_properties: {} - name: toggle_icon_button_1_copy_4_copy_1 - properties: {enabled: false, selected: true} - type: form:_Components.ToggleIconButton - - layout_properties: {} - name: toggle_icon_button_1_copy_1_copy_1_copy_1 - properties: {appearance: filled, enabled: false, selected: true} - type: form:_Components.ToggleIconButton - - layout_properties: {} - name: toggle_icon_button_1_copy_3_copy_1_copy_1 - properties: {appearance: tonal, enabled: false, selected: true} - type: form:_Components.ToggleIconButton - - layout_properties: {} - name: toggle_icon_button_1_copy_3_copy_2_copy - properties: {appearance: outlined, background: '', enabled: false, selected: true, selected_background: pink} - type: form:_Components.ToggleIconButton - - layout_properties: {} - name: text_3_copy_2_copy_1 - properties: {text: Selected/Disabled Buttons} - type: form:_Components.Text - layout_properties: {grid_position: 'EWLUVH,PIWGQQ'} - name: flow_panel_3_copy_1_copy_1 - properties: {} - type: FlowPanel - layout_properties: {width: 578} - name: column_panel_1 - properties: {} - type: ColumnPanel - layout_properties: {slot: anvil-m3-card-content-container-slot} - name: flow_panel_2 - properties: {} - type: FlowPanel - layout_properties: {slot: card-content-slot} - name: card_content_container_1 - properties: {} - type: form:_Components.Card.CardContentContainer - layout_properties: {grid_position: 'DGAPCA,XMRUSB'} - name: card_1 - properties: {visible: true} - type: form:_Components.Card - layout_properties: {slot: default} - name: content_panel - properties: {} - type: ColumnPanel -container: - properties: {html: '@theme:standard-page.html'} - type: HtmlTemplate -is_package: true diff --git a/client_code/Storybooks/__init__.py b/client_code/Storybooks/__init__.py deleted file mode 100644 index e69de29bb2..0000000000 diff --git a/client_code/_Components/Switch/__init__.py b/client_code/_Components/Switch/__init__.py index dd1b0e6f9e..0259910cfb 100644 --- a/client_code/_Components/Switch/__init__.py +++ b/client_code/_Components/Switch/__init__.py @@ -1,11 +1,21 @@ -from ._anvil_designer import SwitchTemplate -from anvil import * +import anvil.designer import anvil.server -from anvil.js.window import document, getComputedStyle -from anvil.js import window +from anvil import * from anvil import HtmlTemplate -import anvil.designer -from ..._utils.properties import get_unset_margin, anvil_prop, theme_color_to_css, role_property, tooltip_property, enabled_property, style_property, color_property, theme_color_to_css, property_with_callback, margin_property + + +from ..._utils.properties import ( + anvil_prop, + enabled_property, + get_unset_margin, + margin_property, + property_with_callback, + role_property, + style_property, + theme_color_to_css, + tooltip_property, +) +from ._anvil_designer import SwitchTemplate class Switch(SwitchTemplate): diff --git a/client_code/_Components/Text/__init__.py b/client_code/_Components/Text/__init__.py index 69ef96c6a4..36b6744491 100644 --- a/client_code/_Components/Text/__init__.py +++ b/client_code/_Components/Text/__init__.py @@ -10,12 +10,12 @@ font_size_property, get_unset_spacing, get_unset_value, + inline_editing, italic_property, role_property, spacing_property, tooltip_property, underline_property, - inline_editing, ) from ._anvil_designer import TextTemplate diff --git a/client_code/_Components/TextInput/TextArea.py b/client_code/_Components/TextInput/TextArea.py index 8612e16812..f4b7496b19 100644 --- a/client_code/_Components/TextInput/TextArea.py +++ b/client_code/_Components/TextInput/TextArea.py @@ -1,9 +1,20 @@ -import anvil.server -from . import TextInput import anvil.designer import anvil.js +import anvil.server from anvil.js.window import ResizeObserver, requestAnimationFrame -from ..._utils.properties import get_unset_value, anvil_prop, italic_property, bold_property, underline_property, font_family_property, font_size_property, color_property, style_property + +from ..._utils.properties import ( + anvil_prop, + bold_property, + color_property, + font_family_property, + font_size_property, + get_unset_value, + italic_property, + style_property, + underline_property, +) +from . import TextInput text_property = { "name": "text", diff --git a/client_code/_Components/TextInput/TextBox.py b/client_code/_Components/TextInput/TextBox.py index d104839325..5858e4faad 100644 --- a/client_code/_Components/TextInput/TextBox.py +++ b/client_code/_Components/TextInput/TextBox.py @@ -1,8 +1,19 @@ -import anvil.server -from . import TextInput import anvil.designer +import anvil.server from anvil.property_utils import anvil_property -from ..._utils.properties import property_with_callback, anvil_prop, get_unset_value, italic_property, bold_property, underline_property, font_family_property, font_size_property, color_property + +from ..._utils.properties import ( + anvil_prop, + bold_property, + color_property, + font_family_property, + font_size_property, + get_unset_value, + italic_property, + property_with_callback, + underline_property, +) +from . import TextInput text_property = {"name": "text", "type": "string", diff --git a/client_code/_Components/TextInput/__init__.py b/client_code/_Components/TextInput/__init__.py index e04807511f..46d7ddfb4a 100644 --- a/client_code/_Components/TextInput/__init__.py +++ b/client_code/_Components/TextInput/__init__.py @@ -1,9 +1,25 @@ -from ._anvil_designer import TextInputTemplate -from anvil import * import anvil.server +from anvil import * from anvil import HtmlTemplate + from ..._utils import gen_id -from ..._utils.properties import property_with_callback, get_unset_value, get_unset_margin, anvil_prop, italic_property, bold_property, underline_property, font_size_property, font_family_property, color_property, margin_property, tooltip_property, theme_color_to_css +from ..._utils.properties import ( + anvil_prop, + bold_property, + color_property, + font_family_property, + font_size_property, + get_unset_margin, + get_unset_value, + italic_property, + margin_property, + property_with_callback, + theme_color_to_css, + tooltip_property, + underline_property, +) +from ._anvil_designer import TextInputTemplate + class TextInput(TextInputTemplate): def __init__(self, **properties): diff --git a/client_code/_Components/ToggleIconButton.py b/client_code/_Components/ToggleIconButton.py index 9256e8eeea..c2445dc747 100644 --- a/client_code/_Components/ToggleIconButton.py +++ b/client_code/_Components/ToggleIconButton.py @@ -1,7 +1,8 @@ -import anvil.server -from .IconButton import IconButton import anvil.designer +import anvil.server + from .._utils.properties import property_with_callback, theme_color_to_css +from .IconButton import IconButton selected_property = {"name": "selected", "type": "boolean", "group": "Interaction", "important": True, "default_value": False, "description": "If True, the component is in the selected state"} selected_border_property = {"name": "selected_border", "type": "string", "group": "Toggled Style" , "description": "The border style when the component is in the selected state. Accepts any valid CSS border value."} diff --git a/client_code/_utils/properties.py b/client_code/_utils/properties.py index 41358f661f..ed5ec98920 100644 --- a/client_code/_utils/properties.py +++ b/client_code/_utils/properties.py @@ -1,21 +1,22 @@ +import anvil.designer from anvil import * from anvil.js import window -from anvil.property_utils import set_element_margin, set_element_padding, set_element_spacing from anvil.js.window import document -from . import fui, noop -import anvil.designer from anvil.property_utils import ( - get_margin_styles, - get_padding_styles, - get_spacing_styles, -) -from anvil.property_utils import ( - get_unset_margin, - get_unset_padding, - get_unset_spacing, - get_unset_value, + get_margin_styles, + get_padding_styles, + get_spacing_styles, + get_unset_margin, + get_unset_padding, + get_unset_spacing, + get_unset_value, + set_element_margin, + set_element_padding, + set_element_spacing, ) +from . import fui, noop + _directions = ("Top", "Right", "Bottom", "Left") class ComponentTag():