@studiometa/ui 0.2.3 → 0.2.4

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 (117) 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 +9 -14
  7. package/atoms/Figure/Figure.d.ts +1 -1
  8. package/atoms/Figure/Figure.js +1 -27
  9. package/atoms/LargeText/LargeText.cjs +15 -23
  10. package/atoms/LargeText/LargeText.d.ts +3 -3
  11. package/atoms/LargeText/LargeText.js +1 -64
  12. package/atoms/LazyInclude/LazyInclude.cjs +8 -13
  13. package/atoms/LazyInclude/LazyInclude.d.ts +4 -4
  14. package/atoms/LazyInclude/LazyInclude.js +1 -46
  15. package/atoms/Prefetch/AbstractPrefetch.cjs +8 -13
  16. package/atoms/Prefetch/AbstractPrefetch.d.ts +1 -1
  17. package/atoms/Prefetch/AbstractPrefetch.js +1 -58
  18. package/atoms/Prefetch/PrefetchWhenOver.cjs +12 -34
  19. package/atoms/Prefetch/PrefetchWhenOver.d.ts +1 -1
  20. package/atoms/Prefetch/PrefetchWhenOver.js +1 -35
  21. package/atoms/Prefetch/PrefetchWhenVisible.cjs +12 -34
  22. package/atoms/Prefetch/PrefetchWhenVisible.d.ts +1 -1
  23. package/atoms/Prefetch/PrefetchWhenVisible.js +1 -36
  24. package/atoms/Prefetch/index.cjs +9 -16
  25. package/atoms/Prefetch/index.js +1 -8
  26. package/atoms/index.cjs +11 -17
  27. package/atoms/index.js +1 -13
  28. package/index.cjs +11 -15
  29. package/index.js +1 -3
  30. package/molecules/Accordion/Accordion.cjs +12 -34
  31. package/molecules/Accordion/Accordion.js +1 -35
  32. package/molecules/Accordion/AccordionCore.cjs +8 -13
  33. package/molecules/Accordion/AccordionCore.d.ts +2 -2
  34. package/molecules/Accordion/AccordionCore.js +1 -34
  35. package/molecules/Accordion/AccordionItem.cjs +70 -114
  36. package/molecules/Accordion/AccordionItem.d.ts +7 -6
  37. package/molecules/Accordion/AccordionItem.js +1 -178
  38. package/molecules/Menu/Menu.cjs +148 -0
  39. package/molecules/Menu/Menu.d.ts +140 -0
  40. package/molecules/Menu/Menu.js +1 -0
  41. package/molecules/Menu/MenuBtn.cjs +53 -0
  42. package/molecules/Menu/MenuBtn.d.ts +39 -0
  43. package/molecules/Menu/MenuBtn.js +1 -0
  44. package/molecules/Menu/MenuList.cjs +134 -0
  45. package/molecules/Menu/MenuList.d.ts +101 -0
  46. package/molecules/Menu/MenuList.js +1 -0
  47. package/molecules/Menu/index.cjs +33 -0
  48. package/molecules/Menu/index.d.ts +3 -0
  49. package/molecules/Menu/index.js +1 -0
  50. package/molecules/Modal/Modal.cjs +42 -71
  51. package/molecules/Modal/Modal.d.ts +5 -5
  52. package/molecules/Modal/Modal.js +1 -150
  53. package/molecules/Modal/ModalWithTransition.cjs +13 -43
  54. package/molecules/Modal/ModalWithTransition.js +1 -69
  55. package/molecules/Panel/Panel.cjs +42 -76
  56. package/molecules/Panel/Panel.js +1 -117
  57. package/molecules/Slider/AbstractSliderChild.cjs +10 -20
  58. package/molecules/Slider/AbstractSliderChild.d.ts +6 -2
  59. package/molecules/Slider/AbstractSliderChild.js +1 -43
  60. package/molecules/Slider/Slider.cjs +14 -24
  61. package/molecules/Slider/Slider.d.ts +6 -6
  62. package/molecules/Slider/Slider.js +1 -209
  63. package/molecules/Slider/SliderBtn.cjs +9 -16
  64. package/molecules/Slider/SliderBtn.d.ts +1 -1
  65. package/molecules/Slider/SliderBtn.js +1 -34
  66. package/molecules/Slider/SliderCount.cjs +9 -16
  67. package/molecules/Slider/SliderCount.js +1 -19
  68. package/molecules/Slider/SliderDots.cjs +9 -16
  69. package/molecules/Slider/SliderDots.js +1 -24
  70. package/molecules/Slider/SliderDrag.cjs +8 -13
  71. package/molecules/Slider/SliderDrag.js +1 -19
  72. package/molecules/Slider/SliderItem.cjs +14 -37
  73. package/molecules/Slider/SliderItem.js +1 -105
  74. package/molecules/Slider/SliderProgress.cjs +9 -16
  75. package/molecules/Slider/SliderProgress.js +1 -23
  76. package/molecules/Slider/index.cjs +9 -16
  77. package/molecules/Slider/index.js +1 -18
  78. package/molecules/Sticky/Sticky.cjs +11 -19
  79. package/molecules/Sticky/Sticky.d.ts +8 -8
  80. package/molecules/Sticky/Sticky.js +1 -107
  81. package/molecules/TableOfContent/TableOfContent.cjs +9 -16
  82. package/molecules/TableOfContent/TableOfContent.d.ts +1 -1
  83. package/molecules/TableOfContent/TableOfContent.js +1 -42
  84. package/molecules/TableOfContent/TableOfContentAnchor.cjs +8 -13
  85. package/molecules/TableOfContent/TableOfContentAnchor.js +1 -39
  86. package/molecules/TableOfContent/index.cjs +9 -16
  87. package/molecules/TableOfContent/index.js +1 -6
  88. package/molecules/Tabs/Tabs.cjs +54 -82
  89. package/molecules/Tabs/Tabs.d.ts +5 -4
  90. package/molecules/Tabs/Tabs.js +1 -126
  91. package/molecules/index.cjs +13 -18
  92. package/molecules/index.d.ts +1 -0
  93. package/molecules/index.js +1 -18
  94. package/organisms/Frame/Frame.cjs +67 -98
  95. package/organisms/Frame/Frame.d.ts +3 -3
  96. package/organisms/Frame/Frame.js +1 -171
  97. package/organisms/Frame/FrameAnchor.cjs +8 -13
  98. package/organisms/Frame/FrameAnchor.js +1 -22
  99. package/organisms/Frame/FrameForm.cjs +8 -13
  100. package/organisms/Frame/FrameForm.js +1 -22
  101. package/organisms/Frame/FrameTarget.cjs +31 -73
  102. package/organisms/Frame/FrameTarget.js +1 -109
  103. package/organisms/Frame/index.cjs +9 -16
  104. package/organisms/Frame/index.js +1 -10
  105. package/organisms/index.cjs +9 -13
  106. package/organisms/index.js +1 -1
  107. package/package.json +3 -4
  108. package/primitives/Draggable/Draggable.cjs +15 -28
  109. package/primitives/Draggable/Draggable.d.ts +0 -5
  110. package/primitives/Draggable/Draggable.js +1 -38
  111. package/primitives/Sentinel/Sentinel.cjs +8 -13
  112. package/primitives/Sentinel/Sentinel.js +1 -15
  113. package/primitives/Transition/Transition.cjs +12 -17
  114. package/primitives/Transition/Transition.d.ts +2 -4
  115. package/primitives/Transition/Transition.js +1 -45
  116. package/primitives/index.cjs +9 -16
  117. package/primitives/index.js +1 -8
