sliced-areas 1.0.3 → 1.0.4

package/README.md

@@ -2,6 +2,8 @@
 
 Blender-like resizable and splittable areas layout system. Available as a Web Component with optional Vue 3 wrapper.
 
+📚 **[Documentation & Examples](https://pavel-voronin.github.io/sliced-areas/)**
+
 ## Installation
 
 ```sh

package/dist/vue.d.ts

@@ -31,4 +31,5 @@ declare const SlicedAreas: import("vue").DefineComponent<import("vue").ExtractPr
 export declare const SlicedAreasPlugin: {
     install(app: App): void;
 };
+export { SlicedAreas };
 export default SlicedAreas;

package/dist/vue.js

@@ -43,6 +43,6 @@ const SlicedAreasPlugin = { install(e) {
 	e.component("SlicedAreas", SlicedAreas);
 } };
 var vue_default = SlicedAreas;
-export { SlicedAreasPlugin, vue_default as default };
+export { SlicedAreas, SlicedAreasPlugin, vue_default as default };
 
 //# sourceMappingURL=vue.js.map

package/dist/vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"vue.js","names":[],"sources":["../src/plugin/vue.ts"],"sourcesContent":["import {\n  defineComponent,\n  h,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  useAttrs,\n  watch,\n  type App,\n  type PropType,\n} from 'vue'\n\nimport { registerSlicedAreasElement } from './sliced-areas'\nimport type { AreaResolver, AreasLayout, CornerClickDetail, SlicedAreasElement } from './sliced-areas'\n\nexport type {\n  AreaId,\n  AreaRect,\n  AreaTag,\n  AreasGraph,\n  AreasLayout,\n  AreaResolver,\n  CornerClickDetail,\n  GraphArea,\n  GraphEdge,\n  GraphVert,\n  SlicedAreasElement,\n} from './sliced-areas'\n\nregisterSlicedAreasElement()\n\nconst SlicedAreas = defineComponent({\n  name: 'SlicedAreas',\n  inheritAttrs: false,\n  props: {\n    layout: {\n      type: Object as PropType<AreasLayout | null>,\n      default: null,\n    },\n    resolver: {\n      type: Function as unknown as PropType<AreaResolver | null>,\n      default: null,\n    },\n  },\n  emits: ['layoutchange', 'cornerclick'],\n  setup(props, { emit, slots }) {\n    const attrs = useAttrs()\n    const elementRef = ref<SlicedAreasElement | null>(null)\n\n    const onLayoutChange = (event: Event) => {\n      const customEvent = event as CustomEvent<{ layout: AreasLayout }>\n      emit('layoutchange', customEvent.detail)\n    }\n\n    const onCornerClick = (event: Event) => {\n      const customEvent = event as CustomEvent<CornerClickDetail>\n      emit('cornerclick', customEvent.detail)\n    }\n\n    onMounted(() => {\n      const element = elementRef.value!\n      element.addEventListener('sliced-areas:layoutchange', onLayoutChange)\n      element.addEventListener('sliced-areas:cornerclick', onCornerClick)\n    })\n\n    onBeforeUnmount(() => {\n      const element = elementRef.value!\n      element.removeEventListener('sliced-areas:layoutchange', onLayoutChange)\n      element.removeEventListener('sliced-areas:cornerclick', onCornerClick)\n    })\n\n    watch(\n      [() => elementRef.value, () => props.resolver, () => props.layout],\n      ([element, resolver, layout]) => {\n        if (!element) return\n        element.setResolver(resolver)\n        element.layout = layout\n      },\n      { immediate: true },\n    )\n\n    return () =>\n      h(\n        'sliced-areas',\n        {\n          ...attrs,\n          ref: elementRef,\n        },\n        slots.default?.(),\n      )\n  },\n})\n\nexport const SlicedAreasPlugin = {\n  install(app: App) {\n    app.component('SlicedAreas', SlicedAreas)\n  },\n}\n\nexport default SlicedAreas\n"],"mappings":";;AA6BA,4BAA4B;AAE5B,IAAM,cAAc,gBAAgB;CAClC,MAAM;CACN,cAAc;CACd,OAAO;EACL,QAAQ;GACN,MAAM;GACN,SAAS;GACV;EACD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EACF;CACD,OAAO,CAAC,gBAAgB,cAAc;CACtC,MAAM,GAAO,EAAE,SAAM,YAAS;EAC5B,IAAM,IAAQ,UAAU,EAClB,IAAa,IAA+B,KAAK,EAEjD,KAAkB,MAAiB;AAEvC,KAAK,gBADe,EACa,OAAO;KAGpC,KAAiB,MAAiB;AAEtC,KAAK,eADe,EACY,OAAO;;AAyBzC,SAtBA,gBAAgB;GACd,IAAM,IAAU,EAAW;AAE3B,GADA,EAAQ,iBAAiB,6BAA6B,EAAe,EACrE,EAAQ,iBAAiB,4BAA4B,EAAc;IACnE,EAEF,sBAAsB;GACpB,IAAM,IAAU,EAAW;AAE3B,GADA,EAAQ,oBAAoB,6BAA6B,EAAe,EACxE,EAAQ,oBAAoB,4BAA4B,EAAc;IACtE,EAEF,MACE;SAAO,EAAW;SAAa,EAAM;SAAgB,EAAM;GAAO,GACjE,CAAC,GAAS,GAAU,OAAY;AAC1B,SACL,EAAQ,YAAY,EAAS,EAC7B,EAAQ,SAAS;KAEnB,EAAE,WAAW,IAAM,CACpB,QAGC,EACE,gBACA;GACE,GAAG;GACH,KAAK;GACN,EACD,EAAM,WAAW,CAClB;;CAEN,CAAC;AAEF,MAAa,oBAAoB,EAC/B,QAAQ,GAAU;AAChB,GAAI,UAAU,eAAe,YAAY;GAE5C;AAED,IAAA,cAAe"}
+{"version":3,"file":"vue.js","names":[],"sources":["../src/plugin/vue.ts"],"sourcesContent":["import {\n  defineComponent,\n  h,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  useAttrs,\n  watch,\n  type App,\n  type PropType,\n} from 'vue'\n\nimport { registerSlicedAreasElement } from './sliced-areas'\nimport type { AreaResolver, AreasLayout, CornerClickDetail, SlicedAreasElement } from './sliced-areas'\n\nexport type {\n  AreaId,\n  AreaRect,\n  AreaTag,\n  AreasGraph,\n  AreasLayout,\n  AreaResolver,\n  CornerClickDetail,\n  GraphArea,\n  GraphEdge,\n  GraphVert,\n  SlicedAreasElement,\n} from './sliced-areas'\n\nregisterSlicedAreasElement()\n\nconst SlicedAreas = defineComponent({\n  name: 'SlicedAreas',\n  inheritAttrs: false,\n  props: {\n    layout: {\n      type: Object as PropType<AreasLayout | null>,\n      default: null,\n    },\n    resolver: {\n      type: Function as unknown as PropType<AreaResolver | null>,\n      default: null,\n    },\n  },\n  emits: ['layoutchange', 'cornerclick'],\n  setup(props, { emit, slots }) {\n    const attrs = useAttrs()\n    const elementRef = ref<SlicedAreasElement | null>(null)\n\n    const onLayoutChange = (event: Event) => {\n      const customEvent = event as CustomEvent<{ layout: AreasLayout }>\n      emit('layoutchange', customEvent.detail)\n    }\n\n    const onCornerClick = (event: Event) => {\n      const customEvent = event as CustomEvent<CornerClickDetail>\n      emit('cornerclick', customEvent.detail)\n    }\n\n    onMounted(() => {\n      const element = elementRef.value!\n      element.addEventListener('sliced-areas:layoutchange', onLayoutChange)\n      element.addEventListener('sliced-areas:cornerclick', onCornerClick)\n    })\n\n    onBeforeUnmount(() => {\n      const element = elementRef.value!\n      element.removeEventListener('sliced-areas:layoutchange', onLayoutChange)\n      element.removeEventListener('sliced-areas:cornerclick', onCornerClick)\n    })\n\n    watch(\n      [() => elementRef.value, () => props.resolver, () => props.layout],\n      ([element, resolver, layout]) => {\n        if (!element) return\n        element.setResolver(resolver)\n        element.layout = layout\n      },\n      { immediate: true },\n    )\n\n    return () =>\n      h(\n        'sliced-areas',\n        {\n          ...attrs,\n          ref: elementRef,\n        },\n        slots.default?.(),\n      )\n  },\n})\n\nexport const SlicedAreasPlugin = {\n  install(app: App) {\n    app.component('SlicedAreas', SlicedAreas)\n  },\n}\n\nexport { SlicedAreas }\nexport default SlicedAreas\n"],"mappings":";;AA6BA,4BAA4B;AAE5B,IAAM,cAAc,gBAAgB;CAClC,MAAM;CACN,cAAc;CACd,OAAO;EACL,QAAQ;GACN,MAAM;GACN,SAAS;GACV;EACD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EACF;CACD,OAAO,CAAC,gBAAgB,cAAc;CACtC,MAAM,GAAO,EAAE,SAAM,YAAS;EAC5B,IAAM,IAAQ,UAAU,EAClB,IAAa,IAA+B,KAAK,EAEjD,KAAkB,MAAiB;AAEvC,KAAK,gBADe,EACa,OAAO;KAGpC,KAAiB,MAAiB;AAEtC,KAAK,eADe,EACY,OAAO;;AAyBzC,SAtBA,gBAAgB;GACd,IAAM,IAAU,EAAW;AAE3B,GADA,EAAQ,iBAAiB,6BAA6B,EAAe,EACrE,EAAQ,iBAAiB,4BAA4B,EAAc;IACnE,EAEF,sBAAsB;GACpB,IAAM,IAAU,EAAW;AAE3B,GADA,EAAQ,oBAAoB,6BAA6B,EAAe,EACxE,EAAQ,oBAAoB,4BAA4B,EAAc;IACtE,EAEF,MACE;SAAO,EAAW;SAAa,EAAM;SAAgB,EAAM;GAAO,GACjE,CAAC,GAAS,GAAU,OAAY;AAC1B,SACL,EAAQ,YAAY,EAAS,EAC7B,EAAQ,SAAS;KAEnB,EAAE,WAAW,IAAM,CACpB,QAGC,EACE,gBACA;GACE,GAAG;GACH,KAAK;GACN,EACD,EAAM,WAAW,CAClB;;CAEN,CAAC;AAEF,MAAa,oBAAoB,EAC/B,QAAQ,GAAU;AAChB,GAAI,UAAU,eAAe,YAAY;GAE5C;AAGD,IAAA,cAAe"}

package/package.json

@@ -11,7 +11,7 @@
     "tiling",
     "blender"
   ],
-  "version": "1.0.3",
+  "version": "1.0.4",
   "type": "module",
   "license": "MIT",
   "author": "Pavel Voronin",
@@ -19,7 +19,7 @@
     "type": "git",
     "url": "https://github.com/pavel-voronin/sliced-areas.git"
   },
-  "homepage": "https://github.com/pavel-voronin/sliced-areas#readme",
+  "homepage": "https://pavel-voronin.github.io/sliced-areas/",
   "bugs": {
     "url": "https://github.com/pavel-voronin/sliced-areas/issues"
   },
@@ -61,7 +61,10 @@
     "lint:oxlint": "oxlint . --fix -D correctness --ignore-path .gitignore",
     "lint:eslint": "eslint . --fix --cache",
     "lint": "run-s lint:*",
-    "format": "prettier --write --experimental-cli src/"
+    "format": "prettier --write --experimental-cli src/",
+    "docs:dev": "vitepress dev docs",
+    "docs:build": "vitepress build docs",
+    "docs:preview": "vitepress preview docs"
   },
   "peerDependencies": {
     "vue": "^3.5.25"
@@ -71,10 +74,9 @@
       "optional": true
     }
   },
-  "dependencies": {},
   "devDependencies": {
-    "@tailwindcss/vite": "^4.1.18",
     "@prettier/plugin-oxc": "^0.0.5",
+    "@tailwindcss/vite": "^4.1.18",
     "@tsconfig/node24": "^24.0.3",
     "@types/jsdom": "^27.0.0",
     "@types/node": "^24.10.1",
@@ -95,6 +97,7 @@
     "typescript": "~5.9.0",
     "vite": "npm:rolldown-vite@latest",
     "vite-plugin-vue-devtools": "^8.0.5",
+    "vitepress": "^1.6.4",
     "vitest": "^4.0.14",
     "vue": "^3.5.25",
     "vue-tsc": "^3.1.5"