tungsten 0.3.2 → 0.3.4

package/dist/compat/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/compat/types.ts"],"names":[],"mappings":"AACA,OAAO,EAAyB,yBAAyB,EAAiC,MAAM,yBAAyB,CAAA;AACzH,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAEnE,OAAO,EAAE,WAAW,IAAI,SAAS,EAAE,kBAAkB,IAAI,YAAY,EAAE,CAAA;AAEvE,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;CAAE,CAAC;AAwJ9E,KAAK,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,yBAAyB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AAgC9G,OAAO,KAAK,KAAK,SAAS,MAAM,YAAY,CAAA;AAC5C,KAAK,aAAa,CAAC,CAAC,IAAI,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;AACnD,KAAK,iBAAiB,CAAC,CAAC,IAAI,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;AAS3D,MAAM,WAAW,iBAAiB,CAAC,CAAC,GAAG,EAAE;IACrC,CAAC,KAAK,EAAE,CAAC,EAAE,OAAO,CAAC,EAAE,GAAG,GAAG,iBAAiB,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;IAC9D,SAAS,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IAC7C,YAAY,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;IAC9C,YAAY,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACpC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/compat/types.ts"],"names":[],"mappings":"AACA,OAAO,EAAyB,yBAAyB,EAAiC,MAAM,yBAAyB,CAAA;AACzH,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAEnE,YAAY,EAAE,WAAW,IAAI,SAAS,EAAE,kBAAkB,IAAI,YAAY,EAAE,CAAA;AAE5E,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;CAAE,CAAC;AAwJ9E,KAAK,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,yBAAyB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AAgC9G,OAAO,KAAK,KAAK,SAAS,MAAM,YAAY,CAAA;AAC5C,KAAK,aAAa,CAAC,CAAC,IAAI,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;AACnD,KAAK,iBAAiB,CAAC,CAAC,IAAI,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;AAS3D,MAAM,WAAW,iBAAiB,CAAC,CAAC,GAAG,EAAE;IACrC,CAAC,KAAK,EAAE,CAAC,EAAE,OAAO,CAAC,EAAE,GAAG,GAAG,iBAAiB,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;IAC9D,SAAS,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IAC7C,YAAY,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;IAC9C,YAAY,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACpC"}

package/dist/componentCss/i/T-components-library-RichTextEditor-RichTextEditor.css

