@studiometa/js-toolkit 2.4.3 → 2.4.4-alpha.0

package/decorators/index.cjs

@@ -22,7 +22,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/js-toolkit/decorators/index.js
+// packages/js-toolkit/decorators/index.ts
 var decorators_exports = {};
 __export(decorators_exports, {
   withBreakpointManager: () => import_withBreakpointManager.default,

package/decorators/withBreakpointManager.cjs

@@ -22,7 +22,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/js-toolkit/decorators/withBreakpointManager.js
+// packages/js-toolkit/decorators/withBreakpointManager.ts
 var withBreakpointManager_exports = {};
 __export(withBreakpointManager_exports, {
   default: () => withBreakpointManager
@@ -68,7 +68,7 @@ function withBreakpointManager(BaseClass, breakpoints) {
     }
     return BaseClass;
   }
-  return class extends BaseClass {
+  return class WithBreakpointManager extends BaseClass {
     constructor(element) {
       super(element);
       if (!instances.has(this)) {
@@ -77,7 +77,6 @@ function withBreakpointManager(BaseClass, breakpoints) {
       add(`BreakpointManager-${this.$id}`, () => {
         testBreakpoints(instances.get(this));
       });
-      this.instances = instances.get(this);
     }
     $mount() {
       super.$mount();

package/decorators/withBreakpointManager.js

@@ -38,7 +38,7 @@ function withBreakpointManager(BaseClass, breakpoints) {
     }
     return BaseClass;
   }
-  return class extends BaseClass {
+  return class WithBreakpointManager extends BaseClass {
     constructor(element) {
       super(element);
       if (!instances.has(this)) {
@@ -47,7 +47,6 @@ function withBreakpointManager(BaseClass, breakpoints) {
       add(`BreakpointManager-${this.$id}`, () => {
         testBreakpoints(instances.get(this));
       });
-      this.instances = instances.get(this);
     }
     $mount() {
       super.$mount();

package/decorators/withBreakpointObserver.cjs

@@ -27,7 +27,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 
-// packages/js-toolkit/decorators/withBreakpointObserver.js
+// packages/js-toolkit/decorators/withBreakpointObserver.ts
 var withBreakpointObserver_exports = {};
 __export(withBreakpointObserver_exports, {
   default: () => withBreakpointObserver
@@ -62,7 +62,7 @@ function addToResize(key, instance) {
   }
   const { add, has } = (0, import_resize.default)();
   if (!has(key)) {
-    add(key, function onResize({ breakpoint }) {
+    add(key, ({ breakpoint }) => {
       const action = testBreakpoints(instance, breakpoint);
       if (action === "$destroy" && instance.$isMounted) {
         instance[action]();

package/decorators/withBreakpointObserver.js

@@ -33,7 +33,7 @@ function addToResize(key, instance) {
   }
   const { add, has } = useResize();
   if (!has(key)) {
-    add(key, function onResize({ breakpoint }) {
+    add(key, ({ breakpoint }) => {
       const action = testBreakpoints(instance, breakpoint);
       if (action === "$destroy" && instance.$isMounted) {
         instance[action]();

package/decorators/withDrag.cjs

@@ -27,7 +27,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 
-// packages/js-toolkit/decorators/withDrag.js
+// packages/js-toolkit/decorators/withDrag.ts
 var withDrag_exports = {};
 __export(withDrag_exports, {
   default: () => withDrag

package/decorators/withExtraConfig.cjs

@@ -27,7 +27,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 
-// packages/js-toolkit/decorators/withExtraConfig.js
+// packages/js-toolkit/decorators/withExtraConfig.ts
 var withExtraConfig_exports = {};
 __export(withExtraConfig_exports, {
   default: () => withExtraConfig

package/decorators/withFreezedOptions.cjs

@@ -21,24 +21,26 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 
-// packages/js-toolkit/decorators/withFreezedOptions.js
+// packages/js-toolkit/decorators/withFreezedOptions.ts
 var withFreezedOptions_exports = {};
 __export(withFreezedOptions_exports, {
   default: () => withFreezedOptions
 });
 module.exports = __toCommonJS(withFreezedOptions_exports);
 function withFreezedOptions(BaseClass) {
-  return class extends BaseClass {
+  return class WithFreezedOptions extends BaseClass {
     constructor() {
       super(...arguments);
       __publicField(this, "__freezedOptions");
     }
     get $options() {
-      Object.defineProperty(this, "__freezedOptions", {
-        value: Object.freeze({ ...super.$options }),
-        enumerable: false,
-        configurable: true
-      });
+      if (!this.__freezedOptions) {
+        Object.defineProperty(this, "__freezedOptions", {
+          value: Object.freeze({ ...super.$options }),
+          enumerable: false,
+          configurable: true
+        });
+      }
       return this.__freezedOptions;
     }
   };

package/decorators/withFreezedOptions.js

@@ -5,17 +5,19 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 function withFreezedOptions(BaseClass) {
-  return class extends BaseClass {
+  return class WithFreezedOptions extends BaseClass {
     constructor() {
       super(...arguments);
       __publicField(this, "__freezedOptions");
     }
     get $options() {
-      Object.defineProperty(this, "__freezedOptions", {
-        value: Object.freeze({ ...super.$options }),
-        enumerable: false,
-        configurable: true
-      });
+      if (!this.__freezedOptions) {
+        Object.defineProperty(this, "__freezedOptions", {
+          value: Object.freeze({ ...super.$options }),
+          enumerable: false,
+          configurable: true
+        });
+      }
       return this.__freezedOptions;
     }
   };

package/decorators/withIntersectionObserver.cjs

@@ -21,7 +21,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 
-// packages/js-toolkit/decorators/withIntersectionObserver.js
+// packages/js-toolkit/decorators/withIntersectionObserver.ts
 var withIntersectionObserver_exports = {};
 __export(withIntersectionObserver_exports, {
   default: () => withIntersectionObserver
@@ -35,6 +35,7 @@ function withIntersectionObserver(BaseClass, defaultOptions = { threshold: creat
   return _b = class extends BaseClass {
     constructor(element) {
       super(element);
+      __publicField(this, "$observer");
       this.$observer = new IntersectionObserver(
         (entries) => {
           this.__callMethod("intersected", entries);

package/decorators/withIntersectionObserver.js

@@ -12,6 +12,7 @@ function withIntersectionObserver(BaseClass, defaultOptions = { threshold: creat
   return _b = class extends BaseClass {
     constructor(element) {
       super(element);
+      __publicField(this, "$observer");
       this.$observer = new IntersectionObserver(
         (entries) => {
           this.__callMethod("intersected", entries);

package/decorators/withMountWhenInView.cjs

@@ -21,7 +21,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 
-// packages/js-toolkit/decorators/withMountWhenInView.js
+// packages/js-toolkit/decorators/withMountWhenInView.ts
 var withMountWhenInView_exports = {};
 __export(withMountWhenInView_exports, {
   default: () => withMountWhenInView

package/decorators/withResponsiveOptions.cjs

@@ -22,7 +22,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/js-toolkit/decorators/withResponsiveOptions.js
+// packages/js-toolkit/decorators/withResponsiveOptions.ts
 var withResponsiveOptions_exports = {};
 __export(withResponsiveOptions_exports, {
   default: () => withResponsiveOptions
@@ -30,7 +30,7 @@ __export(withResponsiveOptions_exports, {
 module.exports = __toCommonJS(withResponsiveOptions_exports);
 var import_ResponsiveOptionsManager = __toESM(require("../Base/managers/ResponsiveOptionsManager.cjs"), 1);
 function withResponsiveOptions(BaseClass) {
-  return class extends BaseClass {
+  return class WithResponsiveOptions extends BaseClass {
     get __managers() {
       return {
         ...super.__managers,

package/decorators/withResponsiveOptions.js

@@ -1,6 +1,6 @@
 import ResponsiveOptionsManager from "../Base/managers/ResponsiveOptionsManager.js";
 function withResponsiveOptions(BaseClass) {
-  return class extends BaseClass {
+  return class WithResponsiveOptions extends BaseClass {
     get __managers() {
       return {
         ...super.__managers,

package/decorators/withScrolledInView.cjs

@@ -27,7 +27,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 
-// packages/js-toolkit/decorators/withScrolledInView.js
+// packages/js-toolkit/decorators/withScrolledInView.ts
 var withScrolledInView_exports = {};
 __export(withScrolledInView_exports, {
   default: () => withScrolledInView
@@ -57,7 +57,8 @@ function updateProps(props, dampFactor, dampPrecision, axis = "x") {
 }
 function withScrolledInView(BaseClass, options = {}) {
   var _a;
-  return _a = class extends (0, import_withMountWhenInView.default)(BaseClass, options) {
+  const WithMountWhenInView = (0, import_withMountWhenInView.default)(BaseClass, options);
+  return _a = class extends WithMountWhenInView {
     constructor(element) {
       super(element);
       __publicField(this, "__props", {
@@ -139,24 +140,29 @@ function withScrolledInView(BaseClass, options = {}) {
       });
     }
     mounted() {
-      if ((0, import_utils.isFunction)(super.mounted))
+      if ((0, import_utils.isFunction)(super.mounted)) {
         super.mounted();
+      }
     }
     resized(props) {
-      if ((0, import_utils.isFunction)(super.resized))
+      if ((0, import_utils.isFunction)(super.resized)) {
         super.resized(props);
+      }
     }
     scrolled(props) {
-      if ((0, import_utils.isFunction)(super.scrolled))
+      if ((0, import_utils.isFunction)(super.scrolled)) {
         super.scrolled(props);
+      }
     }
     ticked(props) {
-      if ((0, import_utils.isFunction)(super.ticked))
+      if ((0, import_utils.isFunction)(super.ticked)) {
         super.ticked(props);
+      }
     }
     destroyed() {
-      if ((0, import_utils.isFunction)(super.destroyed))
+      if ((0, import_utils.isFunction)(super.destroyed)) {
         super.destroyed();
+      }
     }
     __setProps() {
       const sizes = options.useOffsetSizes ? (0, import_utils.getOffsetSizes)(this.$el) : this.$el.getBoundingClientRect();

package/decorators/withScrolledInView.js

@@ -28,7 +28,8 @@ function updateProps(props, dampFactor, dampPrecision, axis = "x") {
 }
 function withScrolledInView(BaseClass, options = {}) {
   var _a;
-  return _a = class extends withMountWhenInView(BaseClass, options) {
+  const WithMountWhenInView = withMountWhenInView(BaseClass, options);
+  return _a = class extends WithMountWhenInView {
     constructor(element) {
       super(element);
       __publicField(this, "__props", {
@@ -110,24 +111,29 @@ function withScrolledInView(BaseClass, options = {}) {
       });
     }
     mounted() {
-      if (isFunction(super.mounted))
+      if (isFunction(super.mounted)) {
         super.mounted();
+      }
     }
     resized(props) {
-      if (isFunction(super.resized))
+      if (isFunction(super.resized)) {
         super.resized(props);
+      }
     }
     scrolled(props) {
-      if (isFunction(super.scrolled))
+      if (isFunction(super.scrolled)) {
         super.scrolled(props);
+      }
     }
     ticked(props) {
-      if (isFunction(super.ticked))
+      if (isFunction(super.ticked)) {
         super.ticked(props);
+      }
     }
     destroyed() {
-      if (isFunction(super.destroyed))
+      if (isFunction(super.destroyed)) {
         super.destroyed();
+      }
     }
     __setProps() {
       const sizes = options.useOffsetSizes ? getOffsetSizes(this.$el) : this.$el.getBoundingClientRect();

package/decorators/withVue2.cjs

@@ -21,14 +21,14 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 
-// packages/js-toolkit/decorators/withVue2.js
+// packages/js-toolkit/decorators/withVue2.ts
 var withVue2_exports = {};
 __export(withVue2_exports, {
-  default: () => withVue2_default
+  default: () => withVue2
 });
 module.exports = __toCommonJS(withVue2_exports);
 var import_utils = require("../utils/index.cjs");
-var withVue2_default = (BaseClass, Vue) => {
+function withVue2(BaseClass, Vue) {
   var _a, _b, _c;
   return _c = class extends BaseClass {
     constructor(element) {
@@ -64,5 +64,5 @@ var withVue2_default = (BaseClass, Vue) => {
     name: `${BaseClass.config.name}WithVue`,
     refs: [...(_b = (_a = BaseClass.config) == null ? void 0 : _a.refs) != null ? _b : [], "vue"]
   }), __publicField(_c, "vueConfig"), _c;
-};
+}
 if (module.exports.default) module.exports = module.exports.default;

package/decorators/withVue2.js

@@ -5,7 +5,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 import { isDev, isFunction } from "../utils/index.js";
-var withVue2_default = (BaseClass, Vue) => {
+function withVue2(BaseClass, Vue) {
   var _a, _b, _c;
   return _c = class extends BaseClass {
     constructor(element) {
@@ -41,7 +41,7 @@ var withVue2_default = (BaseClass, Vue) => {
     name: `${BaseClass.config.name}WithVue`,
     refs: [...(_b = (_a = BaseClass.config) == null ? void 0 : _a.refs) != null ? _b : [], "vue"]
   }), __publicField(_c, "vueConfig"), _c;
-};
+}
 export {
-  withVue2_default as default
+  withVue2 as default
 };

package/index.cjs

@@ -23,7 +23,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/js-toolkit/index.js
+// packages/js-toolkit/index.ts
 var js_toolkit_exports = {};
 __export(js_toolkit_exports, {
   Base: () => import_Base.default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@studiometa/js-toolkit",
-  "version": "2.4.3",
+  "version": "2.4.4-alpha.0",
   "description": "A set of useful little bits of JavaScript to boost your project! 🚀",
   "publishConfig": {
     "access": "public"