@@ -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
  *
@@ -1,107 +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 { Sentinel } from "../../primitives/index.js";
9
- const _Sticky = class extends Base {
10
- constructor() {
11
- super(...arguments);
12
- __publicField(this, "isSticky", false);
13
- __publicField(this, "isVisible", true);
14
- }
15
- set y(value) {
16
- this.$refs.inner.style.transform = `translateY(${value}px) translateZ(0px)`;
17
- }
18
- get instances() {
19
- return Array.from(_Sticky.instances);
20
- }
21
- mounted() {
22
- _Sticky.instances.add(this);
23
- this.setSentinelSize();
24
- }
25
- resized() {
26
- this.setSentinelSize();
27
- }
28
- destroyed() {
29
- _Sticky.instances.delete(this);
30
- }
31
- scrolled(props) {
32
- if (!this.isSticky || props.y === props.last.y) {
33
- return;
34
- }
35
- if (props.direction.y === "DOWN" && this.$options.hideWhenDown || props.direction.y === "UP" && this.$options.hideWhenUp) {
36
- this.hide();
37
- } else {
38
- this.show();
39
- }
40
- }
41
- onSentinelIntersected([entry]) {
42
- this.isSticky = entry.isIntersecting && entry.boundingClientRect.y < 0;
43
- this.setPosition();
44
- }
45
- hide() {
46
- if (!this.isVisible) {
47
- return;
48
- }
49
- this.isVisible = false;
50
- this.$el.classList.add("pointer-events-none");
51
- this.instances.forEach((instance, index) => instance.setPosition(index));
52
- }
53
- show() {
54
- if (this.isVisible) {
55
- return;
56
- }
57
- this.isVisible = true;
58
- this.$el.classList.remove("pointer-events-none");
59
- this.instances.forEach((instance, index) => instance.setPosition(index));
60
- }
61
- setSentinelSize() {
62
- const { instances } = this;
63
- const index = instances.findIndex((instance) => instance === this);
64
- const height = instances.slice(0, index).filter((instance) => this.closestRelativeElement(instance.$el).contains(this.$el)).reduce((acc, instance) => acc + instance.$el.offsetHeight, 0);
65
- this.$refs.sentinelRef.style.height = `${height + 1}px`;
66
- this.$el.style.top = `${height}px`;
67
- this.$el.style.zIndex = String(this.$options.zIndex - index);
68
- }
69
- setPosition(index) {
70
- if (!this.isSticky) {
71
- this.y = 0;
72
- return;
73
- }
74
- const { instances } = this;
75
- index = index != null ? index : instances.findIndex((instance) => instance === this);
76
- this.y = instances.slice(0, index).filter((instance) => instance.isSticky && !instance.isVisible).reduce((y, instance) => {
77
- return y - instance.$refs.inner.offsetHeight;
78
- }, this.isVisible ? 0 : this.$refs.inner.offsetHeight * -1);
79
- }
80
- closestRelativeElement(element) {
81
- let parent = element.parentElement;
82
- while (getComputedStyle(parent).position !== "relative" && parent.parentElement) {
83
- parent = parent.parentElement;
84
- }
85
- return parent;
86
- }
87
- };
88
- let Sticky = _Sticky;
89
- __publicField(Sticky, "config", {
90
- name: "Sticky",
91
- refs: ["inner", "sentinelRef"],
92
- components: {
93
- Sentinel
94
- },
95
- options: {
96
- zIndex: {
97
- type: Number,
98
- default: 100
99
- },
100
- hideWhenUp: Boolean,
101
- hideWhenDown: Boolean
102
- }
103
- });
104
- __publicField(Sticky, "instances", /* @__PURE__ */ new Set());
105
- export {
106
- Sticky as default
107
- };
1
+ import{Base as o}from"@studiometa/js-toolkit";import{Sentinel as h}from"../../primitives/index.js";class n extends o{static config={name:"Sticky",refs:["inner","sentinelRef"],components:{Sentinel:h},options:{zIndex:{type:Number,default:100},hideWhenUp:Boolean,hideWhenDown:Boolean}};static instances=new Set;isSticky=!1;isVisible=!0;set y(e){this.$refs.inner.style.transform=`translateY(${e}px) translateZ(0px)`}get instances(){return Array.from(n.instances)}mounted(){n.instances.add(this),this.setSentinelSize()}resized(){this.setSentinelSize()}destroyed(){n.instances.delete(this)}scrolled(e){!this.isSticky||e.y===e.last.y||(e.direction.y==="DOWN"&&this.$options.hideWhenDown||e.direction.y==="UP"&&this.$options.hideWhenUp?this.hide():this.show())}onSentinelIntersected([e]){this.isSticky=e.isIntersecting&&e.boundingClientRect.y<0,this.setPosition()}hide(){!this.isVisible||(this.isVisible=!1,this.$el.classList.add("pointer-events-none"),this.instances.forEach((e,t)=>e.setPosition(t)))}show(){this.isVisible||(this.isVisible=!0,this.$el.classList.remove("pointer-events-none"),this.instances.forEach((e,t)=>e.setPosition(t)))}setSentinelSize(){const{instances:e}=this,t=e.findIndex(s=>s===this),i=e.slice(0,t).filter(s=>this.closestRelativeElement(s.$el).contains(this.$el)).reduce((s,l)=>s+l.$el.offsetHeight,0);this.$refs.sentinelRef.style.height=`${i+1}px`,this.$el.style.top=`${i}px`,this.$el.style.zIndex=String(this.$options.zIndex-t)}setPosition(e){if(!this.isSticky){this.y=0;return}const{instances:t}=this;e=e??t.findIndex(i=>i===this),this.y=t.slice(0,e).filter(i=>i.isSticky&&!i.isVisible).reduce((i,s)=>i-s.$refs.inner.offsetHeight,this.isVisible?0:this.$refs.inner.offsetHeight*-1)}closestRelativeElement(e){let t=e.parentElement;for(;getComputedStyle(t).position!=="relative"&&t.parentElement;)t=t.parentElement;return t}}export{n 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 TableOfContent_exports = {};
36
29
  __export(TableOfContent_exports, {
37
30
  default: () => TableOfContent
38
31
  });
32
+ module.exports = __toCommonJS(TableOfContent_exports);
39
33
  var import_js_toolkit = require("@studiometa/js-toolkit");
40
34
  var import_TableOfContentAnchor = __toESM(require("./TableOfContentAnchor.cjs"), 1);
41
35
  var TableOfContent = class extends import_js_toolkit.Base {
@@ -69,5 +63,4 @@ __publicField(TableOfContent, "config", {
69
63
  withTemplate: Boolean
70
64
  }
71
65
  });
72
- module.exports = __toCommonJS(TableOfContent_exports);
73
66
  if (module.exports.default) module.exports = module.exports.default;
@@ -43,7 +43,7 @@ export default class TableOfContent extends Base {
43
43
  * @this {TableOfContentInterface}
44
44
  * @returns {void}
45
45
  */
46
- generateAnchors(): void;
46
+ generateAnchors(this: TableOfContentInterface): void;
47
47
  }
48
48
  export type TableOfContentInterface = TableOfContent & {
49
49
  $refs: {
@@ -1,42 +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 TableOfContentAnchor from "./TableOfContentAnchor.js";
9
- class TableOfContent extends Base {
10
- mounted() {
11
- if (this.$options.withTemplate) {
12
- this.generateAnchors();
13
- this.$update();
14
- }
15
- }
16
- generateAnchors() {
17
- document.querySelectorAll(this.$options.contentSelector).forEach((section) => {
18
- const tpl = document.createElement("div");
19
- tpl.innerHTML = this.$refs.itemTemplate.innerHTML;
20
- const li = tpl.querySelector("li");
21
- const anchor = li.querySelector("a");
22
- anchor.href = `#${section.id}`;
23
- anchor.innerHTML = section.textContent;
24
- anchor.dataset.component = "TableOfContentAnchor";
25
- this.$refs.list.appendChild(li);
26
- });
27
- }
28
- }
29
- __publicField(TableOfContent, "config", {
30
- name: "TableOfContent",
31
- refs: ["itemTemplate", "list"],
32
- components: {
33
- TableOfContentAnchor
34
- },
35
- options: {
36
- contentSelector: String,
37
- withTemplate: Boolean
38
- }
39
- });
40
- export {
41
- TableOfContent as default
42
- };
1
+ import{Base as r}from"@studiometa/js-toolkit";import i from"./TableOfContentAnchor.js";class l extends r{static config={name:"TableOfContent",refs:["itemTemplate","list"],components:{TableOfContentAnchor:i},options:{contentSelector:String,withTemplate:Boolean}};mounted(){this.$options.withTemplate&&(this.generateAnchors(),this.$update())}generateAnchors(){document.querySelectorAll(this.$options.contentSelector).forEach(t=>{const n=document.createElement("div");n.innerHTML=this.$refs.itemTemplate.innerHTML;const o=n.querySelector("li"),e=o.querySelector("a");e.href=`#${t.id}`,e.innerHTML=t.textContent,e.dataset.component="TableOfContentAnchor",this.$refs.list.appendChild(o)})}}export{l 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 TableOfContentAnchor_exports = {};
31
26
  __export(TableOfContentAnchor_exports, {
32
27
  default: () => TableOfContentAnchor
33
28
  });
29
+ module.exports = __toCommonJS(TableOfContentAnchor_exports);
34
30
  var import_atoms = require("../../atoms/index.cjs");
35
31
  var TableOfContentAnchor = class extends import_atoms.AnchorScrollTo {
36
32
  get sentinel() {
@@ -61,5 +57,4 @@ __publicField(TableOfContentAnchor, "config", {
61
57
  }
62
58
  }
63
59
  });
64
- module.exports = __toCommonJS(TableOfContentAnchor_exports);
65
60
  if (module.exports.default) module.exports = module.exports.default;
@@ -1,39 +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 { AnchorScrollTo } from "../../atoms/index.js";
8
- class TableOfContentAnchor extends AnchorScrollTo {
9
- get sentinel() {
10
- return document.querySelector(this.targetSelector);
11
- }
12
- mounted() {
13
- if (!this.sentinel) {
14
- return;
15
- }
16
- this.observer = new IntersectionObserver(([entry]) => {
17
- const shouldActivate = entry.isIntersecting && entry.boundingClientRect.y < 100 && entry.boundingClientRect.y > 100;
18
- this.$el.classList.toggle(this.$options.activeClass, shouldActivate);
19
- this.$emit("should-activate", shouldActivate);
20
- });
21
- this.observer.observe(this.sentinel);
22
- }
23
- destroyed() {
24
- this.observer.disconnect();
25
- }
26
- }
27
- __publicField(TableOfContentAnchor, "config", {
28
- name: "TableOfContentAnchor",
29
- emits: ["should-activate"],
30
- options: {
31
- activeClass: {
32
- type: String,
33
- default: "is-active"
34
- }
35
- }
36
- });
37
- export {
38
- TableOfContentAnchor as default
39
- };
1
+ import{AnchorScrollTo as s}from"../../atoms/index.js";class i extends s{static config={name:"TableOfContentAnchor",emits:["should-activate"],options:{activeClass:{type:String,default:"is-active"}}};get sentinel(){return document.querySelector(this.targetSelector)}mounted(){!this.sentinel||(this.observer=new IntersectionObserver(([e])=>{const t=e.isIntersecting&&e.boundingClientRect.y<100&&e.boundingClientRect.y>100;this.$el.classList.toggle(this.$options.activeClass,t),this.$emit("should-activate",t)}),this.observer.observe(this.sentinel))}destroyed(){this.observer.disconnect()}}export{i 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/TableOfContent/index.js
30
23
  var TableOfContent_exports = {};
@@ -32,7 +25,7 @@ __export(TableOfContent_exports, {
32
25
  TableOfContent: () => import_TableOfContent.default,
33
26
  TableOfContentAnchor: () => import_TableOfContentAnchor.default
34
27
  });
28
+ module.exports = __toCommonJS(TableOfContent_exports);
35
29
  var import_TableOfContent = __toESM(require("./TableOfContent.cjs"), 1);
36
30
  var import_TableOfContentAnchor = __toESM(require("./TableOfContentAnchor.cjs"), 1);
37
- module.exports = __toCommonJS(TableOfContent_exports);
38
31
  if (module.exports.default) module.exports = module.exports.default;
@@ -1,6 +1 @@
1
- import { default as default2 } from "./TableOfContent.js";
2
- import { default as default3 } from "./TableOfContentAnchor.js";
3
- export {
4
- default2 as TableOfContent,
5
- default3 as TableOfContentAnchor
6
- };
1
+ import{default as o}from"./TableOfContent.js";import{default as f}from"./TableOfContentAnchor.js";export{o as TableOfContent,f as TableOfContentAnchor};