@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.
Files changed (163) hide show
  1. package/atoms/AnchorScrollTo/AnchorScrollTo.cjs +8 -13
  2. package/atoms/AnchorScrollTo/AnchorScrollTo.js +1 -26
  3. package/atoms/Button/Button.twig +68 -0
  4. package/atoms/Button/StyledButton.twig +47 -0
  5. package/atoms/Cursor/Cursor.cjs +14 -22
  6. package/atoms/Cursor/Cursor.d.ts +2 -2
  7. package/atoms/Cursor/Cursor.js +1 -103
  8. package/atoms/Cursor/Cursor.twig +28 -0
  9. package/atoms/Figure/Figure.cjs +20 -16
  10. package/atoms/Figure/Figure.d.ts +19 -1
  11. package/atoms/Figure/Figure.js +1 -27
  12. package/atoms/Figure/Figure.twig +120 -0
  13. package/atoms/Figure/FigureTwicPics.cjs +72 -0
  14. package/atoms/Figure/FigureTwicPics.d.ts +48 -0
  15. package/atoms/Figure/FigureTwicPics.js +1 -0
  16. package/atoms/Figure/index.cjs +31 -0
  17. package/atoms/Figure/index.d.ts +2 -0
  18. package/atoms/Figure/index.js +1 -0
  19. package/atoms/Icon/Icon.twig +13 -0
  20. package/atoms/LargeText/LargeText.cjs +15 -23
  21. package/atoms/LargeText/LargeText.d.ts +3 -3
  22. package/atoms/LargeText/LargeText.js +1 -64
  23. package/atoms/LargeText/LargeText.twig +49 -0
  24. package/atoms/LazyInclude/LazyInclude.cjs +8 -13
  25. package/atoms/LazyInclude/LazyInclude.d.ts +4 -4
  26. package/atoms/LazyInclude/LazyInclude.js +1 -46
  27. package/atoms/Prefetch/AbstractPrefetch.cjs +8 -13
  28. package/atoms/Prefetch/AbstractPrefetch.d.ts +1 -1
  29. package/atoms/Prefetch/AbstractPrefetch.js +1 -58
  30. package/atoms/Prefetch/PrefetchWhenOver.cjs +12 -34
  31. package/atoms/Prefetch/PrefetchWhenOver.d.ts +1 -1
  32. package/atoms/Prefetch/PrefetchWhenOver.js +1 -35
  33. package/atoms/Prefetch/PrefetchWhenVisible.cjs +12 -34
  34. package/atoms/Prefetch/PrefetchWhenVisible.d.ts +1 -1
  35. package/atoms/Prefetch/PrefetchWhenVisible.js +1 -36
  36. package/atoms/Prefetch/index.cjs +9 -16
  37. package/atoms/Prefetch/index.js +1 -8
  38. package/atoms/ScrollAnimation/AbstractScrollAnimation.cjs +126 -0
  39. package/atoms/ScrollAnimation/AbstractScrollAnimation.d.ts +133 -0
  40. package/atoms/ScrollAnimation/AbstractScrollAnimation.js +1 -0
  41. package/atoms/ScrollAnimation/ScrollAnimation.cjs +51 -0
  42. package/atoms/ScrollAnimation/ScrollAnimation.d.ts +55 -0
  43. package/atoms/ScrollAnimation/ScrollAnimation.js +1 -0
  44. package/atoms/ScrollAnimation/ScrollAnimationChild.cjs +51 -0
  45. package/atoms/ScrollAnimation/ScrollAnimationChild.d.ts +13 -0
  46. package/atoms/ScrollAnimation/ScrollAnimationChild.js +1 -0
  47. package/atoms/ScrollAnimation/ScrollAnimationChildWithEase.cjs +41 -0
  48. package/atoms/ScrollAnimation/ScrollAnimationChildWithEase.d.ts +6 -0
  49. package/atoms/ScrollAnimation/ScrollAnimationChildWithEase.js +1 -0
  50. package/atoms/ScrollAnimation/ScrollAnimationParent.cjs +48 -0
  51. package/atoms/ScrollAnimation/ScrollAnimationParent.d.ts +35 -0
  52. package/atoms/ScrollAnimation/ScrollAnimationParent.js +1 -0
  53. package/atoms/ScrollAnimation/ScrollAnimationWithEase.cjs +41 -0
  54. package/atoms/ScrollAnimation/ScrollAnimationWithEase.d.ts +6 -0
  55. package/atoms/ScrollAnimation/ScrollAnimationWithEase.js +1 -0
  56. package/atoms/ScrollAnimation/animationScrollWithEase.cjs +70 -0
  57. package/atoms/ScrollAnimation/animationScrollWithEase.d.ts +11 -0
  58. package/atoms/ScrollAnimation/animationScrollWithEase.js +1 -0
  59. package/atoms/ScrollAnimation/index.cjs +41 -0
  60. package/atoms/ScrollAnimation/index.d.ts +7 -0
  61. package/atoms/ScrollAnimation/index.js +1 -0
  62. package/atoms/index.cjs +13 -19
  63. package/atoms/index.d.ts +2 -1
  64. package/atoms/index.js +1 -13
  65. package/index.cjs +12 -15
  66. package/index.d.ts +1 -0
  67. package/index.js +1 -3
  68. package/molecules/Accordion/Accordion.cjs +12 -34
  69. package/molecules/Accordion/Accordion.js +1 -35
  70. package/molecules/Accordion/Accordion.twig +54 -0
  71. package/molecules/Accordion/AccordionCore.cjs +8 -13
  72. package/molecules/Accordion/AccordionCore.d.ts +2 -2
  73. package/molecules/Accordion/AccordionCore.js +1 -34
  74. package/molecules/Accordion/AccordionItem.cjs +70 -114
  75. package/molecules/Accordion/AccordionItem.d.ts +7 -6
  76. package/molecules/Accordion/AccordionItem.js +1 -178
  77. package/molecules/Menu/Menu.cjs +148 -0
  78. package/molecules/Menu/Menu.d.ts +140 -0
  79. package/molecules/Menu/Menu.js +1 -0
  80. package/molecules/Menu/MenuBtn.cjs +53 -0
  81. package/molecules/Menu/MenuBtn.d.ts +39 -0
  82. package/molecules/Menu/MenuBtn.js +1 -0
  83. package/molecules/Menu/MenuList.cjs +134 -0
  84. package/molecules/Menu/MenuList.d.ts +101 -0
  85. package/molecules/Menu/MenuList.js +1 -0
  86. package/molecules/Menu/index.cjs +33 -0
  87. package/molecules/Menu/index.d.ts +3 -0
  88. package/molecules/Menu/index.js +1 -0
  89. package/molecules/Modal/Modal.cjs +42 -71
  90. package/molecules/Modal/Modal.d.ts +5 -5
  91. package/molecules/Modal/Modal.js +1 -150
  92. package/molecules/Modal/Modal.twig +108 -0
  93. package/molecules/Modal/ModalWithTransition.cjs +13 -43
  94. package/molecules/Modal/ModalWithTransition.js +1 -69
  95. package/molecules/Modal/StyledModal.twig +39 -0
  96. package/molecules/Panel/Panel.cjs +42 -76
  97. package/molecules/Panel/Panel.js +1 -117
  98. package/molecules/Panel/Panel.twig +73 -0
  99. package/molecules/Panel/StyledPanel.twig +28 -0
  100. package/molecules/Slider/AbstractSliderChild.cjs +10 -20
  101. package/molecules/Slider/AbstractSliderChild.d.ts +6 -2
  102. package/molecules/Slider/AbstractSliderChild.js +1 -43
  103. package/molecules/Slider/Slider.cjs +14 -24
  104. package/molecules/Slider/Slider.d.ts +6 -6
  105. package/molecules/Slider/Slider.js +1 -209
  106. package/molecules/Slider/SliderBtn.cjs +9 -16
  107. package/molecules/Slider/SliderBtn.d.ts +1 -1
  108. package/molecules/Slider/SliderBtn.js +1 -34
  109. package/molecules/Slider/SliderCount.cjs +9 -16
  110. package/molecules/Slider/SliderCount.js +1 -19
  111. package/molecules/Slider/SliderDots.cjs +9 -16
  112. package/molecules/Slider/SliderDots.js +1 -24
  113. package/molecules/Slider/SliderDrag.cjs +8 -13
  114. package/molecules/Slider/SliderDrag.js +1 -19
  115. package/molecules/Slider/SliderItem.cjs +14 -37
  116. package/molecules/Slider/SliderItem.js +1 -105
  117. package/molecules/Slider/SliderProgress.cjs +9 -16
  118. package/molecules/Slider/SliderProgress.js +1 -23
  119. package/molecules/Slider/index.cjs +9 -16
  120. package/molecules/Slider/index.js +1 -18
  121. package/molecules/Sticky/Sticky.cjs +11 -19
  122. package/molecules/Sticky/Sticky.d.ts +8 -8
  123. package/molecules/Sticky/Sticky.js +1 -107
  124. package/molecules/Sticky/Sticky.twig +31 -0
  125. package/molecules/TableOfContent/TableOfContent.cjs +9 -16
  126. package/molecules/TableOfContent/TableOfContent.d.ts +1 -1
  127. package/molecules/TableOfContent/TableOfContent.js +1 -42
  128. package/molecules/TableOfContent/TableOfContentAnchor.cjs +8 -13
  129. package/molecules/TableOfContent/TableOfContentAnchor.js +1 -39
  130. package/molecules/TableOfContent/index.cjs +9 -16
  131. package/molecules/TableOfContent/index.js +1 -6
  132. package/molecules/Tabs/Tabs.cjs +54 -82
  133. package/molecules/Tabs/Tabs.d.ts +5 -4
  134. package/molecules/Tabs/Tabs.js +1 -126
  135. package/molecules/Tabs/Tabs.twig +20 -0
  136. package/molecules/index.cjs +13 -18
  137. package/molecules/index.d.ts +1 -0
  138. package/molecules/index.js +1 -18
  139. package/organisms/Frame/Frame.cjs +107 -99
  140. package/organisms/Frame/Frame.d.ts +37 -4
  141. package/organisms/Frame/Frame.js +1 -171
  142. package/organisms/Frame/FrameAnchor.cjs +8 -13
  143. package/organisms/Frame/FrameAnchor.js +1 -22
  144. package/organisms/Frame/FrameForm.cjs +8 -13
  145. package/organisms/Frame/FrameForm.js +1 -22
  146. package/organisms/Frame/FrameTarget.cjs +31 -73
  147. package/organisms/Frame/FrameTarget.js +1 -109
  148. package/organisms/Frame/index.cjs +9 -16
  149. package/organisms/Frame/index.js +1 -10
  150. package/organisms/ImageGrid/ImageGrid.twig +42 -0
  151. package/organisms/index.cjs +9 -13
  152. package/organisms/index.js +1 -1
  153. package/package.json +3 -4
  154. package/primitives/Draggable/Draggable.cjs +15 -28
  155. package/primitives/Draggable/Draggable.d.ts +0 -5
  156. package/primitives/Draggable/Draggable.js +1 -38
  157. package/primitives/Sentinel/Sentinel.cjs +8 -13
  158. package/primitives/Sentinel/Sentinel.js +1 -15
  159. package/primitives/Transition/Transition.cjs +12 -17
  160. package/primitives/Transition/Transition.d.ts +2 -4
  161. package/primitives/Transition/Transition.js +1 -45
  162. package/primitives/index.cjs +9 -16
  163. package/primitives/index.js +1 -8