@@ -0,0 +1,115 @@
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor {
+  border: 1px solid var(--color-border-mid);
+  border-radius: 0.35rem;
+  background: white;
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.35rem;
+  padding: 0.5rem;
+  border-bottom: 1px solid var(--color-border-soft);
+  background: var(--color-surface);
+  border-radius: 0.35rem 0.35rem 0 0;
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_group {
+  display: flex;
+  gap: 0.15rem;
+  padding: 0 0.35rem;
+  border-right: 1px solid var(--color-border-mid);
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_group:last-child {
+  border-right: 0;
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_\0023_select.T\0023-components-library-RichTextEditor-RichTextEditor_format-block {
+  border: 1px solid var(--color-border-mid);
+  border-radius: 0.25rem;
+  padding: 0.3rem 0.4rem;
+  background: white;
+  font-size: 0.85rem;
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_tool {
+  min-width: 1.9rem;
+  height: 1.9rem;
+  padding: 0 0.4rem;
+  border: 1px solid transparent;
+  border-radius: 0.25rem;
+  background: transparent;
+  color: var(--color-text);
+  font-size: 0.85rem;
+  cursor: pointer;
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_tool:hover {
+  background: var(--bg-tint);
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_tool.T\0023-components-library-RichTextEditor-RichTextEditor_active {
+  background: var(--bg-tint);
+  border-color: var(--color-highlight);
+  color: var(--color-highlight);
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_tool:disabled {
+  opacity: 0.4;
+  cursor: default;
+  background: transparent;
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_tool.T\0023-components-library-RichTextEditor-RichTextEditor_bold {
+  font-weight: 700;
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_tool.T\0023-components-library-RichTextEditor-RichTextEditor_italic {
+  font-style: italic;
+  font-family: Georgia, serif;
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_tool.T\0023-components-library-RichTextEditor-RichTextEditor_underline {
+  text-decoration: underline;
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_tool.T\0023-components-library-RichTextEditor-RichTextEditor_strike {
+  text-decoration: line-through;
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_tool.T\0023-components-library-RichTextEditor-RichTextEditor_bold, .T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_tool.T\0023-components-library-RichTextEditor-RichTextEditor_italic, .T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_tool.T\0023-components-library-RichTextEditor-RichTextEditor_underline, .T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_tool.T\0023-components-library-RichTextEditor-RichTextEditor_strike {
+  font-size: 0.95rem;
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_source-toggle {
+  margin-left: auto;
+  font-weight: 600;
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_surface {
+  min-height: 10rem;
+  padding: 0.75rem 1rem;
+  outline: none;
+  line-height: 1.5;
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_surface:empty:before {
+  content: attr(data-placeholder);
+  color: var(--color-text-faint);
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_surface p {
+  margin: 0 0 0.6rem;
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_surface p:last-child {
+  margin-bottom: 0;
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_surface ul, .T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_surface ol {
+  margin: 0 0 0.6rem;
+  padding-left: 1.4rem;
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_surface h2, .T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_surface h3, .T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_surface h4 {
+  margin: 0.8rem 0 0.4rem;
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_surface blockquote {
+  margin: 0 0 0.6rem;
+  padding-left: 0.85rem;
+  border-left: 3px solid var(--color-border-mid);
+  color: var(--color-text-body);
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_source {
+  box-sizing: border-box;
+  width: 100%;
+  min-height: 10rem;
+  padding: 0.75rem 1rem;
+  border: 0;
+  outline: none;
+  font-family: "Courier New", monospace;
+  font-size: 0.85rem;
+  resize: vertical;
+}

package/dist/componentCss/i/T-components-library-__StatefulMessage-StatefulMessage.css

@@ -0,0 +1,25 @@
+.T\0023-components-library-__StatefulMessage-StatefulMessage_message {
+  margin: 0 0 1rem;
+  padding: 0.5rem 0.85rem;
+  border-radius: 0.25rem;
+  white-space: pre-line;
+}
+.T\0023-components-library-__StatefulMessage-StatefulMessage_message.T\0023-components-library-__StatefulMessage-StatefulMessage_hidden {
+  visibility: hidden;
+}
+.T\0023-components-library-__StatefulMessage-StatefulMessage_message.T\0023-components-library-__StatefulMessage-StatefulMessage_success {
+  background: var(--color-success-bg);
+  color: var(--color-success-text);
+}
+.T\0023-components-library-__StatefulMessage-StatefulMessage_message.T\0023-components-library-__StatefulMessage-StatefulMessage_info {
+  background: var(--bg-tint);
+  color: var(--color-accent-deep);
+}
+.T\0023-components-library-__StatefulMessage-StatefulMessage_message.T\0023-components-library-__StatefulMessage-StatefulMessage_warning {
+  background: var(--color-warning-bg);
+  color: var(--color-warning-text);
+}
+.T\0023-components-library-__StatefulMessage-StatefulMessage_message.T\0023-components-library-__StatefulMessage-StatefulMessage_error, .T\0023-components-library-__StatefulMessage-StatefulMessage_message.T\0023-components-library-__StatefulMessage-StatefulMessage_exception {
+  background: var(--color-danger-bg);
+  color: var(--color-danger);
+}

package/dist/componentCss/tungsten.css

@@ -0,0 +1,2 @@
+@import "i/T-components-library-RichTextEditor-RichTextEditor.css";
+@import "i/T-components-library-__StatefulMessage-StatefulMessage.css";

package/dist/componentProxyHandlers.d.ts

@@ -9,12 +9,13 @@ export declare const getStateProxyHandler: <State extends object>(element: State
     deleteProperty: (obj: State, key: string | symbol) => boolean;
     has(obj: State, key: string | symbol): boolean;
 };
-export declare const getStateObjectProxyHandler: <O extends object>(element: StatefulComponentAny) => {
+declare const makeStateObjectProxyHandler: <O extends object>(element: StatefulComponentAny) => {
     get: (obj: O, key: string | symbol) => unknown;
     set: (obj: O, key: string | symbol, value: unknown) => boolean;
     deleteProperty: (obj: O, key: string | symbol) => boolean;
     has(obj: O, key: string | symbol): boolean;
 };
+export declare const getStateObjectProxyHandler: <O extends object>(element: StatefulComponentAny) => ReturnType<typeof makeStateObjectProxyHandler<O>>;
 export declare const getStateArrayProxyHandler: (element: StatefulComponentAny) => {
     get: (arr: unknown[], key: string | symbol) => any;
     set: (arr: unknown[], key: string | symbol, value: unknown) => boolean;

package/dist/componentProxyHandlers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"componentProxyHandlers.d.ts","sourceRoot":"","sources":["../src/componentProxyHandlers.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAM/E,KAAK,0BAA0B,CAAC,KAAK,SAAS,MAAM,IAC9C,yBAAyB,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,CAAC,GAC1C,iBAAiB,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,CAAC,CAAA;AAExC,KAAK,oBAAoB,GAAG,yBAAyB,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,GAAG,iBAAiB,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;AAEvG,eAAO,MAAM,SAAS,eAAqB,CAAA;AAC3C,eAAO,MAAM,UAAU,eAAsB,CAAA;AAE7C,eAAO,MAAM,oBAAoB,GAAI,KAAK,SAAS,MAAM,EACxD,SAAS,0BAA0B,CAAC,KAAK,CAAC;eAC5B,KAAK,OAAO,MAAM,GAAG,MAAM;eAQ3B,KAAK,OAAO,MAAM,GAAG,MAAM,SAAS,OAAO;0BAmChC,KAAK,OAAO,MAAM,GAAG,MAAM;aAOxC,KAAK,OAAO,MAAM,GAAG,MAAM;CAItC,CAAA;AAGF,eAAO,MAAM,0BAA0B,GAAI,CAAC,SAAS,MAAM,EAAE,SAAS,oBAAoB;eAC3E,CAAC,OAAO,MAAM,GAAG,MAAM;eAQvB,CAAC,OAAO,MAAM,GAAG,MAAM,SAAS,OAAO;0BAkC5B,CAAC,OAAO,MAAM,GAAG,MAAM;aAOpC,CAAC,OAAO,MAAM,GAAG,MAAM;CAIlC,CAAA;AAGF,eAAO,MAAM,yBAAyB,GAAI,SAAS,oBAAoB;eA8BpD,OAAO,EAAE,OAAO,MAAM,GAAG,MAAM;eA7B5B,OAAO,EAAE,OAAO,MAAM,GAAG,MAAM,SAAS,OAAO;aAgEpD,OAAO,EAAE,OAAO,MAAM,GAAG,MAAM;wBAIpB,OAAO,EAAE,OAAO,MAAM,GAAG,MAAM;CAU1D,CAAA;AAID,eAAO,MAAM,uBAAuB,GAAI,SAAS,oBAAoB;eACtD,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,MAAM,GAAG,MAAM;aA+C7C,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,MAAM,GAAG,MAAM;CAItD,CAAA;AAIF,eAAO,MAAM,uBAAuB,GAAI,SAAS,oBAAoB;eACtD,GAAG,CAAC,OAAO,CAAC,OAAO,MAAM,GAAG,MAAM;aA0CpC,GAAG,CAAC,OAAO,CAAC,OAAO,MAAM,GAAG,MAAM;CAI7C,CAAA;AAgCF,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,MAAM,EAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,GAAE,OAAO,CAAC,MAAM,EAAE,MAAM,CAAiB,GAC3F,IAAI,CAiCN;AAED,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,OAAO,EAAE,EACjD,OAAO,EAAE,oBAAoB,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,GAAE,OAAO,CAAC,MAAM,EAAE,MAAM,CAAiB,GAC1F,IAAI,CAkCN"}
+{"version":3,"file":"componentProxyHandlers.d.ts","sourceRoot":"","sources":["../src/componentProxyHandlers.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAO/E,KAAK,0BAA0B,CAAC,KAAK,SAAS,MAAM,IAC9C,yBAAyB,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,CAAC,GAC1C,iBAAiB,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,CAAC,CAAA;AAExC,KAAK,oBAAoB,GAAG,yBAAyB,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,GAAG,iBAAiB,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;AAEvG,eAAO,MAAM,SAAS,eAAqB,CAAA;AAC3C,eAAO,MAAM,UAAU,eAAsB,CAAA;AAE7C,eAAO,MAAM,oBAAoB,GAAI,KAAK,SAAS,MAAM,EACxD,SAAS,0BAA0B,CAAC,KAAK,CAAC;eAC5B,KAAK,OAAO,MAAM,GAAG,MAAM;eAQ3B,KAAK,OAAO,MAAM,GAAG,MAAM,SAAS,OAAO;0BAoChC,KAAK,OAAO,MAAM,GAAG,MAAM;aAQxC,KAAK,OAAO,MAAM,GAAG,MAAM;CAItC,CAAA;AAGF,QAAA,MAAM,2BAA2B,GAAI,CAAC,SAAS,MAAM,EAAE,SAAS,oBAAoB;eACrE,CAAC,OAAO,MAAM,GAAG,MAAM;eAQvB,CAAC,OAAO,MAAM,GAAG,MAAM,SAAS,OAAO;0BAmC5B,CAAC,OAAO,MAAM,GAAG,MAAM;aAQpC,CAAC,OAAO,MAAM,GAAG,MAAM;CAIlC,CAAA;AAuBF,eAAO,MAAM,0BAA0B,GAAI,CAAC,SAAS,MAAM,EAAE,SAAS,oBAAoB,KACzC,UAAU,CAAC,OAAO,2BAA2B,CAAC,CAAC,CAAC,CAAC,CAAA;AAwFlG,eAAO,MAAM,yBAAyB,YArGyC,oBAAoB;eA+ChF,OAAO,EAAE,OAAO,MAAM,GAAG,MAAM;eA9B5B,OAAO,EAAE,OAAO,MAAM,GAAG,MAAM,SAAS,OAAO;aAkEpD,OAAO,EAAE,OAAO,MAAM,GAAG,MAAM;wBAIpB,OAAO,EAAE,OAAO,MAAM,GAAG,MAAM;CAcoB,CAAA;AA4D/E,eAAO,MAAM,uBAAuB,YAjK2C,oBAAoB;eAyGpF,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,MAAM,GAAG,MAAM;aAiD7C,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,MAAM,GAAG,MAAM;CAOmB,CAAA;AAsD3E,eAAO,MAAM,uBAAuB,YAvN2C,oBAAoB;eAqKpF,GAAG,CAAC,OAAO,CAAC,OAAO,MAAM,GAAG,MAAM;aA4CpC,GAAG,CAAC,OAAO,CAAC,OAAO,MAAM,GAAG,MAAM;CAM4B,CAAA;AAgC3E,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,MAAM,EAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,GAAE,OAAO,CAAC,MAAM,EAAE,MAAM,CAAiB,GAC3F,IAAI,CAiCN;AAED,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,OAAO,EAAE,EACjD,OAAO,EAAE,oBAAoB,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,GAAE,OAAO,CAAC,MAAM,EAAE,MAAM,CAAiB,GAC1F,IAAI,CAkCN"}

package/dist/componentProxyHandlers.js

@@ -1,5 +1,6 @@
 import { KeyIsArrayMutatingFunction, KeyIsMapMutatingFunction, KeyIsSetMutatingFunction } from "./mutatingFunctions.js";
 import { objectTypesToProxy } from "./objectTypesToProxy.js";
+import { markChanged } from "./stateTracking.js";
 export const $original = Symbol('original');
 export const $ownerName = Symbol('ownerName');
 export const getStateProxyHandler = element => ({
@@ -44,23 +45,25 @@ export const getStateProxyHandler = element => ({
     }
     //const varKey = key
     //this.__reactiveUpdate(varKey)
+    markChanged(obj); // stamp for the props dirty check
     if (element.__initialized) element.__stateUpdated();
     return true;
   },
   deleteProperty: (obj, key) => {
     if (key in obj) {
       delete obj[key]; // we know key is in obj
+      markChanged(obj); // stamp for the props dirty check
       if (element.__initialized) element.__stateUpdated();
     }
     return true;
   },
   has(obj, key) {
-    if (key === $original || key === $ownerName) return true;
+    if (key === $original || key === '__original' || key === $ownerName) return true;
     return key in obj;
   }
 });
 // intercept get sna dsets within state objects to proxy child objects and trigger component updates
-export const getStateObjectProxyHandler = element => ({
+const makeStateObjectProxyHandler = element => ({
   get: (obj, key) => {
     if (key === '__original') return obj; // return the internal object if requested
     if (key === $original) return obj; // return the internal object if requested
@@ -100,23 +103,46 @@ export const getStateObjectProxyHandler = element => ({
     }
     //const varKey = key
     //this.__reactiveUpdate(varKey)
+    markChanged(obj); // stamp for the props dirty check
     if (element.__initialized) element.__stateUpdated();
     return true;
   },
   deleteProperty: (obj, key) => {
     if (key in obj) {
       delete obj[key]; // we know key is in obj
+      markChanged(obj); // stamp for the props dirty check
       if (element.__initialized) element.__stateUpdated();
     }
     return true;
   },
   has(obj, key) {
-    if (key === $original || key === $ownerName) return true;
+    if (key === $original || key === '__original' || key === $ownerName) return true;
     return key in obj;
   }
 });
+/**
+ * Proxy handlers are shared per component rather than rebuilt per proxied object.
+ *
+ * Each handler closes over `element` and nothing else, so one instance can serve every
+ * object that component proxies. They were previously built fresh for each object -- a new
+ * literal plus a new closure for every trap -- which for a 50,000 row list meant tens of
+ * thousands of handlers: 12% of the update in the factory itself, plus the GC that
+ * followed. A WeakMap keyed on the component keeps this tied to the component's lifetime.
+ */
+function perElement(build) {
+  const cache = new WeakMap();
+  return element => {
+    const existing = cache.get(element);
+    if (existing !== undefined) return existing;
+    const created = build(element);
+    cache.set(element, created);
+    return created;
+  };
+}
+const getStateObjectProxyHandlerCached = perElement(makeStateObjectProxyHandler);
+export const getStateObjectProxyHandler = element => getStateObjectProxyHandlerCached(element); // eslint-disable-line no-type-assertion/no-type-assertion -- the generic only types the trap parameters; the handler itself is identical for every O
 // intercept calls to array prototype funcs that mutate the array, to trigger an update
-export const getStateArrayProxyHandler = element => {
+const makeStateArrayProxyHandler = element => {
   const set = (arr, key, value) => {
     //console.log('set in proxied array', arr, key)
     //if (typeof key === 'string') {
@@ -142,6 +168,7 @@ export const getStateArrayProxyHandler = element => {
     //const varKey = key
     //warn('__stateArrayProxyHandler set __reactiveUpdate key may overlap between strings and numbers')
     //this.__reactiveUpdate(String(varKey))
+    markChanged(arr); // stamp for the props dirty check
     if (element.__initialized) element.__stateUpdated();
     return true;
   };
@@ -171,6 +198,7 @@ export const getStateArrayProxyHandler = element => {
             // reactivity
             //const varKey = key
             //this.__reactiveUpdate(varKey)
+            markChanged(arr); // stamp for the props dirty check
             if (element.__initialized) element.__stateUpdated();
           };
         }
@@ -180,7 +208,7 @@ export const getStateArrayProxyHandler = element => {
     },
     set,
     has(arr, key) {
-      if (key === $original || key === $ownerName) return true;
+      if (key === $original || key === '__original' || key === $ownerName) return true;
       return key in arr;
     },
     deleteProperty(arr, key) {
@@ -188,14 +216,16 @@ export const getStateArrayProxyHandler = element => {
       const res = delete arr[key]; // eslint-disable-line no-type-assertion/no-type-assertion
       if (element.__initialized) {
         //console.log('proxy delete update')
+        markChanged(arr); // stamp for the props dirty check
         element.__stateUpdated();
       }
       return res;
     }
   };
 };
+export const getStateArrayProxyHandler = perElement(makeStateArrayProxyHandler);
 // intercept calls to array prototype funcs that mutate the array, to trigger an update
-export const getStateMapProxyHandler = element => ({
+const makeStateMapProxyHandler = element => ({
   get: (map, key) => {
     //console.log('map get', key)
     if (key === $original) return map; // return the internal object if requested
@@ -215,6 +245,7 @@ export const getStateMapProxyHandler = element => ({
             // reactivity
             //const varKey = key
             //this.__reactiveUpdate(varKey)
+            markChanged(map); // stamp for the props dirty check
             if (element.__initialized) element.__stateUpdated();
           };
         } else {
@@ -226,6 +257,7 @@ export const getStateMapProxyHandler = element => ({
             // reactivity
             //const varKey = key
             //this.__reactiveUpdate(varKey)
+            markChanged(map); // stamp for the props dirty check
             if (element.__initialized) element.__stateUpdated();
           };
         }
@@ -240,12 +272,13 @@ export const getStateMapProxyHandler = element => ({
     // return map[key]
   },
   has(map, key) {
-    if (key === $original || key === $ownerName) return true;
+    if (key === $original || key === '__original' || key === $ownerName) return true;
     return key in map;
   }
 });
+export const getStateMapProxyHandler = perElement(makeStateMapProxyHandler);
 // intercept calls to array prototype funcs that mutate the array, to trigger an update
-export const getStateSetProxyHandler = element => ({
+const makeStateSetProxyHandler = element => ({
   get: (set, key) => {
     //console.log('arr key', typeof key)
     if (key === $original) return set; // return the internal object if requested
@@ -264,6 +297,7 @@ export const getStateSetProxyHandler = element => ({
             // reactivity
             //const varKey = key
             //this.__reactiveUpdate(varKey)
+            markChanged(set); // stamp for the props dirty check
             if (element.__initialized) element.__stateUpdated();
           };
         } else {
@@ -275,6 +309,7 @@ export const getStateSetProxyHandler = element => ({
             // reactivity
             //const varKey = key
             //this.__reactiveUpdate(varKey)
+            markChanged(set); // stamp for the props dirty check
             if (element.__initialized) element.__stateUpdated();
           };
         }
@@ -286,10 +321,11 @@ export const getStateSetProxyHandler = element => ({
     return v;
   },
   has(set, key) {
-    if (key === $original || key === $ownerName) return true;
+    if (key === $original || key === '__original' || key === $ownerName) return true;
     return key in set;
   }
 });
+export const getStateSetProxyHandler = perElement(makeStateSetProxyHandler);
 // export function proxyStateContent<O extends object>(element: StatefulComponentAny, object: O) {
 //     for (const key in object) {
 //         const value = object[key]

package/dist/components/GoToComponent.d.ts

@@ -1,4 +1,4 @@
-import { TungstenSimpleComponent } from '../Components.js';
+import { TungstenSimpleComponent } from '../Components.jsx';
 import type { RouteKey } from '../routing/RouteTypes.js';
 type Props = {
     to: RouteKey;

package/dist/components/GoToComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GoToComponent.d.ts","sourceRoot":"","sources":["../../src/components/GoToComponent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAA;AAC1D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAExD,KAAK,KAAK,GAAG;IACT,EAAE,EAAE,QAAQ,CAAA;CACf,CAAA;AACD,qBAAa,IAAK,SAAQ,uBAAuB,CAAC,KAAK,CAAC;IACpD,OAAO,aAGN;CACJ"}
+{"version":3,"file":"GoToComponent.d.ts","sourceRoot":"","sources":["../../src/components/GoToComponent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAExD,KAAK,KAAK,GAAG;IACT,EAAE,EAAE,QAAQ,CAAA;CACf,CAAA;AACD,qBAAa,IAAK,SAAQ,uBAAuB,CAAC,KAAK,CAAC;IACpD,OAAO,aAGN;CACJ"}

package/dist/components/PopMessages.d.ts

@@ -0,0 +1,12 @@
+import { TungstenSimpleInternalStoreComponent } from '../Components.jsx';
+type Props = {
+    className?: string;
+    messageClassName?: string;
+    unstyled?: boolean;
+};
+export declare class PopMessages extends TungstenSimpleInternalStoreComponent<Props> {
+    clientInit: () => void;
+    content: () => import("../ContentNode.js").ContentNode;
+}
+export {};
+//# sourceMappingURL=PopMessages.d.ts.map

package/dist/components/PopMessages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopMessages.d.ts","sourceRoot":"","sources":["../../src/components/PopMessages.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oCAAoC,EAAE,MAAM,mBAAmB,CAAA;AAGxE,KAAK,KAAK,GAAG;IACT,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAIzB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAkBD,qBAAa,WAAY,SAAQ,oCAAoC,CAAC,KAAK,CAAC;IACxE,UAAU,aAET;IAED,OAAO,gDAsBN;CACJ"}

package/dist/components/PopMessages.js

@@ -0,0 +1,45 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { combineClassNames } from "../helpers/combineClassNames.js";
+import { TungstenSimpleInternalStoreComponent } from "../Components.js";
+import { dismissPop, registerPopInstance } from "../pop.js";
+import { jsx as _jsx } from "tungsten/jsxRuntime.js";
+const messageCss = 'padding: 0.3rem 0.75rem; font-size: 0.85rem; max-height: 3rem; background: #1f3a5f;' + ' color: #eaf2ff; border-bottom: 1px solid #16283f; text-align: center; cursor: pointer; overflow: hidden;' + ' transition: max-height 0.2s ease, padding 0.2s ease;';
+const leavingCss = 'max-height: 0; padding-top: 0; padding-bottom: 0; border-bottom-width: 0;';
+// An app mounts this once in its Root, above <MatchedRoute />, so it can push
+// the page down rather than overlay it. clientInit wires the pop() bridge -
+// see pop.ts. Carries its own default look via the css prop: a component
+// shipped as a framework dependency can't rely on Tungsten's Sass/style-
+// scoping build step, which only runs over an app's own source and never
+// node_modules (the same exclude pattern BabelTransformRemoveServerBlocks
+// relies on elsewhere - see rollup.user.prod.config.ts). Override the look
+// with className, style the PopMessages component selector from your own
+// Root (which reaches this.props.className the same way Link does), or pass
+// unstyled to drop the built-in css entirely.
+export class PopMessages extends TungstenSimpleInternalStoreComponent {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "clientInit", () => {
+      registerPopInstance(this.__instance);
+    });
+    _defineProperty(this, "content", () => {
+      const popMessages = this.store.popMessages.sync();
+      if (popMessages.length === 0) return null;
+      const {
+        className,
+        messageClassName,
+        unstyled = false
+      } = this.props;
+      return _jsx("div", {
+        className: combineClassNames('pop-messages', className),
+        children: popMessages.map(message => _jsx("div", {
+          className: combineClassNames('pop-message', message.leaving === true && 'leaving', messageClassName),
+          css: unstyled ? undefined : messageCss + (message.leaving === true ? leavingCss : ''),
+          onClick: () => dismissPop(message.id),
+          children: message.text
+        }, message.id))
+      });
+    });
+  }
+}

package/dist/components/_GoToComponent.d.ts

@@ -0,0 +1,10 @@
+import { TungstenSimpleComponent } from '../Components.jsx';
+import type { RouteKey } from '../routing/RouteTypes.js';
+type Props = {
+    to: RouteKey;
+};
+export declare class GoTo extends TungstenSimpleComponent<Props> {
+    content: () => null;
+}
+export {};
+//# sourceMappingURL=_GoToComponent.d.ts.map

package/dist/components/_GoToComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_GoToComponent.d.ts","sourceRoot":"","sources":["../../src/components/_GoToComponent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAExD,KAAK,KAAK,GAAG;IACT,EAAE,EAAE,QAAQ,CAAA;CACf,CAAA;AACD,qBAAa,IAAK,SAAQ,uBAAuB,CAAC,KAAK,CAAC;IACpD,OAAO,aAGN;CACJ"}

package/dist/components/_GoToComponent.js

@@ -0,0 +1,13 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { TungstenSimpleComponent } from "../Components.js";
+export class GoTo extends TungstenSimpleComponent {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "content", () => {
+      this.__instance.goto(this.props.to);
+      return null;
+    });
+  }
+}

package/dist/components/library/RichTextEditor/RichTextEditor.d.ts

@@ -0,0 +1,50 @@
+import { TungstenStatefulComponent } from '../../../Components.jsx';
+import type { TypedBindVariable } from '../../bindable/BindVariable.js';
+import type { ExtendedChangeEvent, ExtendedClipboardEvent, ExtendedFormEvent, ExtendedKeyboardEvent, ExtendedMouseEvent } from '../../../../types/jsx/html.events.js';
+declare const trackedCommands: readonly ["bold", "italic", "underline", "strikeThrough", "subscript", "superscript", "insertUnorderedList", "insertOrderedList"];
+type TrackedCommand = (typeof trackedCommands)[number];
+type Props<TreeO extends object, TreeK extends keyof TreeO, HtmlO extends object, HtmlK extends keyof HtmlO> = {
+    className?: string;
+    name?: string;
+    placeholder?: string;
+    treeBind: TypedBindVariable<TreeO, TreeK>;
+    htmlBind: TypedBindVariable<HtmlO, HtmlK>;
+    recordKey?: string | number;
+};
+type State = {
+    initialHtml: string;
+    sourceMode: boolean;
+    sourceDraft: string;
+    active: ReadonlySet<TrackedCommand>;
+    blockFormat: string;
+    loadedRecordKey: string | number | undefined;
+};
+export declare class RichTextEditor<TreeO extends object, TreeK extends keyof TreeO, HtmlO extends object, HtmlK extends keyof HtmlO> extends TungstenStatefulComponent<Props<TreeO, TreeK, HtmlO, HtmlK>, State> {
+    state: State;
+    surfaceRef: import("../../../createRef.js").TungstenElementRef<HTMLDivElement>;
+    sourceRef: import("../../../createRef.js").TungstenElementRef<HTMLTextAreaElement>;
+    componentDidUpdate: () => void;
+    ownerDocument: () => Document | null;
+    commitSurface: () => void;
+    savedRange: Range | null;
+    captureSelection: () => void;
+    restoreSelection: () => void;
+    selectionChanged: () => void;
+    refreshFormatState: () => void;
+    exec: (command: string, value?: string) => void;
+    preventFocusLoss: (event: ExtendedMouseEvent<HTMLButtonElement>) => void;
+    changeFormatBlock: (event: ExtendedChangeEvent<HTMLSelectElement>) => void;
+    insertLink: () => void;
+    removeLink: () => void;
+    clearFormatting: () => void;
+    undo: () => void;
+    redo: () => void;
+    handleKeyDown: (event: ExtendedKeyboardEvent<HTMLDivElement>) => void;
+    handlePaste: (event: ExtendedClipboardEvent<HTMLDivElement>) => void;
+    toggleSource: () => void;
+    changeSourceDraft: (event: ExtendedFormEvent<HTMLTextAreaElement>) => void;
+    content: ({ className, name, placeholder }: Props<TreeO, TreeK, HtmlO, HtmlK>, state: State) => import("../../../ContentNode.js").ContentNode;
+    style: import("../../../CssNames.js").CssNames;
+}
+export {};
+//# sourceMappingURL=RichTextEditor.d.ts.map

package/dist/components/library/RichTextEditor/RichTextEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/library/RichTextEditor/RichTextEditor.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAA;AACnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAKvE,OAAO,KAAK,EACR,mBAAmB,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,kBAAkB,EAC5G,MAAM,sCAAsC,CAAA;AAyB7C,QAAA,MAAM,eAAe,mIAGX,CAAA;AACV,KAAK,cAAc,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAA;AAyCtD,KAAK,KAAK,CAAC,KAAK,SAAS,MAAM,EAAE,KAAK,SAAS,MAAM,KAAK,EAAE,KAAK,SAAS,MAAM,EAAE,KAAK,SAAS,MAAM,KAAK,IAAI;IAC3G,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IAGpB,QAAQ,EAAE,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;IAGzC,QAAQ,EAAE,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;IAOzC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC9B,CAAA;AAED,KAAK,KAAK,GAAG;IAUT,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,OAAO,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,MAAM,EAAE,WAAW,CAAC,cAAc,CAAC,CAAA;IAGnC,WAAW,EAAE,MAAM,CAAA;IAGnB,eAAe,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;CAC/C,CAAA;AAED,qBAAa,cAAc,CACvB,KAAK,SAAS,MAAM,EAAE,KAAK,SAAS,MAAM,KAAK,EAAE,KAAK,SAAS,MAAM,EAAE,KAAK,SAAS,MAAM,KAAK,CAClG,SAAQ,yBAAyB,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC;IACzE,KAAK,EAAE,KAAK,CAOX;IAED,UAAU,qEAAqC;IAC/C,SAAS,0EAA0C;IAUnD,kBAAkB,aAWjB;IAOD,aAAa,QAAO,QAAQ,GAAG,IAAI,CACwD;IAiB3F,aAAa,aAMZ;IAOD,UAAU,EAAE,KAAK,GAAG,IAAI,CAAO;IAE/B,gBAAgB,aAWf;IAED,gBAAgB,aAKf;IAID,gBAAgB,aAGf;IAQD,kBAAkB,aAYjB;IAED,IAAI,GAAI,SAAS,MAAM,EAAE,QAAQ,MAAM,UAStC;IASD,gBAAgB,GAAI,OAAO,kBAAkB,CAAC,iBAAiB,CAAC,UAE/D;IAED,iBAAiB,GAAI,OAAO,mBAAmB,CAAC,iBAAiB,CAAC,UAOjE;IAED,UAAU,aAMT;IAED,UAAU,aAA4B;IACtC,eAAe,aAAkC;IACjD,IAAI,aAA0B;IAC9B,IAAI,aAA0B;IAQ9B,aAAa,GAAI,OAAO,qBAAqB,CAAC,cAAc,CAAC,UAS5D;IAED,WAAW,GAAI,OAAO,sBAAsB,CAAC,cAAc,CAAC,UAS3D;IAED,YAAY,aAaX;IAED,iBAAiB,GAAI,OAAO,iBAAiB,CAAC,mBAAmB,CAAC,UAEjE;IAED,OAAO,GAAI,kCAAkC,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,OAAO,KAAK,mDAyElF;IAEV,KAAK,0CA8FJ;CACJ"}