cotomy 0.1.70 → 0.1.72

package/LICENSE

@@ -1,20 +1,20 @@
-The MIT License (MIT)
-Copyright (c) 2025 Yasuhiro Arakawa
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+The MIT License (MIT)
+Copyright (c) 2025 Yasuhiro Arakawa
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,89 +1,296 @@
-# Cotomy
+# Cotomy
+
+> This library targets ES2020+.  
+> For older browsers (e.g. iOS 13 or IE), you will need a Polyfill such as `core-js`.
+
+**Cotomy** is a lightweight framework for managing form behavior and page controllers in web applications.  
+It is suitable for both SPAs (Single Page Applications) and traditional web apps requiring dynamic form operations.
+
+⚠️ **Warning**: This project is in early development. APIs may change without notice until version 1.0.0.
+
+
+To install Cotomy in your project, run the following command:
+
+```bash
+npm i cotomy
+```
+
+## Usage
+
+Cotomy will continue to expand with more detailed usage instructions and code examples added to the README in the future.  
+For the latest updates, please check the official documentation or repository regularly.
+
+## View Reference
 
-> This library targets ES2020+.  
-> For older browsers (e.g. iOS 13 or IE), you will need a Polyfill such as `core-js`.
+The View layer provides thin wrappers around DOM elements and window events.
 
-**Cotomy** is a lightweight framework for managing form behavior and page controllers in web applications.  
-It is suitable for both SPAs (Single Page Applications) and traditional web apps requiring dynamic form operations.
+- `CotomyElement` — A wrapper around `HTMLElement` with convenient utilities for scoped CSS, querying, attributes/styles, geometry, and event handling.
+- `CotomyMetaElement` — Convenience wrapper for `<meta>` tags.
+- `CotomyWindow` — A singleton that exposes window-level events and helpers.
 
-⚠️ **Warning**: This project is in early development. APIs may change without notice until version 1.0.0.
+### CotomyElement
 
+- Constructor
+  - `new CotomyElement(element: HTMLElement)`
+  - `new CotomyElement(html: string)` — Creates an element from HTML (single root required)
+  - `new CotomyElement({ html, css? })` — Creates from HTML and injects scoped CSS
+  - `new CotomyElement({ tagname, text?, css? })`
+- Scoped CSS
+  - `scopeId: string` — Unique attribute injected into the element for scoping
+  - `scopedSelector: string` — Selector string like `[__cotomy_scope__...]`
+  - `[scope]` placeholder in provided CSS is replaced by the element’s scope
+  - `stylable: boolean` — False for tags like `script`, `style`, `link`, `meta`
+- Static helpers
+  - `CotomyElement.encodeHtml(text)`
+  - `CotomyElement.first(selector, type?)`
+  - `CotomyElement.find(selector, type?)`
+  - `CotomyElement.contains(selector)` / `CotomyElement.containsById(id)`
+  - `CotomyElement.byId(id, type?)`
+  - `CotomyElement.empty(type?)` — Creates a hidden placeholder element
+- Identity & matching
+  - `id: string | null | undefined`
+  - `generateId(prefix = "__cotomy_elem__"): this`
+  - `is(selector: string): boolean` — Parent-aware matching helper
+  - `empty: boolean` — True for tags that cannot have children or have no content
+- Attributes, classes, styles
+  - `attribute(name)` / `attribute(name, value | null): this`
+  - `hasAttribute(name): boolean`
+  - `addClass(name): this` / `removeClass(name): this` / `toggleClass(name, force?): this` / `hasClass(name): boolean`
+  - `style(name)` / `style(name, value | null): this`
+- Content & value
+  - `text: string` (get/set)
+  - `html: string` (get/set)
+  - `value: string` — Works for inputs; falls back to `data-cotomy-value` otherwise
+  - `readonly: boolean` (get/set) — Uses native property if available, otherwise attribute
+  - `enabled: boolean` (get/set) — Toggles `disabled` attribute
+  - `setFocus(): void`
+- Tree traversal & manipulation
+  - `parent: CotomyElement`
+  - `parents: CotomyElement[]`
+  - `children(selector = "*", type?): T[]` (direct children only)
+  - `firstChild(selector = "*", type?)`
+  - `lastChild(selector = "*", type?)`
+  - `closest(selector, type?)`
+  - `find(selector, type?)` / `first(selector = "*", type?)` / `contains(selector)`
+  - `append(child): this` / `prepend(child): this` / `appendAll(children): this`
+  - `insertBefore(sibling): this` / `insertAfter(sibling): this`
+  - `appendTo(target): this` / `prependTo(target): this`
+  - `clear(): this` — Removes all descendants and text
+  - `remove(): void`
+- Geometry & visibility
+  - `visible: boolean`
+  - `width: number` (get/set px)
+  - `height: number` (get/set px)
+  - `innerWidth: number` / `innerHeight: number`
+  - `outerWidth: number` / `outerHeight: number` — Includes margins
+  - `scrollWidth: number` / `scrollHeight: number` / `scrollTop: number`
+  - `position(): { top, left }` — Relative to viewport
+  - `absolutePosition(): { top, left }` — Viewport + page scroll offset
+  - `screenPosition(): { top, left }`
+  - `rect(): { top, left, width, height }`
+  - `innerRect()` — Subtracts padding
+- Events
+  - Generic: `on(event, handler, options?)`, `off(event, handler?, options?)`, `once(event, handler, options?)`, `trigger(event[, Event])`
+  - Delegation: `onChild(event, selector, handler, options?)`
+  - Mouse: `click`, `dblclick`, `mouseover`, `mouseout`, `mousedown`, `mouseup`, `mousemove`, `mouseenter`, `mouseleave`
+  - Keyboard: `keydown`, `keyup`, `keypress`
+  - Inputs: `change`, `input`
+  - Focus: `focus`, `blur`, `focusin`, `focusout`
+  - Viewport: `inview`, `outview` (uses `IntersectionObserver`)
+  - Layout (custom): `resize`, `scroll`, `changelayout` — requires `listenLayoutEvents()` on the element
+  - File: `filedrop(handler: (files: File[]) => void)`
 
