@plitzi/sdk-elements 0.38.12 → 0.38.14

package/dist/elements/declarations/index.d.ts

@@ -2,6 +2,7 @@ import { default as BlockHtmlDeclaration } from '../advanced/BlockHtml/declarati
 import { default as BlockJsxDeclaration } from '../advanced/BlockJsx/declaration';
 import { default as CustomDeclaration } from '../advanced/Custom/declaration';
 import { default as NodeHtmlDeclaration } from '../advanced/NodeHtml/declaration';
+import { default as PlitziSdkDeclaration } from '../advanced/PlitziSdk/declaration';
 import { default as ReferenceDeclaration } from '../advanced/Reference/declaration';
 import { default as ButtonDeclaration } from '../basic/Button/declaration';
 import { default as DropdownDeclaration } from '../basic/Dropdown/declaration';
@@ -2955,6 +2956,9 @@ export declare const elementDeclarations: {
     readonly Page: import('@plitzi/sdk-shared/authoring/declare').DeclaredElement<{
         readonly type: "page";
         readonly serverTemplates: readonly ["seoPageTitle", "seoPageDescription", "notFound"];
+        readonly attributeValues: {
+            readonly documentScroll: readonly ["locked", "noBounce"];
+        };
         readonly triggers: {
             readonly onPageLoad: {
                 readonly action: "onPageLoad";
@@ -3020,6 +3024,7 @@ export declare const elementDeclarations: {
         seoEnabled?: boolean | undefined;
         seoPageTitle?: string | undefined;
         seoPageDescription?: string | undefined;
+        documentScroll?: (import('../internal/Page/declaration').DocumentScroll | "") | undefined;
     }>>;
     readonly Pagination: import('@plitzi/sdk-shared/authoring/declare').DeclaredElement<{
         readonly type: "pagination";
@@ -3117,6 +3122,30 @@ export declare const elementDeclarations: {
     }, Partial<{
         content?: string | number | undefined;
     }>>;
+    readonly PlitziSdk: import('@plitzi/sdk-shared/authoring/declare').DeclaredElement<{
+        readonly type: "plitziSdk";
+        readonly content: {
+            readonly attributes: {
+                readonly spaceKey: "";
+                readonly environment: "main";
+            };
+            readonly definition: {
+                readonly label: "Plitzi Sdk";
+                readonly description: "Another space drawn inside this one, as a widget — its home page, no router of its own: by its key, or from its documents (`offlineData`), bound to UI generated on the fly.";
+            };
+            readonly market: {
+                readonly category: "advanced";
+                readonly icon: "https://cdn.plitzi.com/resources/img/favicon.svg";
+            };
+            readonly defaultStyle: {
+                readonly style: {
+                    readonly base: {
+                        readonly default: {};
+                    };
+                };
+            };
+        };
+    }, import('../advanced/PlitziSdk/declaration').PlitziSdkAttributes>;
     readonly Reference: import('@plitzi/sdk-shared/authoring/declare').DeclaredElement<{
         readonly type: "reference";
         readonly content: {
@@ -3527,7 +3556,7 @@ export declare const elementDeclarations: {
     }>>;
 };
 export type ElementDeclarationName = keyof typeof elementDeclarations;
-export { ApiContainerDeclaration, BlockHtmlDeclaration, BlockJsxDeclaration, ButtonDeclaration, CarouselDeclaration, CarouselTrackDeclaration, ChannelDeclaration, ContainerDeclaration, CustomDeclaration, DialogContainerDeclaration, DropdownDeclaration, DropdownPopupDeclaration, EmbedDeclaration, FontAwesomeDeclaration, FormControlDeclaration, FormDeclaration, HeadingDeclaration, ImageDeclaration, LayoutContainerDeclaration, LinkDeclaration, ListDeclaration, ListItemDeclaration, LoadingDeclaration, MarkdownDeclaration, ModalContainerDeclaration, NodeHtmlDeclaration, NotFoundDeclaration, PageDeclaration, PaginationDeclaration, ParagraphDeclaration, ReferenceDeclaration, RichTextDeclaration, SvgDeclaration, TabContainerBodyDeclaration, TabContainerDeclaration, TabContainerHeaderDeclaration, TabContainerItemDeclaration, TextDeclaration, ThemeToggleDeclaration, VideoDeclaration };
+export { ApiContainerDeclaration, BlockHtmlDeclaration, BlockJsxDeclaration, ButtonDeclaration, CarouselDeclaration, CarouselTrackDeclaration, ChannelDeclaration, ContainerDeclaration, CustomDeclaration, DialogContainerDeclaration, DropdownDeclaration, DropdownPopupDeclaration, EmbedDeclaration, FontAwesomeDeclaration, FormControlDeclaration, FormDeclaration, HeadingDeclaration, ImageDeclaration, LayoutContainerDeclaration, LinkDeclaration, ListDeclaration, ListItemDeclaration, LoadingDeclaration, MarkdownDeclaration, ModalContainerDeclaration, NodeHtmlDeclaration, NotFoundDeclaration, PageDeclaration, PaginationDeclaration, ParagraphDeclaration, PlitziSdkDeclaration, ReferenceDeclaration, RichTextDeclaration, SvgDeclaration, TabContainerBodyDeclaration, TabContainerDeclaration, TabContainerHeaderDeclaration, TabContainerItemDeclaration, TextDeclaration, ThemeToggleDeclaration, VideoDeclaration };
 /**
  * Each type's `serverTemplates`, by the type a document names: the attributes the page server evaluates against a
  * context of its own, which the element runtime leaves as written and the authoring lint holds to that context.

package/dist/elements/declarations/index.mjs

@@ -2,84 +2,86 @@ import e from "../advanced/BlockHtml/declaration.mjs";
 import t from "../advanced/BlockJsx/declaration.mjs";
 import n from "../advanced/Custom/declaration.mjs";
 import r from "../advanced/NodeHtml/declaration.mjs";
-import i from "../advanced/Reference/declaration.mjs";
-import a from "../basic/Button/declaration.mjs";
-import o from "../basic/Dropdown/declaration.mjs";
-import s from "../basic/Dropdown/DropdownPopup/declaration.mjs";
-import c from "../basic/Heading/declaration.mjs";
-import l from "../basic/Link/declaration.mjs";
-import u from "../basic/Markdown/declaration.mjs";
-import d from "../basic/Paragraph/declaration.mjs";
-import f from "../basic/RichText/declaration.mjs";
-import p from "../basic/Text/declaration.mjs";
-import m from "../basic/ThemeToggle/declaration.mjs";
-import h from "../form/Form/declaration.mjs";
-import g from "../form/FormControl/declaration.mjs";
-import _ from "../internal/LayoutContainer/declaration.mjs";
-import v from "../internal/Loading/declaration.mjs";
-import y from "../internal/NotFound/declaration.mjs";
-import b from "../internal/Page/declaration.mjs";
-import x from "../media/Embed/declaration.mjs";
-import S from "../media/FontAwesome/declaration.mjs";
-import C from "../media/Image/declaration.mjs";
-import w from "../media/Svg/declaration.mjs";
-import T from "../media/Video/declaration.mjs";
-import E from "../provider/ApiContainer/declaration.mjs";
-import D from "../provider/Channel/declaration.mjs";
-import O from "../structure/Carousel/CarouselTrack/declaration.mjs";
-import k from "../structure/Carousel/declaration.mjs";
-import A from "../structure/Container/declaration.mjs";
-import j from "../structure/DialogContainer/declaration.mjs";
-import M from "../structure/List/declaration.mjs";
-import N from "../structure/List/ListItem/declaration.mjs";
-import P from "../structure/ModalContainer/declaration.mjs";
-import F from "../structure/Pagination/declaration.mjs";
-import I from "../structure/TabContainer/declaration.mjs";
-import L from "../structure/TabContainer/TabContainerBody/declaration.mjs";
-import R from "../structure/TabContainer/TabContainerHeader/declaration.mjs";
-import z from "../structure/TabContainer/TabContainerItem/declaration.mjs";
+import i from "../advanced/PlitziSdk/declaration.mjs";
+import a from "../advanced/Reference/declaration.mjs";
+import o from "../basic/Button/declaration.mjs";
+import s from "../basic/Dropdown/declaration.mjs";
+import c from "../basic/Dropdown/DropdownPopup/declaration.mjs";
+import l from "../basic/Heading/declaration.mjs";
+import u from "../basic/Link/declaration.mjs";
+import d from "../basic/Markdown/declaration.mjs";
+import f from "../basic/Paragraph/declaration.mjs";
+import p from "../basic/RichText/declaration.mjs";
+import m from "../basic/Text/declaration.mjs";
+import h from "../basic/ThemeToggle/declaration.mjs";
+import g from "../form/Form/declaration.mjs";
+import _ from "../form/FormControl/declaration.mjs";
+import v from "../internal/LayoutContainer/declaration.mjs";
+import y from "../internal/Loading/declaration.mjs";
+import b from "../internal/NotFound/declaration.mjs";
+import x from "../internal/Page/declaration.mjs";
+import S from "../media/Embed/declaration.mjs";
+import C from "../media/FontAwesome/declaration.mjs";
+import w from "../media/Image/declaration.mjs";
+import T from "../media/Svg/declaration.mjs";
+import E from "../media/Video/declaration.mjs";
+import D from "../provider/ApiContainer/declaration.mjs";
+import O from "../provider/Channel/declaration.mjs";
+import k from "../structure/Carousel/CarouselTrack/declaration.mjs";
+import A from "../structure/Carousel/declaration.mjs";
+import j from "../structure/Container/declaration.mjs";
+import M from "../structure/DialogContainer/declaration.mjs";
+import N from "../structure/List/declaration.mjs";
+import P from "../structure/List/ListItem/declaration.mjs";
+import F from "../structure/ModalContainer/declaration.mjs";
+import I from "../structure/Pagination/declaration.mjs";
+import L from "../structure/TabContainer/declaration.mjs";
+import R from "../structure/TabContainer/TabContainerBody/declaration.mjs";
+import z from "../structure/TabContainer/TabContainerHeader/declaration.mjs";
+import B from "../structure/TabContainer/TabContainerItem/declaration.mjs";
 //#region src/elements/declarations/index.ts
-var B = {
-	ApiContainer: E,
+var V = {
+	ApiContainer: D,
 	BlockHtml: e,
 	BlockJsx: t,
-	Button: a,
-	Carousel: k,
-	CarouselTrack: O,
-	Channel: D,
-	Container: A,
+	Button: o,
+	Carousel: A,
+	CarouselTrack: k,
+	Channel: O,
+	Container: j,
 	Custom: n,
-	DialogContainer: j,
-	Dropdown: o,
-	DropdownPopup: s,
-	Embed: x,
-	FontAwesome: S,
-	Form: h,
-	FormControl: g,
-	Heading: c,
-	Image: C,
-	LayoutContainer: _,
-	Link: l,
-	List: M,
-	ListItem: N,
-	Loading: v,
-	Markdown: u,
-	ModalContainer: P,
+	DialogContainer: M,
+	Dropdown: s,
+	DropdownPopup: c,
+	Embed: S,
+	FontAwesome: C,
+	Form: g,
+	FormControl: _,
+	Heading: l,
+	Image: w,
+	LayoutContainer: v,
+	Link: u,
+	List: N,
+	ListItem: P,
+	Loading: y,
+	Markdown: d,
+	ModalContainer: F,
 	NodeHtml: r,
-	NotFound: y,
-	Page: b,
-	Pagination: F,
-	Paragraph: d,
-	Reference: i,
-	RichText: f,
-	Svg: w,
-	TabContainer: I,
-	TabContainerBody: L,
-	TabContainerHeader: R,
-	TabContainerItem: z,
-	Text: p,
-	ThemeToggle: m,
-	Video: T
-}, V = Object.fromEntries(Object.values(B).flatMap((e) => "serverTemplates" in e ? [[e.type, e.serverTemplates]] : []));
+	NotFound: b,
+	Page: x,
+	Pagination: I,
+	Paragraph: f,
+	PlitziSdk: i,
+	Reference: a,
+	RichText: p,
+	Svg: T,
+	TabContainer: L,
+	TabContainerBody: R,
+	TabContainerHeader: z,
+	TabContainerItem: B,
+	Text: m,
+	ThemeToggle: h,
+	Video: E
+}, H = Object.fromEntries(Object.values(V).flatMap((e) => "serverTemplates" in e ? [[e.type, e.serverTemplates]] : []));
 //#endregion
-export { E as ApiContainerDeclaration, e as BlockHtmlDeclaration, t as BlockJsxDeclaration, a as ButtonDeclaration, k as CarouselDeclaration, O as CarouselTrackDeclaration, D as ChannelDeclaration, A as ContainerDeclaration, n as CustomDeclaration, j as DialogContainerDeclaration, o as DropdownDeclaration, s as DropdownPopupDeclaration, x as EmbedDeclaration, S as FontAwesomeDeclaration, g as FormControlDeclaration, h as FormDeclaration, c as HeadingDeclaration, C as ImageDeclaration, _ as LayoutContainerDeclaration, l as LinkDeclaration, M as ListDeclaration, N as ListItemDeclaration, v as LoadingDeclaration, u as MarkdownDeclaration, P as ModalContainerDeclaration, r as NodeHtmlDeclaration, y as NotFoundDeclaration, b as PageDeclaration, F as PaginationDeclaration, d as ParagraphDeclaration, i as ReferenceDeclaration, f as RichTextDeclaration, w as SvgDeclaration, L as TabContainerBodyDeclaration, I as TabContainerDeclaration, R as TabContainerHeaderDeclaration, z as TabContainerItemDeclaration, p as TextDeclaration, m as ThemeToggleDeclaration, T as VideoDeclaration, B as elementDeclarations, V as serverTemplatesByType };
+export { D as ApiContainerDeclaration, e as BlockHtmlDeclaration, t as BlockJsxDeclaration, o as ButtonDeclaration, A as CarouselDeclaration, k as CarouselTrackDeclaration, O as ChannelDeclaration, j as ContainerDeclaration, n as CustomDeclaration, M as DialogContainerDeclaration, s as DropdownDeclaration, c as DropdownPopupDeclaration, S as EmbedDeclaration, C as FontAwesomeDeclaration, _ as FormControlDeclaration, g as FormDeclaration, l as HeadingDeclaration, w as ImageDeclaration, v as LayoutContainerDeclaration, u as LinkDeclaration, N as ListDeclaration, P as ListItemDeclaration, y as LoadingDeclaration, d as MarkdownDeclaration, F as ModalContainerDeclaration, r as NodeHtmlDeclaration, b as NotFoundDeclaration, x as PageDeclaration, I as PaginationDeclaration, f as ParagraphDeclaration, i as PlitziSdkDeclaration, a as ReferenceDeclaration, p as RichTextDeclaration, T as SvgDeclaration, R as TabContainerBodyDeclaration, L as TabContainerDeclaration, z as TabContainerHeaderDeclaration, B as TabContainerItemDeclaration, m as TextDeclaration, h as ThemeToggleDeclaration, E as VideoDeclaration, V as elementDeclarations, H as serverTemplatesByType };

package/dist/elements/internal/Page/Page.d.ts

@@ -1,3 +1,4 @@
+import { DocumentScroll } from './declaration';
 import { ReactNode, RefObject } from 'react';
 export type PageProps = {
     ref?: RefObject<HTMLElement>;
@@ -9,12 +10,22 @@ export type PageProps = {
      * is not there: the page server sends it with status 404, rendered as written. Read there only (`serverTemplates`).
      */
     notFound?: string;
+    /**
+     * How the document this page is drawn in moves. Unset, it scrolls as any page does. `noBounce` keeps the scroll and
+     * takes away what a finger pulls past either end — iOS's rubber band, the browser's pull-to-refresh. `locked` holds the
+     * document still: a dashboard, a board, a screen that fills the window and scrolls only inside the panels that say so
+     * (`overflow: auto` on their own) — on a tablet a finger dragged anywhere else otherwise pulled the whole page.
+     *
+     * Written onto the document only when the document is the page's own — never onto the one a widget or a space drawn
+     * inside another space is embedded in, nor the builder's.
+     */
+    documentScroll?: DocumentScroll | '';
     className?: string;
     layout?: string;
     layoutContainer?: string;
     children?: ReactNode;
 };
-declare const Page: ({ ref, seoEnabled, seoPageTitle, seoPageDescription, className, layout, layoutContainer, children }: PageProps) => import('react').JSX.Element;
+declare const Page: ({ ref, seoEnabled, seoPageTitle, seoPageDescription, documentScroll, className, layout, layoutContainer, children }: PageProps) => import('react').JSX.Element;
 declare const _default: {
     (props: import('../../../Element/hocs/withElement').WithElementProps<PageProps>): import('react').JSX.Element;
     displayName: string;

package/dist/elements/internal/Page/Page.mjs

@@ -13,52 +13,59 @@ import { jsx as m, jsxs as h } from "react/jsx-runtime";
 import g from "clsx";
 import _ from "@plitzi/sdk-interactions/InteractionsContext";
 //#region src/elements/internal/Page/Page.tsx
-var v = (e) => e.map((e) => ({
+var v = {
+	locked: "html,body{height:100%;overflow:hidden;overscroll-behavior:none}",
+	noBounce: "html,body{overscroll-behavior:none}"
+}, y = (e) => e.map((e) => ({
 	...e,
 	plitziElementLayout: {
 		slots: [e.slot],
 		rootId: e.slot,
 		type: "layout"
 	}
-})), y = (t, n, r) => t.reduce((t, { layout: r, slot: i, plitziElementLayout: o }) => /* @__PURE__ */ m(e, {
+})), b = (t, n, r) => t.reduce((t, { layout: r, slot: i, plitziElementLayout: o }) => /* @__PURE__ */ m(e, {
 	bodies: { [i]: t },
 	children: /* @__PURE__ */ m(a, { internalProps: {
 		id: r,
 		rootId: n,
 		plitziElementLayout: o
 	} })
-}, i), r), b = ({ ref: e, seoEnabled: n = !1, seoPageTitle: a = "Title", seoPageDescription: b = "Description", className: x = "", layout: S = "", layoutContainer: C = "", children: w }) => {
-	let { id: T } = r(), { settings: { previewMode: E } } = d(), { interactionsManager: D } = c(_), { ownsHead: O } = f(), [[k, A]] = p(["navigation.routeParams", "navigation.queryParams"]), j = o(S, C), M = u(() => v(j), [j]), N = u(() => y(M, T, w), [
-		M,
-		T,
-		w
+}, i), r), x = ({ ref: e, seoEnabled: n = !1, seoPageTitle: a = "Title", seoPageDescription: x = "Description", documentScroll: S = "", className: C = "", layout: w = "", layoutContainer: T = "", children: E }) => {
+	let { id: D } = r(), { settings: { previewMode: O } } = d(), { interactionsManager: k } = c(_), { ownsHead: A, renderMode: j } = f(), M = A && j !== "widget", [[N, P]] = p(["navigation.routeParams", "navigation.queryParams"]), F = o(w, T), I = u(() => y(F), [F]), L = u(() => b(I, D, E), [
+		I,
+		D,
+		E
 	]);
 	return l(() => {
 		let e = !1;
 		return queueMicrotask(() => {
-			e || D.interactionTrigger(T, "onPageLoad", {
-				pageId: T,
-				routeParams: k,
-				queryParams: A
+			e || k.interactionTrigger(D, "onPageLoad", {
+				pageId: D,
+				routeParams: N,
+				queryParams: P
 			});
 		}), () => {
 			e = !0;
 		};
 	}, [
-		T,
 		D,
-		A,
-		k
+		k,
+		P,
+		N
 	]), /* @__PURE__ */ h(i, {
 		ref: e,
-		className: g("plitzi-component__page", x),
+		className: g("plitzi-component__page", C),
 		interactionTriggers: t.triggers,
-		children: [n && E && O && /* @__PURE__ */ m(s, {
-			pageId: T,
-			title: a,
-			description: b
-		}), N]
+		children: [
+			n && O && A && /* @__PURE__ */ m(s, {
+				pageId: D,
+				title: a,
+				description: x
+			}),
+			S && M && /* @__PURE__ */ m("style", { children: v[S] }),
+			L
+		]
 	});
-}, x = n(b);
+}, S = n(x);
 //#endregion
-export { b as Page, x as default };
+export { x as Page, S as default };

package/dist/elements/internal/Page/Settings.d.ts

@@ -1,3 +1,4 @@
+import { DocumentScroll } from './declaration';
 type SettingsProps = {
     id?: string;
     seoEnabled?: boolean;
@@ -12,7 +13,8 @@ type SettingsProps = {
     accessLevel?: 'public' | 'authenticated' | '';
     unauthorizedBehaviour?: '' | 'redirect';
     unauthorizedPageRedirect?: string;
+    documentScroll?: DocumentScroll | '';
     onUpdate?: (key: string, value: string | boolean | number) => void;
 };
-declare const Settings: ({ id, seoEnabled, enabled, name, folder, seoPageTitle, seoPageDescription, slug, layout, layoutContainer, accessLevel, unauthorizedBehaviour, unauthorizedPageRedirect, onUpdate }: SettingsProps) => import('react').JSX.Element;
+declare const Settings: ({ id, seoEnabled, enabled, name, folder, seoPageTitle, seoPageDescription, slug, layout, layoutContainer, accessLevel, unauthorizedBehaviour, unauthorizedPageRedirect, documentScroll, onUpdate }: SettingsProps) => import('react').JSX.Element;
 export default Settings;

package/dist/elements/internal/Page/Settings.mjs

@@ -12,39 +12,39 @@ import m from "@plitzi/plitzi-ui/TextArea";
 import h from "@plitzi/plitzi-ui/Select";
 import g from "@plitzi/plitzi-ui/Select2";
 //#region src/elements/internal/Page/Settings.tsx
-var _ = ({ id: _ = "", seoEnabled: v = !1, enabled: y = !0, name: b = "", folder: x = "", seoPageTitle: S = "Title", seoPageDescription: C = "Description", slug: w = "", layout: T = "", layoutContainer: E = "", accessLevel: D = "", unauthorizedBehaviour: O = "", unauthorizedPageRedirect: k = "", onUpdate: A }) => {
-	let [[j, M, N]] = i([
+var _ = ({ id: _ = "", seoEnabled: v = !1, enabled: y = !0, name: b = "", folder: x = "", seoPageTitle: S = "Title", seoPageDescription: C = "Description", slug: w = "", layout: T = "", layoutContainer: E = "", accessLevel: D = "", unauthorizedBehaviour: O = "", unauthorizedPageRedirect: k = "", documentScroll: A = "", onUpdate: j }) => {
+	let [[M, N, P]] = i([
 		"schema.flat",
 		"schema.pages",
 		"schema.pageFolders"
-	]), P = r(() => Object.values(o(j, M.filter((e) => e !== _))), [
-		j,
+	]), F = r(() => Object.values(o(M, N.filter((e) => e !== _))), [
+		M,
 		_,
-		M
-	]), F = e(A), I = n((e) => {
-		A?.("name", e);
+		N
+	]), I = e(j), L = n((e) => {
+		j?.("name", e);
 		let t = b.replaceAll(" ", "-").toLowerCase().replaceAll(/([^a-z0-9]+)/gi, "");
-		(!w || w === t) && A?.("slug", e.replaceAll(" ", "-").toLowerCase().replaceAll(/([^a-z0-9-]+)/gi, ""));
+		(!w || w === t) && j?.("slug", e.replaceAll(" ", "-").toLowerCase().replaceAll(/([^a-z0-9-]+)/gi, ""));
 	}, [
-		A,
+		j,
 		w,
 		b
-	]), L = n((e) => {
+	]), R = n((e) => {
 		if (/^[a-zA-Z0-9:*/_-]+$/gim.test(e) || !e) {
 			let t = e.replaceAll("//", "/");
-			A?.("slug", t);
+			j?.("slug", t);
 		}
-	}, [A]), R = n((e) => {
-		A?.("accessLevel", e), A?.("unauthorizedBehaviour", ""), A?.("unauthorizedPageRedirect", "");
-	}, [A]), z = n((e) => A?.("seoEnabled", e.target.checked), [A]), B = n((e) => A?.("enabled", e.target.checked), [A]), V = n((e) => A?.("folder", e?.value ?? ""), [A]), H = r(() => [{
+	}, [j]), z = n((e) => {
+		j?.("accessLevel", e), j?.("unauthorizedBehaviour", ""), j?.("unauthorizedPageRedirect", "");
+	}, [j]), B = n((e) => j?.("seoEnabled", e.target.checked), [j]), V = n((e) => j?.("enabled", e.target.checked), [j]), H = n((e) => j?.("folder", e?.value ?? ""), [j]), U = r(() => [{
 		value: "",
 		label: "None"
-	}, ...N.map(({ id: e, name: t }) => ({
+	}, ...P.map(({ id: e, name: t }) => ({
 		value: e,
 		label: t
-	}))], [N]), U = r(() => u(j, N, _, !0), [
-		j,
-		N,
+	}))], [P]), W = r(() => u(M, P, _, !0), [
+		M,
+		P,
 		_
 	]);
 	return /* @__PURE__ */ l("div", {
@@ -62,13 +62,13 @@ var _ = ({ id: _ = "", seoEnabled: v = !1, enabled: y = !0, name: b = "", folder
 			/* @__PURE__ */ c(f, {
 				label: " Page Enabled",
 				checked: y,
-				onChange: B,
+				onChange: V,
 				size: "xs"
 			}),
 			/* @__PURE__ */ c(p, {
 				value: b,
 				label: "Page Name",
-				onChange: I,
+				onChange: L,
 				size: "xs"
 			}),
 			/* @__PURE__ */ c(d, {
@@ -84,36 +84,36 @@ var _ = ({ id: _ = "", seoEnabled: v = !1, enabled: y = !0, name: b = "", folder
 				className: "flex flex-col",
 				children: [/* @__PURE__ */ c(p, {
 					value: w,
-					onChange: L,
+					onChange: R,
 					label: "Slug / Path",
 					className: { inputContainer: "rounded-none rounded-tl rounded-tr" },
 					size: "xs"
 				}), /* @__PURE__ */ l("div", {
 					className: "truncate rounded-b border-x border-b border-gray-200 px-1 py-0.5 text-xs",
-					title: U,
+					title: W,
 					children: ["Full Path: ", /* @__PURE__ */ c("span", {
 						className: "font-bold",
-						children: U
+						children: W
 					})]
 				})]
 			}),
 			/* @__PURE__ */ c(g, {
 				label: "Folder",
 				value: x,
-				options: H,
+				options: U,
 				placeholder: "None",
-				onChange: V,
+				onChange: H,
 				size: "xs"
 			}),
 			/* @__PURE__ */ c(t, {
 				layout: T,
 				layoutContainer: E,
-				onUpdate: A
+				onUpdate: j
 			}),
 			/* @__PURE__ */ l(h, {
 				value: D,
 				label: "Restrict Access",
-				onChange: R,
+				onChange: z,
 				placeholder: "None",
 				size: "xs",
 				children: [/* @__PURE__ */ c("option", {
@@ -145,7 +145,7 @@ var _ = ({ id: _ = "", seoEnabled: v = !1, enabled: y = !0, name: b = "", folder
 			D !== "" && /* @__PURE__ */ c(h, {
 				label: "Unauthorized Behaviour",
 				value: O,
-				onChange: F.text("unauthorizedBehaviour"),
+				onChange: I.text("unauthorizedBehaviour"),
 				placeholder: "None",
 				size: "xs",
 				children: /* @__PURE__ */ c("option", {
@@ -156,31 +156,63 @@ var _ = ({ id: _ = "", seoEnabled: v = !1, enabled: y = !0, name: b = "", folder
 			O === "redirect" && /* @__PURE__ */ c(h, {
 				value: k,
 				label: "Redirect Page",
-				onChange: F.text("unauthorizedPageRedirect"),
+				onChange: I.text("unauthorizedPageRedirect"),
 				placeholder: "None",
 				size: "xs",
-				children: P.map((e) => /* @__PURE__ */ c("option", {
+				children: F.map((e) => /* @__PURE__ */ c("option", {
 					value: e.id,
 					children: a(e, "attributes.name")
 				}, e.id))
 			}),
+			/* @__PURE__ */ l(h, {
+				value: A,
+				label: "Document Scroll",
+				onChange: I.text("documentScroll"),
+				placeholder: "Scrolls",
+				size: "xs",
+				children: [/* @__PURE__ */ c("option", {
+					value: "noBounce",
+					children: "No bounce"
+				}), /* @__PURE__ */ c("option", {
+					value: "locked",
+					children: "Locked"
+				})]
+			}),
+			A === "noBounce" && /* @__PURE__ */ c(d, {
+				intent: "info",
+				solid: !1,
+				size: "xs",
+				children: /* @__PURE__ */ c("span", {
+					className: "text-xs",
+					children: "The page scrolls, but a finger pulled past either end no longer bounces it or reloads it"
+				})
+			}),
+			A === "locked" && /* @__PURE__ */ c(d, {
+				intent: "info",
+				solid: !1,
+				size: "xs",
+				children: /* @__PURE__ */ c("span", {
+					className: "text-xs",
+					children: "The page holds still: only the parts set to scroll on their own (overflow auto) move. For a screen that fills the window — a dashboard, a board"
+				})
+			}),
 			/* @__PURE__ */ c(f, {
 				label: " SEO Enabled",
 				checked: v,
-				onChange: z,
+				onChange: B,
 				size: "xs"
 			}),
 			v && /* @__PURE__ */ l(s, { children: [
 				/* @__PURE__ */ c(p, {
 					value: S,
 					label: "SEO Title",
-					onChange: F.text("seoPageTitle"),
+					onChange: I.text("seoPageTitle"),
 					size: "xs"
 				}),
 				/* @__PURE__ */ c(m, {
 					label: "SEO Description",
 					value: C,
-					onChange: F.text("seoPageDescription"),
+					onChange: I.text("seoPageDescription"),
 					rows: 3,
 					size: "xs"
 				}),

package/dist/elements/internal/Page/declaration.d.ts

@@ -2,9 +2,19 @@ import { PageProps } from './Page';
 import { AuthorableAttributes } from '@plitzi/sdk-shared/authoring/declare';
 /** What this element can be authored with — its component's own props, minus what the runtime supplies. */
 export type PageAttributes = AuthorableAttributes<PageProps>;
+/**
+ * How the document holding a page moves under a finger or a wheel, when the page says so — see
+ * `PageProps.documentScroll`. Read by the authoring surface to refuse anything else.
+ */
+export declare const DOCUMENT_SCROLLS: readonly ["locked", "noBounce"];
+export type DocumentScroll = (typeof DOCUMENT_SCROLLS)[number];
+export declare const isDocumentScroll: (value: unknown) => value is DocumentScroll;
 declare const declaration: import('@plitzi/sdk-shared/authoring/declare').DeclaredElement<{
     readonly type: "page";
     readonly serverTemplates: readonly ["seoPageTitle", "seoPageDescription", "notFound"];
+    readonly attributeValues: {
+        readonly documentScroll: readonly ["locked", "noBounce"];
+    };
     readonly triggers: {
         readonly onPageLoad: {
             readonly action: "onPageLoad";
@@ -70,5 +80,6 @@ declare const declaration: import('@plitzi/sdk-shared/authoring/declare').Declar
     seoEnabled?: boolean | undefined;
     seoPageTitle?: string | undefined;
     seoPageDescription?: string | undefined;
+    documentScroll?: (DocumentScroll | "") | undefined;
 }>>;
 export default declaration;

package/dist/elements/internal/Page/declaration.mjs

@@ -1,12 +1,13 @@
 import { elementDeclaration as e } from "@plitzi/sdk-shared/authoring/declare";
 //#region src/elements/internal/Page/declaration.ts
-var t = e()({
+var t = ["locked", "noBounce"], n = (e) => t.some((t) => t === e), r = e()({
 	type: "page",
 	serverTemplates: [
 		"seoPageTitle",
 		"seoPageDescription",
 		"notFound"
 	],
+	attributeValues: { documentScroll: t },
 	triggers: { onPageLoad: {
 		action: "onPageLoad",
 		title: "On Page Load",
@@ -59,4 +60,4 @@ var t = e()({
 	}
 });
 //#endregion
-export { t as default };
+export { t as DOCUMENT_SCROLLS, r as default, n as isDocumentScroll };

package/dist/elements/internal/Page/index.d.ts

@@ -4,6 +4,9 @@ declare const Page: {
 } & {
     readonly type: "page";
     readonly serverTemplates: readonly ["seoPageTitle", "seoPageDescription", "notFound"];
+    readonly attributeValues: {
+        readonly documentScroll: readonly ["locked", "noBounce"];
+    };
     readonly triggers: {
         readonly onPageLoad: {
             readonly action: "onPageLoad";
@@ -71,5 +74,6 @@ declare const Page: {
     seoEnabled?: boolean | undefined;
     seoPageTitle?: string | undefined;
     seoPageDescription?: string | undefined;
+    documentScroll?: (import('./declaration').DocumentScroll | "") | undefined;
 }>>;
 export default Page;

package/dist/index.d.ts

@@ -647,6 +647,9 @@ export declare const defaultElements: {
     } & {
         readonly type: "page";
         readonly serverTemplates: readonly ["seoPageTitle", "seoPageDescription", "notFound"];
+        readonly attributeValues: {
+            readonly documentScroll: readonly ["locked", "noBounce"];
+        };
         readonly triggers: {
             readonly onPageLoad: {
                 readonly action: "onPageLoad";
@@ -714,6 +717,7 @@ export declare const defaultElements: {
         seoEnabled?: boolean | undefined;
         seoPageTitle?: string | undefined;
         seoPageDescription?: string | undefined;
+        documentScroll?: (import('./elements/internal/Page/declaration').DocumentScroll | "") | undefined;
     }>>;
     container: {
         (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/structure/Container/Container').ContainerProps>): import('react').JSX.Element;