@xplortech/apollo-react 2.11.0 → 3.0.0

package/dist/components/stencil-generated/components.server.js

@@ -0,0 +1,978 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/ssr';
+import * as clientComponents from "@xplortech/apollo-react";
+export const serializeShadowRoot = { default: "declarative-shadow-dom" };
+export const XplAccordion = createComponent({
+    tagName: 'xpl-accordion',
+    properties: {
+        contentId: 'content-id',
+        header: 'header',
+        description: 'description',
+        initialExpanded: 'initial-expanded',
+        size: 'size',
+        borderType: 'border-type'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplAccordion,
+    serializeShadowRoot
+});
+export const XplApplicationShell = createComponent({
+    tagName: 'xpl-application-shell',
+    properties: {
+        withSubnav: 'with-subnav',
+        withUtility: 'with-utility',
+        navWidth: 'nav-width',
+        isNavOpenAtStartup: 'is-nav-open-at-startup'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplApplicationShell,
+    serializeShadowRoot
+});
+export const XplAvatar = createComponent({
+    tagName: 'xpl-avatar',
+    properties: {
+        color: 'color',
+        disabled: 'disabled',
+        groupData: 'group-data',
+        href: 'href',
+        name: 'name',
+        size: 'size',
+        src: 'src',
+        status: 'status',
+        subText: 'sub-text',
+        target: 'target',
+        variant: 'variant'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplAvatar,
+    serializeShadowRoot
+});
+export const XplBackdrop = createComponent({
+    tagName: 'xpl-backdrop',
+    properties: { relative: 'relative' },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplBackdrop,
+    serializeShadowRoot
+});
+export const XplBadge = createComponent({
+    tagName: 'xpl-badge',
+    properties: {
+        bordered: 'bordered',
+        dot: 'dot',
+        dotOnly: 'dot-only',
+        shape: 'shape',
+        size: 'size',
+        variant: 'variant'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplBadge,
+    serializeShadowRoot
+});
+export const XplBanner = createComponent({
+    tagName: 'xpl-banner',
+    properties: {
+        actionText: 'action-text',
+        appearance: 'appearance',
+        description: 'description',
+        hasIcon: 'has-icon',
+        heading: 'heading',
+        isDismissible: 'is-dismissible',
+        isSection: 'is-section',
+        secondaryActionText: 'secondary-action-text',
+        truncateDesc: 'truncate-desc'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplBanner,
+    serializeShadowRoot
+});
+export const XplBreadcrumbItem = createComponent({
+    tagName: 'xpl-breadcrumb-item',
+    properties: {},
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplBreadcrumbItem,
+    serializeShadowRoot
+});
+export const XplBreadcrumbs = createComponent({
+    tagName: 'xpl-breadcrumbs',
+    properties: {},
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplBreadcrumbs,
+    serializeShadowRoot
+});
+export const XplButton = createComponent({
+    tagName: 'xpl-button',
+    properties: {
+        disabled: 'disabled',
+        form: 'form',
+        fullWidth: 'full-width',
+        icon: 'icon',
+        iconOnly: 'icon-only',
+        iconPosition: 'icon-position',
+        isLoading: 'is-loading',
+        link: 'link',
+        name: 'name',
+        sentiment: 'sentiment',
+        size: 'size',
+        state: 'state',
+        type: 'type',
+        value: 'value',
+        variant: 'variant'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplButton,
+    serializeShadowRoot
+});
+export const XplButtonRow = createComponent({
+    tagName: 'xpl-button-row',
+    properties: {
+        primary: 'primary',
+        secondary: 'secondary',
+        tertiary: 'tertiary'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplButtonRow,
+    serializeShadowRoot
+});
+export const XplCalendar = createComponent({
+    tagName: 'xpl-calendar',
+    properties: {
+        inputId: 'input-id',
+        dateFormat: 'date-format',
+        max: 'max',
+        min: 'min',
+        mode: 'mode',
+        defaultDate: 'default-date'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplCalendar,
+    serializeShadowRoot
+});
+export const XplCheckbox = createComponent({
+    tagName: 'xpl-checkbox',
+    properties: {
+        ariaLabel: 'aria-label',
+        checked: 'checked',
+        description: 'description',
+        disabled: 'disabled',
+        indeterminate: 'indeterminate',
+        name: 'name',
+        value: 'value',
+        required: 'required',
+        styled: 'styled',
+        dataId: 'data-id'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplCheckbox,
+    serializeShadowRoot
+});
+export const XplChoicelist = createComponent({
+    tagName: 'xpl-choicelist',
+    properties: {
+        description: 'description',
+        heading: 'heading',
+        multi: 'multi',
+        name: 'name',
+        styled: 'styled'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplChoicelist,
+    serializeShadowRoot
+});
+export const XplContentArea = createComponent({
+    tagName: 'xpl-content-area',
+    properties: { size: 'size' },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplContentArea,
+    serializeShadowRoot
+});
+export const XplDashboard = createComponent({
+    tagName: 'xpl-dashboard',
+    properties: {},
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplDashboard,
+    serializeShadowRoot
+});
+export const XplDataCard = createComponent({
+    tagName: 'xpl-data-card',
+    properties: {
+        link: 'link',
+        name: 'name',
+        stat: 'stat',
+        shortStat: 'short-stat',
+        variant: 'variant',
+        leadingIcon: 'leading-icon',
+        icon: 'icon',
+        smallStat: 'small-stat',
+        smallStatIcon: 'small-stat-icon',
+        detail: 'detail',
+        smallStatVariant: 'small-stat-variant',
+        tooltipTextSmallStat: 'tooltip-text-small-stat',
+        tooltipTextStat: 'tooltip-text-stat'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplDataCard,
+    serializeShadowRoot
+});
+export const XplDivider = createComponent({
+    tagName: 'xpl-divider',
+    properties: { tier: 'tier' },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplDivider,
+    serializeShadowRoot
+});
+export const XplDropdown = createComponent({
+    tagName: 'xpl-dropdown',
+    properties: {
+        isOpen: 'open',
+        closeOnSelect: 'close-on-select',
+        mode: 'mode',
+        anchorToTrigger: 'anchor-to-trigger',
+        placement: 'placement',
+        selectedValues: 'selected-values',
+        selectOnFocus: 'select-on-focus',
+        triggerId: 'trigger-id'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplDropdown,
+    serializeShadowRoot
+});
+export const XplDropdownGroup = createComponent({
+    tagName: 'xpl-dropdown-group',
+    properties: { groupName: 'label' },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplDropdownGroup,
+    serializeShadowRoot
+});
+export const XplDropdownHeading = createComponent({
+    tagName: 'xpl-dropdown-heading',
+    properties: { label: 'label' },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplDropdownHeading,
+    serializeShadowRoot
+});
+export const XplDropdownOption = createComponent({
+    tagName: 'xpl-dropdown-option',
+    properties: {
+        isDisabled: 'disabled',
+        label: 'label',
+        value: 'value',
+        subtitle: 'subtitle',
+        icon: 'icon',
+        isSelected: 'selected'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplDropdownOption,
+    serializeShadowRoot
+});
+export const XplDynamicTable = createComponent({
+    tagName: 'xpl-dynamic-table',
+    properties: {},
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplDynamicTable,
+    serializeShadowRoot
+});
+export const XplDynamicTableCell = createComponent({
+    tagName: 'xpl-dynamic-table-cell',
+    properties: { disabled: 'disabled' },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplDynamicTableCell,
+    serializeShadowRoot
+});
+export const XplDynamicTableRow = createComponent({
+    tagName: 'xpl-dynamic-table-row',
+    properties: {
+        disabled: 'disabled',
+        selected: 'selected'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplDynamicTableRow,
+    serializeShadowRoot
+});
+export const XplGrid = createComponent({
+    tagName: 'xpl-grid',
+    properties: {},
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplGrid,
+    serializeShadowRoot
+});
+export const XplGridItem = createComponent({
+    tagName: 'xpl-grid-item',
+    properties: {
+        xs: 'xs',
+        sm: 'sm',
+        md: 'md',
+        lg: 'lg'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplGridItem,
+    serializeShadowRoot
+});
+export const XplHeaderAccordion = createComponent({
+    tagName: 'xpl-header-accordion',
+    properties: {
+        contentId: 'content-id',
+        initialExpanded: 'initial-expanded',
+        disabled: 'disabled',
+        selectedCount: 'selected-count',
+        hasCheckbox: 'has-checkbox'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplHeaderAccordion,
+    serializeShadowRoot
+});
+export const XplIcon = createComponent({
+    tagName: 'xpl-icon',
+    properties: {
+        icon: 'icon',
+        size: 'size',
+        backgroundColor: 'background-color'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplIcon,
+    serializeShadowRoot
+});
+export const XplInput = createComponent({
+    tagName: 'xpl-input',
+    properties: {
+        _id: '_id',
+        description: 'description',
+        disabled: 'disabled',
+        error: 'error',
+        label: 'label',
+        name: 'name',
+        required: 'required',
+        readonly: 'readonly',
+        value: 'value',
+        autocomplete: 'autocomplete',
+        placeholder: 'placeholder',
+        post: 'post',
+        pre: 'pre',
+        max: 'max',
+        min: 'min',
+        step: 'step',
+        multiline: 'multiline',
+        maxCharacterCount: 'max-character-count',
+        dateFormat: 'date-format',
+        timeFormat: 'time-format',
+        allowCustomOption: 'allow-custom-option',
+        mode: 'mode',
+        accept: 'accept',
+        multiple: 'multiple',
+        hideTriggerOnSelect: 'hide-trigger-on-select',
+        hideFileNames: 'hide-file-names',
+        hideAcceptText: 'hide-accept-text',
+        hideEyeDropper: 'hide-eye-dropper',
+        defaultCountry: 'default-country',
+        isInternational: 'is-international',
+        ariaLabel: 'aria-label',
+        shape: 'shape',
+        type: 'type'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplInput,
+    serializeShadowRoot
+});
+export const XplInputColor = createComponent({
+    tagName: 'xpl-input-color',
+    properties: {
+        value: 'value',
+        placeholder: 'placeholder',
+        disabled: 'disabled',
+        required: 'required',
+        hideEyeDropper: 'hide-eye-dropper'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplInputColor,
+    serializeShadowRoot
+});
+export const XplInputDate = createComponent({
+    tagName: 'xpl-input-date',
+    properties: {
+        inputId: 'input-id',
+        disabled: 'disabled',
+        name: 'name',
+        required: 'required',
+        readonly: 'readonly',
+        value: 'value',
+        placeholder: 'placeholder',
+        post: 'post',
+        pre: 'pre',
+        max: 'max',
+        min: 'min',
+        dateFormat: 'date-format',
+        mode: 'mode'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplInputDate,
+    serializeShadowRoot
+});
+export const XplInputFile = createComponent({
+    tagName: 'xpl-input-file',
+    properties: {
+        disabled: 'disabled',
+        name: 'name',
+        _id: '_id',
+        accept: 'accept',
+        multiple: 'multiple',
+        hideTriggerOnSelect: 'hide-trigger-on-select',
+        hideFileNames: 'hide-file-names',
+        hideAcceptText: 'hide-accept-text'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplInputFile,
+    serializeShadowRoot
+});
+export const XplInputPhone = createComponent({
+    tagName: 'xpl-input-phone',
+    properties: {
+        defaultCountry: 'default-country',
+        disabled: 'disabled',
+        error: 'error',
+        inputId: 'input-id',
+        isInternational: 'is-international',
+        name: 'name',
+        placeholder: 'placeholder',
+        readonly: 'readonly',
+        required: 'required',
+        value: 'value'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplInputPhone,
+    serializeShadowRoot
+});
+export const XplInputSearch = createComponent({
+    tagName: 'xpl-input-search',
+    properties: {
+        ariaLabel: 'aria-label',
+        autocomplete: 'autocomplete',
+        disabled: 'disabled',
+        errorMessageId: 'error-message-id',
+        hasError: 'has-error',
+        hasVisibleLabel: 'has-visible-label',
+        inputId: 'input-id',
+        name: 'name',
+        placeholder: 'placeholder',
+        readonly: 'readonly',
+        required: 'required',
+        shape: 'shape',
+        value: 'value'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplInputSearch,
+    serializeShadowRoot
+});
+export const XplInputTime = createComponent({
+    tagName: 'xpl-input-time',
+    properties: {
+        inputId: 'input-id',
+        disabled: 'disabled',
+        name: 'name',
+        required: 'required',
+        readonly: 'readonly',
+        value: 'value',
+        placeholder: 'placeholder',
+        max: 'max',
+        min: 'min',
+        step: 'step',
+        mode: 'mode',
+        timeFormat: 'time-format',
+        allowCustomOption: 'allow-custom-option'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplInputTime,
+    serializeShadowRoot
+});
+export const XplLargeCard = createComponent({
+    tagName: 'xpl-large-card',
+    properties: {
+        link: 'link',
+        name: 'name',
+        description: 'description'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplLargeCard,
+    serializeShadowRoot
+});
+export const XplList = createComponent({
+    tagName: 'xpl-list',
+    properties: {
+        label: 'label',
+        labelledBy: 'labelled-by',
+        reorderable: 'reorderable',
+        selectable: 'selectable'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplList,
+    serializeShadowRoot
+});
+export const XplListItem = createComponent({
+    tagName: 'xpl-list-item',
+    properties: {
+        disabled: 'disabled',
+        error: 'error',
+        hidden: 'hidden',
+        href: 'href',
+        itemId: 'item-id',
+        keyboardActive: 'keyboard-active',
+        radioName: 'radio-name',
+        reorderable: 'reorderable',
+        selectable: 'selectable',
+        selected: 'selected',
+        showDivider: 'show-divider',
+        titleBadgeVariant: 'title-badge-variant'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplListItem,
+    serializeShadowRoot
+});
+export const XplMainNav = createComponent({
+    tagName: 'xpl-main-nav',
+    properties: { width: 'width' },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplMainNav,
+    serializeShadowRoot
+});
+export const XplModal = createComponent({
+    tagName: 'xpl-modal',
+    properties: {
+        isOpen: 'is-open',
+        size: 'size',
+        variant: 'variant'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplModal,
+    serializeShadowRoot
+});
+export const XplNavHeaderMenu = createComponent({
+    tagName: 'xpl-nav-header-menu',
+    properties: {
+        email: 'email',
+        username: 'username'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplNavHeaderMenu,
+    serializeShadowRoot
+});
+export const XplNavItem = createComponent({
+    tagName: 'xpl-nav-item',
+    properties: { navControl: 'nav-control' },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplNavItem,
+    serializeShadowRoot
+});
+export const XplPagination = createComponent({
+    tagName: 'xpl-pagination',
+    properties: {
+        totalPages: 'total-pages',
+        withPageControl: 'with-page-control',
+        currentPage: 'current-page',
+        rowsPerPageOptions: 'rows-per-page-options',
+        selectedRowsPerPage: 'selected-rows-per-page'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplPagination,
+    serializeShadowRoot
+});
+export const XplPanel = createComponent({
+    tagName: 'xpl-panel',
+    properties: {
+        accent: 'accent',
+        padding: 'padding'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplPanel,
+    serializeShadowRoot
+});
+export const XplPopover = createComponent({
+    tagName: 'xpl-popover',
+    properties: {
+        isOpen: 'is-open',
+        disabled: 'disabled',
+        position: 'position',
+        display: 'display'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplPopover,
+    serializeShadowRoot
+});
+export const XplProgressBar = createComponent({
+    tagName: 'xpl-progress-bar',
+    properties: {
+        helperText: 'helper-text',
+        label: 'label',
+        max: 'max',
+        size: 'size',
+        value: 'value',
+        variant: 'variant'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplProgressBar,
+    serializeShadowRoot
+});
+export const XplProgressIndicator = createComponent({
+    tagName: 'xpl-progress-indicator',
+    properties: {
+        currentStep: 'current-step',
+        layout: 'layout',
+        showLabels: 'show-labels',
+        showNumbers: 'show-numbers'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplProgressIndicator,
+    serializeShadowRoot
+});
+export const XplRadio = createComponent({
+    tagName: 'xpl-radio',
+    properties: {
+        checked: 'checked',
+        description: 'description',
+        disabled: 'disabled',
+        name: 'name',
+        value: 'value',
+        required: 'required',
+        selectedValue: 'selected-value',
+        styled: 'styled'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplRadio,
+    serializeShadowRoot
+});
+export const XplSecondaryNav = createComponent({
+    tagName: 'xpl-secondary-nav',
+    properties: {},
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplSecondaryNav,
+    serializeShadowRoot
+});
+export const XplSelect = createComponent({
+    tagName: 'xpl-select',
+    properties: {
+        selectIcon: 'select-icon',
+        description: 'description',
+        disabled: 'disabled',
+        dropdownPlacement: 'dropdown-placement',
+        error: 'error',
+        label: 'label',
+        mode: 'mode',
+        name: 'name',
+        placeholder: 'placeholder',
+        truncate: 'truncate',
+        customDisplayValue: 'custom-display-value',
+        selectedValues: 'selected-values',
+        classNames: 'class-names'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplSelect,
+    serializeShadowRoot
+});
+export const XplSideNav = createComponent({
+    tagName: 'xpl-side-nav',
+    properties: {
+        label: 'label',
+        open: 'open'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplSideNav,
+    serializeShadowRoot
+});
+export const XplSideNavHeaderItem = createComponent({
+    tagName: 'xpl-side-nav-header-item',
+    properties: {
+        icon: 'icon',
+        label: 'label',
+        selected: 'selected',
+        type: 'type'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplSideNavHeaderItem,
+    serializeShadowRoot
+});
+export const XplSideNavItem = createComponent({
+    tagName: 'xpl-side-nav-item',
+    properties: {
+        disabled: 'disabled',
+        expanded: 'expanded',
+        hasChildren: 'has-children',
+        hidden: 'hidden',
+        icon: 'icon',
+        label: 'label',
+        link: 'link',
+        selected: 'selected'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplSideNavItem,
+    serializeShadowRoot
+});
+export const XplSideNavSection = createComponent({
+    tagName: 'xpl-side-nav-section',
+    properties: {
+        collapsible: 'collapsible',
+        expanded: 'expanded',
+        heading: 'heading'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplSideNavSection,
+    serializeShadowRoot
+});
+export const XplSkeleton = createComponent({
+    tagName: 'xpl-skeleton',
+    properties: {
+        classNames: 'class-names',
+        fullWidth: 'full-width',
+        height: 'height',
+        width: 'width',
+        margin: 'margin',
+        shape: 'shape',
+        size: 'size'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplSkeleton,
+    serializeShadowRoot
+});
+export const XplSlideout = createComponent({
+    tagName: 'xpl-slideout',
+    properties: {
+        isOpen: 'is-open',
+        backdrop: 'backdrop',
+        variant: 'variant',
+        showFooter: 'show-footer'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplSlideout,
+    serializeShadowRoot
+});
+export const XplSpotlight = createComponent({
+    tagName: 'xpl-spotlight',
+    properties: {
+        actionLayout: 'action-layout',
+        anchorPosition: 'anchor-position',
+        body: 'body',
+        currentStep: 'current-step',
+        heading: 'heading',
+        isDismissible: 'is-dismissible',
+        isOpen: 'is-open',
+        primaryActionLabel: 'primary-action-label',
+        secondaryActionLabel: 'secondary-action-label',
+        showActions: 'show-actions',
+        showImage: 'show-image',
+        showSteps: 'show-steps',
+        target: 'target',
+        totalSteps: 'total-steps'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplSpotlight,
+    serializeShadowRoot
+});
+export const XplTab = createComponent({
+    tagName: 'xpl-tab',
+    properties: {
+        badge: 'badge',
+        badgeVariant: 'badge-variant',
+        disabled: 'disabled',
+        fullWidth: 'full-width',
+        groupDisabled: 'data-group-disabled',
+        icon: 'icon',
+        iconPosition: 'icon-position',
+        selected: 'selected',
+        target: 'target',
+        variant: 'variant'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplTab,
+    serializeShadowRoot
+});
+export const XplTabPanel = createComponent({
+    tagName: 'xpl-tab-panel',
+    properties: {
+        selected: 'selected',
+        target: 'target'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplTabPanel,
+    serializeShadowRoot
+});
+export const XplTable = createComponent({
+    tagName: 'xpl-table',
+    properties: {
+        freeze: 'freeze',
+        multiselect: 'multiselect',
+        striped: 'striped',
+        isSortable: 'is-sortable'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplTable,
+    serializeShadowRoot
+});
+export const XplTableBody = createComponent({
+    tagName: 'xpl-table-body',
+    properties: {},
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplTableBody,
+    serializeShadowRoot
+});
+export const XplTableFooter = createComponent({
+    tagName: 'xpl-table-footer',
+    properties: {},
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplTableFooter,
+    serializeShadowRoot
+});
+export const XplTableFooterCell = createComponent({
+    tagName: 'xpl-table-footer-cell',
+    properties: { align: 'align' },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplTableFooterCell,
+    serializeShadowRoot
+});
+export const XplTableHeader = createComponent({
+    tagName: 'xpl-table-header',
+    properties: {},
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplTableHeader,
+    serializeShadowRoot
+});
+export const XplTableHeaderCell = createComponent({
+    tagName: 'xpl-table-header-cell',
+    properties: {
+        icon: 'icon',
+        sortable: 'sortable',
+        label: 'label',
+        type: 'type',
+        width: 'width'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplTableHeaderCell,
+    serializeShadowRoot
+});
+export const XplTableRow = createComponent({
+    tagName: 'xpl-table-row',
+    properties: {
+        disabled: 'disabled',
+        rowId: 'row-id',
+        selected: 'selected'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplTableRow,
+    serializeShadowRoot
+});
+export const XplTabs = createComponent({
+    tagName: 'xpl-tabs',
+    properties: {
+        disabled: 'disabled',
+        fullWidth: 'full-width',
+        type: 'type',
+        value: 'value'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplTabs,
+    serializeShadowRoot
+});
+export const XplTag = createComponent({
+    tagName: 'xpl-tag',
+    properties: {
+        disabled: 'disabled',
+        dismissible: 'dismissible',
+        isDraggable: 'is-draggable',
+        size: 'size',
+        tagId: 'tag-id'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplTag,
+    serializeShadowRoot
+});
+export const XplToast = createComponent({
+    tagName: 'xpl-toast',
+    properties: {
+        caption: 'caption',
+        dismissable: 'dismissable',
+        dismissible: 'dismissible',
+        showIcon: 'show-icon',
+        timeout: 'timeout',
+        variant: 'variant'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplToast,
+    serializeShadowRoot
+});
+export const XplToggle = createComponent({
+    tagName: 'xpl-toggle',
+    properties: {
+        checked: 'checked',
+        description: 'description',
+        disabled: 'disabled',
+        heading: 'heading',
+        label: 'label',
+        name: 'name',
+        variant: 'variant'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplToggle,
+    serializeShadowRoot
+});
+export const XplToolbar = createComponent({
+    tagName: 'xpl-toolbar',
+    properties: { selectedItemCount: 'selected-item-count' },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplToolbar,
+    serializeShadowRoot
+});
+export const XplTooltip = createComponent({
+    tagName: 'xpl-tooltip',
+    properties: {
+        text: 'text',
+        position: 'position',
+        hideArrow: 'hide-arrow'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplTooltip,
+    serializeShadowRoot
+});
+export const XplTopNav = createComponent({
+    tagName: 'xpl-top-nav',
+    properties: {
+        brandHref: 'brand-href',
+        brandLogo: 'brand-logo',
+        brandName: 'brand-name',
+        childAccountLabel: 'child-account-label',
+        label: 'label',
+        navControl: 'nav-control'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplTopNav,
+    serializeShadowRoot
+});
+export const XplTopNavItem = createComponent({
+    tagName: 'xpl-top-nav-item',
+    properties: {
+        active: 'active',
+        description: 'description',
+        href: 'href',
+        icon: 'icon',
+        itemAriaLabel: 'item-aria-label',
+        label: 'label',
+        open: 'open',
+        openMode: 'open-mode',
+        selected: 'selected'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplTopNavItem,
+    serializeShadowRoot
+});
+export const XplTopNavMenu = createComponent({
+    tagName: 'xpl-top-nav-menu',
+    properties: { label: 'label' },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplTopNavMenu,
+    serializeShadowRoot
+});
+export const XplUtilityBar = createComponent({
+    tagName: 'xpl-utility-bar',
+    properties: {
+        navControl: 'nav-control',
+        isNavOpenAtStartup: 'is-nav-open-at-startup'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@xplortech/apollo-core/hydrate') : undefined,
+    clientModule: clientComponents.XplUtilityBar,
+    serializeShadowRoot
+});
+//# sourceMappingURL=components.server.js.map