@web-atoms/web-controls 2.3.109 → 2.3.111

package/src/player/AtomVideoPlayer.tsx

@@ -8,151 +8,167 @@ import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
 import { ChildEnumerator } from "@web-atoms/core/dist/web/core/AtomUI";
 import CSS from "@web-atoms/core/dist/web/styles/CSS";
 import { installInputRangeStyle } from "./input-range-style";
+import styled from "@web-atoms/core/dist/style/styled";
 
 // check if it is a mobile..
 const isTouchEnabled = /android|iPhone|iPad/i.test(navigator.userAgent);
 
-CSS(StyleRule()
-    .display("grid")
-    .gridTemplateRows("auto 1fr auto")
-    .gridTemplateColumns("auto 1fr auto")
-    .backgroundColor(Colors.black)
-    .child(StyleRule("[data-element=video]")
-        .gridRowStart("1")
-        .gridRowEnd("span 3")
-        .gridColumnStart("1")
-        .gridColumnEnd("span 3")
-        .alignSelf("stretch")
-        .justifySelf("stretch")
-    )
-    .child(StyleRule("[data-element=play-element]")
-        .zIndex("10")
-        .gridRowStart("1")
-        .gridRowEnd("span 3")
-        .gridColumnStart("1")
-        .gridColumnEnd("span 3")
-        .alignSelf("center")
-        .justifySelf("center")
-        .flexLayout({ justifyContent: "center"})
-        .child(StyleRule("button.play")
-            .display("inline-flex")
-            .alignItems("center")
-            .justifyContent("center")
-            .color(Colors.white)
-            .backgroundColor(Colors.blue)
-            .borderRadius(9999)
-            .fontSize(25)
-            .padding(10)
-            .width(50)
-            .height(50)
-            .textAlign("center")
-            .verticalAlign("middle")
-            .child(StyleRule("i")
-                .marginLeft(4)
-            )
-        )
-    )
-    .child(StyleRule("[data-element=progress]")
-        .zIndex("11")
-        .gridRowStart("2")
-        .gridColumnStart("1")
-        .gridColumnEnd("span 3")
-        .alignSelf("flex-end")
-        .height( isTouchEnabled ? 50 : 15)
-        .paddingTop(isTouchEnabled ? 20 : 5)
-        .paddingBottom(isTouchEnabled ? 20 : 5)
-        .justifySelf("stretch" as any)
-        .backgroundColor(Colors.black.withAlphaPercent(0.3))
-        .width("100%")
-        .cursor("pointer")
-    )
-    .child(StyleRule("[data-element=toolbar]")
-        .zIndex("10")
-        .gridRowStart("3")
-        .gridColumnStart("1")
-        .gridColumnEnd("span 3")
-        .backgroundColor(Colors.black.withAlphaPercent(0.3))
-        .color(Colors.white)
-        .flexLayout({
-            justifyContent: "flex-start"
-        })
-        .child(StyleRule("*")
-            .minWidth(20)
-            .marginLeft(5)
-            .padding(5)
-        )
-        .child(StyleRule("[data-style=button]")
-            .width(30)
-            .height(30)
-            .padding(5)
-        )
-        .child(StyleRule("[data-font-size=small]")
-            .fontSize("x-small")
-        )
-        .child(StyleRule("[data-element=volume-range]")
-            .height(2)
-            .color(Colors.green)
-            .boxShadow("none")
-            .border("none")
-            .focus(StyleRule()
-                .boxShadow("none")
-                .border("none")
-            )
-        )
-        .child(StyleRule("[data-element=full-screen]")
-            .marginLeft("auto")
-        )
-    )
-    .and(StyleRule("[data-controls=true]")
-        .child(StyleRule("[data-element=toolbar]")
-            .display("flex")
-        )
-        .child(StyleRule("[data-element=progress]")
-            .display("flex")
-        )
-    )
-    .and(StyleRule("[data-state=paused]")
-        .child(StyleRule("[data-element=toolbar]")
-            .display("flex")
-        )
-        .child(StyleRule("[data-element=toolbar]")
-            .child(StyleRule("[data-element=pause]")
-                .display("none")
-            )
-        )
-    )
-    .and(StyleRule("[data-state=playing]")
-        .and(StyleRule("[data-controls=false]")
-            .child(StyleRule("[data-element=play-element]")
-                .display("none")
-            )
-            .child(StyleRule("[data-element=toolbar]")
-                .display("none")
-            )
-            .child(StyleRule("[data-element=progress]")
-                .display("none")
-            )
-        )
-    )
-    .and(StyleRule("[data-state=waiting]")
-        .child(StyleRule("[data-element=play-element]")
-            .display("none")
-        )
-        .child(StyleRule("[data-element=toolbar]")
-            .child(StyleRule("[data-element=play]")
-                .display("none")
-            )
-        )
-        .and(StyleRule("[data-controls=false]")
-            .child(StyleRule("[data-element=toolbar]")
-                .display("none")
-            )
-            .child(StyleRule("[data-element=progress]")
-                .display("none")
-            )
-        )
-    )
-, "*[data-video-player=video-player]");
+    styled.css `
+
+    display: grid;
+    grid-template-rows: auto 1fr auto;
+    grid-template-columns: auto 1fr auto;
+    background-color: #000000;
+
+    & > [data-element=video] {
+        grid-row-start: 1;
+        grid-row-end: span 3;
+        grid-column-start: 1;
+        grid-column-end: span 3;
+        align-self: stretch;
+        justify-self: stretch; 
+    }
+    
+    & > [data-element=play-element] {
+        z-index: 10;
+        grid-row-start: 1;
+        grid-row-end: span 3;
+        grid-column-start: 1;
+        grid-column-end: span 3;
+        align-self: center;
+        justify-self: center;
+        flex-direction: row;
+        align-items: center;
+        justify-content: center;
+        gap: 4px;
+        display: flex; 
+
+        & > button.play {
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            color: #ffffff;
+            background-color: #0000ff;
+            border-radius: 9999px;
+            font-size: 25px;
+            padding: 10px;
+            width: 50px;
+            height: 50px;
+            text-align: center;
+            vertical-align: middle; 
+            & > i {
+                margin-left: 4px; 
+            }
+        }
+    }
+
+    & > [data-element=progress] {
+        z-index: 11;
+        grid-row-start: 2;
+        grid-column-start: 1;
+        grid-column-end: span 3;
+        align-self: flex-end;
+        height: 15px;
+        padding-top: 5px;
+        padding-bottom: 5px;
+        justify-self: stretch;
+        background-color: rgba(0,0,0,0.3);
+        width: 100%;
+        cursor: pointer; 
+    }
+    
+    & > [data-element=toolbar] {
+        z-index: 10;
+        grid-row-start: 3;
+        grid-column-start: 1;
+        grid-column-end: span 3;
+        background-color: rgba(0,0,0,0.3);
+        color: #ffffff;
+        flex-direction: row;
+        align-items: center;
+        justify-content: flex-start;
+        gap: 4px;
+        display: flex; 
+
+        & > * {
+            min-width: 20px;
+            margin-left: 5px;
+            padding: 5px; 
+        }
+        
+        & > [data-style=button] {
+            width: 30px;
+            height: 30px;
+            padding: 5px; 
+        }
+        
+        & > [data-font-size=small] {
+            font-size: x-small; 
+        }
+        
+        & > [data-element=volume-range] {
+            height: 2px;
+            color: #008000;
+            box-shadow: none;
+            border: none; 
+        }
+        
+        & > [data-element=volume-range]:focus {
+            box-shadow: none;
+            border: none; 
+        }
+        
+        & > [data-element=full-screen] {
+            margin-left: auto; 
+        }
+                
+    }
+
+    &[data-controls=true] {
+        & > [data-element=toolbar] {
+            display: flex; 
+        }
+        
+        & > [data-element=progress] {
+            display: flex; 
+        }
+    }
+
+    &[data-state=playing] {
+        &[data-controls=false] {
+            & > [data-element=play-element], & > [data-element=progress], & > [data-element=toolbar] {
+                display: none;
+            }
+        }
+    }
+
+    &[data-state=waiting] {
+        &[data-controls=false] {
+            & > [data-element=toolbar], & > [data-element=progress] {
+                display: none;
+            }
+        }
+
+        & > [data-element=toolbar] {
+            & > [data-element=play] {
+                display: none;
+            }
+        }
+
+        & > [data-element=play-element] {
+            display: none;
+        }
+    }
+    
+    &[data-state=paused] {
+        & > [data-element=toolbar] {
+            & > [data-element-pause] {
+                display: none; 
+            }
+        }
+    }
+    
+    `.installGlobal("[data-video-player=video-player]");
 
 const gatherElements = (e: HTMLElement, data = {}) => {
     const ce = ChildEnumerator.enumerate(e);

package/src/toggle-view/AtomToggleView.tsx

@@ -6,6 +6,9 @@ import StyleRule from "@web-atoms/core/dist/style/StyleRule";
 import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
 import CSS from "@web-atoms/core/dist/web/styles/CSS";
 
+import "../basic/styles/toggle-view-style";
+
+
 export interface IToggleView {
     label?: string;
     icon?: string;
@@ -28,59 +31,6 @@ export function ToggleView(
     </div>;
 }
 
-const css = CSS(StyleRule()
-    .flexStretch()
-    .verticalFlexLayout({ alignItems: "stretch"})
-    .overflow("hidden")
-    .child(StyleRule(".toolbar")
-        .flexLayout({ gap: 0})
-        .alignSelf("center")
-        .child(StyleRule(".item")
-            .flexLayout({ inline: true })
-            .border("solid 1px lightgray")
-            .padding(5)
-            .child(StyleRule("label")
-                .whiteSpace("nowrap")
-                .marginBottom(0)
-            )
-            .and(StyleRule(".selected")
-                .backgroundColor(Colors.darkBlue)
-                .color(Colors.white)
-            )
-            .and(StyleRule(":first-child")
-                .borderTopLeftRadius(10)
-                .borderBottomLeftRadius(10)
-            ).and(StyleRule(":last-child")
-                .borderTopRightRadius(10)
-                .borderBottomRightRadius(10)
-            )
-        )
-    )
-    .child(StyleRule(".presenter")
-        .flexStretch()
-        .display("grid")
-        .gridTemplateColumns("1fr")
-        .gridTemplateRows("1fr")
-        .overflow("hidden")
-        .child(StyleRule("*")
-            .gridRowStart("1")
-            .gridColumnStart("1")
-            .transition("transform 0.3s")
-            .overflow("auto")
-            .padding(5)
-        )
-        .child(StyleRule(".left")
-            .transform("translate(-100%, 0)" as any)
-        )
-        .child(StyleRule(".right")
-            .transform("translate(100%, 0)" as any)
-        )
-        .child(StyleRule(".selected")
-            .transform("translate(0, 0)" as any)
-        )
-    )
-, "div[data-wa-toggle-view=wa-toggle-view]");
-
 export default class AtomToggleView extends AtomControl {
 
     @BindableProperty

package/dist/basic/Form2.d.ts

@@ -1,27 +0,0 @@
-import XNode from "@web-atoms/core/dist/core/XNode";
-export interface IForm2 {
-    /**
-     * The event that will be dispatched, default is `submitForm`
-     */
-    "data-submit-event"?: string;
-    /**
-     * 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.
-     */
-    "data-show-validation"?: "true" | "false";
-    /**
-     * Default error message to be displayed if any field contains error.
-     */
-    "data-error-message"?: string;
-}
-export default function Form2({ "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=Form2.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Form2.d.ts","sourceRoot":"","sources":["../../src/basic/Form2.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;CACjC;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC1B,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/Form2.js

@@ -1,120 +0,0 @@
-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, Bind, XNode, styled, checkClick, BindError, BindEmailError;
-  function Form2(_a, ...nodes) {
-    var {
-        "data-submit-event": submitEvent = "submitForm",
-        "data-show-validation": showValidation = "false",
-        "data-error-message": errorMessage = "Please fix all validations"
-      } = _a,
-      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("default", Form2);
-  return {
-    setters: [function (_tslib) {
-      __rest = _tslib.__rest;
-    }, function (_webAtomsCoreDistCoreBind) {
-      Bind = _webAtomsCoreDistCoreBind.default;
-    }, function (_webAtomsCoreDistCoreXNode) {
-      XNode = _webAtomsCoreDistCoreXNode.default;
-    }, function (_webAtomsCoreDistStyleStyled) {
-      styled = _webAtomsCoreDistStyleStyled.default;
-    }],
-    execute: function () {
-      styled.css`
-    display: flex;
-    flex-direction: column;
-    gap: var(--spacing, 5px);
-
-    &[data-valid=true] {
-        & .field-error:not(:empty) {
-            display: none;
-        }
-        & > .error-message {
-            display: none;
-        }
-    }
-
-    & > .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;
-        }
-        form.setAttribute("data-show-validation", "true");
-        setTimeout(() => {
-          const all = Array.from(form.getElementsByClassName("field-error"));
-          for (const iterator of all) {
-            if (iterator.textContent) {
-              form.setAttribute("data-valid", "false");
-              return;
-            }
-          }
-          form.setAttribute("data-valid", "true");
-          target.dispatchEvent(new CustomEvent(form.getAttribute("data-submit-event"), {
-            bubbles: true,
-            cancelable: true
-          }));
-        }, 100);
-      };
-      _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 "";
-            }
-          }
-          if (isValid(msg, element)) {
-            return "";
-          }
-          return message(msg, ((_a = element.parentElement.querySelector(`[data-element=label]`)) === null || _a === void 0 ? void 0 : _a.textContent) || "This field ");
-        }
-        ;
-        f2.toString = () => value.toString();
-        return Bind.oneWay(f2);
-      });
-      _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
-        });
-      });
-    }
-  };
-});
-//# sourceMappingURL=Form2.js.map

package/dist/basic/Form2.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Form2","_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/Form2.tsx"],"sourcesContent":[null],"mappings":";;;;EAiEc,SAAUA,KAAKA,CAACC,EAKrB,EAAE,GAAIC,KAAc;QALC;QAC1B,mBAAmB,EAAEC,WAAW,GAAG,YAAY;QAC/C,sBAAsB,EAAEC,cAAc,GAAG,OAAO;QAChD,oBAAoB,EAAEC,YAAY,GAAG;MAA4B,IAAAJ,EAE5D;MADDK,CAAC,GAAAC,MAAA,CAAAN,EAAA,EAJqB,mEAK7B,CADQ;IAEL,OAAOO,KAAA,CAAAC,MAAA,QAAAC,MAAA,CAAAC,MAAA,KACGL,CAAC;MAAA,qBACYH,WAAW;MAAA,aACpB,MAAM;MAAA,cACL,MAAM;MAAA,wBACKC,cAAc;MAAA,sBAChBC,YAAY;MAAA,eACnBO;IAAU,IACvBJ,KAAA,CAAAC,MAAA;MAAKI,KAAK,EAAC,eAAe;MAACC,IAAI,EAAET;IAAY,EAAG,E,GAC1CH,KAAK,CACT;EACV;EAACa,OAAA,YAjBuBf,KAAK;EAAA;IAAAgB,OAAA,aAAAC,MAAA;;;MAjEtBC,IAAI,GAAAC,yBAAA,CAAAC,OAAA;IAAA,aAAAC,0BAAA;MACJb,KAA+B,GAAAa,0BAAA,CAAAD,OAAA;IAAA,aAAAE,4BAAA;MAC/BC,MAAM,GAAAD,4BAAA,CAAAF,OAAA;IAAA;IAAAI,OAAA,WAAAA,CAAA;MAETD,MAAM,CAACE,GAAI;;;;;;;;;;;;;;;;;;;;;;;CAuBd,CAACC,aAAa,CAAC,kBAAkB,CAAC;MAE7Bd,UAAU,GAAIe,CAAa,IAAI;;QACjC,MAAMC,IAAI,GAAGD,CAAC,CAACE,aAA+B;QAC9C,MAAMC,MAAM,GAAGH,CAAC,CAACG,MAA2B;QAC5C,IAAI,CAAC,SAAS,CAACC,IAAI,CAAC,CAAA9B,EAAA,GAAA6B,MAAM,CAACE,IAAI,cAAA/B,EAAA,cAAAA,EAAA,GAAI6B,MAAM,CAACG,YAAY,CAAC,WAAW,CAAC,CAAE,EAAE;UACnE;;QAEJL,IAAI,CAACM,YAAY,CAAC,sBAAsB,EAAE,MAAM,CAAC;QACjDC,UAAU,CAAC,MAAK;UACZ,MAAMC,GAAG,GAAGC,KAAK,CAACC,IAAI,CAACV,IAAI,CAACW,sBAAsB,CAAC,aAAa,CAAC,CAAC;UAClE,KAAK,MAAMC,QAAQ,IAAIJ,GAAG,EAAE;YACxB,IAAII,QAAQ,CAACC,WAAW,EAAE;cACtBb,IAAI,CAACM,YAAY,CAAC,YAAY,EAAE,OAAO,CAAC;cACxC;;;UAGRN,IAAI,CAACM,YAAY,CAAC,YAAY,EAAE,MAAM,CAAC;UACvCJ,MAAM,CAACY,aAAa,CAAC,IAAIC,WAAW,CAACf,IAAI,CAACK,YAAY,CAAC,mBAAmB,CAAC,EAAE;YAAEW,OAAO,EAAE,IAAI;YAAEC,UAAU,EAAE;UAAI,CAAE,CAAC,CAAC;QACtH,CAAC,EAAE,GAAG,CAAC;MACX,CAAC;MAAA9B,OAAA,cA6CY+B,SAAS,GAAGA,CAAC;QACtBC,KAAK;QACLC,OAAO,GAAGA,CAACC,CAAC,EAAEC,CAAC,KAAK,GAAGA,CAAC,aAAa;QACrCC,OAAO,GAAGA,CAACF,CAAC,EAAEtB,CAAC,KAAK,CAAC,CAACsB;MAAC,CACd,KAAI;QACb,SAASG,EAAEA,CAAEC,MAAM,EAAEC,OAAoB;;UACrC,MAAMC,UAAU,GAAGD,OAAO,CAACE,aAAa,CAACC,aAAa,CAAC,iBAAiB,CAAC;UACzE,MAAMC,GAAG,GAAGX,KAAK,CAACY,IAAI,CAAC,IAAI,EAAEN,MAAM,CAAC;UACpC,IAAI,CAACK,GAAG,EAAE;YACN,IAAI,CAACH,UAAU,EAAE;cACb,OAAO,EAAE;;;UAGjB,IAAIJ,OAAO,CAACO,GAAG,EAAEJ,OAAO,CAAC,EAAE;YACvB,OAAO,EAAE;;UAEb,OAAON,OAAO,CAACU,GAAG,EAAE,EAAAzD,EAAA,GAAAqD,OAAO,CAACE,aAAa,CAACC,aAAa,CAAC,sBAAsB,CAAC,cAAAxD,EAAA,uBAAAA,EAAA,CAAEwC,WAAW,KAAI,aAAa,CAAC;QAClH;QAAC;QACDW,EAAE,CAACQ,QAAQ,GAAG,MAAMb,KAAK,CAACa,QAAQ,EAAE;QACpC,OAAO1C,IAAI,CAAC2C,MAAM,CAACT,EAAE,CAAC;MAC1B,CAAC;MAAArC,OAAA,mBAEY+C,cAAc,GAAGA,CAAC;QAC3Bf,KAAK;QACLC,OAAO,GAAGA,CAACC,CAAC,EAAEC,CAAC,KAAK,GAAGA,CAAC,+BAA+B;QACvDC,OAAO,GAAGA,CAACF,CAAC,EAAEtB,CAAC,KAAK,yBAAyB,CAACI,IAAI,CAACkB,CAAC;MAAC,CAC5C,KAAI;QACb,OAAOH,SAAS,CAAC;UAAEC,KAAK;UAAEC,OAAO;UAAEG;QAAO,CAAE,CAAC;MACjD,CAAC;IAAA;EAAA;AAAA"}

package/dist/basic/FormDialog.d.ts

@@ -1,4 +0,0 @@
-import XNode from "@web-atoms/core/dist/core/XNode";
-import { IForm } from "./Form";
-export default function FormDialog(a: IForm, ...nodes: XNode[]): any;
-//# sourceMappingURL=FormDialog.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FormDialog.d.ts","sourceRoot":"","sources":["../../src/basic/FormDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,iCAAiC,CAAC;AAGpD,OAAa,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAkBrC,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,GAAI,KAAK,EAAE,KAAK,EAAE,OAM9D"}

package/dist/basic/FormDialog.js

@@ -1,32 +0,0 @@
-System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/styles/CSS", "./Form"], function (_export, _context) {
-  "use strict";
-
-  var XNode, StyleRule, CSS, Form;
-  function FormDialog(a, ...nodes) {
-    return XNode.create("div", {
-      "data-form-dialog": "true"
-    }, XNode.create(Form, Object.assign({
-      scrollable: true
-    }, a), ...nodes));
-  }
-  _export("default", FormDialog);
-  return {
-    setters: [function (_webAtomsCoreDistCoreXNode) {
-      XNode = _webAtomsCoreDistCoreXNode.default;
-    }, function (_webAtomsCoreDistStyleStyleRule) {
-      StyleRule = _webAtomsCoreDistStyleStyleRule.default;
-    }, function (_webAtomsCoreDistWebStylesCSS) {
-      CSS = _webAtomsCoreDistWebStylesCSS.default;
-    }, function (_Form) {
-      Form = _Form.default;
-    }],
-    execute: function () {
-      CSS(StyleRule().display("flex").overflow("auto").position("relative").child(StyleRule("[data-wa-form]").marginBottom(70).child(StyleRule("[data-command-row]").absolutePosition({
-        left: 0,
-        right: 0,
-        bottom: 0
-      }))), "div[data-form-dialog=true]");
-    }
-  };
-});
-//# sourceMappingURL=FormDialog.js.map

package/dist/basic/FormDialog.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["FormDialog","a","nodes","XNode","create","Form","Object","assign","scrollable","_export","setters","_webAtomsCoreDistCoreXNode","default","_webAtomsCoreDistStyleStyleRule","StyleRule","_webAtomsCoreDistWebStylesCSS","CSS","_Form","execute","display","overflow","position","child","marginBottom","absolutePosition","left","right","bottom"],"sources":["../../src/basic/FormDialog.tsx"],"sourcesContent":[null],"mappings":";;;;EAqBc,SAAUA,UAAUA,CAACC,CAAQ,EAAE,GAAIC,KAAc;IAC3D,OAAOC,KAAA,CAAAC,MAAA;MAAA,oBAAsB;IAAM,GAC/BD,KAAA,CAAAC,MAAA,CAACC,IAAI,EAAAC,MAAA,CAAAC,MAAA;MAACC,UAAU,EAAE;IAAI,GAAOP,CAAC,MACpBC,KAAK,CACR,CACL;EACV;EAACO,OAAA,YANuBT,UAAU;EAAA;IAAAU,OAAA,aAAAC,0BAAA;MArB3BR,KAAK,GAAAQ,0BAAA,CAAAC,OAAA;IAAA,aAAAC,+BAAA;MACLC,SAAS,GAAAD,+BAAA,CAAAD,OAAA;IAAA,aAAAG,6BAAA;MACTC,GAAG,GAAAD,6BAAA,CAAAH,OAAA;IAAA,aAAAK,KAAA;MACHZ,IAAe,GAAAY,KAAA,CAAAL,OAAA;IAAA;IAAAM,OAAA,WAAAA,CAAA;MAEtBF,GAAG,CAACF,SAAS,EAAE,CACVK,OAAO,CAAC,MAAM,CAAC,CACfC,QAAQ,CAAC,MAAM,CAAC,CAChBC,QAAQ,CAAC,UAAU,CAAC,CACpBC,KAAK,CAACR,SAAS,CAAC,gBAAgB,CAAC,CAC7BS,YAAY,CAAC,EAAE,CAAC,CAChBD,KAAK,CAACR,SAAS,CAAC,oBAAoB,CAAC,CACjCU,gBAAgB,CAAC;QACdC,IAAI,EAAE,CAAC;QACPC,KAAK,EAAE,CAAC;QACRC,MAAM,EAAE;OACX,CAAC,CACL,CACJ,EACH,4BAA4B,CAAC;IAAC;EAAA;AAAA"}

package/dist/basic/Input.d.ts

@@ -1,5 +0,0 @@
-export default function Input({ value, placeholder }: {
-    value: string;
-    placeholder: string;
-}): any;
-//# sourceMappingURL=Input.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/basic/Input.tsx"],"names":[],"mappings":"AAkBA,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC1B,KAAK,EACL,WAAW,EACd,EAAC;IACE,KAAK,EAAC,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAA;CACtB,OAKA"}

package/dist/basic/Input.js

@@ -1,30 +0,0 @@
-System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/styles/CSS"], function (_export, _context) {
-  "use strict";
-
-  var XNode, StyleRule, CSS, css;
-  function Input({
-    value,
-    placeholder
-  }) {
-    return XNode.create("div", {
-      class: css
-    }, XNode.create("input", {
-      type: "input",
-      placeholder: placeholder
-    }));
-  }
-  _export("default", Input);
-  return {
-    setters: [function (_webAtomsCoreDistCoreXNode) {
-      XNode = _webAtomsCoreDistCoreXNode.default;
-    }, function (_webAtomsCoreDistStyleStyleRule) {
-      StyleRule = _webAtomsCoreDistStyleStyleRule.default;
-    }, function (_webAtomsCoreDistWebStylesCSS) {
-      CSS = _webAtomsCoreDistWebStylesCSS.default;
-    }],
-    execute: function () {
-      css = CSS(StyleRule("input").display("inline-block").child(StyleRule("input[type=input]").margin(0).padding(5).height(25).marginRight(5).outline("none").alignSelf("center")));
-    }
-  };
-});
-//# sourceMappingURL=Input.js.map

package/dist/basic/Input.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Input","value","placeholder","XNode","create","class","css","type","_export","setters","_webAtomsCoreDistCoreXNode","default","_webAtomsCoreDistStyleStyleRule","StyleRule","_webAtomsCoreDistWebStylesCSS","CSS","execute","display","child","margin","padding","height","marginRight","outline","alignSelf"],"sources":["../../src/basic/Input.tsx"],"sourcesContent":[null],"mappings":";;;;EAkBc,SAAUA,KAAKA,CAAC;IAC1BC,KAAK;IACLC;EAAW,CAId;IACG,OAAOC,KAAA,CAAAC,MAAA;MAAKC,KAAK,EAAEC;IAAG,GACfH,KAAA,CAAAC,MAAA;MAAOG,IAAI,EAAC,OAAO;MACnBL,WAAW,EAAEA;IAAW,EAAI,CAC7B;EACV;EAACM,OAAA,YAXuBR,KAAK;EAAA;IAAAS,OAAA,aAAAC,0BAAA;MAlBtBP,KAAK,GAAAO,0BAAA,CAAAC,OAAA;IAAA,aAAAC,+BAAA;MACLC,SAAS,GAAAD,+BAAA,CAAAD,OAAA;IAAA,aAAAG,6BAAA;MACTC,GAAG,GAAAD,6BAAA,CAAAH,OAAA;IAAA;IAAAK,OAAA,WAAAA,CAAA;MAEJV,GAAG,GAAGS,GAAG,CACXF,SAAS,CAAC,OAAO,CAAC,CACjBI,OAAO,CAAC,cAAc,CAAC,CACvBC,KAAK,CACFL,SAAS,CAAC,mBAAmB,CAAC,CAC7BM,MAAM,CAAC,CAAC,CAAC,CACTC,OAAO,CAAC,CAAC,CAAC,CACVC,MAAM,CAAC,EAAE,CAAC,CACVC,WAAW,CAAC,CAAC,CAAC,CACdC,OAAO,CAAC,MAAM,CAAC,CACfC,SAAS,CAAC,QAAQ,CAAC,CACvB,CACJ;IAAA;EAAA;AAAA"}

package/dist/basic/Mix.d.ts

@@ -1,10 +0,0 @@
-import XNode from "@web-atoms/core/dist/core/XNode";
-import IElement from "./IElement";
-export interface IMix extends IElement {
-    block?: boolean;
-}
-export default function Mix({ block, ...a }: {
-    [x: string]: any;
-    block?: boolean;
-}, ...nodes: XNode[]): any;
-//# sourceMappingURL=Mix.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Mix.d.ts","sourceRoot":"","sources":["../../src/basic/Mix.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,iCAAiC,CAAC;AAGpD,OAAO,QAAQ,MAAM,YAAY,CAAC;AASlC,MAAM,WAAW,IAAK,SAAQ,QAAQ;IAClC,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,EACxB,KAAa,EACb,GAAI,CAAC,EAAC;;;CAAA,EAAE,GAAI,KAAK,EAAE,KAAK,EAAE,OAM7B"}