builder-settings-types 0.0.3 → 0.0.6

package/dist/builder-settings-types.cjs.js

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});class s{constructor(t={}){this.props=t,this.title=t.title||"Setting",this.value=t.defaultValue}defaultDraw(){const t=document.createElement("div"),e=document.createElement("label");e.textContent=this.title??"";const r=document.createElement("input");return r.type=this.inputType,r.placeholder=this.props.placeholder||`Enter ${this.title}`,r.value=this.value!==void 0?String(this.value):"",t.appendChild(e),t.appendChild(r),t}}const o=Object.freeze(Object.defineProperty({__proto__:null,Setting:s},Symbol.toStringTag,{value:"Module"}));class l{constructor(t){this.title=t.title,this.settings=t.settings,Object.assign(this,t.settings)}}const a=Object.freeze(Object.defineProperty({__proto__:null,SettingGroup:l},Symbol.toStringTag,{value:"Module"}));class i extends s{constructor(t={}){super(t),this.props=t,this.inputType="number"}draw(){const t=super.defaultDraw(),e=t.querySelector("input");return this.props.minValue!==void 0&&(e.min=String(this.props.minValue)),this.props.maxValue!==void 0&&(e.max=String(this.props.maxValue)),this.props.className&&e.classList.add(this.props.className),t}}const g=Object.freeze(Object.defineProperty({__proto__:null,NumberSetting:i},Symbol.toStringTag,{value:"Module"}));class u extends l{constructor(){super({title:"Margin",settings:{margin:new i({title:"Margin All"}),marginTop:new i({title:"Margin Top"}),marginRight:new i({title:"Margin Right"}),marginBottom:new i({title:"Margin Bottom"}),marginLeft:new i({title:"Margin Left"})}})}getCssCode(){return`
+		margin-botton: ${this.settings.marginBottom.value}px;
+		margin-top: ${this.settings.marginTop.value}px;
+		margin-right: ${this.settings.marginRight.value}px;
+		margin-left: ${this.settings.marginLeft.value}px;
+		`}}const c=Object.freeze(Object.defineProperty({__proto__:null,MarginSetting:u},Symbol.toStringTag,{value:"Module"}));class p extends s{constructor(t={}){super(t),this.inputType="text"}draw(){return super.defaultDraw()}}const d=Object.freeze(Object.defineProperty({__proto__:null,StringSetting:p},Symbol.toStringTag,{value:"Module"}));function m(){console.log("logg yes fixed")}const h={setting:o,settingsGroup:a,marginSettings:c,numberSettings:g,stringSettings:d};exports.default=h;exports.logger=m;

package/dist/{builder-settings.es.js → builder-settings-types.es.js}

@@ -9,11 +9,19 @@ class r {
     return s.type = this.inputType, s.placeholder = this.props.placeholder || `Enter ${this.title}`, s.value = this.value !== void 0 ? String(this.value) : "", t.appendChild(e), t.appendChild(s), t;
   }
 }
-class a {
+const o = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Setting: r
+}, Symbol.toStringTag, { value: "Module" }));
+class l {
   constructor(t) {
     this.title = t.title, this.settings = t.settings, Object.assign(this, t.settings);
   }
 }