-To install Cotomy in your project, run the following command:
+Example (scoped CSS and events):
 
-```bash
-npm i cotomy
+```ts
+import { CotomyElement } from "cotomy";
+
+const panel = new CotomyElement({
+  html: `<div class="panel"><button class="ok">OK</button></div>`,
+  css: `
+    [scope] .panel { padding: 8px; }
+    [scope] .ok { color: green; }
+  `,
+});
+
+panel.onChild("click", ".ok", () => console.log("clicked!"));
+document.body.appendChild(panel.element);
 ```
 
-## Usage
+### CotomyMetaElement
 
-Cotomy will continue to expand with more detailed usage instructions and code examples added to the README in the future.  
-For the latest updates, please check the official documentation or repository regularly.
+- `CotomyMetaElement.get(name): CotomyMetaElement`
+- `content: string` — Reads `content` attribute.
 
-### Entity API forms
+### CotomyWindow
+
+- Singleton
+  - `CotomyWindow.instance`
+  - `initialized: boolean` — Call `initialize()` once after DOM is ready
+  - `initialize(): void`
+- DOM helpers
+  - `body: CotomyElement`
+  - `append(element: CotomyElement)`
+  - `moveNext(focused: CotomyElement, shift = false)` — Move focus to next/previous focusable
+- Window events
+  - `on(event, handler)` / `off(event, handler?)` / `trigger(event)`
+  - `load(handler)` / `ready(handler)`
+  - `resize([handler])` / `scroll([handler])` / `changeLayout([handler])` / `pageshow([handler])`
+- Window state
+  - `scrollTop`, `scrollLeft`, `width`, `height`, `documentWidth`, `documentHeight`
+  - `reload(): void` (sets internal `reloading` flag), `reloading: boolean`
+
+Quick start:
+
+```ts
+import { CotomyWindow, CotomyElement } from "cotomy";
 
