@web-atoms/web-controls 2.3.108 → 2.3.110

package/dist/basic/DropDown.js.map

@@ -1 +1 @@
-{"version":3,"names":["DropDown","_export","setters","_tslib","BindableProperty","_webAtomsCoreDistCoreBindableProperty","_webAtomsCoreDistCoreXNode","XNode","default","_webAtomsCoreDistStyleStyleRule","StyleRule","_webAtomsCoreDistWebStylesCSS","CSS","_AtomRepeater","AtomRepeater","askSuggestion","askSuggestionPopup","disposeChildren","MatchAnyCaseInsensitive","execute","flexLayout","inline","justifyContent","nested","whiteSpace","constructor","isPopupOpen","updateItems","container","onPropertyChanged","name","itemRenderer","item","create","text","labelPath","updateClasses","preCreate","disableSearch","prompt","popupSuggestions","bindEvent","element","e","openPopup","valuePath","_a","value","label","dataset","dropDown","render","class","selected","items","suggestionRenderer","_b","match","title","_c","suggestionPrompt","selectedItem","_d","_e","dispatchEvent","CustomEvent","bubbles","detail","cancelable","ir","index","indexOf","node","na","attributes","__decorate"],"sources":["../../src/basic/DropDown.tsx"],"sourcesContent":[null],"mappings":"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"}
+{"version":3,"names":["DropDown","_export","setters","_tslib","BindableProperty","_webAtomsCoreDistCoreBindableProperty","_webAtomsCoreDistCoreXNode","XNode","default","_AtomRepeater","AtomRepeater","askSuggestion","askSuggestionPopup","disposeChildren","MatchAnyCaseInsensitive","_stylesDropDownStyle","execute","constructor","isPopupOpen","updateItems","container","onPropertyChanged","name","itemRenderer","item","create","text","labelPath","updateClasses","preCreate","disableSearch","prompt","popupSuggestions","bindEvent","element","e","openPopup","valuePath","_a","value","label","dataset","dropDown","render","class","selected","items","suggestionRenderer","_b","match","title","_c","suggestionPrompt","selectedItem","_d","_e","dispatchEvent","CustomEvent","bubbles","detail","cancelable","ir","index","indexOf","node","na","attributes","__decorate"],"sources":["../../src/basic/DropDown.tsx"],"sourcesContent":[null],"mappings":"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"}

package/dist/basic/Expander.d.ts

@@ -1,4 +1,5 @@
 import XNode from "@web-atoms/core/dist/core/XNode";
