@mkbabb/glass-ui 3.7.0 → 3.9.0
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 +1 -6
- package/dist/CardAction-DuArVky-.js +157 -0
- package/dist/{CommandShortcut-CY0aQTz5.js → CommandShortcut-CefCj5mt.js} +7 -7
- package/dist/{ContextMenuSubContent-BeDz7G6f.js → ContextMenuSubContent-Bhg4f5jX.js} +3 -3
- package/dist/{DataTable-gtPOLZvl.js → DataTable-CUHMukiQ.js} +4 -4
- package/dist/DeckProgress-Dmk4_AKN.js +23 -0
- package/dist/{DialogContent-DG1YMR-P.js → DialogContent-BRkT1cjP.js} +3 -3
- package/dist/{DialogFooter-BCIaDP15.js → DialogFooter-Gprw8H_A.js} +1 -1
- package/dist/{HoverPopover-DXpOEw1P.js → HoverPopover-2LOIW34a.js} +1 -1
- package/dist/{IconTooltip-Cu86JR4e.js → IconTooltip-yefK7cJc.js} +1 -1
- package/dist/{MetricBadge-D-bRaQUD.js → MetricBadge-lTc002u2.js} +1 -1
- package/dist/{Notification-B5WHP3_1.js → Notification-BxK8LZMw.js} +1 -1
- package/dist/{NumberFieldContent-CLNVR1iY.js → NumberFieldContent-BbLOh8RU.js} +2 -2
- package/dist/{PopoverContent-F1bWnYoh.js → PopoverContent-BId6ggf_.js} +1 -1
- package/dist/{Progress-c4vo4ALi.js → Progress-iEuD9pxG.js} +4 -4
- package/dist/{ScrollingText-BEp377U5.js → ScrollingText-BPP84wKo.js} +2 -2
- package/dist/{SelectScrollDownButton-DAo5NmY_.js → SelectScrollDownButton-T32cVFeM.js} +4 -4
- package/dist/{SelectSeparator-COFMJGng.js → SelectSeparator-C4Ql0gzV.js} +1 -1
- package/dist/{TabsList-COqIdW7i.js → TabsList-B8CVOQPC.js} +2 -2
- package/dist/{Toaster-BMaeziJJ.js → Toaster-1rYWrmAm.js} +1 -1
- package/dist/{ToggleGroupItem-C-AIkBUw.js → ToggleGroupItem-Cev4pOVK.js} +5 -5
- package/dist/animated-digit.js +1 -1
- package/dist/api/index.d.ts +5 -3
- package/dist/aurora.js +339 -408
- package/dist/{badge-DHQrc_GQ.js → badge-BvwvT50i.js} +4 -4
- package/dist/badge.js +1 -1
- package/dist/{button-CAywcrhO.js → button-DN39cGqL.js} +13 -12
- package/dist/button.js +1 -1
- package/dist/canvas.d.ts +1 -0
- package/dist/canvas.js +3 -0
- package/dist/card.js +1 -1
- package/dist/carousel.js +106 -105
- package/dist/collapsible.js +1 -1
- package/dist/{color-DjJCAQ6f.js → color-8jBjWiJ6.js} +22 -14
- package/dist/color.js +2 -2
- package/dist/command.js +1 -1
- package/dist/compile-DAjIoEy2.js +158 -0
- package/dist/components/custom/aurora/composables/atoms.d.ts +90 -25
- package/dist/components/custom/aurora/composables/color.d.ts +0 -12
- package/dist/components/custom/aurora/composables/uniformBridge.d.ts +34 -23
- package/dist/components/custom/aurora/constants/presets.d.ts +10 -7
- package/dist/components/custom/aurora/constants/renderMode.d.ts +22 -0
- package/dist/components/custom/aurora/constants/shaders/aurora.wgsl.d.ts +1 -1
- package/dist/components/custom/aurora/constants/shaders/brush.glsl.d.ts +1 -1
- package/dist/components/custom/aurora/constants/shaders/composition.glsl.d.ts +1 -1
- package/dist/components/custom/aurora/constants/shaders/mediums.glsl.d.ts +1 -1
- package/dist/components/custom/aurora/index.d.ts +3 -3
- package/dist/components/custom/configurator/ConfiguratorLayer.vue.d.ts +1 -1
- package/dist/components/custom/constellation/Constellation.vue.d.ts +40 -5
- package/dist/components/custom/constellation/constellationField.d.ts +110 -5
- package/dist/components/custom/constellation/index.d.ts +2 -2
- package/dist/components/custom/dock/DockSeparator.vue.d.ts +3 -0
- package/dist/components/custom/dock/GlassDock.vue.d.ts +57 -67
- package/dist/components/custom/dock/composables/dockContext.d.ts +7 -0
- package/dist/components/custom/dock/composables/dockMorphContext.d.ts +57 -0
- package/dist/components/custom/dock/composables/index.d.ts +3 -0
- package/dist/components/custom/dock/composables/useDockHold.d.ts +61 -0
- package/dist/components/custom/dock/composables/useLayerTransition.d.ts +13 -59
- package/dist/components/custom/dock/index.d.ts +4 -1
- package/dist/components/custom/goo-blob/GooBlob.vue.d.ts +13 -0
- package/dist/components/custom/goo-blob/composables/useBlobMood.d.ts +23 -5
- package/dist/components/custom/goo-blob/composables/useBlobPointer.d.ts +2 -0
- package/dist/components/custom/goo-blob/composables/useBlobSatellites.d.ts +2 -0
- package/dist/components/custom/goo-blob/composables/useMetaballRenderer.d.ts +20 -5
- package/dist/components/custom/goo-blob/index.d.ts +1 -1
- package/dist/components/custom/goo-blob/shaders/sdf-body.glsl.d.ts +1 -1
- package/dist/components/custom/goo-blob/shaders/watercolor-edges.glsl.d.ts +2 -2
- package/dist/components/custom/goo-blob/types.d.ts +8 -0
- package/dist/components/custom/tabs/SegmentedTabs.vue.d.ts +92 -0
- package/dist/components/custom/tabs/composables/useTabIndicator.d.ts +49 -0
- package/dist/components/custom/tabs/index.d.ts +2 -5
- package/dist/components/ui/button/index.d.ts +1 -1
- package/dist/components/ui/card/Card.vue.d.ts +28 -10
- package/dist/components/ui/card/index.d.ts +1 -1
- package/dist/components/ui/carousel/CarouselNext.vue.d.ts +1 -1
- package/dist/components/ui/carousel/CarouselPrevious.vue.d.ts +1 -1
- package/dist/components/ui/carousel/GlassCarouselPager.vue.d.ts +3 -4
- package/dist/components/ui/progress/ProgressDefault.vue.d.ts +14 -4
- package/dist/components/ui/slider/Slider.vue.d.ts +3 -1
- package/dist/components/ui/slider/index.d.ts +14 -7
- package/dist/components/ui/tabs/TabsList.vue.d.ts +1 -1
- package/dist/composables/color/index.d.ts +19 -0
- package/dist/composables/context/createContext.d.ts +1 -1
- package/dist/composables/dom/index.d.ts +1 -1
- package/dist/composables/dom/useResolveTokenColor.d.ts +27 -0
- package/dist/composables/glass/canvas2d/index.d.ts +2 -1
- package/dist/composables/glass/canvas2d/resolveCanvasColor.d.ts +20 -0
- package/dist/composables/glass/canvas2d/useCanvas2D.d.ts +15 -1
- package/dist/composables/glass/index.d.ts +3 -1
- package/dist/composables/glass/useSpecularTracking.d.ts +33 -0
- package/dist/composables/glass/webgl/createCanvasLifecycle.d.ts +1 -1
- package/dist/composables/glass/webgl/shaders/procedural-color.glsl.d.ts +4 -0
- package/dist/composables/glass/webgl/useWebGLCanvas.d.ts +1 -1
- package/dist/composables/motion/core/index.d.ts +1 -0
- package/dist/configurator.js +1 -1
- package/dist/confirm-dialog.js +2 -2
- package/dist/constellation.js +143 -74
- package/dist/context-menu.js +2 -2
- package/dist/controls.js +1 -1
- package/dist/data-table.js +1 -1
- package/dist/deck-progress.d.ts +1 -0
- package/dist/deck-progress.js +2 -0
- package/dist/dialog.js +2 -2
- package/dist/dock.js +468 -354
- package/dist/{dockContext-DLgrVWsU.js → dockContext-BKeIMmNk.js} +1 -1
- package/dist/dom.js +6 -6
- package/dist/{dropdown-menu-BWpwutt0.js → dropdown-menu-D77jX6Df.js} +4 -4
- package/dist/dropdown-menu.js +1 -1
- package/dist/fonts/README.md +26 -18
- package/dist/forms.js +5 -5
- package/dist/fourier-field.js +35 -35
- package/dist/glass-panel.js +7 -7
- package/dist/glass-ui.css +1 -1
- package/dist/glass-ui.js +154 -169
- package/dist/goo-blob.js +361 -274
- package/dist/header-ribbon.js +1 -1
- package/dist/hover-card.js +1 -1
- package/dist/hover-popover.js +1 -1
- package/dist/icon-tooltip.js +1 -1
- package/dist/index.d.ts +1 -2
- package/dist/instrument-chassis.js +1 -1
- package/dist/instrument-rail.js +1 -1
- package/dist/label.js +1 -1
- package/dist/labeled-field.js +5 -5
- package/dist/{menuItemVariants-B4eFR5Ix.js → menuItemVariants-CCoBNkU5.js} +1 -1
- package/dist/metric-badge.js +1 -1
- package/dist/metric-stack.js +1 -1
- package/dist/motion-core.js +65 -65
- package/dist/motion.js +1 -1
- package/dist/notification.js +1 -1
- package/dist/number-field.js +1 -1
- package/dist/paper-backdrop.js +1 -1
- package/dist/popover.js +1 -1
- package/dist/progress.js +1 -1
- package/dist/pulse.js +2 -2
- package/dist/reactive.js +2 -2
- package/dist/resolveCanvasColor-BBiYfp8g.js +11 -0
- package/dist/scrolling-text.js +1 -1
- package/dist/search.js +9 -9
- package/dist/select.js +3 -3
- package/dist/separator.js +1 -1
- package/dist/{sheet-Cv1uO-Gq.js → sheet-VZEtNFvO.js} +2 -2
- package/dist/sheet.js +1 -1
- package/dist/slider-DC2mwuoe.js +142 -0
- package/dist/slider.js +1 -1
- package/dist/sortable-list.js +2 -2
- package/dist/status-dot.js +17 -16
- package/dist/styles/animations.css +6 -2
- package/dist/styles/components.css +1 -1
- package/dist/styles/dock/density.css +230 -0
- package/dist/styles/dock/layer-group.css +263 -0
- package/dist/styles/dock/layers.css +355 -0
- package/dist/styles/dock/morph.css +244 -0
- package/dist/styles/dock/overflow.css +201 -0
- package/dist/styles/dock/shell.css +457 -0
- package/dist/styles/dock-controls.css +187 -50
- package/dist/styles/dock.css +65 -1181
- package/dist/styles/fonts.css +0 -25
- package/dist/styles/glass.css +482 -102
- package/dist/styles/index.css +12 -11
- package/dist/styles/theme.css +60 -2
- package/dist/styles/tokens.css +625 -72
- package/dist/styles/typography.css +52 -69
- package/dist/styles/utilities.css +91 -40
- package/dist/styles/view-transition.css +12 -40
- package/dist/switch.js +1 -1
- package/dist/tabs.js +183 -152
- package/dist/timeline.js +3 -3
- package/dist/toast.js +1 -1
- package/dist/toggle-group.js +1 -1
- package/dist/tooltip.js +1 -1
- package/dist/typewriter.js +1 -1
- package/dist/{useCanvas2D-C31yfUGY.js → useCanvas2D-ClrQuZtp.js} +2 -1
- package/dist/{useConfiguratorState-B24TcgIn.js → useConfiguratorState-DxAqksK6.js} +24 -13
- package/dist/useResolveTokenColor-r9pnNjqK.js +24 -0
- package/dist/useSpecularTracking-BVRZsRHA.js +26 -0
- package/dist/{useTextHighlight-aMPdEpkq.js → useTextHighlight-DON84L8w.js} +1 -1
- package/dist/{useTouchGate-YQRwyUGU.js → useTouchGate-WFyJYsth.js} +1 -1
- package/dist/vReveal-CqaCz_mC.js +44 -0
- package/dist/watercolor-dot.js +1 -1
- package/package.json +67 -36
- package/src/fonts/README.md +26 -18
- package/src/styles/animations.css +6 -2
- package/src/styles/dock/density.css +230 -0
- package/src/styles/dock/layer-group.css +263 -0
- package/src/styles/dock/layers.css +355 -0
- package/src/styles/dock/morph.css +244 -0
- package/src/styles/dock/overflow.css +201 -0
- package/src/styles/dock/shell.css +457 -0
- package/src/styles/dock-controls.css +187 -50
- package/src/styles/dock.css +65 -1181
- package/src/styles/fonts.css +0 -25
- package/src/styles/glass.css +482 -102
- package/src/styles/index.css +12 -11
- package/src/styles/theme.css +60 -2
- package/src/styles/tokens.css +625 -72
- package/src/styles/typography.css +52 -69
- package/src/styles/utilities.css +91 -40
- package/src/styles/view-transition.css +12 -40
- package/dist/CardAction-D8nSE62a.js +0 -163
- package/dist/DiscoGlyph-ZoBYpoxI.js +0 -132
- package/dist/GlyphFace-Ce_oe3tM.js +0 -51
- package/dist/UnderlineTabs-D_c1iYo-.js +0 -39
- package/dist/compile-iM4IUB66.js +0 -158
- package/dist/components/custom/aurora/constants/shaders/painterly.wgsl.d.ts +0 -7
- package/dist/components/custom/aurora/constants/shaders/wake.wgsl.d.ts +0 -4
- package/dist/components/custom/disco-glyph/DiscoGlyph.vue.d.ts +0 -58
- package/dist/components/custom/disco-glyph/index.d.ts +0 -1
- package/dist/components/custom/glass-carousel/GlassCarousel.vue.d.ts +0 -36
- package/dist/components/custom/glass-carousel/GlassCarouselItem.vue.d.ts +0 -28
- package/dist/components/custom/glass-carousel/index.d.ts +0 -4
- package/dist/components/custom/glass-carousel/useGlassCarousel.d.ts +0 -30
- package/dist/components/custom/glyph-face/GlyphFace.vue.d.ts +0 -64
- package/dist/components/custom/glyph-face/index.d.ts +0 -2
- package/dist/components/custom/glyph-face/keys.d.ts +0 -9
- package/dist/components/custom/responsive-tabs/ResponsiveTabs.vue.d.ts +0 -73
- package/dist/components/custom/responsive-tabs/index.d.ts +0 -2
- package/dist/components/custom/tabs/BouncyTabs.vue.d.ts +0 -27
- package/dist/components/custom/tabs/BouncyToggle.vue.d.ts +0 -60
- package/dist/components/custom/tabs/UnderlineTabs.vue.d.ts +0 -20
- package/dist/components/custom/tabs/composables/useBouncySlider.d.ts +0 -39
- package/dist/disco-glyph.d.ts +0 -1
- package/dist/disco-glyph.js +0 -2
- package/dist/fonts/fraunces/fraunces-latin.woff2 +0 -0
- package/dist/glass-carousel.d.ts +0 -1
- package/dist/glass-carousel.js +0 -214
- package/dist/glyph-face.d.ts +0 -1
- package/dist/glyph-face.js +0 -3
- package/dist/keys-Dyf_uTs5.js +0 -9
- package/dist/responsive-tabs.d.ts +0 -1
- package/dist/responsive-tabs.js +0 -95
- package/dist/slider-BA9wIs5e.js +0 -130
- package/dist/styles/disco-glyph.css +0 -26
- package/dist/styles/glyph-face.css +0 -92
- package/dist/useViewTransition-DaN5Zrox.js +0 -21
- package/dist/vReveal-BE2TsPoR.js +0 -24
- package/src/fonts/fraunces/fraunces-latin.woff2 +0 -0
- package/src/styles/disco-glyph.css +0 -26
- package/src/styles/glyph-face.css +0 -92
- /package/dist/{CollapsibleContent-D7UNsXQr.js → CollapsibleContent-CP9qF1v4.js} +0 -0
- /package/dist/{ContextMenuContent-DGKZX1Du.js → ContextMenuContent-DDa0v27s.js} +0 -0
- /package/dist/{HoverCardContent-Bn0UBMY9.js → HoverCardContent-B6CcQ8He.js} +0 -0
- /package/dist/{InstrumentChassis-BLJBl1BW.js → InstrumentChassis-C2f6cBaQ.js} +0 -0
- /package/dist/{InstrumentRail-BElFwKyt.js → InstrumentRail-CUJ05YVG.js} +0 -0
- /package/dist/{Label-DBc7bKzZ.js → Label-zRfbQdCn.js} +0 -0
- /package/dist/{ModalOverlay-D1VrWyoi.js → ModalOverlay-B1GkAjNb.js} +0 -0
- /package/dist/{PaperBackdrop-DCGoGatv.js → PaperBackdrop-CqwjnfLv.js} +0 -0
- /package/dist/{SelectGroup-BcaFjvP4.js → SelectGroup-BFiod7X2.js} +0 -0
- /package/dist/{Separator-DZyqsCum.js → Separator-D7sD7RKj.js} +0 -0
- /package/dist/{Switch-2rsAtDfA.js → Switch-LDKLmmgx.js} +0 -0
- /package/dist/{TooltipProvider-CD2IXfRv.js → TooltipProvider-CmZzCuaG.js} +0 -0
- /package/dist/{_plugin-vue_export-helper-gLzyemvl.js → _plugin-vue_export-helper-ok8pgSl5.js} +0 -0
- /package/dist/composables/{dom → motion}/useTextHighlight.d.ts +0 -0
- /package/dist/{createContext-CvNyBk4o.js → createContext-B44Sah_H.js} +0 -0
- /package/dist/{useGlassRenderer-HebgSEgN.js → useGlassRenderer-5I0YkI4t.js} +0 -0
- /package/dist/{useInterval-D3USn0yc.js → useInterval-Dsmqwi03.js} +0 -0
- /package/dist/{useResizeObserver-CSyxGxIX.js → useResizeObserver-CWCbk5Px.js} +0 -0
- /package/dist/{useSpringMount-LRZqJTaF.js → useSpringMount-BJSHcLl3.js} +0 -0
- /package/dist/{useTimer-DEJonOZa.js → useTimer-3xqf_54b.js} +0 -0
- /package/dist/{useUserInvalidAria-CQKjEfwP.js → useUserInvalidAria-DoJKMZ3s.js} +0 -0
- /package/dist/{useViewportReady-K96m-Mdv.js → useViewportReady-RIr5Wgkh.js} +0 -0
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { type HTMLAttributes } from "vue";
|
|
2
|
-
type __VLS_Props = {
|
|
3
|
-
/** Whether this item is the active/highlighted one */
|
|
4
|
-
active?: boolean;
|
|
5
|
-
/** Whether the item grows/shrinks between expanded and collapsed modes */
|
|
6
|
-
expandable?: boolean;
|
|
7
|
-
class?: HTMLAttributes["class"];
|
|
8
|
-
};
|
|
9
|
-
declare var __VLS_1: {};
|
|
10
|
-
type __VLS_Slots = {} & {
|
|
11
|
-
default?: (props: typeof __VLS_1) => any;
|
|
12
|
-
};
|
|
13
|
-
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
14
|
-
click: (e: MouseEvent) => any;
|
|
15
|
-
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
16
|
-
onClick?: ((e: MouseEvent) => any) | undefined;
|
|
17
|
-
}>, {
|
|
18
|
-
active: boolean;
|
|
19
|
-
expandable: boolean;
|
|
20
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
21
|
-
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
22
|
-
declare const _default: typeof __VLS_export;
|
|
23
|
-
export default _default;
|
|
24
|
-
type __VLS_WithSlots<T, S> = T & {
|
|
25
|
-
new (): {
|
|
26
|
-
$slots: S;
|
|
27
|
-
};
|
|
28
|
-
};
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { type Ref } from "vue";
|
|
2
|
-
export interface UseGlassCarouselOptions {
|
|
3
|
-
/** Scroll axis */
|
|
4
|
-
orientation: Ref<"horizontal" | "vertical">;
|
|
5
|
-
/** The logical expanded state */
|
|
6
|
-
expanded: Ref<boolean>;
|
|
7
|
-
/** The carousel root element ref — dimensions are animated on this element */
|
|
8
|
-
rootEl: Ref<HTMLElement | null>;
|
|
9
|
-
/** The scroll viewport element ref (reka-ui ScrollAreaViewport) */
|
|
10
|
-
viewportEl: Ref<HTMLElement | null>;
|
|
11
|
-
/** Fade duration in ms before the mode swap (default: 60) */
|
|
12
|
-
fadeMs?: number;
|
|
13
|
-
}
|
|
14
|
-
/**
|
|
15
|
-
* Composable for GlassCarousel — manages scroll overflow detection,
|
|
16
|
-
* expand/collapse transitions (following GlassDock's FLIP pattern),
|
|
17
|
-
* and item scroll-to behavior.
|
|
18
|
-
*/
|
|
19
|
-
export declare function useGlassCarousel(options: UseGlassCarouselOptions): {
|
|
20
|
-
canScrollStart: Ref<boolean, boolean>;
|
|
21
|
-
canScrollEnd: Ref<boolean, boolean>;
|
|
22
|
-
getOverflowFadeClass: () => "" | "scroll-fade-y" | "scroll-fade-mask" | "scroll-fade-top" | "scroll-fade-bottom";
|
|
23
|
-
updateOverflow: () => void;
|
|
24
|
-
scrollToItem: (index: number) => void;
|
|
25
|
-
visualExpanded: Ref<boolean, boolean>;
|
|
26
|
-
isTransitioning: Ref<boolean, boolean>;
|
|
27
|
-
transitionSize: Ref<string | null, string | null>;
|
|
28
|
-
suppressTransition: Ref<boolean, boolean>;
|
|
29
|
-
onTransitionEnd: (e: TransitionEvent) => void;
|
|
30
|
-
};
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import type { HTMLAttributes } from "vue";
|
|
2
|
-
/**
|
|
3
|
-
* <GlyphFace> — phase-tinted lucide wrapper with catch-light cap.
|
|
4
|
-
*
|
|
5
|
-
* Three layers compose around any slotted glyph:
|
|
6
|
-
* 1. backplate — phase-tinted radial gradient (or transparent at idle).
|
|
7
|
-
* Reads as the icon "sitting in" something.
|
|
8
|
-
* 2. slot — the slotted glyph silhouette, unchanged. Stays `currentColor`
|
|
9
|
-
* so the glyph reads Vignelli-clean; the disco punch is in the
|
|
10
|
-
* backplate + cap layers.
|
|
11
|
-
* 3. cap — 165° linear-gradient pseudo with `mix-blend-mode: screen`
|
|
12
|
-
* (Q.W3 default; consumers may override to `overlay` for the
|
|
13
|
-
* metallic-punch substrate). Reads as a single specular hot-spot
|
|
14
|
-
* in the upper-left, painted only against the slotted silhouette.
|
|
15
|
-
*
|
|
16
|
-
* Q.W3.A.1 inversion: cap clips to silhouette by default. Three resolution
|
|
17
|
-
* paths populate `--gf-silhouette`:
|
|
18
|
-
* - explicit `silhouette` prop on this component (path d-attr or raw
|
|
19
|
-
* `clip-path` expression);
|
|
20
|
-
* - provide/inject from a `<DiscoGlyph>` descendant — the disco
|
|
21
|
-
* primitive publishes its `silhouette` upward via the
|
|
22
|
-
* `GLYPH_FACE_SILHOUETTE_KEY` symbol, so wrappers around the four
|
|
23
|
-
* speedtest disco icons inherit the silhouette without a
|
|
24
|
-
* consumer-side prop plumb;
|
|
25
|
-
* - lucide consumers pass the silhouette explicitly via the
|
|
26
|
-
* `lucide-silhouettes.ts` table at the speedtest project.
|
|
27
|
-
*
|
|
28
|
-
* When no silhouette resolves the cap renders nothing — the fail-safe
|
|
29
|
-
* is "no cap" not "wrong cap" (closes the wrapper-rectangle leak A1 §1.2
|
|
30
|
-
* traced to the lucide consumer sites).
|
|
31
|
-
*
|
|
32
|
-
* `tint` accepts any CSS color or var (e.g. `var(--phase-color)`); the
|
|
33
|
-
* backplate's `--gf-tint` custom property reads it. Defaults transparent,
|
|
34
|
-
* so `<GlyphFace>` without `active` reads as a plain glyph wrapper.
|
|
35
|
-
*/
|
|
36
|
-
type __VLS_Props = {
|
|
37
|
-
/** Whether the backplate is visible. Defaults `false`. */
|
|
38
|
-
active?: boolean;
|
|
39
|
-
/** CSS color/var for the backplate tint. Defaults transparent. */
|
|
40
|
-
tint?: string;
|
|
41
|
-
/**
|
|
42
|
-
* SVG path d-attribute or raw CSS clip-path expression that
|
|
43
|
-
* masks the cap to a glyph silhouette. When set, the cap clips
|
|
44
|
-
* to the supplied shape. Takes precedence over silhouette
|
|
45
|
-
* provided by a descendant DiscoGlyph.
|
|
46
|
-
*/
|
|
47
|
-
silhouette?: string;
|
|
48
|
-
class?: HTMLAttributes["class"];
|
|
49
|
-
};
|
|
50
|
-
declare var __VLS_1: {};
|
|
51
|
-
type __VLS_Slots = {} & {
|
|
52
|
-
default?: (props: typeof __VLS_1) => any;
|
|
53
|
-
};
|
|
54
|
-
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
55
|
-
active: boolean;
|
|
56
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
57
|
-
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
58
|
-
declare const _default: typeof __VLS_export;
|
|
59
|
-
export default _default;
|
|
60
|
-
type __VLS_WithSlots<T, S> = T & {
|
|
61
|
-
new (): {
|
|
62
|
-
$slots: S;
|
|
63
|
-
};
|
|
64
|
-
};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { Ref } from "vue";
|
|
2
|
-
export declare const GLYPH_FACE_SILHOUETTE_KEY: import("vue").InjectionKey<Ref<string | undefined, string | undefined>>;
|
|
3
|
-
export declare function provideGlyphFaceSilhouette(slot: Ref<string | undefined>): void;
|
|
4
|
-
/**
|
|
5
|
-
* Befitting silent default — returns `null` when no parent `<GlyphFace>`
|
|
6
|
-
* is present. `<DiscoGlyph>` cooperates with a wrapping `<GlyphFace>` when
|
|
7
|
-
* the slot is available; otherwise stands alone.
|
|
8
|
-
*/
|
|
9
|
-
export declare const useOptionalGlyphFaceSilhouette: () => Ref<string | undefined, string | undefined> | null;
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import type { HTMLAttributes } from "vue";
|
|
2
|
-
import { type TabOption } from "../tabs";
|
|
3
|
-
/**
|
|
4
|
-
* ResponsiveTabs — single consume that renders as `<Select>` below the
|
|
5
|
-
* configured breakpoint and `<UnderlineTabs>` at/above it.
|
|
6
|
-
*
|
|
7
|
-
* AC.W8e (glass-ui v1.7.0) — promoted from speedtest's 3-site duplicated
|
|
8
|
-
* mobile-Select / desktop-UnderlineTabs swap (AdminDataView,
|
|
9
|
-
* AdminDashboardLayout, PublicDashboardLayout). Each site rolled its own
|
|
10
|
-
* `sm:hidden` / `hidden sm:block` pair; the primitive collapses the
|
|
11
|
-
* duplication onto a single matchMedia-driven swap. The dual-mount CSS
|
|
12
|
-
* pattern is preserved at the JSDOM/SSR level by initializing
|
|
13
|
-
* `isDesktop` from `window.matchMedia(...)`'s `matches` (or `true` when
|
|
14
|
-
* `window` is absent, matching server-rendered desktop-first).
|
|
15
|
-
*
|
|
16
|
-
* The `breakpoint` prop is a CSS length consumed inside the
|
|
17
|
-
* `(min-width: <breakpoint>)` media query — pass `"640px"` (the Tailwind
|
|
18
|
-
* `sm:` rung default), `"720px"` (speedtest's grid-engagement rung), or
|
|
19
|
-
* any other value the consumer needs.
|
|
20
|
-
*
|
|
21
|
-
* The select trigger inherits `glass-ui`'s canonical `text-small w-auto
|
|
22
|
-
* min-w-input-sm` chrome so the mobile control reads at the small text
|
|
23
|
-
* register. UnderlineTabs receives the `text-body` register and forwards
|
|
24
|
-
* any consumer-passed `class`.
|
|
25
|
-
*
|
|
26
|
-
* Consumer-side reactive selection flows through `modelValue` /
|
|
27
|
-
* `update:modelValue` symmetrically across both controls; the primitive
|
|
28
|
-
* exposes one model so the consumer doesn't bind two.
|
|
29
|
-
*/
|
|
30
|
-
export interface ResponsiveTabsProps {
|
|
31
|
-
/** Tab options — shared between mobile select + desktop tabs. */
|
|
32
|
-
options: TabOption[];
|
|
33
|
-
/**
|
|
34
|
-
* Optional subset for desktop tabs. If a consumer has a mobile-only
|
|
35
|
-
* tab (e.g. speedtest AdminDataView's "Filters" tab which is
|
|
36
|
-
* desktop-sidebar-rendered), pass the desktop-relevant subset here.
|
|
37
|
-
* Falls back to `options` when unset.
|
|
38
|
-
*/
|
|
39
|
-
desktopOptions?: TabOption[] | null;
|
|
40
|
-
/**
|
|
41
|
-
* CSS length string for the media query breakpoint. Mobile-control
|
|
42
|
-
* (Select) below; desktop-control (UnderlineTabs) at/above.
|
|
43
|
-
* Defaults to `"640px"` (Tailwind `sm:`).
|
|
44
|
-
*/
|
|
45
|
-
breakpoint?: string;
|
|
46
|
-
/** Class merged onto both controls' chrome. */
|
|
47
|
-
class?: HTMLAttributes["class"];
|
|
48
|
-
/** Class merged onto the desktop UnderlineTabs only. */
|
|
49
|
-
desktopClass?: HTMLAttributes["class"];
|
|
50
|
-
/** Class merged onto the mobile SelectTrigger only. */
|
|
51
|
-
mobileTriggerClass?: HTMLAttributes["class"];
|
|
52
|
-
/**
|
|
53
|
-
* Accessible name for the mobile `<SelectTrigger>` (axe `select-name` /
|
|
54
|
-
* WCAG 4.1.2 — the bare trigger carries only a `<SelectValue>`). Defaults to
|
|
55
|
-
* the active option's label.
|
|
56
|
-
*/
|
|
57
|
-
ariaLabel?: string;
|
|
58
|
-
}
|
|
59
|
-
type __VLS_Props = ResponsiveTabsProps;
|
|
60
|
-
type __VLS_ModelProps = {
|
|
61
|
-
modelValue: string;
|
|
62
|
-
};
|
|
63
|
-
type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
|
|
64
|
-
declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
65
|
-
"update:modelValue": (value: string) => any;
|
|
66
|
-
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
67
|
-
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
68
|
-
}>, {
|
|
69
|
-
desktopOptions: TabOption[] | null;
|
|
70
|
-
breakpoint: string;
|
|
71
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
72
|
-
declare const _default: typeof __VLS_export;
|
|
73
|
-
export default _default;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { type HTMLAttributes } from "vue";
|
|
2
|
-
export interface TabOption {
|
|
3
|
-
label: string;
|
|
4
|
-
value: string;
|
|
5
|
-
}
|
|
6
|
-
type __VLS_Props = {
|
|
7
|
-
options: TabOption[];
|
|
8
|
-
/** "default" = subtle muted slider; "pill" = solid foreground pill */
|
|
9
|
-
variant?: "default" | "pill";
|
|
10
|
-
/** Tab-row overflow — see `<BouncyToggle>`. */
|
|
11
|
-
overflow?: "none" | "scroll" | "auto";
|
|
12
|
-
class?: HTMLAttributes["class"];
|
|
13
|
-
};
|
|
14
|
-
type __VLS_ModelProps = {
|
|
15
|
-
modelValue: string;
|
|
16
|
-
};
|
|
17
|
-
type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
|
|
18
|
-
declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
19
|
-
"update:modelValue": (value: string) => any;
|
|
20
|
-
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
21
|
-
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
22
|
-
}>, {
|
|
23
|
-
overflow: "none" | "scroll" | "auto";
|
|
24
|
-
variant: "default" | "pill";
|
|
25
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
26
|
-
declare const _default: typeof __VLS_export;
|
|
27
|
-
export default _default;
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import { type HTMLAttributes } from "vue";
|
|
2
|
-
export interface ToggleOption {
|
|
3
|
-
label: string;
|
|
4
|
-
value: string;
|
|
5
|
-
icon?: string;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
tooltip?: string;
|
|
8
|
-
}
|
|
9
|
-
export interface BouncyToggleProps {
|
|
10
|
-
options: ToggleOption[];
|
|
11
|
-
multiSelect?: boolean;
|
|
12
|
-
/** "default" = subtle muted slider; "pill" = solid foreground pill */
|
|
13
|
-
variant?: "default" | "pill";
|
|
14
|
-
/**
|
|
15
|
-
* Tab-row overflow handling.
|
|
16
|
-
* - `"none"` (default) — inline-grid with `1fr` tracks; tabs share width
|
|
17
|
-
* and clip when content exceeds the parent.
|
|
18
|
-
* - `"scroll"` — flex row with intrinsic-width tracks + `.scroll-fade-mask`
|
|
19
|
-
* + `.scrollbar-hidden`; tab text never truncates and overflowing tabs
|
|
20
|
-
* scroll horizontally with edge fades.
|
|
21
|
-
* - `"auto"` — flex row with intrinsic widths and a horizontal scroll
|
|
22
|
-
* fallback (no fade); useful when the parent already owns the affordance.
|
|
23
|
-
*/
|
|
24
|
-
overflow?: "none" | "scroll" | "auto";
|
|
25
|
-
class?: HTMLAttributes["class"];
|
|
26
|
-
}
|
|
27
|
-
type __VLS_Props = BouncyToggleProps;
|
|
28
|
-
type __VLS_ModelProps = {
|
|
29
|
-
modelValue: string | string[];
|
|
30
|
-
};
|
|
31
|
-
type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
|
|
32
|
-
declare var __VLS_19: {
|
|
33
|
-
option: ToggleOption;
|
|
34
|
-
active: boolean;
|
|
35
|
-
}, __VLS_27: {
|
|
36
|
-
option: ToggleOption;
|
|
37
|
-
active: boolean;
|
|
38
|
-
};
|
|
39
|
-
type __VLS_Slots = {} & {
|
|
40
|
-
option?: (props: typeof __VLS_19) => any;
|
|
41
|
-
} & {
|
|
42
|
-
option?: (props: typeof __VLS_27) => any;
|
|
43
|
-
};
|
|
44
|
-
declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
45
|
-
"update:modelValue": (value: string | string[]) => any;
|
|
46
|
-
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
47
|
-
"onUpdate:modelValue"?: ((value: string | string[]) => any) | undefined;
|
|
48
|
-
}>, {
|
|
49
|
-
overflow: "none" | "scroll" | "auto";
|
|
50
|
-
variant: "default" | "pill";
|
|
51
|
-
multiSelect: boolean;
|
|
52
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
53
|
-
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
54
|
-
declare const _default: typeof __VLS_export;
|
|
55
|
-
export default _default;
|
|
56
|
-
type __VLS_WithSlots<T, S> = T & {
|
|
57
|
-
new (): {
|
|
58
|
-
$slots: S;
|
|
59
|
-
};
|
|
60
|
-
};
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { type HTMLAttributes } from "vue";
|
|
2
|
-
export interface TabOption {
|
|
3
|
-
label: string;
|
|
4
|
-
value: string;
|
|
5
|
-
}
|
|
6
|
-
type __VLS_Props = {
|
|
7
|
-
options: TabOption[];
|
|
8
|
-
class?: HTMLAttributes["class"];
|
|
9
|
-
};
|
|
10
|
-
type __VLS_ModelProps = {
|
|
11
|
-
modelValue: string;
|
|
12
|
-
};
|
|
13
|
-
type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
|
|
14
|
-
declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
15
|
-
"update:modelValue": (value: string) => any;
|
|
16
|
-
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
17
|
-
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
18
|
-
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
19
|
-
declare const _default: typeof __VLS_export;
|
|
20
|
-
export default _default;
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { type Ref, type ComputedRef } from "vue";
|
|
2
|
-
import type { ToggleOption } from "../BouncyToggle.vue";
|
|
3
|
-
/**
|
|
4
|
-
* Package-private composable for `BouncyToggle.vue` — owns the JS-measured
|
|
5
|
-
* slider path: the single- and multi-select slider styles, the offset measure,
|
|
6
|
-
* the model/options re-measure watchers, and the ResizeObserver lifecycle.
|
|
7
|
-
*
|
|
8
|
-
* The composable is the SOLE writer of the JS slider styles. It runs only on
|
|
9
|
-
* the multi-select OR `@supports not (anchor)` branch — on an anchor-supporting
|
|
10
|
-
* single-select engine the CSS `anchor-name` owns the slider position and this
|
|
11
|
-
* path stays dormant (no RO is constructed, no measure runs). The split is a
|
|
12
|
-
* KISS transposition of the logic formerly inlined in the SFC; rendered DOM and
|
|
13
|
-
* behavior are unchanged.
|
|
14
|
-
*/
|
|
15
|
-
export interface UseBouncySliderParams {
|
|
16
|
-
/** The container scroller root (observed by the ResizeObserver). */
|
|
17
|
-
containerRef: Ref<HTMLElement | null>;
|
|
18
|
-
/** Per-option button refs, index-aligned to `options`. */
|
|
19
|
-
buttonRefs: Ref<HTMLElement[]>;
|
|
20
|
-
/** The toggle options (re-measure on change). */
|
|
21
|
-
options: ComputedRef<ToggleOption[]>;
|
|
22
|
-
/** The defineModel value (re-measure on change). */
|
|
23
|
-
model: Ref<string | string[] | undefined>;
|
|
24
|
-
/** True for the multi-select path. */
|
|
25
|
-
multiSelect: ComputedRef<boolean>;
|
|
26
|
-
/** Whether the browser supports CSS anchor positioning. */
|
|
27
|
-
anchorSupported: boolean;
|
|
28
|
-
/** True when ANY JS slider writer is live (gates RO/watcher attach). */
|
|
29
|
-
jsSliderActive: ComputedRef<boolean>;
|
|
30
|
-
/** The active option values (used by the multi-slider measure). */
|
|
31
|
-
activeValues: ComputedRef<string[]>;
|
|
32
|
-
}
|
|
33
|
-
export interface UseBouncySliderReturn {
|
|
34
|
-
/** Inline style for the single-select JS slider. */
|
|
35
|
-
singleSliderStyle: Ref<Record<string, string>>;
|
|
36
|
-
/** Inline styles for each active multi-select slider, keyed by value. */
|
|
37
|
-
multiSliderStyles: Ref<Record<string, Record<string, string>>>;
|
|
38
|
-
}
|
|
39
|
-
export declare function useBouncySlider(params: UseBouncySliderParams): UseBouncySliderReturn;
|
package/dist/disco-glyph.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./components/custom/disco-glyph";
|
package/dist/disco-glyph.js
DELETED
|
Binary file
|
package/dist/glass-carousel.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./components/custom/glass-carousel";
|
package/dist/glass-carousel.js
DELETED
|
@@ -1,214 +0,0 @@
|
|
|
1
|
-
import { t as e } from "./cn-DJXf4yaB.js";
|
|
2
|
-
import { t } from "./_plugin-vue_export-helper-gLzyemvl.js";
|
|
3
|
-
import { computed as n, createElementBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, nextTick as s, normalizeClass as c, normalizeStyle as l, onMounted as u, onUnmounted as d, openBlock as f, ref as p, renderSlot as m, unref as h, useTemplateRef as g, watch as _, withCtx as v } from "vue";
|
|
4
|
-
import { ScrollAreaRoot as y, ScrollAreaViewport as b } from "reka-ui";
|
|
5
|
-
//#region src/components/custom/glass-carousel/useGlassCarousel.ts
|
|
6
|
-
function x() {
|
|
7
|
-
return typeof CSS > "u" || typeof CSS.supports != "function" ? !1 : CSS.supports("container-type", "scroll-state") && !CSS.supports("container-type", "gl-not-a-real-container-type");
|
|
8
|
-
}
|
|
9
|
-
function S(e) {
|
|
10
|
-
let { orientation: t, expanded: n, rootEl: r, viewportEl: i, fadeMs: a = 60 } = e, o = x();
|
|
11
|
-
function c() {
|
|
12
|
-
return o && t.value === "vertical";
|
|
13
|
-
}
|
|
14
|
-
let l = p(!1), f = p(!1);
|
|
15
|
-
function m() {
|
|
16
|
-
let e = i.value;
|
|
17
|
-
if (!e) {
|
|
18
|
-
l.value = !1, f.value = !1;
|
|
19
|
-
return;
|
|
20
|
-
}
|
|
21
|
-
t.value === "vertical" ? (l.value = e.scrollTop > 1, f.value = e.scrollTop < e.scrollHeight - e.clientHeight - 1) : (l.value = e.scrollLeft > 1, f.value = e.scrollLeft < e.scrollWidth - e.clientWidth - 1);
|
|
22
|
-
}
|
|
23
|
-
let h = null, g = null;
|
|
24
|
-
function v() {
|
|
25
|
-
if (y(), c()) return;
|
|
26
|
-
let e = i.value;
|
|
27
|
-
if (!e) {
|
|
28
|
-
m();
|
|
29
|
-
return;
|
|
30
|
-
}
|
|
31
|
-
h = m, g = e, e.addEventListener("scroll", h, { passive: !0 }), m();
|
|
32
|
-
}
|
|
33
|
-
function y() {
|
|
34
|
-
h && g && g.removeEventListener("scroll", h), h = null, g = null;
|
|
35
|
-
}
|
|
36
|
-
_([i, t], v), u(v), d(y);
|
|
37
|
-
function b(e) {
|
|
38
|
-
let t = i.value;
|
|
39
|
-
if (!t) return;
|
|
40
|
-
let n = t.children[e];
|
|
41
|
-
n && n.scrollIntoView({
|
|
42
|
-
behavior: "smooth",
|
|
43
|
-
block: "nearest",
|
|
44
|
-
inline: "nearest"
|
|
45
|
-
});
|
|
46
|
-
}
|
|
47
|
-
let S = p(n.value), C = p(!1), w = p(null), T = p(!1), E = null, D = null, O = 0;
|
|
48
|
-
function k() {
|
|
49
|
-
E &&= (clearTimeout(E), null), D &&= (clearTimeout(D), null);
|
|
50
|
-
}
|
|
51
|
-
_(n, () => {
|
|
52
|
-
let e = r.value;
|
|
53
|
-
if (!e) {
|
|
54
|
-
S.value = n.value;
|
|
55
|
-
return;
|
|
56
|
-
}
|
|
57
|
-
k();
|
|
58
|
-
let i = ++O, o = t.value === "vertical", c = e.getBoundingClientRect(), l = o ? c.height : c.width;
|
|
59
|
-
T.value = !0, w.value = `${l}px`, C.value = !0, E = setTimeout(() => {
|
|
60
|
-
E = null, i === O && (S.value = n.value, s(() => {
|
|
61
|
-
i === O && (w.value = null, s(() => {
|
|
62
|
-
if (i !== O) return;
|
|
63
|
-
let t = e.getBoundingClientRect(), n = o ? t.height : t.width;
|
|
64
|
-
if (Math.abs(l - n) < 1) {
|
|
65
|
-
T.value = !1, w.value = null, C.value = !1;
|
|
66
|
-
return;
|
|
67
|
-
}
|
|
68
|
-
w.value = `${l}px`, s(() => {
|
|
69
|
-
i === O && (e.offsetWidth, T.value = !1, requestAnimationFrame(() => {
|
|
70
|
-
if (i !== O) return;
|
|
71
|
-
w.value = `${n}px`;
|
|
72
|
-
let t = parseFloat(getComputedStyle(e).transitionDuration) * 1e3 || 300;
|
|
73
|
-
D = setTimeout(() => {
|
|
74
|
-
i === O && (C.value = !1);
|
|
75
|
-
}, t * .55);
|
|
76
|
-
}));
|
|
77
|
-
});
|
|
78
|
-
}));
|
|
79
|
-
}));
|
|
80
|
-
}, a);
|
|
81
|
-
});
|
|
82
|
-
function A(e) {
|
|
83
|
-
e.target === r.value && (e.propertyName === "height" || e.propertyName === "width") && (w.value = null, C.value = !1);
|
|
84
|
-
}
|
|
85
|
-
d(k);
|
|
86
|
-
function j() {
|
|
87
|
-
return c() ? "" : l.value && f.value ? t.value === "vertical" ? "scroll-fade-y" : "scroll-fade-mask" : l.value ? t.value === "vertical" ? "scroll-fade-top" : "scroll-fade-mask" : f.value ? t.value === "vertical" ? "scroll-fade-bottom" : "scroll-fade-mask" : "";
|
|
88
|
-
}
|
|
89
|
-
return {
|
|
90
|
-
canScrollStart: l,
|
|
91
|
-
canScrollEnd: f,
|
|
92
|
-
getOverflowFadeClass: j,
|
|
93
|
-
updateOverflow: m,
|
|
94
|
-
scrollToItem: b,
|
|
95
|
-
visualExpanded: S,
|
|
96
|
-
isTransitioning: C,
|
|
97
|
-
transitionSize: w,
|
|
98
|
-
suppressTransition: T,
|
|
99
|
-
onTransitionEnd: A
|
|
100
|
-
};
|
|
101
|
-
}
|
|
102
|
-
//#endregion
|
|
103
|
-
//#region src/components/custom/glass-carousel/GlassCarousel.vue
|
|
104
|
-
var C = /* @__PURE__ */ t(/* @__PURE__ */ o({
|
|
105
|
-
__name: "GlassCarousel",
|
|
106
|
-
props: {
|
|
107
|
-
orientation: { default: "vertical" },
|
|
108
|
-
expanded: {
|
|
109
|
-
type: Boolean,
|
|
110
|
-
default: !0
|
|
111
|
-
},
|
|
112
|
-
snap: {
|
|
113
|
-
type: [Boolean, String],
|
|
114
|
-
default: !1
|
|
115
|
-
},
|
|
116
|
-
fadeOverflow: {
|
|
117
|
-
type: Boolean,
|
|
118
|
-
default: !0
|
|
119
|
-
},
|
|
120
|
-
class: { type: [
|
|
121
|
-
Boolean,
|
|
122
|
-
null,
|
|
123
|
-
String,
|
|
124
|
-
Object,
|
|
125
|
-
Array
|
|
126
|
-
] }
|
|
127
|
-
},
|
|
128
|
-
setup(t, { expose: o }) {
|
|
129
|
-
let s = t, u = g("rootEl"), d = p(null), { canScrollStart: x, canScrollEnd: C, getOverflowFadeClass: w, updateOverflow: T, scrollToItem: E, visualExpanded: D, isTransitioning: O, transitionSize: k, suppressTransition: A, onTransitionEnd: j } = S({
|
|
130
|
-
orientation: n(() => s.orientation),
|
|
131
|
-
expanded: n(() => s.expanded),
|
|
132
|
-
rootEl: u,
|
|
133
|
-
viewportEl: d
|
|
134
|
-
});
|
|
135
|
-
_(g("scrollViewport"), (e) => {
|
|
136
|
-
d.value = e?.$el ?? null, T();
|
|
137
|
-
}, { immediate: !0 });
|
|
138
|
-
let M = n(() => {
|
|
139
|
-
if (!s.snap) return "";
|
|
140
|
-
let e = s.snap === !0 ? "proximity" : s.snap;
|
|
141
|
-
return `[scroll-snap-type:${s.orientation === "vertical" ? "y" : "x"}_${e}]`;
|
|
142
|
-
}), N = n(() => {
|
|
143
|
-
if (k.value != null) return s.orientation === "vertical" ? { height: k.value } : { width: k.value };
|
|
144
|
-
});
|
|
145
|
-
return o({
|
|
146
|
-
canScrollStart: x,
|
|
147
|
-
canScrollEnd: C,
|
|
148
|
-
scrollToItem: E,
|
|
149
|
-
isTransitioning: O,
|
|
150
|
-
visualExpanded: D
|
|
151
|
-
}), (n, o) => (f(), r("div", {
|
|
152
|
-
ref_key: "rootEl",
|
|
153
|
-
ref: u,
|
|
154
|
-
class: c(h(e)("glass-carousel", {
|
|
155
|
-
"glass-carousel--vertical": t.orientation === "vertical",
|
|
156
|
-
"glass-carousel--horizontal": t.orientation === "horizontal",
|
|
157
|
-
"glass-carousel--expanded": h(D),
|
|
158
|
-
"glass-carousel--collapsed": !h(D),
|
|
159
|
-
"glass-carousel--animating": h(O),
|
|
160
|
-
"glass-carousel--no-transition": h(A)
|
|
161
|
-
}, s.class)),
|
|
162
|
-
style: l(N.value),
|
|
163
|
-
onTransitionend: o[0] ||= (...e) => h(j) && h(j)(...e)
|
|
164
|
-
}, [a(h(y), { class: "glass-carousel__scroll-root" }, {
|
|
165
|
-
default: v(() => [a(h(b), {
|
|
166
|
-
ref: "scrollViewport",
|
|
167
|
-
class: c([
|
|
168
|
-
"glass-carousel__viewport",
|
|
169
|
-
M.value,
|
|
170
|
-
t.fadeOverflow ? h(w)() : ""
|
|
171
|
-
])
|
|
172
|
-
}, {
|
|
173
|
-
default: v(() => [i("div", { class: c(["glass-carousel__content", {
|
|
174
|
-
"glass-carousel__content--vertical": t.orientation === "vertical",
|
|
175
|
-
"glass-carousel__content--horizontal": t.orientation === "horizontal"
|
|
176
|
-
}]) }, [m(n.$slots, "default", {}, void 0, !0)], 2)]),
|
|
177
|
-
_: 3
|
|
178
|
-
}, 8, ["class"])]),
|
|
179
|
-
_: 3
|
|
180
|
-
})], 38));
|
|
181
|
-
}
|
|
182
|
-
}), [["__scopeId", "data-v-628a65e4"]]), w = /* @__PURE__ */ t(/* @__PURE__ */ o({
|
|
183
|
-
__name: "GlassCarouselItem",
|
|
184
|
-
props: {
|
|
185
|
-
active: {
|
|
186
|
-
type: Boolean,
|
|
187
|
-
default: !1
|
|
188
|
-
},
|
|
189
|
-
expandable: {
|
|
190
|
-
type: Boolean,
|
|
191
|
-
default: !0
|
|
192
|
-
},
|
|
193
|
-
class: { type: [
|
|
194
|
-
Boolean,
|
|
195
|
-
null,
|
|
196
|
-
String,
|
|
197
|
-
Object,
|
|
198
|
-
Array
|
|
199
|
-
] }
|
|
200
|
-
},
|
|
201
|
-
emits: ["click"],
|
|
202
|
-
setup(t, { emit: n }) {
|
|
203
|
-
let i = t, a = n;
|
|
204
|
-
return (n, o) => (f(), r("button", {
|
|
205
|
-
class: c(h(e)("glass-carousel-item", {
|
|
206
|
-
"glass-carousel-item--active": t.active,
|
|
207
|
-
"glass-carousel-item--expandable": t.expandable
|
|
208
|
-
}, i.class)),
|
|
209
|
-
onClick: o[0] ||= (e) => a("click", e)
|
|
210
|
-
}, [m(n.$slots, "default", {}, void 0, !0)], 2));
|
|
211
|
-
}
|
|
212
|
-
}), [["__scopeId", "data-v-744cf22e"]]);
|
|
213
|
-
//#endregion
|
|
214
|
-
export { C as GlassCarousel, w as GlassCarouselItem, S as useGlassCarousel };
|
package/dist/glyph-face.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./components/custom/glyph-face";
|
package/dist/glyph-face.js
DELETED
package/dist/keys-Dyf_uTs5.js
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { t as e } from "./createContext-CvNyBk4o.js";
|
|
2
|
-
//#region src/components/custom/glyph-face/keys.ts
|
|
3
|
-
var t = e("glass-ui:glyph-face-silhouette"), n = t.KEY;
|
|
4
|
-
function r(e) {
|
|
5
|
-
t.provide(e);
|
|
6
|
-
}
|
|
7
|
-
var i = t.use;
|
|
8
|
-
//#endregion
|
|
9
|
-
export { r as n, i as r, n as t };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./components/custom/responsive-tabs";
|