-`CotomyEntityApiForm` targets REST endpoints that identify records with a single surrogate key.  
-Attach `data-cotomy-entity-key="<id>"` to the form when editing an existing entity; omit the attribute (or leave it empty) to issue a `POST` to the base `action` URL.  
-On `201 Created`, the form reads the `Location` header and stores the generated key back into `data-cotomy-entity-key`, enabling subsequent `PUT` submissions.  
-Composite or natural keys are no longer supported—migrate any legacy markup that relied on `data-cotomy-keyindex` or multiple key inputs to the new surrogate-key flow.
-When you must integrate with endpoints that still expect natural identifiers, subclass `CotomyEntityApiForm`/`CotomyEntityFillApiForm`, override `canLoad()` to supply your own load condition, and adjust `loadActionUrl()` (plus any submission hooks) to build the appropriate URL fragments.
-
-The core of Cotomy is `CotomyElement`, which is constructed as a wrapper for `Element`.  
-By passing HTML and CSS strings to the constructor, it is possible to generate Element designs with a limited scope.
-
-```typescript
-    const ce = new CotomyElement({
-        html: /* html */`
-              <div>
-                <p>Text</p>
-              </div>
-            `,
-        css: /* css */`
-            [scope] {
-              display: block;
-            }
-            [scope] > p {
-              text-align: center;
-            }
-          `
-    });
+CotomyWindow.instance.initialize();
+CotomyWindow.instance.ready(() => {
+  const el = new CotomyElement("<div>Hello</div>");
+  CotomyWindow.instance.append(el);
+});
 ```
 
-- `"display HTML in character literals with color coding"` → `"syntax highlighting for embedded HTML"`
-- `"generate Element designs with a limited scope"` → `"generate scoped DOM elements with associated styles"`
+## Form Reference
 
-## Development
+The Form layer builds on `CotomyElement` for common form flows.
 
-Cotomy ships with both ESM (`dist/esm`) and CommonJS (`dist/cjs`) builds, plus generated type definitions in `dist/types`.  
-For direct `<script>` usage, browser-ready bundles are available at `dist/browser/cotomy.js` and `dist/browser/cotomy.min.js` (also served via the npm `unpkg` entry).
-Include the minified build like so:
+- `CotomyForm` — Base class with submit lifecycle hooks
+- `CotomyQueryForm` — Submits to query string (GET)
+- `CotomyApiForm` — Submits via `CotomyApi` (handles `FormData`, errors, events)
+- `CotomyEntityApiForm` — REST entity helper with surrogate key support
+- `CotomyEntityFillApiForm` — Adds automatic field filling and simple view binding
 
-```html
-<script src="https://unpkg.com/cotomy/dist/browser/cotomy.min.js"></script>
-<script>
-  const el = new Cotomy.CotomyElement("<div>Hello</div>");
-  document.body.appendChild(el.element);
-</script>
-```
+### CotomyForm (base)
 
-Run the build to refresh every target bundle:
+- Construction & basics
+  - Extends `CotomyElement` and expects a `<form>` element
+  - `initialize(): this` — Wires a `submit` listener that calls `submitAsync()`
+  - `initialized: boolean` — Set after `initialize()`
+  - `submitAsync(): Promise<void>` — Abstract in base
+- Routing & reload
+  - `method(): string` — Defaults to `get` in base; specialized in subclasses
+  - `actionUrl(): string` — Defaults to `action` attribute or current path
+  - `reloadAsync(): Promise<void>` — Page reload using `CotomyWindow`
+  - `autoReload: boolean` — Backed by `data-cotomy-autoreload` (default true)
 
-```bash
-npm install
-npm run build
-```
+### CotomyQueryForm
 
-The Vitest-based test suite can be executed via:
+- Always uses `GET`
+- `submitAsync()` merges current query string with form inputs and navigates via `location.href`.
 
-```bash
-npx vitest run
-```
+### CotomyApiForm
+
+- API integration
+  - `apiClient(): CotomyApi` — Override to inject a client; default creates a new one
+  - `actionUrl(): string` — Uses `action` attribute
+  - `method(): string` — Defaults to `post`
+  - `formData(): FormData` — Builds from form, converts `datetime-local` to ISO (UTC offset)
+  - `submitAsync()` — Calls `submitToApiAsync(formData)`
+  - `submitToApiAsync(formData): Promise<CotomyApiResponse>` — Uses `CotomyApi.submitAsync`
+- Events
+  - `apiFailed(handler)` — Listens to `cotomy:apifailed`
+  - `submitFailed(handler)` — Listens to `cotomy:submitfailed`
+  - Both events bubble from the form element; payload is `CotomyApiFailedEvent`
+
+### CotomyEntityApiForm
 