+import "./styles/expander-style";
 export interface IExpander {
     icon?: string | string[];
     isExpanded: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"Expander.d.ts","sourceRoot":"","sources":["../../src/basic/Expander.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,iCAAiC,CAAC;AAKpD,MAAM,WAAW,SAAS;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,UAAU,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,KAAK,GAAG,CAAC;IAC3C,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,KAAK,GAAG,CAAC;IAC5C,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAsGD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAC5B,EACI,IAAI,EACJ,UAAU,EACV,GAAI,CAAC,EACR,EAAE,SAAS,EACZ,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,OAsB/B;AAmED,wBAAgB,YAAY,CAAC,EACrB,IAAI,EACJ,UAAU,EACV,GAAI,CAAC,EACR,EAAE,SAAS,EACZ,MAAM,EAAE,KAAK,EAAE,GAAI,OAAO,EAAE,KAAK,EAAE,OA0BtC"}
+{"version":3,"file":"Expander.d.ts","sourceRoot":"","sources":["../../src/basic/Expander.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,iCAAiC,CAAC;AAKpD,OAAO,yBAAyB,CAAC;AAEjC,MAAM,WAAW,SAAS;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,UAAU,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,KAAK,GAAG,CAAC;IAC3C,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,KAAK,GAAG,CAAC;IAC5C,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAoDD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAC5B,EACI,IAAI,EACJ,UAAU,EACV,GAAI,CAAC,EACR,EAAE,SAAS,EACZ,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,OAsB/B;AAED,wBAAgB,YAAY,CAAC,EACrB,IAAI,EACJ,UAAU,EACV,GAAI,CAAC,EACR,EAAE,SAAS,EACZ,MAAM,EAAE,KAAK,EAAE,GAAI,OAAO,EAAE,KAAK,EAAE,OA0BtC"}

package/dist/basic/Expander.js

@@ -1,7 +1,7 @@
-System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/styles/CSS"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/core/dist/core/XNode", "./styles/expander-style"], function (_export, _context) {
   "use strict";
 
-  var __rest, XNode, StyleRule, CSS;
+  var __rest, XNode;
   function Expander(_a, header, detail) {
     var _b, _c;
     var {
@@ -67,13 +67,8 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
       __rest = _tslib.__rest;
     }, function (_webAtomsCoreDistCoreXNode) {
       XNode = _webAtomsCoreDistCoreXNode.default;
-    }, function (_webAtomsCoreDistStyleStyleRule) {
-      StyleRule = _webAtomsCoreDistStyleStyleRule.default;
-    }, function (_webAtomsCoreDistWebStylesCSS) {
-      CSS = _webAtomsCoreDistWebStylesCSS.default;
-    }],
+    }, function (_stylesExpanderStyle) {}],
     execute: function () {
-      CSS(StyleRule().display("grid").gridTemplateRows("auto 1fr").gridTemplateColumns("auto 1fr auto").alignItems("center").child(StyleRule("[data-element=icon]").gridColumnStart("1").gridRowStart("1").padding(5).marginRight(5).alignSelf("center").justifySelf("center")).child(StyleRule("[data-element=header]").gridRowStart("1").gridColumnStart("2")).child(StyleRule("[data-element=caret]").gridRowStart("1").gridColumnStart("3").padding(5).marginLeft(5)).child(StyleRule("[data-element=detail]").gridRowStart("2").gridColumnStart("1").gridColumnEnd("span 3").marginTop(5)).and(StyleRule("[data-is-expanded=true]").child(StyleRule("[data-element=caret]").overflow("hidden").transform("rotate(-180deg)").transition("transform 150ms ease").transformOrigin("center center"))).and(StyleRule("[data-is-expanded=false]").child(StyleRule("[data-element=caret]").overflow("hidden").transform("rotate(-360deg)").transformOrigin("center center").transition("transform 150ms ease")).child(StyleRule("*[data-element=detail]").display("none"))), "*[data-is-expander=expander]");
       document.body.addEventListener("click", e => {
         var _a;
         if (e.defaultPrevented) {
@@ -127,7 +122,6 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
         const target = ce.target;
         target.dataset.isExpanded = "false";
       });
-      CSS(StyleRule().display("grid").gridTemplateColumns("auto auto 1fr auto").alignItems("center").gap(0).child(StyleRule("[data-element=icon]").gridColumnStart("1").gridColumnEnd("span 2").gridRowStart("1").padding(5).alignSelf("center").justifySelf("center")).child(StyleRule("[data-element=header]").gridRowStart("1").gridColumnStart("3")).child(StyleRule("[data-element=caret]").gridRowStart("1").gridColumnStart("4").padding(5).marginLeft(5)).child(StyleRule("[data-element=detail]").gridRowStart("2").gridColumnStart("2").gridColumnEnd("span 3").paddingLeft(20).paddingTop(5).borderLeftStyle("solid").borderLeftWidth(1).borderLeftColor("var(--border-color, lightgray)").borderTopLeftRadius(0).borderBottomLeftRadius(0).borderBottomWidth(0).borderTopWidth(0).marginTop(0).marginBottom(0).and(StyleRule("[data-selected=true]").fontWeight("bold").borderLeftColor("var(--accent-color, darkgray)").borderLeftWidth("medium"))).and(StyleRule("[data-is-expanded=true]").child(StyleRule("[data-element=caret]").overflow("hidden").transform("rotate(-180deg)").transition("transform 150ms ease").transformOrigin("center center"))).and(StyleRule("[data-is-expanded=false]").child(StyleRule("[data-element=caret]").overflow("hidden").transform("rotate(-360deg)").transformOrigin("center center").transition("transform 150ms ease")).child(StyleRule("*[data-element=detail]").display("none"))), "*[data-is-expander=menu]");
     }
   };
 });

package/dist/basic/Expander.js.map

