@studiometa/ui 0.2.2 → 0.2.5

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 (148) hide show
  1. package/atoms/AnchorScrollTo/AnchorScrollTo.cjs +8 -13
  2. package/atoms/AnchorScrollTo/AnchorScrollTo.js +1 -26
  3. package/atoms/Cursor/Cursor.cjs +14 -22
  4. package/atoms/Cursor/Cursor.d.ts +2 -2
  5. package/atoms/Cursor/Cursor.js +1 -103
  6. package/atoms/Figure/Figure.cjs +20 -16
  7. package/atoms/Figure/Figure.d.ts +19 -1
  8. package/atoms/Figure/Figure.js +1 -27
  9. package/atoms/Figure/FigureTwicPics.cjs +72 -0
  10. package/atoms/Figure/FigureTwicPics.d.ts +48 -0
  11. package/atoms/Figure/FigureTwicPics.js +1 -0
  12. package/atoms/Figure/index.cjs +31 -0
  13. package/atoms/Figure/index.d.ts +2 -0
  14. package/atoms/Figure/index.js +1 -0
  15. package/atoms/LargeText/LargeText.cjs +36 -28
  16. package/atoms/LargeText/LargeText.d.ts +27 -4
  17. package/atoms/LargeText/LargeText.js +1 -48
  18. package/atoms/LazyInclude/LazyInclude.cjs +8 -13
  19. package/atoms/LazyInclude/LazyInclude.d.ts +4 -4
  20. package/atoms/LazyInclude/LazyInclude.js +1 -46
  21. package/atoms/Prefetch/AbstractPrefetch.cjs +8 -13
  22. package/atoms/Prefetch/AbstractPrefetch.d.ts +1 -1
  23. package/atoms/Prefetch/AbstractPrefetch.js +1 -58
  24. package/atoms/Prefetch/PrefetchWhenOver.cjs +12 -34
  25. package/atoms/Prefetch/PrefetchWhenOver.d.ts +1 -1
  26. package/atoms/Prefetch/PrefetchWhenOver.js +1 -35
  27. package/atoms/Prefetch/PrefetchWhenVisible.cjs +12 -34
  28. package/atoms/Prefetch/PrefetchWhenVisible.d.ts +1 -1
  29. package/atoms/Prefetch/PrefetchWhenVisible.js +1 -36
  30. package/atoms/Prefetch/index.cjs +9 -16
  31. package/atoms/Prefetch/index.js +1 -8
  32. package/atoms/ScrollAnimation/AbstractScrollAnimation.cjs +126 -0
  33. package/atoms/ScrollAnimation/AbstractScrollAnimation.d.ts +133 -0
  34. package/atoms/ScrollAnimation/AbstractScrollAnimation.js +1 -0
  35. package/atoms/ScrollAnimation/ScrollAnimation.cjs +51 -0
  36. package/atoms/ScrollAnimation/ScrollAnimation.d.ts +55 -0
  37. package/atoms/ScrollAnimation/ScrollAnimation.js +1 -0
  38. package/atoms/ScrollAnimation/ScrollAnimationChild.cjs +51 -0
  39. package/atoms/ScrollAnimation/ScrollAnimationChild.d.ts +13 -0
  40. package/atoms/ScrollAnimation/ScrollAnimationChild.js +1 -0
  41. package/atoms/ScrollAnimation/ScrollAnimationChildWithEase.cjs +41 -0
  42. package/atoms/ScrollAnimation/ScrollAnimationChildWithEase.d.ts +6 -0
  43. package/atoms/ScrollAnimation/ScrollAnimationChildWithEase.js +1 -0
  44. package/atoms/ScrollAnimation/ScrollAnimationParent.cjs +48 -0
  45. package/atoms/ScrollAnimation/ScrollAnimationParent.d.ts +35 -0
  46. package/atoms/ScrollAnimation/ScrollAnimationParent.js +1 -0
  47. package/atoms/ScrollAnimation/ScrollAnimationWithEase.cjs +41 -0
  48. package/atoms/ScrollAnimation/ScrollAnimationWithEase.d.ts +6 -0
  49. package/atoms/ScrollAnimation/ScrollAnimationWithEase.js +1 -0
  50. package/atoms/ScrollAnimation/animationScrollWithEase.cjs +70 -0
  51. package/atoms/ScrollAnimation/animationScrollWithEase.d.ts +11 -0
  52. package/atoms/ScrollAnimation/animationScrollWithEase.js +1 -0
  53. package/atoms/ScrollAnimation/index.cjs +41 -0
  54. package/atoms/ScrollAnimation/index.d.ts +7 -0
  55. package/atoms/ScrollAnimation/index.js +1 -0
  56. package/atoms/index.cjs +13 -19
  57. package/atoms/index.d.ts +2 -1
  58. package/atoms/index.js +1 -13
  59. package/index.cjs +11 -15
  60. package/index.js +1 -3
  61. package/molecules/Accordion/Accordion.cjs +12 -34
  62. package/molecules/Accordion/Accordion.js +1 -35
  63. package/molecules/Accordion/AccordionCore.cjs +8 -13
  64. package/molecules/Accordion/AccordionCore.d.ts +2 -2
  65. package/molecules/Accordion/AccordionCore.js +1 -34
  66. package/molecules/Accordion/AccordionItem.cjs +70 -114
  67. package/molecules/Accordion/AccordionItem.d.ts +7 -6
  68. package/molecules/Accordion/AccordionItem.js +1 -178
  69. package/molecules/Menu/Menu.cjs +148 -0
  70. package/molecules/Menu/Menu.d.ts +140 -0
  71. package/molecules/Menu/Menu.js +1 -0
  72. package/molecules/Menu/MenuBtn.cjs +53 -0
  73. package/molecules/Menu/MenuBtn.d.ts +39 -0
  74. package/molecules/Menu/MenuBtn.js +1 -0
  75. package/molecules/Menu/MenuList.cjs +134 -0
  76. package/molecules/Menu/MenuList.d.ts +101 -0
  77. package/molecules/Menu/MenuList.js +1 -0
  78. package/molecules/Menu/index.cjs +33 -0
  79. package/molecules/Menu/index.d.ts +3 -0
  80. package/molecules/Menu/index.js +1 -0
  81. package/molecules/Modal/Modal.cjs +42 -71
  82. package/molecules/Modal/Modal.d.ts +5 -5
  83. package/molecules/Modal/Modal.js +1 -150
  84. package/molecules/Modal/ModalWithTransition.cjs +13 -43
  85. package/molecules/Modal/ModalWithTransition.js +1 -69
  86. package/molecules/Panel/Panel.cjs +42 -76
  87. package/molecules/Panel/Panel.js +1 -117
  88. package/molecules/Slider/AbstractSliderChild.cjs +10 -20
  89. package/molecules/Slider/AbstractSliderChild.d.ts +6 -2
  90. package/molecules/Slider/AbstractSliderChild.js +1 -43
  91. package/molecules/Slider/Slider.cjs +14 -24
  92. package/molecules/Slider/Slider.d.ts +6 -6
  93. package/molecules/Slider/Slider.js +1 -209
  94. package/molecules/Slider/SliderBtn.cjs +9 -16
  95. package/molecules/Slider/SliderBtn.d.ts +1 -1
  96. package/molecules/Slider/SliderBtn.js +1 -34
  97. package/molecules/Slider/SliderCount.cjs +9 -16
  98. package/molecules/Slider/SliderCount.js +1 -19
  99. package/molecules/Slider/SliderDots.cjs +9 -16
  100. package/molecules/Slider/SliderDots.js +1 -24
  101. package/molecules/Slider/SliderDrag.cjs +8 -13
  102. package/molecules/Slider/SliderDrag.js +1 -19
  103. package/molecules/Slider/SliderItem.cjs +14 -37
  104. package/molecules/Slider/SliderItem.js +1 -105
  105. package/molecules/Slider/SliderProgress.cjs +9 -16
  106. package/molecules/Slider/SliderProgress.js +1 -23
  107. package/molecules/Slider/index.cjs +9 -16
  108. package/molecules/Slider/index.js +1 -18
  109. package/molecules/Sticky/Sticky.cjs +11 -19
  110. package/molecules/Sticky/Sticky.d.ts +8 -8
  111. package/molecules/Sticky/Sticky.js +1 -107
  112. package/molecules/TableOfContent/TableOfContent.cjs +9 -16
  113. package/molecules/TableOfContent/TableOfContent.d.ts +1 -1
  114. package/molecules/TableOfContent/TableOfContent.js +1 -42
  115. package/molecules/TableOfContent/TableOfContentAnchor.cjs +8 -13
  116. package/molecules/TableOfContent/TableOfContentAnchor.js +1 -39
  117. package/molecules/TableOfContent/index.cjs +9 -16
  118. package/molecules/TableOfContent/index.js +1 -6
  119. package/molecules/Tabs/Tabs.cjs +54 -82
  120. package/molecules/Tabs/Tabs.d.ts +5 -4
  121. package/molecules/Tabs/Tabs.js +1 -126
  122. package/molecules/index.cjs +13 -18
  123. package/molecules/index.d.ts +1 -0
  124. package/molecules/index.js +1 -18
  125. package/organisms/Frame/Frame.cjs +67 -98
  126. package/organisms/Frame/Frame.d.ts +3 -3
  127. package/organisms/Frame/Frame.js +1 -171
  128. package/organisms/Frame/FrameAnchor.cjs +8 -13
  129. package/organisms/Frame/FrameAnchor.js +1 -22
  130. package/organisms/Frame/FrameForm.cjs +8 -13
  131. package/organisms/Frame/FrameForm.js +1 -22
  132. package/organisms/Frame/FrameTarget.cjs +31 -73
  133. package/organisms/Frame/FrameTarget.js +1 -109
  134. package/organisms/Frame/index.cjs +9 -16
  135. package/organisms/Frame/index.js +1 -10
  136. package/organisms/index.cjs +9 -13
  137. package/organisms/index.js +1 -1
  138. package/package.json +3 -4
  139. package/primitives/Draggable/Draggable.cjs +15 -28
  140. package/primitives/Draggable/Draggable.d.ts +0 -5
  141. package/primitives/Draggable/Draggable.js +1 -38
  142. package/primitives/Sentinel/Sentinel.cjs +8 -13
  143. package/primitives/Sentinel/Sentinel.js +1 -15
  144. package/primitives/Transition/Transition.cjs +12 -17
  145. package/primitives/Transition/Transition.d.ts +2 -4
  146. package/primitives/Transition/Transition.js +1 -45
  147. package/primitives/index.cjs +9 -16
  148. package/primitives/index.js +1 -8
