@web-atoms/web-controls 2.3.109 → 2.3.111

package/dist/animations/Animations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Animations.d.ts","sourceRoot":"","sources":["../../src/animations/Animations.ts"],"names":[],"mappings":"AAgCA,MAAM,CAAC,OAAO,OAAO,UAAU;IAE3B,OAAc,eAAe,+EAe1B;IAEH,OAAc,YAAY,+EAevB;CAEN"}
+{"version":3,"file":"Animations.d.ts","sourceRoot":"","sources":["../../src/animations/Animations.ts"],"names":[],"mappings":"AAoCA,MAAM,CAAC,OAAO,OAAO,UAAU;IAE3B,OAAc,eAAe,+EAe1B;IAEH,OAAc,YAAY,+EAevB;CAEN"}

package/dist/animations/Animations.js

@@ -1,19 +1,45 @@
-System.register(["@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/web/styles/CSS"], function (_export, _context) {
+System.register(["@web-atoms/core/dist/style/styled", "@web-atoms/core/dist/web/controls/AtomControl"], function (_export, _context) {
   "use strict";
 
-  var StyleRule, AtomControl, CSS, Animations;
+  var styled, AtomControl, Animations;
   _export("default", void 0);
   return {
-    setters: [function (_webAtomsCoreDistStyleStyleRule) {
-      StyleRule = _webAtomsCoreDistStyleStyleRule.default;
+    setters: [function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
     }, function (_webAtomsCoreDistWebControlsAtomControl) {
       AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
-    }, function (_webAtomsCoreDistWebStylesCSS) {
-      CSS = _webAtomsCoreDistWebStylesCSS.default;
     }],
     execute: function () {
-      CSS(StyleRule().and(StyleRule(":not([data-animation-state])").display("none")).and(StyleRule("[data-animation-state=down]").transform("translate(0,100%)")).and(StyleRule("[data-animation-state=normal]").transform("translate(0,0)")).transition("all 0.5s ease-out"), "*[data-animate-slide=from-bottom]");
-      CSS(StyleRule().and(StyleRule(":not([data-animation-state])").display("none")).and(StyleRule("[data-animation-state=up]").transform("translate(0,-100%)")).and(StyleRule("[data-animation-state=normal]").transform("translate(0,0)")).transition("all 0.5s ease-out"), "*[data-animate-slide=from-top]");
+      styled.css`
+    transition: all 0.5s ease-out;
+
+    &:not([data-animation-state]) {
+        display: none;
+    }
+    
+    &[data-animation-state=down] {
+        transform: translate(0,100%);
+    }
+    
+    &[data-animation-state=normal] {
+        transform: translate(0,0);   
+    }
+    `.installGlobal("[data-animate-slide=from-bottom]");
+      styled.css`
+    transition: all 0.5s ease-out;
+
+    &:not([data-animation-state]) {
+        display: none;
+    }
+    
+    &[data-animation-state=up] {
+        transform: translate(0,-100%);
+    }
+        
+    &[data-animation-state=normal] {
+        transform: translate(0,0);
+    }
+    `.installGlobal("[data-animate-slide=from-top]");
       _export("default", Animations = class Animations {});
       Animations.slideFromBottom = AtomControl.registerProperty("animate", "bottom-slide", (ctrl, e, v) => {
         e.dataset.animateSlide = "from-bottom";

package/dist/animations/Animations.js.map

@@ -1 +1 @@
-{"version":3,"names":["Animations","_export","setters","_webAtomsCoreDistStyleStyleRule","StyleRule","default","_webAtomsCoreDistWebControlsAtomControl","AtomControl","_webAtomsCoreDistWebStylesCSS","CSS","execute","and","display","transform","transition","slideFromBottom","registerProperty","ctrl","e","v","dataset","animateSlide","animationState","setTimeout","removeAttribute","slideFromTop"],"sources":["../../src/animations/Animations.ts"],"sourcesContent":[null],"mappings":";;;mCAgCqBA,UAAU;EAAAC,OAAA;EAAA;IAAAC,OAAA,aAAAC,+BAAA;MAhCxBC,SAAS,GAAAD,+BAAA,CAAAE,OAAA;IAAA,aAAAC,uCAAA;MACPC,WAAW,GAAAD,uCAAA,CAAXC,WAAW;IAAA,aAAAC,6BAAA;MACbC,GAAG,GAAAD,6BAAA,CAAAH,OAAA;IAAA;IAAAK,OAAA,WAAAA,CAAA;MAEVD,GAAG,CAACL,SAAS,EAAE,CACVO,GAAG,CAACP,SAAS,CAAC,8BAA8B,CAAC,CACzCQ,OAAO,CAAC,MAAM,CAAC,CACnB,CACAD,GAAG,CAACP,SAAS,CAAC,6BAA6B,CAAC,CACxCS,SAAS,CAAC,mBAA0B,CAAC,CACzC,CACAF,GAAG,CAACP,SAAS,CAAC,+BAA+B,CAAC,CAC1CS,SAAS,CAAC,gBAAuB,CAAC,CACtC,CACAC,UAAU,CAAC,mBAAmB,CAAC,EAEpC,mCAAmC,CAAC;MAEpCL,GAAG,CAACL,SAAS,EAAE,CACVO,GAAG,CAACP,SAAS,CAAC,8BAA8B,CAAC,CACzCQ,OAAO,CAAC,MAAM,CAAC,CACnB,CACAD,GAAG,CAACP,SAAS,CAAC,2BAA2B,CAAC,CACtCS,SAAS,CAAC,oBAA2B,CAAC,CAC1C,CACAF,GAAG,CAACP,SAAS,CAAC,+BAA+B,CAAC,CAC1CS,SAAS,CAAC,gBAAuB,CAAC,CACtC,CACAC,UAAU,CAAC,mBAAmB,CAAC,EAEpC,gCAAgC,CAAC;MAACb,OAAA,YAEbD,UAAU,GAAjB,MAAOA,UAAU,G;MAEbA,UAAA,CAAAe,eAAe,GAAGR,WAAW,CAACS,gBAAgB,CAAC,SAAS,EAAE,cAAc,EAAE,CAACC,IAAI,EAAEC,CAAC,EAAEC,CAAC,KAAI;QACnGD,CAAC,CAACE,OAAO,CAACC,YAAY,GAAG,aAAa;QACtC,IAAIF,CAAC,EAAE;UACHD,CAAC,CAACE,OAAO,CAACE,cAAc,GAAG,MAAM;UACjCC,UAAU,CAAC,MAAK;YACZL,CAAC,CAACE,OAAO,CAACE,cAAc,GAAG,QAAQ;UACvC,CAAC,EAAE,EAAE,CAAC;UACN;;QAEJ,IAAIJ,CAAC,CAACE,OAAO,CAACE,cAAc,KAAK,QAAQ,EAAE;UACvCJ,CAAC,CAACE,OAAO,CAACE,cAAc,GAAG,MAAM;;QAErCC,UAAU,CAAC,MAAK;UACZL,CAAC,CAACM,eAAe,CAAC,sBAAsB,CAAC;QAC7C,CAAC,EAAE,GAAG,CAAC;MACX,CAAC,CAAC;MAEYxB,UAAA,CAAAyB,YAAY,GAAGlB,WAAW,CAACS,gBAAgB,CAAC,SAAS,EAAE,WAAW,EAAE,CAACC,IAAI,EAAEC,CAAC,EAAEC,CAAC,KAAI;QAC7FD,CAAC,CAACE,OAAO,CAACC,YAAY,GAAG,UAAU;QACnC,IAAIF,CAAC,EAAE;UACHD,CAAC,CAACE,OAAO,CAACE,cAAc,GAAG,IAAI;UAC/BC,UAAU,CAAC,MAAK;YACZL,CAAC,CAACE,OAAO,CAACE,cAAc,GAAG,QAAQ;UACvC,CAAC,EAAE,EAAE,CAAC;UACN;;QAEJ,IAAIJ,CAAC,CAACE,OAAO,CAACE,cAAc,KAAK,QAAQ,EAAE;UACvCJ,CAAC,CAACE,OAAO,CAACE,cAAc,GAAG,IAAI;;QAEnCC,UAAU,CAAC,MAAK;UACZL,CAAC,CAACM,eAAe,CAAC,sBAAsB,CAAC;QAC7C,CAAC,EAAE,GAAG,CAAC;MACX,CAAC,CAAC;IAAC;EAAA;AAAA"}
+{"version":3,"names":["Animations","_export","setters","_webAtomsCoreDistStyleStyled","styled","default","_webAtomsCoreDistWebControlsAtomControl","AtomControl","execute","css","installGlobal","slideFromBottom","registerProperty","ctrl","e","v","dataset","animateSlide","animationState","setTimeout","removeAttribute","slideFromTop"],"sources":["../../src/animations/Animations.ts"],"sourcesContent":[null],"mappings":";;;2BAoCqBA,UAAU;EAAAC,OAAA;EAAA;IAAAC,OAAA,aAAAC,4BAAA;MApCxBC,MAAM,GAAAD,4BAAA,CAAAE,OAAA;IAAA,aAAAC,uCAAA;MACJC,WAAW,GAAAD,uCAAA,CAAXC,WAAW;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAEhBJ,MAAM,CAACK,GAAI;;;;;;;;;;;;;;KAcV,CAACC,aAAa,CAAC,kCAAkC,CAAC;MAEnDN,MAAM,CAACK,GAAI;;;;;;;;;;;;;;KAcV,CAACC,aAAa,CAAC,+BAA+B,CAAC;MAACT,OAAA,YAGhCD,UAAU,GAAjB,MAAOA,UAAU,G;MAEbA,UAAA,CAAAW,eAAe,GAAGJ,WAAW,CAACK,gBAAgB,CAAC,SAAS,EAAE,cAAc,EAAE,CAACC,IAAI,EAAEC,CAAC,EAAEC,CAAC,KAAI;QACnGD,CAAC,CAACE,OAAO,CAACC,YAAY,GAAG,aAAa;QACtC,IAAIF,CAAC,EAAE;UACHD,CAAC,CAACE,OAAO,CAACE,cAAc,GAAG,MAAM;UACjCC,UAAU,CAAC,MAAK;YACZL,CAAC,CAACE,OAAO,CAACE,cAAc,GAAG,QAAQ;UACvC,CAAC,EAAE,EAAE,CAAC;UACN;;QAEJ,IAAIJ,CAAC,CAACE,OAAO,CAACE,cAAc,KAAK,QAAQ,EAAE;UACvCJ,CAAC,CAACE,OAAO,CAACE,cAAc,GAAG,MAAM;;QAErCC,UAAU,CAAC,MAAK;UACZL,CAAC,CAACM,eAAe,CAAC,sBAAsB,CAAC;QAC7C,CAAC,EAAE,GAAG,CAAC;MACX,CAAC,CAAC;MAEYpB,UAAA,CAAAqB,YAAY,GAAGd,WAAW,CAACK,gBAAgB,CAAC,SAAS,EAAE,WAAW,EAAE,CAACC,IAAI,EAAEC,CAAC,EAAEC,CAAC,KAAI;QAC7FD,CAAC,CAACE,OAAO,CAACC,YAAY,GAAG,UAAU;QACnC,IAAIF,CAAC,EAAE;UACHD,CAAC,CAACE,OAAO,CAACE,cAAc,GAAG,IAAI;UAC/BC,UAAU,CAAC,MAAK;YACZL,CAAC,CAACE,OAAO,CAACE,cAAc,GAAG,QAAQ;UACvC,CAAC,EAAE,EAAE,CAAC;UACN;;QAEJ,IAAIJ,CAAC,CAACE,OAAO,CAACE,cAAc,KAAK,QAAQ,EAAE;UACvCJ,CAAC,CAACE,OAAO,CAACE,cAAc,GAAG,IAAI;;QAEnCC,UAAU,CAAC,MAAK;UACZL,CAAC,CAACM,eAAe,CAAC,sBAAsB,CAAC;QAC7C,CAAC,EAAE,GAAG,CAAC;MACX,CAAC,CAAC;IAAC;EAAA;AAAA"}

package/dist/basic/Form.d.ts

@@ -1,79 +1,36 @@
-import Command from "@web-atoms/core/dist/core/Command";
 import XNode from "@web-atoms/core/dist/core/XNode";
-import IElement from "./IElement";
-import ToggleButtonBar from "./ToggleButtonBar";
-export declare const FormButtonBar: typeof ToggleButtonBar;
-export interface ISubmitButton {
-    eventClick: any;
-    class?: string;
-    [key: string]: any;
-}
-export interface ISubmitAction extends IElement {
-    action: "submit";
-    eventClick?: any;
-    "event-click"?: any;
-}
-export interface ICancelAction extends IElement {
-    action: "cancel";
-    eventClick?: any;
-    "event-click"?: any;
-}
-export type IFormAction = ISubmitAction | ICancelAction;
-/**
- * This is just a decorator, you must have a child button for this to work
- * @param action submit | cancel
- * @param node child node where action will be applied
- * @returns XNode
- */
-export declare function FormAction({ action, eventClick, "event-click": eventClick2, ...a }: IFormAction, node: XNode): XNode;
-/**
- * @deprecated Use Form with eventSubmit and button with data-event="submit"
- */
-export declare function SubmitAction(a: IElement, node: XNode): XNode;
-/**
- * @deprecated Use Form with eventSubmit and button with data-event="submit"
- */
-export declare function CancelAction(a: IElement, node: XNode): XNode;
-/**
- * @deprecated Use Form with eventSubmit and button with data-event="submit"
- */
-export declare function SubmitButton({ eventClick, ...others }: ISubmitButton, ...nodes: XNode[]): any;
 export interface IForm {
-    id?: number;
-    class?: any;
-    scrollable?: boolean;
     /**
-     * If set, when an enter key is pressed on
-     * non textarea element, form will be submitted automatically
+     * The event that will be dispatched, default is `submitForm`
      */
-    eventSubmit?: any;
+    "data-submit-event"?: string;
     /**
-     * By default it is true, when user presses enter button on an input
-     * the focus will move on to the next input element
+     * Validation will be displayed if set to true, default is false.
+     * It will be set to true if button with type=submit or data-type=submit will be clicked.
      */
-    focusNextOnEnter?: boolean;
+    "data-show-validation"?: "true" | "false";
+    /**
+     * Default error message to be displayed if any field contains error.
+     */
+    "data-error-message"?: string;
+    /**
+     * Please change your form style to catch event-submit-form
+     */
+    eventSubmit?: never;
+    /**
+     * Please change your form style to catch event-submit-form
+     */
+    submitCommand?: never;
     [key: string]: any;
-    submitCommand?: Command;
-}
-export interface IFormGroup {
-    group: string;
-}
-export declare function FormGroup(fg: IFormGroup, ...nodes: XNode[]): any;
-declare function Form({ id, focusNextOnEnter, scrollable, eventSubmit, submitCommand, ...a }: IForm, ...nodes: XNode[]): any;
-declare namespace Form {
-    var newId: () => number;
-    var submitId: (id: number) => {
-        "data-submit-form-id": string;
-    };
-}
-export default Form;
-export interface IFormLayout extends IForm {
-    header?: XNode;
-    footer?: XNode;
 }
-export declare function FormLayout({ id, focusNextOnEnter, scrollable, eventSubmit, header, footer, ...a }: IFormLayout, ...nodes: XNode[]): any;
-export declare namespace FormLayout {
-    var Footer: ({}: {}, child: XNode) => XNode;
-    var Header: ({}: {}, child: XNode) => XNode;
+export default function Form({ "data-submit-event": submitEvent, "data-show-validation": showValidation, "data-error-message": errorMessage, ...a }: IForm, ...nodes: XNode[]): any;
+type Func = (...p: any[]) => any;
+export interface IValidator {
+    value: Func;
+    message?: (value: string, label: string) => string;
+    isValid?: (value: string, element: HTMLElement) => boolean;
 }
+export declare const BindError: ({ value, message, isValid, }: IValidator) => any;
+export declare const BindEmailError: ({ value, message, isValid, }: IValidator) => any;
+export {};
 //# sourceMappingURL=Form.d.ts.map

package/dist/basic/Form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../src/basic/Form.tsx"],"names":[],"mappings":"AACA,OAAO,OAAO,MAAM,mCAAmC,CAAC;AACxD,OAAO,KAAK,MAAM,iCAAiC,CAAC;AAKpD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,eAAO,MAAM,aAAa,wBAAkB,CAAC;AAe7C,MAAM,WAAW,aAAa;IAC1B,UAAU,EAAE,GAAG,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,MAAM,WAAW,aAAc,SAAQ,QAAQ;IAC3C,MAAM,EAAE,QAAQ,CAAC;IACjB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,aAAa,CAAC,EAAE,GAAG,CAAC;CACvB;AAED,MAAM,WAAW,aAAc,SAAQ,QAAQ;IAC3C,MAAM,EAAE,QAAQ,CAAC;IACjB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,aAAa,CAAC,EAAE,GAAG,CAAC;CACvB;AAED,MAAM,MAAM,WAAW,GAAG,aAAa,GAAG,aAAa,CAAC;AAExD;;;;;GAKG;AACH,wBAAgB,UAAU,CACtB,EACI,MAAiB,EACjB,UAAU,EACV,aAAa,EAAE,WAAW,EAC1B,GAAI,CAAC,EACR,EAAE,WAAW,EACd,IAAI,EAAE,KAAK,SAed;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,SAGpD;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,SAGpD;AAED;;GAEG;AACH,wBAAgB,YAAY,CACxB,EAAE,UAAU,EACR,GAAI,MAAM,EAAC,EAAE,aAAa,EAC9B,GAAI,KAAK,EAAE,KAAK,EAAE,OAIrB;AAmHD,MAAM,WAAW,KAAK;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,UAAU,CAAC,EAAE,OAAO,CAAE;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IAEnB,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAMD,MAAM,WAAW,UAAU;IACvB,KAAK,EAAE,MAAM,CAAC;CAGjB;AAED,wBAAgB,SAAS,CACrB,EAAE,EAAE,UAAU,EACd,GAAI,KAAK,EAAE,KAAK,EAAE,OAOrB;AAED,iBAAwB,IAAI,CACxB,EACI,EAAa,EACb,gBAAuB,EACvB,UAAU,EACV,WAAW,EACX,aAAa,EACb,GAAI,CAAC,EACR,EAAE,KAAK,EACR,GAAI,KAAK,EAAE,KAAK,EAAE,OAoCrB;kBA7CuB,IAAI;;;;;;eAAJ,IAAI;AA+C5B,MAAM,WAAW,WAAY,SAAQ,KAAK;IACtC,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,MAAM,CAAC,EAAE,KAAK,CAAC;CAClB;AA0BD,wBAAgB,UAAU,CACtB,EACI,EAAa,EACb,gBAAuB,EACvB,UAAU,EACV,WAAW,EACX,MAAM,EACN,MAAM,EACN,GAAI,CAAC,EACR,EAAE,WAAW,EACd,GAAI,KAAK,EAAE,KAAK,EAAE,OAkErB;yBA5Ee,UAAU"}
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../src/basic/Form.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+B,MAAM,iCAAiC,CAAC;AAgD9E,MAAM,WAAW,KAAK;IAClB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,sBAAsB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACzC;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC;IAEtB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EACzB,mBAAmB,EAAE,WAA0B,EAC/C,sBAAsB,EAAE,cAAwB,EAChD,oBAAoB,EAAE,YAA2C,EACjE,GAAI,CAAC,EACR,EAAE,KAAK,EAAE,GAAI,KAAK,EAAE,KAAK,EAAE,OAY3B;AAED,KAAK,IAAI,GAAG,CAAC,GAAI,CAAC,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC;AAElC,MAAM,WAAW,UAAU;IACvB,KAAK,EAAE,IAAI,CAAC;IACZ,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACnD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,KAAK,OAAO,CAAC;CAC9D;AAED,eAAO,MAAM,SAAS,iCAInB,UAAU,QAgBZ,CAAA;AAED,eAAO,MAAM,cAAc,iCAIxB,UAAU,QAEZ,CAAA"}

package/dist/basic/Form.js

@@ -1,316 +1,118 @@
-System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/styles/CSS", "./ToggleButtonBar"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/styled"], function (_export, _context) {
   "use strict";
 
-  var __rest, XNode, StyleRule, CSS, ToggleButtonBar, FormButtonBar, css, submitFormHandler, checkValidity, moveNext, formId, formGroupSymbol, elementType;
-  function FormAction(_a, node) {
-    var _b;
-    var {
-        action = "submit",
-        eventClick,
-        "event-click": eventClick2
-      } = _a,
-      a = __rest(_a, ["action", "eventClick", "event-click"]);
-    const attributes = (_b = node.attributes) !== null && _b !== void 0 ? _b : node.attributes = {};
-    attributes["data-wa-form-action"] = action;
-    const e = attributes["event-click"] || attributes.eventClick;
-    if (e) {
-      attributes["event-submit"] = e;
-      delete attributes["event-click"];
-      delete attributes.eventClick;
-    }
-    eventClick !== null && eventClick !== void 0 ? eventClick : eventClick = eventClick2;
-    if (action === "submit" && eventClick) {
-      attributes.eventSubmit = eventClick;
-    }
-    node.attributes = Object.assign(Object.assign({}, a), attributes);
-    return node;
-  }
-  function SubmitAction(a, node) {
-    a.action = "submit";
-    return FormAction(a, node);
-  }
-  function CancelAction(a, node) {
-    a.action = "cancel";
-    return FormAction(a, node);
-  }
-  function SubmitButton(_a, ...nodes) {
-    var {
-        eventClick
-      } = _a,
-      others = __rest(_a, ["eventClick"]);
-    return XNode.create("button", Object.assign({
-      "data-wa-form-action": "submit",
-      eventSubmit: eventClick
-    }, others), ...nodes);
-  }
-  function findSubmitAction(e) {
-    var _a;
-    let button = e.target;
-    if (e.type === "submit") {
-      e.preventDefault();
-      button = e.submitter;
-    }
-    while (button) {
-      const action = (_a = button.dataset.waFormAction) !== null && _a !== void 0 ? _a : button.dataset.event;
-      if (/submit|cancel/i.test(action)) {
-        return {
-          button,
-          action
-        };
-      }
-      button = button.parentElement;
-    }
-    return {
-      button
-    };
-  }
-  function FormGroup(fg, ...nodes) {
-    fg[formGroupSymbol] = true;
-    return XNode.create("div", Object.assign({}, fg), ...nodes);
-  }
+  var __rest, Bind, XNode, styled, checkClick, BindError, BindEmailError;
   function Form(_a, ...nodes) {
-    var _b;
     var {
-        id = formId++,
-        focusNextOnEnter = true,
-        scrollable,
-        eventSubmit,
-        submitCommand
+        "data-submit-event": submitEvent = "submitForm",
+        "data-show-validation": showValidation = "false",
+        "data-error-message": errorMessage = "Please fix all validations"
       } = _a,
-      a = __rest(_a, ["id", "focusNextOnEnter", "scrollable", "eventSubmit", "submitCommand"]);
-    if (focusNextOnEnter) {
-      a.eventKeypress = moveNext(eventSubmit);
-    }
-    a["data-form-id"] = id;
-    a["data-scrollable"] = !!scrollable;
-    if (!eventSubmit) {
-      a["data-wa-show-errors"] = "yes";
-    }
-    if (submitCommand) {
-      a["event-" + submitCommand.name] = checkValidity(eventSubmit);
-    }
-    const fields = [];
-    for (const iterator of nodes) {
-      if (!iterator) {
-        continue;
-      }
-      const ca = iterator.attributes;
-      if (ca === null || ca === void 0 ? void 0 : ca[formGroupSymbol]) {
-        for (const child of iterator.children) {
-          const cha = (_b = child.attributes) !== null && _b !== void 0 ? _b : child.attributes = {};
-          cha["data-group"] = ca.group;
-          fields.push(child);
-        }
-        continue;
-      }
-      fields.push(iterator);
-    }
-    return XNode.create("div", Object.assign({
-      "data-wa-form": "wa-form"
-    }, a, {
-      eventSubmitForm: eventSubmit,
-      eventClick: checkValidity(eventSubmit)
-    }), ...fields);
-  }
-  function FormLayout(_a, ...nodes) {
-    var _b, _c, _d;
-    var {
-        id = formId++,
-        focusNextOnEnter = true,
-        scrollable,
-        eventSubmit,
-        header,
-        footer
-      } = _a,
-      a = __rest(_a, ["id", "focusNextOnEnter", "scrollable", "eventSubmit", "header", "footer"]);
-    if (focusNextOnEnter) {
-      a.eventKeypress = moveNext(eventSubmit);
-    }
-    a["data-form-id"] = id;
-    a["data-scrollable"] = !!scrollable;
-    if (!eventSubmit) {
-      a["data-wa-show-errors"] = "yes";
-    }
-    const fields = [];
-    for (const iterator of nodes) {
-      if (!iterator) {
-        continue;
-      }
-      const et = iterator[elementType];
-      if (et !== void 0) {
-        if (et === "header") {
-          header = iterator;
-          delete iterator[elementType];
-          continue;
-        }
-        if (et === "footer") {
-          footer = iterator;
-          delete iterator[elementType];
-          continue;
-        }
-      }
-      const ca = iterator.attributes;
-      if (ca === null || ca === void 0 ? void 0 : ca[formGroupSymbol]) {
-        for (const child of iterator.children) {
-          const cha = (_b = child.attributes) !== null && _b !== void 0 ? _b : child.attributes = {};
-          cha["data-group"] = ca.group;
-          fields.push(child);
-        }
-        continue;
-      }
-      fields.push(iterator);
-    }
-    if (header) {
-      const ha = (_c = header.attributes) !== null && _c !== void 0 ? _c : header.attributes = {};
-      ha["data-element"] = "header";
-    }
-    if (footer) {
-      const ha = (_d = footer.attributes) !== null && _d !== void 0 ? _d : footer.attributes = {};
-      ha["data-element"] = "footer";
-    }
-    return XNode.create("div", Object.assign({
-      "data-wa-form": "wa-form",
-      "data-form-layout": "form-layout"
-    }, a, {
-      eventSubmitForm: eventSubmit,
-      eventClick: checkValidity(eventSubmit)
-    }), header, XNode.create("div", {
-      "data-element": "content"
-    }, XNode.create("div", null, ...fields)), footer);
+      a = __rest(_a, ["data-submit-event", "data-show-validation", "data-error-message"]);
+    return XNode.create("div", Object.assign({}, a, {
+      "data-submit-event": submitEvent,
+      "data-form": "form",
+      "data-valid": "true",
+      "data-show-validation": showValidation,
+      "data-error-message": errorMessage,
+      "event-click": checkClick
+    }), XNode.create("div", {
+      class: "error-message",
+      text: errorMessage
+    }), ...nodes);
   }
-  _export({
-    FormAction: FormAction,
-    SubmitAction: SubmitAction,
-    CancelAction: CancelAction,
-    SubmitButton: SubmitButton,
-    FormGroup: FormGroup,
-    default: Form,
-    FormLayout: FormLayout
-  });
+  _export("default", Form);
   return {
     setters: [function (_tslib) {
       __rest = _tslib.__rest;
+    }, function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
     }, function (_webAtomsCoreDistCoreXNode) {
       XNode = _webAtomsCoreDistCoreXNode.default;
-    }, function (_webAtomsCoreDistStyleStyleRule) {
-      StyleRule = _webAtomsCoreDistStyleStyleRule.default;
-    }, function (_webAtomsCoreDistWebStylesCSS) {
-      CSS = _webAtomsCoreDistWebStylesCSS.default;
-    }, function (_ToggleButtonBar) {
-      ToggleButtonBar = _ToggleButtonBar.default;
+    }, function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
     }],
     execute: function () {
-      _export("FormButtonBar", FormButtonBar = ToggleButtonBar);
-      css = CSS(StyleRule().verticalFlexLayout({
-        alignItems: "stretch"
-      }).displayNone(" .field-error:empty").displayNone(":not([data-wa-show-errors=yes]) .field-error:not(:empty)").child(StyleRule("button").alignSelf("flex-start")).and(StyleRule("[data-scrollable=true]").justifyContent("flex-start").overflow("auto")), "*[data-wa-form=wa-form]");
-      submitFormHandler = form => {
-        if (!form.dataset.waShowErrors) {
-          form.dataset.waShowErrors = "yes";
-        }
-        setTimeout(() => {
-          var _a, _b;
-          const all = Array.from(form.getElementsByClassName("field-error"));
-          for (const iterator of all) {
-            if (iterator.textContent) {
-              alert((_b = (_a = form.dataset) === null || _a === void 0 ? void 0 : _a.errorMessage) !== null && _b !== void 0 ? _b : "Please fix all validations");
-              return;
-            }
-          }
-          form.dispatchEvent(new CustomEvent("submitForm"));
-        }, 100);
-      };
-      checkValidity = handler => e => {
-        const form = e.currentTarget;
-        const {
-          button,
-          action
-        } = findSubmitAction(e);
-        if (!button) {
-          return;
+      styled.css`
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacing, 5px);
+
+    &[data-valid=true] {
+        & .field-error:not(:empty) {
+            display: none;
         }
-        if (handler) {
-          submitFormHandler(form);
-          return;
+        & > .error-message {
+            display: none;
         }
-        if (action === "cancel") {
-          form.dataset.waShowErrors = "";
+    }
+
+    & > .error-message {
+        padding: var(--spacing-small, 2px);
+        padding-left: var(--spacing-large, 10px);
+        padding-right: var(--spacing-large, 10px);
+        background-color: red;
+        border-radius: 9999px;
+        color: white;
+        position: sticky;
+    }
+`.installGlobal("[data-form=form]");
+      checkClick = e => {
+        var _a;
+        const form = e.currentTarget;
+        const target = e.target;
+        if (!/submit/i.test((_a = target.type) !== null && _a !== void 0 ? _a : target.getAttribute("data-type"))) {
           return;
         }
-        if (!form.dataset.waShowErrors) {
-          form.dataset.waShowErrors = "yes";
-        }
+        form.setAttribute("data-show-validation", "true");
         setTimeout(() => {
-          var _a, _b;
           const all = Array.from(form.getElementsByClassName("field-error"));
           for (const iterator of all) {
             if (iterator.textContent) {
-              alert((_b = (_a = form.dataset) === null || _a === void 0 ? void 0 : _a.errorMessage) !== null && _b !== void 0 ? _b : "Please fix all validations");
+              form.setAttribute("data-valid", "false");
               return;
             }
           }
-          button.dispatchEvent(new CustomEvent("submit"));
+          form.setAttribute("data-valid", "true");
+          target.dispatchEvent(new CustomEvent(form.getAttribute("data-submit-event"), {
+            bubbles: true,
+            cancelable: true
+          }));
         }, 100);
       };
-      moveNext = handler => e => {
-        if (!/enter|submit|return/i.test(e.key)) {
-          return;
-        }
-        const element = e.target;
-        if (!element.tagName) {
-          return;
-        }
-        if (handler) {
-          if (/^INPUT$/.test(element.tagName)) {
-            submitFormHandler(e.currentTarget);
+      _export("BindError", BindError = ({
+        value,
+        message = (v, l) => `${l} is invalid`,
+        isValid = (v, e) => !!v
+      }) => {
+        function f2(sender, element) {
+          var _a;
+          const isRequired = element.parentElement.querySelector(`[data-required]`);
+          const msg = value.call(this, sender);
+          if (!msg) {
+            if (!isRequired) {
+              return "";
+            }
           }
-          return;
-        }
-        if (element.dataset.waFormAction === "submit") {
-          element.dispatchEvent(new MouseEvent("click"));
-          return;
-        }
-        if (/input/i.test(element.tagName)) {
-          e.preventDefault();
-          element.dispatchEvent(new KeyboardEvent("keypress", {
-            key: "tab"
-          }));
-        }
-      };
-      document.body.addEventListener("click", e => {
-        let start = e.target;
-        let id;
-        while (start) {
-          id = start.dataset.submitFormId;
-          if (id) {
-            break;
+          if (isValid(msg, element)) {
+            return "";
           }
-          start = start.parentElement;
+          return message(msg, ((_a = element.parentElement.querySelector(`[data-element=label]`)) === null || _a === void 0 ? void 0 : _a.textContent) || "This field ");
         }
-        if (!start) {
-          return;
-        }
-        const form = document.body.querySelector(`[data-form-id="${id}"]`);
-        submitFormHandler(form);
+        ;
+        f2.toString = () => value.toString();
+        return Bind.oneWay(f2);
       });
-      formId = 0;
-      formGroupSymbol = Symbol("formGroup");
-      CSS(StyleRule().display("grid").alignSelf("stretch").justifyContent("stretch").flex("1 1 100%").gridTemplateRows("auto 1fr auto").gridTemplateColumns("1fr").child(StyleRule("[data-element=header]").gridRowStart("1")).child(StyleRule("[data-element=content]").gridRowStart("2").overflow("auto").child(StyleRule("div").verticalFlexLayout({
-        alignItems: "stretch",
-        gap: 10
-      }))).child(StyleRule("[data-element=footer]").gridRowStart("3")), "*[data-form-layout=form-layout]");
-      elementType = Symbol.for("elementType");
-      FormLayout.Footer = ({}, child) => {
-        child[elementType] = "footer";
-        return child;
-      };
-      FormLayout.Header = ({}, child) => {
-        child[elementType] = "header";
-        return child;
-      };
-      Form.newId = () => formId++;
-      Form.submitId = id => ({
-        "data-submit-form-id": id.toString()
+      _export("BindEmailError", BindEmailError = ({
+        value,
+        message = (v, l) => `${l} is not a valid email address`,
+        isValid = (v, e) => /[^\@]+\@[^\@]+\.[^\@]+/i.test(v)
+      }) => {
+        return BindError({
+          value,
+          message,
+          isValid
+        });
       });
     }
   };

package/dist/basic/Form.js.map

@@ -1 +1 @@
-{"version":3,"names":["FormAction","_a","node","action","eventClick","eventClick2","a","__rest","attributes","_b","e","eventSubmit","Object","assign","SubmitAction","CancelAction","SubmitButton","nodes","others","XNode","create","findSubmitAction","button","target","type","preventDefault","submitter","dataset","waFormAction","event","test","parentElement","FormGroup","fg","formGroupSymbol","Form","id","formId","focusNextOnEnter","scrollable","submitCommand","eventKeypress","moveNext","name","checkValidity","fields","iterator","ca","child","children","cha","group","push","eventSubmitForm","FormLayout","header","footer","et","elementType","ha","_c","_d","_export","default","setters","_tslib","_webAtomsCoreDistCoreXNode","_webAtomsCoreDistStyleStyleRule","StyleRule","_webAtomsCoreDistWebStylesCSS","CSS","_ToggleButtonBar","ToggleButtonBar","execute","FormButtonBar","css","verticalFlexLayout","alignItems","displayNone","alignSelf","and","justifyContent","overflow","submitFormHandler","form","waShowErrors","setTimeout","all","Array","from","getElementsByClassName","textContent","alert","errorMessage","dispatchEvent","CustomEvent","handler","currentTarget","key","element","tagName","MouseEvent","KeyboardEvent","document","body","addEventListener","start","submitFormId","querySelector","Symbol","display","flex","gridTemplateRows","gridTemplateColumns","gridRowStart","gap","for","Footer","Header","newId","submitId","toString"],"sources":["../../src/basic/Form.tsx"],"sourcesContent":[null],"mappings":"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"}
+{"version":3,"names":["Form","_a","nodes","submitEvent","showValidation","errorMessage","a","__rest","XNode","create","Object","assign","checkClick","class","text","_export","setters","_tslib","Bind","_webAtomsCoreDistCoreBind","default","_webAtomsCoreDistCoreXNode","_webAtomsCoreDistStyleStyled","styled","execute","css","installGlobal","e","form","currentTarget","target","test","type","getAttribute","setAttribute","setTimeout","all","Array","from","getElementsByClassName","iterator","textContent","dispatchEvent","CustomEvent","bubbles","cancelable","BindError","value","message","v","l","isValid","f2","sender","element","isRequired","parentElement","querySelector","msg","call","toString","oneWay","BindEmailError"],"sources":["../../src/basic/Form.tsx"],"sourcesContent":[null],"mappings":"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"}

package/dist/basic/FormField.d.ts

@@ -1,4 +1,5 @@
 import XNode from "@web-atoms/core/dist/core/XNode";
+import "./styles/form-field-style";
 export interface IFormField {
     label: string | XNode;
     required?: boolean;

package/dist/basic/FormField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../src/basic/FormField.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,iCAAiC,CAAC;AAOpD,MAAM,WAAW,UAAU;IACvB,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAmLD,MAAM,CAAC,OAAO,UAAU,SAAS,CAC7B,EACI,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAmC,EACnC,IAAI,EACJ,cAAc,EACd,SAAS,EACT,MAAc,EACd,GAAI,MAAM,EACb,EAAE,UAAU,EACb,IAAI,EAAE,KAAK,OA+Dd;AAED,wBAAgB,mBAAmB,CAC/B,EACI,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAmC,EACnC,IAAI,EACJ,cAAc,EACd,SAAS,EACT,MAAc,EACd,GAAI,MAAM,EACb,EAAE,UAAU,EACb,IAAI,EAAE,KAAK,OAsDd"}
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../src/basic/FormField.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,iCAAiC,CAAC;AAMpD,OAAO,2BAA2B,CAAC;AAEnC,MAAM,WAAW,UAAU;IACvB,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AA8DD,MAAM,CAAC,OAAO,UAAU,SAAS,CAC7B,EACI,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAmC,EACnC,IAAI,EACJ,cAAc,EACd,SAAS,EACT,MAAc,EACd,GAAI,MAAM,EACb,EAAE,UAAU,EACb,IAAI,EAAE,KAAK,OA+Dd;AAED,wBAAgB,mBAAmB,CAC/B,EACI,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAmC,EACnC,IAAI,EACJ,cAAc,EACd,SAAS,EACT,MAAc,EACd,GAAI,MAAM,EACb,EAAE,UAAU,EACb,IAAI,EAAE,KAAK,OAsDd"}