workspace   "IXOlist | Token Offer | Architectures * Campaign"   "" {
    !identifiers hierarchical

    model {
      properties {
          "structurizr.groupSeparator" "/"
        }

      group         "IXOlist" {
          Creator = person              "Creator"  {
            }
          
          Participant = person              "Participant"  {
            }
          
          Moderator = person              "Moderator"  {
            }
          
          token-offering = softwareSystem             "Token Offer"  {
              description "Architectures * Campaign"
          
              tags "Architectures softwaresystem"
          
              url "https://ixolist.netlify.app/apps/token-offer/"
            }
      
          group             "Campaign" {
              main_info = softwaresystem                  "Main Info"  {
                  tags "Main Info"
              
                  
                  
                  
                  
                  "title" = container                      "Title"  {
                      tags "Input Field"
                    }
                  
                  "description" = container                      "Description"  {
                      tags "Input Field"
                    }
                  
                  token_type = container                      "Token type"  {
                      tags "Input Field"
                    }
                  
                  contract = container                      "Contract"  {
                      tags "Input Field"
                    }
                  
                  public = container                      "Public"  {
                      tags "Input Field"
                    }
                  
                  creator = container                      "Creator"  {
                      tags "Input Field"
                    }
                  
                  id = container                      "ID"  {
                      tags "Input Field"
                    }
                  
                  status = container                      "Status"  {
                      tags "Input Field"
                    }
                  
                  token = container                      "Token"  {
                      tags "Input Field"
                    }
                  
                  refrences = container                      "Refrences"  {
                      tags "Input Field"
                    }
                  
                  summary = container                      "Summary"  {
                      tags "Input Field"
                    }
                }
              
              document-list = softwaresystem                  "Documents"  {
                  tags "Button Rout"
              
                  required = container                     "Required documents" {
                      tags "Main Info"
                    }
                  
                  add = container                     "Add" {
                      tags "Button state"
                  
                      "url" = component                         "URL" {
                          tags "Input Field"
                        }
                      
                      document_type = component                         "Document type" {
                          tags "Input Field"
                        }
                      
                      submit = component                         "Submit" {
                          tags "Button"
                        }
                    }
                  
                  group                     "Table" {
                      campaign_id = container                         "Campaign ID" {
                          tags "Input Field"
                        }
                      
                      certificate = container                         "Certificate" {
                          tags "Input Field"
                        }
                      
                      hash = container                         "Hash" {
                          tags "Input Field"
                        }
                      
                      review_status = container                         "Review status" {
                          tags "Input Field"
                        }
                      
                      round_id = container                         "Round id" {
                          tags "Input Field"
                        }
                      
                      type = container                         "Type" {
                          tags "Input Field"
                        }
                      
                      "url" = container                         "URL" {
                          tags "Input Field"
                        }
                    }
                }
              
              document = softwaresystem                  "Document"  {
                  tags "Button Rout"
              
                  verification = container                     "Verification" {
                      tags "Button"
                    }
                  
                  edit = container                     "Edit" {
                      tags "Button state"
                  
                      "url" = component                         "URL" {
                          tags "Input Field"
                        }
                      
                      hash = component                         "Hash" {
                          tags "Input Field"
                        }
                      
                      save = component                         "Save" {
                          tags "Button"
                        }
                      
                      check = component                         "Check new hash" {
                          tags "Button"
                        }
                    }
                  
                  main_info = container                     "Main info" {
                      tags "Main Info"
                    }
                }
              
              investor = softwaresystem                  "Investors"  {
                  group                     "Table" {
                      account = container                         "Account" {
                          tags "Input Field"
                        }
                      
                      division = container                         "Division" {
                          tags "Input Field"
                        }
                      
                      organization = container                          "Organization" {
                          tags "Input Field"
                        }
                      
                      total_purchased = container                          "Total_Purchased" {
                          tags "Input Field"
                        }
                    }
              
                  tags "Button Rout"
                }
              
              privilege = softwaresystem                  "Privileges"  {
                  tags "Button Rout"
              
                  #!include \
                  #  "./component/index.dsl"
                }
              
              round-list = softwaresystem                  "Rounds"  {
                  tags "Button Rout"
              
                  create = container                     "Create" {
                      tags "Button state"
                  
                      url "https://app-test.diakod.com/share/68/diagrams#ixolist-token-offer-architecture-round-create-container"
                    }
                  
                  group                     "Table" {
                      division = container                         "Division" {
                          tags "Input Field"
                        }
                      
                      end_date = container                          "End date" {
                          tags "Input Field"
                        }
                      
                      jurisdiction = container                          "Jurisdiction" {
                          tags "Input Field"
                        }
                      
                      network = container                          "Network" {
                          tags "Input Field"
                        }
                      
                      offered = container                          "Offered" {
                          tags "Input Field"
                        }
                      
                      organization = container                          "Organization" {
                          tags "Input Field"
                        }
                      
                      round_type = container                          "Round type" {
                          tags "Input Field"
                        }
                      
                      token = container                         "Token" {
                          tags "Input Field"
                        }
                      
                      purchased = container                          "Purchased" {
                          tags "Input Field"
                        }
                      
                      status = container                          "Status" {
                          tags "Input Field"
                        }
                    }
                }
              
              round = softwaresystem                  "Round"  {
                  tags "Button Rout"
              
                  url "https://app-test.diakod.com/share/68/diagrams#ixolist-token-offer-architecture-round-systemcontext"
                }
              
              transaction = softwaresystem                  "Transactions"  {
                  tags "Button Rout"
              
                  accepted = container                      "Accepted"  {
                  
                      tags "Type Transfer"
                  
                      group                         "Table" {
                          transaction_id = component                             "Transaction ID" {
                              tags "Input Field"
                            }
                          
                          action_name = component                             "Action Name" {
                              tags "Input Field"
                            }
                        }
                  
                    }
                  
                  purchase = container                      "Purchase"  {
                  
                      tags "Type Transfer"
                  
                      group                         "Table" {
                          Transaction_ID = component                             "Transaction ID" {
                              tags "Input Field"
                            }
                          
                          Action_Name = component                             "Action Name" {
                              tags "Input Field"
                            }
                        }
                  
                    }
                  
                  withdrawed = container                      "Withdrawed"  {
                  
                      tags "Type Transfer"
                  
                      group                         "Table" {
                          Transaction_ID = component                             "Transaction ID" {
                              tags "Input Field"
                            }
                          
                          Action_Name = component                             "Action Name" {
                              tags "Input Field"
                            }
                        }
                  
                    }
                }
              
              member = softwaresystem                  "Members"  {
                  tags "Button Rout"
                }
              
              edit = softwaresystem                  "Edit"  {
                  tags "Button state"
              
                  details = container                     "Details" {
                      tags "Button Rout"
                  
                      image_url = component                         "Image URL" {
                          tags "Input Field"
                        }
                      
                      campaign_title = component                         "Campaign title" {
                          tags "Input Field"
                        }
                      
                      "description" = component                         "Description" {
                          tags "Input Field"
                        }
                      
                      summary = component                         "Summary" {
                          tags "Input Field"
                        }
                      
                      update = component                         "Update" {
                          tags "Button"
                        }
                    }
                  
                  general = container                     "General" {
                      tags "Button Rout"
                  
                      close = component                         "Close" {
                          tags "Button"
                        }
                      
                      public = component                         "Public" {
                          tags "Button switcher"
                        }
                      
                      update = component                         "Update" {
                          tags "Button"
                        }
                    }
                  
                  reference = container                      "References" {
                      tags "Button Rout"
                  
                      reference = component                         "References" {
                          tags "Input Field"
                        }
                      
                      update = component                         "Update" {
                          tags "Button"
                        }
                      
                      plus = component                         "*" {
                          tags "Button plus"
                        }
                    }
                }
              
              campaign-create = softwaresystem                 "Camapigns Create" {
                  tags "Button"
              
                  
                  group                     "Select division" {
                      organization = container                         "Organization" {
                          tags "Input Field"
                        }
                      
                      division = container                         "Division" {
                          tags "Input Field"
                        }
                      
                      button-dpor-list = container                         "*" {
                          tags "Button drop list"
                        }
                      
                      button-dpor-list-1 = container                         "**" {
                          tags "Button drop list"
                        }
                    }
                  
                  group                     "Select public type" {
                      public = container                         "Is Public Campaign?" {
                          tags "Button switcher"
                        }
                    }
                  
                  group                     "Select token contract" {
                      smart_contract = container                         "Smart Contract" {
                          tags "Input Field"
                        }
                      
                      button-dpor-list-2 = container                         "***" {
                          tags "Button drop list"
                        }
                    }
                  
                  group                     "Select token" {
                      token = container                         "Token" {
                          tags "Input Field"
                        }
                      
                      button-dpor-list-3 = container                         "****" {
                          tags "Button drop list"
                        }
                    }
                  
                  group                     "Transaction data" {
                      submit = container                         "Submit" {
                          tags "Button"
                        }
                    }
                  
                  group                     "Navigation buttons" {
                      back = container                         "<  Back" {
                          tags "Button navigation"
                        }
                      
                      forward = container                         ">  Forward" {
                          tags "Button navigation"
                        }
                    }
                }
            }
        }
      
      
      
      
      
      #!include \
      # "./4-code/index.dsl"
      
      
    }

    views {
      properties {
        "structurizr.sort" "created"
      }

      systemLandscape "ixolist-token_offer-architecture-campaign-systemlandscape"  {
          title "IXOlist | Token Offer | Architectures"
      
          include token-offering
      
        }
      
      container "campaign-create"          "ixolist-token_offer-architecture-campaign-create-container" {
      
          title "IXOlist | Token Offer | Campaign - create"
      
          # include "object identifier"
          
          
          include "*"
          
          # include "identifier relstionship -> identifier relstionship"
      
          # exclude "object identifier"
          
          # exclude "identifier relstionship -> identifier relstionship"
      
        }
      
      systemcontext "main_info"          "ixolist-token_offer-architecture-campaign-systemcontext" {
          title "IXOlist | Token Offer | Architecture  # Campaign"
      
          # include "object identifier"
          
          
          include "*"
          
          include "document-list"
          
          include "investor"
          
          include "privilege"
          
          include "round-list"
          
          include "transaction"
          
          include "member"
          
          include "edit"
          
          # include "identifier relstionship -> identifier relstionship"
      
          # exclude "object identifier"
          
          exclude "campaign-create"
          
          # exclude "identifier relstionship -> identifier relstionship"
      
        }
      
      container "main_info"         "ixolist-token_offer-architecture-campaign-main_info-component"  {
      
          title "IXOlist | Token Offer | Campaign # Main Info"
      
          properties {
      
            "structurizr.softwareSystemBoundaries" "true"
      
          }
      
          # include "object identifier"
          
          
          include "*"
          
          # include "identifier relstionship -> identifier relstionship"
      
          # exclude "object identifier"
          
          # exclude "identifier relstionship -> identifier relstionship"
      
        }
      
      
      container "document-list"          "ixolist-token_offer-architecture-campaign-documents-container" {
      
          title "IXOlist | Token Offer | Campaign # Documents"
      
          # include "object identifier"
          
          
          include "*"
          
          include "document"
          
          # include "identifier relstionship -> identifier relstionship"
      
          # exclude "object identifier"
          
          # exclude "identifier relstionship -> identifier relstionship"
      
        }
      
      container "round-list"          "ixolist-token_offer-architecture-campaign-rounds-container" {
      
          title "IXOlist | TOken Offer | Campaign # Rounds"
      
          # include "object identifier"
          
          include "*"
          
          include "round"
          
          # include "identifier relstionship -> identifier relstionship"
      
          # exclude "object identifier"
          
          # exclude "identifier relstionship -> identifier relstionship"
      
        }
      
      container "investor"          "ixolist-token_offer-architecture-campaign-investor-container" {
      
          title "IXOlist | TOken Offer | Campaign # Investors"
      
          # include "object identifier"
          
          include "*"
          
          # include "identifier relstionship -> identifier relstionship"
      
          # exclude "object identifier"
          
          # exclude "identifier relstionship -> identifier relstionship"
      
        }
      
      container "transaction"          "ixolist-token_offer-architecture-campaign-transaction-container" {
      
          title "IXOlist | Token Offer | Campaign # Transaction"
      
          # include "object identifier"
          
          include *
          
          # include "identifier relstionship -> identifier relstionship"
      
          # exclude "object identifier"
          
          # exclude "identifier relstionship -> identifier relstionship"
      
        }
      
      container "edit"          "ixolist-token_offer-architecture-campaign-edit-container" {
      
          title "IXOlist | Token Offer | Campaign - edit"
      
          # include "object identifier"
          
          
          include "*"
          
          # include "identifier relstionship -> identifier relstionship"
      
          # exclude "object identifier"
          
          # exclude "identifier relstionship -> identifier relstionship"
      
        }
      
      container "document"          "ixolist-token_offer-architecture-campaign-document-container" {
      
          title "IXOlist | Token Offer | Campaign # Document"
      
          # include "object identifier"
          
          
          include "*"
          
          # include "identifier relstionship -> identifier relstionship"
      
          # exclude "object identifier"
          
          # exclude "identifier relstionship -> identifier relstionship"
      
        }
      
      component "document-list.add"          "ixolist-token_offer-architecture-campaign-document-add-component" {
          title "IXOlist | Token Offer | Campaign | Document - add"
      
          properties {
      
            "structurizr.softwareSystemBoundaries" "true"
      
          }
      
          # include "object identifier"
          
          include *
          
          # include "identifier relstionship -> identifier relstionship"
      
          # exclude "object identifier"
          
          # exclude "identifier relstionship -> identifier relstionship"
      
        }
      
      component "document.edit"          "ixolist-token_offer-architecture-campaign-document-edit-component" {
          title "IXOlist | Token Offer | Campaign | Document - edit"
      
          properties {
      
            "structurizr.softwareSystemBoundaries" "true"
      
          }
      
          # include "object identifier"
          
          include *
          
          # include "identifier relstionship -> identifier relstionship"
      
          # exclude "object identifier"
          
          # exclude "identifier relstionship -> identifier relstionship"
      
        }
      
      component "transaction.purchase"          "ixolist-token_offer-architecture-campaign-transaction-purchase-component" {
      
          title "IXOlist | Token Offer |  Camapign | Transaction # Purchase"
      
          properties {
      
            "structurizr.softwareSystemBoundaries" "true"
      
          }
      
          # include "object identifier"
          
          include *
          
          # include "identifier relstionship -> identifier relstionship"
      
          # exclude "object identifier"
          
          # exclude "identifier relstionship -> identifier relstionship"
      
        }
      
      component "transaction.withdrawed"          "ixolist-token_offer-architecture-campaign-transaction-withdrawed-component" {
      
          title "IXOlist | Token Offer | Camapign | Transaction # Withdrawed"
      
          properties {
      
            "structurizr.softwareSystemBoundaries" "true"
      
          }
      
          # include "object identifier"
          
          include *
          
          # include "identifier relstionship -> identifier relstionship"
      
          # exclude "object identifier"
          
          # exclude "identifier relstionship -> identifier relstionship"
      
        }
      
      component "transaction.accepted"          "ixolist-token_offer-architecture-campaign-transaction-accepted-component" {
      
          title "IXOlist | Token Offer | Camapign | Transaction # Accepted"
      
          properties {
      
            "structurizr.softwareSystemBoundaries" "true"
      
          }
      
          # include "object identifier"
          
          include *
          
          # include "identifier relstionship -> identifier relstionship"
      
          # exclude "object identifier"
          
          # exclude "identifier relstionship -> identifier relstionship"
      
        }
      
      component "edit.general"          "ixolist-token_offer-architecture-campaign-edit-general-component" {
          title "IXOlist | Token Offer | Campaign - edit # General"
      
          properties {
      
            "structurizr.softwareSystemBoundaries" "true"
      
          }
      
          # include "object identifier"
          
          include *
          
          # include "identifier relstionship -> identifier relstionship"
      
          # exclude "object identifier"
          
          # exclude "identifier relstionship -> identifier relstionship"
      
        }
      
      component "edit.details"          "ixolist-token_offer-architecture-campaign-edit-detail-component" {
          title "IXOlist | Token Offer | Campaign - edit # Details"
      
          properties {
      
            "structurizr.softwareSystemBoundaries" "true"
      
          }
      
          # include "object identifier"
          
          include *
          
          # include "identifier relstionship -> identifier relstionship"
      
          # exclude "object identifier"
          
          # exclude "identifier relstionship -> identifier relstionship"
      
        }
      
      component "edit.reference"          "ixolist-token_offer-architecture-campaign-edit-reference-component" {
          title "IXOlist | Token Offer | Campaign - edit # References"
      
          properties {
      
            "structurizr.softwareSystemBoundaries" "true"
      
          }
      
          # include "object identifier"
          
          include *
          
          # include "identifier relstionship -> identifier relstionship"
      
          # exclude "object identifier"
          
          # exclude "identifier relstionship -> identifier relstionship"
      
        }
      
      #!include \
      #"./4-code/index.dsl"
      
      #!include \
      #    "./5-deployment/index.dsl"
      
      styles {
      
        element           "Input Field" {
            shape "box"
            width "600"
            height "150"
            background "white"
            opacity "100"
          }
        
        element           "Input Field" {
            border "solid"
            strokeWidth "5"
            stroke " #e6e6e6"
          }
        
        element           "Input Field" {
            description true
            metadata true
          #  icon <file|url>
          }
        
        
        element           "Input Field" {
            fontSize "24"
            color "black"
            colour "black"
          }
        
        element           "Button_black" {
            shape "roundedbox"
            width "260"
            height "120"
            background "black"
            opacity "100"
          }
        
        element           "Button_black" {
            border "solid"
            strokeWidth "0"
        #    stroke "blue"
          }
        
        element           "Button_black" {
            description true
            metadata true
          #  icon <file|url>
          }
        
        
        element           "Button_black" {
            fontSize "16"
            color "white"
          }
        
        element           "Main Info" {
            shape "box"
            width "370"
            height "250"
            background "white"
            opacity "100"
          }
        
        element           "Main Info" {
            border "solid"
            strokeWidth "0"
            stroke "black"
          }
        
        element           "Main Info" {
            description true
            metadata true
          #  icon <file|url>
          }
        
        
        element           "Main Info" {
            fontSize "20"
            color "black"
          }
        
        element           "Button Rout" {
            shape "box"
            width "370"
            height "115"
            background "white"
            opacity "100"
          }
        
        element           "Button Rout" {
            border "dashed"
            strokeWidth "0"
            stroke "black"
          }
        
        element           "Button Rout" {
            description true
            metadata true
          #  icon <file|url>
          }
        
        
        element           "Button Rout" {
            fontSize "16"
            color "black"
          }
        
        element           "Action" {
            shape "roundedbox"
            width "400"
            height "500"
        #   background "white"
            opacity "100"
          }
        
        element           "Action" {
            border "solid"
            strokeWidth "0"
           #stroke "black"
          }
        
        element           "Action" {
            description true
            metadata true
          #  icon <file|url>
          }
        
        #!include \
        #  "./properties/index.dsl"
        
        element           "Action" {
            fontSize "24"
            color "white"
            colour "white"
          }
        
        element           "input field" {
            shape "box"
            width "600"
            height "150"
            background "white"
            opacity "100"
          }
        
        element           "input field" {
            border "solid"
            strokeWidth "5"
            stroke " #e6e6e6"
          }
        
        element           "input field" {
            description true
            metadata true
          #  icon <file|url>
          }
        
        #!include \
        #  "./properties/index.dsl"
        
        element           "input field" {
            fontSize "24"
            color "black"
            colour "black"
          }
        
        
        element           "Button" {
            shape "box"
            width "275"
            height "100"
            background "#008ae6"
            opacity "100"
          }
        
        element           "Button" {
            border "solid"
            strokeWidth "0"
           #stroke "black"
          }
        
        element           "Button" {
            description true
            metadata true
          #  icon <file|url>
          }
        
        #!include \
        #  "./properties/index.dsl"
        
        element           "Button" {
            fontSize "18"
            color "white"
            colour "white"
          }
        
        element           "Info" {
            shape "box"
            width "370"
            height "250"
            background "white"
            opacity "100"
          }
        
        element           "Info" {
            border "solid"
            strokeWidth "0"
            stroke "black"
          }
        
        element           "Info" {
            description true
            metadata true
          #  icon <file|url>
          }
        
        #!include \
        #  "./properties/index.dsl"
        
        element           "Info" {
            fontSize "20"
            color "black"
          }
        
        element           "Column" {
            shape "box"
            width "400"
            height "100"
            background "white"
            opacity "100"
          }
        
        element           "Column" {
            border "solid"
            strokeWidth "5"
            stroke " #e6e6e6"
          }
        
        element           "Column" {
            description true
            metadata true
          #  icon <file|url>
          }
        
        #!include \
        #  "./properties/index.dsl"
        
        element           "Column" {
            fontSize "20"
            color "black"
            colour "black"
          }
        
        element           "Type Transfer" {
            shape "box"
            width "400"
            height "300"
            background "white"
            opacity "100"
          }
        
        element           "Type Transfer" {
            border "dashed"
            strokeWidth "0"
            stroke "black"
          }
        
        element           "Type Transfer" {
            description true
            metadata true
          #  icon <file|url>
          }
        
        #!include \
        #  "./properties/index.dsl"
        
        element           "Type Transfer" {
            fontSize "20"
            color "black"
          }
        
        element           "Token Button" {
            shape "roundedbox"
            width "260"
            height "120"
            background "black"
            opacity "100"
          }
        
        element           "Token Button" {
            border "solid"
            strokeWidth "0"
        #    stroke "blue"
          }
        
        element           "Token Button" {
            description true
            metadata true
          #  icon <file|url>
          }
        
        #!include \
        #  "./properties/index.dsl"
        
        element           "Token Button" {
            fontSize "16"
            color "white"
          }
        
        element           "CSV" {
            shape "box"
            width "400"
            height "790"
            background "white"
            opacity "100"
          }
        
        element           "CSV" {
            border "dashed"
            strokeWidth "0"
            stroke "black"
          }
        
        element           "CSV" {
            description true
            metadata true
          #  icon <file|url>
          }
        
        #!include \
        #  "./properties/index.dsl"
        
        element           "CSV" {
            fontSize "20"
            color "black"
          }
        
        element           "Info Balance" {
            shape "box"
            width "370"
            height "150"
            background "white"
            opacity "100"
          }
        
        element           "Info Balance" {
            border "solid"
            strokeWidth "0"
            stroke "black"
          }
        
        element           "Info Balance" {
            description true
            metadata true
          #  icon <file|url>
          }
        
        #!include \
        #  "./properties/index.dsl"
        
        element           "Info Balance" {
            fontSize "20"
            color "black"
          }
        
        element           "Token Button Transaction" {
            shape "box"
            width "370"
            height "115"
            background "white"
            opacity "100"
          }
        
        element           "Token Button Transaction" {
            border "dashed"
            strokeWidth "0"
            stroke "black"
          }
        
        element           "Token Button Transaction" {
            description true
            metadata true
          #  icon <file|url>
          }
        
        #!include \
        #  "./properties/index.dsl"
        
        element           "Token Button Transaction" {
            fontSize "16"
            color "black"
          }
        
        element           "Architectures softwaresystem" {
            shape "RoundedBox"
            width "450"
            height "300"
            background "white"
          #  opacity "100"
          }
        
        element           "Architectures softwaresystem" {
            border "solid"
            strokeWidth "5"
            stroke "black"
          }
        
        element           "Architectures softwaresystem" {
            description true
            metadata true
          #  icon <file|url>
          }
        
        #!include \
        #  "./properties/index.dsl"
        
        element           "Architectures softwaresystem" {
            fontSize "26"
            color "Black"
        
          }
        
        element           "Button" {
            shape "roundedbox"
            width "260"
            height "120"
            background "black"
            opacity "100"
          }
        
        element           "Button" {
            border "solid"
            strokeWidth "0"
        #    stroke "blue"
          }
        
        element           "Button" {
            description true
            metadata true
          #  icon <file|url>
          }
        
        #!include \
        #  "./properties/index.dsl"
        
        element           "Button" {
            fontSize "16"
            color "white"
          }
        
        element           "Button interactive" {
            shape "roundedbox"
            width "260"
            height "120"
            background "white"
            opacity "100"
          }
        
        element           "Button interactive" {
            border "solid"
            strokeWidth "5"
            stroke " #e6e6e6"
          }
        
        element           "Button interactive" {
            description true
            metadata true
          #  icon <file|url>
          }
        
        #!include \
        #  "./properties/index.dsl"
        
        element           "Button interactive" {
            fontSize "16"
            color "black"
            colour "black"
          }
        
        element           "Button navigation" {
            shape "roundedbox"
            width "260"
            height "120"
            background "white"
            opacity "100"
          }
        
        element           "Button navigation" {
            border "solid"
            strokeWidth "1"
            stroke "#e6e6e6"
          }
        
        element           "Button navigation" {
            description true
            metadata true
          #  icon <file|url>
          }
        
        #!include \
        #  "./properties/index.dsl"
        
        element           "Button navigation" {
            fontSize "16"
            color "#404040"
            colour "#404040"
          }
        
        element           "Button state" {
            shape "roundedbox"
            width "260"
            height "120"
            background "white"
            opacity "100"
          }
        
        element           "Button state" {
            border "dashed"
            strokeWidth "0"
            stroke "black"
          }
        
        element           "Button state" {
            description true
            metadata true
          #  icon <file|url>
          }
        
        
        element           "Button state" {
            fontSize "16"
            color "black"
          }
        
        element           "Button clock" {
            shape "roundedbox"
            width "100"
            height "100"
            background "white"
            opacity "100"
          }
        
        element           "Button clock" {
            border "solid"
            strokeWidth "5"
            stroke " #e6e6e6"
          }
        
        element           "Button clock" {
            description true
            metadata false
            icon "https://cdn-icons-png.flaticon.com/512/2088/2088617.png"
          }
        
        #!include \
        #  "./properties/index.dsl"
        
        element           "Button clock" {
            fontSize "7"
            color "black"
            colour "black"
          }
        
        element           "Button date" {
            shape "roundedbox"
            width "100"
            height "100"
            background "white"
            opacity "100"
          }
        
        element           "Button date" {
            border "solid"
            strokeWidth "5"
            stroke " #e6e6e6"
          }
        
        element           "Button date" {
            description true
            metadata false
            icon "https://cdn-icons-png.flaticon.com/512/747/747310.png"
          }
        
        #!include \
        #  "./properties/index.dsl"
        
        element           "Button date" {
            fontSize "7"
            color "black"
            colour "black"
          }
        
        element           "Button switcher" {
            shape "roundedbox"
            width "260"
            height "120"
            background "white"
            opacity "100"
          }
        
        element           "Button switcher" {
            border "solid"
            strokeWidth "5"
            stroke " #e6e6e6"
          }
        
        element           "Button switcher" {
            description true
            metadata false
            icon "../../../../../../../metadata/icon/button-switcher/index.svg"
          }
        
        #!include \
        #  "./properties/index.dsl"
        
        element           "Button switcher" {
            fontSize "10"
            color "black"
            colour "black"
          }
        
        element           "Button check" {
            shape "roundedbox"
            width "100"
            height "100"
            background "white"
            opacity "100"
          }
        
        element           "Button check" {
            border "solid"
            strokeWidth "5"
            stroke " #e6e6e6"
          }
        
        element           "Button check" {
            description true
            metadata false
            icon "../../../../../../../metadata/icon/button-check/index.svg"
          }
        
        #!include \
        #  "./properties/index.dsl"
        
        element           "Button check" {
            fontSize "7"
            color "black"
            colour "black"
          }
        
        element           "Button plus" {
            shape "roundedbox"
            width "100"
            height "100"
            background "white"
            opacity "100"
          }
        
        element           "Button plus" {
            border "solid"
            strokeWidth "5"
            stroke " #e6e6e6"
          }
        
        element           "Button plus" {
            description true
            metadata false
            icon "../../../../../../../metadata/icon/button-plus/index.svg"
          }
        
        #!include \
        #  "./properties/index.dsl"
        
        element           "Button plus" {
            fontSize "7"
            color "black"
            colour "black"
          }
        
        element           "Button drop list" {
            shape "roundedbox"
            width "100"
            height "100"
            background "white"
            opacity "100"
          }
        
        element           "Button drop list" {
            border "solid"
            strokeWidth "5"
            stroke " #e6e6e6"
          }
        
        element           "Button drop list" {
            description true
            metadata false
            icon "../../../../../../../metadata/icon/button-drop-list/index.svg"
          }
        
        #!include \
        #  "./properties/index.dsl"
        
        element           "Button drop list" {
            fontSize "7"
            color "black"
            colour "black"
          }
      
      }
      
      # themes default
    }
  }