Options
All
  • Public
  • Public/Protected
  • All
Menu

@byondrnd/byondxr-web-visualizer-ui

Index

Type aliases

IConstants

IConstants: { cssVariables: ICssVariables; download: IConstantsDownload; general: ICustomGeneral; hotspot_area_tooltip: IHotspotAreaTooltip; hotspot_points: IHotspotPoints; menu: IConstantsMenus; panels: IConstantsPanels }

for each section in the ui u can customize labels, titles and icons all optional

Type declaration

IConstantsButtons

IConstantsButtons: { add_to_cart: { label: string; visible: boolean }; download: { icon: ICustomIcon; label: string; visible: boolean }; fullscreen: { icon: ICustomIcon; label: string; visible: boolean }; fullscreen_exit: { icon: ICustomIcon; visible: boolean }; more: { icon: ICustomIcon; visible: boolean }; order_sample: { label: string; visible: boolean }; save_product: { icon: ICustomIcon; icon_selected: ICustomIcon; visible: boolean }; save_scene: { icon: ICustomIcon; icon_selected: ICustomIcon; label: string; visible: boolean } }

Type declaration

  • add_to_cart: { label: string; visible: boolean }
    • label: string
    • visible: boolean

      will hide/show the ui element - default: true

  • download: { icon: ICustomIcon; label: string; visible: boolean }
    • icon: ICustomIcon
    • label: string
    • visible: boolean

      will hide/show the ui element - default: true

  • fullscreen: { icon: ICustomIcon; label: string; visible: boolean }
    • icon: ICustomIcon
    • label: string
    • visible: boolean

      will hide/show the ui element - default: true

  • fullscreen_exit: { icon: ICustomIcon; visible: boolean }
    • icon: ICustomIcon
    • visible: boolean

      will hide/show the ui element - default: true

  • more: { icon: ICustomIcon; visible: boolean }
    • icon: ICustomIcon
    • visible: boolean

      will hide/show the ui element - default: true

  • order_sample: { label: string; visible: boolean }
    • label: string
    • visible: boolean

      will hide/show the ui element - default: true

  • save_product: { icon: ICustomIcon; icon_selected: ICustomIcon; visible: boolean }
  • save_scene: { icon: ICustomIcon; icon_selected: ICustomIcon; label: string; visible: boolean }
    • icon: ICustomIcon
    • icon_selected: ICustomIcon
    • label: string
    • visible: boolean

      will hide/show the ui element - default: true

IConstantsDownload

IConstantsDownload: { copyright: { label: string; visible: boolean }; logo: { icon: ICustomIcon; visible: boolean } }

Type declaration

  • copyright: { label: string; visible: boolean }
    • label: string

      the label of the copyright in the download page

    • visible: boolean

      will hide/show the ui element - default: true

  • logo: { icon: ICustomIcon; visible: boolean }
    • icon: ICustomIcon
    • visible: boolean

      will hide/show the ui element - default: true

IConstantsMenus

IConstantsMenus: { favorites: ICustomMenu; hotspots: ICustomMenu; scenes: ICustomMenu }

Type declaration

IConstantsPanels

IConstantsPanels: { favorites: { empty_label: string; empty_sublabel: string; icon: ICustomIcon; products: { label: string; visible: boolean }; scenes: { label: string; visible: boolean }; title: string; visible: boolean }; hotspots: { visible: boolean }; products: { empty_label: string; icon: ICustomIcon; product: IProduct; visible: boolean }; scenes: { icon: ICustomIcon; title: string; visible: boolean } }

Type declaration

  • favorites: { empty_label: string; empty_sublabel: string; icon: ICustomIcon; products: { label: string; visible: boolean }; scenes: { label: string; visible: boolean }; title: string; visible: boolean }
    • empty_label: string

      the label that will be shown when there are no favorites

    • empty_sublabel: string

      the subtitle that will be shown when there are no favorites

    • icon: ICustomIcon
    • products: { label: string; visible: boolean }

      the products button in the favorite panel

      • label: string

        the label of the products button in the favorite panel

      • visible: boolean

        will hide/show the ui element - default: true

    • scenes: { label: string; visible: boolean }

      the scenes button in the favorite panel

      • label: string

        the label of the scenes button in the favorite panel

      • visible: boolean

        will hide/show the ui element - default: true

    • title: string

      the title of the favorite panel

    • visible: boolean

      will hide/show the ui element - default: true

  • hotspots: { visible: boolean }
    • visible: boolean

      will hide/show the ui element - default: true

  • products: { empty_label: string; icon: ICustomIcon; product: IProduct; visible: boolean }
    • empty_label: string

      the label that will be shown when there are no products

    • icon: ICustomIcon
    • product: IProduct
    • visible: boolean

      will hide/show the ui element - default: true

  • scenes: { icon: ICustomIcon; title: string; visible: boolean }
    • icon: ICustomIcon
    • title: string

      the title of the scenes panel

    • visible: boolean

      will hide/show the ui element - default: true

ICssVariables

ICssVariables: {}

Type declaration

  • [cssVariable: string]: string

ICustomDropdowns

ICustomDropdowns: { check_container: { icon: ICustomIcon; icon_selected: ICustomIcon }; trigger: { icon: ICustomIcon; icon_selected: ICustomIcon; visible: boolean } }

Type declaration

ICustomGeneral

ICustomGeneral: { buttons: IConstantsButtons; dropdowns: ICustomDropdowns; list: ICustomList; loader: { icon: ICustomIcon; visible?: undefined | false | true }; powered_by: { icon: ICustomIcon; visible: boolean } }

Type declaration

ICustomIcon

ICustomIcon: { Icon?: undefined | string; style?: undefined | { height: string; width: string }; url: string }

Type declaration

  • Optional Icon?: undefined | string
  • Optional style?: undefined | { height: string; width: string }

    width in pixels like 100px

  • url: string
    param

    the url/path to an svg

ICustomList

ICustomList: { scroll: { arrow: { icon: ICustomIcon } } }

Type declaration

ICustomMenu

ICustomMenu: { icon: ICustomIcon; label: string; visible: boolean }

Type declaration

  • icon: ICustomIcon
  • label: string

    the label of the menu item

  • visible: boolean

    will hide/show the ui element - default: true

IHotspotAreaTooltip

IHotspotAreaTooltip: { visible: boolean }

Type declaration

  • visible: boolean

IHotspotPointLabel

IHotspotPointLabel: { visible: boolean }

Type declaration

  • visible: boolean

    will hide/show the label of hotspot point - default: true

IHotspotPoints

IHotspotPoints: { idle_timeout_ms: number; label: IHotspotPointLabel }

Type declaration

  • idle_timeout_ms: number

    time of inactivity after which the hotspots disappear

  • label: IHotspotPointLabel

    the label of hotspot point

IProduct

IProduct: { title: { desktop: { visible: boolean }; landscape: { visible: boolean }; portrait: { visible: boolean } } }

Type declaration

  • title: { desktop: { visible: boolean }; landscape: { visible: boolean }; portrait: { visible: boolean } }
    • desktop: { visible: boolean }
      • visible: boolean
    • landscape: { visible: boolean }
      • visible: boolean
    • portrait: { visible: boolean }
      • visible: boolean

Variables

Const ExternalConstants

ExternalConstants: IConstants = ExternalConstantsSample

Generated using TypeDoc