@daracl/form 0.0.10 → 0.0.12

package/dist/indexVender.d.ts

@@ -0,0 +1,6 @@
+import DateTimePicker from "@daracl/datetimepicker";
+import Toast from "@daracl/toast";
+import "@daracl/datetimepicker/style/daracl.datetimepicker.scss";
+import "@daracl/toast/style/daracl.toast.scss";
+export declare const dateTimePicker: typeof DateTimePicker;
+export declare const toast: typeof Toast;

package/dist/main.css

@@ -1,5 +1,5 @@
 /*!
-* @daracl/form  v0.0.10
+* @daracl/form  v0.0.12
 * Copyright 2023-2024 darainfo and other contributors; 
 * Licensed MIT
 */.daracl-form{--border-color:#dfe1e5;--color-danger:#d9534f;--background-danger:#d9534f;--font-color:#686868;--font-hover-color:#3a3d41;--invalid-font-color:#ff4136;--invalid-border-color:#ffb6b4;--invalid-background-color:#fdd;--button-bg:#f6f6f6;--button-bg-hover:#ebebeb;--tab-bg:#f6f6f6;--tab-bg-hover:#ebebeb;--tooltip-background:#3e3e3e;--tooltip-color:#fff;--field-margin-top:10px;--input-bg:#fff;--input-color:#212529;--input-disabled-bg:#ebebeb;--bg-grid-header:#f1f1f1}.daracl-form.dark,body.dark .daracl-form{--border-color:#41444c;--color-danger:#d9534f;--background-danger:#d9534f;--font-color:#b9bdc1;--font-hover-color:#f5f3f3;--invalid-font-color:#ff4136;--invalid-border-color:#ffb6b4;--invalid-background-color:#fdd;--button-bg:#435ebe;--button-bg-hover:#3950a2;--tab-bg:#23418f;--tab-bg-hover:#516db1;--tooltip-background:#3e3e3e;--tooltip-color:#fff;--field-margin-top:10px;--input-bg:transparent;--input-color:#c6cddb;--input-disabled-bg:#878787;--bg-grid-header:#878787}.daracl-form{color:var(--font-color);margin-top:10px;padding:0}.daracl-form *,.daracl-form :after,.daracl-form :before{box-sizing:border-box}.daracl-form .txt-left{text-align:left}.daracl-form .txt-center{text-align:center}.daracl-form .txt-right{text-align:right}.daracl-form[data-df-mode=view] .form-field{border-color:transparent;border-width:0;outline:initial}.daracl-form[data-df-mode=view] .form-field:focus,.daracl-form[data-df-mode=view] .form-field:focus-visible{border-width:0}.daracl-form .df-hidden{display:none!important;margin:0!important;max-height:0!important;padding:0!important;visibility:collapse;width:0}.daracl-form input,.daracl-form select,.daracl-form textarea{background-color:transparent;color:var(--font-color)}.daracl-form input[disabled],.daracl-form select[disabled],.daracl-form textarea[disabled]{background-color:var(--input-disabled-bg);opacity:.8}.daracl-form .df-label{font-weight:700;overflow:initial;padding:5px 15px 0 0;position:relative;text-overflow:ellipsis;vertical-align:top;white-space:nowrap;word-break:break-all}.daracl-form .df-label .required{color:var(--color-danger)}.daracl-form .df-label .required:after{content:"*";vertical-align:middle}.daracl-form .df-label .df-tooltip{background:var(--tooltip-background);border-radius:8px;color:var(--tooltip-color);cursor:help;display:inline-block;font-size:12px;height:16px;line-height:16px;margin:0 5px;position:relative;text-align:center;visibility:visible;width:16px}.daracl-form .df-label .df-tooltip .tooltip{background:var(--tooltip-background);border-radius:5px;color:var(--tooltip-color);cursor:default;display:none;left:-10px;min-width:max-content;padding:10px 5px;position:absolute;text-align:initial;text-shadow:none;z-index:2}.daracl-form .df-label .df-tooltip:hover .tooltip{display:block}.daracl-form .form-field{background-clip:padding-box;background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--input-color);display:block;font-weight:400;line-height:1.5;padding:.375rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.daracl-form .form-field[type=checkbox],.daracl-form .form-field[type=radio]{display:inline;margin:0;min-height:0;padding:0;vertical-align:middle;width:14px}.daracl-form .form-field.dropdown{appearance:none;-webkit-appearance:none;-moz-appearance:none}.daracl-form .form-field.textarea{padding-right:0}.daracl-form .form-field[type=number]{padding-right:3px}.daracl-form .form-field.file{display:none}.daracl-form .form-field.range{padding:0}.daracl-form .df-row{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex:0 1 auto;-webkit-box-flex:0;flex:0 1 auto;-ms-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.daracl-form .df-row.vertical{display:block}.daracl-form .df-row.horizontal{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;max-width:none;width:auto}.daracl-form .df-row.horizontal>.form-group>.empty{display:none!important}.daracl-form .df-row.top{flex-direction:column}.daracl-form .df-row.top>div{max-width:100%!important}.daracl-form .df-row.right{-ms-flex-direction:row-reverse!important;-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;flex-direction:row-reverse!important}.daracl-form .df-row.bottom{flex-direction:column-reverse!important}.daracl-form .df-row.bottom>div{max-width:100%!important}.daracl-form .col-xs-1{flex-basis:8.33333333%;-webkit-box-flex:0;-ms-flex:0 0 8.33333333%;flex:0 0 8.33333333%;max-width:8.33333333%}.daracl-form .col-xs-2{flex-basis:16.66666667%;-webkit-box-flex:0;-ms-flex:0 0 16.66666667%;flex:0 0 16.66666667%;max-width:16.66666667%}.daracl-form .col-xs-3{flex-basis:25%;-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.daracl-form .col-xs-4{flex-basis:33.33333333%;-webkit-box-flex:0;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%}.daracl-form .col-xs-5{flex-basis:41.66666667%;-webkit-box-flex:0;-ms-flex:0 0 41.66666667%;flex:0 0 41.66666667%;max-width:41.66666667%}.daracl-form .col-xs-6{flex-basis:50%;-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.daracl-form .col-xs-7{flex-basis:58.33333333%;-webkit-box-flex:0;-ms-flex:0 0 58.33333333%;flex:0 0 58.33333333%;max-width:58.33333333%}.daracl-form .col-xs-8{flex-basis:66.66666667%;-webkit-box-flex:0;-ms-flex:0 0 66.66666667%;flex:0 0 66.66666667%;max-width:66.66666667%}.daracl-form .col-xs-9{flex-basis:75%;-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.daracl-form .col-xs-10{flex-basis:83.33333333%;-webkit-box-flex:0;-ms-flex:0 0 83.33333333%;flex:0 0 83.33333333%;max-width:83.33333333%}.daracl-form .col-xs-11{flex-basis:91.66666667%;-webkit-box-flex:0;-ms-flex:0 0 91.66666667%;flex:0 0 91.66666667%;max-width:91.66666667%}.daracl-form .col-xs-12{flex-basis:100%;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.daracl-form .align-items-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.daracl-form .col-xs{-webkit-flex-grow:1;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.daracl-form .col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;max-width:none;width:auto}.daracl-form .col-fix{flex:none}.daracl-form .col-full{flex:1;overflow:auto}.daracl-form .df-field-container{overflow:initial;position:relative}.daracl-form .df-field-container>.df-row{margin-top:-10px}.daracl-form .df-field-container>div+.df-row{margin-top:0}.daracl-form .df-field-container .df-field{margin-right:10px;position:relative}.daracl-form .df-field-container .df-field .range-num{clear:both;display:block;text-align:left;width:100%}.daracl-form .df-field-container .df-field .file-wrapper{background-clip:padding-box;border:1px solid var(--border-color);border-radius:4px;display:block;font-weight:400;line-height:1.5;padding:.375rem .75rem;text-align:center;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.daracl-form .daracl-file-list .file-icon{cursor:pointer;display:inline-block;height:20px;vertical-align:middle;width:20px}.daracl-form .daracl-file-list .file-icon:hover{background-color:var(--button-bg-hover)}.daracl-form .daracl-file-list .file-icon.download{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTE4IDE1djNINnYtM0g0djNjMCAxLjEuOSAyIDIgMmgxMmMxLjEgMCAyLS45IDItMnYtM3ptLTEtNC0xLjQxLTEuNDFMMTMgMTIuMTdWNGgtMnY4LjE3TDguNDEgOS41OSA3IDExbDUgNXoiLz48L3N2Zz4=)}.daracl-form .daracl-file-list .file-icon.remove{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTE2IDl2MTBIOFY5em0tMS41LTZoLTVsLTEgMUg1djJoMTRWNGgtMy41ek0xOCA3SDZ2MTJjMCAxLjEuOSAyIDIgMmg4YzEuMSAwIDItLjkgMi0yeiIvPjwvc3ZnPg==)}.daracl-form .daracl-file-list .file-name{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;display:inline-block;overflow:hidden;vertical-align:middle;width:calc(100% - 55px)}.daracl-form .field-group .field.vertical>*{display:block}.daracl-form .tab-header{border-bottom:1px solid var(--border-color);display:flex;line-height:1.3;list-style:none;margin:0;padding:0;width:100%}.daracl-form .tab-header.tab-al-left{justify-content:left}.daracl-form .tab-header.tab-al-right{justify-content:right}.daracl-form .tab-header.tab-al-center{justify-content:center}.daracl-form .tab-header>.tab-item{float:left;list-style:none;margin:1px .4em 0 0;padding:0;position:relative;top:0;white-space:nowrap}.daracl-form .tab-header>.tab-item.active a{background-color:var(--tab-bg);color:var(--font-hover-color)}.daracl-form .tab-header>.tab-item a{border:solid transparent;border-top-left-radius:calc(.45rem - 1px);border-top-right-radius:calc(.45rem - 1px);border-width:1px 1px 0;color:var(--font-color);float:left;height:30px;line-height:15px;padding:.5em 1em;text-decoration:none}.daracl-form .tab-header>.tab-item a:hover{background-color:var(--tab-bg-hover);border:solid var(--border-color);border-width:1px 1px 0}.daracl-form .df-tab-body .tab-panel{display:none}.daracl-form .df-tab-body .tab-panel.active{display:block}.daracl-form .df-btn{background-color:var(--button-bg);border:1px solid var(--border-color);border-radius:calc(.45rem - 1px);cursor:pointer;padding:5px 10px;transition:background-color .3s}.daracl-form .df-btn:hover{background-color:var(--button-bg-hover);color:var(--font-hover-color)}.daracl-form .df-icon{display:inline-block;height:21px;vertical-align:middle;width:21px}.daracl-form .df-add-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%235f6368' viewBox='0 -960 960 960'%3E%3Cpath d='M431-431H220.78v-98H431v-210.22h98V-529h210.22v98H529v210.22h-98z'/%3E%3C/svg%3E")}.daracl-form .df-remove-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%235f6368' viewBox='0 -960 960 960'%3E%3Cpath d='M291-221.91 221.91-291l189-189-189-189L291-738.09l189 189 189-189L738.09-669l-189 189 189 189L669-221.91l-189-189z'/%3E%3C/svg%3E")}.daracl-form .form-group{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:0;margin-left:0!important;margin-right:0!important;margin-top:var(--field-margin-top)}.daracl-form .form-group:last-child{margin-bottom:0}.daracl-form .form-group.top{flex-direction:column}.daracl-form .form-group.top>div{max-width:100%!important}.daracl-form .form-group.right{-ms-flex-direction:row-reverse!important;-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;flex-direction:row-reverse!important}.daracl-form .form-group.bottom{flex-direction:column-reverse!important}.daracl-form .form-group.bottom>div{max-width:100%!important}.daracl-form .form-group .help-message{display:none}.daracl-form .form-group .help-icon{background-position-y:center;background-repeat:no-repeat}.daracl-form .form-group .help-icon.form-field{background-position-x:calc(100% - 15px)}.daracl-form .form-group .help-icon.daracl-icon{display:none;height:100%;margin-right:15px;position:absolute;right:0;top:0;width:20px;z-index:1}.daracl-form .form-group.invalid .form-field{border-color:var(--invalid-border-color);outline-color:var(--invalid-border-color)}.daracl-form .form-group.invalid>.df-field-container.required>.df-field .help-icon{background-image:url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjAiPjxwYXRoIGQ9Im0yNDktMjA3LTQyLTQyIDIzMS0yMzEtMjMxLTIzMSA0Mi00MiAyMzEgMjMxIDIzMS0yMzEgNDIgNDItMjMxIDIzMSAyMzEgMjMxLTQyIDQyLTIzMS0yMzEtMjMxIDIzMVoiIHN0eWxlPSImIzEwOyAgICBmaWxsOiAjZmY3MzczOyYjMTA7Ii8+PC9zdmc+");display:block}.daracl-form .form-group.invalid .help-message{color:var(--invalid-font-color);display:block}.daracl-form .form-group.valid>.df-field-container.required>.df-field .help-icon{background-image:url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHN0eWxlPSImIzEwOyAgICBmaWxsOiAjMTlhOTc0OyYjMTA7Ij48cGF0aCBkPSJNMzc4LTI0NiAxNTQtNDcwbDQzLTQzIDE4MSAxODEgMzg0LTM4NCA0MyA0My00MjcgNDI3WiIvPjwvc3ZnPg==");display:block}.daracl-form .form-group .file-label{background-clip:padding-box;border:1px solid var(--border-color);border-radius:4px;display:inline;line-height:1;padding:3px 15px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.daracl-form .form-group .file-label:hover{background-color:var(--button-bg-hover)}.daracl-form .df-grid-field{margin-right:10px}.daracl-form .df-grid-field .df-grid-btn-area{border:1px solid var(--border-color);padding:3px}.daracl-form .df-grid-field .df-grid-container{border:1px solid var(--border-color);height:auto;overflow-y:auto;width:100%}.daracl-form .df-grid-field .df-grid-container .df-btn{padding:3px 5px}.daracl-form .df-grid-field .df-grid-container .df-grid{border-collapse:collapse;border-top-width:0;width:100%}.daracl-form .df-grid-field .df-grid-container .df-grid>thead th{background-color:var(--bg-grid-header);border-bottom:1px solid var(--border-color);position:sticky;text-align:center;top:0;z-index:10}.daracl-form .df-grid-field .df-grid-container .df-grid .help-message{display:none}.daracl-form .df-grid-field .df-grid-container .df-grid td,.daracl-form .df-grid-field .df-grid-container .df-grid th{padding:3px 5px}.daracl-form .df-grid-field .df-grid-container .df-grid .help-icon{background-position-y:center;background-repeat:no-repeat}.daracl-form .df-grid-field .df-grid-container .df-grid .help-icon.form-field{background-position-x:calc(100% - 15px)}.daracl-form .df-grid-field .df-grid-container .df-grid .help-icon.daracl-icon{display:none;height:100%;margin-right:15px;position:absolute;right:0;top:0;width:20px;z-index:1}.daracl-form .df-grid-field .df-grid-container .df-grid .grid-column{position:relative}.daracl-form .df-grid-field .df-grid-container .df-grid .invalid .form-field{border-color:var(--invalid-border-color);outline-color:var(--invalid-border-color)}.daracl-form .df-grid-field .df-grid-container .df-grid .invalid>.grid-column.required .df-field .help-icon{background-image:url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjAiPjxwYXRoIGQ9Im0yNDktMjA3LTQyLTQyIDIzMS0yMzEtMjMxLTIzMSA0Mi00MiAyMzEgMjMxIDIzMS0yMzEgNDIgNDItMjMxIDIzMSAyMzEgMjMxLTQyIDQyLTIzMS0yMzEtMjMxIDIzMVoiIHN0eWxlPSImIzEwOyAgICBmaWxsOiAjZmY3MzczOyYjMTA7Ii8+PC9zdmc+");display:block}.daracl-form .df-grid-field .df-grid-container .df-grid .invalid .help-message{background-color:var(--invalid-background-color);border:1px solid var(--invalid-border-color);border-color:var(--invalid-border-color) transparent transparent transparent;border-radius:.4rem;color:var(--invalid-font-color);display:block;left:50%;min-width:270px;padding:5px;position:absolute;top:calc(100% + 6px);transform:translateX(-50%);z-index:2}.daracl-form .df-grid-field .df-grid-container .df-grid .invalid .help-message:after{border:7px solid transparent;border-bottom:7px solid var(--invalid-border-color);border-left:0;border-top:0;content:"";height:0;left:50%;margin-left:-3.5px;margin-top:-7px;position:absolute;top:0;width:0}.daracl-form .df-grid-field .df-grid-container .df-grid .valid>.grid-column.required .df-field .help-icon{background-image:url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHN0eWxlPSImIzEwOyAgICBmaWxsOiAjMTlhOTc0OyYjMTA7Ij48cGF0aCBkPSJNMzc4LTI0NiAxNTQtNDcwbDQzLTQzIDE4MSAxODEgMzg0LTM4NCA0MyA0My00MjcgNDI3WiIvPjwvc3ZnPg==");display:block}

package/dist/renderer/DateRender.d.ts

@@ -6,7 +6,6 @@ export default class DateRender extends Render {
     private dateObj;
     constructor(field: FormField, rowElement: HTMLElement, daraForm: DaraForm);
     mounted(): void;
-    loadDate(): Promise<void>;
     createField(): void;
     getValue(): string;
     setValue(value: any, changeCheckFlag?: boolean): void;

package/dist/types/DateTimePicker.d.ts

@@ -0,0 +1,5 @@
+declare module "@daracl/datetimepicker" {
+  export default class DateTimePicker {
+    constructor(selector: string | HTMLElement, options: DateTimePickerOptions, message: Message);
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@daracl/form",
-  "version": "0.0.10",
+  "version": "0.0.12",
   "sideEffects": false,
   "description": "Daracl form validation ",
   "author": {
@@ -48,6 +48,8 @@
   ],
   "dependencies": {
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+    "@daracl/datetimepicker": "^0.0.9",
+    "@daracl/toast": "^0.0.7",
     "init": "^0.1.2",
     "ink-docstrap": "^1.3.2",
     "preact": "^10.13.2",
@@ -76,8 +78,6 @@
     "@babel/plugin-transform-runtime": "^7.21.4",
     "@babel/preset-env": "^7.22.5",
     "@babel/preset-typescript": "^7.21.4",
-    "@daracl/datetimepicker": "^0.0.8",
-    "@daracl/toast": "^0.0.7",
     "@mxssfd/typedoc-theme": "^1.1.1",
     "@types/dropzone": "^5.7.4",
     "@types/file-saver": "^2.0.5",
@@ -127,15 +127,16 @@
   },
   "scripts": {
     "prepack": "yarn build",
-    "build": "yarn build:prod && yarn copy-dts && yarn build:tsc && yarn build:js",
+    "build": "yarn build:vender && yarn build:prod  && yarn copy-dts && yarn build:tsc && yarn build:js",
     "build:tsc": "npx tsc --emitDeclarationOnly",
     "build:js": "node build.js",
+    "build:vender": "webpack --config webpack.vender.js",
     "build:dev": "webpack --config webpack.dev.js",
     "build:prod": "webpack --config webpack.prod.js && webpack --env=mode=deploy --config webpack.dev.js",
     "dts:gen": "npx -p typescript tsc src/index.js --declaration --allowJs --emitDeclarationOnly --outDir dist",
     "docs:gen": "typedoc --tsconfig tsconfig.doc.json",
     "test": "jest",
-    "start": "webpack-dev-server --open --config ./webpack.dev.server.js",
+    "start": "webpack-dev-server --config ./webpack.dev.server.js",
     "copy-dts": "copyfiles -u 1 \"src/**/*.d.ts\" dist"
   }
 }

package/src/index.html

@@ -4,6 +4,8 @@
 <head>
   <meta charset="utf-8" />
   <title>Dara Form</title>
+  <script src="/dist/daracl.vender.min.js"></script>
+  <link href="/dist/daracl.vender.min.css" rel="stylesheet">
 </head>
 
 <body>

package/src/index.ts

@@ -2,6 +2,4 @@ import DaraForm from "./DaraForm";
 
 import "../style/daracl.form.scss";
 
-import "@daracl/datetimepicker/style/daracl.datetimepicker.scss";
-
 export = DaraForm;

package/src/indexVender.ts

@@ -0,0 +1,9 @@
+import DateTimePicker from "@daracl/datetimepicker";
+import Toast from "@daracl/toast";
+
+import "@daracl/datetimepicker/style/daracl.datetimepicker.scss";
+import "@daracl/toast/style/daracl.toast.scss";
+
+export const dateTimePicker = DateTimePicker;
+
+export const toast = Toast;

package/src/renderer/DateRender.ts

@@ -44,15 +44,15 @@ export default class DateRender extends Render {
       this.valid();
     };
 
-    //this.dateObj = new DateTimePicker(this.element, this.field.customOptions, {} as any);
+    this.dateObj = new DateTimePicker(this.element, this.field.customOptions, {} as any);
 
-    this.loadDate();
+    //this.loadDate();
   }
 
-  async loadDate() {
-    const DateTimePicker = await import("@daracl/datetimepicker");
-    this.dateObj = new DateTimePicker.default(this.element, this.field.customOptions, {} as any);
-  }
+  // async loadDate() {
+  //   const DateTimePicker = await import("@daracl/datetimepicker");
+  //   this.dateObj = new DateTimePicker.default(this.element, this.field.customOptions, {} as any);
+  // }
 
   createField() {
     const field = this.field;

package/src/types/DateTimePicker.d.ts

@@ -0,0 +1,5 @@
+declare module "@daracl/datetimepicker" {
+  export default class DateTimePicker {
+    constructor(selector: string | HTMLElement, options: DateTimePickerOptions, message: Message);
+  }
+}

package/dist/commons.css

@@ -1,6 +0,0 @@
-/*!
-* @daracl/form  v0.0.10
-* Copyright 2023-2024 darainfo and other contributors; 
-* Licensed MIT
-*/.daracl-datetime-hidden{height:0;visibility:visible;width:0;z-index:1000}.daracl-datetime-wrapper{--color:#34495e;--light:#fff;--success:#0abf30;--error:#e24d4c;--warning:#e9bd0c;--info:#3498db;--background-color:#fff;--sunday:#f00d0d;--border-color:#d3d2d2;--select-background-color:#0abf30;--button-hover-color:#d4d4d48a;--disabled-background-color:#f1f1f18a;--today-bg:#a9d5ff}.daracl-datetime-wrapper.dark,body.dark .daracl-datetime-wrapper{--color:#d0d6e1;--light:#fff;--success:#0abf30;--error:#e24d4c;--warning:#e9bd0c;--info:#3498db;--background-color:#070d19;--sunday:#f00d0d;--border-color:#6e7380;--today-bg:#5660d9;--today-color:#5660d9;--select-background-color:#fff;--button-hover-color:#31316c;--disabled-background-color:#818181}.daracl-datetime-wrapper{display:none;z-index:1000}.daracl-datetime-wrapper *,.daracl-datetime-wrapper :after,.daracl-datetime-wrapper :before{box-sizing:content-box;color:var(--color)}.daracl-datetime-wrapper.layer{position:absolute}.daracl-datetime-wrapper input{background-color:transparent}.daracl-datetime-wrapper.show{animation:fadeIn .5s;animation-fill-mode:forwards;display:block}.daracl-datetime-wrapper.hide{animation:fadeOut .5s;animation-fill-mode:forwards}.daracl-datetime-wrapper.embed{display:block}.daracl-datetime-wrapper .sun>span{color:var(--sunday)}.daracl-datetime-wrapper .ddtp-datetime{background-color:var(--background-color);border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);color:var(--color);padding:10px;width:235px}.daracl-datetime-wrapper .ddtp-datetime.rtl{direction:rtl}.daracl-datetime-wrapper .ddtp-datetime.rtl .ddtp-header .ddtp-header-month,.daracl-datetime-wrapper .ddtp-datetime.rtl .ddtp-header .ddtp-header-year{float:right}.daracl-datetime-wrapper .ddtp-datetime.rtl .ddtp-header .ddtp-date-move{float:left}.daracl-datetime-wrapper .ddtp-datetime.rtl .ddtp-body .ddtp-times .time-container{display:block}.daracl-datetime-wrapper .ddtp-datetime.rtl .ddtp-body .ddtp-times>.time-btn{left:0;right:auto}.daracl-datetime-wrapper .ddtp-datetime[view-mode=date] .ddtp-body>.ddtp-days,.daracl-datetime-wrapper .ddtp-datetime[view-mode=datetime] .ddtp-body>.ddtp-days,.daracl-datetime-wrapper .ddtp-datetime[view-mode=datetime] .ddtp-body>.ddtp-times,.daracl-datetime-wrapper .ddtp-datetime[view-mode=time] .ddtp-body>.ddtp-times{display:block}.daracl-datetime-wrapper .ddtp-datetime[view-mode=time] .ddtp-header{display:none}.daracl-datetime-wrapper .ddtp-datetime[view-mode=year] .ddtp-body>.ddtp-years{display:flex}.daracl-datetime-wrapper .ddtp-datetime[view-mode=year] .ddtp-header-month{display:none}.daracl-datetime-wrapper .ddtp-datetime[view-mode=month] .ddtp-body>.ddtp-months{display:flex}.daracl-datetime-wrapper .ddtp-datetime[view-mode=month] .ddtp-header-month{display:none}.daracl-datetime-wrapper .ddtp-header{height:25px;line-height:25px;padding:2px 5px 10px;vertical-align:middle}.daracl-datetime-wrapper .ddtp-header .ddtp-header-year{cursor:pointer;font-weight:700;margin:0 10px 0 0}.daracl-datetime-wrapper .ddtp-header .ddtp-header-month{cursor:pointer;font-weight:700;margin:0 10px 0 0;vertical-align:top}.daracl-datetime-wrapper .ddtp-header .ddtp-date-move{direction:ltr;float:right;margin-left:auto;vertical-align:top}.daracl-datetime-wrapper .ddtp-header .ddtp-date-move .ddtp-move-btn{display:inline-block;font-weight:700;height:24px;text-decoration:none}.daracl-datetime-wrapper .ddtp-header .ddtp-date-move .ddtp-move-btn>svg{fill:var(--color)}.daracl-datetime-wrapper .ddtp-header .ddtp-date-move .ddtp-move-btn:hover{background-color:var(--button-hover-color)}.daracl-datetime-wrapper .ddtp-header .ddtp-date-move:after{clear:both;content:""}.daracl-datetime-wrapper .ddtp-body{font-size:13px;margin:-2px -10px}.daracl-datetime-wrapper .ddtp-body>*{display:none}.daracl-datetime-wrapper .ddtp-body button{background-color:var(--background-color);border-color:var(--border-color);border-radius:4px;border-style:solid;border-width:1px;display:block;margin-bottom:7px;padding:3px 0;width:100%}.daracl-datetime-wrapper .ddtp-body .time-today:hover,.daracl-datetime-wrapper .ddtp-body button:hover{background-color:var(--button-hover-color)}.daracl-datetime-wrapper .ddtp-body .ddtp-days{border-collapse:separate;border-spacing:0;letter-spacing:0;margin:2px 10px;width:inherit}.daracl-datetime-wrapper .ddtp-body .ddtp-days .ddtp-day-label{font-weight:700;line-height:normal;padding:2px 5px;text-align:center;width:35px}.daracl-datetime-wrapper .ddtp-body .ddtp-days .ddtp-day{cursor:pointer;line-height:normal;padding:7px;position:relative;text-align:center}.daracl-datetime-wrapper .ddtp-body .ddtp-days .ddtp-day.event:after{color:#f78536;content:"•";font-size:1.4em;left:2px;position:absolute;top:-7px;z-index:10}.daracl-datetime-wrapper .ddtp-body .ddtp-days .ddtp-day:before{background-color:var(--select-background-color);border-radius:50%;content:"";display:block;height:30px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease-in;width:30px;z-index:0}.daracl-datetime-wrapper .ddtp-body .ddtp-days .ddtp-day:active:before,.daracl-datetime-wrapper .ddtp-body .ddtp-days .ddtp-day:hover:before{opacity:.7;transition:opacity .2s ease-out}.daracl-datetime-wrapper .ddtp-body .ddtp-days .ddtp-day.today>span{position:relative;z-index:2}.daracl-datetime-wrapper .ddtp-body .ddtp-days .ddtp-day.today:before{background-color:var(--today-bg);opacity:1;transition:opacity .2s ease-out;z-index:1}.daracl-datetime-wrapper .ddtp-body .ddtp-days .ddtp-day.select:before{background-color:var(--select-background-color);opacity:.5;transition:opacity .2s ease-out}.daracl-datetime-wrapper .ddtp-body .ddtp-days .ddtp-day.new,.daracl-datetime-wrapper .ddtp-body .ddtp-days .ddtp-day.old{opacity:.5}.daracl-datetime-wrapper .ddtp-body .ddtp-days .ddtp-day.disabled{background-color:var(--disabled-background-color);cursor:auto;opacity:.5}.daracl-datetime-wrapper .ddtp-body .ddtp-days .ddtp-day.disabled:before{background-color:transparent}.daracl-datetime-wrapper .ddtp-body .ddtp-times{margin:2px 15px;position:relative}.daracl-datetime-wrapper .ddtp-body .ddtp-times>.time-container{display:inline-block;height:60px;width:calc(100% - 60px)}.daracl-datetime-wrapper .ddtp-body .ddtp-times input[type=number]{-moz-appearance:textfield;appearance:textfield}.daracl-datetime-wrapper .ddtp-body .ddtp-times input[type=number]::-webkit-inner-spin-button,.daracl-datetime-wrapper .ddtp-body .ddtp-times input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.daracl-datetime-wrapper .ddtp-body .ddtp-times>.time-btn{position:absolute;right:0;top:9px;width:55px}.daracl-datetime-wrapper .ddtp-body .ddtp-times>.time-btn>.time-select{height:40px}.daracl-datetime-wrapper .ddtp-body .ddtp-times .ddtp-time{display:table-row;width:160px}.daracl-datetime-wrapper .ddtp-body .ddtp-times .ddtp-time>*{display:table-cell;line-height:20px;margin-top:5px;vertical-align:middle}.daracl-datetime-wrapper .ddtp-body .ddtp-times .ddtp-time>span{width:20px}.daracl-datetime-wrapper .ddtp-body .ddtp-times .ddtp-time>input[type=number]{border-color:var(--border-color);border-radius:4px;border-width:1px;margin-right:5px;padding-left:0;text-align:center;width:45px}.daracl-datetime-wrapper .ddtp-body .ddtp-times .ddtp-time>input[type=range]{width:calc(100% - 60px)}.daracl-datetime-wrapper .ddtp-body .ddtp-months{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.daracl-datetime-wrapper .ddtp-body .ddtp-months>.ddtp-month{cursor:pointer;flex:1 0 30%;line-height:50px;margin-bottom:8px;position:relative;text-align:center}.daracl-datetime-wrapper .ddtp-body .ddtp-months>.ddtp-month:before{background-color:var(--select-background-color);border-radius:50%;content:"";display:block;height:50px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease-in;width:50px;z-index:0}.daracl-datetime-wrapper .ddtp-body .ddtp-months>.ddtp-month:active:before,.daracl-datetime-wrapper .ddtp-body .ddtp-months>.ddtp-month:hover:before{opacity:.5;transition:opacity .2s ease-out}.daracl-datetime-wrapper .ddtp-body .ddtp-months>.ddtp-month.disabled{background-color:var(--disabled-background-color);cursor:auto;opacity:.5}.daracl-datetime-wrapper .ddtp-body .ddtp-months>.ddtp-month.disabled:before{background-color:transparent}.daracl-datetime-wrapper .ddtp-years{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.daracl-datetime-wrapper .ddtp-years>.ddtp-year{cursor:pointer;flex:1 0 25%;line-height:50px;margin-bottom:8px;position:relative;text-align:center}.daracl-datetime-wrapper .ddtp-years>.ddtp-year:before{background-color:var(--select-background-color);border-radius:50%;content:"";display:block;height:50px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease-in;width:50px;z-index:0}.daracl-datetime-wrapper .ddtp-years>.ddtp-year:active:before,.daracl-datetime-wrapper .ddtp-years>.ddtp-year:hover:before{opacity:.5;transition:opacity .2s ease-out}.daracl-datetime-wrapper .ddtp-years>.ddtp-year.disabled{background-color:var(--disabled-background-color);cursor:auto;opacity:.5}.daracl-datetime-wrapper .ddtp-years>.ddtp-year.disabled:before{background-color:transparent}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}
-/*# sourceMappingURL=commons.css.map*/

package/dist/commons.css.map

@@ -1 +0,0 @@
-{"version":3,"file":"commons.css","mappings":";;;;EAAA,wBAEE,QACA,CAHF,kBACE,QACA,CACA,YACA,0BAGF,eACE,aACA,kBACA,gBACA,kBACA,eACA,wBACA,iBACA,uBACA,kCACA,+BACA,sCACA,mBACA,kEAGF,eAEE,aACA,kBACA,gBACA,kBACA,eACA,2BACA,iBACA,uBACA,mBACA,sBACA,+BACA,6BACA,oCACA,0BAIA,aADF,YAEE,6FAEA,sBAGE,mBACA,gCAGF,iBACE,gCAGF,4BACE,+BAIA,oBACA,8BAFF,aAGE,+BAGF,qBACE,6BACA,gCAIF,aACE,oCAIA,mBACE,yCAOF,wCACA,CAJF,iBACE,CAIA,uGADA,kBACA,CAJA,YACA,YAIA,6CAEA,aACE,wJAGE,WAEE,0EAGF,UACE,oFAKF,aACE,8EAEF,MACE,WACA,CAYF,kUAKF,aACE,sEAGF,YACE,gFAKF,YACE,4EAGF,YACE,kFAKF,YACE,6EAGF,YACE,uCAOJ,WACA,CAFA,gBACA,CAFF,oBACE,CAEA,qBACA,yDAIE,eAFF,eACE,kBAEA,0DAMA,eAHF,eACE,kBACA,mBAEA,uDAMA,cADA,WACA,CAHF,gBACE,mBAGA,sEAIE,oBACA,CAFA,eACA,CACA,YAHF,oBAIE,0EAEA,iBACE,4EAGF,0CACE,6DAKF,WADF,UAEE,qCAMJ,eADF,iBAEE,uCAEA,YACE,4CAWA,yCAHA,gCACA,CAFA,iBACA,CAEA,kBACA,CAFA,gBACA,CAPF,aACE,CACA,iBACA,cACA,CAHA,UAQA,CAGE,uGAKF,0CACE,gDAKF,wBACA,iBACA,CAHF,gBACE,CAEA,eACA,cACA,gEAEA,eACE,CAGA,mBAFA,eACA,kBACA,CAHA,UAIA,0DAMA,cACA,oBAFA,WACA,CAHF,iBACE,kBAIA,sEAGE,aACA,CAFF,WACE,CACA,eACA,CACA,QACA,CAFA,iBACA,CAEA,SADA,UAEA,iEAWA,+CACA,kBACA,CAVF,UACE,CAIA,aACA,CACA,WACA,CALA,QACA,CAMA,SACA,CAVA,iBACA,QACA,CACA,8BACA,CAOA,+BANA,UACA,CAIA,SAEA,8IAGF,UAEE,gCACA,qEAKE,kBADF,SAEE,uEAGF,gCACE,CACA,SACA,iCAFA,SAGA,wEAIJ,+CACE,WACA,gCACA,2HAGF,UAEE,mEAGF,iDACE,CACA,YADA,UAEA,0EAEA,4BACE,iDAMR,eACE,kBACA,iEAGE,oBACA,aAFF,uBAGE,oEAGF,yBACE,qBACA,6LAEA,uBAEE,2DAIJ,iBACE,CAEA,QAFA,OACA,WAEA,wEACA,WACE,4DAIJ,iBACE,YACA,8DAGE,kBACA,iBACA,CAHF,cACE,CAEA,qBACA,iEAGF,UACE,+EAOA,gCACA,CAFA,iBACA,CACA,gBACA,CALA,gBACA,eACA,CAGA,kBANF,UAOE,8EAGF,uBACE,kDAKN,kBACE,eACA,8BACA,8DAOE,eAJA,YACA,CACA,gBACA,CAFA,iBACA,CAHF,iBACE,CAGA,iBAEA,qEAUE,+CACA,kBACA,CAVF,UACE,CAIA,aACA,CACA,WACA,CALA,QACA,CAMA,SACA,CAVA,iBACA,QACA,CACA,8BACA,CAOA,+BANA,UACA,CAIA,SAEA,sJAGF,UAEE,gCACA,uEAGF,iDACE,CACA,YADA,UAEA,8EAEA,4BACE,sCAOV,kBACE,eACA,8BACA,iDAOE,eAJA,YACA,CACA,gBACA,CAFA,iBACA,CAHF,iBACE,CAGA,iBAEA,wDAUE,+CACA,kBACA,CAVF,UACE,CAIA,aACA,CACA,WACA,CALA,QACA,CAMA,SACA,CAVA,iBACA,QACA,CACA,8BACA,CAOA,+BANA,UACA,CAIA,SAEA,4HAGF,UAEE,gCACA,0DAGF,iDACE,CACA,YADA,UAEA,iEAEA,4BACE,mBAOV,GACE,SACE,IAGF,SACE,qBAIJ,GACE,SACE,IAGF,SACE","sources":["webpack://Daracl.form/./node_modules/@daracl/datetimepicker/style/daracl.datetimepicker.scss"],"names":[],"sourceRoot":""}