@@ -1 +1 @@
-{"version":3,"names":["Expander","_a","header","detail","icon","isExpanded","a","__rest","Error","ha","_b","attributes","da","_c","iconElement","Array","isArray","map","i","XNode","create","class","Object","assign","ExpanderMenu","details","length","iterator","ia","toString","_export","default","setters","_tslib","_webAtomsCoreDistCoreXNode","_webAtomsCoreDistStyleStyleRule","StyleRule","_webAtomsCoreDistWebStylesCSS","CSS","execute","display","gridTemplateRows","gridTemplateColumns","alignItems","child","gridColumnStart","gridRowStart","padding","marginRight","alignSelf","justifySelf","marginLeft","gridColumnEnd","marginTop","and","overflow","transform","transition","transformOrigin","document","body","addEventListener","e","defaultPrevented","start","target","test","dataset","element","parentElement","isExpander","ds","preventDefault","stopImmediatePropagation","dispatchEvent","CustomEvent","bubbles","cancelable","capture","ce","gap","paddingLeft","paddingTop","borderLeftStyle","borderLeftWidth","borderLeftColor","borderTopLeftRadius","borderBottomLeftRadius","borderBottomWidth","borderTopWidth","marginBottom","fontWeight"],"sources":["../../src/basic/Expander.tsx"],"sourcesContent":[null],"mappings":";;;;EAmHc,SAAUA,QAAQA,CAC5BC,EAIY,EACZC,MAAa,EAAEC,MAAa;;QAL5B;QACIC,IAAI;QACJC;MAAU,IAAAJ,EAEF;MADJK,CAAC,GAAAC,MAAA,CAAAN,EAAA,EAHT,sBAIC,CADQ;IAGT,IAAI,CAACE,MAAM,EAAE;MACT,MAAM,IAAIK,KAAK,CAAC,+DAA+D,CAAC;;IAEpF,MAAMC,EAAE,IAAAC,EAAA,GAAGR,MAAM,CAACS,UAAU,cAAAD,EAAA,cAAAA,EAAA,GAAjBR,MAAM,CAACS,UAAU,GAAK,EAAE;IACnC,MAAMC,EAAE,IAAAC,EAAA,GAAGV,MAAM,CAACQ,UAAU,cAAAE,EAAA,cAAAA,EAAA,GAAjBV,MAAM,CAACQ,UAAU,GAAK,EAAE;IACnCF,EAAE,CAAC,cAAc,CAAC,GAAG,QAAQ;IAC7BG,EAAE,CAAC,cAAc,CAAC,GAAG,QAAQ;IAC7B,MAAME,WAAW,GAAG,CAACV,IAAI,GACnB,EAAE,GACF,CAAEW,KAAK,CAACC,OAAO,CAACZ,IAAI,CAAC,GACjBA,IAAI,GACJ,CAACA,IAAI,CAAC,EAAGa,GAAG,CAAEC,CAAC,IAAKC,KAAA,CAAAC,MAAA;MAAA,gBAAgB,MAAM;MAACC,KAAK,EAAEH;IAAC,EAAG,CAAC;IACjE,OAAOC,KAAA,CAAAC,MAAA,QAAAE,MAAA,CAAAC,MAAA;MAAA,oBACgB,UAAU;MAAA,oBACXlB;IAAU,GACvBC,CAAC,G,GACAQ,WAAW,EACfZ,MAAM,EACNiB,KAAA,CAAAC,MAAA;MAAA,gBAAgB,OAAO;MAACC,KAAK,EAAC;IAAmB,EAAE,EACnDlB,MAAM,CACN;EACV;EAmEM,SAAUqB,YAAYA,CAACvB,EAIb,EACZC,MAAa,EAAE,GAAIuB,OAAgB;;QALV;QACrBrB,IAAI;QACJC;MAAU,IAAAJ,EAEF;MADJK,CAAC,GAAAC,MAAA,CAAAN,EAAA,EAHgB,sBAIxB,CADQ;IAGT,IAAIwB,OAAO,CAACC,MAAM,KAAK,CAAC,EAAE;MACtB,MAAM,IAAIlB,KAAK,CAAC,+DAA+D,CAAC;;IAEpF,MAAMC,EAAE,IAAAC,EAAA,GAAGR,MAAM,CAACS,UAAU,cAAAD,EAAA,cAAAA,EAAA,GAAjBR,MAAM,CAACS,UAAU,GAAK,EAAE;IACnCF,EAAE,CAAC,cAAc,CAAC,GAAG,QAAQ;IAC7B,IAAIS,CAAC,GAAG,CAAC;IACT,KAAK,MAAMS,QAAQ,IAAIF,OAAO,EAAE;MAC5B,MAAMG,EAAE,GAAG,CAAAf,EAAA,GAACc,QAAQ,CAAChB,UAAU,cAAAE,EAAA,cAAAA,EAAA,GAAnBc,QAAQ,CAAChB,UAAU,GAAK,EAAG;MACvCiB,EAAE,CAAC,cAAc,CAAC,GAAG,QAAQ;MAC7BA,EAAE,CAAC,sBAAsB,CAAC,GAAG,CAACV,CAAC,EAAE,EAAEW,QAAQ,EAAE;;IAEjD,MAAMf,WAAW,GAAG,CAACV,IAAI,GACnB,EAAE,GACF,CAAEW,KAAK,CAACC,OAAO,CAACZ,IAAI,CAAC,GACjBA,IAAI,GACJ,CAACA,IAAI,CAAC,EAAGa,GAAG,CAAEC,CAAC,IAAKC,KAAA,CAAAC,MAAA;MAAA,gBAAgB,MAAM;MAACC,KAAK,EAAEH;IAAC,EAAG,CAAC;IACjE,OAAOC,KAAA,CAAAC,MAAA,QAAAE,MAAA,CAAAC,MAAA;MAAA,oBACgB,MAAM;MAAA,oBACPlB;IAAU,GACvBC,CAAC,G,GACAQ,WAAW,EACfZ,MAAM,EACNiB,KAAA,CAAAC,MAAA;MAAA,gBAAgB,OAAO;MAACC,KAAK,EAAC;IAAmB,EAAE,E,GAC/CI,OAAO,CACX;EACV;EAACK,OAAA;IAAAC,OAAA,EA9HuB/B,QAAQ;IAAAwB,YAAA,EA+FhBA;EAAY;EAAA;IAAAQ,OAAA,aAAAC,MAAA;;;MAhNrBd,KAAK,GAAAe,0BAAA,CAAAH,OAAA;IAAA,aAAAI,+BAAA;MACLC,SAAS,GAAAD,+BAAA,CAAAJ,OAAA;IAAA,aAAAM,6BAAA;MAETC,GAAG,GAAAD,6BAAA,CAAAN,OAAA;IAAA;IAAAQ,OAAA,WAAAA,CAAA;MAUVD,GAAG,CAACF,SAAS,EAAE,CACVI,OAAO,CAAC,MAAM,CAAC,CACfC,gBAAgB,CAAC,UAAU,CAAC,CAC5BC,mBAAmB,CAAC,eAAe,CAAC,CACpCC,UAAU,CAAC,QAAQ,CAAC,CACpBC,KAAK,CAACR,SAAS,CAAC,qBAAqB,CAAC,CAClCS,eAAe,CAAC,GAAG,CAAC,CACpBC,YAAY,CAAC,GAAG,CAAC,CACjBC,OAAO,CAAC,CAAC,CAAC,CACVC,WAAW,CAAC,CAAC,CAAC,CACdC,SAAS,CAAC,QAAQ,CAAC,CACnBC,WAAW,CAAC,QAAQ,CAAC,CACzB,CACAN,KAAK,CAACR,SAAS,CAAC,uBAAuB,CAAC,CACpCU,YAAY,CAAC,GAAG,CAAC,CACjBD,eAAe,CAAC,GAAG,CAAC,CACxB,CACAD,KAAK,CAACR,SAAS,CAAC,sBAAsB,CAAC,CACnCU,YAAY,CAAC,GAAG,CAAC,CACjBD,eAAe,CAAC,GAAG,CAAC,CACpBE,OAAO,CAAC,CAAC,CAAC,CACVI,UAAU,CAAC,CAAC,CAAC,CACjB,CACAP,KAAK,CAACR,SAAS,CAAC,uBAAuB,CAAC,CACpCU,YAAY,CAAC,GAAG,CAAC,CACjBD,eAAe,CAAC,GAAG,CAAC,CACpBO,aAAa,CAAC,QAAQ,CAAC,CACvBC,SAAS,CAAC,CAAC,CAAC,CAChB,CACAC,GAAG,CAAClB,SAAS,CAAC,yBAAyB,CAAC,CACpCQ,KAAK,CAACR,SAAS,CAAC,sBAAsB,CAAC,CACnCmB,QAAQ,CAAC,QAAQ,CAAC,CAClBC,SAAS,CAAC,iBAAwB,CAAC,CACnCC,UAAU,CAAC,sBAAsB,CAAC,CAClCC,eAAe,CAAC,eAAe,CAAC,CACpC,CACJ,CACAJ,GAAG,CAAClB,SAAS,CAAC,0BAA0B,CAAC,CACrCQ,KAAK,CAACR,SAAS,CAAC,sBAAsB,CAAC,CACnCmB,QAAQ,CAAC,QAAQ,CAAC,CAClBC,SAAS,CAAC,iBAAwB,CAAC,CACnCE,eAAe,CAAC,eAAe,CAAC,CAChCD,UAAU,CAAC,sBAAsB,CAAC,CACtC,CACAb,KAAK,CAACR,SAAS,CAAC,wBAAwB,CAAC,CACrCI,OAAO,CAAC,MAAM,CAAC,CACnB,CACJ,EACH,8BAA8B,CAAC;MAEjCmB,QAAQ,CAACC,IAAI,CAACC,gBAAgB,CAAC,OAAO,EAAGC,CAAa,IAAI;;QACtD,IAAIA,CAAC,CAACC,gBAAgB,EAAE;UACpB;;QAEJ,IAAIC,KAAK,GAAGF,CAAC,CAACG,MAAqB;QACnC,OAAOD,KAAK,EAAE;UACV,IAAI,mBAAmB,CAACE,IAAI,CAACF,KAAK,CAACG,OAAO,CAACC,OAAO,CAAC,EAAE;YACjD;;UAEJJ,KAAK,GAAGA,KAAK,CAACK,aAAa;;QAE/BL,KAAK,GAAGA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEK,aAAa;QAC5B,IAAI,CAACL,KAAK,EAAE;UACR;;QAEJ,MAAMM,UAAU,GAAG,CAAArE,EAAA,GAAA+D,KAAK,CAACG,OAAO,cAAAlE,EAAA,uBAAAA,EAAA,CAAEqE,UAAU;QAC5C,IAAI,CAAC,oBAAoB,CAACJ,IAAI,CAACI,UAAU,CAAC,EAAE;UACxC;;QAGJ,MAAMC,EAAE,GAAGP,KAAK,CAACG,OAAO;QACxB,IAAI,OAAO,CAACD,IAAI,CAACI,UAAU,CAAC,EAAE;UAC1BR,CAAC,CAACU,cAAc,EAAE;UAClBV,CAAC,CAACW,wBAAwB,EAAE;;QAGhC,IAAIF,EAAE,CAAClE,UAAU,KAAK,OAAO,EAAE;UAC3B2D,KAAK,CAACU,aAAa,CAAC,IAAIC,WAAW,CAAC,UAAU,EAAE;YAAEC,OAAO,EAAE,IAAI;YAAEC,UAAU,EAAE;UAAI,CAAE,CAAC,CAAC;SACxF,MAAM;UACHb,KAAK,CAACU,aAAa,CAAC,IAAIC,WAAW,CAAC,WAAW,EAAE;YAAEC,OAAO,EAAE,IAAI;YAAEC,UAAU,EAAE;UAAI,CAAE,CAAC,CAAC;;MAG9F,CAAC,EAAE;QAAEC,OAAO,EAAE;MAAI,CAAE,CAAC;MAErBnB,QAAQ,CAACC,IAAI,CAACC,gBAAgB,CAAC,UAAU,EAAGkB,EAAE,IAAI;QAC9C,IAAIA,EAAE,CAAChB,gBAAgB,EAAE;UACrB;;QAEJ,MAAME,MAAM,GAAGc,EAAE,CAACd,MAAqB;QACvCA,MAAM,CAACE,OAAO,CAAC9D,UAAU,GAAG,MAAM;MACtC,CAAC,CAAC;MAEFsD,QAAQ,CAACC,IAAI,CAACC,gBAAgB,CAAC,WAAW,EAAGkB,EAAE,IAAI;QAC/C,IAAIA,EAAE,CAAChB,gBAAgB,EAAE;UACrB;;QAEJ,MAAME,MAAM,GAAGc,EAAE,CAACd,MAAqB;QACvCA,MAAM,CAACE,OAAO,CAAC9D,UAAU,GAAG,OAAO;MACvC,CAAC,CAAC;MAgCFiC,GAAG,CAACF,SAAS,EAAE,CACVI,OAAO,CAAC,MAAM,CAAC,CACfE,mBAAmB,CAAC,oBAAoB,CAAC,CACzCC,UAAU,CAAC,QAAQ,CAAC,CACpBqC,GAAG,CAAC,CAAC,CAAC,CACNpC,KAAK,CAACR,SAAS,CAAC,qBAAqB,CAAC,CAClCS,eAAe,CAAC,GAAG,CAAC,CACpBO,aAAa,CAAC,QAAQ,CAAC,CACvBN,YAAY,CAAC,GAAG,CAAC,CACjBC,OAAO,CAAC,CAAC,CAAC,CACVE,SAAS,CAAC,QAAQ,CAAC,CACnBC,WAAW,CAAC,QAAQ,CAAC,CACzB,CACAN,KAAK,CAACR,SAAS,CAAC,uBAAuB,CAAC,CACpCU,YAAY,CAAC,GAAG,CAAC,CACjBD,eAAe,CAAC,GAAG,CAAC,CACxB,CACAD,KAAK,CAACR,SAAS,CAAC,sBAAsB,CAAC,CACnCU,YAAY,CAAC,GAAG,CAAC,CACjBD,eAAe,CAAC,GAAG,CAAC,CACpBE,OAAO,CAAC,CAAC,CAAC,CACVI,UAAU,CAAC,CAAC,CAAC,CACjB,CACAP,KAAK,CAACR,SAAS,CAAC,uBAAuB,CAAC,CACpCU,YAAY,CAAC,GAAG,CAAC,CACjBD,eAAe,CAAC,GAAG,CAAC,CACpBO,aAAa,CAAC,QAAQ,CAAC,CACvB6B,WAAW,CAAC,EAAE,CAAC,CACfC,UAAU,CAAC,CAAC,CAAC,CACbC,eAAe,CAAC,OAAO,CAAC,CACxBC,eAAe,CAAC,CAAC,CAAC,CAClBC,eAAe,CAAC,gCAAgC,CAAC,CACjDC,mBAAmB,CAAC,CAAC,CAAC,CACtBC,sBAAsB,CAAC,CAAC,CAAC,CACzBC,iBAAiB,CAAC,CAAC,CAAC,CACpBC,cAAc,CAAC,CAAC,CAAC,CACjBpC,SAAS,CAAC,CAAC,CAAC,CACZqC,YAAY,CAAC,CAAC,CAAC,CACfpC,GAAG,CAAClB,SAAS,CAAC,sBAAsB,CAAC,CACjCuD,UAAU,CAAC,MAAM,CAAC,CAClBN,eAAe,CAAC,+BAA+B,CAAC,CAChDD,eAAe,CAAC,QAAQ,CAAC,CAC7B,CACJ,CACA9B,GAAG,CAAClB,SAAS,CAAC,yBAAyB,CAAC,CACpCQ,KAAK,CAACR,SAAS,CAAC,sBAAsB,CAAC,CACnCmB,QAAQ,CAAC,QAAQ,CAAC,CAClBC,SAAS,CAAC,iBAAwB,CAAC,CACnCC,UAAU,CAAC,sBAAsB,CAAC,CAClCC,eAAe,CAAC,eAAe,CAAC,CACpC,CACJ,CACAJ,GAAG,CAAClB,SAAS,CAAC,0BAA0B,CAAC,CACrCQ,KAAK,CAACR,SAAS,CAAC,sBAAsB,CAAC,CACnCmB,QAAQ,CAAC,QAAQ,CAAC,CAClBC,SAAS,CAAC,iBAAwB,CAAC,CACnCE,eAAe,CAAC,eAAe,CAAC,CAChCD,UAAU,CAAC,sBAAsB,CAAC,CACtC,CACAb,KAAK,CAACR,SAAS,CAAC,wBAAwB,CAAC,CACrCI,OAAO,CAAC,MAAM,CAAC,CACnB,CACJ,EACH,0BAA0B,CAAC;IAAC;EAAA;AAAA"}
+{"version":3,"names":["Expander","_a","header","detail","icon","isExpanded","a","__rest","Error","ha","_b","attributes","da","_c","iconElement","Array","isArray","map","i","XNode","create","class","Object","assign","ExpanderMenu","details","length","iterator","ia","toString","_export","default","setters","_tslib","_webAtomsCoreDistCoreXNode","_stylesExpanderStyle","execute","document","body","addEventListener","e","defaultPrevented","start","target","test","dataset","element","parentElement","isExpander","ds","preventDefault","stopImmediatePropagation","dispatchEvent","CustomEvent","bubbles","cancelable","capture","ce"],"sources":["../../src/basic/Expander.tsx"],"sourcesContent":[null],"mappings":"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"}

package/dist/basic/Form.d.ts

@@ -1,79 +1,35 @@
-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;
+export interface IForm2 {
     /**
-     * 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;
-    [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;
-}
+    "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;
+}
+export default function Form({ "data-submit-event": submitEvent, "data-show-validation": showValidation, "data-error-message": errorMessage, ...a }: IForm2, ...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,MAAM;IACnB;;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;CACzB;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,MAAM,EAAE,GAAI,KAAK,EAAE,KAAK,EAAE,OAY5B;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
+        });
       });
     }
   };