@elmethis/core 1.0.0-alpha.18 → 1.0.0-alpha.180
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/dist/_virtual/_plugin-vue_export-helper.mjs +10 -0
- package/dist/components/{inline/ElmInlineCode.stories.d.ts → badge/ElmBadge.stories.d.ts} +2 -2
- package/dist/components/badge/ElmBadge.vue.d.ts +21 -0
- package/dist/components/badge/ElmBadge.vue.mjs +10 -0
- package/dist/components/badge/ElmBadge.vue2.mjs +33 -0
- package/dist/components/badge/ElmBadge.vue3.mjs +26 -0
- package/dist/components/badge/ElmTag.stories.d.ts +7 -0
- package/dist/components/badge/ElmTag.vue.d.ts +14 -0
- package/dist/components/badge/ElmTag.vue.mjs +10 -0
- package/dist/components/badge/ElmTag.vue2.mjs +39 -0
- package/dist/components/badge/ElmTag.vue3.mjs +26 -0
- package/dist/components/code/ElmCodeBlock.vue.d.ts +8 -1
- package/dist/components/code/ElmCodeBlock.vue.mjs +10 -0
- package/dist/components/code/ElmCodeBlock.vue2.mjs +105 -0
- package/dist/components/code/ElmCodeBlock.vue3.mjs +37 -0
- package/dist/components/code/ElmKatex.vue.d.ts +3 -1
- package/dist/components/code/ElmKatex.vue.mjs +10 -0
- package/dist/components/code/ElmKatex.vue2.mjs +67 -0
- package/dist/components/code/ElmKatex.vue3.mjs +20 -0
- package/dist/components/code/{ElmPrismHighlighter.stories.d.ts → ElmShikiHighlighter.stories.d.ts} +2 -3
- package/dist/components/code/ElmShikiHighlighter.vue.d.ts +22 -0
- package/dist/components/code/ElmShikiHighlighter.vue.mjs +23 -0
- package/dist/components/code/ElmShikiHighlighter.vue2.mjs +51 -0
- package/dist/components/code/ElmShikiHighlighter.vue3.mjs +20 -0
- package/dist/components/code/shikiInstance.d.ts +2 -0
- package/dist/components/code/shikiInstance.mjs +76 -0
- package/dist/components/containments/ElmColumn.vue.d.ts +3 -2
- package/dist/components/containments/ElmColumn.vue.mjs +10 -0
- package/dist/components/containments/ElmColumn.vue2.mjs +16 -0
- package/dist/components/containments/ElmColumn.vue3.mjs +20 -0
- package/dist/components/containments/ElmColumnList.vue.d.ts +3 -2
- package/dist/components/containments/ElmColumnList.vue.mjs +10 -0
- package/dist/components/containments/ElmColumnList.vue2.mjs +16 -0
- package/dist/components/containments/ElmColumnList.vue3.mjs +18 -0
- package/dist/components/containments/ElmDesktopWindow.vue.d.ts +3 -2
- package/dist/components/containments/ElmDesktopWindow.vue.mjs +10 -0
- package/dist/components/containments/ElmDesktopWindow.vue2.mjs +42 -0
- package/dist/components/containments/ElmDesktopWindow.vue3.mjs +26 -0
- package/dist/components/containments/ElmModal.stories.d.ts +6 -0
- package/dist/components/containments/ElmModal.vue.d.ts +35 -0
- package/dist/components/containments/ElmModal.vue.mjs +22 -0
- package/dist/components/containments/ElmModal.vue2.mjs +44 -0
- package/dist/components/containments/ElmModal.vue3.mjs +23 -0
- package/dist/components/containments/ElmParallax.vue.mjs +10 -0
- package/dist/components/containments/ElmParallax.vue2.mjs +35 -0
- package/dist/components/containments/ElmParallax.vue3.mjs +20 -0
- package/dist/components/containments/ElmSnackbar.stories.d.ts +6 -0
- package/dist/components/containments/ElmSnackbar.vue.d.ts +11 -0
- package/dist/components/containments/ElmSnackbar.vue.mjs +10 -0
- package/dist/components/containments/ElmSnackbar.vue2.mjs +39 -0
- package/dist/components/containments/ElmSnackbar.vue3.mjs +26 -0
- package/dist/components/containments/ElmSnackbarContainer.vue.d.ts +10 -0
- package/dist/components/containments/ElmSnackbarContainer.vue.mjs +22 -0
- package/dist/components/containments/ElmSnackbarContainer.vue2.mjs +33 -0
- package/dist/components/containments/ElmSnackbarContainer.vue3.mjs +19 -0
- package/dist/components/containments/ElmToggle.stories.d.ts +1 -0
- package/dist/components/containments/ElmToggle.vue.d.ts +13 -6
- package/dist/components/containments/ElmToggle.vue.mjs +22 -0
- package/dist/components/containments/ElmToggle.vue2.mjs +71 -0
- package/dist/components/containments/ElmToggle.vue3.mjs +29 -0
- package/dist/components/containments/ElmTooltip.vue.d.ts +5 -2
- package/dist/components/containments/ElmTooltip.vue.mjs +22 -0
- package/dist/components/containments/ElmTooltip.vue2.mjs +49 -0
- package/dist/components/containments/ElmTooltip.vue3.mjs +20 -0
- package/dist/components/containments/useSnackbarState.d.ts +28 -0
- package/dist/components/data/ElmMultiProgress.stories.d.ts +6 -0
- package/dist/components/data/ElmMultiProgress.vue.d.ts +30 -0
- package/dist/components/data/ElmMultiProgress.vue.mjs +10 -0
- package/dist/components/data/ElmMultiProgress.vue2.mjs +45 -0
- package/dist/components/data/ElmMultiProgress.vue3.mjs +23 -0
- package/dist/components/data/ElmProgress.stories.d.ts +1 -0
- package/dist/components/data/ElmProgress.vue.d.ts +6 -1
- package/dist/components/data/ElmProgress.vue.mjs +10 -0
- package/dist/components/data/ElmProgress.vue2.mjs +53 -0
- package/dist/components/data/ElmProgress.vue3.mjs +32 -0
- package/dist/components/data/ElmStatusMessage.stories.d.ts +9 -0
- package/dist/components/data/ElmStatusMessage.vue.d.ts +6 -0
- package/dist/components/data/ElmStatusMessage.vue.mjs +22 -0
- package/dist/components/data/ElmStatusMessage.vue2.mjs +75 -0
- package/dist/components/data/ElmStatusMessage.vue3.mjs +23 -0
- package/dist/components/fallback/ElmBlockFallback.stories.d.ts +6 -0
- package/dist/components/fallback/ElmBlockFallback.vue.d.ts +4 -0
- package/dist/components/fallback/ElmBlockFallback.vue.mjs +10 -0
- package/dist/components/fallback/ElmBlockFallback.vue2.mjs +17 -0
- package/dist/components/fallback/ElmBlockFallback.vue3.mjs +18 -0
- package/dist/components/fallback/ElmRectangleWave.vue.d.ts +1 -1
- package/dist/components/fallback/ElmRectangleWave.vue.mjs +10 -0
- package/dist/components/fallback/ElmRectangleWave.vue2.mjs +15 -0
- package/dist/components/fallback/ElmRectangleWave.vue3.mjs +21 -0
- package/dist/components/fallback/ElmSpinner.stories.d.ts +6 -0
- package/dist/components/fallback/ElmSpinner.vue.d.ts +9 -0
- package/dist/components/fallback/ElmSpinner.vue.mjs +10 -0
- package/dist/components/fallback/ElmSpinner.vue2.mjs +30 -0
- package/dist/components/fallback/ElmSpinner.vue3.mjs +24 -0
- package/dist/components/form/ElmButton.stories.d.ts +11 -0
- package/dist/components/form/ElmButton.vue.d.ts +41 -0
- package/dist/components/form/ElmButton.vue.mjs +22 -0
- package/dist/components/form/ElmButton.vue2.mjs +57 -0
- package/dist/components/form/ElmButton.vue3.mjs +32 -0
- package/dist/components/form/ElmCheckbox.vue.d.ts +16 -6
- package/dist/components/form/ElmCheckbox.vue.mjs +10 -0
- package/dist/components/form/ElmCheckbox.vue2.mjs +177 -0
- package/dist/components/form/ElmCheckbox.vue3.mjs +34 -0
- package/dist/components/form/ElmSwitch.stories.d.ts +6 -0
- package/dist/components/form/ElmSwitch.vue.d.ts +32 -0
- package/dist/components/form/ElmSwitch.vue.mjs +10 -0
- package/dist/components/form/ElmSwitch.vue2.mjs +61 -0
- package/dist/components/form/ElmSwitch.vue3.mjs +28 -0
- package/dist/components/form/ElmTextField.stories.d.ts +6 -0
- package/dist/components/form/ElmTextField.vue.d.ts +30 -0
- package/dist/components/form/ElmTextField.vue.mjs +10 -0
- package/dist/components/form/ElmTextField.vue2.mjs +124 -0
- package/dist/components/form/ElmTextField.vue3.mjs +46 -0
- package/dist/components/form/ElmTotp.stories.d.ts +6 -0
- package/dist/components/form/ElmTotp.vue.d.ts +12 -0
- package/dist/components/form/ElmTotp.vue.mjs +10 -0
- package/dist/components/form/ElmTotp.vue2.mjs +102 -0
- package/dist/components/form/ElmTotp.vue3.mjs +34 -0
- package/dist/components/headings/ElmFragmentIdentifier.stories.d.ts +6 -0
- package/dist/components/headings/ElmFragmentIdentifier.vue.d.ts +8 -0
- package/dist/components/headings/ElmFragmentIdentifier.vue.mjs +10 -0
- package/dist/components/headings/ElmFragmentIdentifier.vue2.mjs +57 -0
- package/dist/components/headings/ElmFragmentIdentifier.vue3.mjs +23 -0
- package/dist/components/headings/ElmHeading1.vue.d.ts +9 -1
- package/dist/components/headings/ElmHeading1.vue.mjs +10 -0
- package/dist/components/headings/ElmHeading1.vue2.mjs +43 -0
- package/dist/components/headings/ElmHeading1.vue3.mjs +20 -0
- package/dist/components/headings/ElmHeading2.vue.d.ts +9 -1
- package/dist/components/headings/ElmHeading2.vue.mjs +10 -0
- package/dist/components/headings/ElmHeading2.vue2.mjs +49 -0
- package/dist/components/headings/ElmHeading2.vue3.mjs +23 -0
- package/dist/components/headings/ElmHeading3.vue.d.ts +9 -1
- package/dist/components/headings/ElmHeading3.vue.mjs +10 -0
- package/dist/components/headings/ElmHeading3.vue2.mjs +39 -0
- package/dist/components/headings/ElmHeading3.vue3.mjs +20 -0
- package/dist/components/headings/ElmHeading4.vue.d.ts +6 -0
- package/dist/components/headings/ElmHeading4.vue.mjs +10 -0
- package/dist/components/headings/ElmHeading4.vue2.mjs +31 -0
- package/dist/components/headings/ElmHeading4.vue3.mjs +20 -0
- package/dist/components/headings/ElmHeading5.vue.d.ts +6 -0
- package/dist/components/headings/ElmHeading5.vue.mjs +10 -0
- package/dist/components/headings/ElmHeading5.vue2.mjs +31 -0
- package/dist/components/headings/ElmHeading5.vue3.mjs +20 -0
- package/dist/components/headings/ElmHeading6.vue.d.ts +6 -0
- package/dist/components/headings/ElmHeading6.vue.mjs +10 -0
- package/dist/components/headings/ElmHeading6.vue2.mjs +31 -0
- package/dist/components/headings/ElmHeading6.vue3.mjs +20 -0
- package/dist/components/icon/ElmArrowIcon.stories.d.ts +6 -0
- package/dist/components/icon/ElmArrowIcon.vue.d.ts +26 -0
- package/dist/components/icon/ElmArrowIcon.vue.mjs +10 -0
- package/dist/components/icon/ElmArrowIcon.vue2.mjs +31 -0
- package/dist/components/icon/ElmArrowIcon.vue3.mjs +29 -0
- package/dist/components/icon/ElmBookmarkIcon.stories.d.ts +8 -0
- package/dist/components/icon/ElmBookmarkIcon.vue.d.ts +7 -0
- package/dist/components/icon/ElmBookmarkIcon.vue.mjs +10 -0
- package/dist/components/icon/ElmBookmarkIcon.vue2.mjs +45 -0
- package/dist/components/icon/ElmBookmarkIcon.vue3.mjs +27 -0
- package/dist/components/icon/ElmCubeIcon.vue.d.ts +1 -1
- package/dist/components/icon/ElmCubeIcon.vue.mjs +10 -0
- package/dist/components/icon/ElmCubeIcon.vue2.mjs +41 -0
- package/dist/components/icon/ElmCubeIcon.vue3.mjs +24 -0
- package/dist/components/icon/ElmDotLoadingIcon.vue.d.ts +2 -2
- package/dist/components/icon/ElmDotLoadingIcon.vue.mjs +10 -0
- package/dist/components/icon/ElmDotLoadingIcon.vue2.mjs +28 -0
- package/dist/components/icon/ElmDotLoadingIcon.vue3.mjs +26 -0
- package/dist/components/icon/ElmLanguageIcon.vue.d.ts +1 -1
- package/dist/components/icon/ElmLanguageIcon.vue.mjs +22 -0
- package/dist/components/icon/ElmLanguageIcon.vue2.mjs +148 -0
- package/dist/components/icon/ElmLanguageIcon.vue3.mjs +23 -0
- package/dist/components/icon/ElmLoginIcon.stories.d.ts +6 -0
- package/dist/components/icon/ElmLoginIcon.vue.d.ts +18 -0
- package/dist/components/icon/ElmLoginIcon.vue.mjs +10 -0
- package/dist/components/icon/ElmLoginIcon.vue2.mjs +37 -0
- package/dist/components/icon/ElmLoginIcon.vue3.mjs +20 -0
- package/dist/components/icon/ElmToggleTheme.vue.mjs +10 -0
- package/dist/components/icon/ElmToggleTheme.vue2.mjs +30 -0
- package/dist/components/icon/ElmToggleTheme.vue3.mjs +20 -0
- package/dist/components/icon/languages/Bash.vue.d.ts +1 -1
- package/dist/{Bash-mlA01V07.js → components/icon/languages/Bash.vue.mjs} +20 -15
- package/dist/components/icon/languages/Bash.vue2.mjs +20 -0
- package/dist/components/icon/languages/{JavaScript.vue.d.ts → Css.vue.d.ts} +1 -1
- package/dist/components/icon/languages/Css.vue.mjs +19 -0
- package/dist/components/icon/languages/Rust.vue.d.ts +1 -1
- package/dist/components/icon/languages/Rust.vue.mjs +17 -0
- package/dist/components/inline/ElmInlineIcon.stories.d.ts +6 -0
- package/dist/components/inline/ElmInlineIcon.vue.d.ts +6 -0
- package/dist/components/inline/ElmInlineIcon.vue.mjs +10 -0
- package/dist/components/inline/ElmInlineIcon.vue2.mjs +21 -0
- package/dist/components/inline/ElmInlineIcon.vue3.mjs +20 -0
- package/dist/components/inline/ElmInlineLink.vue.d.ts +3 -2
- package/dist/components/inline/ElmInlineLink.vue.mjs +10 -0
- package/dist/components/inline/ElmInlineLink.vue2.mjs +55 -0
- package/dist/components/inline/ElmInlineLink.vue3.mjs +23 -0
- package/dist/components/inline/ElmInlineRuby.vue.d.ts +1 -1
- package/dist/components/inline/ElmInlineRuby.vue.mjs +29 -0
- package/dist/components/inline/ElmInlineRuby.vue2.mjs +4 -0
- package/dist/components/inline/ElmInlineText.stories.d.ts +1 -0
- package/dist/components/inline/ElmInlineText.vue.d.ts +10 -1
- package/dist/components/inline/ElmInlineText.vue.mjs +10 -0
- package/dist/components/inline/ElmInlineText.vue2.mjs +57 -0
- package/dist/components/inline/ElmInlineText.vue3.mjs +23 -0
- package/dist/components/inline/ElmTypingAnimation.stories.d.ts +6 -0
- package/dist/components/inline/ElmTypingAnimation.vue.d.ts +21 -0
- package/dist/components/jsonschema/ElmChildContainer.stories.d.ts +6 -0
- package/dist/components/jsonschema/ElmChildContainer.vue.d.ts +21 -0
- package/dist/components/jsonschema/ElmFieldAttribute.stories.d.ts +6 -0
- package/dist/components/jsonschema/ElmFieldAttribute.vue.d.ts +7 -0
- package/dist/components/jsonschema/ElmFieldType.stories.d.ts +7 -0
- package/dist/components/jsonschema/ElmFieldType.vue.d.ts +8 -0
- package/dist/components/jsonschema/ElmJsonSchema.stories.d.ts +7 -0
- package/dist/components/jsonschema/ElmJsonSchema.vue.d.ts +7 -0
- package/dist/components/media/ElmBlockImage.stories.d.ts +9 -0
- package/dist/components/media/ElmBlockImage.vue.d.ts +10 -0
- package/dist/components/media/ElmFile.vue.d.ts +6 -1
- package/dist/components/media/ElmFile.vue.mjs +10 -0
- package/dist/components/media/ElmFile.vue2.mjs +77 -0
- package/dist/components/media/ElmFile.vue3.mjs +26 -0
- package/dist/components/media/ElmImage.stories.d.ts +2 -0
- package/dist/components/media/ElmImage.vue.d.ts +5 -0
- package/dist/components/media/ElmImage.vue.mjs +22 -0
- package/dist/components/media/ElmImage.vue2.mjs +91 -0
- package/dist/components/media/ElmImage.vue3.mjs +30 -0
- package/dist/components/navigation/ElmBookmark.stories.d.ts +2 -0
- package/dist/components/navigation/ElmBookmark.vue.d.ts +13 -9
- package/dist/components/navigation/ElmBookmark.vue.mjs +10 -0
- package/dist/components/navigation/ElmBookmark.vue2.mjs +115 -0
- package/dist/components/navigation/ElmBookmark.vue3.mjs +44 -0
- package/dist/components/navigation/ElmBreadcrumb.vue.d.ts +3 -1
- package/dist/components/navigation/ElmBreadcrumb.vue.mjs +10 -0
- package/dist/components/navigation/ElmBreadcrumb.vue2.mjs +63 -0
- package/dist/components/navigation/ElmBreadcrumb.vue3.mjs +30 -0
- package/dist/components/navigation/ElmPagetop.vue.d.ts +1 -1
- package/dist/components/navigation/ElmPagetop.vue.mjs +10 -0
- package/dist/components/navigation/ElmPagetop.vue2.mjs +51 -0
- package/dist/components/navigation/ElmPagetop.vue3.mjs +30 -0
- package/dist/components/navigation/ElmTableOfContents.vue.d.ts +1 -1
- package/dist/components/navigation/ElmTableOfContents.vue.mjs +10 -0
- package/dist/components/navigation/ElmTableOfContents.vue2.mjs +43 -0
- package/dist/components/navigation/ElmTableOfContents.vue3.mjs +26 -0
- package/dist/components/others/ElmColorSample.stories.d.ts +6 -0
- package/dist/components/others/ElmColorSample.vue.d.ts +8 -0
- package/dist/components/others/ElmColorSample.vue.mjs +22 -0
- package/dist/components/others/ElmColorSample.vue2.mjs +72 -0
- package/dist/components/others/ElmColorSample.vue3.mjs +21 -0
- package/dist/components/others/ElmColorTable.stories.d.ts +6 -0
- package/dist/components/others/ElmColorTable.vue.d.ts +11 -0
- package/dist/components/others/ElmColorTable.vue.mjs +10 -0
- package/dist/components/others/ElmColorTable.vue2.mjs +45 -0
- package/dist/components/others/ElmColorTable.vue3.mjs +22 -0
- package/dist/components/others/ElmTemplate.stories.d.ts +6 -0
- package/dist/components/others/ElmTyping.vue.d.ts +4 -0
- package/dist/components/renderer/ElmJsonRenderer.stories.d.ts +1 -0
- package/dist/components/renderer/ElmJsonRenderer.vue.d.ts +39 -8
- package/dist/components/renderer/ElmJsonRenderer.vue.mjs +146 -0
- package/dist/components/renderer/ElmJsonRenderer.vue2.mjs +4 -0
- package/dist/components/table/ElmTable.vue.d.ts +8 -2
- package/dist/components/table/ElmTable.vue.mjs +18 -0
- package/dist/components/table/ElmTable.vue2.mjs +22 -0
- package/dist/components/table/ElmTableBody.vue.d.ts +3 -2
- package/dist/components/table/ElmTableBody.vue.mjs +15 -0
- package/dist/components/table/ElmTableBody.vue3.mjs +17 -0
- package/dist/components/table/ElmTableCell.vue.d.ts +2 -1
- package/dist/components/table/ElmTableCell.vue.mjs +18 -0
- package/dist/components/table/ElmTableCell.vue2.mjs +22 -0
- package/dist/components/table/ElmTableHeader.vue.d.ts +3 -2
- package/dist/components/table/ElmTableHeader.vue.mjs +15 -0
- package/dist/components/table/ElmTableHeader.vue3.mjs +17 -0
- package/dist/components/table/ElmTableRow.vue.d.ts +3 -2
- package/dist/components/table/ElmTableRow.vue.mjs +14 -0
- package/dist/components/table/ElmTableRow.vue2.mjs +4 -0
- package/dist/components/template/ElmTemplate.vue.d.ts +1 -1
- package/dist/components/typography/ElmBlockQuote.vue.d.ts +5 -2
- package/dist/components/typography/ElmBlockQuote.vue.mjs +10 -0
- package/dist/components/typography/ElmBlockQuote.vue2.mjs +27 -0
- package/dist/components/typography/ElmBlockQuote.vue3.mjs +20 -0
- package/dist/components/typography/ElmBulletedList.vue.d.ts +5 -2
- package/dist/components/typography/ElmBulletedList.vue.mjs +27 -0
- package/dist/components/typography/ElmBulletedList.vue3.mjs +17 -0
- package/dist/components/typography/ElmCallout.vue.d.ts +5 -2
- package/dist/components/typography/ElmCallout.vue.mjs +10 -0
- package/dist/components/typography/ElmCallout.vue2.mjs +57 -0
- package/dist/components/typography/ElmCallout.vue3.mjs +26 -0
- package/dist/components/typography/ElmDivider.vue.d.ts +8 -1
- package/dist/components/typography/ElmDivider.vue.mjs +10 -0
- package/dist/components/typography/ElmDivider.vue2.mjs +29 -0
- package/dist/components/typography/ElmDivider.vue3.mjs +20 -0
- package/dist/components/typography/ElmListItem.vue.d.ts +3 -2
- package/dist/components/typography/ElmListItem.vue.mjs +10 -0
- package/dist/components/typography/ElmListItem.vue2.mjs +16 -0
- package/dist/components/typography/ElmListItem.vue3.mjs +20 -0
- package/dist/components/typography/ElmNumberedList.vue.d.ts +5 -2
- package/dist/components/typography/ElmNumberedList.vue.mjs +27 -0
- package/dist/components/typography/ElmNumberedList.vue3.mjs +17 -0
- package/dist/components/typography/ElmParagraph.vue.d.ts +5 -2
- package/dist/components/typography/ElmParagraph.vue.mjs +10 -0
- package/dist/components/typography/ElmParagraph.vue2.mjs +27 -0
- package/dist/components/typography/ElmParagraph.vue3.mjs +20 -0
- package/dist/hooks/useElmethisTheme.mjs +43 -0
- package/dist/hooks/useTyping.d.ts +17 -0
- package/dist/hooks/useTyping.mjs +37 -0
- package/dist/index.d.ts +128 -46
- package/dist/index.mjs +147 -0
- package/package.json +38 -29
- package/dist/JavaScript-stKTLCvS.js +0 -22
- package/dist/Rust-PU5XwTn1.js +0 -16
- package/dist/TypeScript-ViBgqhx7.js +0 -22
- package/dist/components/code/ElmPrismHighlighter.vue.d.ts +0 -14
- package/dist/components/icon/languages/TypeScript.vue.d.ts +0 -2
- package/dist/components/inline/ElmInlineCode.vue.d.ts +0 -15
- package/dist/elmethis.js +0 -48
- package/dist/elmethis.umd.cjs +0 -419
- package/dist/index-DvtsYpwQ.js +0 -16274
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
(function() {
|
|
2
|
+
"use strict";
|
|
3
|
+
try {
|
|
4
|
+
if (typeof document != "undefined") {
|
|
5
|
+
var elementStyle = document.createElement("style");
|
|
6
|
+
elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-0a79ebd0],.v-leave-from[data-v-0a79ebd0]{opacity:1}.v-enter-active[data-v-0a79ebd0],.v-leave-active[data-v-0a79ebd0]{transition:opacity .15s}.v-enter-from[data-v-0a79ebd0],.v-leave-to[data-v-0a79ebd0]{opacity:0}"));
|
|
7
|
+
document.head.appendChild(elementStyle);
|
|
8
|
+
}
|
|
9
|
+
} catch (e) {
|
|
10
|
+
console.error("vite-plugin-css-injected-by-js", e);
|
|
11
|
+
}
|
|
12
|
+
})();
|
|
13
|
+
import _sfc_main from "./ElmStatusMessage.vue2.mjs";
|
|
14
|
+
import style0 from "./ElmStatusMessage.vue3.mjs";
|
|
15
|
+
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
16
|
+
const cssModules = {
|
|
17
|
+
"$style": style0
|
|
18
|
+
};
|
|
19
|
+
const ElmStatusMessage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-0a79ebd0"]]);
|
|
20
|
+
export {
|
|
21
|
+
ElmStatusMessage as default
|
|
22
|
+
};
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import { defineComponent, createBlock, openBlock, Transition, withCtx, createElementBlock, normalizeClass, createVNode, unref } from "vue";
|
|
2
|
+
import { Icon } from "@iconify/vue";
|
|
3
|
+
import ElmInlineText from "../inline/ElmInlineText.vue.mjs";
|
|
4
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
|
+
__name: "ElmStatusMessage",
|
|
6
|
+
props: {
|
|
7
|
+
status: {},
|
|
8
|
+
message: {}
|
|
9
|
+
},
|
|
10
|
+
setup(__props) {
|
|
11
|
+
return (_ctx, _cache) => {
|
|
12
|
+
return openBlock(), createBlock(Transition, { mode: "out-in" }, {
|
|
13
|
+
default: withCtx(() => [
|
|
14
|
+
_ctx.status === "pending" ? (openBlock(), createElementBlock("div", {
|
|
15
|
+
key: 0,
|
|
16
|
+
class: normalizeClass(_ctx.$style.wrapper)
|
|
17
|
+
}, [
|
|
18
|
+
createVNode(unref(Icon), {
|
|
19
|
+
icon: "mdi:rotate-clockwise",
|
|
20
|
+
class: normalizeClass(_ctx.$style.icon),
|
|
21
|
+
style: { color: "#6987b8" }
|
|
22
|
+
}, null, 8, ["class"]),
|
|
23
|
+
createVNode(ElmInlineText, {
|
|
24
|
+
text: _ctx.message,
|
|
25
|
+
color: "#6987b8"
|
|
26
|
+
}, null, 8, ["text"])
|
|
27
|
+
], 2)) : _ctx.status === "error" ? (openBlock(), createElementBlock("div", {
|
|
28
|
+
key: 1,
|
|
29
|
+
class: normalizeClass(_ctx.$style.wrapper)
|
|
30
|
+
}, [
|
|
31
|
+
createVNode(unref(Icon), {
|
|
32
|
+
icon: "uis:exclamation-circle",
|
|
33
|
+
class: normalizeClass(_ctx.$style.icon),
|
|
34
|
+
style: { color: "#c56565" }
|
|
35
|
+
}, null, 8, ["class"]),
|
|
36
|
+
createVNode(ElmInlineText, {
|
|
37
|
+
text: _ctx.message,
|
|
38
|
+
color: "#c56565"
|
|
39
|
+
}, null, 8, ["text"])
|
|
40
|
+
], 2)) : _ctx.status === "warning" ? (openBlock(), createElementBlock("div", {
|
|
41
|
+
key: 2,
|
|
42
|
+
class: normalizeClass(_ctx.$style.wrapper)
|
|
43
|
+
}, [
|
|
44
|
+
createVNode(unref(Icon), {
|
|
45
|
+
icon: "ic:baseline-warning",
|
|
46
|
+
class: normalizeClass(_ctx.$style.icon),
|
|
47
|
+
style: { color: "#cdb57b" }
|
|
48
|
+
}, null, 8, ["class"]),
|
|
49
|
+
createVNode(ElmInlineText, {
|
|
50
|
+
text: _ctx.message,
|
|
51
|
+
color: "#cdb57b"
|
|
52
|
+
}, null, 8, ["text"])
|
|
53
|
+
], 2)) : (openBlock(), createElementBlock("div", {
|
|
54
|
+
key: 3,
|
|
55
|
+
class: normalizeClass(_ctx.$style.wrapper)
|
|
56
|
+
}, [
|
|
57
|
+
createVNode(unref(Icon), {
|
|
58
|
+
icon: "material-symbols-light:check-circle",
|
|
59
|
+
class: normalizeClass(_ctx.$style.icon),
|
|
60
|
+
style: { color: "#59b57c" }
|
|
61
|
+
}, null, 8, ["class"]),
|
|
62
|
+
createVNode(ElmInlineText, {
|
|
63
|
+
text: _ctx.message,
|
|
64
|
+
color: "#59b57c"
|
|
65
|
+
}, null, 8, ["text"])
|
|
66
|
+
], 2))
|
|
67
|
+
]),
|
|
68
|
+
_: 1
|
|
69
|
+
});
|
|
70
|
+
};
|
|
71
|
+
}
|
|
72
|
+
});
|
|
73
|
+
export {
|
|
74
|
+
_sfc_main as default
|
|
75
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
(function() {
|
|
2
|
+
"use strict";
|
|
3
|
+
try {
|
|
4
|
+
if (typeof document != "undefined") {
|
|
5
|
+
var elementStyle = document.createElement("style");
|
|
6
|
+
elementStyle.appendChild(document.createTextNode("._wrapper_1vrbm_1{display:inline-flex;align-items:center;gap:.5rem}._icon_1vrbm_7{width:20px;height:20px}"));
|
|
7
|
+
document.head.appendChild(elementStyle);
|
|
8
|
+
}
|
|
9
|
+
} catch (e) {
|
|
10
|
+
console.error("vite-plugin-css-injected-by-js", e);
|
|
11
|
+
}
|
|
12
|
+
})();
|
|
13
|
+
const wrapper = "_wrapper_1vrbm_1";
|
|
14
|
+
const icon = "_icon_1vrbm_7";
|
|
15
|
+
const style0 = {
|
|
16
|
+
wrapper,
|
|
17
|
+
icon
|
|
18
|
+
};
|
|
19
|
+
export {
|
|
20
|
+
style0 as default,
|
|
21
|
+
icon,
|
|
22
|
+
wrapper
|
|
23
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import { default as ElmBlockFallback } from './ElmBlockFallback.vue';
|
|
3
|
+
declare const meta: Meta<typeof ElmBlockFallback>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Primary: Story;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export interface ElmBlockFallbackProps {
|
|
2
|
+
}
|
|
3
|
+
declare const _default: import('vue').DefineComponent<ElmBlockFallbackProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmBlockFallbackProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
4
|
+
export default _default;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import _sfc_main from "./ElmBlockFallback.vue2.mjs";
|
|
2
|
+
import style0 from "./ElmBlockFallback.vue3.mjs";
|
|
3
|
+
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
4
|
+
const cssModules = {
|
|
5
|
+
"$style": style0
|
|
6
|
+
};
|
|
7
|
+
const ElmBlockFallback = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
|
|
8
|
+
export {
|
|
9
|
+
ElmBlockFallback as default
|
|
10
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { defineComponent, createElementBlock, openBlock, normalizeClass, createVNode } from "vue";
|
|
2
|
+
import ElmDotLoadingIcon from "../icon/ElmDotLoadingIcon.vue.mjs";
|
|
3
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
4
|
+
__name: "ElmBlockFallback",
|
|
5
|
+
setup(__props) {
|
|
6
|
+
return (_ctx, _cache) => {
|
|
7
|
+
return openBlock(), createElementBlock("div", {
|
|
8
|
+
class: normalizeClass(_ctx.$style["elmethis-block-fallback"])
|
|
9
|
+
}, [
|
|
10
|
+
createVNode(ElmDotLoadingIcon)
|
|
11
|
+
], 2);
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
});
|
|
15
|
+
export {
|
|
16
|
+
_sfc_main as default
|
|
17
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
(function() {
|
|
2
|
+
"use strict";
|
|
3
|
+
try {
|
|
4
|
+
if (typeof document != "undefined") {
|
|
5
|
+
var elementStyle = document.createElement("style");
|
|
6
|
+
elementStyle.appendChild(document.createTextNode("._elmethis-block-fallback_uo36g_1{width:100%;height:8rem;display:flex;justify-content:center;align-items:center}"));
|
|
7
|
+
document.head.appendChild(elementStyle);
|
|
8
|
+
}
|
|
9
|
+
} catch (e) {
|
|
10
|
+
console.error("vite-plugin-css-injected-by-js", e);
|
|
11
|
+
}
|
|
12
|
+
})();
|
|
13
|
+
const style0 = {
|
|
14
|
+
"elmethis-block-fallback": "_elmethis-block-fallback_uo36g_1"
|
|
15
|
+
};
|
|
16
|
+
export {
|
|
17
|
+
style0 as default
|
|
18
|
+
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export interface ElmRectangleWaveProps {
|
|
2
2
|
}
|
|
3
|
-
declare const _default: import('vue').DefineComponent<ElmRectangleWaveProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmRectangleWaveProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {},
|
|
3
|
+
declare const _default: import('vue').DefineComponent<ElmRectangleWaveProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmRectangleWaveProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
4
4
|
export default _default;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import _sfc_main from "./ElmRectangleWave.vue2.mjs";
|
|
2
|
+
import style0 from "./ElmRectangleWave.vue3.mjs";
|
|
3
|
+
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
4
|
+
const cssModules = {
|
|
5
|
+
"$style": style0
|
|
6
|
+
};
|
|
7
|
+
const ElmRectangleWave = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
|
|
8
|
+
export {
|
|
9
|
+
ElmRectangleWave as default
|
|
10
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { defineComponent, createElementBlock, openBlock, normalizeClass } from "vue";
|
|
2
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
3
|
+
__name: "ElmRectangleWave",
|
|
4
|
+
setup(__props) {
|
|
5
|
+
return (_ctx, _cache) => {
|
|
6
|
+
return openBlock(), createElementBlock("div", {
|
|
7
|
+
"aria-hidden": "",
|
|
8
|
+
class: normalizeClass(_ctx.$style["rectangle-wave"])
|
|
9
|
+
}, null, 2);
|
|
10
|
+
};
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
export {
|
|
14
|
+
_sfc_main as default
|
|
15
|
+
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
(function() {
|
|
2
|
+
"use strict";
|
|
3
|
+
try {
|
|
4
|
+
if (typeof document != "undefined") {
|
|
5
|
+
var elementStyle = document.createElement("style");
|
|
6
|
+
elementStyle.appendChild(document.createTextNode("@keyframes _wave_oz31b_1{0%{transform:scale(0);opacity:0}30%{opacity:0}40%{opacity:1}to{transform:scale(1);opacity:0}}._rectangle-wave_oz31b_17{box-sizing:border-box;position:absolute;overflow:hidden;width:100%;height:100%;animation-name:_wave_oz31b_1;animation-duration:1.2s;animation-iteration-count:infinite;animation-fill-mode:both;border-style:solid;border-width:1px;border-color:#000000b3}[data-theme=dark] ._rectangle-wave_oz31b_17{border-color:#ffffffb3}"));
|
|
7
|
+
document.head.appendChild(elementStyle);
|
|
8
|
+
}
|
|
9
|
+
} catch (e) {
|
|
10
|
+
console.error("vite-plugin-css-injected-by-js", e);
|
|
11
|
+
}
|
|
12
|
+
})();
|
|
13
|
+
const wave = "_wave_oz31b_1";
|
|
14
|
+
const style0 = {
|
|
15
|
+
"rectangle-wave": "_rectangle-wave_oz31b_17",
|
|
16
|
+
wave
|
|
17
|
+
};
|
|
18
|
+
export {
|
|
19
|
+
style0 as default,
|
|
20
|
+
wave
|
|
21
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export interface ElmSpinnerProps {
|
|
2
|
+
radius?: number;
|
|
3
|
+
weight?: number;
|
|
4
|
+
}
|
|
5
|
+
declare const _default: import('vue').DefineComponent<ElmSpinnerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmSpinnerProps> & Readonly<{}>, {
|
|
6
|
+
weight: number;
|
|
7
|
+
radius: number;
|
|
8
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import _sfc_main from "./ElmSpinner.vue2.mjs";
|
|
2
|
+
import style0 from "./ElmSpinner.vue3.mjs";
|
|
3
|
+
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
4
|
+
const cssModules = {
|
|
5
|
+
"$style": style0
|
|
6
|
+
};
|
|
7
|
+
const ElmSpinner = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
|
|
8
|
+
export {
|
|
9
|
+
ElmSpinner as default
|
|
10
|
+
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { defineComponent, createElementBlock, openBlock, createElementVNode, normalizeClass } from "vue";
|
|
2
|
+
const _hoisted_1 = ["height", "width"];
|
|
3
|
+
const _hoisted_2 = ["cx", "cy", "r", "strokeWidth"];
|
|
4
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
|
+
__name: "ElmSpinner",
|
|
6
|
+
props: {
|
|
7
|
+
radius: { default: 16 },
|
|
8
|
+
weight: { default: 2 }
|
|
9
|
+
},
|
|
10
|
+
setup(__props) {
|
|
11
|
+
return (_ctx, _cache) => {
|
|
12
|
+
return openBlock(), createElementBlock("svg", {
|
|
13
|
+
height: _ctx.radius * 2,
|
|
14
|
+
width: _ctx.radius * 2
|
|
15
|
+
}, [
|
|
16
|
+
createElementVNode("circle", {
|
|
17
|
+
class: normalizeClass(_ctx.$style.circle),
|
|
18
|
+
cx: _ctx.radius,
|
|
19
|
+
cy: _ctx.radius,
|
|
20
|
+
r: _ctx.radius - _ctx.weight,
|
|
21
|
+
fill: "transparent",
|
|
22
|
+
strokeWidth: _ctx.weight
|
|
23
|
+
}, null, 10, _hoisted_2)
|
|
24
|
+
], 8, _hoisted_1);
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
export {
|
|
29
|
+
_sfc_main as default
|
|
30
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
(function() {
|
|
2
|
+
"use strict";
|
|
3
|
+
try {
|
|
4
|
+
if (typeof document != "undefined") {
|
|
5
|
+
var elementStyle = document.createElement("style");
|
|
6
|
+
elementStyle.appendChild(document.createTextNode("@keyframes _draw-line_9wi4r_1{0%{stroke-dashoffset:0%}to{stroke-dashoffset:400%}}@keyframes _rotate_9wi4r_1{0%{transform:rotate(180deg)}to{transform:rotate(-180deg)}}._circle_9wi4r_17{stroke-dasharray:200%;animation:_draw-line_9wi4r_1 1.2s infinite ease-in-out,_rotate_9wi4r_1 1.2s infinite linear;transform-origin:center;stroke:#000000b3}[data-theme=dark] ._circle_9wi4r_17{stroke:#ffffffb3}"));
|
|
7
|
+
document.head.appendChild(elementStyle);
|
|
8
|
+
}
|
|
9
|
+
} catch (e) {
|
|
10
|
+
console.error("vite-plugin-css-injected-by-js", e);
|
|
11
|
+
}
|
|
12
|
+
})();
|
|
13
|
+
const circle = "_circle_9wi4r_17";
|
|
14
|
+
const rotate = "_rotate_9wi4r_1";
|
|
15
|
+
const style0 = {
|
|
16
|
+
circle,
|
|
17
|
+
"draw-line": "_draw-line_9wi4r_1",
|
|
18
|
+
rotate
|
|
19
|
+
};
|
|
20
|
+
export {
|
|
21
|
+
circle,
|
|
22
|
+
style0 as default,
|
|
23
|
+
rotate
|
|
24
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import { default as ElmButton } from './ElmButton.vue';
|
|
3
|
+
declare const meta: Meta<typeof ElmButton>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Primary: Story;
|
|
7
|
+
export declare const Block: Story;
|
|
8
|
+
export declare const Loading: Story;
|
|
9
|
+
export declare const Flex: Story;
|
|
10
|
+
export declare const Disabled: Story;
|
|
11
|
+
export declare const WithPrimary: Story;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
export interface ElmButtonProps {
|
|
2
|
+
/**
|
|
3
|
+
* Whether the button is in loading state.
|
|
4
|
+
*/
|
|
5
|
+
loading?: boolean;
|
|
6
|
+
/**
|
|
7
|
+
* Whether the button is block.
|
|
8
|
+
*/
|
|
9
|
+
block?: boolean;
|
|
10
|
+
/**
|
|
11
|
+
* Whether the button is disabled.
|
|
12
|
+
*/
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* Whether the button is primary.
|
|
16
|
+
*/
|
|
17
|
+
primary?: boolean;
|
|
18
|
+
onClick: () => void;
|
|
19
|
+
}
|
|
20
|
+
declare function __VLS_template(): {
|
|
21
|
+
attrs: Partial<{}>;
|
|
22
|
+
slots: {
|
|
23
|
+
default?(_: {}): any;
|
|
24
|
+
};
|
|
25
|
+
refs: {};
|
|
26
|
+
rootEl: HTMLButtonElement;
|
|
27
|
+
};
|
|
28
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
29
|
+
declare const __VLS_component: import('vue').DefineComponent<ElmButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmButtonProps> & Readonly<{}>, {
|
|
30
|
+
block: boolean;
|
|
31
|
+
loading: boolean;
|
|
32
|
+
disabled: boolean;
|
|
33
|
+
primary: boolean;
|
|
34
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
|
|
35
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
36
|
+
export default _default;
|
|
37
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
38
|
+
new (): {
|
|
39
|
+
$slots: S;
|
|
40
|
+
};
|
|
41
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
(function() {
|
|
2
|
+
"use strict";
|
|
3
|
+
try {
|
|
4
|
+
if (typeof document != "undefined") {
|
|
5
|
+
var elementStyle = document.createElement("style");
|
|
6
|
+
elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-afd6570b],.v-leave-from[data-v-afd6570b]{opacity:1}.v-enter-active[data-v-afd6570b],.v-leave-active[data-v-afd6570b]{transition:opacity .1s}.v-enter-from[data-v-afd6570b],.v-leave-to[data-v-afd6570b]{opacity:0}"));
|
|
7
|
+
document.head.appendChild(elementStyle);
|
|
8
|
+
}
|
|
9
|
+
} catch (e) {
|
|
10
|
+
console.error("vite-plugin-css-injected-by-js", e);
|
|
11
|
+
}
|
|
12
|
+
})();
|
|
13
|
+
import _sfc_main from "./ElmButton.vue2.mjs";
|
|
14
|
+
import style0 from "./ElmButton.vue3.mjs";
|
|
15
|
+
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
16
|
+
const cssModules = {
|
|
17
|
+
"$style": style0
|
|
18
|
+
};
|
|
19
|
+
const ElmButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-afd6570b"]]);
|
|
20
|
+
export {
|
|
21
|
+
ElmButton as default
|
|
22
|
+
};
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, createVNode, Transition, withCtx, createBlock, renderSlot } from "vue";
|
|
2
|
+
import ElmDotLoadingIcon from "../icon/ElmDotLoadingIcon.vue.mjs";
|
|
3
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
4
|
+
__name: "ElmButton",
|
|
5
|
+
props: {
|
|
6
|
+
loading: { type: Boolean, default: false },
|
|
7
|
+
block: { type: Boolean, default: false },
|
|
8
|
+
disabled: { type: Boolean, default: false },
|
|
9
|
+
primary: { type: Boolean, default: false },
|
|
10
|
+
onClick: {}
|
|
11
|
+
},
|
|
12
|
+
setup(__props) {
|
|
13
|
+
const props = __props;
|
|
14
|
+
const handleClick = () => {
|
|
15
|
+
if (!props.loading && !props.disabled && props.onClick) {
|
|
16
|
+
props.onClick();
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
return (_ctx, _cache) => {
|
|
20
|
+
return openBlock(), createElementBlock("button", {
|
|
21
|
+
class: normalizeClass([
|
|
22
|
+
_ctx.$style.button,
|
|
23
|
+
{
|
|
24
|
+
[_ctx.$style.enable]: !_ctx.loading && !_ctx.disabled,
|
|
25
|
+
[_ctx.$style.normal]: !_ctx.primary,
|
|
26
|
+
[_ctx.$style.primary]: _ctx.primary
|
|
27
|
+
}
|
|
28
|
+
]),
|
|
29
|
+
style: normalizeStyle({
|
|
30
|
+
display: _ctx.block ? "flex" : "inline-flex",
|
|
31
|
+
width: _ctx.block ? "100%" : "auto",
|
|
32
|
+
cursor: _ctx.disabled ? "not-allowed" : _ctx.loading ? "progress" : "pointer",
|
|
33
|
+
"--opacity": _ctx.disabled ? 0.6 : void 0
|
|
34
|
+
}),
|
|
35
|
+
onClick: handleClick
|
|
36
|
+
}, [
|
|
37
|
+
createVNode(Transition, { mode: "out-in" }, {
|
|
38
|
+
default: withCtx(() => [
|
|
39
|
+
_ctx.loading ? (openBlock(), createBlock(ElmDotLoadingIcon, {
|
|
40
|
+
key: 0,
|
|
41
|
+
size: "1.5rem"
|
|
42
|
+
})) : (openBlock(), createElementBlock("span", {
|
|
43
|
+
key: 1,
|
|
44
|
+
class: normalizeClass(_ctx.$style.flex)
|
|
45
|
+
}, [
|
|
46
|
+
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
47
|
+
], 2))
|
|
48
|
+
]),
|
|
49
|
+
_: 3
|
|
50
|
+
})
|
|
51
|
+
], 6);
|
|
52
|
+
};
|
|
53
|
+
}
|
|
54
|
+
});
|
|
55
|
+
export {
|
|
56
|
+
_sfc_main as default
|
|
57
|
+
};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
(function() {
|
|
2
|
+
"use strict";
|
|
3
|
+
try {
|
|
4
|
+
if (typeof document != "undefined") {
|
|
5
|
+
var elementStyle = document.createElement("style");
|
|
6
|
+
elementStyle.appendChild(document.createTextNode("._button_16put_1{all:unset;justify-content:center;align-items:center;gap:.5rem;border-radius:.25rem;box-sizing:border-box;padding:.5rem 1.5rem;line-height:1.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;transition:opacity .2s,transform .2s;opacity:var(--opacity)}._normal_16put_16{box-shadow:0 0 .25rem #0003;color:#0009;background-color:#fffc}[data-theme=dark] ._normal_16put_16{box-shadow:0 0 .25rem #0009;color:#fff9;background-color:#ffffff1a}._primary_16put_27{box-shadow:0 0 .25rem #0003;color:#fff9;background-color:#000c}[data-theme=dark] ._primary_16put_27{box-shadow:0 0 .25rem #0009;color:#0009;background-color:#fffc}._enable_16put_38{transition:opacity .2s,transform .2s}[data-theme=dark] ._enable_16put_38:hover{transform:translate(-1px) translateY(-1px);opacity:.7;opacity:var(--opacity, .7)}[data-theme=dark] ._enable_16put_38:active{transform:translate(1px) translateY(1px);opacity:.5;opacity:var(--opacity, .5)}._enable_16put_38:hover{transform:translate(-1px) translateY(-1px);opacity:.7;opacity:var(--opacity, .7)}._enable_16put_38:active{transform:translate(1px) translateY(1px);opacity:.5;opacity:var(--opacity, .5)}._flex_16put_58{display:flex;justify-content:center;align-items:center;gap:.5rem}"));
|
|
7
|
+
document.head.appendChild(elementStyle);
|
|
8
|
+
}
|
|
9
|
+
} catch (e) {
|
|
10
|
+
console.error("vite-plugin-css-injected-by-js", e);
|
|
11
|
+
}
|
|
12
|
+
})();
|
|
13
|
+
const button = "_button_16put_1";
|
|
14
|
+
const normal = "_normal_16put_16";
|
|
15
|
+
const primary = "_primary_16put_27";
|
|
16
|
+
const enable = "_enable_16put_38";
|
|
17
|
+
const flex = "_flex_16put_58";
|
|
18
|
+
const style0 = {
|
|
19
|
+
button,
|
|
20
|
+
normal,
|
|
21
|
+
primary,
|
|
22
|
+
enable,
|
|
23
|
+
flex
|
|
24
|
+
};
|
|
25
|
+
export {
|
|
26
|
+
button,
|
|
27
|
+
style0 as default,
|
|
28
|
+
enable,
|
|
29
|
+
flex,
|
|
30
|
+
normal,
|
|
31
|
+
primary
|
|
32
|
+
};
|
|
@@ -3,14 +3,24 @@ export interface ElmCheckboxProps {
|
|
|
3
3
|
* The label displayed.
|
|
4
4
|
*/
|
|
5
5
|
label: string;
|
|
6
|
+
/**
|
|
7
|
+
* Whether the checkbox is in a loading state.
|
|
8
|
+
*/
|
|
9
|
+
loading?: boolean;
|
|
10
|
+
/**
|
|
11
|
+
* Whether the checkbox is disabled.
|
|
12
|
+
*/
|
|
13
|
+
disable?: boolean;
|
|
6
14
|
}
|
|
7
|
-
|
|
15
|
+
type __VLS_Props = ElmCheckboxProps;
|
|
8
16
|
type __VLS_PublicProps = {
|
|
9
|
-
|
|
10
|
-
} &
|
|
17
|
+
modelValue?: boolean;
|
|
18
|
+
} & __VLS_Props;
|
|
11
19
|
declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
12
|
-
"update:
|
|
20
|
+
"update:modelValue": (value: boolean) => any;
|
|
13
21
|
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
14
|
-
"onUpdate:
|
|
15
|
-
}>, {
|
|
22
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
23
|
+
}>, {
|
|
24
|
+
loading: boolean;
|
|
25
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
16
26
|
export default _default;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import _sfc_main from "./ElmCheckbox.vue2.mjs";
|
|
2
|
+
import style0 from "./ElmCheckbox.vue3.mjs";
|
|
3
|
+
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
4
|
+
const cssModules = {
|
|
5
|
+
"$style": style0
|
|
6
|
+
};
|
|
7
|
+
const ElmCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
|
|
8
|
+
export {
|
|
9
|
+
ElmCheckbox as default
|
|
10
|
+
};
|