https://enlite-static.netlify.app/7678.9a2a5ceaad03d40a9662.chunk.js

1"use strict";(self.webpackChunkenlite_prime=self.webpackChunkenlite_prime||[]).push([[7678],{77678:(e,t,a)=>{a.d(t,{A:()=>i});const s="boilerplate.containers.UI",i=(0,a(78102).YK)({cardPaperTitle:{id:`${s}.CardPaper.title`,defaultMessage:"Card Papper"},paperTitle:{id:`${s}.CardPaper.paper.title`,defaultMessage:"Papper"},paperDesc:{id:`${s}.CardPaper.paper.desc`,defaultMessage:"In material design, the physical properties of paper are translated to the screen."},standardCardsTitle:{id:`${s}.CardPaper.standard.title`,defaultMessage:"Standard Cards"},standardCardsDesc:{id:`${s}.CardPaper.standard.desc`,defaultMessage:"A card is a sheet of material that serves as an entry point to more detailed information."},controlCardsTitle:{id:`${s}.CardPaper.control.title`,defaultMessage:"Control Cards"},controlCardsDesc:{id:`${s}.CardPaper.control.desc`,defaultMessage:"Supplemental actions within the card are explicitly called out using icons, text, and UI controls."},socialCardsTitle:{id:`${s}.CardPaper.social.title`,defaultMessage:"Social Cards"},socialCardsDesc:{id:`${s}.CardPaper.social.desc`,defaultMessage:"A Customized material-ui card that contain profile elements."},ecommerceCardsTitle:{id:`${s}.CardPaper.ecommerce.title`,defaultMessage:"Ecommerce Cards"},ecommerceCardsDesc:{id:`${s}.CardPaper.ecommerce.desc`,defaultMessage:"A Customized material-ui card that contain product information."},accordionTitle:{id:`${s}.Accordion.title`,defaultMessage:"Accordion"},accordionDefaultTitle:{id:`${s}.Accordion.default.title`,defaultMessage:"Accordion"},accordionDefaultDesc:{id:`${s}.Accordion.default.desc`,defaultMessage:"Accordion is MUI Expansion Panels contain creation flows and allow lightweight editing of an element."},accordionSecondaryTitle:{id:`${s}.Accordion.secondary.title`,defaultMessage:"Secondary Heading And Columns"},accordionSecondaryDesc:{id:`${s}.Accordion.secondary.desc`,defaultMessage:"Multiple columns can be used to structure the content, and a helper text may be added to the panel to assist the user."},accordionControlledTitle:{id:`${s}.Accordion.controlled.title`,defaultMessage:"Controlled Accordion"},accordionControlledDesc:{id:`${s}.Accordion.controlled.desc`,defaultMessage:"Extend the default panel behavior to create an accordion with the Accordion component."},tabsTitle:{id:`${s}.Tabs.title`,defaultMessage:"Tabs"},tabsSimpleTitle:{id:`${s}.Tabs.simple.title`,defaultMessage:"Simple Tabs"},tabsSimpleDesc:{id:`${s}.Tabs.simple.desc`,defaultMessage:"A simple example with no frills."},tabsIconTitle:{id:`${s}.Tabs.icon.title`,defaultMessage:"Icon Tabs"},tabsIconDesc:{id:`${s}.Tabs.icon.desc`,defaultMessage:"Tab labels may be either all icons or all text."},tabsScrollTitle:{id:`${s}.Tabs.scroll.title`,defaultMessage:"Scrollable Tabs"},tabsScrollDesc:{id:`${s}.Tabs.scroll.desc`,defaultMessage:"Left and right scroll buttons will automatically be presented on desktop and hidden on mobile. (based on viewport width)"},tabsScrollIconTitle:{id:`${s}.Tabs.scrollIcon.title`,defaultMessage:"Scrollable Icon Tabs"},tabsScrollIconDesc:{id:`${s}.Tabs.scrollIcon.desc`,defaultMessage:" "},tabsDisabledTitle:{id:`${s}.Tabs.disabled.title`,defaultMessage:"Disabled Tab"},tabsDisabledDesc:{id:`${s}.Tabs.disabled.desc`,defaultMessage:"Tab may be disabled by setting disabled property."},tabsBottomTitle:{id:`${s}.Tabs.bottom.title`,defaultMessage:"Bottom Navigation"},tabsBottomDesc:{id:`${s}.Tabs.bottom.desc`,defaultMessage:"Bottom navigation bars make it easy to explore and switch between top-level views in a single tap."},MenuTitle:{id:`${s}.Menu.title`,defaultMessage:"Drawer Menu"},temporaryTitle:{id:`${s}.Menu.temporary.title`,defaultMessage:"Temporary Drawer"},temporaryDesc:{id:`${s}.Menu.temporary.desc`,defaultMessage:"Temporary navigation drawers can toggle open or closed. Closed by default, the drawer opens temporarily above all other content until a section is selected."},swipeTitle:{id:`${s}.Menu.swipe.title`,defaultMessage:"Swipeable Temporary Drawer"},swipeDesc:{id:`${s}.Menu.swipe.desc`,defaultMessage:"You can make the drawer swipeable with the SwipeableDrawer component."},basicMenuTitle:{id:`${s}.Menu.basic.title`,defaultMessage:"Basic Menu"},basicMenuDesc:{id:`${s}.Menu.basic.desc`,defaultMessage:"Basic menus open over the anch

1or element by default (this option can be changed via props). When close to a screen edge, simple menus vertically realign to make all menu items are completely visible."},selectedMenuTitle:{id:`${s}.Menu.selected.title`,defaultMessage:"Selected Menus"},selectedMenuDesc:{id:`${s}.Menu.selected.desc`,defaultMessage:"If used for item selection, when opened, simple menus attempt to vertically align the currently selected menu item with the anchor element."},styledMenuTitle:{id:`${s}.Menu.styled.title`,defaultMessage:"Styled Menu"},styledMenuDesc:{id:`${s}.Menu.styled.desc`,defaultMessage:"The MenuItem is a wrapper around ListItem with some additional styles."},transitionMenuTitle:{id:`${s}.Menu.transition.title`,defaultMessage:"Transition"},transitionMenuDesc:{id:`${s}.Menu.transition.desc`,defaultMessage:"Use a different transition altogether."},breadcrumbTitle:{id:`${s}.Breadcrumb.title`,defaultMessage:"Breadcrumbs"},breadcrumbClassicTitle:{id:`${s}.Breadcrumb.classic.title`,defaultMessage:"Classic Breadcrumb"},breadcrumbClassicDesc:{id:`${s}.Breadcrumb.classic.desc`,defaultMessage:"Breadcrumb is one of navigation component. With this User can jump to parent, children or grand-children page as long in a single inheritance.This example is designed with classic style separator"},breadcrumbPaperTitle:{id:`${s}.Breadcrumb.paper.title`,defaultMessage:"Paper Breadcrumb"},breadcrumbPaperDesc:{id:`${s}.Breadcrumb.paper.desc`,defaultMessage:" "},steppersTitle:{id:`${s}.Steppers.title`,defaultMessage:"Steppers"},stepHorizontalTitle:{id:`${s}.Steppers.horizontal.title`,defaultMessage:"Horizontal Linear"},stepHorizontalDesc:{id:`${s}.Steppers.horizontal.desc`,defaultMessage:"The Stepper can be controlled by passing the current step index (zero-based) as the activeStep property."},stepHorizontalNonTitle:{id:`${s}.Steppers.horizontalNon.title`,defaultMessage:"Horizontal Non-Linear"},stepHorizontalNonDesc:{id:`${s}.Steppers.horizontalNon.desc`,defaultMessage:"Non-linear steppers allow users to enter a multi-step flow at any point."},stepErrorTitle:{id:`${s}.Steppers.error.title`,defaultMessage:"Horizontal Non Linear - Error Step"},stepErrorDesc:{id:`${s}.Steppers.error.desc`,defaultMessage:" "},stepVerticalTitle:{id:`${s}.Steppers.vertical.title`,defaultMessage:"Vertical Stepper"},stepVerticalDesc:{id:`${s}.Steppers.vertical.desc`,defaultMessage:" "},stepMobileTitle:{id:`${s}.Steppers.mobile.title`,defaultMessage:"Mobile Stepper"},stepMobileDesc:{id:`${s}.Steppers.mobile.desc`,defaultMessage:"Use a progress bar or dots when there are many steps, or if there are steps that need to be inserted during the process (based on responses to earlier steps)."},stepCarouselTitle:{id:`${s}.Steppers.carousel.title`,defaultMessage:"Carousel Stepper"},stepCarouselDesc:{id:`${s}.Steppers.carousel.desc`,defaultMessage:"This is essentially a back/next button positioned correctly. You must implement the textual description yourself, however, an example is provided below for reference."},dialogTitle:{id:`${s}.Dialog.title`,defaultMessage:"Dialog Modal"},dialogStandardTitle:{id:`${s}.Dialog.standard.title`,defaultMessage:"Modals"},dialogStandardDesc:{id:`${s}.Dialog.standard.desc`,defaultMessage:"The modal component provides a solid foundation for creating dialogs, popovers, lightboxes, or whatever else."},dialogAlertsTitle:{id:`${s}.Dialog.alert.title`,defaultMessage:"Alerts"},dialogAlertsDesc:{id:`${s}.Dialog.alert.desc`,defaultMessage:"Alerts are urgent interruptions, requiring acknowledgement, that inform the user about a situation."},dialogSelectionTitle:{id:`${s}.Dialog.selection.title`,defaultMessage:"Selection Dialog"},dialogSelectionDesc:{id:`${s}.Dialog.selection.desc`,defaultMessage:"Choosing an option immediately commits the option and closes the menu."},dialogRadioTitle:{id:`${s}.Dialog.radio.title`,defaultMessage:"Selection Radio Dialog"},dialogRadioDesc:{id:`${s}.Dialog.radio.desc`,defaultMessage:"In this example, users can listen to multiple ringtones but only make a final selection upon touching \u201cOK.\u201d"},dialogFullscreenTitle:{id:`${s}.Dialog.fullscreen.title`,defaultMessage:"Full Screen (Responsive)"},dialogFullscreenDesc:{id:`${s}.Dialog.fullscreen.desc`,defaultMessage:"You may make a Dialog responsively full screen the dialog using withMobileDialog. By default, withMobileDialog()(Dialog) responsively full screens at or below the sm screen size."},dialogScrollTitle:{id:`${s}.Dialog.scroll.title`,defaultMessage:"Scrolling Dialog"},dialogScrollDesc:{id:`${s}.Dialog.scroll.desc`,defaultMessage:"When dialogs become too long for the user\u2019s viewport or device, they scroll."},tooltipTitle:{id:`${s}.Tooltip.title`,defaultMessage:"Popover Tooltip"},tooltipSimpleTitle:{id:`${s}.Tooltip.simple.title`,defaultMessage:"Simple Tooltips"},tooltipSimpleDesc:{id:`${s}.Tooltip.simple.desc`,defaultMessage:"The tooltips are text labels that appear when the user hovers over, focuses on, or touches an element."},tooltipPositionedTitle:{id:`${s}.Tooltip.positioned.title`,defaultMessage:"Positioned Tooltips"},tooltipPositionedDesc:{id:`${s}.Tooltip.positioned.desc`,defaultMessage:"The Tooltip has 12 placements choice. They don\u2019t have directional arrows; instead, they rely on motion emanating from the source to convey direction."},tooltipTriggerTitle:{id:`${s}.Tooltip.trigger.title`,defaultMessage:"Triggers Tooltips"},tooltipTriggerDesc:{id:`${s}.Tooltip.trigger.desc`,defaultMessage:"You can define the types of events that cause a tooltip to show."},tooltipDelayTitle:{id:`${s}.Tooltip.delay.title`,defaultMessage:"Delay Tooltip"},tooltipDelayDesc:{id:`${s}.Tooltip.delay.desc`,defaultMessage:"A delay in showing or hiding the tooltip can be added also."},tooltipPopoverTitle:{id:`${s}.Tooltip.popover.title`,defaultMessage:"Simple Popover"},tooltipPopoverDesc:{id:`${s}.Tooltip.popover.desc`,defaultMessage:"A Popover can be used to display some content on top of another."},tooltipPlayTitle:{id:`${s}.Tooltip.play.title`,defaultMessage:"Popover Playground"},tooltipPlayDesc:{id:`${s}.Tooltip.play.desc`,defaultMessage:"Use the radio buttons to adjust the anch

1orOrigin and transformOrigin positions. You can also set the anchorReference to anchorPosition or anchorEl."},badgesTitle:{id:`${s}.Badges.title`,defaultMessage:"Badges"},badgesCommonTitle:{id:`${s}.Badges.common.title`,defaultMessage:"Common Badges"},badgesCommonDesc:{id:`${s}.Badges.common.desc`,defaultMessage:"Badge generates a small badge to the top-right of its child(ren)."},badgesVariantTitle:{id:`${s}.Badges.variant.title`,defaultMessage:"Variant Badges"},badgesVariantDesc:{id:`${s}.Badges.variant.desc`,defaultMessage:"Examples of badges with icon and in tab, using primary and secondary colors. The badge is applied to its children."},messagesTitle:{id:`${s}.Messages.title`,defaultMessage:"Snackbar"},messagesNotifTitle:{id:`${s}.Messages.notif.title`,defaultMessage:"Snackbars/Notification"},messagesNotifDesc:{id:`${s}.Messages.notif.desc`,defaultMessage:"Snackbars provide brief feedback about an operation through a message - typically at the bottom of the screen."},messagesStyledTitle:{id:`${s}.Messages.styled.title`,defaultMessage:"Styled Notification"},messagesStyledDesc:{id:`${s}.Messages.styled.desc`,defaultMessage:"Some snackbars with varying message style. And some snackbars with varying message length."},messagesMobileTitle:{id:`${s}.Messages.mobile.title`,defaultMessage:"Mobile Notification"},messagesMobileDesc:{id:`${s}.Messages.mobile.desc`,defaultMessage:"Move the floating action button vertically to accommodate the snackbar height."},messagesTransitionTitle:{id:`${s}.Messages.transition.title`,defaultMessage:"Transition"},messagesTransitionDesc:{id:`${s}.Messages.transition.desc`,defaultMessage:"Per Google's guidelines, when a second snackbar is triggered while the first is displayed, the first should start the contraction motion downwards before the second one animates upwards."},listTitle:{id:`${s}.List.title`,defaultMessage:"List"},listBasicTitle:{id:`${s}.List.basic.title`,defaultMessage:"List Basic"},listBasicDesc:{id:`${s}.List.basic.desc`,defaultMessage:"The divider renders as a <hr> by default. You can save rendering this DOM element by using the divider property on the ListItem component."},listMenuTitle:{id:`${s}.List.menu.title`,defaultMessage:"List Menu"},listMenuDesc:{id:`${s}.List.menu.desc`,defaultMessage:"Lists are made up of a continuous column of rows. Each row contains a tile. Primary actions fill the tile, and supplemental actions are represented by icons and text."},listPinnedTitle:{id:`${s}.List.pinned.title`,defaultMessage:"Pinned Subheader List"},listPinnedDesc:{id:`${s}.List.pinned.desc`,defaultMessage:"Upon scrolling, subheaders remain pinned to the top of the screen until pushed off screen by the next subheader."},listControlTitle:{id:`${s}.List.control.title`,defaultMessage:"List Controls"},listControlDesc:{id:`${s}.List.control.desc`,defaultMessage:"The checkbox is the primary action and the state indicator for the list item. The comment button is a secondary action and a separate target."},listInteractiveTitle:{id:`${s}.List.interactive.title`,defaultMessage:"Interactive"},listInteractiveDesc:{id:`${s}.List.interactive.desc`,defaultMessage:"Below is an interactive demo that lets you explore the visual results of the different settings:"},avatarTitle:{id:`${s}.Avatars.title`,defaultMessage:"Avatars"},avatarStandardTitle:{id:`${s}.Avatars.standard.title`,defaultMessage:"Avatars"},avatarStandardDesc:{id:`${s}.Avatars.standard.desc`,defaultMessage:"Avatars are found throughout material design with uses in everything from tables to dialog menus."},avatarImplementedTitle:{id:`${s}.Avatars.implemented.title`,defaultMessage:"Implemented Avatars"},avatarImplementedDesc:{id:`${s}.Avatars.implemented.desc`,defaultMessage:"Some examples of components, using an image Avatar, SVG Icon Avatar, Letter and (string) Avatar."},imageGridTitle:{id:`${s}.Image.title`,defaultMessage:"Image Grid"},imageGridOnlyTitle:{id:`${s}.Image.only.title`,defaultMessage:"Image-Only Grid List"},imageGridOnlyDesc:{id:`${s}.Image.only.desc`,defaultMessage:"A simple example of a scrollable image ImageList"},imageGridTitlebarsTitle:{id:`${s}.Image.titleBars.title`,defaultMessage:"Grid List With Titlebars"},imageGridTitlebarsDesc:{id:`${s}.Image.titleBars.desc`,defaultMessage:"This example demonstrates the use of the ImageListItemBar to add an overlay to each ImageListItem."},imageGridAdvancedTitle:{id:`${s}.Image.advanced.title`,defaultMessage:"Advanced Grid List"},imageGridAdvancedDesc:{id:`${s}.Image.advanced.desc`,defaultMessage:"This example demonstrates featured tiles, using the rows and cols props to adjust the size of the tile, and the padding prop to adjust the spacing."},imageGridSingleTitle:{id:`${s}.Image.single.title`,defaultMessage:"Single Line Grid List"},imageGridSingleDesc:{id:`${s}.Image.single.desc`,defaultMessage:"This example demonstrates a horizontal scrollable single-line grid list of images."},sliderTitle:{id:`${s}.Slider.title`,defaultMessage:"Slider Carousel"},sliderSimpleTitle:{id:`${s}.Slider.simple.title`,defaultMessage:"Simple Slider"},sliderSimpleDesc:{id:`${s}.Slider.simple.desc`,defaultMessage:"React slick is a carousel component built with React. It is a react port of slick carousel"},sliderCarouselTitle:{id:`${s}.Slider.carousel.title`,defaultMessage:"Carousel"},sliderAutoplayTitle:{id:`${s}.Slider.autoplay.title`,defaultMessage:"Autoplay Carousel"},sliderThumbTitle:{id:`${s}.Slider.thumb.title`,defaultMessage:"Carousel With Thumbnail Pagination"},sliderVerticalTitle:{id:`${s}.Slider.vertical.title`,defaultMessage:"Vertical Carousel"},sliderCustomTitle:{id:`${s}.Slider.custom.title`,defaultMessage:"Custom Navigation Carousel"},typoTitle:{id:`${s}.Typo.title`,defaultMessage:"Typography"},typoGeneralTitle:{id:`${s}.Typo.general.title`,defaultMessage:"Genereal Typo"},typoGeneralDesc:{id:`${s}.Typo.general.desc`,defaultMessage:"The Lato font will not be automatically loaded by Material-UI. The developer is responsible for loading all fonts used in their application. Lato Font has a few easy ways to get started."},typoHeadingTitle:{id:`${s}.Typo.heading.title`,defaultMessage:"Heading"},typoListTitle:{id:`${s}.Typo.list.title`,defaultMessage:"List"}

1,typoAlignmentTitle:{id:`${s}.Typo.alignment.title`,defaultMessage:"Text Alignment"},typoQuotesTitle:{id:`${s}.Typo.quotes.title`,defaultMessage:"Quotes"},typoColouredTitle:{id:`${s}.Typo.coloured.title`,defaultMessage:"Coloured Text"},iconsTitle:{id:`${s}.Icons.title`,defaultMessage:"Icons"},iconsMaterialTitle:{id:`${s}.Icons.material.title`,defaultMessage:"Material Icons"},iconsMaterialDesc:{id:`${s}.Icons.material.desc`,defaultMessage:"Material icons are delightful, beautifully crafted symbols for common actions and items. System icons are designed to be simple, modern, friendly, and sometimes quirky. Each icon is reduced to its minimal form, expressing essential characteristics."},ioniconsTitle:{id:`${s}.IonIcons.title`,defaultMessage:"Ionicons"},ionconsDefaultTitle:{id:`${s}.IonIcons.default.title`,defaultMessage:"Ion Icons"},ioniconsDefaultDesc:{id:`${s}.IonIcons.default.desc`,defaultMessage:"Ion icons a beautifully crafted open source icons. Premium designed icons for use in web."},progressTitle:{id:`${s}.Progress.title`,defaultMessage:"Progress"},progressCircularTitle:{id:`${s}.Progress.circular.title`,defaultMessage:"Circular Static"},progressCircularDesc:{id:`${s}.Progress.circular.desc`,defaultMessage:"Progress and activity indicators are visual indications of an app loading content."},progressIndeterminateTitle:{id:`${s}.Progress.indeterminate.title`,defaultMessage:"Circular Indeterminate"},progressIndeterminateDesc:{id:`${s}.Progress.indeterminate.desc`,defaultMessage:"Indicators visualize an unspecified wait time."},progressDeterminateTitle:{id:`${s}.Progress.determinate.title`,defaultMessage:"Circular Determinate"},progressDeterminateDesc:{id:`${s}.Progress.determinate.desc`,defaultMessage:"Indicators display how long an operation will take."},progressIntegrationTitle:{id:`${s}.Progress.integration.title`,defaultMessage:"Circular Integration"},progressIntegrationDesc:{id:`${s}.Progress.integration.desc`,defaultMessage:"Visual indicator should be used to represent each type of operation."},progressLinearTitle:{id:`${s}.Progress.linear.title`,defaultMessage:"Linear Static"},progressLinearDeterminateTitle:{id:`${s}.Progress.linearDeterminate.title`,defaultMessage:"Linear Determinate"},progressLinearIndeterminateTitle:{id:`${s}.Progress.linearIndeterminate.title`,defaultMessage:"Linear Indeterminate"},progressBufferTitle:{id:`${s}.Progress.buffer.title`,defaultMessage:"Linear Buffer"},progressQueryTitle:{id:`${s}.Progress.query.title`,defaultMessage:"Linear Query"},tagsTitle:{id:`${s}.Tags.title`,defaultMessage:"Tags"},tagsBasicTitle:{id:`${s}.Tags.basic.title`,defaultMessage:"Basic Tags"},tagsBasicDesc:{id:`${s}.Tags.basic.desc`,defaultMessage:"Tags represent complex entities in small blocks, such as a contact."},tagsArrayTitle:{id:`${s}.Tags.array.title`,defaultMessage:"Array Tags"},tagsArrayDesc:{id:`${s}.Tags.array.desc`,defaultMessage:"An example of rendering multiple Tags from an array of values."}})}}]);