@behold/widget 0.5.141 → 0.5.142
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/{Branding-BBp9uyYk.js → Branding-Cl7VuLYc.js} +1 -1
- package/dist/ElasticCarousel-dgPEW-vu.js +1 -0
- package/dist/ErrorMessage-Yh3mQ3vh.js +1 -0
- package/dist/GalleryWall-AO89_dMM.js +1 -0
- package/dist/Grid-AJ7mosH5.js +1 -0
- package/dist/PopoverGallery-D5V5Btr_.js +1 -0
- package/dist/Widget.d.ts +6 -6
- package/dist/Widget.d.ts.map +1 -1
- package/dist/base-BwScOk6u.js +1 -0
- package/dist/elements/AlbumPost.d.ts +5 -5
- package/dist/elements/AlbumPost.d.ts.map +1 -1
- package/dist/elements/BaseElement.d.ts +6 -11
- package/dist/elements/BaseElement.d.ts.map +1 -1
- package/dist/elements/BasePost.d.ts +11 -11
- package/dist/elements/BasePost.d.ts.map +1 -1
- package/dist/elements/BaseWidget.d.ts +1 -1
- package/dist/elements/BaseWidget.d.ts.map +1 -1
- package/dist/elements/Branding.d.ts +1 -1
- package/dist/elements/Branding.d.ts.map +1 -1
- package/dist/elements/Image.d.ts +11 -11
- package/dist/elements/Image.d.ts.map +1 -1
- package/dist/elements/ImagePost.d.ts +5 -5
- package/dist/elements/ImagePost.d.ts.map +1 -1
- package/dist/elements/PopoverGallery.d.ts +20 -20
- package/dist/elements/PopoverGallery.d.ts.map +1 -1
- package/dist/elements/PopoverGallerySlide.d.ts +16 -16
- package/dist/elements/PopoverGallerySlide.d.ts.map +1 -1
- package/dist/elements/PopoverSlideAlbum.d.ts +12 -7
- package/dist/elements/PopoverSlideAlbum.d.ts.map +1 -1
- package/dist/elements/PopoverSlideVideo.d.ts +7 -12
- package/dist/elements/PopoverSlideVideo.d.ts.map +1 -1
- package/dist/elements/Video.d.ts +5 -5
- package/dist/elements/Video.d.ts.map +1 -1
- package/dist/elements/VideoPost.d.ts +7 -7
- package/dist/elements/VideoPost.d.ts.map +1 -1
- package/dist/index-B6L3zogg.js +1 -0
- package/dist/index.js +2 -2
- package/dist/lib/RGBStringToHSLArray.d.ts +1 -1
- package/dist/lib/RGBStringToHSLArray.d.ts.map +1 -1
- package/dist/lib/createElement.d.ts +7 -7
- package/dist/lib/createElement.d.ts.map +1 -1
- package/dist/lib/gyre.d.ts +5 -5
- package/dist/lib/gyre.d.ts.map +1 -1
- package/dist/lib/hurdyGurdy.d.ts +24 -21
- package/dist/lib/hurdyGurdy.d.ts.map +1 -1
- package/dist/lib/popoverScroller.d.ts +14 -14
- package/dist/lib/popoverScroller.d.ts.map +1 -1
- package/dist/lib/trapFocus.d.ts +3 -3
- package/dist/lib/trapFocus.d.ts.map +1 -1
- package/dist/lib/utils.d.ts +11 -11
- package/dist/lib/utils.d.ts.map +1 -1
- package/dist/widgets/ElasticCarousel.d.ts +23 -26
- package/dist/widgets/ElasticCarousel.d.ts.map +1 -1
- package/dist/widgets/ErrorMessage.d.ts +8 -10
- package/dist/widgets/ErrorMessage.d.ts.map +1 -1
- package/dist/widgets/GalleryWall.d.ts +16 -16
- package/dist/widgets/GalleryWall.d.ts.map +1 -1
- package/dist/widgets/Grid.d.ts +15 -18
- package/dist/widgets/Grid.d.ts.map +1 -1
- package/package.json +1 -1
- package/dist/ElasticCarousel-BPzlJmUK.js +0 -1
- package/dist/ErrorMessage-eWcJTpco.js +0 -1
- package/dist/GalleryWall-CwFfK_xY.js +0 -1
- package/dist/Grid-DLCUma3K.js +0 -1
- package/dist/PopoverGallery-CQUBmiu_.js +0 -1
- package/dist/base-Dt_vAgSJ.js +0 -1
- package/dist/index-CyQNRHCL.js +0 -1
package/dist/elements/Image.d.ts
CHANGED
|
@@ -5,14 +5,14 @@ import BaseElement from './BaseElement';
|
|
|
5
5
|
*/
|
|
6
6
|
export default class Image extends BaseElement {
|
|
7
7
|
label: string;
|
|
8
|
-
sizes
|
|
8
|
+
sizes?: PostSizes;
|
|
9
9
|
useOriginalAspectRatio: boolean;
|
|
10
|
-
mediaUrl
|
|
10
|
+
mediaUrl?: string;
|
|
11
11
|
aspectRatio: number;
|
|
12
12
|
showLoader: boolean;
|
|
13
13
|
lazy: boolean;
|
|
14
|
-
_imageEl
|
|
15
|
-
_ldrEl
|
|
14
|
+
_imageEl?: HTMLImageElement;
|
|
15
|
+
_ldrEl?: HTMLElement;
|
|
16
16
|
_initialLocalState: {
|
|
17
17
|
isLoaded: boolean;
|
|
18
18
|
isVisible: boolean;
|
|
@@ -24,17 +24,17 @@ export default class Image extends BaseElement {
|
|
|
24
24
|
};
|
|
25
25
|
_throttledHandleResize: Function;
|
|
26
26
|
constructor();
|
|
27
|
-
_handlePropChange({ changedProp, oldValue, newValue }: {
|
|
28
|
-
changedProp:
|
|
29
|
-
oldValue:
|
|
30
|
-
newValue:
|
|
27
|
+
_handlePropChange({ changedProp, oldValue, newValue, }: {
|
|
28
|
+
changedProp: string;
|
|
29
|
+
oldValue: unknown;
|
|
30
|
+
newValue: unknown;
|
|
31
31
|
}): void;
|
|
32
32
|
/**
|
|
33
33
|
* Handle local state change
|
|
34
34
|
*/
|
|
35
|
-
_handleLocalStateChange({ changedProps, newState }: {
|
|
36
|
-
changedProps:
|
|
37
|
-
newState:
|
|
35
|
+
_handleLocalStateChange({ changedProps, newState, }: {
|
|
36
|
+
changedProps: string[];
|
|
37
|
+
newState: Record<string, unknown>;
|
|
38
38
|
}): void;
|
|
39
39
|
_handleIntersection(entry: IntersectionObserverEntry): void;
|
|
40
40
|
_handleResize(entry: ResizeObserverEntry): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../src/elements/Image.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAA;AAWvC;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,WAAW;IAC5C,KAAK,SAAU;IAGf,KAAK,EAAE,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../src/elements/Image.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAA;AAWvC;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,WAAW;IAC5C,KAAK,SAAU;IAGf,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,sBAAsB,EAAE,OAAO,CAAQ;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAI;IACvB,UAAU,EAAE,OAAO,CAAQ;IAC3B,IAAI,EAAE,OAAO,CAAO;IAGpB,QAAQ,CAAC,EAAE,gBAAgB,CAAA;IAC3B,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,kBAAkB;;;;;;;;MAQjB;IACD,sBAAsB,EAAE,QAAQ,CAAA;;IAiGhC,iBAAiB,CAAC,EAChB,WAAW,EACX,QAAQ,EACR,QAAQ,GACT,EAAE;QACD,WAAW,EAAE,MAAM,CAAA;QACnB,QAAQ,EAAE,OAAO,CAAA;QACjB,QAAQ,EAAE,OAAO,CAAA;KAClB;IAuBD;;OAEG;IACH,uBAAuB,CAAC,EACtB,YAAY,EACZ,QAAQ,GACT,EAAE;QACD,YAAY,EAAE,MAAM,EAAE,CAAA;QACtB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAClC;IAmCD,mBAAmB,CAAC,KAAK,EAAE,yBAAyB;IA4BpD,aAAa,CAAC,KAAK,EAAE,mBAAmB;IA4BxC,gBAAgB;IAkBhB;;OAEG;IACH,iBAAiB;IAUjB;;OAEG;IACH,eAAe,CAAC,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM;IA6DzD;;OAEG;IACH,OAAO;IAiBP,MAAM,CAAC,QAAQ,CAAC,IAAI,SAAiB;CAMtC;AAKD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,KAAK,CAAA;KACtB;CACF"}
|
|
@@ -6,12 +6,12 @@ import Image from './Image';
|
|
|
6
6
|
*/
|
|
7
7
|
export default class ImagePost extends BasePost {
|
|
8
8
|
label: string;
|
|
9
|
-
_imageEl
|
|
9
|
+
_imageEl?: Image;
|
|
10
10
|
constructor();
|
|
11
|
-
_handlePropChange({ changedProp, oldValue, newValue }: {
|
|
12
|
-
changedProp:
|
|
13
|
-
oldValue:
|
|
14
|
-
newValue:
|
|
11
|
+
_handlePropChange({ changedProp, oldValue, newValue, }: {
|
|
12
|
+
changedProp: string;
|
|
13
|
+
oldValue: unknown;
|
|
14
|
+
newValue: unknown;
|
|
15
15
|
}): void;
|
|
16
16
|
/**
|
|
17
17
|
* Render
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImagePost.d.ts","sourceRoot":"","sources":["../../src/elements/ImagePost.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,KAAK,MAAM,SAAS,CAAA;AAI3B;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,QAAQ;IAC7C,KAAK,SAAc;IAGnB,QAAQ,EAAE,KAAK,CAAA;;
|
|
1
|
+
{"version":3,"file":"ImagePost.d.ts","sourceRoot":"","sources":["../../src/elements/ImagePost.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,KAAK,MAAM,SAAS,CAAA;AAI3B;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,QAAQ;IAC7C,KAAK,SAAc;IAGnB,QAAQ,CAAC,EAAE,KAAK,CAAA;;IAoBhB,iBAAiB,CAAC,EAChB,WAAW,EACX,QAAQ,EACR,QAAQ,GACT,EAAE;QACD,WAAW,EAAE,MAAM,CAAA;QACnB,QAAQ,EAAE,OAAO,CAAA;QACjB,QAAQ,EAAE,OAAO,CAAA;KAClB;IAcD;;OAEG;IACH,OAAO;IAyBP,MAAM,CAAC,QAAQ,CAAC,IAAI,SAAsB;CAM3C"}
|
|
@@ -9,24 +9,24 @@ import PopoverGallerySlide from './PopoverGallerySlide';
|
|
|
9
9
|
export default class PopoverGallery extends BaseElement {
|
|
10
10
|
label: string;
|
|
11
11
|
posts: Posts;
|
|
12
|
-
widgetSettings
|
|
13
|
-
feedMetadata
|
|
12
|
+
widgetSettings?: WidgetSettings;
|
|
13
|
+
feedMetadata?: FeedMetadata;
|
|
14
14
|
closeFocusEl: HTMLElement;
|
|
15
15
|
onSlideChange: Function;
|
|
16
16
|
_isOpen: boolean;
|
|
17
17
|
_verticalScrollBreakpoint: number;
|
|
18
18
|
_shadow: ShadowRoot;
|
|
19
|
-
_fragment
|
|
20
|
-
_styleEl
|
|
21
|
-
_overlayEl
|
|
22
|
-
_previousEl
|
|
23
|
-
_nextEl
|
|
24
|
-
_closeEl
|
|
25
|
-
_breadcrumbContainer
|
|
26
|
-
_innerEl
|
|
27
|
-
_postEls
|
|
28
|
-
_hurdyGurdy
|
|
29
|
-
_popoverScroller
|
|
19
|
+
_fragment?: DocumentFragment;
|
|
20
|
+
_styleEl?: HTMLStyleElement;
|
|
21
|
+
_overlayEl?: HTMLElement;
|
|
22
|
+
_previousEl?: HTMLButtonElement;
|
|
23
|
+
_nextEl?: HTMLButtonElement;
|
|
24
|
+
_closeEl?: HTMLButtonElement;
|
|
25
|
+
_breadcrumbContainer?: HTMLElement;
|
|
26
|
+
_innerEl?: HTMLElement;
|
|
27
|
+
_postEls?: Array<PopoverGallerySlide>;
|
|
28
|
+
_hurdyGurdy?: HurdyGurdy;
|
|
29
|
+
_popoverScroller?: PopoverScroller;
|
|
30
30
|
_currentPostIndex: number;
|
|
31
31
|
_startingDocumentOverflow: string;
|
|
32
32
|
_startingDocumentRightPadding: string;
|
|
@@ -34,17 +34,17 @@ export default class PopoverGallery extends BaseElement {
|
|
|
34
34
|
/**
|
|
35
35
|
* Handle prop change
|
|
36
36
|
*/
|
|
37
|
-
_handlePropChange({ changedProp, oldValue, newValue }: {
|
|
38
|
-
changedProp:
|
|
39
|
-
oldValue:
|
|
40
|
-
newValue:
|
|
37
|
+
_handlePropChange({ changedProp, oldValue, newValue, }: {
|
|
38
|
+
changedProp: string;
|
|
39
|
+
oldValue: unknown;
|
|
40
|
+
newValue: unknown;
|
|
41
41
|
}): void;
|
|
42
42
|
/**
|
|
43
43
|
* Handle state change
|
|
44
44
|
*/
|
|
45
|
-
_handleGlobalStateChange({ changedProps, newState }: {
|
|
46
|
-
changedProps:
|
|
47
|
-
newState:
|
|
45
|
+
_handleGlobalStateChange({ changedProps, newState, }: {
|
|
46
|
+
changedProps: keyof GlobalState;
|
|
47
|
+
newState: GlobalState;
|
|
48
48
|
}): void;
|
|
49
49
|
/**
|
|
50
50
|
* Handle keydown
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopoverGallery.d.ts","sourceRoot":"","sources":["../../src/elements/PopoverGallery.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAA;AASvC,OAAO,UAAU,MAAM,mBAAmB,CAAA;AAC1C,OAAO,eAAe,MAAM,wBAAwB,CAAA;AACpD,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AAQvD;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,WAAW;IACrD,KAAK,SAAmB;IAGxB,KAAK,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"PopoverGallery.d.ts","sourceRoot":"","sources":["../../src/elements/PopoverGallery.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAA;AASvC,OAAO,UAAU,MAAM,mBAAmB,CAAA;AAC1C,OAAO,eAAe,MAAM,wBAAwB,CAAA;AACpD,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AAQvD;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,WAAW;IACrD,KAAK,SAAmB;IAGxB,KAAK,EAAE,KAAK,CAAK;IACjB,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,YAAY,EAAE,WAAW,CAAgB;IACzC,aAAa,EAAE,QAAQ,CAAW;IAGlC,OAAO,EAAE,OAAO,CAAA;IAChB,yBAAyB,SAAM;IAC/B,OAAO,EAAE,UAAU,CAAA;IACnB,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,QAAQ,CAAC,EAAE,gBAAgB,CAAA;IAC3B,UAAU,CAAC,EAAE,WAAW,CAAA;IACxB,WAAW,CAAC,EAAE,iBAAiB,CAAA;IAC/B,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,QAAQ,CAAC,EAAE,iBAAiB,CAAA;IAC5B,oBAAoB,CAAC,EAAE,WAAW,CAAA;IAClC,QAAQ,CAAC,EAAE,WAAW,CAAA;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,CAAA;IACrC,WAAW,CAAC,EAAE,UAAU,CAAA;IACxB,gBAAgB,CAAC,EAAE,eAAe,CAAA;IAClC,iBAAiB,EAAE,MAAM,CAAI;IAC7B,yBAAyB,EAAE,MAAM,CAAK;IACtC,6BAA6B,EAAE,MAAM,CAAK;;IA4I1C;;OAEG;IACH,iBAAiB,CAAC,EAChB,WAAW,EACX,QAAQ,EACR,QAAQ,GACT,EAAE;QACD,WAAW,EAAE,MAAM,CAAA;QACnB,QAAQ,EAAE,OAAO,CAAA;QACjB,QAAQ,EAAE,OAAO,CAAA;KAClB;IAoDD;;OAEG;IACH,wBAAwB,CAAC,EACvB,YAAY,EACZ,QAAQ,GACT,EAAE;QACD,YAAY,EAAE,MAAM,WAAW,CAAA;QAC/B,QAAQ,EAAE,WAAW,CAAA;KACtB;IA2BD;;OAEG;IACH,cAAc,CAAC,GAAG,EAAE,aAAa;IAOjC;;OAEG;IACH,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,WAAW;IAsC7C;;OAEG;IACH,MAAM;IAcN;;OAEG;IACH,kBAAkB,CAAC,QAAQ,EAAE,MAAM;IA+DnC;;OAEG;IACH,UAAU,CAAC,cAAc,EAAE,MAAM;IA0BjC,aAAa,CAAC,KAAK,EAAE,mBAAmB;IASxC,OAAO,IAAI,IAAI;IAQf,MAAM,CAAC,QAAQ,CAAC,IAAI,SAA2B;CAMhD;AAKD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,wBAAwB,EAAE,cAAc,CAAA;KACzC;CACF"}
|
|
@@ -8,27 +8,27 @@ import PopoverSlideAlbum from './PopoverSlideAlbum';
|
|
|
8
8
|
*/
|
|
9
9
|
export default class PopoverGallerySlide extends BaseElement {
|
|
10
10
|
label: string;
|
|
11
|
-
_innerEl
|
|
12
|
-
_avatarImageEl
|
|
11
|
+
_innerEl?: HTMLElement;
|
|
12
|
+
_avatarImageEl?: HTMLImageElement;
|
|
13
13
|
_headerText: string;
|
|
14
|
-
_avatarEl
|
|
15
|
-
_headerEl
|
|
16
|
-
_captionEl
|
|
17
|
-
_footerLinkEl
|
|
18
|
-
_footerEl
|
|
19
|
-
_textEl
|
|
20
|
-
_mediaEl
|
|
21
|
-
_moreEl
|
|
22
|
-
post
|
|
23
|
-
feedMetadata
|
|
14
|
+
_avatarEl?: HTMLElement;
|
|
15
|
+
_headerEl?: HTMLElement;
|
|
16
|
+
_captionEl?: HTMLElement;
|
|
17
|
+
_footerLinkEl?: HTMLElement | string;
|
|
18
|
+
_footerEl?: HTMLElement | string;
|
|
19
|
+
_textEl?: HTMLElement;
|
|
20
|
+
_mediaEl?: Image | PopoverSlideVideo | PopoverSlideAlbum;
|
|
21
|
+
_moreEl?: HTMLButtonElement;
|
|
22
|
+
post?: Post;
|
|
23
|
+
feedMetadata?: FeedMetadata;
|
|
24
24
|
constructor();
|
|
25
25
|
/**
|
|
26
26
|
* Render contents
|
|
27
27
|
*/
|
|
28
28
|
render(): void;
|
|
29
|
-
_handlePropChange({ changedProp, newValue }: {
|
|
30
|
-
changedProp:
|
|
31
|
-
newValue:
|
|
29
|
+
_handlePropChange({ changedProp, newValue, }: {
|
|
30
|
+
changedProp: string;
|
|
31
|
+
newValue: unknown;
|
|
32
32
|
}): void;
|
|
33
33
|
/**
|
|
34
34
|
* Activate
|
|
@@ -45,7 +45,7 @@ export default class PopoverGallerySlide extends BaseElement {
|
|
|
45
45
|
/**
|
|
46
46
|
* Get background color
|
|
47
47
|
*/
|
|
48
|
-
getBackgroundColor():
|
|
48
|
+
getBackgroundColor(): number[];
|
|
49
49
|
/**
|
|
50
50
|
* Expand post caption
|
|
51
51
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopoverGallerySlide.d.ts","sourceRoot":"","sources":["../../src/elements/PopoverGallerySlide.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAA;AAGvC,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AACnD,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AAKnD;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,WAAW;IAC1D,KAAK,SAAwB;IAG7B,QAAQ,EAAE,WAAW,CAAA;
|
|
1
|
+
{"version":3,"file":"PopoverGallerySlide.d.ts","sourceRoot":"","sources":["../../src/elements/PopoverGallerySlide.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAA;AAGvC,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AACnD,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AAKnD;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,WAAW;IAC1D,KAAK,SAAwB;IAG7B,QAAQ,CAAC,EAAE,WAAW,CAAA;IACtB,cAAc,CAAC,EAAE,gBAAgB,CAAA;IACjC,WAAW,EAAE,MAAM,CAAK;IACxB,SAAS,CAAC,EAAE,WAAW,CAAA;IACvB,SAAS,CAAC,EAAE,WAAW,CAAA;IACvB,UAAU,CAAC,EAAE,WAAW,CAAA;IACxB,aAAa,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IACpC,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAChC,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,QAAQ,CAAC,EAAE,KAAK,GAAG,iBAAiB,GAAG,iBAAiB,CAAA;IACxD,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAG3B,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,YAAY,CAAC,EAAE,YAAY,CAAA;;IAuB3B;;OAEG;IACH,MAAM;IA8JN,iBAAiB,CAAC,EAChB,WAAW,EACX,QAAQ,GACT,EAAE;QACD,WAAW,EAAE,MAAM,CAAA;QACnB,QAAQ,EAAE,OAAO,CAAA;KAClB;IAsDD;;OAEG;IACH,QAAQ;IAWR;;OAEG;IACH,UAAU;IAWV;;OAEG;IACH,OAAO;IAIP;;OAEG;IACH,kBAAkB;IAclB;;OAEG;IACH,aAAa;IA0Bb;;OAEG;IACH,eAAe;IAsBf,MAAM,CAAC,QAAQ,CAAC,IAAI,SAAiC;CAMtD;AASD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,8BAA8B,EAAE,mBAAmB,CAAA;KACpD;CACF"}
|
|
@@ -8,16 +8,21 @@ import HurdyGurdy from '../lib/hurdyGurdy';
|
|
|
8
8
|
*/
|
|
9
9
|
export default class PopoverSlideAlbum extends BaseElement {
|
|
10
10
|
label: string;
|
|
11
|
-
_containerEl
|
|
12
|
-
_spaceholderEl
|
|
11
|
+
_containerEl?: HTMLElement;
|
|
12
|
+
_spaceholderEl?: HTMLElement;
|
|
13
13
|
_childEls: Array<Image | PopoverSlideVideo>;
|
|
14
|
-
_previousEl
|
|
15
|
-
_nextEl
|
|
16
|
-
_breadcrumbsEl
|
|
17
|
-
_childCarousel
|
|
14
|
+
_previousEl?: HTMLElement;
|
|
15
|
+
_nextEl?: HTMLElement;
|
|
16
|
+
_breadcrumbsEl?: HTMLElement;
|
|
17
|
+
_childCarousel?: HurdyGurdy;
|
|
18
|
+
_isPlaying: boolean;
|
|
18
19
|
currentSlideIndex: number;
|
|
19
|
-
post
|
|
20
|
+
post?: Post;
|
|
20
21
|
constructor();
|
|
22
|
+
/**
|
|
23
|
+
* Loop handler
|
|
24
|
+
*/
|
|
25
|
+
_onLoop(): void;
|
|
21
26
|
/**
|
|
22
27
|
* Update tabbable els
|
|
23
28
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopoverSlideAlbum.d.ts","sourceRoot":"","sources":["../../src/elements/PopoverSlideAlbum.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAA;AAQvC,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AACnD,OAAO,UAAU,MAAM,mBAAmB,CAAA;AAI1C;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,WAAW;IACxD,KAAK,SAAsB;IAG3B,YAAY,EAAE,WAAW,CAAA;
|
|
1
|
+
{"version":3,"file":"PopoverSlideAlbum.d.ts","sourceRoot":"","sources":["../../src/elements/PopoverSlideAlbum.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAA;AAQvC,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AACnD,OAAO,UAAU,MAAM,mBAAmB,CAAA;AAI1C;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,WAAW;IACxD,KAAK,SAAsB;IAG3B,YAAY,CAAC,EAAE,WAAW,CAAA;IAC1B,cAAc,CAAC,EAAE,WAAW,CAAA;IAC5B,SAAS,EAAE,KAAK,CAAC,KAAK,GAAG,iBAAiB,CAAC,CAAK;IAChD,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,cAAc,CAAC,EAAE,WAAW,CAAA;IAC5B,cAAc,CAAC,EAAE,UAAU,CAAA;IAC3B,UAAU,EAAE,OAAO,CAAQ;IAC3B,iBAAiB,EAAE,MAAM,CAAI;IAG7B,IAAI,CAAC,EAAE,IAAI,CAAA;;IAgHX;;OAEG;IACH,OAAO;IAoBP;;OAEG;IACH,eAAe;IAQf;;OAEG;IACH,mBAAmB,CAAC,KAAK,EAAE,yBAAyB;IAMpD;;OAEG;IACH,kBAAkB,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,UAAQ;IAwBtD;;OAEG;IACH,mBAAmB,CAAC,KAAK,EAAE,MAAM;IAyBjC;;OAEG;IACH,cAAc,IAAI,KAAK,CAAC,KAAK,GAAG,iBAAiB,CAAC;IAsClD;;OAEG;IACH,IAAI;IAIJ;;OAEG;IACH,KAAK;IAIL;;OAEG;IACH,OAAO;IAOP,MAAM,CAAC,QAAQ,CAAC,IAAI,SAA+B;CAMpD;AAKD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,4BAA4B,EAAE,iBAAiB,CAAA;KAChD;CACF"}
|
|
@@ -7,20 +7,15 @@ import Image from './Image';
|
|
|
7
7
|
*/
|
|
8
8
|
export default class PopoverSlideVideo extends BaseElement {
|
|
9
9
|
label: string;
|
|
10
|
-
_videoEl
|
|
11
|
-
_imageEl
|
|
12
|
-
_soundControlEl
|
|
13
|
-
|
|
10
|
+
_videoEl?: Video;
|
|
11
|
+
_imageEl?: Image;
|
|
12
|
+
_soundControlEl?: HTMLElement;
|
|
13
|
+
isPlaying: boolean;
|
|
14
|
+
post?: Post;
|
|
14
15
|
constructor();
|
|
15
|
-
|
|
16
|
-
changedProps: any;
|
|
17
|
-
newState: any;
|
|
18
|
-
}): void;
|
|
19
|
-
_handleGlobalStateChange({ changedProps, newState }: {
|
|
20
|
-
changedProps: any;
|
|
21
|
-
newState: any;
|
|
22
|
-
}): void;
|
|
16
|
+
_handleGlobalStateChange({ changedProps, newState }: GlobalStateChangeEvent): void;
|
|
23
17
|
_onLoad(): void;
|
|
18
|
+
_onLoop(): void;
|
|
24
19
|
_onPlay(): void;
|
|
25
20
|
_onPause(): void;
|
|
26
21
|
_togglePlayback(): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopoverSlideVideo.d.ts","sourceRoot":"","sources":["../../src/elements/PopoverSlideVideo.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAA;AAEvC,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,KAAK,MAAM,SAAS,CAAA;AAI3B;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,WAAW;IACxD,KAAK,SAAsB;IAG3B,QAAQ,EAAE,KAAK,CAAA;
|
|
1
|
+
{"version":3,"file":"PopoverSlideVideo.d.ts","sourceRoot":"","sources":["../../src/elements/PopoverSlideVideo.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAA;AAEvC,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,KAAK,MAAM,SAAS,CAAA;AAI3B;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,WAAW;IACxD,KAAK,SAAsB;IAG3B,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,eAAe,CAAC,EAAE,WAAW,CAAA;IAC7B,SAAS,EAAE,OAAO,CAAQ;IAG1B,IAAI,CAAC,EAAE,IAAI,CAAA;;IAiFX,wBAAwB,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,sBAAsB;IAc3E,OAAO;IAKP,OAAO;IAUP,OAAO;IAIP,QAAQ;IAIR,eAAe;IASf,YAAY;IASZ,IAAI;IAKJ,KAAK;IAIL,gBAAgB;IAKhB,gBAAgB;IAKhB;;OAEG;IACH,OAAO;IAOP,MAAM,CAAC,QAAQ,CAAC,IAAI,SAA+B;CAMpD;AAKD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,4BAA4B,EAAE,iBAAiB,CAAA;KAChD;CACF"}
|
package/dist/elements/Video.d.ts
CHANGED
|
@@ -5,16 +5,16 @@ import BaseElement from './BaseElement';
|
|
|
5
5
|
*/
|
|
6
6
|
export default class Video extends BaseElement {
|
|
7
7
|
label: string;
|
|
8
|
-
mediaUrl
|
|
9
|
-
sizes
|
|
8
|
+
mediaUrl?: string;
|
|
9
|
+
sizes?: PostSizes;
|
|
10
10
|
autoplay: boolean;
|
|
11
11
|
aspectRatio: number;
|
|
12
12
|
lazy: boolean;
|
|
13
|
-
renderPlaceholder
|
|
13
|
+
renderPlaceholder?: boolean;
|
|
14
14
|
_isPlaying: boolean;
|
|
15
15
|
_isAttemptingToPlay: boolean;
|
|
16
|
-
_videoEl
|
|
17
|
-
_imageEl
|
|
16
|
+
_videoEl?: HTMLVideoElement;
|
|
17
|
+
_imageEl?: HTMLImageElement;
|
|
18
18
|
constructor();
|
|
19
19
|
/**
|
|
20
20
|
* Add isPlaying property
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../src/elements/Video.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAA;AAIvC;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,WAAW;IAC5C,KAAK,SAAU;IAGf,QAAQ,EAAE,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../src/elements/Video.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAA;AAIvC;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,WAAW;IAC5C,KAAK,SAAU;IAGf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAQ;IACzB,WAAW,EAAE,MAAM,CAAI;IACvB,IAAI,EAAE,OAAO,CAAO;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAG3B,UAAU,EAAE,OAAO,CAAA;IACnB,mBAAmB,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,EAAE,gBAAgB,CAAA;IAC3B,QAAQ,CAAC,EAAE,gBAAgB,CAAA;;IAwE3B;;OAEG;IACH,IAAI,SAAS,YAEZ;IAED,IAAI,iBAAiB,YAUpB;IAED;;OAEG;IACH,IAAI,MAAM,YAET;IACD,IAAI,KAAK,YAER;IACD,IAAI,QAAQ,QAEX;IAKD,MAAM;IA6CN;;OAEG;IACG,WAAW;IA2BjB,UAAU;IAkBV,mBAAmB,CAAC,KAAK,EAAE,yBAAyB;IAkBpD,gBAAgB;IAmBhB,iBAAiB;IAIjB;;OAEG;IACH,WAAW;IAIX;;OAEG;IACH,YAAY;IAOZ,IAAI;IAOJ,KAAK;IAIL;;OAEG;IACH,IAAI;IAQJ;;OAEG;IACH,MAAM;IAWN,qBAAqB;IAYrB;;OAEG;IACH,OAAO;IAWP,MAAM,CAAC,QAAQ,CAAC,IAAI,SAAiB;CAMtC;AAKD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,KAAK,CAAA;KACtB;CACF"}
|
|
@@ -7,14 +7,14 @@ import Image from './Image';
|
|
|
7
7
|
*/
|
|
8
8
|
export default class VideoPost extends BasePost {
|
|
9
9
|
label: string;
|
|
10
|
-
_mediaContainerEl
|
|
11
|
-
_videoEl
|
|
12
|
-
_imageEl
|
|
10
|
+
_mediaContainerEl?: DocumentFragment;
|
|
11
|
+
_videoEl?: Video;
|
|
12
|
+
_imageEl?: Image;
|
|
13
13
|
constructor();
|
|
14
|
-
_handlePropChange({ changedProp, oldValue, newValue }: {
|
|
15
|
-
changedProp:
|
|
16
|
-
oldValue:
|
|
17
|
-
newValue:
|
|
14
|
+
_handlePropChange({ changedProp, oldValue, newValue, }: {
|
|
15
|
+
changedProp: string;
|
|
16
|
+
oldValue: unknown;
|
|
17
|
+
newValue: unknown;
|
|
18
18
|
}): void;
|
|
19
19
|
/**
|
|
20
20
|
* handle mouseover
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VideoPost.d.ts","sourceRoot":"","sources":["../../src/elements/VideoPost.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,KAAK,MAAM,SAAS,CAAA;AAI3B;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,QAAQ;IAC7C,KAAK,SAAc;IAGnB,iBAAiB,EAAE,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"VideoPost.d.ts","sourceRoot":"","sources":["../../src/elements/VideoPost.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,KAAK,MAAM,SAAS,CAAA;AAI3B;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,QAAQ;IAC7C,KAAK,SAAc;IAGnB,iBAAiB,CAAC,EAAE,gBAAgB,CAAA;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAA;;IA8BhB,iBAAiB,CAAC,EAChB,WAAW,EACX,QAAQ,EACR,QAAQ,GACT,EAAE;QACD,WAAW,EAAE,MAAM,CAAA;QACnB,QAAQ,EAAE,OAAO,CAAA;QACjB,QAAQ,EAAE,OAAO,CAAA;KAClB;IAqBD;;OAEG;IACH,gBAAgB;IAOhB;;OAEG;IACH,iBAAiB;IAMjB;;OAEG;IACH,OAAO;IAyGP,MAAM,CAAC,QAAQ,CAAC,IAAI,SAAsB;CAM3C"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
function t(t){return JSON.parse(JSON.stringify(t,(t,e)=>void 0===e?null:e))}function e(){return document.body.offsetTop}async function n(t,e){const n=document.createElement(t);return new Promise((s,i)=>{switch(t){case"img":n.addEventListener("load",()=>{s(e)});break;case"video":n.addEventListener("loadeddata",()=>s(e))}n.addEventListener("error",t=>{i(t)}),n.src=e})}function s({text:t="",maxLines:e=2,maxChars:n=50}){if(!t)return;const s=t.match(/.*/g)?.filter(t=>t.length>0).slice(0,e),i=s?.join("").length??0,o=Math.min(i,n);return t.slice(0,o)}function i(t,e){return`data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='${t}' height='${e}'%3E%3C/svg%3E%0A`}async function o(t){return t&&0!==t.length?new Promise(e=>{let n=null,s=!1;const i=setTimeout(()=>{s||(n?.disconnect(),e(null))},500);n=new IntersectionObserver(o=>{if(s)return;s=!0,clearTimeout(i);let r={intersectionRatio:-1,index:t.length};for(const e of o){const n=t.indexOf(e.target);if(-1===n)continue;const s=e.intersectionRatio>r.intersectionRatio,i=e.intersectionRatio===r.intersectionRatio&&n<r.index;(s||i)&&(r={intersectionRatio:e.intersectionRatio,index:n})}n?.disconnect(),n=null,e(r.index===t.length?null:r.index)}),t.forEach(t=>n?.observe(t))}):Promise.resolve(null)}function r(t,e){let n=!1,s=new IntersectionObserver(t=>{n||(s?.disconnect(),s=null,e(t[0].boundingClientRect))});return s.observe(t),function(){n||(n=!0,s&&(s.disconnect(),s=null))}}function a(t){return t.isConnected?"#document"===t.nodeName||t instanceof ShadowRoot?t:t.parentNode?a(t.parentNode):document:document}function l(t,e,n,s=!1){let i,o=s?performance.now():0;return(...s)=>{let r=performance.now();clearTimeout(i),i=setTimeout(()=>t.apply(n,s),e),r-o>e&&(clearTimeout(i),o=r,t.apply(n,s))}}function c(t,e){Object.entries(e).forEach(([e,n])=>{n?t.classList.add(e):t.classList.remove(e)})}function d(t,e){t&&Object.keys(e).forEach(n=>{t.style.setProperty(n,e[n])})}function u(t,e,n,s=0){if("string"==typeof n&&(n=[n]),s>0){let s=!1;return Object.keys(t).length!==Object.keys(e).length||(Object.keys(t).forEach(i=>{"object"==typeof t[i]&&"object"==typeof e[i]&&u(t[i],e[i],n)&&(s=!0)}),s)}return n.reduce((n,s)=>!h(t?.[s],e?.[s])||n,!1)}function h(t,e,n=!1,s=!1){if(s&&(Array.isArray(t)&&(t=t.sort()),Array.isArray(e)&&(e=e.sort())),n&&("number"==typeof t&&(t=t.toString()),"number"==typeof e&&(e=e.toString())),typeof t!=typeof e)return!1;if(null===t&&null===e)return!0;if(null===t&&null!==e)return!1;if(null!==t&&null===e)return!1;if(void 0===t&&void 0===e)return!0;if(void 0===t&&void 0!==e)return!1;if(void 0!==t&&void 0===e)return!1;if("object"==typeof t)return Object.keys(t).length===Object.keys(e).length&&Object.entries(t).reduce((t,[i,o])=>!!h(o,e[i],n,s)&&t,!0);if(Array.isArray(t)){let i=!0;return t.forEach((t,o)=>{h(t,e[o],n,s)||(i=!1)}),i}return t===e}function p(t,e="assertive"){const n=document.createElement("div");n.innerHTML=t,n.setAttribute("aria-live",e),n.setAttribute("aria-atomic","true"),n.style.cssText="\n position: absolute;\n position: absolute !important;\n width: 1px !important;\n height: 1px !important;\n padding: 0 !important;\n margin: -1px !important;\n overflow: hidden !important;\n clip: rect(0,0,0,0) !important;\n white-space: nowrap !important;\n border: 0 !important;\n ",requestAnimationFrame(()=>{document.body.appendChild(n),setTimeout(()=>{n.remove()},500)})}function w(t,e,n){t.length===n&&t.shift(),t.push(e)}function m(t,e){try{const n=new URL(t),s=n.searchParams.get("class"),i=s?.match(/[A-Z].*/);return s&&i?(n.searchParams.set("class",`${e}${i[0]}`),n.toString()):t}catch(e){return t}}function f(...t){window?.location.search.includes("behold-debug-mode")&&console.log(...t)}let b={isMuted:!0,keyboardNavEnabled:!1,popoverOverlayHslArray:[0,0,0],popoverOverlayOpacity:.6},g=!1,v=null,y=null;const O=new Map,S=new Map,j=new Map,x=new Set;!function t(){j.forEach(t=>{const e=performance.now(),{minWait:n,lastInvocation:s,callback:i}=t,o=e-s;o>n&&(i(o),j.set(i,{...t,lastInvocation:e}))}),requestAnimationFrame(t)}();class M extends HTMLElement{label="BaseElement";storedProperties=new Map;requiredProperties=[];hasRequiredProps=!1;propChangeHandlers=new Map;delayedPropChangeHandlers=new Map;queuedPropUpdates=new Set;localState=Object.freeze({});localStateChangeHandlers=new Set;connectHandlers=new Set;disconnectHandlers=new Set;rafs=new Map;timeouts=new Map;reduceMotion=!1;constructor(){if(super(),this.t=this.t.bind(this),this.i=this.i.bind(this),this.o=this.o.bind(this),window.matchMedia("(prefers-reduced-motion)").matches&&(this.reduceMotion=!0),!v){let t=window.ResizeObserver;"ResizeObserver"in window==0&&(t=window.BeholdResizeObserver),v=new t(t=>{t.forEach(t=>{const e=O.get(t.target);e&&e(t)})})}y||(y=new IntersectionObserver(t=>{t.forEach(t=>{const e=S.get(t.target);e&&e(t)})})),g||(g=!0,document.addEventListener("keydown",this.t),document.addEventListener("mousedown",this.i),document.addEventListener("mousemove",this.o,{passive:!0}))}connectedCallback(){this.connectHandlers.forEach(t=>t())}disconnectedCallback(){this.rafs.forEach(t=>cancelAnimationFrame(t)),this.rafs.clear(),this.timeouts.forEach(t=>clearTimeout(t)),this.timeouts.clear(),this.disconnectHandlers.forEach(t=>t())}onConnect(t){this.connectHandlers.add(t)}onDisconnect(t){this.disconnectHandlers.add(t)}onResize(t,e,n){O.set(e,n.bind(t)),v?.observe(e),this.disconnectHandlers.add(()=>{O.delete(e),v?.unobserve(e)})}onIntersection(t,e){S.set(t,e),y?.observe(t),this.disconnectHandlers.add(()=>{S.delete(t),y?.unobserve(t)})}onLoop(t,e=50){j.set(t,{minWait:e,lastInvocation:0,callback:t}),this.disconnectHandlers.add(()=>{j.delete(t)})}onPropChange(e,n,s=null,i=null){const o=this;s?this.requiredProperties.push(...s):this.requiredProperties.push(...n),n.forEach(n=>{void 0!==this[n]&&this.storedProperties.set(n,this[n]),this.propChangeHandlers.get(n)||(this.propChangeHandlers.set(n,[]),this.delayedPropChangeHandlers.set(n,[])),i?this.delayedPropChangeHandlers.get(n)?.push(e):this.propChangeHandlers.get(n)?.push(e),Object.defineProperty(this,n,{set(e){void 0===e&&(e=null,f(`Attempted to set value of ${String(n)} as "undefined" on ${o.label}. ${String(n)} was coerced to null instead.`)),e=t(e);const s=o.storedProperties.has(n)?t(o.storedProperties.get(n)):null;o.storedProperties.set(n,e),o.hasRequiredProps=o.requiredProperties.every(t=>o.storedProperties.has(t)),o.queueHandlers({prop:n,oldValue:s,newValue:e})},get:()=>o.storedProperties.get(n)})}),i&&(i=i.bind(this),queueMicrotask(()=>{o.hasRequiredProps&&(i(),o.delayedPropChangeHandlers.forEach((t,e)=>{o.propChangeHandlers.set(e,[...o.propChangeHandlers.get(e)??[],...t])}))})),o.queueMissingPropsCheck()}queueHandlers({prop:t,oldValue:e,newValue:n}){const s=t,i=this.propChangeHandlers.get(s);this.hasRequiredProps?(this.queuedPropUpdates.size&&(this.queuedPropUpdates.delete(s),this.runQueuedPropHandlers()),i&&i.forEach(s=>{s.call(this,{changedProp:t,oldValue:e,newValue:n})})):this.queuedPropUpdates.add(s)}runQueuedPropHandlers(){this.queuedPropUpdates.forEach(t=>{const e=this.propChangeHandlers.get(t);e&&e.forEach(e=>{e.call(this,{changedProp:t,oldValue:null,newValue:this[t]})})}),this.queuedPropUpdates.clear()}updateLocalState(e){const n=Object.freeze(t(this.localState));this.localState=Object.freeze({...this.localState,...e}),this.localStateChangeHandlers.forEach(t=>t({changedProps:Object.keys(e),oldState:n,newState:this.localState}))}onLocalStateChange(t,e){this.localState={...this.localState,...e};const n=t.bind(this);this.localStateChangeHandlers.add(n)}updateGlobalState(e){const n=t(b);b={...b,...e},x.forEach(t=>t({changedProps:Object.keys(e),oldState:n,newState:b}))}onGlobalStateChange(t){this.connectHandlers.add(()=>{const e=t.bind(this);x.add(e),this.disconnectHandlers.add(()=>x.delete(e))})}t(t){"Tab"===t.key&&this.updateGlobalState({keyboardNavEnabled:!0})}i(t){0===t.clientX&&0===t.clientY||this.updateGlobalState({keyboardNavEnabled:!1})}o(t){t.ctrlKey||t.altKey||t.shiftKey||t.metaKey||0===t.movementX||0===t.movementY||this.updateGlobalState({keyboardNavEnabled:!1})}get globalState(){return b}set globalState(t){throw new Error("Shared state cannot be set directly. Use this.updateGlobalState() instead.")}raf(t,e,n=!0){if(n){const t=this.rafs.get(e);t&&cancelAnimationFrame(t)}const s=requestAnimationFrame(()=>{t(),this.rafs.delete(e)});return this.rafs.set(e,s),s}cancelRaf(t){const e=this.rafs.get(t);e&&cancelAnimationFrame(e),this.rafs.delete(t)}to(t,e,n){const s=setTimeout(()=>{t(),this.timeouts.delete(n)},e);return this.timeouts.set(n,s),s}cancelTo(t){clearTimeout(this.timeouts.get(t)),this.timeouts.delete(t)}queueMissingPropsCheck(){queueMicrotask(()=>{if(this.requiredProperties.length&&!this.hasRequiredProps){const t=this.requiredProperties.filter(t=>!this.storedProperties.has(t));console.error(`${this.label||this.tagName} is missing required props: ${t.join(", ")}`)}})}}function C(t){let{type:e="div",classes:n=[],contents:s=[],attributes:i={},props:o={},style:r={},listeners:a={}}=t;const l=Array.isArray(n)?n:[n],c=document.createElement(e),d=(Array.isArray(s)?s:[s]).reduce((t,e)=>{if("string"==typeof e&&e.includes("</svg>")){const n=document.createElement("template");n.innerHTML=e,t.push(n.content)}else e&&t.push(e);return t},[]);return c.beholdReplaceChildren(...d),l.length&&(c.className=l.join(" ")),Object.keys(i).forEach(t=>{const e=i[t];null!=e?c.setAttribute(t,String(e)):c.removeAttribute(t)}),Object.assign(c,o),Object.keys(r).forEach(t=>{c&&("--"===t.substring(0,2)?c.style.setProperty(t,String(r[t])):"string"==typeof t&&(c.style[t]=String(r[t])))}),Object.keys(a).forEach(t=>{c.addEventListener(t,a[t])}),c}class E extends M{label="BeholdWidget";shadow;abortController;loadedWidget;static get observedAttributes(){return["feed-id"]}constructor(){super(),this.shadow=this.attachShadow({mode:"closed"}),this.onPropChange(this.l,["widgetSettings","feedMetadata","posts","previewLoadingColors","startIndex","errorMessage"],[])}attributeChangedCallback(t,e,n){"feed-id"===t&&n!==e&&this.getFeed(n)}l({changedProp:t,oldValue:e,newValue:n}){if("errorMessage"!==t||e||!n){if("widgetSettings"===t&&u(n,e,"type")){const t=n;return void(t?.type&&this.loadWidget(t.type))}this.loadedWidget&&!h(n,e)&&Reflect.set(this.loadedWidget,t,n)}else this.loadWidget("ErrorMessage")}async loadWidget(t){if(await import("./replaceChildren-Byt1OSKK.js"),"ResizeObserver"in window==0){const{ResizeObserver:t}=await import("./resizeObserver-CffLfe30.js");window.BeholdResizeObserver=t}const e=(await this.importWidget(t.replace(/.?/,t=>t.toUpperCase()))).register(),n=C({type:e}),s=C({type:"style",contents:":host{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:center;margin:0;min-width:50px;overflow:hidden;position:relative;width:100%}:host *{box-sizing:border-box}:host([hidden]){display:none}".toString()});this.shadow.beholdReplaceChildren(n,s),this.loadedWidget=this.shadow.querySelector(e),this.loadedWidget&&(this.previewLoadingColors&&(this.loadedWidget.previewLoadingColors=this.previewLoadingColors),this.startIndex&&(this.loadedWidget.startIndex=this.startIndex),this.widgetSettings&&(this.loadedWidget.widgetSettings=this.widgetSettings),this.feedMetadata&&(this.loadedWidget.feedMetadata=this.feedMetadata),this.posts&&(this.loadedWidget.posts=this.posts),this.loadedWidget.errorMessage=this.errorMessage),this.dispatchEvent(new Event("load")),window.dispatchEvent(new CustomEvent("behold:widget-loaded",{detail:{id:this["feed-id"]}}))}async getFeed(t){if(t){this.abortController&&this.abortController.abort(),this.abortController=new AbortController;try{const e="https://feeds.behold.so",n=await fetch(`${e}/${t}`,{mode:"cors",signal:this.abortController.signal});if(n.ok){const t=await n.json();if(!t.widgetSettings)throw new Error("JSON feeds cannot be used as a widget");if(t.widgetSettings.klaviyoWebFeedId)throw new Error("Klaviyo feeds cannot be used as an embedded widget");this.widgetSettings=t.widgetSettings,this.feedMetadata={username:t.username,profilePictureUrl:t.profilePictureUrl,website:t.website,followersCount:t.followersCount,hashtags:t.hashtags,showBranding:t.showBranding},this.posts=t.posts||t.media}else{const t=await n.text();this.errorMessage=t}}catch(t){t instanceof Error&&"The user aborted a request."!==t.message&&(this.errorMessage=t.message)}}else this.errorMessage="No feed ID provided"}async importWidget(t){const{default:e}=await function(t){switch(t){case"./widgets/ElasticCarousel.ts":return import("./ElasticCarousel-dgPEW-vu.js");case"./widgets/ErrorMessage.ts":return import("./ErrorMessage-Yh3mQ3vh.js");case"./widgets/GalleryWall.ts":return import("./GalleryWall-AO89_dMM.js");case"./widgets/Grid.ts":return import("./Grid-AJ7mosH5.js");default:return new Promise(function(e,n){("function"==typeof queueMicrotask?queueMicrotask:setTimeout)(n.bind(null,new Error("Unknown variable dynamic import: "+t)))})}}(`./widgets/${t}.ts`);return e}}var P={register:(t="behold-widget")=>{customElements.get(t)||customElements.define(t,class extends E{})},element:E};export{M as B,P as W,p as a,a as b,C as c,f as d,o as e,e as f,r as g,i as h,s as i,u as j,h as k,w as l,d as m,n as p,m as r,c as s,l as t};
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{W as widget}from"./index-
|
|
2
|
-
/* v0.5.
|
|
1
|
+
export{W as widget}from"./index-B6L3zogg.js";
|
|
2
|
+
/* v0.5.142 */
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export default function RGBStringToHSLArray(rgb:
|
|
1
|
+
export default function RGBStringToHSLArray(rgb: string): number[];
|
|
2
2
|
//# sourceMappingURL=RGBStringToHSLArray.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RGBStringToHSLArray.d.ts","sourceRoot":"","sources":["../../src/lib/RGBStringToHSLArray.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"RGBStringToHSLArray.d.ts","sourceRoot":"","sources":["../../src/lib/RGBStringToHSLArray.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,GAAG,EAAE,MAAM,YAsBtD"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
export default createElement;
|
|
1
|
+
type CreateElementContents = Node | string | undefined | Array<Node | string | undefined>;
|
|
3
2
|
type CreateElementArgs = {
|
|
4
3
|
type?: string;
|
|
5
4
|
classes?: string | Array<string>;
|
|
6
5
|
contents?: CreateElementContents;
|
|
7
|
-
attributes?:
|
|
8
|
-
props?:
|
|
9
|
-
style?:
|
|
10
|
-
listeners?:
|
|
6
|
+
attributes?: Record<string, string | boolean | number>;
|
|
7
|
+
props?: Record<string, unknown>;
|
|
8
|
+
style?: Record<string, string | number>;
|
|
9
|
+
listeners?: Record<string, EventListener>;
|
|
11
10
|
};
|
|
12
|
-
|
|
11
|
+
declare function createElement<ReturnType = HTMLElement>(args: CreateElementArgs): ReturnType;
|
|
12
|
+
export default createElement;
|
|
13
13
|
//# sourceMappingURL=createElement.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createElement.d.ts","sourceRoot":"","sources":["../../src/lib/createElement.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"createElement.d.ts","sourceRoot":"","sources":["../../src/lib/createElement.ts"],"names":[],"mappings":"AAAA,KAAK,qBAAqB,GACtB,IAAI,GACJ,MAAM,GACN,SAAS,GACT,KAAK,CAAC,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC,CAAA;AAEpC,KAAK,iBAAiB,GAAG;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,CAAA;IAChC,QAAQ,CAAC,EAAE,qBAAqB,CAAA;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC,CAAA;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;CAC1C,CAAA;AAED,iBAAS,aAAa,CAAC,UAAU,GAAG,WAAW,EAC7C,IAAI,EAAE,iBAAiB,GACtB,UAAU,CA8DZ;AAED,eAAe,aAAa,CAAA"}
|
package/dist/lib/gyre.d.ts
CHANGED
|
@@ -11,7 +11,7 @@ interface PhysicsConfig {
|
|
|
11
11
|
mass: number;
|
|
12
12
|
}
|
|
13
13
|
export default class Gyre {
|
|
14
|
-
containerEl
|
|
14
|
+
containerEl?: HTMLElement;
|
|
15
15
|
slideEls: SlideEl[];
|
|
16
16
|
height: number;
|
|
17
17
|
gap: number;
|
|
@@ -20,8 +20,8 @@ export default class Gyre {
|
|
|
20
20
|
snapToSlide: boolean;
|
|
21
21
|
bindToScrollPos: boolean;
|
|
22
22
|
resizeObserver: ResizeObserver;
|
|
23
|
-
onSlideChange
|
|
24
|
-
onReachEnd
|
|
23
|
+
onSlideChange?: (i: number) => void;
|
|
24
|
+
onReachEnd?: (atEnd: boolean) => void;
|
|
25
25
|
startIndex: number;
|
|
26
26
|
_containerWidth: number;
|
|
27
27
|
_contentWidth: number;
|
|
@@ -50,11 +50,11 @@ export default class Gyre {
|
|
|
50
50
|
_frameRate: number;
|
|
51
51
|
_shrinkStartMultiplier: number;
|
|
52
52
|
_windowHeight: number;
|
|
53
|
-
_containerRect
|
|
53
|
+
_containerRect?: DOMRectReadOnly;
|
|
54
54
|
_scrollProgress: number;
|
|
55
55
|
_abortScrollCheck: Function;
|
|
56
56
|
_raf: number;
|
|
57
|
-
_virtObserver
|
|
57
|
+
_virtObserver?: IntersectionObserver;
|
|
58
58
|
atEnd: boolean;
|
|
59
59
|
anchorSlide: number;
|
|
60
60
|
constructor({ onSlideChange, onReachEnd, }: {
|
package/dist/lib/gyre.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gyre.d.ts","sourceRoot":"","sources":["../../src/lib/gyre.ts"],"names":[],"mappings":"AAIA,KAAK,cAAc,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,CAAA;AAC9D,UAAU,OAAQ,SAAQ,WAAW;IACnC,eAAe,EAAE,MAAM,CAAA;CACxB;AACD,UAAU,aAAa;IACrB,gBAAgB,EAAE,MAAM,CAAA;IACxB,YAAY,EAAE,MAAM,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;CACb;AAUD,MAAM,CAAC,OAAO,OAAO,IAAI;IACvB,WAAW,EAAE,WAAW,CAAA;
|
|
1
|
+
{"version":3,"file":"gyre.d.ts","sourceRoot":"","sources":["../../src/lib/gyre.ts"],"names":[],"mappings":"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"}
|
package/dist/lib/hurdyGurdy.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
export default class HurdyGurdy {
|
|
2
2
|
containerEl: HTMLElement;
|
|
3
|
-
slides:
|
|
3
|
+
slides: HTMLElement[];
|
|
4
4
|
breadcrumbsContainerEl: HTMLElement;
|
|
5
5
|
previousEl: HTMLElement;
|
|
6
6
|
nextEl: HTMLElement;
|
|
7
7
|
keyboardNav: boolean;
|
|
8
8
|
breadcrumbDiameter: any;
|
|
9
|
-
onSlideChange:
|
|
9
|
+
onSlideChange: (newIndex: number, isInitial: boolean) => void;
|
|
10
10
|
virtualize: boolean;
|
|
11
11
|
proximalSlidesToRender: number;
|
|
12
12
|
dynamicBreadCrumbsCutoff: any;
|
|
@@ -16,19 +16,19 @@ export default class HurdyGurdy {
|
|
|
16
16
|
momentumToTransition: number;
|
|
17
17
|
index: number;
|
|
18
18
|
_initialized: boolean;
|
|
19
|
-
_rootEl
|
|
20
|
-
_innerEl
|
|
21
|
-
_slideEls
|
|
22
|
-
_breadcrumbsInnerEl
|
|
23
|
-
_breadcrumbsCurrent
|
|
19
|
+
_rootEl?: Document | ShadowRoot;
|
|
20
|
+
_innerEl?: HTMLElement;
|
|
21
|
+
_slideEls?: Array<HTMLElement>;
|
|
22
|
+
_breadcrumbsInnerEl?: HTMLElement;
|
|
23
|
+
_breadcrumbsCurrent?: HTMLElement;
|
|
24
24
|
_breadcrumbs: any;
|
|
25
25
|
_raf: number;
|
|
26
26
|
_focusRaf: number;
|
|
27
|
-
_st
|
|
28
|
-
_transitionSt
|
|
27
|
+
_st?: NodeJS.Timeout;
|
|
28
|
+
_transitionSt?: NodeJS.Timeout;
|
|
29
29
|
_isDragging: boolean;
|
|
30
30
|
_langDirection: 'ltr' | 'rtl';
|
|
31
|
-
_draggingDirection
|
|
31
|
+
_draggingDirection?: string;
|
|
32
32
|
_dragStartPoint: any;
|
|
33
33
|
_prevDragPoint: any;
|
|
34
34
|
_positions: any;
|
|
@@ -41,12 +41,12 @@ export default class HurdyGurdy {
|
|
|
41
41
|
_throttledDrag: Function;
|
|
42
42
|
_throttledResize: Function;
|
|
43
43
|
constructor({ slides, containerEl, breadcrumbsContainerEl, previousEl, nextEl, onSlideChange, breadcrumbDiameter, dynamicBreadCrumbsCutoff, keyboardNav, dragLimit, virtualize, proximalSlidesToRender, momentumToTransition, transitionSpeed, baseTransition, }: {
|
|
44
|
-
slides:
|
|
45
|
-
containerEl:
|
|
46
|
-
breadcrumbsContainerEl:
|
|
47
|
-
previousEl:
|
|
48
|
-
nextEl:
|
|
49
|
-
onSlideChange:
|
|
44
|
+
slides: HTMLElement[];
|
|
45
|
+
containerEl: HTMLElement;
|
|
46
|
+
breadcrumbsContainerEl: HTMLElement;
|
|
47
|
+
previousEl: HTMLElement;
|
|
48
|
+
nextEl: HTMLElement;
|
|
49
|
+
onSlideChange: (newIndex: number, isInitial: boolean) => void;
|
|
50
50
|
breadcrumbDiameter?: number;
|
|
51
51
|
dynamicBreadCrumbsCutoff?: number;
|
|
52
52
|
keyboardNav?: boolean;
|
|
@@ -62,11 +62,11 @@ export default class HurdyGurdy {
|
|
|
62
62
|
_removeEventListeners(): void;
|
|
63
63
|
init(index?: number): void;
|
|
64
64
|
destroy(): void;
|
|
65
|
-
_handleResize(entries:
|
|
65
|
+
_handleResize(entries: ResizeObserverEntry[]): void;
|
|
66
66
|
_updateBreadcrumbClasses(newIndex: number, animate?: boolean): void;
|
|
67
|
-
_updateBreadcrumbs(newIndex:
|
|
67
|
+
_updateBreadcrumbs(newIndex: number, oldIndex: number, animate: boolean): void;
|
|
68
68
|
_goTo({ index, animate, forceUpdate, easing, isInitial, }: {
|
|
69
|
-
index:
|
|
69
|
+
index: number;
|
|
70
70
|
animate?: boolean;
|
|
71
71
|
forceUpdate?: boolean;
|
|
72
72
|
easing?: string;
|
|
@@ -76,14 +76,17 @@ export default class HurdyGurdy {
|
|
|
76
76
|
_handleNextClick(): void;
|
|
77
77
|
_retreat(easing?: string): void;
|
|
78
78
|
_advance(easing?: string): void;
|
|
79
|
-
_handleKeyDown(evt:
|
|
79
|
+
_handleKeyDown(evt: KeyboardEvent): void;
|
|
80
80
|
_startMouseDrag(evt: MouseEvent): void;
|
|
81
81
|
_startTouchDrag(evt: TouchEvent): void;
|
|
82
82
|
_startDrag(startPoint: {
|
|
83
83
|
x: number;
|
|
84
84
|
y: number;
|
|
85
85
|
}): void;
|
|
86
|
-
_drag(currentPosition:
|
|
86
|
+
_drag(currentPosition: {
|
|
87
|
+
x: number;
|
|
88
|
+
y: number;
|
|
89
|
+
}, isTouch?: boolean): void;
|
|
87
90
|
_mouseDrag(evt: MouseEvent): void;
|
|
88
91
|
_touchDrag(evt: TouchEvent): void;
|
|
89
92
|
_endDrag(): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hurdyGurdy.d.ts","sourceRoot":"","sources":["../../src/lib/hurdyGurdy.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,OAAO,OAAO,UAAU;IAC7B,WAAW,EAAE,WAAW,CAAA;IACxB,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"hurdyGurdy.d.ts","sourceRoot":"","sources":["../../src/lib/hurdyGurdy.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,OAAO,OAAO,UAAU;IAC7B,WAAW,EAAE,WAAW,CAAA;IACxB,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,sBAAsB,EAAE,WAAW,CAAA;IACnC,UAAU,EAAE,WAAW,CAAA;IACvB,MAAM,EAAE,WAAW,CAAA;IACnB,WAAW,EAAE,OAAO,CAAA;IACpB,kBAAkB,EAAE,GAAG,CAAA;IACvB,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IAC7D,UAAU,EAAE,OAAO,CAAA;IACnB,sBAAsB,EAAE,MAAM,CAAA;IAC9B,wBAAwB,EAAE,GAAG,CAAA;IAC7B,SAAS,EAAE,GAAG,CAAA;IACd,eAAe,EAAE,MAAM,CAAA;IACvB,cAAc,EAAE,MAAM,CAAA;IACtB,oBAAoB,EAAE,MAAM,CAAA;IAC5B,KAAK,EAAE,MAAM,CAAA;IAEb,YAAY,EAAE,OAAO,CAAA;IACrB,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAW;IAC1C,QAAQ,CAAC,EAAE,WAAW,CAAA;IACtB,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,CAAA;IAC9B,mBAAmB,CAAC,EAAE,WAAW,CAAA;IACjC,mBAAmB,CAAC,EAAE,WAAW,CAAA;IACjC,YAAY,EAAE,GAAG,CAAA;IACjB,IAAI,EAAE,MAAM,CAAI;IAChB,SAAS,EAAE,MAAM,CAAI;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC,OAAO,CAAA;IAC9B,WAAW,EAAE,OAAO,CAAA;IACpB,cAAc,EAAE,KAAK,GAAG,KAAK,CAAQ;IACrC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,eAAe,EAAE,GAAG,CAAA;IACpB,cAAc,EAAE,GAAG,CAAA;IACnB,UAAU,EAAE,GAAG,CAAA;IACf,qBAAqB,EAAE,MAAM,CAAA;IAC7B,0BAA0B,EAAE,GAAG,CAAA;IAC/B,oBAAoB,EAAE,GAAG,CAAA;IACzB,cAAc,EAAE,MAAM,CAAA;IACtB,aAAa,EAAE,MAAM,EAAE,CAAA;IACvB,eAAe,EAAE,cAAc,CAAA;IAC/B,cAAc,EAAE,QAAQ,CAAA;IACxB,gBAAgB,EAAE,QAAQ,CAAA;gBAEd,EACV,MAAM,EACN,WAAW,EACX,sBAAsB,EACtB,UAAU,EACV,MAAM,EACN,aAAa,EACb,kBAAsB,EACtB,wBAA6B,EAC7B,WAAkB,EAClB,SAAe,EACf,UAAkB,EAClB,sBAA0B,EAC1B,oBAAwB,EACxB,eAAqB,EACrB,cAAmB,GACpB,EAAE;QACD,MAAM,EAAE,WAAW,EAAE,CAAA;QACrB,WAAW,EAAE,WAAW,CAAA;QACxB,sBAAsB,EAAE,WAAW,CAAA;QACnC,UAAU,EAAE,WAAW,CAAA;QACvB,MAAM,EAAE,WAAW,CAAA;QACnB,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;QAC7D,kBAAkB,CAAC,EAAE,MAAM,CAAA;QAC3B,wBAAwB,CAAC,EAAE,MAAM,CAAA;QACjC,WAAW,CAAC,EAAE,OAAO,CAAA;QACrB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,UAAU,CAAC,EAAE,OAAO,CAAA;QACpB,sBAAsB,CAAC,EAAE,MAAM,CAAA;QAC/B,oBAAoB,CAAC,EAAE,MAAM,CAAA;QAC7B,eAAe,CAAC,EAAE,MAAM,CAAA;QACxB,cAAc,CAAC,EAAE,MAAM,CAAA;KACxB;IA6DD,oBAAoB;IAKpB,kBAAkB;IAiClB,qBAAqB;IAuBrB,IAAI,CAAC,KAAK,SAAI;IA8Dd,OAAO;IAqBP,aAAa,CAAC,OAAO,EAAE,mBAAmB,EAAE;IAK5C,wBAAwB,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,UAAO;IA+BzD,kBAAkB,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO;IAoFvE,KAAK,CAAC,EACJ,KAAK,EACL,OAAc,EACd,WAAmB,EACnB,MAAe,EACf,SAAiB,GAClB,EAAE;QACD,KAAK,EAAE,MAAM,CAAA;QACb,OAAO,CAAC,EAAE,OAAO,CAAA;QACjB,WAAW,CAAC,EAAE,OAAO,CAAA;QACrB,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,SAAS,CAAC,EAAE,OAAO,CAAA;KACpB;IAoFD,gBAAgB;IAIhB,gBAAgB;IAIhB,QAAQ,CAAC,MAAM,SAAS;IASxB,QAAQ,CAAC,MAAM,SAAS;IASxB,cAAc,CAAC,GAAG,EAAE,aAAa;IAYjC,eAAe,CAAC,GAAG,EAAE,UAAU;IAM/B,eAAe,CAAC,GAAG,EAAE,UAAU;IAQ/B,UAAU,CAAC,UAAU,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE;IA2B/C,KAAK,CAAC,eAAe,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,OAAO,UAAQ;IAwGhE,UAAU,CAAC,GAAG,EAAE,UAAU;IAI1B,UAAU,CAAC,GAAG,EAAE,UAAU;IAO1B,QAAQ;CAkDT"}
|