+const a = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  SettingGroup: l
+}, Symbol.toStringTag, { value: "Module" }));
 class i extends r {
   constructor(t = {}) {
     super(t), this.props = t, this.inputType = "number";
@@ -23,7 +31,11 @@ class i extends r {
     return this.props.minValue !== void 0 && (e.min = String(this.props.minValue)), this.props.maxValue !== void 0 && (e.max = String(this.props.maxValue)), this.props.className && e.classList.add(this.props.className), t;
   }
 }
-class l extends a {
+const g = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  NumberSetting: i
+}, Symbol.toStringTag, { value: "Module" }));
+class u extends l {
   constructor() {
     super({
       title: "Margin",
@@ -45,7 +57,11 @@ class l extends a {
 		`;
   }
 }
-class u extends r {
+const p = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  MarginSetting: u
+}, Symbol.toStringTag, { value: "Module" }));
+class c extends r {
   constructor(t = {}) {
     super(t), this.inputType = "text";
   }
@@ -53,10 +69,21 @@ class u extends r {
     return super.defaultDraw();
   }
 }
+const m = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  StringSetting: c
+}, Symbol.toStringTag, { value: "Module" }));
+function d() {
+  console.log("logg yes fixed");
+}
+const h = {
+  setting: o,
+  settingsGroup: a,
+  marginSettings: p,
+  numberSettings: g,
+  stringSettings: m
+};
 export {
-  l as MarginSetting,
-  i as NumberSetting,
-  r as Setting,
-  a as SettingGroup,
-  u as StringSetting
+  h as default,
+  d as logger
 };

package/dist/index.d.ts

@@ -1,4 +1,15 @@
-export declare class MarginSetting extends SettingGroup<{
+declare const _default: {
+    setting: typeof setting;
+    settingsGroup: typeof settingsGroup;
+    marginSettings: typeof marginSettings;
+    numberSettings: typeof numberSettings;
+    stringSettings: typeof stringSettings;
+};
+export default _default;
+
+export declare function logger(): void;
+
+declare class MarginSetting extends SettingGroup<{
     margin: NumberSetting;
     marginTop: NumberSetting;
     marginRight: NumberSetting;
@@ -9,20 +20,33 @@ export declare class MarginSetting extends SettingGroup<{
     getCssCode(): string;
 }
 
-export declare interface NumberInputProps extends SettingProps<number> {
+declare namespace marginSettings {
+    export {
+        MarginSetting
+    }
+}
+
+declare interface NumberInputProps extends SettingProps<number> {
     minValue?: number;
     maxValue?: number;
     className?: string;
 }
 
-export declare class NumberSetting extends Setting<number> {
+declare class NumberSetting extends Setting<number> {
     protected props: NumberInputProps;
     inputType: string;
     constructor(props?: NumberInputProps);
     draw(): HTMLElement;
 }
 
-export declare abstract class Setting<T> {
+declare namespace numberSettings {
+    export {
+        NumberInputProps,
+        NumberSetting
+    }
+}
+
+declare abstract class Setting<T> {
     protected props: SettingProps<T>;
     value: T | undefined;
     title: string | undefined;
@@ -32,31 +56,52 @@ export declare abstract class Setting<T> {
     defaultDraw(): HTMLElement;
 }
 
-export declare class SettingGroup<T extends Record<string, Setting<any> | SettingGroup<any>>> {
+declare namespace setting {
+    export {
+        SettingProps,
+        Setting
+    }
+}
+
+declare class SettingGroup<T extends Record<string, Setting<any> | SettingGroup<any>>> {
     title: string;
     settings: T;
     constructor(groupProps: SettingGroupProps<T>);
 }
 
-export declare type SettingGroupProps<T> = {
+declare type SettingGroupProps<T> = {
     title: string;
     settings: T;
 };
 
-export declare interface SettingProps<T> {
+declare interface SettingProps<T> {
     defaultValue?: T;
     title?: string;
     placeholder?: string;
 }
 
-export declare interface StringInputProps extends SettingProps<string> {
+declare namespace settingsGroup {
+    export {
+        SettingGroupProps,
+        SettingGroup
+    }
+}
+
+declare interface StringInputProps extends SettingProps<string> {
     maxLength?: number;
 }
 
-export declare class StringSetting extends Setting<string> {
+declare class StringSetting extends Setting<string> {
     inputType: string;
     constructor(props?: StringInputProps);
     draw(): HTMLElement;
 }
 
+declare namespace stringSettings {
+    export {
+        StringInputProps,
+        StringSetting
+    }
+}
+
 export { }

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "builder-settings-types",
   "description": "builder settings",
-  "version": "0.0.3",
+  "version": "0.0.6",
   "type": "module",
-  "main": "dist/builder-settings.cjs.js",
-  "module": "dist/builder-settings.es.js",
+  "main": "dist/builder-settings-types.cjs.js",
+  "module": "dist/builder-settings-types.es.js",
   "types": "dist/index.d.ts",
   "scripts": {
     "dev": "vite",

package/src/index.ts

@@ -1,5 +1,17 @@
-export * from "./settings";
-export * from "./settingsGroup";
-export * from "./marginSettings";
-export * from "./numberSettings";
-export * from "./stringSettings";
+import * as setting from "./settings";
+import * as settingsGroup from "./settingsGroup";
+import * as marginSettings from "./marginSettings";
+import * as numberSettings from "./numberSettings";
+import * as stringSettings from "./stringSettings";
+
+export function logger() {
+  console.log("logg yes fixed")
+}
+
+export default {
+  setting,
+  settingsGroup,
+  marginSettings,
+  numberSettings,
+  stringSettings,
+};

package/vite.config.ts

@@ -14,8 +14,8 @@ export default defineConfig({
   build: {
     lib: {
       entry: "src/index.ts",
-      name: "builder-settings",
-      fileName: (format) => `builder-settings.${format}.js`,
+      name: "builder-settings-types",
+      fileName: (format) => `builder-settings-types.${format}.js`,
       formats: ["es", "cjs"],
     },
     rollupOptions: {

package/dist/builder-settings.cjs.js

@@ -1,6 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class r{constructor(t={}){this.props=t,this.title=t.title||"Setting",this.value=t.defaultValue}defaultDraw(){const t=document.createElement("div"),e=document.createElement("label");e.textContent=this.title??"";const s=document.createElement("input");return s.type=this.inputType,s.placeholder=this.props.placeholder||`Enter ${this.title}`,s.value=this.value!==void 0?String(this.value):"",t.appendChild(e),t.appendChild(s),t}}class a{constructor(t){this.title=t.title,this.settings=t.settings,Object.assign(this,t.settings)}}class i extends r{constructor(t={}){super(t),this.props=t,this.inputType="number"}draw(){const t=super.defaultDraw(),e=t.querySelector("input");return this.props.minValue!==void 0&&(e.min=String(this.props.minValue)),this.props.maxValue!==void 0&&(e.max=String(this.props.maxValue)),this.props.className&&e.classList.add(this.props.className),t}}class l extends a{constructor(){super({title:"Margin",settings:{margin:new i({title:"Margin All"}),marginTop:new i({title:"Margin Top"}),marginRight:new i({title:"Margin Right"}),marginBottom:new i({title:"Margin Bottom"}),marginLeft:new i({title:"Margin Left"})}})}getCssCode(){return`
-		margin-botton: ${this.settings.marginBottom.value}px;
-		margin-top: ${this.settings.marginTop.value}px;
-		margin-right: ${this.settings.marginRight.value}px;
-		margin-left: ${this.settings.marginLeft.value}px;
-		`}}class g extends r{constructor(t={}){super(t),this.inputType="text"}draw(){return super.defaultDraw()}}exports.MarginSetting=l;exports.NumberSetting=i;exports.Setting=r;exports.SettingGroup=a;exports.StringSetting=g;