@daracl/form 0.0.15 → 0.0.17

package/dist/main.css

@@ -1,5 +1,5 @@
 /*!
-* @daracl/form  v0.0.15
+* @daracl/form  v0.0.17
 * 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@daracl/form",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "sideEffects": false,
   "description": "Daracl form validation ",
   "author": {

package/dist/types/DateTimePicker.d.ts

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