@studiometa/ui 1.0.0-alpha.0 → 1.0.0-alpha.2

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 (192) hide show
  1. package/README.md +6 -4
  2. package/atoms/Data/DataBind.d.ts +1 -1
  3. package/atoms/Data/DataBind.js +12 -5
  4. package/atoms/Data/DataBind.js.map +2 -2
  5. package/atoms/Data/DataComputed.js +1 -1
  6. package/atoms/Data/DataComputed.js.map +2 -2
  7. package/atoms/Data/DataModel.d.ts +1 -0
  8. package/atoms/Data/DataModel.js +13 -3
  9. package/atoms/Data/DataModel.js.map +2 -2
  10. package/package.json +1 -1
  11. package/atoms/Action/Action.cjs +0 -115
  12. package/atoms/Action/Action.cjs.map +0 -7
  13. package/atoms/Action/Target.cjs +0 -35
  14. package/atoms/Action/Target.cjs.map +0 -7
  15. package/atoms/Action/index.cjs +0 -22
  16. package/atoms/Action/index.cjs.map +0 -7
  17. package/atoms/AnchorScrollTo/AnchorScrollTo.cjs +0 -52
  18. package/atoms/AnchorScrollTo/AnchorScrollTo.cjs.map +0 -7
  19. package/atoms/AnchorScrollTo/index.cjs +0 -21
  20. package/atoms/AnchorScrollTo/index.cjs.map +0 -7
  21. package/atoms/CircularMarquee/CircularMarquee.cjs +0 -69
  22. package/atoms/CircularMarquee/CircularMarquee.cjs.map +0 -7
  23. package/atoms/CircularMarquee/index.cjs +0 -21
  24. package/atoms/CircularMarquee/index.cjs.map +0 -7
  25. package/atoms/Cursor/Cursor.cjs +0 -137
  26. package/atoms/Cursor/Cursor.cjs.map +0 -7
  27. package/atoms/Cursor/index.cjs +0 -21
  28. package/atoms/Cursor/index.cjs.map +0 -7
  29. package/atoms/Data/DataBind.cjs +0 -124
  30. package/atoms/Data/DataBind.cjs.map +0 -7
  31. package/atoms/Data/DataComputed.cjs +0 -49
  32. package/atoms/Data/DataComputed.cjs.map +0 -7
  33. package/atoms/Data/DataEffect.cjs +0 -47
  34. package/atoms/Data/DataEffect.cjs.map +0 -7
  35. package/atoms/Data/DataModel.cjs +0 -38
  36. package/atoms/Data/DataModel.cjs.map +0 -7
  37. package/atoms/Data/index.cjs +0 -24
  38. package/atoms/Data/index.cjs.map +0 -7
  39. package/atoms/Data/utils.cjs +0 -46
  40. package/atoms/Data/utils.cjs.map +0 -7
  41. package/atoms/Figure/Figure.cjs +0 -105
  42. package/atoms/Figure/Figure.cjs.map +0 -7
  43. package/atoms/Figure/FigureTwicpics.cjs +0 -123
  44. package/atoms/Figure/FigureTwicpics.cjs.map +0 -7
  45. package/atoms/Figure/index.cjs +0 -22
  46. package/atoms/Figure/index.cjs.map +0 -7
  47. package/atoms/FigureVideo/FigureVideo.cjs +0 -132
  48. package/atoms/FigureVideo/FigureVideo.cjs.map +0 -7
  49. package/atoms/FigureVideo/FigureVideoTwicpics.cjs +0 -153
  50. package/atoms/FigureVideo/FigureVideoTwicpics.cjs.map +0 -7
  51. package/atoms/FigureVideo/index.cjs +0 -22
  52. package/atoms/FigureVideo/index.cjs.map +0 -7
  53. package/atoms/LargeText/LargeText.cjs +0 -109
  54. package/atoms/LargeText/LargeText.cjs.map +0 -7
  55. package/atoms/LargeText/index.cjs +0 -21
  56. package/atoms/LargeText/index.cjs.map +0 -7
  57. package/atoms/LazyInclude/LazyInclude.cjs +0 -78
  58. package/atoms/LazyInclude/LazyInclude.cjs.map +0 -7
  59. package/atoms/LazyInclude/index.cjs +0 -21
  60. package/atoms/LazyInclude/index.cjs.map +0 -7
  61. package/atoms/Prefetch/AbstractPrefetch.cjs +0 -86
  62. package/atoms/Prefetch/AbstractPrefetch.cjs.map +0 -7
  63. package/atoms/Prefetch/PrefetchWhenOver.cjs +0 -42
  64. package/atoms/Prefetch/PrefetchWhenOver.cjs.map +0 -7
  65. package/atoms/Prefetch/PrefetchWhenVisible.cjs +0 -43
  66. package/atoms/Prefetch/PrefetchWhenVisible.cjs.map +0 -7
  67. package/atoms/Prefetch/index.cjs +0 -23
  68. package/atoms/Prefetch/index.cjs.map +0 -7
  69. package/atoms/ScrollAnimation/AbstractScrollAnimation.cjs +0 -95
  70. package/atoms/ScrollAnimation/AbstractScrollAnimation.cjs.map +0 -7
  71. package/atoms/ScrollAnimation/ScrollAnimation.cjs +0 -44
  72. package/atoms/ScrollAnimation/ScrollAnimation.cjs.map +0 -7
  73. package/atoms/ScrollAnimation/ScrollAnimationChild.cjs +0 -84
  74. package/atoms/ScrollAnimation/ScrollAnimationChild.cjs.map +0 -7
  75. package/atoms/ScrollAnimation/ScrollAnimationChildWithEase.cjs +0 -37
  76. package/atoms/ScrollAnimation/ScrollAnimationChildWithEase.cjs.map +0 -7
  77. package/atoms/ScrollAnimation/ScrollAnimationParent.cjs +0 -50
  78. package/atoms/ScrollAnimation/ScrollAnimationParent.cjs.map +0 -7
  79. package/atoms/ScrollAnimation/ScrollAnimationWithEase.cjs +0 -37
  80. package/atoms/ScrollAnimation/ScrollAnimationWithEase.cjs.map +0 -7
  81. package/atoms/ScrollAnimation/animationScrollWithEase.cjs +0 -59
  82. package/atoms/ScrollAnimation/animationScrollWithEase.cjs.map +0 -7
  83. package/atoms/ScrollAnimation/index.cjs +0 -27
  84. package/atoms/ScrollAnimation/index.cjs.map +0 -7
  85. package/atoms/ScrollReveal/ScrollReveal.cjs +0 -81
  86. package/atoms/ScrollReveal/ScrollReveal.cjs.map +0 -7
  87. package/atoms/ScrollReveal/index.cjs +0 -21
  88. package/atoms/ScrollReveal/index.cjs.map +0 -7
  89. package/atoms/index.cjs +0 -32
  90. package/atoms/index.cjs.map +0 -7
  91. package/decorators/index.cjs +0 -22
  92. package/decorators/index.cjs.map +0 -7
  93. package/decorators/withDeprecation.cjs +0 -47
  94. package/decorators/withDeprecation.cjs.map +0 -7
  95. package/decorators/withTransition.cjs +0 -86
  96. package/decorators/withTransition.cjs.map +0 -7
  97. package/index.cjs +0 -25
  98. package/index.cjs.map +0 -7
  99. package/molecules/Accordion/Accordion.cjs +0 -36
  100. package/molecules/Accordion/Accordion.cjs.map +0 -7
  101. package/molecules/Accordion/AccordionCore.cjs +0 -58
  102. package/molecules/Accordion/AccordionCore.cjs.map +0 -7
  103. package/molecules/Accordion/AccordionItem.cjs +0 -206
  104. package/molecules/Accordion/AccordionItem.cjs.map +0 -7
  105. package/molecules/Accordion/index.cjs +0 -22
  106. package/molecules/Accordion/index.cjs.map +0 -7
  107. package/molecules/AnchorNav/AnchorNav.cjs +0 -63
  108. package/molecules/AnchorNav/AnchorNav.cjs.map +0 -7
  109. package/molecules/AnchorNav/AnchorNavLink.cjs +0 -40
  110. package/molecules/AnchorNav/AnchorNavLink.cjs.map +0 -7
  111. package/molecules/AnchorNav/AnchorNavTarget.cjs +0 -35
  112. package/molecules/AnchorNav/AnchorNavTarget.cjs.map +0 -7
  113. package/molecules/AnchorNav/index.cjs +0 -23
  114. package/molecules/AnchorNav/index.cjs.map +0 -7
  115. package/molecules/Menu/Menu.cjs +0 -177
  116. package/molecules/Menu/Menu.cjs.map +0 -7
  117. package/molecules/Menu/MenuBtn.cjs +0 -66
  118. package/molecules/Menu/MenuBtn.cjs.map +0 -7
  119. package/molecules/Menu/MenuList.cjs +0 -165
  120. package/molecules/Menu/MenuList.cjs.map +0 -7
  121. package/molecules/Menu/index.cjs +0 -23
  122. package/molecules/Menu/index.cjs.map +0 -7
  123. package/molecules/Modal/Modal.cjs +0 -219
  124. package/molecules/Modal/Modal.cjs.map +0 -7
  125. package/molecules/Modal/ModalWithTransition.cjs +0 -69
  126. package/molecules/Modal/ModalWithTransition.cjs.map +0 -7
  127. package/molecules/Modal/index.cjs +0 -22
  128. package/molecules/Modal/index.cjs.map +0 -7
  129. package/molecules/Panel/Panel.cjs +0 -137
  130. package/molecules/Panel/Panel.cjs.map +0 -7
  131. package/molecules/Panel/index.cjs +0 -21
  132. package/molecules/Panel/index.cjs.map +0 -7
  133. package/molecules/Slider/AbstractSliderChild.cjs +0 -88
  134. package/molecules/Slider/AbstractSliderChild.cjs.map +0 -7
  135. package/molecules/Slider/Slider.cjs +0 -404
  136. package/molecules/Slider/Slider.cjs.map +0 -7
  137. package/molecules/Slider/SliderBtn.cjs +0 -71
  138. package/molecules/Slider/SliderBtn.cjs.map +0 -7
  139. package/molecules/Slider/SliderCount.cjs +0 -44
  140. package/molecules/Slider/SliderCount.cjs.map +0 -7
  141. package/molecules/Slider/SliderDots.cjs +0 -64
  142. package/molecules/Slider/SliderDots.cjs.map +0 -7
  143. package/molecules/Slider/SliderDrag.cjs +0 -66
  144. package/molecules/Slider/SliderDrag.cjs.map +0 -7
  145. package/molecules/Slider/SliderItem.cjs +0 -177
  146. package/molecules/Slider/SliderItem.cjs.map +0 -7
  147. package/molecules/Slider/SliderProgress.cjs +0 -49
  148. package/molecules/Slider/SliderProgress.cjs.map +0 -7
  149. package/molecules/Slider/index.cjs +0 -28
  150. package/molecules/Slider/index.cjs.map +0 -7
  151. package/molecules/Sticky/Sticky.cjs +0 -177
  152. package/molecules/Sticky/Sticky.cjs.map +0 -7
  153. package/molecules/Sticky/index.cjs +0 -21
  154. package/molecules/Sticky/index.cjs.map +0 -7
  155. package/molecules/TableOfContent/TableOfContent.cjs +0 -72
  156. package/molecules/TableOfContent/TableOfContent.cjs.map +0 -7
  157. package/molecules/TableOfContent/TableOfContentAnchor.cjs +0 -76
  158. package/molecules/TableOfContent/TableOfContentAnchor.cjs.map +0 -7
  159. package/molecules/TableOfContent/index.cjs +0 -22
  160. package/molecules/TableOfContent/index.cjs.map +0 -7
  161. package/molecules/Tabs/Tabs.cjs +0 -153
  162. package/molecules/Tabs/Tabs.cjs.map +0 -7
  163. package/molecules/Tabs/index.cjs +0 -21
  164. package/molecules/Tabs/index.cjs.map +0 -7
  165. package/molecules/index.cjs +0 -30
  166. package/molecules/index.cjs.map +0 -7
  167. package/organisms/Frame/Frame.cjs +0 -220
  168. package/organisms/Frame/Frame.cjs.map +0 -7
  169. package/organisms/Frame/FrameAnchor.cjs +0 -41
  170. package/organisms/Frame/FrameAnchor.cjs.map +0 -7
  171. package/organisms/Frame/FrameForm.cjs +0 -41
  172. package/organisms/Frame/FrameForm.cjs.map +0 -7
  173. package/organisms/Frame/FrameTarget.cjs +0 -114
  174. package/organisms/Frame/FrameTarget.cjs.map +0 -7
  175. package/organisms/Frame/index.cjs +0 -24
  176. package/organisms/Frame/index.cjs.map +0 -7
  177. package/organisms/index.cjs +0 -21
  178. package/organisms/index.cjs.map +0 -7
  179. package/primitives/Draggable/Draggable.cjs +0 -65
  180. package/primitives/Draggable/Draggable.cjs.map +0 -7
  181. package/primitives/Draggable/index.cjs +0 -21
  182. package/primitives/Draggable/index.cjs.map +0 -7
  183. package/primitives/Sentinel/Sentinel.cjs +0 -35
  184. package/primitives/Sentinel/Sentinel.cjs.map +0 -7
  185. package/primitives/Sentinel/index.cjs +0 -21
  186. package/primitives/Sentinel/index.cjs.map +0 -7
  187. package/primitives/Transition/Transition.cjs +0 -36
  188. package/primitives/Transition/Transition.cjs.map +0 -7
  189. package/primitives/Transition/index.cjs +0 -21
  190. package/primitives/Transition/index.cjs.map +0 -7
  191. package/primitives/index.cjs +0 -23
  192. package/primitives/index.cjs.map +0 -7
