@studiometa/ui 0.2.3 → 0.2.6
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/atoms/AnchorScrollTo/AnchorScrollTo.cjs +8 -13
- package/atoms/AnchorScrollTo/AnchorScrollTo.js +1 -26
- package/atoms/Button/Button.twig +68 -0
- package/atoms/Button/StyledButton.twig +47 -0
- package/atoms/Cursor/Cursor.cjs +14 -22
- package/atoms/Cursor/Cursor.d.ts +2 -2
- package/atoms/Cursor/Cursor.js +1 -103
- package/atoms/Cursor/Cursor.twig +28 -0
- package/atoms/Figure/Figure.cjs +20 -16
- package/atoms/Figure/Figure.d.ts +19 -1
- package/atoms/Figure/Figure.js +1 -27
- package/atoms/Figure/Figure.twig +120 -0
- package/atoms/Figure/FigureTwicPics.cjs +72 -0
- package/atoms/Figure/FigureTwicPics.d.ts +48 -0
- package/atoms/Figure/FigureTwicPics.js +1 -0
- package/atoms/Figure/index.cjs +31 -0
- package/atoms/Figure/index.d.ts +2 -0
- package/atoms/Figure/index.js +1 -0
- package/atoms/Icon/Icon.twig +13 -0
- package/atoms/LargeText/LargeText.cjs +15 -23
- package/atoms/LargeText/LargeText.d.ts +3 -3
- package/atoms/LargeText/LargeText.js +1 -64
- package/atoms/LargeText/LargeText.twig +49 -0
- package/atoms/LazyInclude/LazyInclude.cjs +8 -13
- package/atoms/LazyInclude/LazyInclude.d.ts +4 -4
- package/atoms/LazyInclude/LazyInclude.js +1 -46
- package/atoms/Prefetch/AbstractPrefetch.cjs +8 -13
- package/atoms/Prefetch/AbstractPrefetch.d.ts +1 -1
- package/atoms/Prefetch/AbstractPrefetch.js +1 -58
- package/atoms/Prefetch/PrefetchWhenOver.cjs +12 -34
- package/atoms/Prefetch/PrefetchWhenOver.d.ts +1 -1
- package/atoms/Prefetch/PrefetchWhenOver.js +1 -35
- package/atoms/Prefetch/PrefetchWhenVisible.cjs +12 -34
- package/atoms/Prefetch/PrefetchWhenVisible.d.ts +1 -1
- package/atoms/Prefetch/PrefetchWhenVisible.js +1 -36
- package/atoms/Prefetch/index.cjs +9 -16
- package/atoms/Prefetch/index.js +1 -8
- package/atoms/ScrollAnimation/AbstractScrollAnimation.cjs +126 -0
- package/atoms/ScrollAnimation/AbstractScrollAnimation.d.ts +133 -0
- package/atoms/ScrollAnimation/AbstractScrollAnimation.js +1 -0
- package/atoms/ScrollAnimation/ScrollAnimation.cjs +51 -0
- package/atoms/ScrollAnimation/ScrollAnimation.d.ts +55 -0
- package/atoms/ScrollAnimation/ScrollAnimation.js +1 -0
- package/atoms/ScrollAnimation/ScrollAnimationChild.cjs +51 -0
- package/atoms/ScrollAnimation/ScrollAnimationChild.d.ts +13 -0
- package/atoms/ScrollAnimation/ScrollAnimationChild.js +1 -0
- package/atoms/ScrollAnimation/ScrollAnimationChildWithEase.cjs +41 -0
- package/atoms/ScrollAnimation/ScrollAnimationChildWithEase.d.ts +6 -0
- package/atoms/ScrollAnimation/ScrollAnimationChildWithEase.js +1 -0
- package/atoms/ScrollAnimation/ScrollAnimationParent.cjs +48 -0
- package/atoms/ScrollAnimation/ScrollAnimationParent.d.ts +35 -0
- package/atoms/ScrollAnimation/ScrollAnimationParent.js +1 -0
- package/atoms/ScrollAnimation/ScrollAnimationWithEase.cjs +41 -0
- package/atoms/ScrollAnimation/ScrollAnimationWithEase.d.ts +6 -0
- package/atoms/ScrollAnimation/ScrollAnimationWithEase.js +1 -0
- package/atoms/ScrollAnimation/animationScrollWithEase.cjs +70 -0
- package/atoms/ScrollAnimation/animationScrollWithEase.d.ts +11 -0
- package/atoms/ScrollAnimation/animationScrollWithEase.js +1 -0
- package/atoms/ScrollAnimation/index.cjs +41 -0
- package/atoms/ScrollAnimation/index.d.ts +7 -0
- package/atoms/ScrollAnimation/index.js +1 -0
- package/atoms/index.cjs +13 -19
- package/atoms/index.d.ts +2 -1
- package/atoms/index.js +1 -13
- package/index.cjs +12 -15
- package/index.d.ts +1 -0
- package/index.js +1 -3
- package/molecules/Accordion/Accordion.cjs +12 -34
- package/molecules/Accordion/Accordion.js +1 -35
- package/molecules/Accordion/Accordion.twig +54 -0
- package/molecules/Accordion/AccordionCore.cjs +8 -13
- package/molecules/Accordion/AccordionCore.d.ts +2 -2
- package/molecules/Accordion/AccordionCore.js +1 -34
- package/molecules/Accordion/AccordionItem.cjs +70 -114
- package/molecules/Accordion/AccordionItem.d.ts +7 -6
- package/molecules/Accordion/AccordionItem.js +1 -178
- package/molecules/Menu/Menu.cjs +148 -0
- package/molecules/Menu/Menu.d.ts +140 -0
- package/molecules/Menu/Menu.js +1 -0
- package/molecules/Menu/MenuBtn.cjs +53 -0
- package/molecules/Menu/MenuBtn.d.ts +39 -0
- package/molecules/Menu/MenuBtn.js +1 -0
- package/molecules/Menu/MenuList.cjs +134 -0
- package/molecules/Menu/MenuList.d.ts +101 -0
- package/molecules/Menu/MenuList.js +1 -0
- package/molecules/Menu/index.cjs +33 -0
- package/molecules/Menu/index.d.ts +3 -0
- package/molecules/Menu/index.js +1 -0
- package/molecules/Modal/Modal.cjs +42 -71
- package/molecules/Modal/Modal.d.ts +5 -5
- package/molecules/Modal/Modal.js +1 -150
- package/molecules/Modal/Modal.twig +108 -0
- package/molecules/Modal/ModalWithTransition.cjs +13 -43
- package/molecules/Modal/ModalWithTransition.js +1 -69
- package/molecules/Modal/StyledModal.twig +39 -0
- package/molecules/Panel/Panel.cjs +42 -76
- package/molecules/Panel/Panel.js +1 -117
- package/molecules/Panel/Panel.twig +73 -0
- package/molecules/Panel/StyledPanel.twig +28 -0
- package/molecules/Slider/AbstractSliderChild.cjs +10 -20
- package/molecules/Slider/AbstractSliderChild.d.ts +6 -2
- package/molecules/Slider/AbstractSliderChild.js +1 -43
- package/molecules/Slider/Slider.cjs +14 -24
- package/molecules/Slider/Slider.d.ts +6 -6
- package/molecules/Slider/Slider.js +1 -209
- package/molecules/Slider/SliderBtn.cjs +9 -16
- package/molecules/Slider/SliderBtn.d.ts +1 -1
- package/molecules/Slider/SliderBtn.js +1 -34
- package/molecules/Slider/SliderCount.cjs +9 -16
- package/molecules/Slider/SliderCount.js +1 -19
- package/molecules/Slider/SliderDots.cjs +9 -16
- package/molecules/Slider/SliderDots.js +1 -24
- package/molecules/Slider/SliderDrag.cjs +8 -13
- package/molecules/Slider/SliderDrag.js +1 -19
- package/molecules/Slider/SliderItem.cjs +14 -37
- package/molecules/Slider/SliderItem.js +1 -105
- package/molecules/Slider/SliderProgress.cjs +9 -16
- package/molecules/Slider/SliderProgress.js +1 -23
- package/molecules/Slider/index.cjs +9 -16
- package/molecules/Slider/index.js +1 -18
- package/molecules/Sticky/Sticky.cjs +11 -19
- package/molecules/Sticky/Sticky.d.ts +8 -8
- package/molecules/Sticky/Sticky.js +1 -107
- package/molecules/Sticky/Sticky.twig +31 -0
- package/molecules/TableOfContent/TableOfContent.cjs +9 -16
- package/molecules/TableOfContent/TableOfContent.d.ts +1 -1
- package/molecules/TableOfContent/TableOfContent.js +1 -42
- package/molecules/TableOfContent/TableOfContentAnchor.cjs +8 -13
- package/molecules/TableOfContent/TableOfContentAnchor.js +1 -39
- package/molecules/TableOfContent/index.cjs +9 -16
- package/molecules/TableOfContent/index.js +1 -6
- package/molecules/Tabs/Tabs.cjs +54 -82
- package/molecules/Tabs/Tabs.d.ts +5 -4
- package/molecules/Tabs/Tabs.js +1 -126
- package/molecules/Tabs/Tabs.twig +20 -0
- package/molecules/index.cjs +13 -18
- package/molecules/index.d.ts +1 -0
- package/molecules/index.js +1 -18
- package/organisms/Frame/Frame.cjs +107 -99
- package/organisms/Frame/Frame.d.ts +37 -4
- package/organisms/Frame/Frame.js +1 -171
- package/organisms/Frame/FrameAnchor.cjs +8 -13
- package/organisms/Frame/FrameAnchor.js +1 -22
- package/organisms/Frame/FrameForm.cjs +8 -13
- package/organisms/Frame/FrameForm.js +1 -22
- package/organisms/Frame/FrameTarget.cjs +31 -73
- package/organisms/Frame/FrameTarget.js +1 -109
- package/organisms/Frame/index.cjs +9 -16
- package/organisms/Frame/index.js +1 -10
- package/organisms/ImageGrid/ImageGrid.twig +42 -0
- package/organisms/index.cjs +9 -13
- package/organisms/index.js +1 -1
- package/package.json +3 -4
- package/primitives/Draggable/Draggable.cjs +15 -28
- package/primitives/Draggable/Draggable.d.ts +0 -5
- package/primitives/Draggable/Draggable.js +1 -38
- package/primitives/Sentinel/Sentinel.cjs +8 -13
- package/primitives/Sentinel/Sentinel.js +1 -15
- package/primitives/Transition/Transition.cjs +12 -17
- package/primitives/Transition/Transition.d.ts +2 -4
- package/primitives/Transition/Transition.js +1 -45
- package/primitives/index.cjs +9 -16
- package/primitives/index.js +1 -8
|
@@ -1,19 +1 @@
|
|
|
1
|
-
|
|
2
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
3
|
-
var __publicField = (obj, key, value) => {
|
|
4
|
-
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
5
|
-
return value;
|
|
6
|
-
};
|
|
7
|
-
import AbstractSliderChild from "./AbstractSliderChild.js";
|
|
8
|
-
class SliderCount extends AbstractSliderChild {
|
|
9
|
-
update(index) {
|
|
10
|
-
this.$refs.current.innerHTML = `${index + 1}`;
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
__publicField(SliderCount, "config", {
|
|
14
|
-
name: "SliderCount",
|
|
15
|
-
refs: ["current"]
|
|
16
|
-
});
|
|
17
|
-
export {
|
|
18
|
-
SliderCount as default
|
|
19
|
-
};
|
|
1
|
+
import r from"./AbstractSliderChild.js";class t extends r{static config={name:"SliderCount",refs:["current"]};update(e){this.$refs.current.innerHTML=`${e+1}`}}export{t as default};
|
|
@@ -5,27 +5,20 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
|
5
5
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
9
8
|
var __export = (target, all) => {
|
|
10
9
|
for (var name in all)
|
|
11
10
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
12
11
|
};
|
|
13
|
-
var
|
|
14
|
-
if (
|
|
15
|
-
for (let key of __getOwnPropNames(
|
|
16
|
-
if (!__hasOwnProp.call(
|
|
17
|
-
__defProp(
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
18
17
|
}
|
|
19
|
-
return
|
|
18
|
+
return to;
|
|
20
19
|
};
|
|
21
|
-
var __toESM = (
|
|
22
|
-
|
|
23
|
-
};
|
|
24
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
25
|
-
return (module2, temp) => {
|
|
26
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
27
|
-
};
|
|
28
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
21
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
22
|
var __publicField = (obj, key, value) => {
|
|
30
23
|
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
31
24
|
return value;
|
|
@@ -36,6 +29,7 @@ var SliderDots_exports = {};
|
|
|
36
29
|
__export(SliderDots_exports, {
|
|
37
30
|
default: () => SliderDots
|
|
38
31
|
});
|
|
32
|
+
module.exports = __toCommonJS(SliderDots_exports);
|
|
39
33
|
var import_AbstractSliderChild = __toESM(require("./AbstractSliderChild.cjs"), 1);
|
|
40
34
|
var SliderDots = class extends import_AbstractSliderChild.default {
|
|
41
35
|
update(index) {
|
|
@@ -51,5 +45,4 @@ __publicField(SliderDots, "config", {
|
|
|
51
45
|
name: "SliderDots",
|
|
52
46
|
refs: ["dots[]"]
|
|
53
47
|
});
|
|
54
|
-
module.exports = __toCommonJS(SliderDots_exports);
|
|
55
48
|
if (module.exports.default) module.exports = module.exports.default;
|
|
@@ -1,24 +1 @@
|
|
|
1
|
-
|
|
2
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
3
|
-
var __publicField = (obj, key, value) => {
|
|
4
|
-
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
5
|
-
return value;
|
|
6
|
-
};
|
|
7
|
-
import AbstractSliderChild from "./AbstractSliderChild.js";
|
|
8
|
-
class SliderDots extends AbstractSliderChild {
|
|
9
|
-
update(index) {
|
|
10
|
-
this.$refs.dots.forEach((dot, i) => {
|
|
11
|
-
dot.classList.toggle("is-active", index === i);
|
|
12
|
-
});
|
|
13
|
-
}
|
|
14
|
-
onDotsClick(event, index) {
|
|
15
|
-
this.$parent.goTo(index);
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
__publicField(SliderDots, "config", {
|
|
19
|
-
name: "SliderDots",
|
|
20
|
-
refs: ["dots[]"]
|
|
21
|
-
});
|
|
22
|
-
export {
|
|
23
|
-
SliderDots as default
|
|
24
|
-
};
|
|
1
|
+
import o from"./AbstractSliderChild.js";class i extends o{static config={name:"SliderDots",refs:["dots[]"]};update(s){this.$refs.dots.forEach((t,e)=>{t.classList.toggle("is-active",s===e)})}onDotsClick(s,t){this.$parent.goTo(t)}}export{i as default};
|
|
@@ -3,24 +3,19 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
3
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
5
|
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
7
6
|
var __export = (target, all) => {
|
|
8
7
|
for (var name in all)
|
|
9
8
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
9
|
};
|
|
11
|
-
var
|
|
12
|
-
if (
|
|
13
|
-
for (let key of __getOwnPropNames(
|
|
14
|
-
if (!__hasOwnProp.call(
|
|
15
|
-
__defProp(
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
15
|
}
|
|
17
|
-
return
|
|
16
|
+
return to;
|
|
18
17
|
};
|
|
19
|
-
var __toCommonJS =
|
|
20
|
-
return (module2, temp) => {
|
|
21
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
22
|
-
};
|
|
23
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
24
19
|
var __publicField = (obj, key, value) => {
|
|
25
20
|
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
26
21
|
return value;
|
|
@@ -31,6 +26,7 @@ var SliderDrag_exports = {};
|
|
|
31
26
|
__export(SliderDrag_exports, {
|
|
32
27
|
default: () => SliderDrag
|
|
33
28
|
});
|
|
29
|
+
module.exports = __toCommonJS(SliderDrag_exports);
|
|
34
30
|
var import_js_toolkit = require("@studiometa/js-toolkit");
|
|
35
31
|
var SliderDrag = class extends (0, import_js_toolkit.withDrag)(import_js_toolkit.Base) {
|
|
36
32
|
dragged(props) {
|
|
@@ -41,5 +37,4 @@ __publicField(SliderDrag, "config", {
|
|
|
41
37
|
name: "SliderDrag",
|
|
42
38
|
emits: ["start", "drag", "drop", "inertia", "stop"]
|
|
43
39
|
});
|
|
44
|
-
module.exports = __toCommonJS(SliderDrag_exports);
|
|
45
40
|
if (module.exports.default) module.exports = module.exports.default;
|
|
@@ -1,19 +1 @@
|
|
|
1
|
-
|
|
2
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
3
|
-
var __publicField = (obj, key, value) => {
|
|
4
|
-
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
5
|
-
return value;
|
|
6
|
-
};
|
|
7
|
-
import { Base, withDrag } from "@studiometa/js-toolkit";
|
|
8
|
-
class SliderDrag extends withDrag(Base) {
|
|
9
|
-
dragged(props) {
|
|
10
|
-
this.$emit(props.mode, props);
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
__publicField(SliderDrag, "config", {
|
|
14
|
-
name: "SliderDrag",
|
|
15
|
-
emits: ["start", "drag", "drop", "inertia", "stop"]
|
|
16
|
-
});
|
|
17
|
-
export {
|
|
18
|
-
SliderDrag as default
|
|
19
|
-
};
|
|
1
|
+
import{Base as e,withDrag as a}from"@studiometa/js-toolkit";class r extends a(e){static config={name:"SliderDrag",emits:["start","drag","drop","inertia","stop"]};dragged(t){this.$emit(t.mode,t)}}export{r as default};
|
|
@@ -1,42 +1,21 @@
|
|
|
1
1
|
var __defProp = Object.defineProperty;
|
|
2
|
-
var __defProps = Object.defineProperties;
|
|
3
2
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
5
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
7
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
9
5
|
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
10
|
-
var __spreadValues = (a, b) => {
|
|
11
|
-
for (var prop in b || (b = {}))
|
|
12
|
-
if (__hasOwnProp.call(b, prop))
|
|
13
|
-
__defNormalProp(a, prop, b[prop]);
|
|
14
|
-
if (__getOwnPropSymbols)
|
|
15
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
16
|
-
if (__propIsEnum.call(b, prop))
|
|
17
|
-
__defNormalProp(a, prop, b[prop]);
|
|
18
|
-
}
|
|
19
|
-
return a;
|
|
20
|
-
};
|
|
21
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
22
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
23
6
|
var __export = (target, all) => {
|
|
24
7
|
for (var name in all)
|
|
25
8
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
26
9
|
};
|
|
27
|
-
var
|
|
28
|
-
if (
|
|
29
|
-
for (let key of __getOwnPropNames(
|
|
30
|
-
if (!__hasOwnProp.call(
|
|
31
|
-
__defProp(
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
32
15
|
}
|
|
33
|
-
return
|
|
16
|
+
return to;
|
|
34
17
|
};
|
|
35
|
-
var __toCommonJS =
|
|
36
|
-
return (module2, temp) => {
|
|
37
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
38
|
-
};
|
|
39
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
40
19
|
var __publicField = (obj, key, value) => {
|
|
41
20
|
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
42
21
|
return value;
|
|
@@ -47,15 +26,13 @@ var SliderItem_exports = {};
|
|
|
47
26
|
__export(SliderItem_exports, {
|
|
48
27
|
default: () => SliderItem
|
|
49
28
|
});
|
|
29
|
+
module.exports = __toCommonJS(SliderItem_exports);
|
|
50
30
|
var import_js_toolkit = require("@studiometa/js-toolkit");
|
|
51
31
|
var import_utils = require("@studiometa/js-toolkit/utils");
|
|
52
32
|
var SliderItem = class extends (0, import_js_toolkit.withIntersectionObserver)(import_js_toolkit.Base, { threshold: [0, 1] }) {
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
__publicField(this, "x", 0);
|
|
57
|
-
__publicField(this, "dampedX", 0);
|
|
58
|
-
}
|
|
33
|
+
isVisible = false;
|
|
34
|
+
x = 0;
|
|
35
|
+
dampedX = 0;
|
|
59
36
|
mounted() {
|
|
60
37
|
this.updateRectAdjustedWithX();
|
|
61
38
|
}
|
|
@@ -115,16 +92,16 @@ var SliderItem = class extends (0, import_js_toolkit.withIntersectionObserver)(i
|
|
|
115
92
|
updateRectAdjustedWithX() {
|
|
116
93
|
const x = this.x * -1;
|
|
117
94
|
const rect = this.$el.getBoundingClientRect().toJSON();
|
|
118
|
-
this.rect =
|
|
95
|
+
this.rect = {
|
|
96
|
+
...rect,
|
|
119
97
|
left: rect.left + x,
|
|
120
98
|
right: rect.left + x + rect.width,
|
|
121
99
|
x: rect.left + x
|
|
122
|
-
}
|
|
100
|
+
};
|
|
123
101
|
}
|
|
124
102
|
};
|
|
125
103
|
__publicField(SliderItem, "config", {
|
|
126
104
|
name: "SliderItem",
|
|
127
105
|
emits: ["is-fully-visible", "is-partially-visible", "is-hidden"]
|
|
128
106
|
});
|
|
129
|
-
module.exports = __toCommonJS(SliderItem_exports);
|
|
130
107
|
if (module.exports.default) module.exports = module.exports.default;
|
|
@@ -1,105 +1 @@
|
|
|
1
|
-
|
|
2
|
-
var __defProps = Object.defineProperties;
|
|
3
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
-
var __spreadValues = (a, b) => {
|
|
9
|
-
for (var prop in b || (b = {}))
|
|
10
|
-
if (__hasOwnProp.call(b, prop))
|
|
11
|
-
__defNormalProp(a, prop, b[prop]);
|
|
12
|
-
if (__getOwnPropSymbols)
|
|
13
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
-
if (__propIsEnum.call(b, prop))
|
|
15
|
-
__defNormalProp(a, prop, b[prop]);
|
|
16
|
-
}
|
|
17
|
-
return a;
|
|
18
|
-
};
|
|
19
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
-
var __publicField = (obj, key, value) => {
|
|
21
|
-
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
22
|
-
return value;
|
|
23
|
-
};
|
|
24
|
-
import { Base, withIntersectionObserver } from "@studiometa/js-toolkit";
|
|
25
|
-
import { matrix, damp } from "@studiometa/js-toolkit/utils";
|
|
26
|
-
class SliderItem extends withIntersectionObserver(Base, { threshold: [0, 1] }) {
|
|
27
|
-
constructor() {
|
|
28
|
-
super(...arguments);
|
|
29
|
-
__publicField(this, "isVisible", false);
|
|
30
|
-
__publicField(this, "x", 0);
|
|
31
|
-
__publicField(this, "dampedX", 0);
|
|
32
|
-
}
|
|
33
|
-
mounted() {
|
|
34
|
-
this.updateRectAdjustedWithX();
|
|
35
|
-
}
|
|
36
|
-
resized() {
|
|
37
|
-
this.updateRectAdjustedWithX();
|
|
38
|
-
}
|
|
39
|
-
destroyed() {
|
|
40
|
-
this.moveInstantly(0);
|
|
41
|
-
}
|
|
42
|
-
intersected([{ intersectionRatio, isIntersecting }]) {
|
|
43
|
-
if (intersectionRatio >= 1) {
|
|
44
|
-
this.$emit("is-fully-visible");
|
|
45
|
-
this.$el.setAttribute("aria-hidden", "false");
|
|
46
|
-
} else if (intersectionRatio > 0) {
|
|
47
|
-
this.$emit("is-partially-visible");
|
|
48
|
-
this.$el.setAttribute("aria-hidden", "true");
|
|
49
|
-
} else {
|
|
50
|
-
this.$emit("is-hidden");
|
|
51
|
-
this.$el.setAttribute("aria-hidden", "true");
|
|
52
|
-
}
|
|
53
|
-
this.isVisible = isIntersecting;
|
|
54
|
-
}
|
|
55
|
-
ticked() {
|
|
56
|
-
this.dampedX = damp(this.x, this.dampedX, 0.2, 1e-5);
|
|
57
|
-
this.$el.style.transform = `${matrix({
|
|
58
|
-
translateX: this.dampedX
|
|
59
|
-
})} translateZ(0px)`;
|
|
60
|
-
if (this.dampedX === this.x) {
|
|
61
|
-
this.$services.disable("ticked");
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
activate() {
|
|
65
|
-
this.$el.classList.add("is-active");
|
|
66
|
-
}
|
|
67
|
-
disactivate() {
|
|
68
|
-
this.$el.classList.remove("is-active");
|
|
69
|
-
}
|
|
70
|
-
move(targetPosition) {
|
|
71
|
-
this.x = targetPosition;
|
|
72
|
-
if (!this.$services.has("ticked")) {
|
|
73
|
-
this.$services.enable("ticked");
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
moveInstantly(targetPosition) {
|
|
77
|
-
this.x = targetPosition;
|
|
78
|
-
this.dampedX = targetPosition;
|
|
79
|
-
this.$el.style.transform = `${matrix({
|
|
80
|
-
translateX: targetPosition
|
|
81
|
-
})} translateZ(0px)`;
|
|
82
|
-
}
|
|
83
|
-
willBeVisible(targetPosition) {
|
|
84
|
-
return this.rect.x + targetPosition < window.innerWidth * 1.5 && this.rect.x + targetPosition + this.rect.width > window.innerWidth * -0.5;
|
|
85
|
-
}
|
|
86
|
-
willBeFullyVisible(targetPosition) {
|
|
87
|
-
return this.rect.x + targetPosition < window.innerWidth && this.rect.x + targetPosition > 0 && this.rect.x + targetPosition + this.rect.width < window.innerWidth && this.rect.x + targetPosition + this.rect.width > 0;
|
|
88
|
-
}
|
|
89
|
-
updateRectAdjustedWithX() {
|
|
90
|
-
const x = this.x * -1;
|
|
91
|
-
const rect = this.$el.getBoundingClientRect().toJSON();
|
|
92
|
-
this.rect = __spreadProps(__spreadValues({}, rect), {
|
|
93
|
-
left: rect.left + x,
|
|
94
|
-
right: rect.left + x + rect.width,
|
|
95
|
-
x: rect.left + x
|
|
96
|
-
});
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
__publicField(SliderItem, "config", {
|
|
100
|
-
name: "SliderItem",
|
|
101
|
-
emits: ["is-fully-visible", "is-partially-visible", "is-hidden"]
|
|
102
|
-
});
|
|
103
|
-
export {
|
|
104
|
-
SliderItem as default
|
|
105
|
-
};
|
|
1
|
+
import{Base as s,withIntersectionObserver as d}from"@studiometa/js-toolkit";import{matrix as i,damp as h}from"@studiometa/js-toolkit/utils";class l extends d(s,{threshold:[0,1]}){static config={name:"SliderItem",emits:["is-fully-visible","is-partially-visible","is-hidden"]};isVisible=!1;x=0;dampedX=0;mounted(){this.updateRectAdjustedWithX()}resized(){this.updateRectAdjustedWithX()}destroyed(){this.moveInstantly(0)}intersected([{intersectionRatio:t,isIntersecting:e}]){t>=1?(this.$emit("is-fully-visible"),this.$el.setAttribute("aria-hidden","false")):t>0?(this.$emit("is-partially-visible"),this.$el.setAttribute("aria-hidden","true")):(this.$emit("is-hidden"),this.$el.setAttribute("aria-hidden","true")),this.isVisible=e}ticked(){this.dampedX=h(this.x,this.dampedX,.2,1e-5),this.$el.style.transform=`${i({translateX:this.dampedX})} translateZ(0px)`,this.dampedX===this.x&&this.$services.disable("ticked")}activate(){this.$el.classList.add("is-active")}disactivate(){this.$el.classList.remove("is-active")}move(t){this.x=t,this.$services.has("ticked")||this.$services.enable("ticked")}moveInstantly(t){this.x=t,this.dampedX=t,this.$el.style.transform=`${i({translateX:t})} translateZ(0px)`}willBeVisible(t){return this.rect.x+t<window.innerWidth*1.5&&this.rect.x+t+this.rect.width>window.innerWidth*-.5}willBeFullyVisible(t){return this.rect.x+t<window.innerWidth&&this.rect.x+t>0&&this.rect.x+t+this.rect.width<window.innerWidth&&this.rect.x+t+this.rect.width>0}updateRectAdjustedWithX(){const t=this.x*-1,e=this.$el.getBoundingClientRect().toJSON();this.rect={...e,left:e.left+t,right:e.left+t+e.width,x:e.left+t}}}export{l as default};
|
|
@@ -5,27 +5,20 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
|
5
5
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
9
8
|
var __export = (target, all) => {
|
|
10
9
|
for (var name in all)
|
|
11
10
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
12
11
|
};
|
|
13
|
-
var
|
|
14
|
-
if (
|
|
15
|
-
for (let key of __getOwnPropNames(
|
|
16
|
-
if (!__hasOwnProp.call(
|
|
17
|
-
__defProp(
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
18
17
|
}
|
|
19
|
-
return
|
|
18
|
+
return to;
|
|
20
19
|
};
|
|
21
|
-
var __toESM = (
|
|
22
|
-
|
|
23
|
-
};
|
|
24
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
25
|
-
return (module2, temp) => {
|
|
26
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
27
|
-
};
|
|
28
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
21
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
22
|
var __publicField = (obj, key, value) => {
|
|
30
23
|
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
31
24
|
return value;
|
|
@@ -36,6 +29,7 @@ var SliderProgress_exports = {};
|
|
|
36
29
|
__export(SliderProgress_exports, {
|
|
37
30
|
default: () => SliderProgress
|
|
38
31
|
});
|
|
32
|
+
module.exports = __toCommonJS(SliderProgress_exports);
|
|
39
33
|
var import_utils = require("@studiometa/js-toolkit/utils");
|
|
40
34
|
var import_AbstractSliderChild = __toESM(require("./AbstractSliderChild.cjs"), 1);
|
|
41
35
|
var SliderProgress = class extends import_AbstractSliderChild.default {
|
|
@@ -50,5 +44,4 @@ __publicField(SliderProgress, "config", {
|
|
|
50
44
|
name: "SliderProgress",
|
|
51
45
|
refs: ["progress"]
|
|
52
46
|
});
|
|
53
|
-
module.exports = __toCommonJS(SliderProgress_exports);
|
|
54
47
|
if (module.exports.default) module.exports = module.exports.default;
|
|
@@ -1,23 +1 @@
|
|
|
1
|
-
|
|
2
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
3
|
-
var __publicField = (obj, key, value) => {
|
|
4
|
-
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
5
|
-
return value;
|
|
6
|
-
};
|
|
7
|
-
import { matrix, map } from "@studiometa/js-toolkit/utils";
|
|
8
|
-
import AbstractSliderChild from "./AbstractSliderChild.js";
|
|
9
|
-
class SliderProgress extends AbstractSliderChild {
|
|
10
|
-
update(index) {
|
|
11
|
-
const unit = this.$refs.progress.clientWidth / this.$parent.indexMax;
|
|
12
|
-
this.$refs.progress.style.transform = matrix({
|
|
13
|
-
translateX: map(index, 0, this.$parent.indexMax, (this.$refs.progress.clientWidth - unit) * -1, 0)
|
|
14
|
-
});
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
__publicField(SliderProgress, "config", {
|
|
18
|
-
name: "SliderProgress",
|
|
19
|
-
refs: ["progress"]
|
|
20
|
-
});
|
|
21
|
-
export {
|
|
22
|
-
SliderProgress as default
|
|
23
|
-
};
|
|
1
|
+
import{matrix as t,map as e}from"@studiometa/js-toolkit/utils";import i from"./AbstractSliderChild.js";class a extends i{static config={name:"SliderProgress",refs:["progress"]};update(r){const s=this.$refs.progress.clientWidth/this.$parent.indexMax;this.$refs.progress.style.transform=t({translateX:e(r,0,this.$parent.indexMax,(this.$refs.progress.clientWidth-s)*-1,0)})}}export{a as default};
|
|
@@ -4,27 +4,20 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
5
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
7
|
var __export = (target, all) => {
|
|
9
8
|
for (var name in all)
|
|
10
9
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
10
|
};
|
|
12
|
-
var
|
|
13
|
-
if (
|
|
14
|
-
for (let key of __getOwnPropNames(
|
|
15
|
-
if (!__hasOwnProp.call(
|
|
16
|
-
__defProp(
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
16
|
}
|
|
18
|
-
return
|
|
17
|
+
return to;
|
|
19
18
|
};
|
|
20
|
-
var __toESM = (
|
|
21
|
-
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
20
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
21
|
|
|
29
22
|
// packages/ui/molecules/Slider/index.js
|
|
30
23
|
var Slider_exports = {};
|
|
@@ -38,6 +31,7 @@ __export(Slider_exports, {
|
|
|
38
31
|
SliderItem: () => import_SliderItem.default,
|
|
39
32
|
SliderProgress: () => import_SliderProgress.default
|
|
40
33
|
});
|
|
34
|
+
module.exports = __toCommonJS(Slider_exports);
|
|
41
35
|
var import_AbstractSliderChild = __toESM(require("./AbstractSliderChild.cjs"), 1);
|
|
42
36
|
var import_Slider = __toESM(require("./Slider.cjs"), 1);
|
|
43
37
|
var import_SliderBtn = __toESM(require("./SliderBtn.cjs"), 1);
|
|
@@ -46,5 +40,4 @@ var import_SliderDrag = __toESM(require("./SliderDrag.cjs"), 1);
|
|
|
46
40
|
var import_SliderItem = __toESM(require("./SliderItem.cjs"), 1);
|
|
47
41
|
var import_SliderProgress = __toESM(require("./SliderProgress.cjs"), 1);
|
|
48
42
|
var import_SliderDots = __toESM(require("./SliderDots.cjs"), 1);
|
|
49
|
-
module.exports = __toCommonJS(Slider_exports);
|
|
50
43
|
if (module.exports.default) module.exports = module.exports.default;
|
|
@@ -1,18 +1 @@
|
|
|
1
|
-
import { default as
|
|
2
|
-
import { default as default3 } from "./Slider.js";
|
|
3
|
-
import { default as default4 } from "./SliderBtn.js";
|
|
4
|
-
import { default as default5 } from "./SliderCount.js";
|
|
5
|
-
import { default as default6 } from "./SliderDrag.js";
|
|
6
|
-
import { default as default7 } from "./SliderItem.js";
|
|
7
|
-
import { default as default8 } from "./SliderProgress.js";
|
|
8
|
-
import { default as default9 } from "./SliderDots.js";
|
|
9
|
-
export {
|
|
10
|
-
default2 as AbstractSliderChild,
|
|
11
|
-
default3 as Slider,
|
|
12
|
-
default4 as SliderBtn,
|
|
13
|
-
default5 as SliderCount,
|
|
14
|
-
default9 as SliderDots,
|
|
15
|
-
default6 as SliderDrag,
|
|
16
|
-
default7 as SliderItem,
|
|
17
|
-
default8 as SliderProgress
|
|
18
|
-
};
|
|
1
|
+
import{default as t}from"./AbstractSliderChild.js";import{default as a}from"./Slider.js";import{default as l}from"./SliderBtn.js";import{default as s}from"./SliderCount.js";import{default as m}from"./SliderDrag.js";import{default as p}from"./SliderItem.js";import{default as S}from"./SliderProgress.js";import{default as n}from"./SliderDots.js";export{t as AbstractSliderChild,a as Slider,l as SliderBtn,s as SliderCount,n as SliderDots,m as SliderDrag,p as SliderItem,S as SliderProgress};
|
|
@@ -3,24 +3,19 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
3
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
5
|
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
7
6
|
var __export = (target, all) => {
|
|
8
7
|
for (var name in all)
|
|
9
8
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
9
|
};
|
|
11
|
-
var
|
|
12
|
-
if (
|
|
13
|
-
for (let key of __getOwnPropNames(
|
|
14
|
-
if (!__hasOwnProp.call(
|
|
15
|
-
__defProp(
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
15
|
}
|
|
17
|
-
return
|
|
16
|
+
return to;
|
|
18
17
|
};
|
|
19
|
-
var __toCommonJS =
|
|
20
|
-
return (module2, temp) => {
|
|
21
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
22
|
-
};
|
|
23
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
24
19
|
var __publicField = (obj, key, value) => {
|
|
25
20
|
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
26
21
|
return value;
|
|
@@ -31,14 +26,12 @@ var Sticky_exports = {};
|
|
|
31
26
|
__export(Sticky_exports, {
|
|
32
27
|
default: () => Sticky
|
|
33
28
|
});
|
|
29
|
+
module.exports = __toCommonJS(Sticky_exports);
|
|
34
30
|
var import_js_toolkit = require("@studiometa/js-toolkit");
|
|
35
31
|
var import_primitives = require("../../primitives/index.cjs");
|
|
36
32
|
var _Sticky = class extends import_js_toolkit.Base {
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
__publicField(this, "isSticky", false);
|
|
40
|
-
__publicField(this, "isVisible", true);
|
|
41
|
-
}
|
|
33
|
+
isSticky = false;
|
|
34
|
+
isVisible = true;
|
|
42
35
|
set y(value) {
|
|
43
36
|
this.$refs.inner.style.transform = `translateY(${value}px) translateZ(0px)`;
|
|
44
37
|
}
|
|
@@ -99,7 +92,7 @@ var _Sticky = class extends import_js_toolkit.Base {
|
|
|
99
92
|
return;
|
|
100
93
|
}
|
|
101
94
|
const { instances } = this;
|
|
102
|
-
index = index
|
|
95
|
+
index = index ?? instances.findIndex((instance) => instance === this);
|
|
103
96
|
this.y = instances.slice(0, index).filter((instance) => instance.isSticky && !instance.isVisible).reduce((y, instance) => {
|
|
104
97
|
return y - instance.$refs.inner.offsetHeight;
|
|
105
98
|
}, this.isVisible ? 0 : this.$refs.inner.offsetHeight * -1);
|
|
@@ -129,5 +122,4 @@ __publicField(Sticky, "config", {
|
|
|
129
122
|
}
|
|
130
123
|
});
|
|
131
124
|
__publicField(Sticky, "instances", /* @__PURE__ */ new Set());
|
|
132
|
-
module.exports = __toCommonJS(Sticky_exports);
|
|
133
125
|
if (module.exports.default) module.exports = module.exports.default;
|
|
@@ -66,23 +66,23 @@ export default class Sticky extends Base {
|
|
|
66
66
|
* Mounted hook.
|
|
67
67
|
* @this {StickyInterface}
|
|
68
68
|
*/
|
|
69
|
-
mounted(): void;
|
|
69
|
+
mounted(this: StickyInterface): void;
|
|
70
70
|
/**
|
|
71
71
|
* Resized hook.
|
|
72
72
|
* @this {StickyInterface}
|
|
73
73
|
* @returns {void}
|
|
74
74
|
*/
|
|
75
|
-
resized(): void;
|
|
75
|
+
resized(this: StickyInterface): void;
|
|
76
76
|
/**
|
|
77
77
|
* Destroyed hook.
|
|
78
78
|
* @this {StickyInterface}
|
|
79
79
|
*/
|
|
80
|
-
destroyed(): void;
|
|
80
|
+
destroyed(this: StickyInterface): void;
|
|
81
81
|
/**
|
|
82
82
|
* Scrolled hook.
|
|
83
83
|
* @this {StickyInterface}
|
|
84
84
|
*/
|
|
85
|
-
scrolled(props: any): void;
|
|
85
|
+
scrolled(this: StickyInterface, props: any): void;
|
|
86
86
|
/**
|
|
87
87
|
* Listen to the sentinel's `intersected` event to set the `isSticky` value.
|
|
88
88
|
*
|
|
@@ -94,17 +94,17 @@ export default class Sticky extends Base {
|
|
|
94
94
|
* Hide the sticky component when another one is sticky.
|
|
95
95
|
* @this {StickyInterface}
|
|
96
96
|
*/
|
|
97
|
-
hide(): void;
|
|
97
|
+
hide(this: StickyInterface): void;
|
|
98
98
|
/**
|
|
99
99
|
* Show the sticky component when the other one is not sticky anymore.
|
|
100
100
|
* @this {StickyInterface}
|
|
101
101
|
*/
|
|
102
|
-
show(): void;
|
|
102
|
+
show(this: StickyInterface): void;
|
|
103
103
|
/**
|
|
104
104
|
* Set the sentinel height based on the previous instances.
|
|
105
105
|
* @this {StickyInterface}
|
|
106
106
|
*/
|
|
107
|
-
setSentinelSize(): void;
|
|
107
|
+
setSentinelSize(this: StickyInterface): void;
|
|
108
108
|
/**
|
|
109
109
|
* Set the component's position.
|
|
110
110
|
*
|
|
@@ -112,7 +112,7 @@ export default class Sticky extends Base {
|
|
|
112
112
|
* @param {number} [index] The instance index in all the pages' instances.
|
|
113
113
|
* @returns {void}
|
|
114
114
|
*/
|
|
115
|
-
setPosition(index?: number): void;
|
|
115
|
+
setPosition(this: StickyInterface, index?: number): void;
|
|
116
116
|
/**
|
|
117
117
|
* Find the first parent which has a relative position.
|
|
118
118
|
*
|