morya-ui 0.3.1 → 0.3.3
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/CHANGELOG.md +62 -0
- package/dist/Button-gBiRj7wz.js +227 -0
- package/dist/{Card-Dsmnzong.js → Card-B1CB9Trm.js} +3 -5
- package/dist/Empty-C5tndBOm.js +147 -0
- package/dist/{FlyoutSubmenu-BrUPmJa1.js → FlyoutSubmenu-H_741alW.js} +2 -2
- package/dist/{Loading-BSsRs6v9.js → Loading-qS2Yv_gm.js} +1 -1
- package/dist/Pagination-Bvv2qvEK.js +166 -0
- package/dist/{Popover-BQ07q4VV.js → Popover-rnZG_ap0.js} +3 -3
- package/dist/Select-CiXd074W.js +572 -0
- package/dist/Skeleton-DCYdXAH2.js +59 -0
- package/dist/{Tooltip-D5DO0B3z.js → Tooltip-B02o9BOW.js} +3 -3
- package/dist/accordion/style.css +16 -71
- package/dist/auto-complete/index.js +120 -122
- package/dist/auto-complete/style.css +6 -82
- package/dist/avatar/style.css +6 -67
- package/dist/badge/style.css +6 -68
- package/dist/block-ui/index.js +1 -1
- package/dist/block-ui/style.css +6 -68
- package/dist/breadcrumb/style.css +6 -61
- package/dist/button/index.js +1 -1
- package/dist/button/style.css +345 -118
- package/dist/card/index.js +1 -1
- package/dist/card/style.css +26 -67
- package/dist/carousel/style.css +6 -73
- package/dist/cascade-select/index.js +3 -3
- package/dist/cascade-select/style.css +6 -75
- package/dist/checkbox/style.css +6 -61
- package/dist/chip/style.css +6 -67
- package/dist/command-menu/index.js +37 -39
- package/dist/command-menu/style.css +6 -75
- package/dist/components/Accordion/styles.css +10 -10
- package/dist/components/AutoComplete/AutoComplete.vue.d.ts.map +1 -1
- package/dist/components/AutoComplete/styles.css +0 -7
- package/dist/components/Badge/styles.css +0 -7
- package/dist/components/BlockUI/styles.css +0 -7
- package/dist/components/Button/Button.vue.d.ts +3 -0
- package/dist/components/Button/Button.vue.d.ts.map +1 -1
- package/dist/components/Button/styles.css +339 -51
- package/dist/components/Button/types.d.ts +11 -2
- package/dist/components/Button/types.d.ts.map +1 -1
- package/dist/components/Card/Card.vue.d.ts +2 -2
- package/dist/components/Card/Card.vue.d.ts.map +1 -1
- package/dist/components/Card/index.d.ts +1 -1
- package/dist/components/Card/index.d.ts.map +1 -1
- package/dist/components/Card/styles.css +20 -6
- package/dist/components/Card/types.d.ts +4 -2
- package/dist/components/Card/types.d.ts.map +1 -1
- package/dist/components/Carousel/styles.css +0 -6
- package/dist/components/CommandMenu/CommandMenu.vue.d.ts.map +1 -1
- package/dist/components/ConfigProvider/ConfigProvider.vue.d.ts +2 -2
- package/dist/components/ContextMenu/ContextMenu.vue.d.ts.map +1 -1
- package/dist/components/ContextMenu/styles.css +19 -14
- package/dist/components/Dialog/styles.css +3 -46
- package/dist/components/Dock/styles.css +0 -10
- package/dist/components/Drawer/styles.css +2 -51
- package/dist/components/Fieldset/styles.css +0 -7
- package/dist/components/FileUpload/FileUpload.vue.d.ts.map +1 -1
- package/dist/components/FileUpload/fileUtils.d.ts +8 -0
- package/dist/components/FileUpload/fileUtils.d.ts.map +1 -0
- package/dist/components/Gallery/styles.css +0 -8
- package/dist/components/Icon/styles.css +0 -6
- package/dist/components/Knob/styles.css +0 -6
- package/dist/components/Layout/styles.css +0 -12
- package/dist/components/Listbox/Listbox.vue.d.ts.map +1 -1
- package/dist/components/Loading/styles.css +0 -16
- package/dist/components/Menu/Menu.vue.d.ts.map +1 -1
- package/dist/components/Menu/styles.css +4 -11
- package/dist/components/Message/styles.css +0 -13
- package/dist/components/Page/PageContent.vue.d.ts +2 -1
- package/dist/components/Page/PageContent.vue.d.ts.map +1 -1
- package/dist/components/Page/PageFilterChips.vue.d.ts +16 -0
- package/dist/components/Page/PageFilterChips.vue.d.ts.map +1 -0
- package/dist/components/Page/PageFilters.vue.d.ts +15 -3
- package/dist/components/Page/PageFilters.vue.d.ts.map +1 -1
- package/dist/components/Page/PageHeader.vue.d.ts +8 -4
- package/dist/components/Page/PageHeader.vue.d.ts.map +1 -1
- package/dist/components/Page/PagePlaceholder.vue.d.ts +6 -2
- package/dist/components/Page/PagePlaceholder.vue.d.ts.map +1 -1
- package/dist/components/Page/PageSection.vue.d.ts +8 -2
- package/dist/components/Page/PageSection.vue.d.ts.map +1 -1
- package/dist/components/Page/PageStat.vue.d.ts +8 -3
- package/dist/components/Page/PageStat.vue.d.ts.map +1 -1
- package/dist/components/Page/index.d.ts +2 -1
- package/dist/components/Page/index.d.ts.map +1 -1
- package/dist/components/Page/styles.css +239 -44
- package/dist/components/Page/types.d.ts +40 -0
- package/dist/components/Page/types.d.ts.map +1 -1
- package/dist/components/Pagination/Pagination.vue.d.ts.map +1 -1
- package/dist/components/Pagination/styles.css +7 -10
- package/dist/components/Pagination/types.d.ts +1 -1
- package/dist/components/Pagination/types.d.ts.map +1 -1
- package/dist/components/Panel/styles.css +0 -7
- package/dist/components/Popover/styles.css +21 -79
- package/dist/components/ProgressBar/styles.css +0 -9
- package/dist/components/ProgressSpinner/styles.css +0 -7
- package/dist/components/ScrollTop/styles.css +0 -7
- package/dist/components/Scrollbar/styles.css +0 -8
- package/dist/components/Select/Select.vue.d.ts +1 -3
- package/dist/components/Select/Select.vue.d.ts.map +1 -1
- package/dist/components/Select/selectOptions.d.ts +46 -0
- package/dist/components/Select/selectOptions.d.ts.map +1 -0
- package/dist/components/Select/styles.css +5 -7
- package/dist/components/Sidebar/styles.css +0 -6
- package/dist/components/Skeleton/styles.css +0 -6
- package/dist/components/Status/styles.css +0 -7
- package/dist/components/Switch/styles.css +0 -7
- package/dist/components/Table/hooks/useExpandableRow.d.ts.map +1 -1
- package/dist/components/Table/hooks/useTotalItems.d.ts.map +1 -1
- package/dist/components/Table/styles.css +7 -10
- package/dist/components/Table/tableQuery.d.ts +30 -0
- package/dist/components/Table/tableQuery.d.ts.map +1 -0
- package/dist/components/Tree/Tree.vue.d.ts.map +1 -1
- package/dist/components/Tree/treeQuery.d.ts +31 -0
- package/dist/components/Tree/treeQuery.d.ts.map +1 -0
- package/dist/components/TreeSelect/TreeSelect.vue.d.ts.map +1 -1
- package/dist/config-provider/index.js +1 -1
- package/dist/config-provider/style.css +345 -112
- package/dist/confirm-dialog/index.js +2 -2
- package/dist/confirm-dialog/style.css +348 -164
- package/dist/confirm-popup/index.js +5 -5
- package/dist/confirm-popup/style.css +345 -118
- package/dist/context-menu/index.js +105 -96
- package/dist/context-menu/style.css +25 -89
- package/dist/data-view/index.js +2 -2
- package/dist/data-view/style.css +13 -87
- package/dist/date-picker/index.js +3 -3
- package/dist/date-picker/style.css +6 -67
- package/dist/dialog/index.js +2 -2
- package/dist/dialog/style.css +348 -164
- package/dist/divider/style.css +6 -61
- package/dist/dock/style.css +6 -77
- package/dist/drawer/index.js +1 -1
- package/dist/drawer/style.css +8 -118
- package/dist/dropdown/index.js +4 -4
- package/dist/dropdown/style.css +6 -75
- package/dist/empty/index.js +5 -150
- package/dist/empty/style.css +6 -67
- package/dist/fieldset/style.css +6 -74
- package/dist/file-upload/index.js +147 -145
- package/dist/file-upload/style.css +6 -67
- package/dist/filterByQuery-Bczaxzih.js +17 -0
- package/dist/flex/style.css +6 -61
- package/dist/float-label/style.css +6 -61
- package/dist/fluid/style.css +6 -61
- package/dist/form/style.css +6 -61
- package/dist/gallery/style.css +6 -83
- package/dist/grid/style.css +6 -61
- package/dist/icon/style.css +6 -67
- package/dist/icon-field/style.css +6 -61
- package/dist/index.d.ts +3 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +9135 -8796
- package/dist/inplace/style.css +6 -61
- package/dist/input/style.css +6 -67
- package/dist/input-color/style.css +6 -61
- package/dist/input-group/style.css +6 -61
- package/dist/input-number/style.css +6 -67
- package/dist/input-otp/style.css +6 -61
- package/dist/input-password/style.css +6 -67
- package/dist/input-tags/style.css +6 -67
- package/dist/knob/style.css +6 -67
- package/dist/label/style.css +6 -61
- package/dist/layout/style.css +6 -87
- package/dist/listbox/index.js +30 -32
- package/dist/listbox/style.css +6 -69
- package/dist/loading/index.js +1 -1
- package/dist/loading/style.css +6 -77
- package/dist/mega-menu/index.js +3 -3
- package/dist/mega-menu/style.css +6 -67
- package/dist/menu/index.js +268 -258
- package/dist/menu/style.css +31 -165
- package/dist/menubar/index.js +3 -3
- package/dist/menubar/style.css +6 -75
- package/dist/message/index.js +1 -1
- package/dist/message/style.css +6 -80
- package/dist/meter-group/style.css +6 -61
- package/dist/order-list/style.css +6 -67
- package/dist/{overlayPlacement-Cd20JTD_.js → overlayPlacement-qwEJPVS4.js} +8 -8
- package/dist/page/index.js +228 -69
- package/dist/page/style.css +1605 -299
- package/dist/page/style.js +3 -0
- package/dist/pagination/index.js +1 -1
- package/dist/pagination/style.css +206 -77
- package/dist/pagination/style.js +1 -0
- package/dist/panel/style.css +6 -74
- package/dist/pick-list/style.css +6 -67
- package/dist/popover/index.js +1 -1
- package/dist/popover/style.css +27 -140
- package/dist/progress-bar/style.css +6 -70
- package/dist/progress-spinner/style.css +6 -68
- package/dist/radio/style.css +6 -61
- package/dist/rating/style.css +6 -67
- package/dist/resolver-map.d.ts.map +1 -1
- package/dist/resolver.js +1 -0
- package/dist/result/style.css +6 -67
- package/dist/scroll-top/style.css +6 -82
- package/dist/scrollbar/style.css +6 -69
- package/dist/select/index.js +2 -545
- package/dist/select/style.css +11 -82
- package/dist/select-button/style.css +6 -61
- package/dist/shared/config.d.ts +2 -2
- package/dist/shared/filterByQuery.d.ts +14 -0
- package/dist/shared/filterByQuery.d.ts.map +1 -0
- package/dist/shared/menu/expand.d.ts +38 -0
- package/dist/shared/menu/expand.d.ts.map +1 -0
- package/dist/shared/menu/index.d.ts +2 -0
- package/dist/shared/menu/index.d.ts.map +1 -1
- package/dist/shared/overlayPlacement.d.ts.map +1 -1
- package/dist/sidebar/style.css +6 -73
- package/dist/skeleton/index.js +2 -59
- package/dist/skeleton/style.css +6 -67
- package/dist/slider/style.css +6 -61
- package/dist/space/style.css +6 -61
- package/dist/speed-dial/index.js +3 -3
- package/dist/speed-dial/style.css +6 -67
- package/dist/split-button/index.js +3 -3
- package/dist/split-button/style.css +345 -118
- package/dist/splitter/style.css +6 -61
- package/dist/status/style.css +6 -74
- package/dist/stepper/style.css +6 -67
- package/dist/styles/base.css +1 -50
- package/dist/styles.css +1 -1
- package/dist/switch/style.css +6 -68
- package/dist/table/index.js +343 -313
- package/dist/table/style.css +20 -111
- package/dist/tabs/style.css +6 -75
- package/dist/tag/style.css +6 -67
- package/dist/terminal/style.css +6 -61
- package/dist/textarea/style.css +6 -67
- package/dist/theme/motionPresets.d.ts.map +1 -1
- package/dist/theme/styles.css +5 -11
- package/dist/theme/useMotion.d.ts +5 -1
- package/dist/theme/useMotion.d.ts.map +1 -1
- package/dist/tiered-menu/index.js +4 -4
- package/dist/tiered-menu/style.css +6 -75
- package/dist/timeline/style.css +6 -75
- package/dist/toast/index.js +1 -1
- package/dist/toast/style.css +6 -67
- package/dist/toggle-button/style.css +6 -67
- package/dist/toolbar/style.css +6 -61
- package/dist/tooltip/index.js +1 -1
- package/dist/tooltip/style.css +6 -61
- package/dist/tree/index.js +158 -172
- package/dist/tree/style.css +6 -67
- package/dist/tree-select/index.js +201 -215
- package/dist/tree-select/style.css +6 -75
- package/dist/tree-table/style.css +6 -67
- package/dist/treeQuery-CnHkyYOA.js +107 -0
- package/dist/{useFloatingViewportSync-DZdJ7W8n.js → useFloatingViewportSync-wLLKIGUA.js} +4 -1
- package/dist/{useMotionTransition-Bxnnb_9u.js → useMotionTransition-95Y79FoL.js} +1 -1
- package/dist/virtual-scroller/style.css +6 -69
- package/package.json +2 -1
- package/dist/Button-smoDleh0.js +0 -156
- package/dist/Pagination-DrXmzcEy.js +0 -158
- package/dist/checkStrategy-CZzuUKDI.js +0 -63
package/dist/select/style.css
CHANGED
|
@@ -50,6 +50,10 @@
|
|
|
50
50
|
--m-font-size-sm: 0.8125rem;
|
|
51
51
|
--m-font-size-md: 0.875rem;
|
|
52
52
|
--m-font-size-lg: 1.125rem;
|
|
53
|
+
/* Display scale (page titles, KPI figures) */
|
|
54
|
+
--m-font-size-xl: 1.25rem;
|
|
55
|
+
--m-font-size-2xl: 1.5rem;
|
|
56
|
+
--m-font-size-3xl: 1.75rem;
|
|
53
57
|
--m-opacity-disabled: 0.55;
|
|
54
58
|
/* Layering: override --m-z-base via ConfigProvider / createMoryaUI */
|
|
55
59
|
--m-z-base: 1000;
|
|
@@ -192,20 +196,10 @@
|
|
|
192
196
|
|
|
193
197
|
/*
|
|
194
198
|
* Global motion policy (complements per-component rules):
|
|
195
|
-
* - `reduced
|
|
199
|
+
* - `reduced`: keep short paint transitions; stop loops
|
|
196
200
|
* and layout/transform size animation.
|
|
197
201
|
* - `none`: zero all transition/animation durations.
|
|
198
202
|
*/
|
|
199
|
-
@media (prefers-reduced-motion: reduce) {
|
|
200
|
-
html:not([data-m-ignore-reduced-motion]) *,
|
|
201
|
-
html:not([data-m-ignore-reduced-motion]) *::before,
|
|
202
|
-
html:not([data-m-ignore-reduced-motion]) *::after {
|
|
203
|
-
animation-duration: 0.01ms !important;
|
|
204
|
-
animation-iteration-count: 1 !important;
|
|
205
|
-
transition-property: background-color, border-color, color, opacity, box-shadow,
|
|
206
|
-
outline, fill, stroke, stroke-dashoffset !important;
|
|
207
|
-
}
|
|
208
|
-
}
|
|
209
203
|
|
|
210
204
|
[data-m-motion="reduced"] *,
|
|
211
205
|
[data-m-motion="reduced"] *::before,
|
|
@@ -615,7 +609,7 @@
|
|
|
615
609
|
.m-zoom-enter-from,
|
|
616
610
|
.m-zoom-leave-to {
|
|
617
611
|
opacity: 0;
|
|
618
|
-
transform: scale(0.
|
|
612
|
+
transform: scale(0.95);
|
|
619
613
|
}
|
|
620
614
|
|
|
621
615
|
.m-slide-up-enter-active,
|
|
@@ -660,44 +654,6 @@
|
|
|
660
654
|
transform: translateX(calc(var(--m-motion-distance) * -1));
|
|
661
655
|
}
|
|
662
656
|
|
|
663
|
-
@media (prefers-reduced-motion: reduce) {
|
|
664
|
-
html:not([data-m-ignore-reduced-motion]) .m-fade-enter-active,
|
|
665
|
-
html:not([data-m-ignore-reduced-motion]) .m-fade-leave-active,
|
|
666
|
-
html:not([data-m-ignore-reduced-motion]) .m-scale-fade-enter-active,
|
|
667
|
-
html:not([data-m-ignore-reduced-motion]) .m-scale-fade-leave-active,
|
|
668
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-fade-enter-active,
|
|
669
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-fade-leave-active,
|
|
670
|
-
html:not([data-m-ignore-reduced-motion]) .m-zoom-enter-active,
|
|
671
|
-
html:not([data-m-ignore-reduced-motion]) .m-zoom-leave-active,
|
|
672
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-up-enter-active,
|
|
673
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-up-leave-active,
|
|
674
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-down-enter-active,
|
|
675
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-down-leave-active,
|
|
676
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-left-enter-active,
|
|
677
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-left-leave-active,
|
|
678
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-right-enter-active,
|
|
679
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-right-leave-active {
|
|
680
|
-
transition: none;
|
|
681
|
-
}
|
|
682
|
-
|
|
683
|
-
html:not([data-m-ignore-reduced-motion]) .m-scale-fade-enter-from,
|
|
684
|
-
html:not([data-m-ignore-reduced-motion]) .m-scale-fade-leave-to,
|
|
685
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-fade-enter-from,
|
|
686
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-fade-leave-to,
|
|
687
|
-
html:not([data-m-ignore-reduced-motion]) .m-zoom-enter-from,
|
|
688
|
-
html:not([data-m-ignore-reduced-motion]) .m-zoom-leave-to,
|
|
689
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-up-enter-from,
|
|
690
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-up-leave-to,
|
|
691
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-down-enter-from,
|
|
692
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-down-leave-to,
|
|
693
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-left-enter-from,
|
|
694
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-left-leave-to,
|
|
695
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-right-enter-from,
|
|
696
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-right-leave-to {
|
|
697
|
-
transform: none;
|
|
698
|
-
}
|
|
699
|
-
}
|
|
700
|
-
|
|
701
657
|
[data-m-motion="reduced"] .m-fade-enter-active,
|
|
702
658
|
[data-m-motion="reduced"] .m-fade-leave-active,
|
|
703
659
|
[data-m-motion="reduced"] .m-scale-fade-enter-active,
|
|
@@ -1192,17 +1148,6 @@
|
|
|
1192
1148
|
animation: none !important;
|
|
1193
1149
|
}
|
|
1194
1150
|
|
|
1195
|
-
@media (prefers-reduced-motion: reduce) {
|
|
1196
|
-
html:not([data-m-ignore-reduced-motion]) *,
|
|
1197
|
-
html:not([data-m-ignore-reduced-motion]) *::before,
|
|
1198
|
-
html:not([data-m-ignore-reduced-motion]) *::after {
|
|
1199
|
-
animation-duration: 0.01ms !important;
|
|
1200
|
-
animation-iteration-count: 1 !important;
|
|
1201
|
-
scroll-behavior: auto !important;
|
|
1202
|
-
transition-duration: 0.01ms !important;
|
|
1203
|
-
}
|
|
1204
|
-
}
|
|
1205
|
-
|
|
1206
1151
|
/* Shared picker suffix slot: clear + dropdown indicator (Select, TreeSelect). */
|
|
1207
1152
|
.m-select__control {
|
|
1208
1153
|
--m-control-end-padding: var(--m-control-affix-padding);
|
|
@@ -1653,12 +1598,6 @@
|
|
|
1653
1598
|
}
|
|
1654
1599
|
}
|
|
1655
1600
|
|
|
1656
|
-
@media (prefers-reduced-motion: reduce) {
|
|
1657
|
-
html:not([data-m-ignore-reduced-motion]) .m-icon--spin svg {
|
|
1658
|
-
animation: none;
|
|
1659
|
-
}
|
|
1660
|
-
}
|
|
1661
|
-
|
|
1662
1601
|
:root[data-m-motion='none'] .m-icon--spin svg,
|
|
1663
1602
|
:root[data-m-motion='reduced'] .m-icon--spin svg {
|
|
1664
1603
|
animation: none;
|
|
@@ -1788,14 +1727,6 @@
|
|
|
1788
1727
|
opacity: 0;
|
|
1789
1728
|
}
|
|
1790
1729
|
|
|
1791
|
-
@media (prefers-reduced-motion: reduce) {
|
|
1792
|
-
html:not([data-m-ignore-reduced-motion]) .m-scrollbar__thumb,
|
|
1793
|
-
html:not([data-m-ignore-reduced-motion]) .m-scrollbar-fade-enter-active,
|
|
1794
|
-
html:not([data-m-ignore-reduced-motion]) .m-scrollbar-fade-leave-active {
|
|
1795
|
-
transition: none;
|
|
1796
|
-
}
|
|
1797
|
-
}
|
|
1798
|
-
|
|
1799
1730
|
:root[data-m-motion='none'] .m-scrollbar__thumb,
|
|
1800
1731
|
:root[data-m-motion='none'] .m-scrollbar-fade-enter-active,
|
|
1801
1732
|
:root[data-m-motion='none'] .m-scrollbar-fade-leave-active,
|
|
@@ -1898,13 +1829,6 @@
|
|
|
1898
1829
|
animation: m-progress-spinner-rotate var(--m-motion-spin-medium) linear infinite;
|
|
1899
1830
|
}
|
|
1900
1831
|
|
|
1901
|
-
@media (prefers-reduced-motion: reduce) {
|
|
1902
|
-
html:not([data-m-ignore-reduced-motion]) .m-select__spinner {
|
|
1903
|
-
animation: none;
|
|
1904
|
-
border-top-color: var(--m-color-text-muted);
|
|
1905
|
-
}
|
|
1906
|
-
}
|
|
1907
|
-
|
|
1908
1832
|
[data-m-motion="reduced"] .m-select__spinner {
|
|
1909
1833
|
animation: none;
|
|
1910
1834
|
border-top-color: var(--m-color-text-muted);
|
|
@@ -1942,8 +1866,10 @@
|
|
|
1942
1866
|
flex-direction: column;
|
|
1943
1867
|
max-height: var(--m-select-menu-max-height);
|
|
1944
1868
|
min-width: 100%;
|
|
1869
|
+
overscroll-behavior: contain;
|
|
1945
1870
|
padding: var(--m-space-1);
|
|
1946
1871
|
position: absolute;
|
|
1872
|
+
transform-origin: top center;
|
|
1947
1873
|
width: max-content;
|
|
1948
1874
|
}
|
|
1949
1875
|
|
|
@@ -1956,14 +1882,17 @@
|
|
|
1956
1882
|
.m-select__list {
|
|
1957
1883
|
max-height: var(--m-select-list-max-height);
|
|
1958
1884
|
min-height: 0;
|
|
1885
|
+
overscroll-behavior: contain;
|
|
1959
1886
|
}
|
|
1960
1887
|
|
|
1961
1888
|
.m-select__menu--bottom-start {
|
|
1962
1889
|
left: 0;
|
|
1890
|
+
transform-origin: top left;
|
|
1963
1891
|
}
|
|
1964
1892
|
|
|
1965
1893
|
.m-select__menu--bottom-end {
|
|
1966
1894
|
right: 0;
|
|
1895
|
+
transform-origin: top right;
|
|
1967
1896
|
}
|
|
1968
1897
|
|
|
1969
1898
|
.m-select__required-input {
|
|
@@ -50,6 +50,10 @@
|
|
|
50
50
|
--m-font-size-sm: 0.8125rem;
|
|
51
51
|
--m-font-size-md: 0.875rem;
|
|
52
52
|
--m-font-size-lg: 1.125rem;
|
|
53
|
+
/* Display scale (page titles, KPI figures) */
|
|
54
|
+
--m-font-size-xl: 1.25rem;
|
|
55
|
+
--m-font-size-2xl: 1.5rem;
|
|
56
|
+
--m-font-size-3xl: 1.75rem;
|
|
53
57
|
--m-opacity-disabled: 0.55;
|
|
54
58
|
/* Layering: override --m-z-base via ConfigProvider / createMoryaUI */
|
|
55
59
|
--m-z-base: 1000;
|
|
@@ -192,20 +196,10 @@
|
|
|
192
196
|
|
|
193
197
|
/*
|
|
194
198
|
* Global motion policy (complements per-component rules):
|
|
195
|
-
* - `reduced
|
|
199
|
+
* - `reduced`: keep short paint transitions; stop loops
|
|
196
200
|
* and layout/transform size animation.
|
|
197
201
|
* - `none`: zero all transition/animation durations.
|
|
198
202
|
*/
|
|
199
|
-
@media (prefers-reduced-motion: reduce) {
|
|
200
|
-
html:not([data-m-ignore-reduced-motion]) *,
|
|
201
|
-
html:not([data-m-ignore-reduced-motion]) *::before,
|
|
202
|
-
html:not([data-m-ignore-reduced-motion]) *::after {
|
|
203
|
-
animation-duration: 0.01ms !important;
|
|
204
|
-
animation-iteration-count: 1 !important;
|
|
205
|
-
transition-property: background-color, border-color, color, opacity, box-shadow,
|
|
206
|
-
outline, fill, stroke, stroke-dashoffset !important;
|
|
207
|
-
}
|
|
208
|
-
}
|
|
209
203
|
|
|
210
204
|
[data-m-motion="reduced"] *,
|
|
211
205
|
[data-m-motion="reduced"] *::before,
|
|
@@ -615,7 +609,7 @@
|
|
|
615
609
|
.m-zoom-enter-from,
|
|
616
610
|
.m-zoom-leave-to {
|
|
617
611
|
opacity: 0;
|
|
618
|
-
transform: scale(0.
|
|
612
|
+
transform: scale(0.95);
|
|
619
613
|
}
|
|
620
614
|
|
|
621
615
|
.m-slide-up-enter-active,
|
|
@@ -660,44 +654,6 @@
|
|
|
660
654
|
transform: translateX(calc(var(--m-motion-distance) * -1));
|
|
661
655
|
}
|
|
662
656
|
|
|
663
|
-
@media (prefers-reduced-motion: reduce) {
|
|
664
|
-
html:not([data-m-ignore-reduced-motion]) .m-fade-enter-active,
|
|
665
|
-
html:not([data-m-ignore-reduced-motion]) .m-fade-leave-active,
|
|
666
|
-
html:not([data-m-ignore-reduced-motion]) .m-scale-fade-enter-active,
|
|
667
|
-
html:not([data-m-ignore-reduced-motion]) .m-scale-fade-leave-active,
|
|
668
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-fade-enter-active,
|
|
669
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-fade-leave-active,
|
|
670
|
-
html:not([data-m-ignore-reduced-motion]) .m-zoom-enter-active,
|
|
671
|
-
html:not([data-m-ignore-reduced-motion]) .m-zoom-leave-active,
|
|
672
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-up-enter-active,
|
|
673
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-up-leave-active,
|
|
674
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-down-enter-active,
|
|
675
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-down-leave-active,
|
|
676
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-left-enter-active,
|
|
677
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-left-leave-active,
|
|
678
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-right-enter-active,
|
|
679
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-right-leave-active {
|
|
680
|
-
transition: none;
|
|
681
|
-
}
|
|
682
|
-
|
|
683
|
-
html:not([data-m-ignore-reduced-motion]) .m-scale-fade-enter-from,
|
|
684
|
-
html:not([data-m-ignore-reduced-motion]) .m-scale-fade-leave-to,
|
|
685
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-fade-enter-from,
|
|
686
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-fade-leave-to,
|
|
687
|
-
html:not([data-m-ignore-reduced-motion]) .m-zoom-enter-from,
|
|
688
|
-
html:not([data-m-ignore-reduced-motion]) .m-zoom-leave-to,
|
|
689
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-up-enter-from,
|
|
690
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-up-leave-to,
|
|
691
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-down-enter-from,
|
|
692
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-down-leave-to,
|
|
693
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-left-enter-from,
|
|
694
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-left-leave-to,
|
|
695
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-right-enter-from,
|
|
696
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-right-leave-to {
|
|
697
|
-
transform: none;
|
|
698
|
-
}
|
|
699
|
-
}
|
|
700
|
-
|
|
701
657
|
[data-m-motion="reduced"] .m-fade-enter-active,
|
|
702
658
|
[data-m-motion="reduced"] .m-fade-leave-active,
|
|
703
659
|
[data-m-motion="reduced"] .m-scale-fade-enter-active,
|
|
@@ -1192,17 +1148,6 @@
|
|
|
1192
1148
|
animation: none !important;
|
|
1193
1149
|
}
|
|
1194
1150
|
|
|
1195
|
-
@media (prefers-reduced-motion: reduce) {
|
|
1196
|
-
html:not([data-m-ignore-reduced-motion]) *,
|
|
1197
|
-
html:not([data-m-ignore-reduced-motion]) *::before,
|
|
1198
|
-
html:not([data-m-ignore-reduced-motion]) *::after {
|
|
1199
|
-
animation-duration: 0.01ms !important;
|
|
1200
|
-
animation-iteration-count: 1 !important;
|
|
1201
|
-
scroll-behavior: auto !important;
|
|
1202
|
-
transition-duration: 0.01ms !important;
|
|
1203
|
-
}
|
|
1204
|
-
}
|
|
1205
|
-
|
|
1206
1151
|
/* —— Form: SelectButton —— */
|
|
1207
1152
|
.m-selectbutton {
|
|
1208
1153
|
--m-button-padding-x-small: var(--m-control-padding-x-small);
|
package/dist/shared/config.d.ts
CHANGED
|
@@ -34,8 +34,8 @@ export interface MGlobalConfig {
|
|
|
34
34
|
*/
|
|
35
35
|
density?: MDensity;
|
|
36
36
|
/**
|
|
37
|
-
*
|
|
38
|
-
*
|
|
37
|
+
* Unused by component motion. Intensity follows `useMotion` / `data-m-motion` only.
|
|
38
|
+
* @deprecated OS `prefers-reduced-motion` no longer changes component animations.
|
|
39
39
|
*/
|
|
40
40
|
respectReducedMotion?: boolean;
|
|
41
41
|
/**
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/** Normalize a user filter string for case-insensitive matching. */
|
|
2
|
+
export declare function normalizeFilterQuery(query: string): string;
|
|
3
|
+
/** Case-insensitive substring match against an already-normalized query. */
|
|
4
|
+
export declare function textMatchesQuery(text: string, normalizedQuery: string): boolean;
|
|
5
|
+
/** Filter items whose `label` contains the query (trimmed, case-insensitive). */
|
|
6
|
+
export declare function filterItemsByLabel<T extends {
|
|
7
|
+
label: string;
|
|
8
|
+
}>(items: readonly T[], query: string): T[];
|
|
9
|
+
/** Filter items whose `label` or `value` contains the query. */
|
|
10
|
+
export declare function filterItemsByLabelOrValue<T extends {
|
|
11
|
+
label: string;
|
|
12
|
+
value: string;
|
|
13
|
+
}>(items: readonly T[], query: string): T[];
|
|
14
|
+
//# sourceMappingURL=filterByQuery.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"filterByQuery.d.ts","sourceRoot":"","sources":["../../src/shared/filterByQuery.ts"],"names":[],"mappings":"AAAA,oEAAoE;AACpE,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAE1D;AAED,4EAA4E;AAC5E,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,GAAG,OAAO,CAG/E;AAED,iFAAiF;AACjF,wBAAgB,kBAAkB,CAAC,CAAC,SAAS;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,EAC5D,KAAK,EAAE,SAAS,CAAC,EAAE,EACnB,KAAK,EAAE,MAAM,GACZ,CAAC,EAAE,CAIL;AAED,gEAAgE;AAChE,wBAAgB,yBAAyB,CAAC,CAAC,SAAS;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAClF,KAAK,EAAE,SAAS,CAAC,EAAE,EACnB,KAAK,EAAE,MAAM,GACZ,CAAC,EAAE,CAOL"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { MenuNodeBase } from './types';
|
|
2
|
+
export interface FlatMenuEntry<T extends MenuNodeBase = MenuNodeBase> {
|
|
3
|
+
item: T;
|
|
4
|
+
key: string;
|
|
5
|
+
parentKey: string | null;
|
|
6
|
+
hasChildren: boolean;
|
|
7
|
+
}
|
|
8
|
+
export interface InitialExpandedKeysOptions {
|
|
9
|
+
defaultExpandAll?: boolean;
|
|
10
|
+
defaultExpandedKeys?: string[];
|
|
11
|
+
selectedKey?: string | null;
|
|
12
|
+
}
|
|
13
|
+
/** Resolve the first paint expanded-key set from menu defaults / selection. */
|
|
14
|
+
export declare function resolveInitialExpandedKeys(items: MenuNodeBase[], options?: InitialExpandedKeysOptions): string[];
|
|
15
|
+
/**
|
|
16
|
+
* Toggle one key in an expanded-key list.
|
|
17
|
+
* Accordion mode collapses other top-level groups when opening one.
|
|
18
|
+
*/
|
|
19
|
+
export declare function toggleExpandedKeys(expandedKeys: string[], key: string, options?: {
|
|
20
|
+
accordion?: boolean;
|
|
21
|
+
topLevelKeys?: string[];
|
|
22
|
+
}): string[];
|
|
23
|
+
/** Merge ancestor path into expanded keys when selection changes. */
|
|
24
|
+
export declare function mergeExpandedKeysForSelection(expandedKeys: string[], path: string[], options?: {
|
|
25
|
+
accordion?: boolean;
|
|
26
|
+
topLevelKeys?: string[];
|
|
27
|
+
}): string[];
|
|
28
|
+
/**
|
|
29
|
+
* Visible menu entries in DOM order.
|
|
30
|
+
* When `excludeChildren` is true (collapsed / horizontal flyout), nested
|
|
31
|
+
* children stay out of the flat list.
|
|
32
|
+
*/
|
|
33
|
+
export declare function flattenVisibleMenuEntries<T extends MenuNodeBase>(items: T[], options: {
|
|
34
|
+
isExpanded: (key: string) => boolean;
|
|
35
|
+
excludeChildren?: boolean;
|
|
36
|
+
prefix?: string;
|
|
37
|
+
}): FlatMenuEntry<T>[];
|
|
38
|
+
//# sourceMappingURL=expand.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"expand.d.ts","sourceRoot":"","sources":["../../../src/shared/menu/expand.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAO3C,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,YAAY,GAAG,YAAY;IAClE,IAAI,EAAE,CAAC,CAAA;IACP,GAAG,EAAE,MAAM,CAAA;IACX,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,WAAW,EAAE,OAAO,CAAA;CACrB;AAED,MAAM,WAAW,0BAA0B;IACzC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC9B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC5B;AAED,+EAA+E;AAC/E,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,YAAY,EAAE,EACrB,OAAO,GAAE,0BAA+B,GACvC,MAAM,EAAE,CAQV;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,YAAY,EAAE,MAAM,EAAE,EACtB,GAAG,EAAE,MAAM,EACX,OAAO,GAAE;IAAE,SAAS,CAAC,EAAE,OAAO,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;CAAO,GAC7D,MAAM,EAAE,CAkBV;AAED,qEAAqE;AACrE,wBAAgB,6BAA6B,CAC3C,YAAY,EAAE,MAAM,EAAE,EACtB,IAAI,EAAE,MAAM,EAAE,EACd,OAAO,GAAE;IAAE,SAAS,CAAC,EAAE,OAAO,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;CAAO,GAC7D,MAAM,EAAE,CASV;AAED;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,CAAC,SAAS,YAAY,EAC9D,KAAK,EAAE,CAAC,EAAE,EACV,OAAO,EAAE;IACP,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAA;IACpC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,GACA,aAAa,CAAC,CAAC,CAAC,EAAE,CAepB"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
export { resolveMenuIcon } from './icon';
|
|
2
2
|
export { menuNodeKey } from './key';
|
|
3
|
+
export { flattenVisibleMenuEntries, mergeExpandedKeysForSelection, resolveInitialExpandedKeys, toggleExpandedKeys, } from './expand';
|
|
4
|
+
export type { FlatMenuEntry, InitialExpandedKeysOptions } from './expand';
|
|
3
5
|
export { collectExpandableKeys, collectTopLevelKeys, findMenuKeyPath, menuHasDescendantKey, resolveMenuItemKey, } from './tree';
|
|
4
6
|
export type { MenuNodeBase } from './types';
|
|
5
7
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shared/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACnC,OAAO,EACL,qBAAqB,EACrB,mBAAmB,EACnB,eAAe,EACf,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,QAAQ,CAAA;AACf,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shared/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACnC,OAAO,EACL,yBAAyB,EACzB,6BAA6B,EAC7B,0BAA0B,EAC1B,kBAAkB,GACnB,MAAM,UAAU,CAAA;AACjB,YAAY,EAAE,aAAa,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAA;AACzE,OAAO,EACL,qBAAqB,EACrB,mBAAmB,EACnB,eAAe,EACf,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,QAAQ,CAAA;AACf,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"overlayPlacement.d.ts","sourceRoot":"","sources":["../../src/shared/overlayPlacement.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,wBAAwB,GAChC,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,cAAc,GACd,YAAY,GACZ,WAAW,GACX,SAAS,GACT,aAAa,GACb,YAAY,CAAA;AAEhB,MAAM,WAAW,2BAA2B;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oGAAoG;IACpG,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,0HAA0H;IAC1H,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,0FAA0F;IAC1F,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAKD,wBAAgB,SAAS,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,sBAGhD;AAgFD,kFAAkF;AAClF,wBAAgB,2BAA2B,CACzC,MAAM,EAAE,OAAO,EACf,SAAS,EAAE,wBAAwB,EACnC,OAAO,GAAE,2BAAgC,GACxC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"overlayPlacement.d.ts","sourceRoot":"","sources":["../../src/shared/overlayPlacement.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,wBAAwB,GAChC,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,cAAc,GACd,YAAY,GACZ,WAAW,GACX,SAAS,GACT,aAAa,GACb,YAAY,CAAA;AAEhB,MAAM,WAAW,2BAA2B;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oGAAoG;IACpG,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,0HAA0H;IAC1H,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,0FAA0F;IAC1F,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAKD,wBAAgB,SAAS,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,sBAGhD;AAgFD,kFAAkF;AAClF,wBAAgB,2BAA2B,CACzC,MAAM,EAAE,OAAO,EACf,SAAS,EAAE,wBAAwB,EACnC,OAAO,GAAE,2BAAgC,GACxC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAuIxB"}
|
package/dist/sidebar/style.css
CHANGED
|
@@ -50,6 +50,10 @@
|
|
|
50
50
|
--m-font-size-sm: 0.8125rem;
|
|
51
51
|
--m-font-size-md: 0.875rem;
|
|
52
52
|
--m-font-size-lg: 1.125rem;
|
|
53
|
+
/* Display scale (page titles, KPI figures) */
|
|
54
|
+
--m-font-size-xl: 1.25rem;
|
|
55
|
+
--m-font-size-2xl: 1.5rem;
|
|
56
|
+
--m-font-size-3xl: 1.75rem;
|
|
53
57
|
--m-opacity-disabled: 0.55;
|
|
54
58
|
/* Layering: override --m-z-base via ConfigProvider / createMoryaUI */
|
|
55
59
|
--m-z-base: 1000;
|
|
@@ -192,20 +196,10 @@
|
|
|
192
196
|
|
|
193
197
|
/*
|
|
194
198
|
* Global motion policy (complements per-component rules):
|
|
195
|
-
* - `reduced
|
|
199
|
+
* - `reduced`: keep short paint transitions; stop loops
|
|
196
200
|
* and layout/transform size animation.
|
|
197
201
|
* - `none`: zero all transition/animation durations.
|
|
198
202
|
*/
|
|
199
|
-
@media (prefers-reduced-motion: reduce) {
|
|
200
|
-
html:not([data-m-ignore-reduced-motion]) *,
|
|
201
|
-
html:not([data-m-ignore-reduced-motion]) *::before,
|
|
202
|
-
html:not([data-m-ignore-reduced-motion]) *::after {
|
|
203
|
-
animation-duration: 0.01ms !important;
|
|
204
|
-
animation-iteration-count: 1 !important;
|
|
205
|
-
transition-property: background-color, border-color, color, opacity, box-shadow,
|
|
206
|
-
outline, fill, stroke, stroke-dashoffset !important;
|
|
207
|
-
}
|
|
208
|
-
}
|
|
209
203
|
|
|
210
204
|
[data-m-motion="reduced"] *,
|
|
211
205
|
[data-m-motion="reduced"] *::before,
|
|
@@ -615,7 +609,7 @@
|
|
|
615
609
|
.m-zoom-enter-from,
|
|
616
610
|
.m-zoom-leave-to {
|
|
617
611
|
opacity: 0;
|
|
618
|
-
transform: scale(0.
|
|
612
|
+
transform: scale(0.95);
|
|
619
613
|
}
|
|
620
614
|
|
|
621
615
|
.m-slide-up-enter-active,
|
|
@@ -660,44 +654,6 @@
|
|
|
660
654
|
transform: translateX(calc(var(--m-motion-distance) * -1));
|
|
661
655
|
}
|
|
662
656
|
|
|
663
|
-
@media (prefers-reduced-motion: reduce) {
|
|
664
|
-
html:not([data-m-ignore-reduced-motion]) .m-fade-enter-active,
|
|
665
|
-
html:not([data-m-ignore-reduced-motion]) .m-fade-leave-active,
|
|
666
|
-
html:not([data-m-ignore-reduced-motion]) .m-scale-fade-enter-active,
|
|
667
|
-
html:not([data-m-ignore-reduced-motion]) .m-scale-fade-leave-active,
|
|
668
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-fade-enter-active,
|
|
669
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-fade-leave-active,
|
|
670
|
-
html:not([data-m-ignore-reduced-motion]) .m-zoom-enter-active,
|
|
671
|
-
html:not([data-m-ignore-reduced-motion]) .m-zoom-leave-active,
|
|
672
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-up-enter-active,
|
|
673
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-up-leave-active,
|
|
674
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-down-enter-active,
|
|
675
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-down-leave-active,
|
|
676
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-left-enter-active,
|
|
677
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-left-leave-active,
|
|
678
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-right-enter-active,
|
|
679
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-right-leave-active {
|
|
680
|
-
transition: none;
|
|
681
|
-
}
|
|
682
|
-
|
|
683
|
-
html:not([data-m-ignore-reduced-motion]) .m-scale-fade-enter-from,
|
|
684
|
-
html:not([data-m-ignore-reduced-motion]) .m-scale-fade-leave-to,
|
|
685
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-fade-enter-from,
|
|
686
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-fade-leave-to,
|
|
687
|
-
html:not([data-m-ignore-reduced-motion]) .m-zoom-enter-from,
|
|
688
|
-
html:not([data-m-ignore-reduced-motion]) .m-zoom-leave-to,
|
|
689
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-up-enter-from,
|
|
690
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-up-leave-to,
|
|
691
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-down-enter-from,
|
|
692
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-down-leave-to,
|
|
693
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-left-enter-from,
|
|
694
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-left-leave-to,
|
|
695
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-right-enter-from,
|
|
696
|
-
html:not([data-m-ignore-reduced-motion]) .m-slide-right-leave-to {
|
|
697
|
-
transform: none;
|
|
698
|
-
}
|
|
699
|
-
}
|
|
700
|
-
|
|
701
657
|
[data-m-motion="reduced"] .m-fade-enter-active,
|
|
702
658
|
[data-m-motion="reduced"] .m-fade-leave-active,
|
|
703
659
|
[data-m-motion="reduced"] .m-scale-fade-enter-active,
|
|
@@ -1192,17 +1148,6 @@
|
|
|
1192
1148
|
animation: none !important;
|
|
1193
1149
|
}
|
|
1194
1150
|
|
|
1195
|
-
@media (prefers-reduced-motion: reduce) {
|
|
1196
|
-
html:not([data-m-ignore-reduced-motion]) *,
|
|
1197
|
-
html:not([data-m-ignore-reduced-motion]) *::before,
|
|
1198
|
-
html:not([data-m-ignore-reduced-motion]) *::after {
|
|
1199
|
-
animation-duration: 0.01ms !important;
|
|
1200
|
-
animation-iteration-count: 1 !important;
|
|
1201
|
-
scroll-behavior: auto !important;
|
|
1202
|
-
transition-duration: 0.01ms !important;
|
|
1203
|
-
}
|
|
1204
|
-
}
|
|
1205
|
-
|
|
1206
1151
|
.m-icon {
|
|
1207
1152
|
color: currentColor;
|
|
1208
1153
|
display: inline-flex;
|
|
@@ -1247,12 +1192,6 @@
|
|
|
1247
1192
|
}
|
|
1248
1193
|
}
|
|
1249
1194
|
|
|
1250
|
-
@media (prefers-reduced-motion: reduce) {
|
|
1251
|
-
html:not([data-m-ignore-reduced-motion]) .m-icon--spin svg {
|
|
1252
|
-
animation: none;
|
|
1253
|
-
}
|
|
1254
|
-
}
|
|
1255
|
-
|
|
1256
1195
|
:root[data-m-motion='none'] .m-icon--spin svg,
|
|
1257
1196
|
:root[data-m-motion='reduced'] .m-icon--spin svg {
|
|
1258
1197
|
animation: none;
|
|
@@ -1328,12 +1267,6 @@
|
|
|
1328
1267
|
text-align: center;
|
|
1329
1268
|
}
|
|
1330
1269
|
|
|
1331
|
-
@media (prefers-reduced-motion: reduce) {
|
|
1332
|
-
html:not([data-m-ignore-reduced-motion]) .m-sidebar__link {
|
|
1333
|
-
transition: none;
|
|
1334
|
-
}
|
|
1335
|
-
}
|
|
1336
|
-
|
|
1337
1270
|
[data-m-motion="reduced"] .m-sidebar__link,
|
|
1338
1271
|
[data-m-motion="none"] .m-sidebar__link {
|
|
1339
1272
|
transition: none;
|
package/dist/skeleton/index.js
CHANGED
|
@@ -1,60 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { t } from "../usePauseOffscreen-BIikV_gj.js";
|
|
1
|
+
import { t as e } from "../Skeleton-DCYdXAH2.js";
|
|
3
2
|
import "./style.js";
|
|
4
|
-
|
|
5
|
-
//#endregion
|
|
6
|
-
//#region src/components/Skeleton/Skeleton.vue
|
|
7
|
-
var m = /* @__PURE__ */ a({
|
|
8
|
-
inheritAttrs: !1,
|
|
9
|
-
__name: "Skeleton",
|
|
10
|
-
props: {
|
|
11
|
-
pt: {},
|
|
12
|
-
shape: { default: "rectangle" },
|
|
13
|
-
width: { default: "100%" },
|
|
14
|
-
height: {},
|
|
15
|
-
borderRadius: {},
|
|
16
|
-
animation: { default: "wave" },
|
|
17
|
-
text: {
|
|
18
|
-
type: Boolean,
|
|
19
|
-
default: !1
|
|
20
|
-
},
|
|
21
|
-
repeat: { default: 1 }
|
|
22
|
-
},
|
|
23
|
-
setup(a) {
|
|
24
|
-
let m = a, h = p(), { rootAttrs: g } = e(h, () => m.pt), _ = u(null), { pauseAttrs: v } = t(_, () => m.animation === "wave"), y = r(() => Math.max(1, m.repeat ?? 1)), b = r(() => ["m-skeleton", {
|
|
25
|
-
"m-skeleton--circle": m.shape === "circle",
|
|
26
|
-
"m-skeleton--wave": m.animation === "wave",
|
|
27
|
-
"m-skeleton--text": m.text
|
|
28
|
-
}]), x = r(() => ({
|
|
29
|
-
width: m.width,
|
|
30
|
-
height: m.height ?? (m.text ? "0.85em" : void 0),
|
|
31
|
-
borderRadius: m.borderRadius
|
|
32
|
-
}));
|
|
33
|
-
return (e, t) => y.value > 1 ? (l(), i("div", o({
|
|
34
|
-
key: 0,
|
|
35
|
-
ref_key: "rootRef",
|
|
36
|
-
ref: _
|
|
37
|
-
}, {
|
|
38
|
-
...f(g),
|
|
39
|
-
...f(v)
|
|
40
|
-
}, { class: "m-skeleton-repeat" }), [(l(!0), i(n, null, d(y.value, (e) => (l(), i("div", {
|
|
41
|
-
key: e,
|
|
42
|
-
class: s(b.value),
|
|
43
|
-
style: c(x.value),
|
|
44
|
-
"aria-hidden": "true"
|
|
45
|
-
}, null, 6))), 128))], 16)) : (l(), i("div", o({
|
|
46
|
-
key: 1,
|
|
47
|
-
ref_key: "rootRef",
|
|
48
|
-
ref: _
|
|
49
|
-
}, {
|
|
50
|
-
...f(g),
|
|
51
|
-
...f(v)
|
|
52
|
-
}, {
|
|
53
|
-
class: b.value,
|
|
54
|
-
style: x.value,
|
|
55
|
-
"aria-hidden": "true"
|
|
56
|
-
}), null, 16));
|
|
57
|
-
}
|
|
58
|
-
});
|
|
59
|
-
//#endregion
|
|
60
|
-
export { m as MSkeleton };
|
|
3
|
+
export { e as MSkeleton };
|