-## License
+- Surrogate key flow
+  - `data-cotomy-entity-key` — Holds the entity identifier if present
+  - `data-cotomy-identify` — Defaults to true; when true and `201 Created` is returned, the form extracts the key from `Location` and stores it in `data-cotomy-entity-key`
+  - `actionUrl()` — Appends the key to the base `action` when present; otherwise normalizes trailing slash for collection URL
+  - `method()` — `put` when key exists; otherwise `post` (unless `method` attribute is explicitly set)
 
-This project is licensed under the [MIT License](LICENSE).
+### CotomyEntityFillApiForm
 
-## Contact
+- Data loading and field filling
+  - `initialize()` — Adds default fillers and triggers `loadAsync()` on `CotomyWindow.ready`
+  - `reloadAsync()` — Alias to `loadAsync()`
+  - `loadAsync(): Promise<CotomyApiResponse>` — Calls `CotomyApi.getAsync` when `canLoad()` is true
+  - `loadActionUrl(): string` — Defaults to `actionUrl()`; override for custom endpoints
+  - `canLoad(): boolean` — Defaults to `hasEntityKey`
+- Naming & binding
+  - `bindNameGenerator(): ICotomyBindNameGenerator` — Defaults to `CotomyBracketBindNameGenerator` (`user[name]`)
+  - `renderer(): CotomyViewRenderer` — Applies `[data-cotomy-bind]` to view elements
+  - `filler(type, (input, value))` — Register fillers; defaults provided for `datetime-local`, `checkbox`, `radio`
+  - Fills non-array, non-object fields by matching input/select/textarea `name`
 
