@aquera/nile-elements 2.0.2 → 2.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +19 -0
- package/demo/nxtgen-classes.css +2 -2
- package/demo/nxtgen-properties.css +2 -2
- package/demo/nxtgen-utilities.css +4 -4
- package/demo/nxtgen.css +2 -2
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.js +1120 -674
- package/dist/nile-empty-state/nile-empty-state.cjs.js +1 -1
- package/dist/nile-empty-state/nile-empty-state.cjs.js.map +1 -1
- package/dist/nile-empty-state/nile-empty-state.css.cjs.js +1 -1
- package/dist/nile-empty-state/nile-empty-state.css.cjs.js.map +1 -1
- package/dist/nile-empty-state/nile-empty-state.css.esm.js +129 -6
- package/dist/nile-empty-state/nile-empty-state.esm.js +45 -31
- package/dist/nile-pagination/nile-pagination.cjs.js +1 -1
- package/dist/nile-pagination/nile-pagination.cjs.js.map +1 -1
- package/dist/nile-pagination/nile-pagination.esm.js +25 -25
- package/dist/nile-segmented-progress-bar/index.cjs.js +2 -0
- package/dist/nile-segmented-progress-bar/index.cjs.js.map +1 -0
- package/dist/nile-segmented-progress-bar/index.esm.js +1 -0
- package/dist/nile-segmented-progress-bar/nile-segmented-progress-bar.cjs.js +2 -0
- package/dist/nile-segmented-progress-bar/nile-segmented-progress-bar.cjs.js.map +1 -0
- package/dist/nile-segmented-progress-bar/nile-segmented-progress-bar.css.cjs.js +2 -0
- package/dist/nile-segmented-progress-bar/nile-segmented-progress-bar.css.cjs.js.map +1 -0
- package/dist/nile-segmented-progress-bar/nile-segmented-progress-bar.css.esm.js +243 -0
- package/dist/nile-segmented-progress-bar/nile-segmented-progress-bar.esm.js +69 -0
- package/dist/nile-wysiwyg-editor/engine/commands.cjs.js +1 -1
- package/dist/nile-wysiwyg-editor/engine/commands.cjs.js.map +1 -1
- package/dist/nile-wysiwyg-editor/engine/commands.esm.js +1 -1
- package/dist/nile-wysiwyg-editor/engine/create-state.cjs.js +1 -1
- package/dist/nile-wysiwyg-editor/engine/create-state.esm.js +1 -1
- package/dist/nile-wysiwyg-editor/engine/index.cjs.js +1 -1
- package/dist/nile-wysiwyg-editor/engine/index.esm.js +1 -1
- package/dist/nile-wysiwyg-editor/engine/plugins/code-highlight.cjs.js +1 -1
- package/dist/nile-wysiwyg-editor/engine/plugins/code-highlight.cjs.js.map +1 -1
- package/dist/nile-wysiwyg-editor/engine/plugins/code-highlight.esm.js +1 -1
- package/dist/nile-wysiwyg-editor/index.cjs.js +1 -1
- package/dist/nile-wysiwyg-editor/index.esm.js +1 -1
- package/dist/nile-wysiwyg-editor/nile-wysiwyg-editor.cjs.js +1 -1
- package/dist/nile-wysiwyg-editor/nile-wysiwyg-editor.esm.js +1 -1
- package/dist/nile-wysiwyg-editor/ui/code-block-menu.cjs.js +1 -1
- package/dist/nile-wysiwyg-editor/ui/code-block-menu.esm.js +1 -1
- package/dist/nile-wysiwyg-editor/ui/source-view.cjs.js +1 -1
- package/dist/nile-wysiwyg-editor/ui/source-view.esm.js +1 -1
- package/dist/src/index.d.ts +2 -0
- package/dist/src/index.js +1 -0
- package/dist/src/index.js.map +1 -1
- package/dist/src/nile-empty-state/nile-empty-state.css.js +127 -4
- package/dist/src/nile-empty-state/nile-empty-state.css.js.map +1 -1
- package/dist/src/nile-empty-state/nile-empty-state.d.ts +35 -5
- package/dist/src/nile-empty-state/nile-empty-state.js +159 -42
- package/dist/src/nile-empty-state/nile-empty-state.js.map +1 -1
- package/dist/src/nile-empty-state/nile-empty-state.test.d.ts +1 -0
- package/dist/src/nile-empty-state/nile-empty-state.test.js +186 -15
- package/dist/src/nile-empty-state/nile-empty-state.test.js.map +1 -1
- package/dist/src/nile-pagination/nile-pagination.js +5 -5
- package/dist/src/nile-pagination/nile-pagination.js.map +1 -1
- package/dist/src/nile-segmented-progress-bar/index.d.ts +2 -0
- package/dist/src/nile-segmented-progress-bar/index.js +2 -0
- package/dist/src/nile-segmented-progress-bar/index.js.map +1 -0
- package/dist/src/nile-segmented-progress-bar/nile-segmented-progress-bar.css.d.ts +9 -0
- package/dist/src/nile-segmented-progress-bar/nile-segmented-progress-bar.css.js +252 -0
- package/dist/src/nile-segmented-progress-bar/nile-segmented-progress-bar.css.js.map +1 -0
- package/dist/src/nile-segmented-progress-bar/nile-segmented-progress-bar.d.ts +135 -0
- package/dist/src/nile-segmented-progress-bar/nile-segmented-progress-bar.js +373 -0
- package/dist/src/nile-segmented-progress-bar/nile-segmented-progress-bar.js.map +1 -0
- package/dist/src/nile-segmented-progress-bar/nile-segmented-progress-bar.test.d.ts +1 -0
- package/dist/src/nile-segmented-progress-bar/nile-segmented-progress-bar.test.js +961 -0
- package/dist/src/nile-segmented-progress-bar/nile-segmented-progress-bar.test.js.map +1 -0
- package/dist/src/version.js +1 -1
- package/dist/src/version.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/xml-09119317.cjs.js +2 -0
- package/dist/xml-09119317.cjs.js.map +1 -0
- package/dist/{xml-25c4108a.esm.js → xml-9bf771b3.esm.js} +1 -1
- package/package.json +2 -1
- package/src/index.ts +5 -0
- package/src/nile-empty-state/nile-empty-state.css.ts +127 -4
- package/src/nile-empty-state/nile-empty-state.test.ts +192 -15
- package/src/nile-empty-state/nile-empty-state.ts +195 -34
- package/src/nile-pagination/nile-pagination.ts +5 -5
- package/src/nile-segmented-progress-bar/index.ts +5 -0
- package/src/nile-segmented-progress-bar/nile-segmented-progress-bar.css.ts +254 -0
- package/src/nile-segmented-progress-bar/nile-segmented-progress-bar.test.ts +1298 -0
- package/src/nile-segmented-progress-bar/nile-segmented-progress-bar.ts +437 -0
- package/vscode-html-custom-data.json +192 -16
- package/dist/xml-90fd974e.cjs.js +0 -2
- package/dist/xml-90fd974e.cjs.js.map +0 -1
package/dist/src/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["export { NileButton } from './nile-button';\nexport { NileHeading } from './nile-heading';\nexport { NileIcon } from './nile-icon';\nexport { NileInput } from './nile-input';\nexport { NileOtpInput } from './nile-otp-input';\nexport { NileMenu } from './nile-menu';\nexport { NileBadge } from './nile-badge';\nexport { NileStatusLight } from './nile-status-light';\nexport { NileDrawer } from './nile-drawer';\nexport { NileCheckbox } from './nile-checkbox';\nexport { NileCheckboxGroup } from './nile-checkbox-group';\nexport { NileRadio } from './nile-radio';\nexport { NileRadioGroup } from './nile-radio-group';\nexport { NilePopup } from './nile-popup';\nexport { NileTooltip } from './nile-tooltip';\nexport { NileSlideToggle } from './nile-slide-toggle';\nexport { NileLoader } from './nile-loader';\nexport { NileProgressBar } from './nile-progress-bar';\nexport { NileSpinner } from './nile-spinner';\nexport { NileSkeletonLoader } from './nile-skeleton-loader';\nexport { NileSelect } from './nile-select';\nexport { NileVirtualSelect } from './nile-virtual-select';\nexport { NileOption } from './nile-option';\nexport { NileTag } from './nile-tag';\nexport { NileIconButton } from './nile-icon-button';\nexport { NileMenuItem } from './nile-menu-item';\nexport { NileDropdown } from './nile-dropdown';\nexport { NileAutoComplete } from './nile-auto-complete';\nexport { NileCombobox } from './nile-combobox';\nexport { NileChip } from './nile-chip';\nexport { NileTextarea } from './nile-textarea';\nexport { NileDatePicker } from './nile-date-picker';\nexport { NileErrorMessage } from './nile-error-message';\nexport { NileFormErrorMessage } from './nile-form-error-message';\nexport { NileFormHelpText } from './nile-form-help-text';\nexport { NileCalendar } from './nile-calendar';\nexport { NileTimestampBuilder } from './nile-timestamp-builder';\nexport { NileLink } from './nile-link';\nexport { NileButtonToggleGroup } from './nile-button-toggle-group';\nexport { NileButtonToggle } from './nile-button-toggle';\nexport { NileSwitcher } from './nile-switcher';\nexport { NileContentEditor } from './nile-content-editor';\nexport { NileDialog } from './nile-dialog';\nexport { NileErrorNotification } from './nile-error-notification';\nexport { NileTabGroup } from './nile-tab-group';\nexport { NileTab } from './nile-tab';\nexport { NileTabPanel } from './nile-tab-panel';\nexport { NileCodeEditor } from './nile-code-editor';\nexport { NileToast } from './nile-toast';\nexport { NileBreadcrumb } from './nile-breadcrumb';\nexport { NileBreadcrumbItem } from './nile-breadcrumb-item';\nexport { NileFormGroup } from './nile-form-group';\nexport { NileCard } from './nile-card';\nexport { NileCarousel } from './nile-carousel';\nexport { NileCarouselItem } from './nile-carousel/nile-carousel-item';\nexport { NilePopover } from './nile-popover';\nexport { NileButtonFilter } from './nile-button-filter';\nexport { NileCircularProgressbar } from './nile-circular-progressbar';\nexport { NileTableCellItem } from './nile-table-cell-item';\nexport { NileTableRow } from './nile-table-row';\nexport { NileTableBody } from './nile-table-body';\nexport { NileTableHeaderItem } from './nile-table-header-item';\nexport { NileAvatar } from './nile-avatar';\nexport { NilePageHeader } from './nile-page-header';\nexport { NileEmptyState } from './nile-empty-state';\nexport { NileHero } from './nile-hero';\nexport { NileStepperItem } from './nile-stepper-item';\nexport { NileStepper } from './nile-stepper';\nexport { NileDotStepper } from './nile-dot-stepper';\nexport { NileHeroHeader } from './nile-hero-header';\nexport { NileVerticalStepperItem } from './nile-vertical-stepper-item';\nexport { NileFormatDate } from './nile-format-date';\nexport { NileSplitPanel } from './nile-split-panel';\nexport { NileTree } from './nile-tree';\nexport { NileTreeItem } from './nile-tree-item';\nexport { NileListItem } from './nile-list-item';\nexport { NileList } from './nile-list';\nexport { NileAccordion } from './nile-accordion';\nexport { NileDivider } from './nile-divider';\nexport { NileTitle } from './nile-title';\nexport { NileSectionMessage } from './nile-section-message';\nexport { NileToolbar } from './nile-toolbar';\nexport { NileInlineEdit } from './nile-inline-edit';\nexport { NileTable } from './nile-table';\nexport { NileFilterChip } from './nile-filter-chip';\nexport {NilePagination } from './nile-pagination';\nexport { NileSlider } from './nile-slider';\nexport { NileFileUpload } from './nile-file-upload';\nexport { NileFilePreview } from './nile-file-preview';\nexport { NileOptionGroup } from './nile-option-group';\nexport { NileGrid } from './nile-grid';\nexport { NileGridBody } from './nile-grid/nile-grid-body';\nexport { NileGridRow } from './nile-grid/nile-grid-row';\nexport { NileGridHeadItem } from './nile-grid/nile-grid-head-item';\nexport { NileGridCellItem } from './nile-grid/nile-grid-cell-item';\nexport { NileGridHead } from './nile-grid/nile-grid-head';\nexport { NileRichTextEditor } from './nile-rich-text-editor';\nexport { NileColorPicker } from './nile-color-picker';\nexport type { ColorPickerType, SwatchTooltip, PaletteEntry } from './nile-color-picker';\nexport { NileColorSwatch } from './nile-color-swatch';\n\n// Import version utility to set nile version in window object\nimport './version';\n\nexport { NileSideBar } from './nile-side-bar';\nexport { NileSideBarHeader } from './nile-side-bar-header';\nexport { NileSideBarLogo } from './nile-side-bar-logo';\nexport { NileSideBarExpand } from './nile-side-bar-expand';\nexport { NileSideBarGroup } from './nile-side-bar-group';\nexport { NileSideBarGroupItem } from './nile-side-bar-group-item';\nexport { NileSideBarGroupItemIcon } from './nile-side-bar-group-item-icon';\nexport { NileSideBarGroupItemText } from './nile-side-bar-group-item-text';\nexport { NileSideBarFooter } from './nile-side-bar-footer';\nexport { NileSideBarFooterItem } from './nile-side-bar-footer-item';\nexport { NileSideBarAction } from './nile-side-bar-action';\nexport { NileSideBarFooterText } from './nile-side-bar-footer-text';\nexport { NileSideBarActionMenuItem } from './nile-side-bar-action-menu-item';\nexport { NileSideBarActionMenu } from './nile-side-bar-action-menu';\nexport { NileInlineSidebarGroup } from './nile-inline-sidebar-group';\nexport { NileInlineSidebar } from './nile-inline-sidebar';\nexport { NileInlineSidebarItem } from './nile-inline-sidebar-item';\nexport { NileInlineSidebarPanel } from './nile-inline-sidebar-panel';\nexport { NileInlineSidebarPanelGroup } from './nile-inline-sidebar-panel-group';\nexport { NileliteTooltip } from './nile-lite-tooltip';\nexport { NileSideBarPanel } from './nile-side-bar-panel';\nexport { NileDetail } from './nile-detail';\nexport { NileQrCode } from './nile-qr-code';\nexport { NileNavTab } from './nile-nav-tab';\nexport { NileNavTabGroup } from './nile-nav-tab-group';\nexport { NileNavTabPanel } from './nile-nav-tab-panel';\nexport { NileFloatingPanel } from './nile-floating-panel';\nexport { NileContextMenu } from './nile-context-menu';\nexport { NileContextMenuGroup } from './nile-context-menu-group';\nexport { NileContextMenuItem } from './nile-context-menu-item';\nexport { NileCommandMenu } from './nile-command-menu';\nexport { NileCommandMenuGroup } from './nile-command-menu-group';\nexport { NileCommandMenuItem } from './nile-command-menu-item';\nexport { NileInlineSidebarItemHeader } from './nile-inline-sidebar-item-header';\nexport { NileInlineSidebarItemBody } from './nile-inline-sidebar-item-body';\nexport { NileMarkdown } from './nile-markdown';\nexport { NileMarkdownEditor } from './nile-markdown-editor';\n\n// nile-wysiwyg-editor — ProseMirror-powered rich text editor\nexport { NileWysiwygEditor, DEFAULT_TOOLBAR } from './nile-wysiwyg-editor/index';\nexport type {\n WysiwygChangeDetail,\n WysiwygCommandDetail,\n ToolbarConfig,\n} from './nile-wysiwyg-editor/index';\nexport { NileWysiwygToolbar } from './nile-wysiwyg-editor/nile-wysiwyg-toolbar/index';\nexport { NileWysiwygToolbarItem } from './nile-wysiwyg-editor/nile-wysiwyg-toolbar/index';\nexport type { AuthoredToolbarItem } from './nile-wysiwyg-editor/nile-wysiwyg-toolbar/index';\nexport { NileWysiwygLinkEditor } from './nile-wysiwyg-editor/ui/link-editor';\nexport { NileWysiwygBubbleMenu } from './nile-wysiwyg-editor/ui/bubble-menu';\nexport { NileWysiwygBubbleItem } from './nile-wysiwyg-editor/ui/bubble-item';\nexport { NileWysiwygImagePanel } from './nile-wysiwyg-editor/ui/image-panel';\nexport { NileWysiwygTableMenu } from './nile-wysiwyg-editor/ui/table-menu';\nexport { NileWysiwygTablePicker } from './nile-wysiwyg-editor/ui/table-grid-picker';\nexport { NileWysiwygSuggestList } from './nile-wysiwyg-editor/ui/suggest-list';\nexport { NileWysiwygFindBar } from './nile-wysiwyg-editor/ui/find-replace';\nexport { NileWysiwygSourceView } from './nile-wysiwyg-editor/ui/source-view';\nexport { NileWysiwygEmbedPanel } from './nile-wysiwyg-editor/ui/embed-panel';\nexport { NileWysiwygCodeMenu } from './nile-wysiwyg-editor/ui/code-block-menu';\nexport { NileWysiwygShortcutHelp } from './nile-wysiwyg-editor/ui/shortcut-help';\nexport { NileWysiwygImageMenu } from './nile-wysiwyg-editor/ui/image-menu';\nexport { NileWysiwygSpecialChars } from './nile-wysiwyg-editor/ui/special-chars';\nexport { NileWysiwygInsertMenu } from './nile-wysiwyg-editor/ui/insert-menu';\nexport type { InsertMenuItem } from './nile-wysiwyg-editor/ui/insert-menu';\nexport { NileWysiwygMathPanel } from './nile-wysiwyg-editor/ui/math-panel';\nexport type { SuggestItem } from './nile-wysiwyg-editor/ui/suggest-list';\nexport type {\n MentionsConfig,\n MergeFieldConfig,\n TemplateConfig,\n} from './nile-wysiwyg-editor/types';\nexport type { MathRenderer } from './nile-wysiwyg-editor/engine/plugins/math-view';\nexport { createKatexRenderer } from './nile-wysiwyg-editor/math/katex-renderer';\nexport type {\n KatexLike,\n KatexRendererOptions,\n} from './nile-wysiwyg-editor/math/katex-renderer';\nexport {\n createSchema,\n defaultSchema,\n sanitizeHtml,\n htmlToDoc,\n docToHtml,\n docToMarkdown,\n markdownToHtml,\n looksLikeMarkdown,\n docToJson,\n jsonToDoc,\n computeToolbarState,\n createEditorState,\n toInlineStyledHtml,\n buildWordDocument,\n buildPrintDocument,\n} from './nile-wysiwyg-editor/engine';\nexport type {\n ToolbarState,\n CommandName,\n CommandAttrs,\n Alignment,\n PrintOptions,\n} from './nile-wysiwyg-editor/engine';"]}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["export { NileButton } from './nile-button';\nexport { NileHeading } from './nile-heading';\nexport { NileIcon } from './nile-icon';\nexport { NileInput } from './nile-input';\nexport { NileOtpInput } from './nile-otp-input';\nexport { NileMenu } from './nile-menu';\nexport { NileBadge } from './nile-badge';\nexport { NileStatusLight } from './nile-status-light';\nexport { NileDrawer } from './nile-drawer';\nexport { NileCheckbox } from './nile-checkbox';\nexport { NileCheckboxGroup } from './nile-checkbox-group';\nexport { NileRadio } from './nile-radio';\nexport { NileRadioGroup } from './nile-radio-group';\nexport { NilePopup } from './nile-popup';\nexport { NileTooltip } from './nile-tooltip';\nexport { NileSlideToggle } from './nile-slide-toggle';\nexport { NileLoader } from './nile-loader';\nexport { NileProgressBar } from './nile-progress-bar';\nexport { NileSegmentedProgressBar } from './nile-segmented-progress-bar';\nexport type {\n NileProgressSegment,\n NileSegmentTooltipPlacement,\n} from './nile-segmented-progress-bar';\nexport { NileSpinner } from './nile-spinner';\nexport { NileSkeletonLoader } from './nile-skeleton-loader';\nexport { NileSelect } from './nile-select';\nexport { NileVirtualSelect } from './nile-virtual-select';\nexport { NileOption } from './nile-option';\nexport { NileTag } from './nile-tag';\nexport { NileIconButton } from './nile-icon-button';\nexport { NileMenuItem } from './nile-menu-item';\nexport { NileDropdown } from './nile-dropdown';\nexport { NileAutoComplete } from './nile-auto-complete';\nexport { NileCombobox } from './nile-combobox';\nexport { NileChip } from './nile-chip';\nexport { NileTextarea } from './nile-textarea';\nexport { NileDatePicker } from './nile-date-picker';\nexport { NileErrorMessage } from './nile-error-message';\nexport { NileFormErrorMessage } from './nile-form-error-message';\nexport { NileFormHelpText } from './nile-form-help-text';\nexport { NileCalendar } from './nile-calendar';\nexport { NileTimestampBuilder } from './nile-timestamp-builder';\nexport { NileLink } from './nile-link';\nexport { NileButtonToggleGroup } from './nile-button-toggle-group';\nexport { NileButtonToggle } from './nile-button-toggle';\nexport { NileSwitcher } from './nile-switcher';\nexport { NileContentEditor } from './nile-content-editor';\nexport { NileDialog } from './nile-dialog';\nexport { NileErrorNotification } from './nile-error-notification';\nexport { NileTabGroup } from './nile-tab-group';\nexport { NileTab } from './nile-tab';\nexport { NileTabPanel } from './nile-tab-panel';\nexport { NileCodeEditor } from './nile-code-editor';\nexport { NileToast } from './nile-toast';\nexport { NileBreadcrumb } from './nile-breadcrumb';\nexport { NileBreadcrumbItem } from './nile-breadcrumb-item';\nexport { NileFormGroup } from './nile-form-group';\nexport { NileCard } from './nile-card';\nexport { NileCarousel } from './nile-carousel';\nexport { NileCarouselItem } from './nile-carousel/nile-carousel-item';\nexport { NilePopover } from './nile-popover';\nexport { NileButtonFilter } from './nile-button-filter';\nexport { NileCircularProgressbar } from './nile-circular-progressbar';\nexport { NileTableCellItem } from './nile-table-cell-item';\nexport { NileTableRow } from './nile-table-row';\nexport { NileTableBody } from './nile-table-body';\nexport { NileTableHeaderItem } from './nile-table-header-item';\nexport { NileAvatar } from './nile-avatar';\nexport { NilePageHeader } from './nile-page-header';\nexport { NileEmptyState } from './nile-empty-state';\nexport { NileHero } from './nile-hero';\nexport { NileStepperItem } from './nile-stepper-item';\nexport { NileStepper } from './nile-stepper';\nexport { NileDotStepper } from './nile-dot-stepper';\nexport { NileHeroHeader } from './nile-hero-header';\nexport { NileVerticalStepperItem } from './nile-vertical-stepper-item';\nexport { NileFormatDate } from './nile-format-date';\nexport { NileSplitPanel } from './nile-split-panel';\nexport { NileTree } from './nile-tree';\nexport { NileTreeItem } from './nile-tree-item';\nexport { NileListItem } from './nile-list-item';\nexport { NileList } from './nile-list';\nexport { NileAccordion } from './nile-accordion';\nexport { NileDivider } from './nile-divider';\nexport { NileTitle } from './nile-title';\nexport { NileSectionMessage } from './nile-section-message';\nexport { NileToolbar } from './nile-toolbar';\nexport { NileInlineEdit } from './nile-inline-edit';\nexport { NileTable } from './nile-table';\nexport { NileFilterChip } from './nile-filter-chip';\nexport {NilePagination } from './nile-pagination';\nexport { NileSlider } from './nile-slider';\nexport { NileFileUpload } from './nile-file-upload';\nexport { NileFilePreview } from './nile-file-preview';\nexport { NileOptionGroup } from './nile-option-group';\nexport { NileGrid } from './nile-grid';\nexport { NileGridBody } from './nile-grid/nile-grid-body';\nexport { NileGridRow } from './nile-grid/nile-grid-row';\nexport { NileGridHeadItem } from './nile-grid/nile-grid-head-item';\nexport { NileGridCellItem } from './nile-grid/nile-grid-cell-item';\nexport { NileGridHead } from './nile-grid/nile-grid-head';\nexport { NileRichTextEditor } from './nile-rich-text-editor';\nexport { NileColorPicker } from './nile-color-picker';\nexport type { ColorPickerType, SwatchTooltip, PaletteEntry } from './nile-color-picker';\nexport { NileColorSwatch } from './nile-color-swatch';\n\n// Import version utility to set nile version in window object\nimport './version';\n\nexport { NileSideBar } from './nile-side-bar';\nexport { NileSideBarHeader } from './nile-side-bar-header';\nexport { NileSideBarLogo } from './nile-side-bar-logo';\nexport { NileSideBarExpand } from './nile-side-bar-expand';\nexport { NileSideBarGroup } from './nile-side-bar-group';\nexport { NileSideBarGroupItem } from './nile-side-bar-group-item';\nexport { NileSideBarGroupItemIcon } from './nile-side-bar-group-item-icon';\nexport { NileSideBarGroupItemText } from './nile-side-bar-group-item-text';\nexport { NileSideBarFooter } from './nile-side-bar-footer';\nexport { NileSideBarFooterItem } from './nile-side-bar-footer-item';\nexport { NileSideBarAction } from './nile-side-bar-action';\nexport { NileSideBarFooterText } from './nile-side-bar-footer-text';\nexport { NileSideBarActionMenuItem } from './nile-side-bar-action-menu-item';\nexport { NileSideBarActionMenu } from './nile-side-bar-action-menu';\nexport { NileInlineSidebarGroup } from './nile-inline-sidebar-group';\nexport { NileInlineSidebar } from './nile-inline-sidebar';\nexport { NileInlineSidebarItem } from './nile-inline-sidebar-item';\nexport { NileInlineSidebarPanel } from './nile-inline-sidebar-panel';\nexport { NileInlineSidebarPanelGroup } from './nile-inline-sidebar-panel-group';\nexport { NileliteTooltip } from './nile-lite-tooltip';\nexport { NileSideBarPanel } from './nile-side-bar-panel';\nexport { NileDetail } from './nile-detail';\nexport { NileQrCode } from './nile-qr-code';\nexport { NileNavTab } from './nile-nav-tab';\nexport { NileNavTabGroup } from './nile-nav-tab-group';\nexport { NileNavTabPanel } from './nile-nav-tab-panel';\nexport { NileFloatingPanel } from './nile-floating-panel';\nexport { NileContextMenu } from './nile-context-menu';\nexport { NileContextMenuGroup } from './nile-context-menu-group';\nexport { NileContextMenuItem } from './nile-context-menu-item';\nexport { NileCommandMenu } from './nile-command-menu';\nexport { NileCommandMenuGroup } from './nile-command-menu-group';\nexport { NileCommandMenuItem } from './nile-command-menu-item';\nexport { NileInlineSidebarItemHeader } from './nile-inline-sidebar-item-header';\nexport { NileInlineSidebarItemBody } from './nile-inline-sidebar-item-body';\nexport { NileMarkdown } from './nile-markdown';\nexport { NileMarkdownEditor } from './nile-markdown-editor';\n\n// nile-wysiwyg-editor — ProseMirror-powered rich text editor\nexport { NileWysiwygEditor, DEFAULT_TOOLBAR } from './nile-wysiwyg-editor/index';\nexport type {\n WysiwygChangeDetail,\n WysiwygCommandDetail,\n ToolbarConfig,\n} from './nile-wysiwyg-editor/index';\nexport { NileWysiwygToolbar } from './nile-wysiwyg-editor/nile-wysiwyg-toolbar/index';\nexport { NileWysiwygToolbarItem } from './nile-wysiwyg-editor/nile-wysiwyg-toolbar/index';\nexport type { AuthoredToolbarItem } from './nile-wysiwyg-editor/nile-wysiwyg-toolbar/index';\nexport { NileWysiwygLinkEditor } from './nile-wysiwyg-editor/ui/link-editor';\nexport { NileWysiwygBubbleMenu } from './nile-wysiwyg-editor/ui/bubble-menu';\nexport { NileWysiwygBubbleItem } from './nile-wysiwyg-editor/ui/bubble-item';\nexport { NileWysiwygImagePanel } from './nile-wysiwyg-editor/ui/image-panel';\nexport { NileWysiwygTableMenu } from './nile-wysiwyg-editor/ui/table-menu';\nexport { NileWysiwygTablePicker } from './nile-wysiwyg-editor/ui/table-grid-picker';\nexport { NileWysiwygSuggestList } from './nile-wysiwyg-editor/ui/suggest-list';\nexport { NileWysiwygFindBar } from './nile-wysiwyg-editor/ui/find-replace';\nexport { NileWysiwygSourceView } from './nile-wysiwyg-editor/ui/source-view';\nexport { NileWysiwygEmbedPanel } from './nile-wysiwyg-editor/ui/embed-panel';\nexport { NileWysiwygCodeMenu } from './nile-wysiwyg-editor/ui/code-block-menu';\nexport { NileWysiwygShortcutHelp } from './nile-wysiwyg-editor/ui/shortcut-help';\nexport { NileWysiwygImageMenu } from './nile-wysiwyg-editor/ui/image-menu';\nexport { NileWysiwygSpecialChars } from './nile-wysiwyg-editor/ui/special-chars';\nexport { NileWysiwygInsertMenu } from './nile-wysiwyg-editor/ui/insert-menu';\nexport type { InsertMenuItem } from './nile-wysiwyg-editor/ui/insert-menu';\nexport { NileWysiwygMathPanel } from './nile-wysiwyg-editor/ui/math-panel';\nexport type { SuggestItem } from './nile-wysiwyg-editor/ui/suggest-list';\nexport type {\n MentionsConfig,\n MergeFieldConfig,\n TemplateConfig,\n} from './nile-wysiwyg-editor/types';\nexport type { MathRenderer } from './nile-wysiwyg-editor/engine/plugins/math-view';\nexport { createKatexRenderer } from './nile-wysiwyg-editor/math/katex-renderer';\nexport type {\n KatexLike,\n KatexRendererOptions,\n} from './nile-wysiwyg-editor/math/katex-renderer';\nexport {\n createSchema,\n defaultSchema,\n sanitizeHtml,\n htmlToDoc,\n docToHtml,\n docToMarkdown,\n markdownToHtml,\n looksLikeMarkdown,\n docToJson,\n jsonToDoc,\n computeToolbarState,\n createEditorState,\n toInlineStyledHtml,\n buildWordDocument,\n buildPrintDocument,\n} from './nile-wysiwyg-editor/engine';\nexport type {\n ToolbarState,\n CommandName,\n CommandAttrs,\n Alignment,\n PrintOptions,\n} from './nile-wysiwyg-editor/engine';"]}
|
|
@@ -69,11 +69,120 @@ export const styles = css `
|
|
|
69
69
|
min-width:300px;
|
|
70
70
|
max-width:512px;
|
|
71
71
|
width:100%;
|
|
72
|
+
margin-inline: auto;
|
|
72
73
|
height:max-content;
|
|
73
74
|
display:flex;
|
|
74
75
|
flex-direction:column;
|
|
75
76
|
row-gap:var(--nile-es-gap);
|
|
76
77
|
}
|
|
78
|
+
.empty-state--tone-info .empty-state__body--tonal {
|
|
79
|
+
background: linear-gradient(
|
|
80
|
+
180deg,
|
|
81
|
+
var(--nile-colors-primary-100, var(--ng-colors-bg-brand-primary)) 0%,
|
|
82
|
+
var(--nile-colors-primary-400, var(--ng-colors-bg-brand-secondary)) 100%
|
|
83
|
+
);
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.empty-state--tone-warning .empty-state__body--tonal {
|
|
87
|
+
background: linear-gradient(
|
|
88
|
+
180deg,
|
|
89
|
+
var(--nile-colors-yellow-100, var(--ng-colors-bg-warning-primary)) 0%,
|
|
90
|
+
var(--nile-colors-yellow-400, var(--ng-colors-bg-warning-secondary)) 100%
|
|
91
|
+
);
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.empty-state--tone-error .empty-state__body--tonal {
|
|
95
|
+
background: linear-gradient(
|
|
96
|
+
180deg,
|
|
97
|
+
var(--nile-colors-red-100, var(--ng-colors-bg-error-primary)) 0%,
|
|
98
|
+
var(--nile-colors-red-400, var(--ng-colors-bg-error-secondary)) 100%
|
|
99
|
+
);
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.empty-state--tone-info .nile-flat-type-icon {
|
|
103
|
+
background-color: var(--nile-colors-primary-100, var(--ng-colors-bg-brand-primary));
|
|
104
|
+
border-color: var(--nile-colors-primary-600, var(--ng-colors-border-brand));
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.empty-state--tone-warning .nile-flat-type-icon {
|
|
108
|
+
background-color: var(--nile-colors-yellow-100, var(--ng-colors-bg-warning-primary));
|
|
109
|
+
border-color: var(--nile-colors-yellow-500, var(--ng-colors-border-warning));
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.empty-state--tone-error .nile-flat-type-icon {
|
|
113
|
+
background-color: var(--nile-colors-red-100, var(--ng-colors-bg-error-primary));
|
|
114
|
+
border-color: var(--nile-colors-red-500, var(--ng-colors-border-error));
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
.empty-state--inline {
|
|
118
|
+
flex-direction: row;
|
|
119
|
+
align-items: center;
|
|
120
|
+
justify-content: center;
|
|
121
|
+
flex-wrap: wrap;
|
|
122
|
+
min-width: 0;
|
|
123
|
+
max-width: none;
|
|
124
|
+
column-gap: var(--nile-spacing-spacing-md, var(--ng-spacing-md));
|
|
125
|
+
row-gap: var(--nile-spacing-spacing-xs, var(--ng-spacing-xs));
|
|
126
|
+
padding: var(--nile-spacing-spacing-xl, var(--ng-spacing-xl))
|
|
127
|
+
var(--nile-spacing-spacing-lg, var(--ng-spacing-lg));
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.empty-state--inline .empty-state__body {
|
|
131
|
+
flex-direction: row;
|
|
132
|
+
align-items: center;
|
|
133
|
+
column-gap: var(--nile-spacing-spacing-md, var(--ng-spacing-md));
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
.empty-state--inline .empty__state__text-section {
|
|
137
|
+
flex-direction: row;
|
|
138
|
+
align-items: baseline;
|
|
139
|
+
gap: var(--nile-spacing-spacing-sm, var(--ng-spacing-sm));
|
|
140
|
+
max-width: none;
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
.empty-state--inline .empty-state__text,
|
|
144
|
+
.empty-state--inline .empty-state__subtext {
|
|
145
|
+
font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
|
|
146
|
+
line-height: var(--nile-line-height-small, var(--ng-line-height-text-sm));
|
|
147
|
+
text-align: left;
|
|
148
|
+
}
|
|
149
|
+
.empty-state__body--inline {
|
|
150
|
+
display: grid;
|
|
151
|
+
place-items: center;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
|
|
155
|
+
.empty-state--page .empty-state__text {
|
|
156
|
+
font-size: var(--nile-type-scale-9, var(--ng-font-size-display-sm));
|
|
157
|
+
line-height: var(--nile-line-height-display, var(--ng-line-height-display-sm));
|
|
158
|
+
letter-spacing: -0.02em;
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
.empty-state--page .empty-state__subtext {
|
|
162
|
+
font-size: var(--nile-type-scale-4, var(--ng-font-size-text-md));
|
|
163
|
+
line-height: var(--nile-line-height-medium, var(--ng-line-height-text-md));
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
.empty-state--page .empty-state__code {
|
|
167
|
+
font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
|
|
168
|
+
letter-spacing: 0.2em;
|
|
169
|
+
}
|
|
170
|
+
/* stack and page carry no padding of their own, so the dashed edge would sit
|
|
171
|
+
flush against the content — hence the roomy padding here. */
|
|
172
|
+
.empty-state--bordered {
|
|
173
|
+
border: 1px dashed var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
|
|
174
|
+
border-radius: var(--nile-border-size-10, var(--ng-radius-xl));
|
|
175
|
+
background: var(--nile-colors-neutral-50, var(--ng-colors-bg-secondary));
|
|
176
|
+
padding: var(--nile-spacing-spacing-4xl, var(--ng-spacing-4xl))
|
|
177
|
+
var(--nile-spacing-spacing-3xl, var(--ng-spacing-3xl));
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
/* A strip stays tight when it is bordered too. Spelled out as its own
|
|
181
|
+
two-class rule so specificity decides, not declaration order. */
|
|
182
|
+
.empty-state--inline.empty-state--bordered {
|
|
183
|
+
padding: var(--nile-spacing-spacing-xl, var(--ng-spacing-xl))
|
|
184
|
+
var(--nile-spacing-spacing-lg, var(--ng-spacing-lg));
|
|
185
|
+
}
|
|
77
186
|
|
|
78
187
|
.empty-state__body {
|
|
79
188
|
display:flex;
|
|
@@ -88,13 +197,13 @@ export const styles = css `
|
|
|
88
197
|
}
|
|
89
198
|
|
|
90
199
|
.empty-state__img__icon {
|
|
91
|
-
display: var(--ng-display-flex);
|
|
200
|
+
display: var(--nile-display-flex, var(--ng-display-flex));
|
|
92
201
|
justify-content: center;
|
|
93
202
|
align-items: center;
|
|
94
203
|
}
|
|
95
204
|
|
|
96
205
|
.empty-state__body--tonal {
|
|
97
|
-
background:
|
|
206
|
+
background: var(--nile-gradient-1, var(--ng-white-gradient-6));
|
|
98
207
|
width: 104px;
|
|
99
208
|
height: 104px;
|
|
100
209
|
border-radius: var(--nile-radius-full, var(--ng-radius-full));
|
|
@@ -107,8 +216,7 @@ export const styles = css `
|
|
|
107
216
|
height:var(--nile-es-icon-size);
|
|
108
217
|
aspect-ratio:1 / 1;
|
|
109
218
|
border-radius: var(--nile-es-flat-option-border-radius);
|
|
110
|
-
|
|
111
|
-
background-color: white;
|
|
219
|
+
background-color: var(--nile-colors-neutral-0, var(--ng-colors-bg-primary));
|
|
112
220
|
display: grid;
|
|
113
221
|
place-items: center;
|
|
114
222
|
border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
|
|
@@ -119,6 +227,8 @@ export const styles = css `
|
|
|
119
227
|
flex-direction:column;
|
|
120
228
|
gap:var(--nile-es-text-gap);
|
|
121
229
|
max-width:80%;
|
|
230
|
+
min-width: 0;
|
|
231
|
+
overflow-wrap: anywhere;
|
|
122
232
|
}
|
|
123
233
|
|
|
124
234
|
.empty-state__text {
|
|
@@ -143,7 +253,20 @@ export const styles = css `
|
|
|
143
253
|
.empty-state-actions {
|
|
144
254
|
display:flex;
|
|
145
255
|
justify-content:center;
|
|
256
|
+
gap: var(--nile-spacing-spacing-md, var(--ng-spacing-md));
|
|
257
|
+
flex-wrap: wrap;
|
|
146
258
|
}
|
|
259
|
+
|
|
260
|
+
.empty-state__code {
|
|
261
|
+
font-family: var(--nile-font-family-body, var(--ng-font-family-body));
|
|
262
|
+
font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));
|
|
263
|
+
font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));
|
|
264
|
+
letter-spacing: 0.14em;
|
|
265
|
+
text-transform: uppercase;
|
|
266
|
+
text-align: center;
|
|
267
|
+
color: var(--nile-colors-dark-400, var(--ng-colors-text-quaternary-500));
|
|
268
|
+
}
|
|
269
|
+
|
|
147
270
|
`;
|
|
148
271
|
export default [styles];
|
|
149
272
|
//# sourceMappingURL=nile-empty-state.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-empty-state.css.js","sourceRoot":"","sources":["../../../src/nile-empty-state/nile-empty-state.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwIxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport { css } from 'lit';\n\n/**\n * EmptyState CSS\n */\nexport const styles = css`\n :host {\n display:inline-flex;\n width:100%;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n .empty-state--sm {\n --nile-es-text-size: var(--nile-type-scale-4, var(--ng-font-size-text-md));\n --nile-es-text-line-height: var(--nile-line-height-medium, var(--ng-line-height-text-md));\n --nile-es-subtext-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n --nile-es-subtext-line-height:20px;\n \n --nile-es-icon-size:var(--nile-height-48px, var(--ng-height-48px));\n --nile-es-flat-option-border-radius: var(--nile-border-size-5, var(--ng-radius-lg));\n --nile-es-img-height:118px;\n --nile-es-img-width:152px;\n\n --nile-es-gap:var(--nile-spacing-spacing-3xl, var(--ng-spacing-3xl));\n --nile-es-body-gap:var(--nile-spacing-spacing-xl, var(--ng-spacing-xl));\n --nile-es-text-gap:var(--nile-spacing-none, var(--ng-spacing-xs));\n }\n\n .empty-state--md {\n --nile-es-text-size: var(--nile-type-scale-5, var(--ng-font-size-text-lg));\n --nile-es-text-line-height: var(--nile-line-height-large, var(--ng-line-height-text-lg));\n --nile-es-subtext-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n --nile-es-subtext-line-height: var(--nile-line-height-small, var(--ng-line-height-text-sm));\n\n --nile-es-icon-size: var(--nile-spacing-5-x, var(--ng-height-48px));\n --nile-es-flat-option-border-radius: var(--nile-border-size-5, var(--ng-radius-lg));\n --nile-es-img-height:128px;\n --nile-es-img-width:172px;\n\n --nile-es-gap:var(--nile-spacing-spacing-4xl, var(--ng-spacing-4xl));\n --nile-es-body-gap:var(--nile-spacing-spacing-2xl, var(--ng-spacing-2xl));\n --nile-es-text-gap:var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n }\n\n .empty-state--lg {\n --nile-es-text-size: var(--nile-spacing-2xl, var(--ng-font-size-text-xl));\n --nile-es-text-line-height: var(--nile-line-height-large, var(--ng-line-height-text-xl));\n --nile-es-subtext-size: var(--nile-type-scale-4, var(--ng-font-size-text-md));\n --nile-es-subtext-line-height: var(--nile-line-height-medium, var(--ng-line-height-text-md));\n\n --nile-es-icon-size:var(--nile-height-60px, var(--ng-height-60px));\n --nile-es-flat-option-border-radius: var(--nile-border-size-10, var(--ng-radius-lg));\n --nile-es-img-height:160px;\n --nile-es-img-width:220px;\n\n --nile-es-gap:var(--nile-spacing-spacing-4xl, var(--ng-spacing-4xl));\n --nile-es-body-gap:var(--nile-spacing-spacing-3xl, var(--ng-spacing-2xl));\n --nile-es-text-gap:var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n }\n\n .empty-state {\n min-width:300px;\n max-width:512px;\n width:100%;\n height:max-content;\n display:flex;\n flex-direction:column;\n row-gap:var(--nile-es-gap);\n }\n\n .empty-state__body {\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n align-items:center;\n row-gap:var(--nile-es-body-gap)\n }\n\n .empty-state__body--content {\n position:relative;\n }\n\n .empty-state__img__icon {\n display: var(--ng-display-flex);\n justify-content: center;\n align-items: center;\n }\n\n .empty-state__body--tonal {\n background: var(--nile-gradient-1, var(--ng-white-gradient-6));\n width: 104px;\n height: 104px;\n border-radius: var(--nile-radius-full, var(--ng-radius-full));\n display:flex;\n justify-content:center;\n align-items:center;\n }\n\n .nile-flat-type-icon {\n height:var(--nile-es-icon-size);\n aspect-ratio:1 / 1;\n border-radius: var(--nile-es-flat-option-border-radius);\n\n background-color: white;\n display: grid;\n place-items: center;\n border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\n }\n\n .empty__state__text-section {\n display:flex;\n flex-direction:column;\n gap:var(--nile-es-text-gap);\n max-width:80%;\n }\n\n .empty-state__text {\n font-size: var(--nile-es-text-size);\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n font-weight: var(--nile-font-weight-semi-bold, var(--ng-font-weight-semibold));\n line-height: var(--nile-es-text-line-height);\n text-align: center;\n font-style: normal;\n }\n\n .empty-state__subtext {\n font-size: var(--nile-es-subtext-size);\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n line-height: var(--nile-es-subtext-line-height);\n text-align: center;\n color:var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n font-style: normal;\n }\n\n .empty-state-actions {\n display:flex;\n justify-content:center;\n }\n`;\n\nexport default [styles];\n"]}
|
|
1
|
+
{"version":3,"file":"nile-empty-state.css.js","sourceRoot":"","sources":["../../../src/nile-empty-state/nile-empty-state.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmQxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport { css } from 'lit';\n\n/**\n * EmptyState CSS\n */\nexport const styles = css`\n :host {\n display:inline-flex;\n width:100%;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n .empty-state--sm {\n --nile-es-text-size: var(--nile-type-scale-4, var(--ng-font-size-text-md));\n --nile-es-text-line-height: var(--nile-line-height-medium, var(--ng-line-height-text-md));\n --nile-es-subtext-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n --nile-es-subtext-line-height:20px;\n \n --nile-es-icon-size:var(--nile-height-48px, var(--ng-height-48px));\n --nile-es-flat-option-border-radius: var(--nile-border-size-5, var(--ng-radius-lg));\n --nile-es-img-height:118px;\n --nile-es-img-width:152px;\n\n --nile-es-gap:var(--nile-spacing-spacing-3xl, var(--ng-spacing-3xl));\n --nile-es-body-gap:var(--nile-spacing-spacing-xl, var(--ng-spacing-xl));\n --nile-es-text-gap:var(--nile-spacing-none, var(--ng-spacing-xs));\n }\n\n .empty-state--md {\n --nile-es-text-size: var(--nile-type-scale-5, var(--ng-font-size-text-lg));\n --nile-es-text-line-height: var(--nile-line-height-large, var(--ng-line-height-text-lg));\n --nile-es-subtext-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n --nile-es-subtext-line-height: var(--nile-line-height-small, var(--ng-line-height-text-sm));\n\n --nile-es-icon-size: var(--nile-spacing-5-x, var(--ng-height-48px));\n --nile-es-flat-option-border-radius: var(--nile-border-size-5, var(--ng-radius-lg));\n --nile-es-img-height:128px;\n --nile-es-img-width:172px;\n\n --nile-es-gap:var(--nile-spacing-spacing-4xl, var(--ng-spacing-4xl));\n --nile-es-body-gap:var(--nile-spacing-spacing-2xl, var(--ng-spacing-2xl));\n --nile-es-text-gap:var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n }\n\n .empty-state--lg {\n --nile-es-text-size: var(--nile-spacing-2xl, var(--ng-font-size-text-xl));\n --nile-es-text-line-height: var(--nile-line-height-large, var(--ng-line-height-text-xl));\n --nile-es-subtext-size: var(--nile-type-scale-4, var(--ng-font-size-text-md));\n --nile-es-subtext-line-height: var(--nile-line-height-medium, var(--ng-line-height-text-md));\n\n --nile-es-icon-size:var(--nile-height-60px, var(--ng-height-60px));\n --nile-es-flat-option-border-radius: var(--nile-border-size-10, var(--ng-radius-lg));\n --nile-es-img-height:160px;\n --nile-es-img-width:220px;\n\n --nile-es-gap:var(--nile-spacing-spacing-4xl, var(--ng-spacing-4xl));\n --nile-es-body-gap:var(--nile-spacing-spacing-3xl, var(--ng-spacing-2xl));\n --nile-es-text-gap:var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n }\n\n .empty-state {\n min-width:300px;\n max-width:512px;\n width:100%;\n margin-inline: auto;\n height:max-content;\n display:flex;\n flex-direction:column;\n row-gap:var(--nile-es-gap);\n }\n .empty-state--tone-info .empty-state__body--tonal {\n background: linear-gradient(\n 180deg,\n var(--nile-colors-primary-100, var(--ng-colors-bg-brand-primary)) 0%,\n var(--nile-colors-primary-400, var(--ng-colors-bg-brand-secondary)) 100%\n );\n }\n\n .empty-state--tone-warning .empty-state__body--tonal {\n background: linear-gradient(\n 180deg,\n var(--nile-colors-yellow-100, var(--ng-colors-bg-warning-primary)) 0%,\n var(--nile-colors-yellow-400, var(--ng-colors-bg-warning-secondary)) 100%\n );\n }\n\n .empty-state--tone-error .empty-state__body--tonal {\n background: linear-gradient(\n 180deg,\n var(--nile-colors-red-100, var(--ng-colors-bg-error-primary)) 0%,\n var(--nile-colors-red-400, var(--ng-colors-bg-error-secondary)) 100%\n );\n }\n\n .empty-state--tone-info .nile-flat-type-icon {\n background-color: var(--nile-colors-primary-100, var(--ng-colors-bg-brand-primary));\n border-color: var(--nile-colors-primary-600, var(--ng-colors-border-brand));\n }\n\n .empty-state--tone-warning .nile-flat-type-icon {\n background-color: var(--nile-colors-yellow-100, var(--ng-colors-bg-warning-primary));\n border-color: var(--nile-colors-yellow-500, var(--ng-colors-border-warning));\n }\n\n .empty-state--tone-error .nile-flat-type-icon {\n background-color: var(--nile-colors-red-100, var(--ng-colors-bg-error-primary));\n border-color: var(--nile-colors-red-500, var(--ng-colors-border-error));\n }\n\n .empty-state--inline {\n flex-direction: row;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n min-width: 0;\n max-width: none;\n column-gap: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n row-gap: var(--nile-spacing-spacing-xs, var(--ng-spacing-xs));\n padding: var(--nile-spacing-spacing-xl, var(--ng-spacing-xl))\n var(--nile-spacing-spacing-lg, var(--ng-spacing-lg));\n }\n\n .empty-state--inline .empty-state__body {\n flex-direction: row;\n align-items: center;\n column-gap: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n }\n\n .empty-state--inline .empty__state__text-section {\n flex-direction: row;\n align-items: baseline;\n gap: var(--nile-spacing-spacing-sm, var(--ng-spacing-sm));\n max-width: none;\n }\n\n .empty-state--inline .empty-state__text,\n .empty-state--inline .empty-state__subtext {\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n line-height: var(--nile-line-height-small, var(--ng-line-height-text-sm));\n text-align: left;\n }\n .empty-state__body--inline {\n display: grid;\n place-items: center;\n }\n\n\n .empty-state--page .empty-state__text {\n font-size: var(--nile-type-scale-9, var(--ng-font-size-display-sm));\n line-height: var(--nile-line-height-display, var(--ng-line-height-display-sm));\n letter-spacing: -0.02em;\n }\n\n .empty-state--page .empty-state__subtext {\n font-size: var(--nile-type-scale-4, var(--ng-font-size-text-md));\n line-height: var(--nile-line-height-medium, var(--ng-line-height-text-md));\n }\n\n .empty-state--page .empty-state__code {\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n letter-spacing: 0.2em;\n }\n /* stack and page carry no padding of their own, so the dashed edge would sit\n flush against the content — hence the roomy padding here. */\n .empty-state--bordered {\n border: 1px dashed var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\n border-radius: var(--nile-border-size-10, var(--ng-radius-xl));\n background: var(--nile-colors-neutral-50, var(--ng-colors-bg-secondary));\n padding: var(--nile-spacing-spacing-4xl, var(--ng-spacing-4xl))\n var(--nile-spacing-spacing-3xl, var(--ng-spacing-3xl));\n }\n\n /* A strip stays tight when it is bordered too. Spelled out as its own\n two-class rule so specificity decides, not declaration order. */\n .empty-state--inline.empty-state--bordered {\n padding: var(--nile-spacing-spacing-xl, var(--ng-spacing-xl))\n var(--nile-spacing-spacing-lg, var(--ng-spacing-lg));\n }\n\n .empty-state__body {\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n align-items:center;\n row-gap:var(--nile-es-body-gap)\n }\n\n .empty-state__body--content {\n position:relative;\n }\n\n .empty-state__img__icon {\n display: var(--nile-display-flex, var(--ng-display-flex));\n justify-content: center;\n align-items: center;\n }\n\n .empty-state__body--tonal {\n background: var(--nile-gradient-1, var(--ng-white-gradient-6));\n width: 104px;\n height: 104px;\n border-radius: var(--nile-radius-full, var(--ng-radius-full));\n display:flex;\n justify-content:center;\n align-items:center;\n }\n\n .nile-flat-type-icon {\n height:var(--nile-es-icon-size);\n aspect-ratio:1 / 1;\n border-radius: var(--nile-es-flat-option-border-radius);\n background-color: var(--nile-colors-neutral-0, var(--ng-colors-bg-primary));\n display: grid;\n place-items: center;\n border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\n }\n\n .empty__state__text-section {\n display:flex;\n flex-direction:column;\n gap:var(--nile-es-text-gap);\n max-width:80%;\n min-width: 0;\n overflow-wrap: anywhere;\n }\n\n .empty-state__text {\n font-size: var(--nile-es-text-size);\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n font-weight: var(--nile-font-weight-semi-bold, var(--ng-font-weight-semibold));\n line-height: var(--nile-es-text-line-height);\n text-align: center;\n font-style: normal;\n }\n\n .empty-state__subtext {\n font-size: var(--nile-es-subtext-size);\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n line-height: var(--nile-es-subtext-line-height);\n text-align: center;\n color:var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n font-style: normal;\n }\n\n .empty-state-actions {\n display:flex;\n justify-content:center;\n gap: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n flex-wrap: wrap;\n }\n\n .empty-state__code {\n font-family: var(--nile-font-family-body, var(--ng-font-family-body));\n font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n letter-spacing: 0.14em;\n text-transform: uppercase;\n text-align: center;\n color: var(--nile-colors-dark-400, var(--ng-colors-text-quaternary-500));\n }\n\n`;\n\nexport default [styles];\n"]}
|
|
@@ -6,6 +6,12 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import { CSSResultArray, TemplateResult } from 'lit';
|
|
8
8
|
import NileElement from '../internal/nile-element';
|
|
9
|
+
/** What happened. Selects an icon, tone, default copy and ARIA role. */
|
|
10
|
+
export type NileEmptyStateStatus = 'empty' | 'no-results' | 'not-found' | 'no-access' | 'error' | 'offline';
|
|
11
|
+
/** How loud the state looks. Defaults from `status`, always overridable. */
|
|
12
|
+
export type NileEmptyStateTone = 'neutral' | 'info' | 'warning' | 'error';
|
|
13
|
+
/** What shape the state occupies. */
|
|
14
|
+
export type NileEmptyStateLayout = 'stack' | 'inline' | 'page';
|
|
9
15
|
/**
|
|
10
16
|
* Nile empty-state component.
|
|
11
17
|
*
|
|
@@ -20,13 +26,37 @@ export declare class NileEmptyState extends NileElement {
|
|
|
20
26
|
static get styles(): CSSResultArray;
|
|
21
27
|
size: 'sm' | 'md' | 'lg';
|
|
22
28
|
variant: 'flat' | 'content' | 'tonal';
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
29
|
+
status?: NileEmptyStateStatus;
|
|
30
|
+
layout: NileEmptyStateLayout;
|
|
31
|
+
code?: string;
|
|
32
|
+
bordered: boolean;
|
|
27
33
|
svgIconUrl: string;
|
|
28
|
-
|
|
34
|
+
/**
|
|
35
|
+
* Overrides the layout-driven glyph size for a custom `svgIconUrl`. Left unset,
|
|
36
|
+
* the SVG matches whatever size the current variant/layout draws at.
|
|
37
|
+
*/
|
|
38
|
+
svgIconSize?: number;
|
|
29
39
|
svgIconColor: string;
|
|
40
|
+
private _icon?;
|
|
41
|
+
private _text?;
|
|
42
|
+
private _subText?;
|
|
43
|
+
private _tone?;
|
|
44
|
+
get icon(): string;
|
|
45
|
+
set icon(value: string | null);
|
|
46
|
+
/** Headline. Resolves through the `status` preset to `DEFAULT_TEXT`. */
|
|
47
|
+
get text(): string;
|
|
48
|
+
set text(value: string | null);
|
|
49
|
+
/** Supporting line. Resolves through the `status` preset to `DEFAULT_SUB_TEXT`. */
|
|
50
|
+
get subText(): string;
|
|
51
|
+
set subText(value: string | null);
|
|
52
|
+
get tone(): NileEmptyStateTone;
|
|
53
|
+
set tone(value: NileEmptyStateTone | null);
|
|
54
|
+
/** The preset backing the current `status`, or undefined when none is set. */
|
|
55
|
+
private get preset();
|
|
56
|
+
private get glyphColor();
|
|
57
|
+
/** ARIA wiring */
|
|
58
|
+
private get liveRegion();
|
|
59
|
+
private renderGlyph;
|
|
30
60
|
/**
|
|
31
61
|
* Render method
|
|
32
62
|
* @slot This is a slot test
|
|
@@ -11,6 +11,41 @@ import { classMap } from 'lit/directives/class-map.js';
|
|
|
11
11
|
import { styles } from './nile-empty-state.css';
|
|
12
12
|
import NileElement from '../internal/nile-element';
|
|
13
13
|
import { ifDefined } from 'lit/directives/if-defined.js';
|
|
14
|
+
const STATUS_PRESETS = {
|
|
15
|
+
'empty': {
|
|
16
|
+
icon: 'ng-database', tone: 'neutral', role: 'status', live: 'polite',
|
|
17
|
+
text: 'No data yet', subText: `Rows appear here once there's something to show.`,
|
|
18
|
+
},
|
|
19
|
+
'no-results': {
|
|
20
|
+
icon: 'ng-search-lg', tone: 'neutral', role: 'status', live: 'polite',
|
|
21
|
+
text: 'No matches', subText: 'Try removing a filter or broadening your search.',
|
|
22
|
+
},
|
|
23
|
+
'not-found': {
|
|
24
|
+
icon: 'ng-file-06', tone: 'warning', role: 'status', live: 'polite',
|
|
25
|
+
text: `We couldn't find that`, subText: 'It may have been moved or deleted.',
|
|
26
|
+
},
|
|
27
|
+
'no-access': {
|
|
28
|
+
icon: 'ng-lock', tone: 'warning', role: 'status', live: 'polite',
|
|
29
|
+
text: `You don't have access`, subText: 'Ask an admin to grant you access to this resource.',
|
|
30
|
+
},
|
|
31
|
+
'error': {
|
|
32
|
+
icon: 'ng-alert-circle', tone: 'error', role: 'alert', live: 'assertive',
|
|
33
|
+
text: 'Something went wrong', subText: `We couldn't load this. Try again.`,
|
|
34
|
+
},
|
|
35
|
+
'offline': {
|
|
36
|
+
icon: 'ng-cloud-off', tone: 'error', role: 'alert', live: 'assertive',
|
|
37
|
+
text: 'Connection lost', subText: 'Check your connection and try again.',
|
|
38
|
+
},
|
|
39
|
+
};
|
|
40
|
+
const TONE_GLYPH_COLOR = {
|
|
41
|
+
neutral: undefined,
|
|
42
|
+
info: 'var(--nile-colors-primary-600, var(--ng-colors-fg-brand-primary-600))',
|
|
43
|
+
warning: 'var(--nile-colors-yellow-700, var(--ng-colors-fg-warning-primary))',
|
|
44
|
+
error: 'var(--nile-colors-red-700, var(--ng-colors-fg-error-primary))',
|
|
45
|
+
};
|
|
46
|
+
const DEFAULT_ICON = 'ng-x-circle';
|
|
47
|
+
const DEFAULT_TEXT = 'Empty State';
|
|
48
|
+
const DEFAULT_SUB_TEXT = 'No Data';
|
|
14
49
|
/**
|
|
15
50
|
* Nile empty-state component.
|
|
16
51
|
*
|
|
@@ -22,11 +57,8 @@ let NileEmptyState = class NileEmptyState extends NileElement {
|
|
|
22
57
|
super(...arguments);
|
|
23
58
|
this.size = 'md';
|
|
24
59
|
this.variant = 'tonal';
|
|
25
|
-
this.
|
|
26
|
-
this.
|
|
27
|
-
this.text = 'Empty State';
|
|
28
|
-
this.subText = 'No Data';
|
|
29
|
-
this.svgIconSize = 40;
|
|
60
|
+
this.layout = 'stack';
|
|
61
|
+
this.bordered = false;
|
|
30
62
|
/* #endregion */
|
|
31
63
|
}
|
|
32
64
|
/**
|
|
@@ -36,56 +68,128 @@ let NileEmptyState = class NileEmptyState extends NileElement {
|
|
|
36
68
|
static get styles() {
|
|
37
69
|
return [styles];
|
|
38
70
|
}
|
|
71
|
+
get icon() {
|
|
72
|
+
return this._icon ?? this.preset?.icon ?? DEFAULT_ICON;
|
|
73
|
+
}
|
|
74
|
+
set icon(value) {
|
|
75
|
+
const old = this.icon;
|
|
76
|
+
this._icon = value ?? undefined;
|
|
77
|
+
this.requestUpdate('icon', old);
|
|
78
|
+
}
|
|
79
|
+
/** Headline. Resolves through the `status` preset to `DEFAULT_TEXT`. */
|
|
80
|
+
get text() {
|
|
81
|
+
return this._text ?? this.preset?.text ?? DEFAULT_TEXT;
|
|
82
|
+
}
|
|
83
|
+
set text(value) {
|
|
84
|
+
const old = this.text;
|
|
85
|
+
this._text = value ?? undefined;
|
|
86
|
+
this.requestUpdate('text', old);
|
|
87
|
+
}
|
|
88
|
+
/** Supporting line. Resolves through the `status` preset to `DEFAULT_SUB_TEXT`. */
|
|
89
|
+
get subText() {
|
|
90
|
+
return this._subText ?? this.preset?.subText ?? DEFAULT_SUB_TEXT;
|
|
91
|
+
}
|
|
92
|
+
set subText(value) {
|
|
93
|
+
const old = this.subText;
|
|
94
|
+
this._subText = value ?? undefined;
|
|
95
|
+
this.requestUpdate('subText', old);
|
|
96
|
+
}
|
|
97
|
+
get tone() {
|
|
98
|
+
return this._tone ?? this.preset?.tone ?? 'neutral';
|
|
99
|
+
}
|
|
100
|
+
set tone(value) {
|
|
101
|
+
const old = this.tone;
|
|
102
|
+
this._tone = value ?? undefined;
|
|
103
|
+
this.requestUpdate('tone', old);
|
|
104
|
+
}
|
|
39
105
|
/* #endregion */
|
|
40
106
|
/* #region Methods */
|
|
107
|
+
/** The preset backing the current `status`, or undefined when none is set. */
|
|
108
|
+
get preset() {
|
|
109
|
+
return this.status ? STATUS_PRESETS[this.status] : undefined;
|
|
110
|
+
}
|
|
111
|
+
get glyphColor() {
|
|
112
|
+
return this.svgIconColor ?? TONE_GLYPH_COLOR[this.tone];
|
|
113
|
+
}
|
|
114
|
+
/** ARIA wiring */
|
|
115
|
+
get liveRegion() {
|
|
116
|
+
const preset = this.preset;
|
|
117
|
+
if (!preset)
|
|
118
|
+
return undefined;
|
|
119
|
+
return { role: preset.role, live: preset.live };
|
|
120
|
+
}
|
|
121
|
+
renderGlyph(size) {
|
|
122
|
+
const color = this.glyphColor;
|
|
123
|
+
return this.svgIconUrl ? html `
|
|
124
|
+
<nile-glyph
|
|
125
|
+
customSvgPath="${this.svgIconUrl}"
|
|
126
|
+
size="${this.svgIconSize ?? size}"
|
|
127
|
+
method="stroke"
|
|
128
|
+
color="${ifDefined(color)}"
|
|
129
|
+
noFill
|
|
130
|
+
></nile-glyph>
|
|
131
|
+
` : html `
|
|
132
|
+
<nile-glyph
|
|
133
|
+
name="${this.icon}"
|
|
134
|
+
method="stroke"
|
|
135
|
+
size="${size}"
|
|
136
|
+
color="${ifDefined(color)}"
|
|
137
|
+
></nile-glyph>
|
|
138
|
+
`;
|
|
139
|
+
}
|
|
41
140
|
/**
|
|
42
141
|
* Render method
|
|
43
142
|
* @slot This is a slot test
|
|
44
143
|
*/
|
|
45
144
|
render() {
|
|
145
|
+
const live = this.liveRegion;
|
|
146
|
+
const inline = this.layout === 'inline';
|
|
46
147
|
return html `
|
|
47
148
|
<div part="container" class="${classMap({
|
|
48
149
|
'empty-state': true,
|
|
49
150
|
'empty-state--sm': this.size == 'sm',
|
|
50
151
|
'empty-state--md': this.size == 'md',
|
|
51
|
-
'empty-state--lg': this.size == 'lg'
|
|
52
|
-
|
|
152
|
+
'empty-state--lg': this.size == 'lg',
|
|
153
|
+
'empty-state--stack': this.layout === 'stack',
|
|
154
|
+
'empty-state--inline': inline,
|
|
155
|
+
'empty-state--page': this.layout === 'page',
|
|
156
|
+
'empty-state--bordered': this.bordered,
|
|
157
|
+
[`empty-state--tone-${this.tone}`]: true,
|
|
158
|
+
})}"
|
|
159
|
+
role="${ifDefined(live?.role)}"
|
|
160
|
+
aria-live="${ifDefined(live?.live)}"
|
|
161
|
+
>
|
|
53
162
|
<div part="body" class="${classMap({ 'empty-state__body': true })}">
|
|
54
163
|
|
|
55
|
-
${
|
|
164
|
+
${inline ? html `
|
|
165
|
+
<span part="inline-icon icon-chrome" class="empty-state__body--inline">
|
|
166
|
+
${this.renderGlyph(20)}
|
|
167
|
+
</span>` : nothing}
|
|
168
|
+
|
|
169
|
+
${!inline && this.variant == 'content' ? html `
|
|
56
170
|
<div part="content-image" class="empty-state__body--content">
|
|
57
171
|
${!this.icon && !this.svgIconUrl ? nothing : html `
|
|
58
|
-
<div part="icon-wrapper" class="empty-state__img__icon">
|
|
59
|
-
${this.
|
|
60
|
-
<nile-icon customSvgPath="${this.svgIconUrl}" size="${this.svgIconSize}" color="${ifDefined(this.svgIconColor)}" noFill></nile-icon>
|
|
61
|
-
<!-- <nile-icon customSvgPath="${this.svgIconUrl}" size="${this.svgIconSize}" color="${this.svgIconColor ? this.svgIconColor : '#ddd'}"></nile-icon> -->
|
|
62
|
-
` : html `
|
|
63
|
-
<nile-icon name="${this.icon}" color="white" size="${this.size == 'sm' ? 24 : this.size == 'md' ? 24 : 28}"></nile-icon>
|
|
64
|
-
`}
|
|
172
|
+
<div part="icon-wrapper icon-chrome" class="empty-state__img__icon">
|
|
173
|
+
${this.renderGlyph(this.size == 'lg' ? 28 : 24)}
|
|
65
174
|
</div>`}
|
|
66
175
|
</div>` : nothing}
|
|
67
176
|
|
|
68
|
-
${this.variant == 'tonal' ? html `
|
|
69
|
-
<div part="tonal-body" class="empty-state__body--tonal">
|
|
70
|
-
${this.
|
|
71
|
-
<nile-icon customSvgPath="${this.svgIconUrl}" size="${this.svgIconSize}" method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))" color="${ifDefined(this.svgIconColor)}" noFill></nile-icon>
|
|
72
|
-
` : html `
|
|
73
|
-
<nile-icon name="${this.icon}" method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))" size="40"></nile-icon>
|
|
74
|
-
`}
|
|
177
|
+
${!inline && this.variant == 'tonal' ? html `
|
|
178
|
+
<div part="tonal-body icon-chrome" class="empty-state__body--tonal">
|
|
179
|
+
${this.renderGlyph(40)}
|
|
75
180
|
</div>` : nothing}
|
|
76
181
|
|
|
77
|
-
${this.variant == 'flat' ? html `
|
|
182
|
+
${!inline && this.variant == 'flat' ? html `
|
|
78
183
|
<div part="flat-body" class="empty-state__body--flat">
|
|
79
|
-
<span class="nile-flat-type-icon">
|
|
80
|
-
${this.
|
|
81
|
-
<nile-icon customSvgPath="${this.svgIconUrl}" size="${this.svgIconSize}" method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))" variant="secondary" color="${ifDefined(this.svgIconColor)}" noFill></nile-icon>
|
|
82
|
-
` : html `
|
|
83
|
-
<nile-icon name="${this.icon}" method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))" size="${this.size == 'sm' ? 24 : this.size == 'md' ? 24 : 28}" variant="secondary"></nile-icon>
|
|
84
|
-
`}
|
|
184
|
+
<span part="icon-chrome" class="nile-flat-type-icon">
|
|
185
|
+
${this.renderGlyph(this.size == 'lg' ? 28 : 24)}
|
|
85
186
|
</span>
|
|
86
187
|
</div>` : nothing}
|
|
87
188
|
|
|
88
189
|
<div part="text-section" class="empty__state__text-section">
|
|
190
|
+
${this.code ? html `
|
|
191
|
+
<div part="code" class="empty-state__code">${this.code}</div>
|
|
192
|
+
` : nothing}
|
|
89
193
|
<div part="text" class="empty-state__text">${this.text}</div>
|
|
90
194
|
<div part="subtitle" class="empty-state__subtext">${this.subText}</div>
|
|
91
195
|
</div>
|
|
@@ -94,37 +198,50 @@ let NileEmptyState = class NileEmptyState extends NileElement {
|
|
|
94
198
|
<div part="actions" class="empty-state-actions">
|
|
95
199
|
<slot></slot>
|
|
96
200
|
</div>
|
|
201
|
+
|
|
97
202
|
</div>
|
|
98
203
|
`;
|
|
99
204
|
}
|
|
100
205
|
};
|
|
101
206
|
__decorate([
|
|
102
|
-
property()
|
|
207
|
+
property({ type: String, attribute: true })
|
|
103
208
|
], NileEmptyState.prototype, "size", void 0);
|
|
104
209
|
__decorate([
|
|
105
|
-
property()
|
|
210
|
+
property({ type: String, attribute: true })
|
|
106
211
|
], NileEmptyState.prototype, "variant", void 0);
|
|
107
212
|
__decorate([
|
|
108
|
-
property()
|
|
109
|
-
], NileEmptyState.prototype, "
|
|
213
|
+
property({ type: String, attribute: true, reflect: true })
|
|
214
|
+
], NileEmptyState.prototype, "status", void 0);
|
|
110
215
|
__decorate([
|
|
111
|
-
property({ type:
|
|
112
|
-
], NileEmptyState.prototype, "
|
|
216
|
+
property({ type: String, attribute: true, reflect: true })
|
|
217
|
+
], NileEmptyState.prototype, "layout", void 0);
|
|
113
218
|
__decorate([
|
|
114
|
-
property()
|
|
115
|
-
], NileEmptyState.prototype, "
|
|
219
|
+
property({ type: String, attribute: true })
|
|
220
|
+
], NileEmptyState.prototype, "code", void 0);
|
|
116
221
|
__decorate([
|
|
117
|
-
property({ attribute:
|
|
118
|
-
], NileEmptyState.prototype, "
|
|
222
|
+
property({ type: Boolean, attribute: true, reflect: true })
|
|
223
|
+
], NileEmptyState.prototype, "bordered", void 0);
|
|
119
224
|
__decorate([
|
|
120
|
-
property()
|
|
225
|
+
property({ type: String, attribute: true })
|
|
121
226
|
], NileEmptyState.prototype, "svgIconUrl", void 0);
|
|
122
227
|
__decorate([
|
|
123
|
-
property({ type: Number })
|
|
228
|
+
property({ type: Number, attribute: true })
|
|
124
229
|
], NileEmptyState.prototype, "svgIconSize", void 0);
|
|
125
230
|
__decorate([
|
|
126
|
-
property({ type: String })
|
|
231
|
+
property({ type: String, attribute: true })
|
|
127
232
|
], NileEmptyState.prototype, "svgIconColor", void 0);
|
|
233
|
+
__decorate([
|
|
234
|
+
property({ type: String, attribute: true })
|
|
235
|
+
], NileEmptyState.prototype, "icon", null);
|
|
236
|
+
__decorate([
|
|
237
|
+
property({ type: String, attribute: true })
|
|
238
|
+
], NileEmptyState.prototype, "text", null);
|
|
239
|
+
__decorate([
|
|
240
|
+
property({ type: String, attribute: 'sub-text' })
|
|
241
|
+
], NileEmptyState.prototype, "subText", null);
|
|
242
|
+
__decorate([
|
|
243
|
+
property({ type: String, attribute: true, reflect: true })
|
|
244
|
+
], NileEmptyState.prototype, "tone", null);
|
|
128
245
|
NileEmptyState = __decorate([
|
|
129
246
|
customElement('nile-empty-state')
|
|
130
247
|
], NileEmptyState);
|