@udixio/ui-react 2.4.3 → 2.5.1
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 +31 -0
- package/dist/index.cjs +2 -2
- package/dist/index.js +1745 -1460
- package/dist/lib/components/Carousel.d.ts +7 -2
- package/dist/lib/components/Carousel.d.ts.map +1 -1
- package/dist/lib/components/CarouselItem.d.ts +1 -1
- package/dist/lib/components/CarouselItem.d.ts.map +1 -1
- package/dist/lib/components/Slider.d.ts.map +1 -1
- package/dist/lib/effects/AnimateOnScroll.d.ts.map +1 -1
- package/dist/lib/effects/custom-scroll/custom-scroll.effect.d.ts +1 -1
- package/dist/lib/effects/custom-scroll/custom-scroll.effect.d.ts.map +1 -1
- package/dist/lib/effects/custom-scroll/custom-scroll.interface.d.ts +2 -0
- package/dist/lib/effects/custom-scroll/custom-scroll.interface.d.ts.map +1 -1
- package/dist/lib/effects/custom-scroll/custom-scroll.style.d.ts +4 -0
- package/dist/lib/effects/custom-scroll/custom-scroll.style.d.ts.map +1 -1
- package/dist/lib/interfaces/carousel-item.interface.d.ts +1 -0
- package/dist/lib/interfaces/carousel-item.interface.d.ts.map +1 -1
- package/dist/lib/interfaces/carousel.interface.d.ts +19 -1
- package/dist/lib/interfaces/carousel.interface.d.ts.map +1 -1
- package/dist/lib/styles/carousel-item.style.d.ts +2 -0
- package/dist/lib/styles/carousel-item.style.d.ts.map +1 -1
- package/dist/lib/styles/carousel.style.d.ts +5 -1
- package/dist/lib/styles/carousel.style.d.ts.map +1 -1
- package/dist/lib/styles/icon-button.style.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/lib/components/Carousel.tsx +535 -52
- package/src/lib/components/CarouselItem.tsx +12 -6
- package/src/lib/components/Slider.tsx +25 -28
- package/src/lib/effects/AnimateOnScroll.ts +41 -0
- package/src/lib/effects/custom-scroll/custom-scroll.effect.tsx +111 -2
- package/src/lib/effects/custom-scroll/custom-scroll.interface.ts +4 -0
- package/src/lib/interfaces/carousel-item.interface.ts +1 -0
- package/src/lib/interfaces/carousel.interface.ts +20 -1
- package/src/lib/styles/carousel-item.style.ts +5 -2
- package/src/lib/styles/carousel.style.ts +1 -3
- package/src/lib/styles/icon-button.style.ts +5 -15
- package/src/lib/styles/slider.style.ts +1 -1
|
@@ -2,9 +2,14 @@ import { CarouselInterface } from '../interfaces';
|
|
|
2
2
|
import { ReactProps } from '../utils';
|
|
3
3
|
/**
|
|
4
4
|
* Carousels show a collection of items that can be scrolled on and off the screen
|
|
5
|
-
*
|
|
5
|
+
*
|
|
6
6
|
* @status beta
|
|
7
7
|
* @category Layout
|
|
8
|
+
* @limitations
|
|
9
|
+
* - At the end of the scroll, a residual gap/space may remain visible.
|
|
10
|
+
* - In/out behavior is inconsistent at range edges.
|
|
11
|
+
* - Responsive behavior on mobile is not supported.
|
|
12
|
+
* - Only the default (hero) variant is supported.
|
|
8
13
|
*/
|
|
9
|
-
export declare const Carousel: ({ variant, className, children, ref: optionalRef, marginPourcent, inputRange, outputRange, gap, onChange, scrollSensitivity, ...restProps }: ReactProps<CarouselInterface>) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare const Carousel: ({ variant, className, children, ref: optionalRef, marginPourcent, inputRange, outputRange, gap, onChange, onMetricsChange, index, scrollSensitivity, ...restProps }: ReactProps<CarouselInterface>) => import("react/jsx-runtime").JSX.Element;
|
|
10
15
|
//# sourceMappingURL=Carousel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Carousel.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Carousel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAyB,MAAM,eAAe,CAAC;AAIzE,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ,GAAI,qKActB,UAAU,CAAC,iBAAiB,CAAC,4CAooB/B,CAAC"}
|
|
@@ -5,5 +5,5 @@ export declare const normalize: (value: number, inputRange: [number, number], ou
|
|
|
5
5
|
* @status beta
|
|
6
6
|
* @parent Carousel
|
|
7
7
|
*/
|
|
8
|
-
export declare const CarouselItem: ({ className, children, width, index, ref: optionalRef, ...restProps }: MotionProps<CarouselItemInterface>) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare const CarouselItem: ({ className, children, width, index, outputRange, ref: optionalRef, ...restProps }: MotionProps<CarouselItemInterface>) => import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
//# sourceMappingURL=CarouselItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselItem.d.ts","sourceRoot":"","sources":["../../../src/lib/components/CarouselItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"CarouselItem.d.ts","sourceRoot":"","sources":["../../../src/lib/components/CarouselItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,eAAO,MAAM,SAAS,GACpB,OAAO,MAAM,EACb,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,EAC5B,cAAa,CAAC,MAAM,EAAE,MAAM,CAAU,KACrC,MASF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,oFAQ1B,WAAW,CAAC,qBAAqB,CAAC,4CA+BpC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Slider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,EAAc,UAAU,EAAE,MAAM,UAAU,CAAC;AAGlD;;;;GAIG;AACH,eAAO,MAAM,MAAM,GAAI,8GAqBpB,UAAU,CAAC,eAAe,CAAC,
|
|
1
|
+
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Slider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,EAAc,UAAU,EAAE,MAAM,UAAU,CAAC;AAGlD;;;;GAIG;AACH,eAAO,MAAM,MAAM,GAAI,8GAqBpB,UAAU,CAAC,eAAe,CAAC,4CA0U7B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnimateOnScroll.d.ts","sourceRoot":"","sources":["../../../src/lib/effects/AnimateOnScroll.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AnimateOnScroll.d.ts","sourceRoot":"","sources":["../../../src/lib/effects/AnimateOnScroll.ts"],"names":[],"mappings":"AAqNA,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,wBAAgB,mBAAmB,CACjC,OAAO,GAAE,sBAA2B,GACnC,MAAM,IAAI,CAsIZ;AAGD,eAAO,MAAM,mBAAmB,4BAAsB,CAAC;AACvD,eAAO,MAAM,eAAe,4BAAsB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { CustomScrollInterface } from './custom-scroll.interface';
|
|
2
2
|
import { ReactProps } from '../../utils';
|
|
3
|
-
export declare const CustomScroll: ({ children, orientation, scrollSize, onScroll, className, draggable, throttleDuration, }: ReactProps<CustomScrollInterface>) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare const CustomScroll: ({ children, orientation, scrollSize, onScroll, className, draggable, throttleDuration, scroll, setScroll, }: ReactProps<CustomScrollInterface>) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
//# sourceMappingURL=custom-scroll.effect.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"custom-scroll.effect.d.ts","sourceRoot":"","sources":["../../../../src/lib/effects/custom-scroll/custom-scroll.effect.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"custom-scroll.effect.d.ts","sourceRoot":"","sources":["../../../../src/lib/effects/custom-scroll/custom-scroll.effect.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAElE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAyCzC,eAAO,MAAM,YAAY,GAAI,6GAU1B,UAAU,CAAC,qBAAqB,CAAC,4CA+VnC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"custom-scroll.interface.d.ts","sourceRoot":"","sources":["../../../../src/lib/effects/custom-scroll/custom-scroll.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAChB,MAAM,EAAE,MAAM,CAAC;QACf,cAAc,EAAE,MAAM,CAAC;QACvB,WAAW,EAAE,MAAM,CAAC;QACpB,aAAa,EAAE,MAAM,CAAC;KACvB,KAAK,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"custom-scroll.interface.d.ts","sourceRoot":"","sources":["../../../../src/lib/effects/custom-scroll/custom-scroll.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAChB,MAAM,EAAE,MAAM,CAAC;QACf,cAAc,EAAE,MAAM,CAAC;QACvB,WAAW,EAAE,MAAM,CAAC;QACpB,aAAa,EAAE,MAAM,CAAC;KACvB,KAAK,IAAI,CAAC;IAEX,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AACF,KAAK,kBAAkB,GAAG;IACxB,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,EAAE,kBAAkB,CAAC;IAC3B,QAAQ,EAAE,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;CACrC"}
|
|
@@ -4,6 +4,8 @@ export declare const customScrollStyle: (states: {
|
|
|
4
4
|
orientation: any;
|
|
5
5
|
scrollSize: any;
|
|
6
6
|
onScroll: any;
|
|
7
|
+
scroll: any;
|
|
8
|
+
setScroll: any;
|
|
7
9
|
draggable: any;
|
|
8
10
|
throttleDuration: any;
|
|
9
11
|
} & {
|
|
@@ -16,6 +18,8 @@ export declare const customScrollStyle: (states: {
|
|
|
16
18
|
scrollTotal: number;
|
|
17
19
|
scrollVisible: number;
|
|
18
20
|
}) => void;
|
|
21
|
+
scroll?: number;
|
|
22
|
+
setScroll?: (progress: number) => void;
|
|
19
23
|
draggable?: boolean;
|
|
20
24
|
throttleDuration?: number;
|
|
21
25
|
} & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"custom-scroll.style.d.ts","sourceRoot":"","sources":["../../../../src/lib/effects/custom-scroll/custom-scroll.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAGlE,eAAO,MAAM,iBAAiB
|
|
1
|
+
{"version":3,"file":"custom-scroll.style.d.ts","sourceRoot":"","sources":["../../../../src/lib/effects/custom-scroll/custom-scroll.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAGlE,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;8CA4B7B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel-item.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/carousel-item.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE;QACL,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;QACjC,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"carousel-item.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/carousel-item.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE;QACL,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;QACjC,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KAChC,CAAC;IACF,QAAQ,EAAE,CAAC,cAAc,CAAC,CAAC;CAC5B"}
|
|
@@ -1,12 +1,30 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
2
|
import { CarouselItem } from '../components';
|
|
3
|
+
export interface CarouselMetrics {
|
|
4
|
+
total: number;
|
|
5
|
+
selectedIndex: number;
|
|
6
|
+
visibleApprox: number;
|
|
7
|
+
visibleFull: number;
|
|
8
|
+
stepHalf: number;
|
|
9
|
+
canPrev: boolean;
|
|
10
|
+
canNext: boolean;
|
|
11
|
+
scrollProgress: number;
|
|
12
|
+
viewportWidth: number;
|
|
13
|
+
itemMaxWidth: number;
|
|
14
|
+
gap: number;
|
|
15
|
+
}
|
|
3
16
|
export interface CarouselInterface {
|
|
4
17
|
type: 'div';
|
|
5
18
|
props: {
|
|
6
19
|
children?: ReactElement<typeof CarouselItem>[];
|
|
7
20
|
marginPourcent?: number;
|
|
8
21
|
onChange?: (index: number) => void;
|
|
9
|
-
|
|
22
|
+
/**
|
|
23
|
+
* Receive live metrics to better control the carousel externally
|
|
24
|
+
*/
|
|
25
|
+
onMetricsChange?: (metrics: CarouselMetrics) => void;
|
|
26
|
+
index?: number;
|
|
27
|
+
variant?: 'hero' | 'center-aligned' | 'multi-browse' | 'un-contained' | 'full-screen';
|
|
10
28
|
scrollSensitivity?: number;
|
|
11
29
|
gap?: number;
|
|
12
30
|
inputRange?: [number, number];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/carousel.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE;QACL,QAAQ,CAAC,EAAE,YAAY,CAAC,OAAO,YAAY,CAAC,EAAE,CAAC;QAC/C,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QACnC,OAAO,CAAC,EACJ,MAAM,GACN,
|
|
1
|
+
{"version":3,"file":"carousel.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/carousel.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE;QACL,QAAQ,CAAC,EAAE,YAAY,CAAC,OAAO,YAAY,CAAC,EAAE,CAAC;QAC/C,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QACnC;;WAEG;QACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;QACrD,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EACJ,MAAM,GACN,gBAAgB,GAChB,cAAc,GACd,cAAc,GACd,aAAa,CAAC;QAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC9B,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KAChC,CAAC;IACF,QAAQ,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;CACjC"}
|
|
@@ -3,10 +3,12 @@ export declare const carouselItemStyle: (states: {
|
|
|
3
3
|
children: any;
|
|
4
4
|
width: any;
|
|
5
5
|
index: any;
|
|
6
|
+
outputRange: any;
|
|
6
7
|
} & {
|
|
7
8
|
children?: import('react').ReactNode | undefined;
|
|
8
9
|
width?: number;
|
|
9
10
|
index?: number;
|
|
11
|
+
outputRange?: [number, number];
|
|
10
12
|
} & {
|
|
11
13
|
className: string | import('..').ClassNameComponent<CarouselItemInterface> | undefined;
|
|
12
14
|
}) => Record<"carouselItem", string>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel-item.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/carousel-item.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAGtD,eAAO,MAAM,iBAAiB
|
|
1
|
+
{"version":3,"file":"carousel-item.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/carousel-item.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAGtD,eAAO,MAAM,iBAAiB;;;;;;;;;;;;oCAU7B,CAAC"}
|
|
@@ -3,6 +3,8 @@ export declare const carouselStyle: (states: {
|
|
|
3
3
|
children: any;
|
|
4
4
|
marginPourcent: any;
|
|
5
5
|
onChange: any;
|
|
6
|
+
onMetricsChange: any;
|
|
7
|
+
index: any;
|
|
6
8
|
variant: any;
|
|
7
9
|
scrollSensitivity: any;
|
|
8
10
|
gap: any;
|
|
@@ -12,7 +14,9 @@ export declare const carouselStyle: (states: {
|
|
|
12
14
|
children?: import('react').ReactElement<typeof import('..').CarouselItem>[];
|
|
13
15
|
marginPourcent?: number;
|
|
14
16
|
onChange?: (index: number) => void;
|
|
15
|
-
|
|
17
|
+
onMetricsChange?: (metrics: import('..').CarouselMetrics) => void;
|
|
18
|
+
index?: number;
|
|
19
|
+
variant?: "hero" | "center-aligned" | "multi-browse" | "un-contained" | "full-screen";
|
|
16
20
|
scrollSensitivity?: number;
|
|
17
21
|
gap?: number;
|
|
18
22
|
inputRange?: [number, number];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/carousel.style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElD,eAAO,MAAM,aAAa
|
|
1
|
+
{"version":3,"file":"carousel.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/carousel.style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;0CAMzB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/icon-button.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAG1E,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"icon-button.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/icon-button.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAG1E,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0EAyJ3B,CAAC"}
|