@randstad-uca/design-system 1.0.62 → 1.0.64
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/icons/arrow_next.svg +3 -0
- package/dist/assets/icons/arrow_prev.svg +3 -0
- package/dist/components/Carousel.d.ts +63 -10
- package/dist/components/CarouselCards.d.ts +2 -0
- package/dist/components/Icon.d.ts +2 -2
- package/dist/index.js +580 -307
- package/dist/index.js.map +1 -1
- package/dist/package.json +1 -1
- package/dist/stories/Carousel.stories.d.ts +6 -2
- package/dist/stories/CarouselCards.stories.d.ts +1 -0
- package/dist/stories/Upload.stories.d.ts +16 -0
- package/package.json +1 -1
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="28" height="17" viewBox="0 0 28 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M18.645 0.692567C18.3776 0.959902 18.3776 1.3609 18.645 1.62824L25.061 8.04428L1.33502 8.04428C0.967439 8.04428 0.666687 8.34503 0.666687 8.71262C0.666687 9.0802 0.967439 9.38095 1.33502 9.38095L25.0944 9.38095L18.5781 15.8638C18.3108 16.1312 18.3108 16.5322 18.5781 16.7995C18.8455 17.0668 19.2465 17.0668 19.5138 16.7995L27.1329 9.18045C27.2665 9.04678 27.3334 8.8797 27.3334 8.71262C27.3334 8.54553 27.2665 8.37845 27.1329 8.24478L19.5806 0.692567C19.3467 0.425232 18.9123 0.425232 18.645 0.692567Z" fill="white"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="28" height="17" viewBox="0 0 28 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M26.6334 7.6H2.96669L9.43335 1.13333C9.70002 0.866666 9.70002 0.466667 9.43335 0.2C9.16669 -0.0666667 8.76669 -0.0666667 8.50002 0.2L0.866687 7.8C0.60002 8.06667 0.60002 8.46667 0.866687 8.73333L8.40002 16.2667C8.53335 16.4 8.70002 16.4667 8.86669 16.4667C9.03335 16.4667 9.20002 16.4 9.33335 16.2667C9.60002 16 9.60002 15.6 9.33335 15.3333L2.96669 8.93333H26.6667C27.0334 8.93333 27.3334 8.63333 27.3334 8.26667C27.3334 7.9 27 7.6 26.6334 7.6Z" fill="white"/>
|
|
3
|
+
</svg>
|
|
@@ -2,17 +2,70 @@ import { LitElement } from 'lit';
|
|
|
2
2
|
import "./CarouselCards";
|
|
3
3
|
export declare class Carousel extends LitElement {
|
|
4
4
|
cards: any[];
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
cardWidth: string;
|
|
6
|
+
cardHeight: string;
|
|
7
|
+
navWidth: number;
|
|
8
|
+
showNavButtons: boolean;
|
|
9
|
+
isDynamicWidth: boolean;
|
|
10
|
+
isInfiniteScrollPartial: boolean;
|
|
11
|
+
autoPlayDelayMs: number;
|
|
12
|
+
private showPrevButton;
|
|
13
|
+
private showNextButton;
|
|
14
|
+
private slider;
|
|
15
|
+
private slotElement;
|
|
16
|
+
protected isDraggingWithButtons: boolean;
|
|
17
|
+
private isDownWithButtons;
|
|
18
|
+
private startXWithButtons;
|
|
19
|
+
private scrollLeftPositionWithButtons;
|
|
20
|
+
private isScrollingByButton;
|
|
21
|
+
private isDownDrag;
|
|
22
|
+
private prevXDrag;
|
|
23
|
+
protected isDraggingDrag: boolean;
|
|
24
|
+
protected scrollLeftDrag: number;
|
|
25
|
+
private observer;
|
|
26
|
+
private scrollTimeout;
|
|
27
|
+
private autoPlayTimer;
|
|
28
|
+
private handleResize;
|
|
29
|
+
private readonly DESKTOP_GAP;
|
|
30
|
+
private readonly TABLET_GAP;
|
|
31
|
+
private readonly MOBILE_GAP;
|
|
32
|
+
constructor();
|
|
8
33
|
static styles: import("lit").CSSResult;
|
|
9
|
-
|
|
10
|
-
private
|
|
11
|
-
private
|
|
12
|
-
private
|
|
13
|
-
|
|
14
|
-
private handleMouseMove;
|
|
34
|
+
private getCarouselGap;
|
|
35
|
+
private setCarouselGap;
|
|
36
|
+
private getNavWidth;
|
|
37
|
+
private getInitialPadding;
|
|
38
|
+
protected updated(changedProperties: Map<string | number | symbol, any>): void;
|
|
15
39
|
firstUpdated(): void;
|
|
16
|
-
private
|
|
40
|
+
private initAutoPlayConfig;
|
|
41
|
+
private initNavModeConfig;
|
|
42
|
+
connectedCallback(): void;
|
|
43
|
+
disconnectedCallback(): void;
|
|
44
|
+
private resizeHandler;
|
|
45
|
+
private loadMutationObserver;
|
|
46
|
+
private handleMouseEnter;
|
|
47
|
+
private startAutoPlay;
|
|
48
|
+
private stopAutoPlay;
|
|
49
|
+
private handleMouseDownDrag;
|
|
50
|
+
private handleMouseLeaveDrag;
|
|
51
|
+
private handleMouseUpDrag;
|
|
52
|
+
private handleMouseMoveDrag;
|
|
53
|
+
private shouldPreventDragWithButtons;
|
|
54
|
+
private handleMouseDownWithButtons;
|
|
55
|
+
private handleMouseMoveWithButtons;
|
|
56
|
+
private handleMouseUpWithButtons;
|
|
57
|
+
private handleMouseLeaveWithButtons;
|
|
58
|
+
private handleScrollWithButtons;
|
|
59
|
+
private getNavButtonWidth;
|
|
60
|
+
protected getScrollAmount(): number;
|
|
61
|
+
private getCarouselItems;
|
|
62
|
+
private getCardsToCenterCount;
|
|
63
|
+
private calculateTargetIndex;
|
|
64
|
+
private getScrollLeftToCenter;
|
|
65
|
+
private scrollToPrev;
|
|
66
|
+
private scrollToNext;
|
|
67
|
+
protected getCardCustomDimensionValue(dimension: 'width' | 'height', value: string): string | undefined;
|
|
68
|
+
private renderNavButtons;
|
|
69
|
+
private renderContent;
|
|
17
70
|
render(): import("lit-html").TemplateResult<1>;
|
|
18
71
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
1
|
+
import { LitElement, TemplateResult } from 'lit';
|
|
2
2
|
export declare class IconComponent extends LitElement {
|
|
3
3
|
name: string;
|
|
4
4
|
size: string;
|
|
@@ -7,5 +7,5 @@ export declare class IconComponent extends LitElement {
|
|
|
7
7
|
static styles: import("lit").CSSResult;
|
|
8
8
|
updated(changedProps: Map<string, unknown>): void;
|
|
9
9
|
loadIcon(): Promise<void>;
|
|
10
|
-
render():
|
|
10
|
+
render(): TemplateResult<1>;
|
|
11
11
|
}
|