@@ -1,47 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: true });
8
- };
9
- var __copyProps = (to, from, except, desc) => {
10
- if (from && typeof from === "object" || typeof from === "function") {
11
- for (let key of __getOwnPropNames(from))
12
- if (!__hasOwnProp.call(to, key) && key !== except)
13
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
14
- }
15
- return to;
16
- };
17
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
18
-
19
- // packages/ui/decorators/withDeprecation.ts
20
- var withDeprecation_exports = {};
21
- __export(withDeprecation_exports, {
22
- withDeprecation: () => withDeprecation
23
- });
24
- module.exports = __toCommonJS(withDeprecation_exports);
25
- var import_utils = require("@studiometa/js-toolkit/utils");
26
- function withDeprecation(BaseClass, message) {
27
- class Deprecated extends BaseClass {
28
- /**
29
- * Config.
30
- */
31
- static config = {
32
- name: "Deprecated"
33
- };
34
- onMounted() {
35
- if (import_utils.isDev) {
36
- console.warn(
37
- `The ${this.$options.name} component is deprecated.`,
38
- message ? `
39
- ${message}` : ""
40
- );
41
- }
42
- }
43
- }
44
- return Deprecated;
45
- }
46
- if (module.exports.default) module.exports = module.exports.default;
47
- //# sourceMappingURL=withDeprecation.cjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../packages/ui/decorators/withDeprecation.ts"],
4
- "sourcesContent": ["import type {\n Base,\n BaseDecorator,\n BaseProps,\n BaseConfig,\n BaseInterface,\n} from '@studiometa/js-toolkit';\nimport { isDev } from '@studiometa/js-toolkit/utils';\n\nexport interface DeprecationProps extends BaseProps {}\n\nexport interface DeprecationInterface extends BaseInterface {}\n\n/**\n * Mark a class a deprecated.\n */\nexport function withDeprecation<S extends Base>(\n BaseClass: typeof Base,\n message?: string,\n): BaseDecorator<DeprecationInterface, S, DeprecationProps> {\n /**\n * Class.\n */\n class Deprecated<T extends BaseProps = BaseProps> extends BaseClass<T & DeprecationProps> {\n /**\n * Config.\n */\n static config: BaseConfig = {\n name: 'Deprecated',\n };\n\n onMounted() {\n if (isDev) {\n console.warn(\n `The ${this.$options.name} component is deprecated.`,\n message ? `\\n${message}` : '',\n );\n }\n }\n }\n\n // @ts-ignore\n return Deprecated;\n}\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,mBAAsB;AASf,SAAS,gBACd,WACA,SAC0D;AAAA,EAI1D,MAAM,mBAAoD,UAAgC;AAAA;AAAA;AAAA;AAAA,IAIxF,OAAO,SAAqB;AAAA,MAC1B,MAAM;AAAA,IACR;AAAA,IAEA,YAAY;AACV,UAAI,oBAAO;AACT,gBAAQ;AAAA,UACN,OAAO,KAAK,SAAS,IAAI;AAAA,UACzB,UAAU;AAAA,EAAK,OAAO,KAAK;AAAA,QAC7B;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAGA,SAAO;AACT;",
6
- "names": []
7
- }
@@ -1,86 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: true });
8
- };
9
- var __copyProps = (to, from, except, desc) => {
10
- if (from && typeof from === "object" || typeof from === "function") {
11
- for (let key of __getOwnPropNames(from))
12
- if (!__hasOwnProp.call(to, key) && key !== except)
13
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
14
- }
15
- return to;
16
- };
17
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
18
-
19
- // packages/ui/decorators/withTransition.ts
20
- var withTransition_exports = {};
21
- __export(withTransition_exports, {
22
- withTransition: () => withTransition
23
- });
24
- module.exports = __toCommonJS(withTransition_exports);
25
- var import_utils = require("@studiometa/js-toolkit/utils");
26
- function withTransition(BaseClass) {
27
- class Transition extends BaseClass {
28
- /**
29
- * Config.
30
- */
31
- static config = {
32
- name: "Transition",
33
- options: {
34
- enterFrom: String,
35
- enterActive: String,
36
- enterTo: String,
37
- enterKeep: Boolean,
38
- leaveFrom: String,
39
- leaveActive: String,
40
- leaveTo: String,
41
- leaveKeep: Boolean
42
- }
43
- };
44
- /**
45
- * Get the transition target.
46
- */
47
- get target() {
48
- return this.$el;
49
- }
50
- /**
51
- * Trigger the enter transition.
52
- */
53
- async enter(target) {
54
- const { enterFrom, enterActive, enterTo, enterKeep, leaveTo } = this.$options;
55
- await (0, import_utils.transition)(
56
- target ?? this.target,
57
- {
58
- // eslint-disable-next-line prefer-template
59
- from: (leaveTo + " " + enterFrom).trim(),
60
- active: enterActive,
61
- to: enterTo
62
- },
63
- enterKeep ? "keep" : void 0
64
- );
65
- }
66
- /**
67
- * Trigger the leave transition.
68
- */
69
- async leave(target) {
70
- const { leaveFrom, leaveActive, leaveTo, leaveKeep, enterTo } = this.$options;
71
- await (0, import_utils.transition)(
72
- target ?? this.target,
73
- {
74
- // eslint-disable-next-line prefer-template
75
- from: (enterTo + " " + leaveFrom).trim(),
76
- active: leaveActive,
77
- to: leaveTo
78
- },
79
- leaveKeep ? "keep" : void 0
80
- );
81
- }
82
- }
83
- return Transition;
84
- }
85
- if (module.exports.default) module.exports = module.exports.default;
86
- //# sourceMappingURL=withTransition.cjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../packages/ui/decorators/withTransition.ts"],
4
- "sourcesContent": ["import { transition } from '@studiometa/js-toolkit/utils';\nimport type {\n Base,\n BaseDecorator,\n BaseProps,\n BaseConfig,\n BaseInterface,\n} from '@studiometa/js-toolkit';\n\nexport interface TransitionProps extends BaseProps {\n $options: {\n enterFrom: string;\n enterActive: string;\n enterTo: string;\n enterKeep: boolean;\n leaveFrom: string;\n leaveActive: string;\n leaveTo: string;\n leaveKeep: boolean;\n };\n}\n\nexport interface TransitionInterface extends BaseInterface {\n /**\n * Get the transition target.\n */\n get target(): HTMLElement | HTMLElement[];\n /**\n * Trigger the enter transition.\n */\n enter(target?: HTMLElement | HTMLElement[]): Promise<void>;\n /**\n * Trigger the leave transition.\n */\n leave(target?: HTMLElement | HTMLElement[]): Promise<void>;\n}\n\n/**\n * Extend a class to add transition capabilities.\n */\nexport function withTransition<S extends Base>(\n BaseClass: typeof Base,\n): BaseDecorator<TransitionInterface, S, TransitionProps> {\n /**\n * Class.\n */\n class Transition<T extends BaseProps = BaseProps> extends BaseClass<T & TransitionProps> {\n /**\n * Config.\n */\n static config: BaseConfig = {\n name: 'Transition',\n options: {\n enterFrom: String,\n enterActive: String,\n enterTo: String,\n enterKeep: Boolean,\n leaveFrom: String,\n leaveActive: String,\n leaveTo: String,\n leaveKeep: Boolean,\n },\n };\n\n /**\n * Get the transition target.\n */\n get target(): HTMLElement | HTMLElement[] {\n return this.$el;\n }\n\n /**\n * Trigger the enter transition.\n */\n async enter(target?: HTMLElement | HTMLElement[]): Promise<void> {\n const { enterFrom, enterActive, enterTo, enterKeep, leaveTo } = this.$options;\n\n await transition(\n target ?? this.target,\n {\n // eslint-disable-next-line prefer-template\n from: (leaveTo + ' ' + enterFrom).trim(),\n active: enterActive as string,\n to: enterTo as string,\n },\n enterKeep ? 'keep' : undefined,\n );\n }\n\n /**\n * Trigger the leave transition.\n */\n async leave(target?: HTMLElement | HTMLElement[]): Promise<void> {\n const { leaveFrom, leaveActive, leaveTo, leaveKeep, enterTo } = this.$options;\n\n await transition(\n target ?? this.target,\n {\n // eslint-disable-next-line prefer-template\n from: (enterTo + ' ' + leaveFrom).trim(),\n active: leaveActive as string,\n to: leaveTo as string,\n },\n leaveKeep ? 'keep' : undefined,\n );\n }\n }\n\n // @ts-ignore\n return Transition;\n}\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2B;AAwCpB,SAAS,eACd,WACwD;AAAA,EAIxD,MAAM,mBAAoD,UAA+B;AAAA;AAAA;AAAA;AAAA,IAIvF,OAAO,SAAqB;AAAA,MAC1B,MAAM;AAAA,MACN,SAAS;AAAA,QACP,WAAW;AAAA,QACX,aAAa;AAAA,QACb,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,QACX,aAAa;AAAA,QACb,SAAS;AAAA,QACT,WAAW;AAAA,MACb;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAKA,IAAI,SAAsC;AACxC,aAAO,KAAK;AAAA,IACd;AAAA;AAAA;AAAA;AAAA,IAKA,MAAM,MAAM,QAAqD;AAC/D,YAAM,EAAE,WAAW,aAAa,SAAS,WAAW,QAAQ,IAAI,KAAK;AAErE,gBAAM;AAAA,QACJ,UAAU,KAAK;AAAA,QACf;AAAA;AAAA,UAEE,OAAO,UAAU,MAAM,WAAW,KAAK;AAAA,UACvC,QAAQ;AAAA,UACR,IAAI;AAAA,QACN;AAAA,QACA,YAAY,SAAS;AAAA,MACvB;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAKA,MAAM,MAAM,QAAqD;AAC/D,YAAM,EAAE,WAAW,aAAa,SAAS,WAAW,QAAQ,IAAI,KAAK;AAErE,gBAAM;AAAA,QACJ,UAAU,KAAK;AAAA,QACf;AAAA;AAAA,UAEE,OAAO,UAAU,MAAM,WAAW,KAAK;AAAA,UACvC,QAAQ;AAAA,UACR,IAAI;AAAA,QACN;AAAA,QACA,YAAY,SAAS;AAAA,MACvB;AAAA,IACF;AAAA,EACF;AAGA,SAAO;AACT;",
6
- "names": []
7
- }
package/index.cjs DELETED
@@ -1,25 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __copyProps = (to, from, except, desc) => {
6
- if (from && typeof from === "object" || typeof from === "function") {
7
- for (let key of __getOwnPropNames(from))
8
- if (!__hasOwnProp.call(to, key) && key !== except)
9
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
10
- }
11
- return to;
12
- };
13
- var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
14
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
15
-
16
- // packages/ui/index.ts
17
- var ui_exports = {};
18
- module.exports = __toCommonJS(ui_exports);
19
- __reExport(ui_exports, require("./primitives/index.cjs"), module.exports);
20
- __reExport(ui_exports, require("./atoms/index.cjs"), module.exports);
21
- __reExport(ui_exports, require("./molecules/index.cjs"), module.exports);
22
- __reExport(ui_exports, require("./organisms/index.cjs"), module.exports);
23
- __reExport(ui_exports, require("./decorators/index.cjs"), module.exports);
24
- if (module.exports.default) module.exports = module.exports.default;
25
- //# sourceMappingURL=index.cjs.map
package/index.cjs.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../packages/ui/index.ts"],
4
- "sourcesContent": ["export * from './primitives/index.js';\nexport * from './atoms/index.js';\nexport * from './molecules/index.js';\nexport * from './organisms/index.js';\nexport * from './decorators/index.js';\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,uBAAc,mCAAd;AACA,uBAAc,8BADd;AAEA,uBAAc,kCAFd;AAGA,uBAAc,kCAHd;AAIA,uBAAc,mCAJd;",
6
- "names": []
7
- }
@@ -1,36 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: true });
8
- };
9
- var __copyProps = (to, from, except, desc) => {
10
- if (from && typeof from === "object" || typeof from === "function") {
11
- for (let key of __getOwnPropNames(from))
12
- if (!__hasOwnProp.call(to, key) && key !== except)
13
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
14
- }
15
- return to;
16
- };
17
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
18
-
19
- // packages/ui/molecules/Accordion/Accordion.ts
20
- var Accordion_exports = {};
21
- __export(Accordion_exports, {
22
- Accordion: () => Accordion
23
- });
24
- module.exports = __toCommonJS(Accordion_exports);
25
- var import_AccordionCore = require("./AccordionCore.cjs");
26
- var import_AccordionItem = require("./AccordionItem.cjs");
27
- var Accordion = class extends import_AccordionCore.AccordionCore {
28
- static config = {
29
- ...import_AccordionCore.AccordionCore.config,
30
- components: {
31
- AccordionItem: import_AccordionItem.AccordionItem
32
- }
33
- };
34
- };
35
- if (module.exports.default) module.exports = module.exports.default;
36
- //# sourceMappingURL=Accordion.cjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../packages/ui/molecules/Accordion/Accordion.ts"],
4
- "sourcesContent": ["import type { BaseProps, BaseConfig } from '@studiometa/js-toolkit';\nimport { AccordionCore } from './AccordionCore.js';\nimport type { AccordionProps } from './AccordionCore.js';\nimport { AccordionItem } from './AccordionItem.js';\n\n/**\n * Accordion class.\n */\nexport class Accordion<T extends BaseProps = BaseProps> extends AccordionCore<T & AccordionProps> {\n static config: BaseConfig = {\n ...AccordionCore.config,\n components: {\n AccordionItem,\n },\n };\n}\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,2BAA8B;AAE9B,2BAA8B;AAKvB,IAAM,YAAN,cAAyD,mCAAkC;AAAA,EAChG,OAAO,SAAqB;AAAA,IAC1B,GAAG,mCAAc;AAAA,IACjB,YAAY;AAAA,MACV;AAAA,IACF;AAAA,EACF;AACF;",
6
- "names": []
7
- }
@@ -1,58 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: true });
8
- };
9
- var __copyProps = (to, from, except, desc) => {
10
- if (from && typeof from === "object" || typeof from === "function") {
11
- for (let key of __getOwnPropNames(from))
12
- if (!__hasOwnProp.call(to, key) && key !== except)
13
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
14
- }
15
- return to;
16
- };
17
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
18
-
19
- // packages/ui/molecules/Accordion/AccordionCore.ts
20
- var AccordionCore_exports = {};
21
- __export(AccordionCore_exports, {
22
- AccordionCore: () => AccordionCore
23
- });
24
- module.exports = __toCommonJS(AccordionCore_exports);
25
- var import_js_toolkit = require("@studiometa/js-toolkit");
26
- var AccordionCore = class extends import_js_toolkit.Base {
27
- /**
28
- * Accordion config.
29
- */
30
- static config = {
31
- name: "Accordion",
32
- emits: ["open", "close"],
33
- options: {
34
- autoclose: Boolean,
35
- item: {
36
- type: Object,
37
- default: () => ({})
38
- }
39
- }
40
- };
41
- /**
42
- * Synchronize close on open.
43
- */
44
- onAccordionItemOpen(index) {
45
- this.$emit("open", this.$children.AccordionItem[index], index);
46
- if (this.$options.autoclose) {
47
- this.$children.AccordionItem.filter((el, i) => index !== i).forEach((item) => item.close());
48
- }
49
- }
50
- /**
51
- * Emit close event.
52
- */
53
- onAccordionItemClose(index) {
54
- this.$emit("close", this.$children.AccordionItem[index], index);
55
- }
56
- };
57
- if (module.exports.default) module.exports = module.exports.default;
58
- //# sourceMappingURL=AccordionCore.cjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../packages/ui/molecules/Accordion/AccordionCore.ts"],
4
- "sourcesContent": ["import { Base } from '@studiometa/js-toolkit';\nimport type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';\nimport type { AccordionItem, AccordionItemProps } from './AccordionItem';\n\nexport interface AccordionProps extends BaseProps {\n $refs: {\n btn: HTMLElement[];\n content: HTMLElement[];\n };\n $options: {\n autoclose: boolean;\n item: AccordionItemProps['$options'];\n };\n $children: {\n AccordionItem: AccordionItem[];\n };\n}\n\n/**\n * Accordion class.\n */\nexport class AccordionCore<T extends BaseProps = BaseProps> extends Base<T & AccordionProps> {\n /**\n * Accordion config.\n */\n static config: BaseConfig = {\n name: 'Accordion',\n emits: ['open', 'close'],\n options: {\n autoclose: Boolean,\n item: {\n type: Object,\n default: (): Partial<AccordionItemProps['$options']> => ({}),\n },\n },\n };\n\n /**\n * Synchronize close on open.\n */\n onAccordionItemOpen(index: number) {\n this.$emit('open', this.$children.AccordionItem[index], index);\n if (this.$options.autoclose) {\n this.$children.AccordionItem.filter((el, i) => index !== i).forEach((item) => item.close());\n }\n }\n\n /**\n * Emit close event.\n */\n onAccordionItemClose(index: number) {\n this.$emit('close', this.$children.AccordionItem[index], index);\n }\n}\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAqB;AAqBd,IAAM,gBAAN,cAA6D,uBAAyB;AAAA;AAAA;AAAA;AAAA,EAI3F,OAAO,SAAqB;AAAA,IAC1B,MAAM;AAAA,IACN,OAAO,CAAC,QAAQ,OAAO;AAAA,IACvB,SAAS;AAAA,MACP,WAAW;AAAA,MACX,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,SAAS,OAAgD,CAAC;AAAA,MAC5D;AAAA,IACF;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,oBAAoB,OAAe;AACjC,SAAK,MAAM,QAAQ,KAAK,UAAU,cAAc,KAAK,GAAG,KAAK;AAC7D,QAAI,KAAK,SAAS,WAAW;AAC3B,WAAK,UAAU,cAAc,OAAO,CAAC,IAAI,MAAM,UAAU,CAAC,EAAE,QAAQ,CAAC,SAAS,KAAK,MAAM,CAAC;AAAA,IAC5F;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,qBAAqB,OAAe;AAClC,SAAK,MAAM,SAAS,KAAK,UAAU,cAAc,KAAK,GAAG,KAAK;AAAA,EAChE;AACF;",
6
- "names": []
7
- }
@@ -1,206 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __export = (target, all) => {
8
- for (var name in all)
9
- __defProp(target, name, { get: all[name], enumerable: true });
10
- };
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 });
16
- }
17
- return to;
18
- };
19
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
20
- // If the importer is in node compatibility mode or this is not an ESM
21
- // file that has been converted to a CommonJS file using a Babel-
22
- // compatible transform (i.e. "__esModule" has not been set), then set
23
- // "default" to the CommonJS "module.exports" for node compatibility.
24
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
25
- mod
26
- ));
27
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
28
-
29
- // packages/ui/molecules/Accordion/AccordionItem.ts
30
- var AccordionItem_exports = {};
31
- __export(AccordionItem_exports, {
32
- AccordionItem: () => AccordionItem
33
- });
34
- module.exports = __toCommonJS(AccordionItem_exports);
35
- var import_deepmerge = __toESM(require("deepmerge"), 1);
36
- var import_js_toolkit = require("@studiometa/js-toolkit");
37
- var import_utils = require("@studiometa/js-toolkit/utils");
38
- var import_AccordionCore = require("./AccordionCore.cjs");
39
- var AccordionItem = class _AccordionItem extends import_js_toolkit.Base {
40
- /**
41
- * Config.
42
- */
43
- static config = {
44
- name: "AccordionItem",
45
- refs: ["btn", "content", "container"],
46
- emits: ["open", "close"],
47
- options: {
48
- isOpen: Boolean,
49
- styles: {
50
- type: Object,
51
- default: () => ({
52
- container: {
53
- open: "",
54
- active: "",
55
- closed: ""
56
- }
57
- }),
58
- merge: true
59
- }
60
- }
61
- };
62
- /**
63
- * Add aria-attributes on mounted.
64
- */
65
- mounted() {
66
- if (this.$parent && this.$parent instanceof import_AccordionCore.AccordionCore && this.$parent.$options.item) {
67
- Object.entries(this.$parent.$options.item).forEach(([key, value]) => {
68
- if (key in this.$options) {
69
- const type = _AccordionItem.config.options[key].type ?? _AccordionItem.config.options[key];
70
- if (type === Array || type === Object) {
71
- this.$options[key] = (0, import_deepmerge.default)(
72
- this.$options[key],
73
- /** @type {any} */
74
- value
75
- );
76
- } else {
77
- this.$options[key] = value;
78
- }
79
- }
80
- });
81
- }
82
- this.$refs.btn.setAttribute("id", this.$id);
83
- this.$refs.btn.setAttribute("aria-controls", this.contentId);
84
- this.$refs.content.setAttribute("aria-labelledby", this.$id);
85
- this.$refs.content.setAttribute("id", this.contentId);
86
- const { isOpen } = this.$options;
87
- this.updateAttributes(isOpen);
88
- const { container, ...otherStyles } = this.$options.styles;
89
- const { $refs } = this;
90
- Object.entries(otherStyles).filter(([refName]) => $refs[refName]).forEach(([refName, { open, closed } = { open: "", closed: "" }]) => {
91
- (0, import_utils.transition)($refs[refName], { to: isOpen ? open : closed }, "keep");
92
- });
93
- }
94
- /**
95
- * Remove styles on destroy.
96
- */
97
- destroyed() {
98
- this.$refs.container.style.visibility = "";
99
- this.$refs.container.style.height = "";
100
- }
101
- /**
102
- * Handler for the click event on the `btn` ref.
103
- */
104
- onBtnClick() {
105
- if (this.$options.isOpen) {
106
- this.close();
107
- } else {
108
- this.open();
109
- }
110
- }
111
- /**
112
- * Get the content ID.
113
- */
114
- get contentId() {
115
- return `content-${this.$id}`;
116
- }
117
- /**
118
- * Update the refs' attributes according to the given type.
119
- */
120
- updateAttributes(isOpen) {
121
- this.$refs.container.style.visibility = isOpen ? "" : "invisible";
122
- this.$refs.container.style.height = isOpen ? "" : "0";
123
- this.$refs.content.setAttribute("aria-hidden", isOpen ? "false" : "true");
124
- this.$refs.btn.setAttribute("aria-expanded", isOpen ? "true" : "false");
125
- }
126
- /**
127
- * Open an item.
128
- */
129
- async open() {
130
- if (this.$options.isOpen) {
131
- return;
132
- }
133
- this.$log("open");
134
- this.$emit("open");
135
- this.$options.isOpen = true;
136
- this.updateAttributes(this.$options.isOpen);
137
- this.$refs.container.style.visibility = "";
138
- const { container, ...otherStyles } = this.$options.styles;
139
- const { $refs } = this;
140
- await Promise.all([
141
- (0, import_utils.transition)($refs.container, {
142
- from: { height: "0" },
143
- active: container.active,
144
- to: { height: `${$refs.content.offsetHeight}px` }
145
- }).then(() => {
146
- if (this.$options.isOpen) {
147
- $refs.content.style.position = "";
148
- }
149
- return Promise.resolve();
150
- }),
151
- ...Object.entries(otherStyles).filter(([refName]) => $refs[refName]).map(
152
- ([refName, { open, active, closed } = { open: "", active: "", closed: "" }]) => (0, import_utils.transition)(
153
- $refs[refName],
154
- {
155
- from: closed,
156
- active,
157
- to: open
158
- },
159
- "keep"
160
- )
161
- )
162
- ]);
163
- }
164
- /**
165
- * Close an item.
166
- */
167
- async close() {
168
- if (!this.$options.isOpen) {
169
- return;
170
- }
171
- this.$log("close");
172
- this.$emit("close");
173
- this.$options.isOpen = false;
174
- const height = this.$refs.container.offsetHeight;
175
- this.$refs.content.style.position = "absolute";
176
- const { container, ...otherStyles } = this.$options.styles;
177
- const refs = this.$refs;
178
- await Promise.all([
179
- (0, import_utils.transition)(refs.container, {
180
- from: { height: `${height}px` },
181
- active: container.active,
182
- to: { height: "0" }
183
- }).then(() => {
184
- if (!this.$options.isOpen) {
185
- refs.container.style.height = "0";
186
- refs.container.style.visibility = "invisible";
187
- this.updateAttributes(this.$options.isOpen);
188
- }
189
- return Promise.resolve();
190
- }),
191
- ...Object.entries(otherStyles).filter(([refName]) => refs[refName]).map(
192
- ([refName, { open, active, closed } = { open: "", active: "", closed: "" }]) => (0, import_utils.transition)(
193
- refs[refName],
194
- {
195
- from: open,
196
- active,
197
- to: closed
198
- },
199
- "keep"
200
- )
201
- )
202
- ]);
203
- }
204
- };
205
- if (module.exports.default) module.exports = module.exports.default;
206
- //# sourceMappingURL=AccordionItem.cjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../packages/ui/molecules/Accordion/AccordionItem.ts"],
4
- "sourcesContent": ["import deepmerge from 'deepmerge';\nimport { Base, BaseConfig } from '@studiometa/js-toolkit';\nimport type { BaseProps } from '@studiometa/js-toolkit';\nimport { transition } from '@studiometa/js-toolkit/utils';\nimport { AccordionCore as Accordion } from './AccordionCore.js';\n\ntype AccordionItemStates = Partial<\n Record<'open' | 'active' | 'closed', string | Partial<CSSStyleDeclaration>>\n>;\n\nexport interface AccordionItemProps extends BaseProps {\n $refs: {\n btn: HTMLElement;\n content: HTMLElement;\n container: HTMLElement;\n };\n $options: {\n isOpen: boolean;\n styles: Partial<Record<keyof AccordionItemProps['$refs'], AccordionItemStates>>;\n };\n}\n\n/**\n * AccordionItem class.\n */\nexport class AccordionItem<T extends BaseProps = BaseProps> extends Base<T & AccordionItemProps> {\n /**\n * Config.\n */\n static config: BaseConfig = {\n name: 'AccordionItem',\n refs: ['btn', 'content', 'container'],\n emits: ['open', 'close'],\n options: {\n isOpen: Boolean,\n styles: {\n type: Object,\n default: (): AccordionItemProps['$options']['styles'] => ({\n container: {\n open: '',\n active: '',\n closed: '',\n },\n }),\n merge: true,\n },\n },\n };\n\n /**\n * Add aria-attributes on mounted.\n */\n mounted() {\n if (this.$parent && this.$parent instanceof Accordion && this.$parent.$options.item) {\n Object.entries(this.$parent.$options.item).forEach(([key, value]) => {\n if (key in this.$options) {\n // @ts-ignore\n const type = AccordionItem.config.options[key].type ?? AccordionItem.config.options[key];\n if (type === Array || type === Object) {\n // @ts-ignore\n this.$options[key] = deepmerge(this.$options[key], /** @type {any} */ value);\n } else {\n // @ts-ignore\n this.$options[key] = value;\n }\n }\n });\n }\n\n this.$refs.btn.setAttribute('id', this.$id);\n this.$refs.btn.setAttribute('aria-controls', this.contentId);\n this.$refs.content.setAttribute('aria-labelledby', this.$id);\n this.$refs.content.setAttribute('id', this.contentId);\n\n const { isOpen } = this.$options;\n this.updateAttributes(isOpen);\n\n // Update refs styles on mount\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n const { container, ...otherStyles } = this.$options.styles;\n\n const { $refs } = this;\n Object.entries(otherStyles)\n .filter(([refName]) => $refs[refName])\n .forEach(([refName, { open, closed } = { open: '', closed: '' }]) => {\n transition($refs[refName] as HTMLElement, { to: isOpen ? open : closed }, 'keep');\n });\n }\n\n /**\n * Remove styles on destroy.\n */\n destroyed() {\n this.$refs.container.style.visibility = '';\n this.$refs.container.style.height = '';\n }\n\n /**\n * Handler for the click event on the `btn` ref.\n */\n onBtnClick() {\n if (this.$options.isOpen) {\n this.close();\n } else {\n this.open();\n }\n }\n\n /**\n * Get the content ID.\n */\n get contentId(): string {\n return `content-${this.$id}`;\n }\n\n /**\n * Update the refs' attributes according to the given type.\n */\n updateAttributes(isOpen: boolean) {\n this.$refs.container.style.visibility = isOpen ? '' : 'invisible';\n this.$refs.container.style.height = isOpen ? '' : '0';\n this.$refs.content.setAttribute('aria-hidden', isOpen ? 'false' : 'true');\n this.$refs.btn.setAttribute('aria-expanded', isOpen ? 'true' : 'false');\n }\n\n /**\n * Open an item.\n */\n async open() {\n if (this.$options.isOpen) {\n return;\n }\n\n this.$log('open');\n this.$emit('open');\n\n this.$options.isOpen = true;\n this.updateAttributes(this.$options.isOpen);\n\n this.$refs.container.style.visibility = '';\n const { container, ...otherStyles } = this.$options.styles;\n\n const { $refs } = this;\n\n await Promise.all([\n transition($refs.container, {\n from: { height: '0' },\n active: container.active,\n to: { height: `${$refs.content.offsetHeight}px` },\n }).then(() => {\n // Remove style only if the item has not been closed before the end\n if (this.$options.isOpen) {\n $refs.content.style.position = '';\n }\n\n return Promise.resolve();\n }),\n ...Object.entries(otherStyles)\n .filter(([refName]) => $refs[refName])\n .map(([refName, { open, active, closed } = { open: '', active: '', closed: '' }]) =>\n transition(\n $refs[refName] as HTMLElement,\n {\n from: closed,\n active,\n to: open,\n },\n 'keep',\n ),\n ),\n ]);\n }\n\n /**\n * Close an item.\n */\n async close() {\n if (!this.$options.isOpen) {\n return;\n }\n\n this.$log('close');\n this.$emit('close');\n\n this.$options.isOpen = false;\n\n const height = this.$refs.container.offsetHeight;\n this.$refs.content.style.position = 'absolute';\n const { container, ...otherStyles } = this.$options.styles;\n\n /** @type {AccordionItemRefs} */\n const refs = this.$refs;\n\n await Promise.all([\n transition(refs.container, {\n from: { height: `${height}px` },\n active: container.active,\n to: { height: '0' },\n }).then(() => {\n // Add end styles only if the item has not been re-opened before the end\n if (!this.$options.isOpen) {\n refs.container.style.height = '0';\n refs.container.style.visibility = 'invisible';\n this.updateAttributes(this.$options.isOpen);\n }\n return Promise.resolve();\n }),\n ...Object.entries(otherStyles)\n .filter(([refName]) => refs[refName])\n .map(([refName, { open, active, closed } = { open: '', active: '', closed: '' }]) =>\n transition(\n refs[refName] as HTMLElement,\n {\n from: open,\n active,\n to: closed,\n },\n 'keep',\n ),\n ),\n ]);\n }\n}\n"],
5
- "mappings": "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",
6
- "names": ["Accordion", "deepmerge"]
7
- }
@@ -1,22 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __copyProps = (to, from, except, desc) => {
6
- if (from && typeof from === "object" || typeof from === "function") {
7
- for (let key of __getOwnPropNames(from))
8
- if (!__hasOwnProp.call(to, key) && key !== except)
9
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
10
- }
11
- return to;
12
- };
13
- var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
14
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
15
-
16
- // packages/ui/molecules/Accordion/index.ts
17
- var Accordion_exports = {};
18
- module.exports = __toCommonJS(Accordion_exports);
19
- __reExport(Accordion_exports, require("./Accordion.cjs"), module.exports);
20
- __reExport(Accordion_exports, require("./AccordionItem.cjs"), module.exports);
21
- if (module.exports.default) module.exports = module.exports.default;
22
- //# sourceMappingURL=index.cjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../packages/ui/molecules/Accordion/index.ts"],
4
- "sourcesContent": ["export * from './Accordion.js';\nexport * from './AccordionItem.js';\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,8BAAc,4BAAd;AACA,8BAAc,gCADd;",
6
- "names": []
7
- }
@@ -1,63 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: true });
8
- };
9
- var __copyProps = (to, from, except, desc) => {
10
- if (from && typeof from === "object" || typeof from === "function") {
11
- for (let key of __getOwnPropNames(from))
12
- if (!__hasOwnProp.call(to, key) && key !== except)
13
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
14
- }
15
- return to;
16
- };
17
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
18
-
19
- // packages/ui/molecules/AnchorNav/AnchorNav.ts
20
- var AnchorNav_exports = {};
21
- __export(AnchorNav_exports, {
22
- AnchorNav: () => AnchorNav
23
- });
24
- module.exports = __toCommonJS(AnchorNav_exports);
25
- var import_js_toolkit = require("@studiometa/js-toolkit");
26
- var import_AnchorNavLink = require("./AnchorNavLink.cjs");
27
- var import_AnchorNavTarget = require("./AnchorNavTarget.cjs");
28
- var AnchorNav = class extends import_js_toolkit.Base {
29
- /**
30
- * Config
31
- */
32
- static config = {
33
- name: "AnchorNav",
34
- components: {
35
- AnchorNavLink: import_AnchorNavLink.AnchorNavLink,
36
- AnchorNavTarget: import_AnchorNavTarget.AnchorNavTarget
37
- }
38
- };
39
- /**
40
- * Listen to the AnchorNavTarget that is mounted
41
- */
42
- onAnchorNavTargetMounted(index) {
43
- const { id } = this.$children.AnchorNavTarget[index].$el;
44
- this.$children.AnchorNavLink.forEach((anchorNavLink) => {
45
- if (id === anchorNavLink.targetId) {
46
- anchorNavLink.enter();
47
- }
48
- });
49
- }
50
- /**
51
- * Listen to the AnchorNavTarget that is destroyed
52
- */
53
- onAnchorNavTargetDestroyed(index) {
54
- const { id } = this.$children.AnchorNavTarget[index].$el;
55
- this.$children.AnchorNavLink.forEach((anchorNavLink) => {
56
- if (id === anchorNavLink.targetId) {
57
- anchorNavLink.leave();
58
- }
59
- });
60
- }
61
- };
62
- if (module.exports.default) module.exports = module.exports.default;
63
- //# sourceMappingURL=AnchorNav.cjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../packages/ui/molecules/AnchorNav/AnchorNav.ts"],
4
- "sourcesContent": ["import { Base } from '@studiometa/js-toolkit';\nimport type { BaseProps, BaseConfig } from '@studiometa/js-toolkit';\nimport { AnchorNavLink } from './AnchorNavLink.js';\nimport { AnchorNavTarget } from './AnchorNavTarget.js';\n\nexport interface AnchorNavProps extends BaseProps {\n $children: {\n AnchorNavLink: AnchorNavLink[];\n AnchorNavTarget: AnchorNavTarget[];\n };\n}\n\nexport class AnchorNav<T extends BaseProps = BaseProps> extends Base<T & AnchorNavProps> {\n /**\n * Config\n */\n static config: BaseConfig = {\n name: 'AnchorNav',\n components: {\n AnchorNavLink,\n AnchorNavTarget,\n },\n };\n\n /**\n * Listen to the AnchorNavTarget that is mounted\n */\n onAnchorNavTargetMounted(index) {\n const { id } = this.$children.AnchorNavTarget[index].$el;\n this.$children.AnchorNavLink.forEach((anchorNavLink) => {\n if (id === anchorNavLink.targetId) {\n anchorNavLink.enter();\n }\n });\n }\n\n /**\n * Listen to the AnchorNavTarget that is destroyed\n */\n onAnchorNavTargetDestroyed(index) {\n const { id } = this.$children.AnchorNavTarget[index].$el;\n this.$children.AnchorNavLink.forEach((anchorNavLink) => {\n if (id === anchorNavLink.targetId) {\n anchorNavLink.leave();\n }\n });\n }\n}\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAqB;AAErB,2BAA8B;AAC9B,6BAAgC;AASzB,IAAM,YAAN,cAAyD,uBAAyB;AAAA;AAAA;AAAA;AAAA,EAIvF,OAAO,SAAqB;AAAA,IAC1B,MAAM;AAAA,IACN,YAAY;AAAA,MACV;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,yBAAyB,OAAO;AAC9B,UAAM,EAAE,GAAG,IAAI,KAAK,UAAU,gBAAgB,KAAK,EAAE;AACrD,SAAK,UAAU,cAAc,QAAQ,CAAC,kBAAkB;AACtD,UAAI,OAAO,cAAc,UAAU;AACjC,sBAAc,MAAM;AAAA,MACtB;AAAA,IACF,CAAC;AAAA,EACH;AAAA;AAAA;AAAA;AAAA,EAKA,2BAA2B,OAAO;AAChC,UAAM,EAAE,GAAG,IAAI,KAAK,UAAU,gBAAgB,KAAK,EAAE;AACrD,SAAK,UAAU,cAAc,QAAQ,CAAC,kBAAkB;AACtD,UAAI,OAAO,cAAc,UAAU;AACjC,sBAAc,MAAM;AAAA,MACtB;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
6
- "names": []
7
- }