{
  i18n: 'i18n',
  command: 'tab',
  type: 'tabs',
  items: {
    setings: {
      type: 'panel',
      label: 'Control and information',
      icon: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgZmlsbD0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjAiIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgc3R5bGU9IndpZHRoOiAyMnB4OyBoZWlnaHQ6IDIycHg7Ij48cGF0aCBkPSJNNDk1LjkgMTY2LjZjMy4yIDguNyAuNSAxOC40LTYuNCAyNC42bC00My4zIDM5LjRjMS4xIDguMyAxLjcgMTYuOCAxLjcgMjUuNHMtLjYgMTcuMS0xLjcgMjUuNGw0My4zIDM5LjRjNi45IDYuMiA5LjYgMTUuOSA2LjQgMjQuNmMtNC40IDExLjktOS43IDIzLjMtMTUuOCAzNC4zbC00LjcgOC4xYy02LjYgMTEtMTQgMjEuNC0yMi4xIDMxLjJjLTUuOSA3LjItMTUuNyA5LjYtMjQuNSA2LjhsLTU1LjctMTcuN2MtMTMuNCAxMC4zLTI4LjIgMTguOS00NCAyNS40bC0xMi41IDU3LjFjLTIgOS4xLTkgMTYuMy0xOC4yIDE3LjhjLTEzLjggMi4zLTI4IDMuNS00Mi41IDMuNXMtMjguNy0xLjItNDIuNS0zLjVjLTkuMi0xLjUtMTYuMi04LjctMTguMi0xNy44bC0xMi41LTU3LjFjLTE1LjgtNi41LTMwLjYtMTUuMS00NC0yNS40TDgzLjEgNDI1LjljLTguOCAyLjgtMTguNiAuMy0yNC41LTYuOGMtOC4xLTkuOC0xNS41LTIwLjItMjIuMS0zMS4ybC00LjctOC4xYy02LjEtMTEtMTEuNC0yMi40LTE1LjgtMzQuM2MtMy4yLTguNy0uNS0xOC40IDYuNC0yNC42bDQzLjMtMzkuNEM2NC42IDI3My4xIDY0IDI2NC42IDY0IDI1NnMuNi0xNy4xIDEuNy0yNS40TDIyLjQgMTkxLjJjLTYuOS02LjItOS42LTE1LjktNi40LTI0LjZjNC40LTExLjkgOS43LTIzLjMgMTUuOC0zNC4zbDQuNy04LjFjNi42LTExIDE0LTIxLjQgMjIuMS0zMS4yYzUuOS03LjIgMTUuNy05LjYgMjQuNS02LjhsNTUuNyAxNy43YzEzLjQtMTAuMyAyOC4yLTE4LjkgNDQtMjUuNGwxMi41LTU3LjFjMi05LjEgOS0xNi4zIDE4LjItMTcuOEMyMjcuMyAxLjIgMjQxLjUgMCAyNTYgMHMyOC43IDEuMiA0Mi41IDMuNWM5LjIgMS41IDE2LjIgOC43IDE4LjIgMTcuOGwxMi41IDU3LjFjMTUuOCA2LjUgMzAuNiAxNS4xIDQ0IDI1LjRsNTUuNy0xNy43YzguOC0yLjggMTguNi0uMyAyNC41IDYuOGM4LjEgOS44IDE1LjUgMjAuMiAyMi4xIDMxLjJsNC43IDguMWM2LjEgMTEgMTEuNCAyMi40IDE1LjggMzQuM3pNMjU2IDMzNmE4MCA4MCAwIDEgMCAwLTE2MCA4MCA4MCAwIDEgMCAwIDE2MHoiPjwvcGF0aD48L3N2Zz4=',
      items: {
        _logo: {
          type: 'staticImage',
          noTranslation: true,
          src: 'shuttercontrol.png',
          newLine: true,
          xs: 2,
          sm: 2,
          md: 1,
          lg: 0.33,
          xl: 0.33,
        },
        shuttercontrolDesc: {
          type: 'staticText',
          text: 'Control and monitoring of Shuttercontrol',
          style: {
            fontSize: 24,
          },
          xs: 10,
          sm: 10,
          md: 11,
          lg: 11,
          xl: 11,
        },
        _info: {
          newLine: true,
          type: 'header',
          text: 'Information and journey times',
          size: 2,
          xs: 12,
          sm: 12,
          md: 12,
          lg: 12,
          xl: 12,
        },
        azimut: {
          type: 'state',
          readOnly: true,
          label: 'current Azimut',
          oid: 'info.Azimut',
          unit: '°',
          narrow: true,
          addColon: true,
          highlight: true,
          xs: 12,
          sm: 12,
          md: 4,
          lg: 3,
          xl: 3,
        },
        elevation: {
          type: 'state',
          readOnly: true,
          label: 'current Elevation',
          oid: 'info.Elevation',
          unit: '°',
          narrow: true,
          addColon: true,
          highlight: true,
          xs: 12,
          sm: 12,
          md: 4,
          lg: 3,
          xl: 3,
        },
        goldenHour: {
          type: 'state',
          readOnly: true,
          label: 'Start GoldenHour',
          oid: 'info.GoldenHour',
          unit: 'clock',
          narrow: true,
          addColon: true,
          highlight: true,
          xs: 12,
          sm: 12,
          md: 4,
          lg: 3,
          xl: 3,
        },
        goldenHourEnd: {
          type: 'state',
          readOnly: true,
          label: 'End GoldenHour',
          oid: 'info.GoldenHourEnd',
          unit: 'clock',
          narrow: true,
          addColon: true,
          highlight: true,
          xs: 12,
          sm: 12,
          md: 4,
          lg: 3,
          xl: 3,
        },
        _helpLine1: {
          newLine: true,
          type: 'divider',
          color: '#d6d5d4',
          height: '1px',
          xs: 12,
          sm: 12,
          md: 12,
          lg: 12,
          xl: 12,
        },
        sunrise: {
          type: 'state',
          readOnly: true,
          label: 'Sunrise Time',
          oid: 'info.Sunrise',
          unit: 'clock',
          narrow: true,
          addColon: true,
          highlight: true,
          xs: 12,
          sm: 12,
          md: 4,
          lg: 3,
          xl: 3,
        },
        sunset: {
          type: 'state',
          readOnly: true,
          label: 'Sunset Time',
          oid: 'info.Sunset',
          unit: 'clock',
          narrow: true,
          addColon: true,
          highlight: true,
          xs: 12,
          sm: 12,
          md: 4,
          lg: 3,
          xl: 3,
        },
        downTimeChildren: {
          type: 'state',
          readOnly: true,
          label: 'down Time Children Area',
          oid: 'info.downTimeChildren',
          unit: 'clock',
          narrow: true,
          addColon: true,
          highlight: true,
          xs: 12,
          sm: 12,
          md: 4,
          lg: 3,
          xl: 3,
        },
        downTimeLiving: {
          type: 'state',
          readOnly: true,
          label: 'down Time Living Area',
          oid: 'info.downTimeLiving',
          unit: 'clock',
          narrow: true,
          addColon: true,
          highlight: true,
          xs: 12,
          sm: 12,
          md: 4,
          lg: 3,
          xl: 3,
        },
        _helpLine2: {
          newLine: true,
          type: 'divider',
          color: '#d6d5d4',
          height: '1px',
          xs: 12,
          narrow: true,
          addColon: true,
          highlight: true,
          sm: 12,
          md: 12,
          lg: 12,
          xl: 12,
        },
        downTimeSleep: {
          type: 'state',
          readOnly: true,
          label: 'down Time Sleep Area',
          oid: 'info.downTimeSleep',
          unit: 'clock',
          xs: 12,
          narrow: true,
          addColon: true,
          highlight: true,
          sm: 12,
          md: 4,
          lg: 3,
          xl: 3,
        },
        upTimeChildren: {
          type: 'state',
          readOnly: true,
          label: 'Up Time Children Area',
          oid: 'info.upTimeChildren',
          unit: 'clock',
          narrow: true,
          addColon: true,
          highlight: true,
          xs: 12,
          sm: 12,
          md: 4,
          lg: 3,
          xl: 3,
        },
        upTimeLiving: {
          type: 'state',
          readOnly: true,
          label: 'Up Time Living Area',
          oid: 'info.upTimeLiving',
          unit: 'clock',
          narrow: true,
          addColon: true,
          highlight: true,
          xs: 12,
          sm: 12,
          md: 4,
          lg: 3,
          xl: 3,
        },
        upTimeSleep: {
          type: 'state',
          readOnly: true,
          label: 'Up Time Sleep Area',
          oid: 'info.upTimeSleep',
          unit: 'clock',
          narrow: true,
          addColon: true,
          highlight: true,
          xs: 12,
          sm: 12,
          md: 4,
          lg: 3,
          xl: 3,
        },
        _button: {
          newLine: true,
          type: 'header',
          text: 'Shutter mode control',
          size: 2,
          xs: 12,
          sm: 12,
          md: 12,
          lg: 12,
          xl: 12,
        },
        openLiving: {
          type: 'setState',
          label: 'Open all shutters in the living area',
          id: 'shuttercontrol.%INSTANCE%.control.openLiving',
          variant: 'contained',
          icon: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0zIDRoMTh2NGgtMnYxMmgtMlY4SDd2MTJINVY4SDN6bTUgNWg4djJIOHoiLz48L3N2Zz4=',
          ack: true,
          xs: 12,
          sm: 12,
          md: 6,
          lg: 4,
          xl: 4,
        },
        closeLiving: {
          type: 'setState',
          label: 'Close all shutters in the living area',
          id: 'shuttercontrol.%INSTANCE%.control.closeLiving',
          variant: 'contained',
          icon: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0zIDRoMTh2NGgtMnYxMmgtMlY4SDd2MTJINVY4SDN6bTUgNWg4djJIOHptMCAzaDh2Mkg4em0wIDNoOHYySDh6bTAgM2g4djJIOHptNSA0aC0ydjJoMnptNCAwaC0ydjJoMnptLTggMEg3djJoMnoiLz48L3N2Zz4=',
          ack: true,
          xs: 12,
          sm: 12,
          md: 6,
          lg: 4,
          xl: 4,
        },
        sunProtectLiving: {
          type: 'setState',
          label: 'Move Living area into the sun protection',
          id: 'shuttercontrol.%INSTANCE%.control.sunProtectLiving',
          variant: 'contained',
          icon: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0yIDRoMTh2NGgtMnYxMmgtMlY4SDZ2MTJINFY4SDJ6bTUgNWg4djJIN3ptMCAzaDh2Mkg3em0xMyA3di0yaDJ2MnptMC00di01aDJ2NXoiLz48L3N2Zz4=',
          ack: true,
          xs: 12,
          sm: 12,
          md: 6,
          lg: 4,
          xl: 4,
        },
        _helpLine3: {
          newLine: true,
          type: 'divider',
          color: '#d6d5d4',
          height: '1px',
          xs: 12,
          sm: 12,
          md: 12,
          lg: 12,
          xl: 12,
        },
        openSleep: {
          type: 'setState',
          label: 'Open all shutters in sleeping area',
          id: 'shuttercontrol.%INSTANCE%.control.openSleep',
          variant: 'contained',
          icon: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0zIDRoMTh2NGgtMnYxMmgtMlY4SDd2MTJINVY4SDN6bTUgNWg4djJIOHoiLz48L3N2Zz4=',
          ack: true,
          xs: 12,
          sm: 12,
          md: 6,
          lg: 4,
          xl: 4,
        },
        closeSleep: {
          type: 'setState',
          label: 'Close all shutters in sleeping area',
          id: 'shuttercontrol.%INSTANCE%.control.closeSleep',
          variant: 'contained',
          icon: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0zIDRoMTh2NGgtMnYxMmgtMlY4SDd2MTJINVY4SDN6bTUgNWg4djJIOHptMCAzaDh2Mkg4em0wIDNoOHYySDh6bTAgM2g4djJIOHptNSA0aC0ydjJoMnptNCAwaC0ydjJoMnptLTggMEg3djJoMnoiLz48L3N2Zz4=',
          ack: true,
          xs: 12,
          sm: 12,
          md: 6,
          lg: 4,
          xl: 4,
        },
        sunProtectSleep: {
          type: 'setState',
          label: 'Move Sleep area into the sun protection',
          id: 'shuttercontrol.%INSTANCE%.control.sunProtectSleep',
          variant: 'contained',
          icon: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0yIDRoMTh2NGgtMnYxMmgtMlY4SDZ2MTJINFY4SDJ6bTUgNWg4djJIN3ptMCAzaDh2Mkg3em0xMyA3di0yaDJ2MnptMC00di01aDJ2NXoiLz48L3N2Zz4=',
          ack: true,
          xs: 12,
          sm: 12,
          md: 6,
          lg: 4,
          xl: 4,
        },
        _helpLine4: {
          newLine: true,
          type: 'divider',
          color: '#d6d5d4',
          height: '1px',
          xs: 12,
          sm: 12,
          md: 12,
          lg: 12,
          xl: 12,
        },
        openChildren: {
          type: 'setState',
          label: "Open all shutters in children's area",
          id: 'shuttercontrol.%INSTANCE%.control.openChildren',
          variant: 'contained',
          icon: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0zIDRoMTh2NGgtMnYxMmgtMlY4SDd2MTJINVY4SDN6bTUgNWg4djJIOHoiLz48L3N2Zz4=',
          ack: true,
          xs: 12,
          sm: 12,
          md: 6,
          lg: 4,
          xl: 4,
        },
        closeChildren: {
          type: 'setState',
          label: "Close all shutters in children's area",
          id: 'shuttercontrol.%INSTANCE%.control.closeChildren',
          variant: 'contained',
          icon: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0zIDRoMTh2NGgtMnYxMmgtMlY4SDd2MTJINVY4SDN6bTUgNWg4djJIOHptMCAzaDh2Mkg4em0wIDNoOHYySDh6bTAgM2g4djJIOHptNSA0aC0ydjJoMnptNCAwaC0ydjJoMnptLTggMEg3djJoMnoiLz48L3N2Zz4=',
          ack: true,
          xs: 12,
          sm: 12,
          md: 6,
          lg: 4,
          xl: 4,
        },
        sunProtectChildren: {
          type: 'setState',
          label: "Move children's area into the sun protection",
          id: 'shuttercontrol.%INSTANCE%.control.sunProtectChildren',
          variant: 'contained',
          icon: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0yIDRoMTh2NGgtMnYxMmgtMlY4SDZ2MTJINFY4SDJ6bTUgNWg4djJIN3ptMCAzaDh2Mkg3em0xMyA3di0yaDJ2MnptMC00di01aDJ2NXoiLz48L3N2Zz4=',
          ack: true,
          xs: 12,
          sm: 12,
          md: 6,
          lg: 4,
          xl: 4,
        },
        _helpLine5: {
          newLine: true,
          type: 'divider',
          color: '#d6d5d4',
          height: '1px',
          xs: 12,
          sm: 12,
          md: 12,
          lg: 12,
          xl: 12,
        },
        openAll: {
          type: 'setState',
          label: 'Open all shutters',
          id: 'shuttercontrol.%INSTANCE%.control.openAll',
          variant: 'contained',
          icon: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0zIDRoMTh2NGgtMnYxMmgtMlY4SDd2MTJINVY4SDN6bTUgNWg4djJIOHoiLz48L3N2Zz4=',
          ack: true,
          xs: 12,
          sm: 12,
          md: 6,
          lg: 3,
          xl: 3,
        },
        closeAll: {
          type: 'setState',
          label: 'Close all shutters',
          id: 'shuttercontrol.%INSTANCE%.control.closeAll',
          variant: 'contained',
          icon: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0zIDRoMTh2NGgtMnYxMmgtMlY4SDd2MTJINVY4SDN6bTUgNWg4djJIOHptMCAzaDh2Mkg4em0wIDNoOHYySDh6bTAgM2g4djJIOHptNSA0aC0ydjJoMnptNCAwaC0ydjJoMnptLTggMEg3djJoMnoiLz48L3N2Zz4=',
          ack: true,
          xs: 12,
          sm: 12,
          md: 6,
          lg: 3,
          xl: 3,
        },
        sunProtect: {
          type: 'setState',
          label: 'Move shutters into the sun protection',
          id: 'shuttercontrol.%INSTANCE%.control.sunProtect',
          variant: 'contained',
          icon: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0yIDRoMTh2NGgtMnYxMmgtMlY4SDZ2MTJINFY4SDJ6bTUgNWg4djJIN3ptMCAzaDh2Mkg3em0xMyA3di0yaDJ2MnptMC00di01aDJ2NXoiLz48L3N2Zz4=',
          ack: true,
          xs: 12,
          sm: 12,
          md: 6,
          lg: 3,
          xl: 3,
        },
        autoAll: {
          type: 'setState',
          label: 'Automatic mode for all shutters',
          id: 'shuttercontrol.%INSTANCE%.control.autoAll',
          variant: 'contained',
          icon: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0yMCAxNGgtMmwtMy4yIDloMS45bC43LTJoMy4ybC43IDJoMS45em0tMi4yIDUuN0wxOSAxNmwxLjIgMy43ek03IDloOHYySDd6bTAgM2g4djJIN3ptMCAzaDh2MS41bC0uMi41SDd6bTYuNyA1SDd2LTJoNy41ek0xNiA4SDZ2MTJINFY4SDJWNGgxOHY0aC0ydjRoLTEuNGwtLjUgMS4zbC0uMS40eiIvPjwvc3ZnPg==',
          ack: true,
          xs: 12,
          sm: 12,
          md: 6,
          lg: 3,
          xl: 3,
        },
        _settings: {
          newLine: true,
          type: 'header',
          text: 'Control unit settings',
          size: 2,
          xs: 12,
          sm: 12,
          md: 12,
          lg: 12,
          xl: 12,
        },
        autoChildren: {
          newLine: true,
          type: 'state',
          label: "Automatic children's area",
          oid: 'control.autoChildren',
          ack: true,
          narrow: true,
          addColon: true,
          highlight: true,
          xs: 12,
          sm: 12,
          md: 6,
          lg: 3,
          xl: 3,
        },
        autoLiving: {
          type: 'state',
          label: 'Automatic living area',
          oid: 'control.autoLiving',
          ack: true,
          narrow: true,
          addColon: true,
          highlight: true,
          xs: 12,
          sm: 12,
          md: 6,
          lg: 3,
          xl: 3,
        },
        autoSleep: {
          type: 'state',
          label: 'Automatic sleeping area',
          oid: 'control.autoSleep',
          ack: true,
          narrow: true,
          addColon: true,
          highlight: true,
          xs: 12,
          sm: 12,
          md: 6,
          lg: 3,
          xl: 3,
        },
        _helpLine6: {
          newLine: true,
          type: 'divider',
          color: '#d6d5d4',
          height: '1px',
          xs: 12,
          sm: 12,
          md: 12,
          lg: 12,
          xl: 12,
        },
        holiday: {
          newLine: true,
          type: 'state',
          label: 'Holiday',
          oid: 'control.Holiday',
          ack: true,
          narrow: true,
          addColon: true,
          highlight: true,
          xs: 12,
          sm: 12,
          md: 6,
          lg: 3,
          xl: 3,
        },
        schoolfree: {
          type: 'state',
          label: 'Schoolfree',
          oid: 'control.schoolfree',
          ack: true,
          narrow: true,
          addColon: true,
          highlight: true,
          xs: 12,
          sm: 12,
          md: 6,
          lg: 3,
          xl: 3,
        },
      },
    },
    shutter: {
      type: 'panel',
      label: 'Shutter control',
      icon: 'data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKIHdpZHRoPSI4MC4wMDAwMDBwdCIgaGVpZ2h0PSI4MC4wMDAwMDBwdCIgdmlld0JveD0iMCAwIDgwLjAwMDAwMCA4MC4wMDAwMDAiCiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0Ij4KCjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLDgwLjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIKc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGZpbGw9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIwIj4KPHBhdGggZD0iTTIwIDc0MCBjMCAtMzggMiAtNDAgMzAgLTQwIDIzIDAgMzAgLTQgMzAgLTIwIDAgLTE2IC03IC0yMCAtMzAgLTIwCi0yOCAwIC0zMCAtMiAtMzAgLTQwIDAgLTM4IDIgLTQwIDMwIC00MCAyMyAwIDMwIC00IDMwIC0yMCAwIC0xNiAtNyAtMjAgLTMwCi0yMCAtMjggMCAtMzAgLTIgLTMwIC00MCBsMCAtNDAgNTAgMCA1MCAwIDAgLTIyMCAwIC0yMjAgMjgwIDAgMjgwIDAgMCAyMjAgMAoyMjAgNTAgMCA1MCAwIDAgNDAgYzAgMzggLTIgNDAgLTMwIDQwIC0yMyAwIC0zMCA0IC0zMCAyMCAwIDE2IDcgMjAgMzAgMjAgMjgKMCAzMCAyIDMwIDQwIDAgMzggLTIgNDAgLTMwIDQwIC0yMyAwIC0zMCA0IC0zMCAyMCAwIDE2IDcgMjAgMzAgMjAgMjggMCAzMCAyCjMwIDQwIGwwIDQwIC0zODAgMCAtMzgwIDAgMCAtNDB6IG03NDAgMCBjMCAtMjAgLTcgLTIwIC0zNjAgLTIwIC0zNTMgMCAtMzYwCjAgLTM2MCAyMCAwIDIwIDcgMjAgMzYwIDIwIDM1MyAwIDM2MCAwIDM2MCAtMjB6IG0tNjAgLTYwIGMwIC0yMCAtNyAtMjAgLTMwMAotMjAgLTI5MyAwIC0zMDAgMCAtMzAwIDIwIDAgMjAgNyAyMCAzMDAgMjAgMjkzIDAgMzAwIDAgMzAwIC0yMHogbTYwIC02MCBjMAotMjAgLTcgLTIwIC0zNjAgLTIwIC0zNTMgMCAtMzYwIDAgLTM2MCAyMCAwIDIwIDcgMjAgMzYwIDIwIDM1MyAwIDM2MCAwIDM2MAotMjB6IG0tNjAgLTYwIGMwIC0yMCAtNyAtMjAgLTMwMCAtMjAgLTI5MyAwIC0zMDAgMCAtMzAwIDIwIDAgMjAgNyAyMCAzMDAgMjAKMjkzIDAgMzAwIDAgMzAwIC0yMHogbTYwIC02MCBjMCAtMjAgLTcgLTIwIC0zNjAgLTIwIC0zNTMgMCAtMzYwIDAgLTM2MCAyMCAwCjIwIDcgMjAgMzYwIDIwIDM1MyAwIDM2MCAwIDM2MCAtMjB6IG0tMTAwIC0yNTAgbDAgLTIxMCAtMjYwIDAgLTI2MCAwIDAgMjEwCjAgMjEwIDI2MCAwIDI2MCAwIDAgLTIxMHoiLz4KPHBhdGggZD0iTTM0MCAzMzUgbC01NCAtNTUgMzcgMCAzNyAwIDAgLTgwIDAgLTgwIDQwIDAgNDAgMCAwIDgwIDAgODAgMzcgMAozNyAwIC01NCA1NSBjLTMwIDMwIC01NyA1NSAtNjAgNTUgLTMgMCAtMzAgLTI1IC02MCAtNTV6IG0xMDAgMCBsMzQgLTM1IC0yNwowIC0yNyAwIDAgLTgwIGMwIC03MyAtMiAtODAgLTIwIC04MCAtMTggMCAtMjAgNyAtMjAgODAgbDAgODAgLTI3IDAgLTI3IDAgMzQKMzUgYzE5IDE5IDM3IDM1IDQwIDM1IDMgMCAyMSAtMTYgNDAgLTM1eiIvPgo8cGF0aCBkPSJNNzMwIDE3MCBjMCAtMTMgNyAtMjAgMjAgLTIwIDEzIDAgMjAgNyAyMCAyMCAwIDEzIC03IDIwIC0yMCAyMCAtMTMKMCAtMjAgLTcgLTIwIC0yMHoiLz4KPC9nPgo8L3N2Zz4=',
      items: {
        _logo: {
          type: 'staticImage',
          noTranslation: true,
          src: 'shuttercontrol.png',
          newLine: true,
          xs: 2,
          sm: 2,
          md: 1,
          lg: 0.33,
          xl: 0.33,
        },
        shuttercontrolDesc: {
          type: 'staticText',
          text: 'Control and monitoring of Shuttercontrol',
          style: {
            fontSize: 24,
          },
          xs: 10,
          sm: 10,
          md: 11,
          lg: 11,
          xl: 11,
        },
        _shutterControl: {
          newLine: true,
          type: 'header',
          text: 'Shutter control',
          size: 2,
          xs: 12,
          sm: 12,
          md: 12,
          lg: 12,
          xl: 12,
        },
        events: {
          type: 'table',
          newLine: true,
          xs: 12,
          sm: 12,
          md: 12,
          lg: 12,
          xl: 12,
          noDelete: true,
          compact: false,
          items: [
            {
              type: 'text',
              attr: 'shutterName',
              width: '25%',
              title: 'Name',
              filter: false,
              sort: false,
              readOnly: true,
            },
            {
              type: 'state',
              attr: 'autoState',
              oid: '${data.autoState}',
              width: '15%',
              title: 'Shutter Mode',
              filter: false,
              sort: false,
              readOnly: true,
            },
            {
              type: 'state',
              attr: 'autoDown',
              oid: '${data.autoDown}',
              width: '15%',
              title: 'Automatic closing',
              filter: false,
              sort: false,
              readOnly: false,
            },
            {
              type: 'state',
              attr: 'autoUp',
              oid: '${data.autoUp}',
              width: '15%',
              title: 'Automatic opening',
              filter: false,
              sort: false,
              readOnly: false,
            },
            {
              type: 'state',
              attr: 'autoSun',
              oid: '${data.autoSun}',
              width: '15%',
              title: 'Automatic sun protection',
              filter: false,
              sort: false,
              readOnly: false,
            },
            {
              type: 'state',
              oid: '${data.name}',
              foreign: true,
              width: '15%',
              title: 'Shutter level',
              filter: false,
              sort: false,
              readOnly: false,
            },
          ],
        },
      },
    },
  },
}