@k2b/ui 0.34.0 → 0.36.0

package/dist/ssr/layout/ScrollArea.js

@@ -4,7 +4,7 @@ import { escape as _$escape } from "solid-js/web";
 import { splitProps } from "solid-js";
 import { createScrollFade } from "./scroll-fade";
 export function ScrollArea(props) {
-  const [local, elementProps] = splitProps(props, ["children", "scrollPreserveKey", "class", "scrollFade", "orientation", "viewportSize", "ref"]);
+  const [local, elementProps] = splitProps(props, ["children", "scrollPreserveKey", "class", "scrollFade", "orientation", "viewportSize", "inset", "ref"]);
   let body;
   createScrollFade(() => body, () => local.scrollFade !== false);
   const className = () => local.class?.trim();
@@ -18,6 +18,9 @@ export function ScrollArea(props) {
     get ["data-orientation"]() {
       return local.orientation ?? "vertical";
     },
+    get ["data-inset"]() {
+      return local.inset ? "true" : undefined;
+    },
     get ["data-scroll-fade-mode"]() {
       return local.scrollFade !== false ? "both" : undefined;
     },

package/dist/ssr/layout/ScrollArea.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["layout/ScrollArea.tsx"],"sourcesContent":["import { type JSX, splitProps } from \"solid-js\";\nimport { createScrollFade } from \"./scroll-fade\";\n\nexport type ScrollAreaProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, \"children\" | \"class\"> & {\n  children: JSX.Element;\n  scrollFade?: boolean;\n  /** Stable compact catalog height, clamped to 60% of the dynamic viewport. */\n  viewportSize?: \"compact\";\n  orientation?: \"vertical\" | \"horizontal\";\n  scrollPreserveKey?: string | false;\n  class?: string;\n};\n\nexport function ScrollArea(props: ScrollAreaProps): JSX.Element {\n  const [local, elementProps] = splitProps(props, [\n    \"children\",\n    \"scrollPreserveKey\",\n    \"class\",\n    \"scrollFade\",\n    \"orientation\",\n    \"viewportSize\",\n    \"ref\",\n  ]);\n  let body!: HTMLDivElement;\n  createScrollFade(\n    () => body,\n    () => local.scrollFade !== false,\n  );\n  const className = () => local.class?.trim();\n\n  return (\n    <div\n      {...elementProps}\n      ref={(el) => {\n        body = el;\n        if (typeof local.ref === \"function\") local.ref(el);\n      }}\n      data-scroll-fade-axis={local.orientation ?? \"vertical\"}\n      data-viewport-size={local.viewportSize}\n      data-orientation={local.orientation ?? \"vertical\"}\n      data-scroll-fade-mode={local.scrollFade !== false ? \"both\" : undefined}\n      class={className() ? `k2b-scroll-area ${className()}` : \"k2b-scroll-area\"}\n      data-scroll-preserve={local.scrollPreserveKey || undefined}\n    >\n      {local.children}\n    </div>\n  );\n}\n\nexport default ScrollArea;\n"],"mappings":";;;AAAA,SAAmB,UAAU,QAAQ,UAAU;AAC/C,SAAS,gBAAgB,QAAQ,eAAe;AAYhD,OAAO,SAAS,UAAU,CAAC,KAAsB,EAAe;EAC9D,MAAM,CAAC,KAAK,EAAE,YAAY,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAC9C,UAAU,EACV,mBAAmB,EACnB,OAAO,EACP,YAAY,EACZ,aAAa,EACb,cAAc,EACd,KAAK,CACN,CAAC;EACF,IAAI,IAAqB;EACzB,gBAAgB,CACd,MAAM,IAAI,EACV,MAAM,KAAK,CAAC,UAAU,KAAK,KAC7B,CAAC;EACD,MAAM,SAAS,GAAG,MAAM,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;EAE3C,wCAEQ,YAAY;IAAA;MAAA,OAKO,KAAK,CAAC,WAAW,IAAI,UAAU;IAAA;IAAA;MAAA,OAClC,KAAK,CAAC,YAAY;IAAA;IAAA;MAAA,OACpB,KAAK,CAAC,WAAW,IAAI,UAAU;IAAA;IAAA;MAAA,OAC1B,KAAK,CAAC,UAAU,KAAK,KAAK,GAAG,MAAM,GAAG,SAAS;IAAA;IAAA;MAAA,OAC/D,SAAS,CAAC,CAAC,GAAG,mBAAmB,SAAS,CAAC,CAAC,EAAE,GAAG,iBAAiB;IAAA;IAAA;MAAA,OACnD,KAAK,CAAC,iBAAiB,IAAI,SAAS;IAAA;EAAA,aAEzD,KAAK,CAAC,QAAQ;AAGrB;AAEA,eAAe,UAAU","ignoreList":[]}
+{"version":3,"names":[],"sources":["layout/ScrollArea.tsx"],"sourcesContent":["import { type JSX, splitProps } from \"solid-js\";\nimport { createScrollFade } from \"./scroll-fade\";\n\nexport type ScrollAreaProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, \"children\" | \"class\"> & {\n  children: JSX.Element;\n  scrollFade?: boolean;\n  /** Stable compact catalog height, clamped to 60% of the dynamic viewport. */\n  viewportSize?: \"compact\";\n  orientation?: \"vertical\" | \"horizontal\";\n  scrollPreserveKey?: string | false;\n  /** Keep 0.5 rem inside both side edges, like a workspace column; with a mouse the end one is a fixed scroll track. */\n  inset?: boolean;\n  class?: string;\n};\n\nexport function ScrollArea(props: ScrollAreaProps): JSX.Element {\n  const [local, elementProps] = splitProps(props, [\n    \"children\",\n    \"scrollPreserveKey\",\n    \"class\",\n    \"scrollFade\",\n    \"orientation\",\n    \"viewportSize\",\n    \"inset\",\n    \"ref\",\n  ]);\n  let body!: HTMLDivElement;\n  createScrollFade(\n    () => body,\n    () => local.scrollFade !== false,\n  );\n  const className = () => local.class?.trim();\n\n  return (\n    <div\n      {...elementProps}\n      ref={(el) => {\n        body = el;\n        if (typeof local.ref === \"function\") local.ref(el);\n      }}\n      data-scroll-fade-axis={local.orientation ?? \"vertical\"}\n      data-viewport-size={local.viewportSize}\n      data-orientation={local.orientation ?? \"vertical\"}\n      data-inset={local.inset ? \"true\" : undefined}\n      data-scroll-fade-mode={local.scrollFade !== false ? \"both\" : undefined}\n      class={className() ? `k2b-scroll-area ${className()}` : \"k2b-scroll-area\"}\n      data-scroll-preserve={local.scrollPreserveKey || undefined}\n    >\n      {local.children}\n    </div>\n  );\n}\n\nexport default ScrollArea;\n"],"mappings":";;;AAAA,SAAmB,UAAU,QAAQ,UAAU;AAC/C,SAAS,gBAAgB,QAAQ,eAAe;AAchD,OAAO,SAAS,UAAU,CAAC,KAAsB,EAAe;EAC9D,MAAM,CAAC,KAAK,EAAE,YAAY,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAC9C,UAAU,EACV,mBAAmB,EACnB,OAAO,EACP,YAAY,EACZ,aAAa,EACb,cAAc,EACd,OAAO,EACP,KAAK,CACN,CAAC;EACF,IAAI,IAAqB;EACzB,gBAAgB,CACd,MAAM,IAAI,EACV,MAAM,KAAK,CAAC,UAAU,KAAK,KAC7B,CAAC;EACD,MAAM,SAAS,GAAG,MAAM,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;EAE3C,wCAEQ,YAAY;IAAA;MAAA,OAKO,KAAK,CAAC,WAAW,IAAI,UAAU;IAAA;IAAA;MAAA,OAClC,KAAK,CAAC,YAAY;IAAA;IAAA;MAAA,OACpB,KAAK,CAAC,WAAW,IAAI,UAAU;IAAA;IAAA;MAAA,OACrC,KAAK,CAAC,KAAK,GAAG,MAAM,GAAG,SAAS;IAAA;IAAA;MAAA,OACrB,KAAK,CAAC,UAAU,KAAK,KAAK,GAAG,MAAM,GAAG,SAAS;IAAA;IAAA;MAAA,OAC/D,SAAS,CAAC,CAAC,GAAG,mBAAmB,SAAS,CAAC,CAAC,EAAE,GAAG,iBAAiB;IAAA;IAAA;MAAA,OACnD,KAAK,CAAC,iBAAiB,IAAI,SAAS;IAAA;EAAA,aAEzD,KAAK,CAAC,QAAQ;AAGrB;AAEA,eAAe,UAAU","ignoreList":[]}