@@ -1,15 +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, withIntersectionObserver } from "@studiometa/js-toolkit";
8
- class Sentinel extends withIntersectionObserver(Base, { threshold: [0, 1] }) {
9
- }
10
- __publicField(Sentinel, "config", {
11
- name: "Sentinel"
12
- });
13
- export {
14
- Sentinel as default
15
- };
1
+ import{Base as e,withIntersectionObserver as t}from"@studiometa/js-toolkit";class n extends t(e,{threshold:[0,1]}){static config={name:"Sentinel"}}export{n 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 Transition_exports = {};
31
26
  __export(Transition_exports, {
32
27
  default: () => Transition
33
28
  });
29
+ module.exports = __toCommonJS(Transition_exports);
34
30
  var import_js_toolkit = require("@studiometa/js-toolkit");
35
31
  var import_utils = require("@studiometa/js-toolkit/utils");
36
32
  var Transition = class extends import_js_toolkit.Base {
@@ -38,17 +34,17 @@ var Transition = class extends import_js_toolkit.Base {
38
34
  return this.$el;
39
35
  }
40
36
  enter() {
41
- const { enterFrom, enterActive, enterTo, enterKeep } = this.$options;
37
+ const { enterFrom, enterActive, enterTo, enterKeep, leaveTo } = this.$options;
42
38
  return (0, import_utils.transition)(this.target, {
43
- from: enterFrom,
39
+ from: (leaveTo + " " + enterFrom).trim(),
44
40
  active: enterActive,
45
41
  to: enterTo
46
42
  }, enterKeep && "keep");
47
43
  }
48
44
  leave() {
49
- const { leaveFrom, leaveActive, leaveTo, leaveKeep } = this.$options;
45
+ const { leaveFrom, leaveActive, leaveTo, leaveKeep, enterTo } = this.$options;
50
46
  return (0, import_utils.transition)(this.target, {
51
- from: leaveFrom,
47
+ from: (enterTo + " " + leaveFrom).trim(),
52
48
  active: leaveActive,
53
49
  to: leaveTo
54
50
  }, leaveKeep && "keep");
@@ -67,5 +63,4 @@ __publicField(Transition, "config", {
67
63
  leaveKeep: Boolean
68
64
  }
69
65
  });
70
- module.exports = __toCommonJS(Transition_exports);
71
66
  if (module.exports.default) module.exports = module.exports.default;
@@ -36,19 +36,17 @@ export default class Transition extends Base {
36
36
  /**
37
37
  * Trigger the enter transition.
38
38
  *
39
- * @todo merge leaveTo and enterFrom classes when leaveKeep is active
40
39
  * @this {TransitionInterface}
41
40
  * @returns {Promise<void>}
42
41
  */
43
- enter(): Promise<void>;
42
+ enter(this: TransitionInterface): Promise<void>;
44
43
  /**
45
44
  * Trigger the leave transition.
46
45
  *
47
- * @todo merge enterTo and leaveTo classes when enterKeep is active
48
46
  * @this {TransitionInterface}
49
47
  * @returns {Promise<void>}
50
48
  */
51
- leave(): Promise<void>;
49
+ leave(this: TransitionInterface): Promise<void>;
52
50
  }
53
51
  export type TransitionOptions = {
54
52
  enterFrom: string;
@@ -1,45 +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 } from "@studiometa/js-toolkit";
8
- import { transition } from "@studiometa/js-toolkit/utils";
9
- class Transition extends Base {
10
- get target() {
11
- return this.$el;
12
- }
13
- enter() {
14
- const { enterFrom, enterActive, enterTo, enterKeep } = this.$options;
15
- return transition(this.target, {
16
- from: enterFrom,
17
- active: enterActive,
18
- to: enterTo
19
- }, enterKeep && "keep");
20
- }
21
- leave() {
22
- const { leaveFrom, leaveActive, leaveTo, leaveKeep } = this.$options;
23
- return transition(this.target, {
24
- from: leaveFrom,
25
- active: leaveActive,
26
- to: leaveTo
27
- }, leaveKeep && "keep");
28
- }
29
- }
30
- __publicField(Transition, "config", {
31
- name: "Transition",
32
- options: {
33
- enterFrom: String,
34
- enterActive: String,
35
- enterTo: String,
36
- enterKeep: Boolean,
37
- leaveFrom: String,
38
- leaveActive: String,
39
- leaveTo: String,
40
- leaveKeep: Boolean
41
- }
42
- });
43
- export {
44
- Transition as default
45
- };
1
+ import{Base as a}from"@studiometa/js-toolkit";import{transition as i}from"@studiometa/js-toolkit/utils";class s extends a{static config={name:"Transition",options:{enterFrom:String,enterActive:String,enterTo:String,enterKeep:Boolean,leaveFrom:String,leaveActive:String,leaveTo:String,leaveKeep:Boolean}};get target(){return this.$el}enter(){const{enterFrom:e,enterActive:t,enterTo:r,enterKeep:n,leaveTo:o}=this.$options;return i(this.target,{from:(o+" "+e).trim(),active:t,to:r},n&&"keep")}leave(){const{leaveFrom:e,leaveActive:t,leaveTo:r,leaveKeep:n,enterTo:o}=this.$options;return i(this.target,{from:(o+" "+e).trim(),active:t,to:r},n&&"keep")}}export{s 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/primitives/index.js
30
23
  var primitives_exports = {};
@@ -33,8 +26,8 @@ __export(primitives_exports, {
33
26
  Sentinel: () => import_Sentinel.default,
34
27
  Transition: () => import_Transition.default
35
28
  });
29
+ module.exports = __toCommonJS(primitives_exports);
36
30
  var import_Draggable = __toESM(require("./Draggable/Draggable.cjs"), 1);
37
31
  var import_Sentinel = __toESM(require("./Sentinel/Sentinel.cjs"), 1);
38
32
  var import_Transition = __toESM(require("./Transition/Transition.cjs"), 1);
39
- module.exports = __toCommonJS(primitives_exports);
40
33
  if (module.exports.default) module.exports = module.exports.default;
@@ -1,8 +1 @@
1
- import { default as default2 } from "./Draggable/Draggable.js";
2
- import { default as default3 } from "./Sentinel/Sentinel.js";
3
- import { default as default4 } from "./Transition/Transition.js";
4
- export {
5
- default2 as Draggable,
6
- default3 as Sentinel,
7
- default4 as Transition
8
- };
1
+ import{default as r}from"./Draggable/Draggable.js";import{default as o}from"./Sentinel/Sentinel.js";import{default as l}from"./Transition/Transition.js";export{r as Draggable,o as Sentinel,l as Transition};