-You can reach out to me at: [yshr1920@gmail.com](mailto:yshr1920@gmail.com)  
-GitHub repository: [https://github.com/yshr1920/cotomy](https://github.com/yshr1920/cotomy)
+Example:
+
+```ts
+import { CotomyEntityFillApiForm } from "cotomy";
+
+const form = new CotomyEntityFillApiForm(document.querySelector("form")!);
+form.initialize();
+form.apiFailed(e => console.error("API failed", e.response.status));
+form.submitFailed(e => console.warn("Submit failed", e.response.status));
+```
+
+### Entity API forms
+
+`CotomyEntityApiForm` targets REST endpoints that identify records with a single surrogate key.  
+Attach `data-cotomy-entity-key="<id>"` to the form when editing an existing entity; omit the attribute (or leave it empty) to issue a `POST` to the base `action` URL.  
+On `201 Created`, the form reads the `Location` header and stores the generated key back into `data-cotomy-entity-key`, enabling subsequent `PUT` submissions.  
+Composite or natural keys are no longer supported—migrate any legacy markup that relied on `data-cotomy-keyindex` or multiple key inputs to the new surrogate-key flow.
+When you must integrate with endpoints that still expect natural identifiers, subclass `CotomyEntityApiForm`/`CotomyEntityFillApiForm`, override `canLoad()` to supply your own load condition, and adjust `loadActionUrl()` (plus any submission hooks) to build the appropriate URL fragments.
+
+The core of Cotomy is `CotomyElement`, which is constructed as a wrapper for `Element`.  
+By passing HTML and CSS strings to the constructor, it is possible to generate Element designs with a limited scope.
+
+```typescript
+    const ce = new CotomyElement({
+        html: /* html */`
+              <div>
+                <p>Text</p>
+              </div>
+            `,
+        css: /* css */`
+            [scope] {
+              display: block;
+            }
+            [scope] > p {
+              text-align: center;
+            }
+          `
+    });
+```
+
+- `"display HTML in character literals with color coding"` → `"syntax highlighting for embedded HTML"`
+- `"generate Element designs with a limited scope"` → `"generate scoped DOM elements with associated styles"`
+
+## Development
+
+Cotomy ships with both ESM (`dist/esm`) and CommonJS (`dist/cjs`) builds, plus generated type definitions in `dist/types`.  
+For direct `<script>` usage, browser-ready bundles are available at `dist/browser/cotomy.js` and `dist/browser/cotomy.min.js` (also served via the npm `unpkg` entry).
+Include the minified build like so:
+
+```html
+<script src="https://unpkg.com/cotomy/dist/browser/cotomy.min.js"></script>
+<script>
+  const el = new Cotomy.CotomyElement("<div>Hello</div>");
+  document.body.appendChild(el.element);
+</script>
+```
+
+Run the build to refresh every target bundle:
+
+```bash
+npm install
+npm run build
+```
+
+The Vitest-based test suite can be executed via:
+
+```bash
+npx vitest run
+```
+
+## License
+
+This project is licensed under the [MIT License](LICENSE).
+
+## Contact
+
+You can reach out to me at: [yshr1920@gmail.com](mailto:yshr1920@gmail.com)  
+GitHub repository: [https://github.com/yshr1920/cotomy](https://github.com/yshr1920/cotomy)

package/dist/browser/cotomy.js

@@ -174,7 +174,7 @@ module.exports = cuid;
 /***/ 826:
 /***/ (function(module) {
 
-!function(t,i){ true?module.exports=i():0}(this,(function(){"use strict";var t="minute",i=/[+-]\d\d(?::?\d\d)?/g,e=/([+-]|\d\d)/g;return function(s,f,n){var u=f.prototype;n.utc=function(t){var i={date:t,utc:!0,args:arguments};return new f(i)},u.utc=function(i){var e=n(this.toDate(),{locale:this.$L,utc:!0});return i?e.add(this.utcOffset(),t):e},u.local=function(){return n(this.toDate(),{locale:this.$L,utc:!1})};var o=u.parse;u.parse=function(t){t.utc&&(this.$u=!0),this.$utils().u(t.$offset)||(this.$offset=t.$offset),o.call(this,t)};var r=u.init;u.init=function(){if(this.$u){var t=this.$d;this.$y=t.getUTCFullYear(),this.$M=t.getUTCMonth(),this.$D=t.getUTCDate(),this.$W=t.getUTCDay(),this.$H=t.getUTCHours(),this.$m=t.getUTCMinutes(),this.$s=t.getUTCSeconds(),this.$ms=t.getUTCMilliseconds()}else r.call(this)};var a=u.utcOffset;u.utcOffset=function(s,f){var n=this.$utils().u;if(n(s))return this.$u?0:n(this.$offset)?a.call(this):this.$offset;if("string"==typeof s&&(s=function(t){void 0===t&&(t="");var s=t.match(i);if(!s)return null;var f=(""+s[0]).match(e)||["-",0,0],n=f[0],u=60*+f[1]+ +f[2];return 0===u?0:"+"===n?u:-u}(s),null===s))return this;var u=Math.abs(s)<=16?60*s:s,o=this;if(f)return o.$offset=u,o.$u=0===s,o;if(0!==s){var r=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();(o=this.local().add(u+r,t)).$offset=u,o.$x.$localOffset=r}else o=this.utc();return o};var h=u.format;u.format=function(t){var i=t||(this.$u?"YYYY-MM-DDTHH:mm:ss[Z]":"");return h.call(this,i)},u.valueOf=function(){var t=this.$utils().u(this.$offset)?0:this.$offset+(this.$x.$localOffset||this.$d.getTimezoneOffset());return this.$d.valueOf()-6e4*t},u.isUTC=function(){return!!this.$u},u.toISOString=function(){return this.toDate().toISOString()},u.toString=function(){return this.toDate().toUTCString()};var l=u.toDate;u.toDate=function(t){return"s"===t&&this.$offset?n(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate():l.call(this)};var c=u.diff;u.diff=function(t,i,e){if(t&&this.$u===t.$u)return c.call(this,t,i,e);var s=this.local(),f=n(t).local();return c.call(s,f,i,e)}}}));
+!function(t,i){ true?module.exports=i():0}(this,(function(){"use strict";var t="minute",i=/[+-]\d\d(?::?\d\d)?/g,e=/([+-]|\d\d)/g;return function(s,f,n){var u=f.prototype;n.utc=function(t){var i={date:t,utc:!0,args:arguments};return new f(i)},u.utc=function(i){var e=n(this.toDate(),{locale:this.$L,utc:!0});return i?e.add(this.utcOffset(),t):e},u.local=function(){return n(this.toDate(),{locale:this.$L,utc:!1})};var r=u.parse;u.parse=function(t){t.utc&&(this.$u=!0),this.$utils().u(t.$offset)||(this.$offset=t.$offset),r.call(this,t)};var o=u.init;u.init=function(){if(this.$u){var t=this.$d;this.$y=t.getUTCFullYear(),this.$M=t.getUTCMonth(),this.$D=t.getUTCDate(),this.$W=t.getUTCDay(),this.$H=t.getUTCHours(),this.$m=t.getUTCMinutes(),this.$s=t.getUTCSeconds(),this.$ms=t.getUTCMilliseconds()}else o.call(this)};var a=u.utcOffset;u.utcOffset=function(s,f){var n=this.$utils().u;if(n(s))return this.$u?0:n(this.$offset)?a.call(this):this.$offset;if("string"==typeof s&&(s=function(t){void 0===t&&(t="");var s=t.match(i);if(!s)return null;var f=(""+s[0]).match(e)||["-",0,0],n=f[0],u=60*+f[1]+ +f[2];return 0===u?0:"+"===n?u:-u}(s),null===s))return this;var u=Math.abs(s)<=16?60*s:s;if(0===u)return this.utc(f);var r=this.clone();if(f)return r.$offset=u,r.$u=!1,r;var o=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();return(r=this.local().add(u+o,t)).$offset=u,r.$x.$localOffset=o,r};var h=u.format;u.format=function(t){var i=t||(this.$u?"YYYY-MM-DDTHH:mm:ss[Z]":"");return h.call(this,i)},u.valueOf=function(){var t=this.$utils().u(this.$offset)?0:this.$offset+(this.$x.$localOffset||this.$d.getTimezoneOffset());return this.$d.valueOf()-6e4*t},u.isUTC=function(){return!!this.$u},u.toISOString=function(){return this.toDate().toISOString()},u.toString=function(){return this.toDate().toUTCString()};var l=u.toDate;u.toDate=function(t){return"s"===t&&this.$offset?n(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate():l.call(this)};var c=u.diff;u.diff=function(t,i,e){if(t&&this.$u===t.$u)return c.call(this,t,i,e);var s=this.local(),f=n(t).local();return c.call(s,f,i,e)}}}));
 
 /***/ })
 
@@ -2583,7 +2583,7 @@ class CotomyEntityApiForm extends CotomyApiForm {
                 this.attribute("data-cotomy-entity-key", addedParts[0]);
             }
             else {
-                const msg = `Location does not contain a single entity key segment.
+                const msg = `Location does not contain a single entity key segment.
                 action="${baseAction}", location="${locPath}", added=["${addedParts.join('","')}"]`;
                 throw new Error(msg);
             }
@@ -2637,13 +2637,6 @@ class CotomyEntityFillApiForm extends CotomyEntityApiForm {
         }
         return this;
     }
-    async submitToApiAsync(formData) {
-        const response = await super.submitToApiAsync(formData);
-        if (response.ok) {
-            await this.fillAsync(response);
-        }
-        return response;
-    }
     async reloadAsync() {
         await this.loadAsync();
     }
@@ -2691,8 +2684,8 @@ class CotomyEntityFillApiForm extends CotomyEntityApiForm {
                 await this.fillObjectAsync(bindNameGenerator, value, pname);
                 continue;
             }
-            this.find(`input[name="${pname}" i]:not([data-cotomy-fill="false"]):not([multiple]),
-                    textarea[name="${pname}" i]:not([data-cotomy-fill="false"]), 
+            this.find(`input[name="${pname}" i]:not([data-cotomy-fill="false"]):not([multiple]),
+                    textarea[name="${pname}" i]:not([data-cotomy-fill="false"]), 
                     select[name="${pname}" i]:not([data-cotomy-fill="false"]):not([multiple])`).forEach(input => {
                 if (CotomyDebugSettings.isEnabled(CotomyDebugFeature.Fill)) {
                     console.debug(`Filling input[name="${pname}"] with value:`, value);
@@ -2714,6 +2707,13 @@ class CotomyEntityFillApiForm extends CotomyEntityApiForm {
         }
         this.find("textarea").forEach(e => e.input());
     }
+    async submitToApiAsync(formData) {
+        const response = await super.submitToApiAsync(formData);
+        if (response.ok) {
+            await this.fillAsync(response);
+        }
+        return response;
+    }
 }
 
 // EXTERNAL MODULE: ./node_modules/dayjs/plugin/timezone.js