@@ -1,19 +1 @@
1
- var __defProp = Object.defineProperty;
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 __reExport = (target, module2, copyDefault, desc) => {
14
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
15
- for (let key of __getOwnPropNames(module2))
16
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
17
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
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 target;
18
+ return to;
20
19
  };
21
- var __toESM = (module2, isNodeMode) => {
22
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
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
- var __defProp = Object.defineProperty;
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 __reExport = (target, module2, copyDefault, desc) => {
12
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
13
- for (let key of __getOwnPropNames(module2))
14
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
15
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
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 target;
16
+ return to;
18
17
  };
19
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
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
- var __defProp = Object.defineProperty;
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 __reExport = (target, module2, copyDefault, desc) => {
28
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
29
- for (let key of __getOwnPropNames(module2))
30
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
31
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
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 target;
16
+ return to;
34
17
  };
35
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
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
- constructor() {
54
- super(...arguments);
55
- __publicField(this, "isVisible", false);
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 = __spreadProps(__spreadValues({}, 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
- var __defProp = Object.defineProperty;
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 __reExport = (target, module2, copyDefault, desc) => {
14
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
15
- for (let key of __getOwnPropNames(module2))
16
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
17
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
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 target;
18
+ return to;
20
19
  };
21
- var __toESM = (module2, isNodeMode) => {
22
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
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
- var __defProp = Object.defineProperty;
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 __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
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 target;
17
+ return to;
19
18
  };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
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 default2 } from "./AbstractSliderChild.js";
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 __reExport = (target, module2, copyDefault, desc) => {
12
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
13
- for (let key of __getOwnPropNames(module2))
14
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
15
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
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 target;
16
+ return to;
18
17
  };
19
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
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
- constructor() {
38
- super(...arguments);
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 != null ? index : instances.findIndex((instance) => instance === this);
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
  *