@daracl/form 0.0.1 → 0.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/daracl.form.js +7 -6
- package/dist/daracl.form.js.map +1 -1
- package/dist/daracl.form.min.css +1 -1
- package/dist/daracl.form.min.css.map +1 -1
- package/dist/daracl.form.min.js +2 -2
- package/dist/daracl.form.min.js.LICENSE.txt +1 -1
- package/dist/daracl.form.min.js.map +1 -1
- package/dist/index.cjs +2 -1
- package/dist/index.cjs.map +2 -2
- package/dist/index.html +35 -143
- package/dist/index.js +2 -1
- package/dist/index.js.map +2 -2
- package/package.json +1 -1
package/dist/daracl.form.min.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @daracl/form v0.0.
|
|
2
|
+
* @daracl/form v0.0.3
|
|
3
3
|
* Copyright 2023-2024 darainfo and other contributors;
|
|
4
4
|
* Licensed MIT
|
|
5
5
|
*/.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{-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-direction:row;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{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-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{-webkit-box-flex:0;flex-basis:8.33333333%;-ms-flex:0 0 8.33333333%;flex:0 0 8.33333333%;max-width:8.33333333%}.daracl-form .col-xs-2{-webkit-box-flex:0;flex-basis:16.66666667%;-ms-flex:0 0 16.66666667%;flex:0 0 16.66666667%;max-width:16.66666667%}.daracl-form .col-xs-3{-webkit-box-flex:0;flex-basis:25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.daracl-form .col-xs-4{-webkit-box-flex:0;flex-basis:33.33333333%;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%}.daracl-form .col-xs-5{-webkit-box-flex:0;flex-basis:41.66666667%;-ms-flex:0 0 41.66666667%;flex:0 0 41.66666667%;max-width:41.66666667%}.daracl-form .col-xs-6{-webkit-box-flex:0;flex-basis:50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.daracl-form .col-xs-7{-webkit-box-flex:0;flex-basis:58.33333333%;-ms-flex:0 0 58.33333333%;flex:0 0 58.33333333%;max-width:58.33333333%}.daracl-form .col-xs-8{-webkit-box-flex:0;flex-basis:66.66666667%;-ms-flex:0 0 66.66666667%;flex:0 0 66.66666667%;max-width:66.66666667%}.daracl-form .col-xs-9{-webkit-box-flex:0;flex-basis:75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.daracl-form .col-xs-10{-webkit-box-flex:0;flex-basis:83.33333333%;-ms-flex:0 0 83.33333333%;flex:0 0 83.33333333%;max-width:83.33333333%}.daracl-form .col-xs-11{-webkit-box-flex:0;flex-basis:91.66666667%;-ms-flex:0 0 91.66666667%;flex:0 0 91.66666667%;max-width:91.66666667%}.daracl-form .col-xs-12{-webkit-box-flex:0;flex-basis:100%;-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{-ms-flex-positive:1;-webkit-box-flex:1;-ms-flex-preferred-size:0;flex-basis:0;-webkit-flex-grow:1;flex-grow:1;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+PHBhdGggZD0iTTE4IDE1djNINnYtM0g0djNjMCAxLjEuOSAyIDIgMmgxMmMxLjEgMCAyLS45IDItMnYtM2gtMnptLTEtNC0xLjQxLTEuNDFMMTMgMTIuMTdWNGgtMnY4LjE3TDguNDEgOS41OSA3IDExbDUgNSA1LTV6Ii8+PC9zdmc+)}.daracl-form .daracl-file-list .file-icon.remove{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBkPSJNMTYgOXYxMEg4VjloOG0tMS41LTZoLTVsLTEgMUg1djJoMTRWNGgtMy41bC0xLTF6TTE4IDdINnYxMmMwIDEuMS45IDIgMiAyaDhjMS4xIDAgMi0uOSAyLTJWN3oiLz48L3N2Zz4=)}.daracl-form .daracl-file-list .file-name{word-wrap:normal;display:inline-block;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;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-98V-431Z'/%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-189-189 189Z'/%3E%3C/svg%3E")}.daracl-form .form-group{-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-direction:row;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{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-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}.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}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"daracl.form.min.css","mappings":"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GE,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://DaraForm/./style/daracl.form.scss","webpack://DaraForm/./node_modules/@daracl/datetimepicker/style/daracl.datetimepicker.scss"],"sourcesContent":["$sizes: 8.33333333%, 16.66666667%, 25%, 33.33333333%, 41.66666667%, 50%, 58.33333333%, 66.66666667%, 75%, 83.33333333%, 91.66666667%, 100%;\r\n\r\n@mixin rowFlex() {\r\n &.top {\r\n flex-direction: column;\r\n > div {\r\n max-width: 100% !important;\r\n }\r\n }\r\n\r\n &.right {\r\n -ms-flex-direction: row-reverse !important;\r\n -webkit-box-orient: horizontal !important;\r\n -webkit-box-direction: reverse !important;\r\n flex-direction: row-reverse !important;\r\n }\r\n\r\n &.bottom {\r\n flex-direction: column-reverse !important;\r\n > div {\r\n max-width: 100% !important;\r\n }\r\n }\r\n}\r\n\r\n.daracl-form {\r\n --border-color: #dfe1e5;\r\n --color-danger: #d9534f;\r\n --background-danger: #d9534f;\r\n --font-color: #686868;\r\n --font-hover-color: #3a3d41;\r\n --invalid-font-color: #ff4136;\r\n --invalid-border-color: #ffb6b4;\r\n --invalid-background-color: #fdd;\r\n --button-bg: #f6f6f6;\r\n --button-bg-hover: #ebebeb;\r\n --tab-bg: #f6f6f6;\r\n --tab-bg-hover: #ebebeb;\r\n --tooltip-background: #3e3e3e;\r\n --tooltip-color: #fff;\r\n --field-margin-top: 10px;\r\n --input-bg: #fff;\r\n --input-color: #212529;\r\n --input-disabled-bg: #ebebeb;\r\n --bg-grid-header: #f1f1f1;\r\n}\r\n\r\nbody.dark .daracl-form,\r\n.daracl-form.dark {\r\n --border-color: #41444c;\r\n --color-danger: #d9534f;\r\n --background-danger: #d9534f;\r\n --font-color: #b9bdc1;\r\n --font-hover-color: #f5f3f3;\r\n --invalid-font-color: #ff4136;\r\n --invalid-border-color: #ffb6b4;\r\n --invalid-background-color: #fdd;\r\n --button-bg: #435ebe;\r\n --button-bg-hover: #3950a2;\r\n --tab-bg: #23418f;\r\n --tab-bg-hover: #516db1;\r\n --tooltip-background: #3e3e3e;\r\n --tooltip-color: #fff;\r\n --field-margin-top: 10px;\r\n --input-bg: transparent;\r\n --input-color: #c6cddb;\r\n --input-disabled-bg: #878787;\r\n --bg-grid-header: #878787;\r\n}\r\n\r\n.daracl-form {\r\n padding: 0px;\r\n margin-top: 10px;\r\n color: var(--font-color);\r\n\r\n *,\r\n ::after,\r\n ::before {\r\n box-sizing: border-box;\r\n }\r\n\r\n .txt {\r\n &-left {\r\n text-align: left;\r\n }\r\n\r\n &-center {\r\n text-align: center;\r\n }\r\n\r\n &-right {\r\n text-align: right;\r\n }\r\n }\r\n\r\n &[data-df-mode=\"view\"] {\r\n .form-field {\r\n border-width: 0px;\r\n border-color: transparent;\r\n border-color: transparent;\r\n outline: initial;\r\n\r\n &:focus-visible,\r\n &:focus {\r\n border-width: 0px;\r\n }\r\n }\r\n }\r\n\r\n .df-hidden {\r\n max-height: 0vh !important;\r\n width: 0px;\r\n visibility: collapse;\r\n display: none !important;\r\n padding: 0px !important;\r\n margin: 0px !important;\r\n }\r\n\r\n input,\r\n select,\r\n textarea {\r\n background-color: transparent;\r\n color: var(--font-color);\r\n &[disabled] {\r\n background-color: var(--input-disabled-bg);\r\n opacity: 0.8;\r\n }\r\n }\r\n\r\n .df-label {\r\n position: relative;\r\n font-weight: 700;\r\n vertical-align: top;\r\n padding: 5px 15px 0px 0px;\r\n overflow: initial;\r\n // 확인할것.\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n word-break: break-all;\r\n\r\n .required {\r\n &::after {\r\n content: \"*\";\r\n vertical-align: middle;\r\n }\r\n\r\n color: var(--color-danger);\r\n }\r\n\r\n .df-tooltip {\r\n visibility: visible;\r\n color: var(--tooltip-color);\r\n background: var(--tooltip-background);\r\n width: 16px;\r\n height: 16px;\r\n border-radius: 8px;\r\n text-align: center;\r\n line-height: 16px;\r\n margin: 0 5px;\r\n font-size: 12px;\r\n cursor: help;\r\n position: relative;\r\n display: inline-block;\r\n\r\n .tooltip {\r\n display: none;\r\n text-align: initial;\r\n background: var(--tooltip-background);\r\n border-radius: 5px;\r\n color: var(--tooltip-color);\r\n padding: 10px 5px;\r\n position: absolute;\r\n z-index: 2;\r\n left: -10px;\r\n min-width: max-content;\r\n text-shadow: none;\r\n cursor: default;\r\n }\r\n\r\n &:hover .tooltip {\r\n display: block;\r\n }\r\n }\r\n }\r\n\r\n .form-field {\r\n border: 1px solid var(--border-color);\r\n display: block;\r\n width: 100%;\r\n padding: 0.375rem 0.75rem;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n border-radius: 4px;\r\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\r\n background-color: var(--input-bg);\r\n background-clip: padding-box;\r\n color: var(--input-color);\r\n\r\n &[type=\"radio\"],\r\n &[type=\"checkbox\"] {\r\n width: 14px;\r\n display: inline;\r\n min-height: 0px;\r\n padding: 0px;\r\n margin: 0px;\r\n vertical-align: middle;\r\n }\r\n\r\n &.dropdown {\r\n appearance: none;\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n }\r\n\r\n &.textarea {\r\n padding-right: 0px;\r\n }\r\n\r\n &[type=\"number\"] {\r\n padding-right: 3px;\r\n }\r\n\r\n &.file {\r\n display: none;\r\n }\r\n\r\n &.range {\r\n padding: 0px;\r\n }\r\n }\r\n\r\n .df-row {\r\n display: -ms-flexbox;\r\n display: -webkit-box;\r\n display: flex;\r\n -ms-flex: 0 1 auto;\r\n -webkit-box-flex: 0;\r\n flex: 0 1 auto;\r\n -ms-flex-direction: row;\r\n -webkit-box-orient: horizontal;\r\n -webkit-box-direction: normal;\r\n flex-direction: row;\r\n -ms-flex-wrap: wrap;\r\n flex-wrap: wrap;\r\n\r\n &.vertical {\r\n display: block;\r\n }\r\n\r\n &.horizontal {\r\n -webkit-box-flex: 0;\r\n -ms-flex: 0 0 auto;\r\n flex: 0 0 auto;\r\n width: auto;\r\n max-width: none;\r\n\r\n > .form-group > .empty {\r\n display: none !important;\r\n }\r\n }\r\n\r\n @include rowFlex();\r\n }\r\n\r\n @each $size in $sizes {\r\n $i: index($sizes, $size);\r\n $className: \".col-xs-#{$i}\";\r\n #{$className} {\r\n flex-basis: $size;\r\n -webkit-box-flex: 0;\r\n -ms-flex: 0 0 $size;\r\n flex: 0 0 $size;\r\n max-width: $size;\r\n }\r\n }\r\n\r\n .align-items-center {\r\n -webkit-box-align: center !important;\r\n -ms-flex-align: center !important;\r\n align-items: center !important;\r\n }\r\n\r\n .col-xs {\r\n -webkit-flex-grow: 1;\r\n -ms-flex-positive: 1;\r\n -webkit-box-flex: 1;\r\n flex-grow: 1;\r\n -ms-flex-preferred-size: 0;\r\n flex-basis: 0;\r\n max-width: 100%;\r\n }\r\n\r\n .col-auto {\r\n -webkit-box-flex: 0;\r\n -ms-flex: 0 0 auto;\r\n flex: 0 0 auto;\r\n width: auto;\r\n max-width: none;\r\n }\r\n\r\n .col-fix {\r\n flex: none;\r\n }\r\n\r\n .col-full {\r\n flex: 1;\r\n overflow: auto;\r\n }\r\n\r\n .df-field-container {\r\n overflow: initial;\r\n position: relative;\r\n > .df-row {\r\n margin-top: -10px;\r\n }\r\n\r\n > div + .df-row {\r\n margin-top: 0px;\r\n }\r\n .df-field {\r\n position: relative;\r\n margin-right: 10px;\r\n\r\n .range-num {\r\n clear: both;\r\n display: block;\r\n width: 100%;\r\n text-align: left;\r\n }\r\n\r\n .file-wrapper {\r\n border: 1px solid var(--border-color);\r\n text-align: center;\r\n display: block;\r\n width: 100%;\r\n padding: 0.375rem 0.75rem;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n background-clip: padding-box;\r\n border-radius: 4px;\r\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\r\n }\r\n }\r\n }\r\n\r\n .daracl-file-list {\r\n .file-icon {\r\n width: 20px;\r\n height: 20px;\r\n display: inline-block;\r\n vertical-align: middle;\r\n cursor: pointer;\r\n\r\n &:hover {\r\n background-color: var(--button-bg-hover);\r\n }\r\n\r\n &.download {\r\n background-image: url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjIwcHgiIGZpbGw9IiMwMDAwMDAiPjxnPjxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iMjQiIHdpZHRoPSIyNCIvPjwvZz48Zz48cGF0aCBkPSJNMTgsMTV2M0g2di0zSDR2M2MwLDEuMSwwLjksMiwyLDJoMTJjMS4xLDAsMi0wLjksMi0ydi0zSDE4eiBNMTcsMTFsLTEuNDEtMS40MUwxMywxMi4xN1Y0aC0ydjguMTdMOC40MSw5LjU5TDcsMTFsNSw1IEwxNywxMXoiLz48L2c+PC9zdmc+\");\r\n }\r\n\r\n &.remove {\r\n background-image: url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjBweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTE2IDl2MTBIOFY5aDhtLTEuNS02aC01bC0xIDFINXYyaDE0VjRoLTMuNWwtMS0xek0xOCA3SDZ2MTJjMCAxLjEuOSAyIDIgMmg4YzEuMSAwIDItLjkgMi0yVjd6Ii8+PC9zdmc+\");\r\n }\r\n }\r\n\r\n .file-name {\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n word-wrap: normal;\r\n overflow: hidden;\r\n display: inline-block;\r\n vertical-align: middle;\r\n width: calc(100% - 55px);\r\n }\r\n }\r\n\r\n .field-group {\r\n .field.vertical {\r\n > * {\r\n display: block;\r\n }\r\n }\r\n }\r\n\r\n .tab-header {\r\n list-style: none;\r\n margin: 0px;\r\n padding: 0px;\r\n\r\n display: flex;\r\n line-height: 1.3;\r\n width: 100%;\r\n border-bottom: 1px solid var(--border-color);\r\n\r\n &.tab-al {\r\n &-left {\r\n justify-content: left;\r\n }\r\n &-right {\r\n justify-content: right;\r\n }\r\n &-center {\r\n justify-content: center;\r\n }\r\n }\r\n\r\n > .tab-item {\r\n list-style: none;\r\n float: left;\r\n position: relative;\r\n top: 0;\r\n margin: 1px 0.4em 0 0;\r\n padding: 0;\r\n white-space: nowrap;\r\n\r\n &.active {\r\n a {\r\n color: var(--font-hover-color);\r\n background-color: var(--tab-bg);\r\n }\r\n }\r\n\r\n a {\r\n border-top-left-radius: calc(0.45rem - 1px);\r\n border-top-right-radius: calc(0.45rem - 1px);\r\n border: 1px solid transparent;\r\n border-bottom-width: 0;\r\n float: left;\r\n padding: 0.5em 1em;\r\n text-decoration: none;\r\n color: var(--font-color);\r\n height: 30px;\r\n line-height: 15px;\r\n\r\n &:hover {\r\n background-color: var(--tab-bg-hover);\r\n border: 1px solid var(--border-color);\r\n border-bottom-width: 0;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .df-tab-body {\r\n .tab-panel {\r\n display: none;\r\n\r\n &.active {\r\n display: block;\r\n }\r\n }\r\n }\r\n\r\n .df-btn {\r\n padding: 5px 10px;\r\n border-radius: calc(0.45rem - 1px);\r\n border: 1px solid var(--border-color);\r\n background-color: var(--button-bg);\r\n\r\n cursor: pointer;\r\n transition: background-color 0.3s;\r\n\r\n &:hover {\r\n color: var(--font-hover-color);\r\n background-color: var(--button-bg-hover);\r\n }\r\n }\r\n\r\n .df-icon {\r\n display: inline-block;\r\n width: 21px; /* 아이콘의 너비 설정 */\r\n height: 21px; /* 아이콘의 높이 설정 */\r\n vertical-align: middle;\r\n }\r\n\r\n .df-add-icon {\r\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%235f6368'%3E%3Cpath d='M431-431H220.78v-98H431v-210.22h98V-529h210.22v98H529v210.22h-98V-431Z'/%3E%3C/svg%3E\");\r\n }\r\n\r\n .df-remove-icon {\r\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%235f6368'%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-189-189 189Z'/%3E%3C/svg%3E\");\r\n }\r\n\r\n .form-group {\r\n display: -ms-flexbox;\r\n display: -webkit-box;\r\n display: flex;\r\n -ms-flex-direction: row;\r\n -webkit-box-orient: horizontal;\r\n -webkit-box-direction: normal;\r\n flex-direction: row;\r\n -ms-flex-wrap: wrap;\r\n flex-wrap: wrap;\r\n margin-top: var(--field-margin-top);\r\n margin-bottom: 0px;\r\n margin-right: 0px !important;\r\n margin-left: 0px !important;\r\n\r\n &:last-child {\r\n margin-bottom: 0px;\r\n }\r\n\r\n @include rowFlex();\r\n\r\n .help-message {\r\n display: none;\r\n }\r\n\r\n .help-icon {\r\n background-repeat: no-repeat;\r\n background-position-y: center;\r\n\r\n &.form-field {\r\n background-position-x: calc(100% - 15px);\r\n }\r\n\r\n &.daracl-icon {\r\n display: none;\r\n position: absolute;\r\n z-index: 1;\r\n top: 0px;\r\n right: 0px;\r\n height: 100%;\r\n width: 20px;\r\n margin-right: 15px;\r\n }\r\n }\r\n\r\n &.invalid {\r\n .form-field {\r\n border-color: var(--invalid-border-color);\r\n outline-color: var(--invalid-border-color);\r\n }\r\n\r\n > .df-field-container.required > .df-field .help-icon {\r\n display: block;\r\n background-image: url(\"data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjAiPjxwYXRoIGQ9Im0yNDktMjA3LTQyLTQyIDIzMS0yMzEtMjMxLTIzMSA0Mi00MiAyMzEgMjMxIDIzMS0yMzEgNDIgNDItMjMxIDIzMSAyMzEgMjMxLTQyIDQyLTIzMS0yMzEtMjMxIDIzMVoiIHN0eWxlPSImIzEwOyAgICBmaWxsOiAjZmY3MzczOyYjMTA7Ii8+PC9zdmc+\");\r\n }\r\n\r\n .help-message {\r\n display: block;\r\n color: var(--invalid-font-color);\r\n }\r\n }\r\n\r\n &.valid {\r\n > .df-field-container.required {\r\n > .df-field .help-icon {\r\n display: block;\r\n background-image: url(\"data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHN0eWxlPSImIzEwOyAgICBmaWxsOiAjMTlhOTc0OyYjMTA7Ij48cGF0aCBkPSJNMzc4LTI0NiAxNTQtNDcwbDQzLTQzIDE4MSAxODEgMzg0LTM4NCA0MyA0My00MjcgNDI3WiIvPjwvc3ZnPg==\");\r\n }\r\n }\r\n }\r\n\r\n .file-label {\r\n border: 1px solid var(--border-color);\r\n display: inline;\r\n width: 100%;\r\n padding: 3px 15px;\r\n line-height: 1;\r\n background-clip: padding-box;\r\n border-radius: 4px;\r\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\r\n\r\n &:hover {\r\n background-color: var(--button-bg-hover);\r\n }\r\n }\r\n }\r\n .df-grid-field {\r\n margin-right: 10px;\r\n .df-grid-btn-area {\r\n border: 1px solid var(--border-color);\r\n padding: 3px;\r\n }\r\n\r\n .df-grid-container {\r\n width: 100%;\r\n height: auto;\r\n overflow-y: auto;\r\n border: 1px solid var(--border-color);\r\n\r\n .df-btn {\r\n padding: 3px 5px;\r\n }\r\n\r\n .df-grid {\r\n width: 100%;\r\n border-top-width: 0px;\r\n border-collapse: collapse;\r\n\r\n > thead {\r\n th {\r\n position: sticky;\r\n top: 0px;\r\n z-index: 10;\r\n border-bottom: 1px solid var(--border-color);\r\n background-color: var(--bg-grid-header);\r\n text-align: center;\r\n }\r\n }\r\n\r\n .help-message {\r\n display: none;\r\n }\r\n\r\n td,\r\n th {\r\n padding: 3px 5px;\r\n }\r\n\r\n .help-icon {\r\n background-repeat: no-repeat;\r\n background-position-y: center;\r\n\r\n &.form-field {\r\n background-position-x: calc(100% - 15px);\r\n }\r\n\r\n &.daracl-icon {\r\n display: none;\r\n position: absolute;\r\n z-index: 1;\r\n top: 0px;\r\n right: 0px;\r\n height: 100%;\r\n width: 20px;\r\n margin-right: 15px;\r\n }\r\n }\r\n\r\n .grid-column {\r\n position: relative;\r\n }\r\n\r\n .invalid {\r\n .form-field {\r\n border-color: var(--invalid-border-color);\r\n outline-color: var(--invalid-border-color);\r\n }\r\n\r\n > .grid-column.required .df-field .help-icon {\r\n display: block;\r\n background-image: url(\"data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjAiPjxwYXRoIGQ9Im0yNDktMjA3LTQyLTQyIDIzMS0yMzEtMjMxLTIzMSA0Mi00MiAyMzEgMjMxIDIzMS0yMzEgNDIgNDItMjMxIDIzMSAyMzEgMjMxLTQyIDQyLTIzMS0yMzEtMjMxIDIzMVoiIHN0eWxlPSImIzEwOyAgICBmaWxsOiAjZmY3MzczOyYjMTA7Ii8+PC9zdmc+\");\r\n }\r\n\r\n .help-message {\r\n display: block;\r\n position: absolute;\r\n border: 1px solid var(--invalid-border-color);\r\n border-color: var(--invalid-border-color) transparent transparent transparent;\r\n top: calc(100% + 6px);\r\n left: 50%;\r\n transform: translateX(-50%);\r\n min-width: 270px;\r\n padding: 5px 5px;\r\n border-radius: 0.4rem;\r\n z-index: 2;\r\n background-color: var(--invalid-background-color);\r\n color: var(--invalid-font-color);\r\n &::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: 50%;\r\n width: 0;\r\n height: 0;\r\n border: 7px solid transparent;\r\n border-bottom-color: var(--invalid-border-color);\r\n border-top: 0;\r\n border-left: 0;\r\n margin-left: -3.5px;\r\n margin-top: -7px;\r\n }\r\n }\r\n }\r\n\r\n .valid {\r\n > .grid-column.required {\r\n .df-field .help-icon {\r\n display: block;\r\n background-image: url(\"data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHN0eWxlPSImIzEwOyAgICBmaWxsOiAjMTlhOTc0OyYjMTA7Ij48cGF0aCBkPSJNMzc4LTI0NiAxNTQtNDcwbDQzLTQzIDE4MSAxODEgMzg0LTM4NCA0MyA0My00MjcgNDI3WiIvPjwvc3ZnPg==\");\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n",".daracl-datetime-hidden {\r\n visibility: visible;\r\n width: 0px;\r\n height: 0px;\r\n z-index: 1000;\r\n}\r\n\r\n.daracl-datetime-wrapper {\r\n --color: #34495e;\r\n --light: #ffffff;\r\n --success: #0abf30;\r\n --error: #e24d4c;\r\n --warning: #e9bd0c;\r\n --info: #3498db;\r\n --background-color: #ffffff;\r\n --sunday: #f00d0d;\r\n --border-color: #d3d2d2;\r\n --select-background-color: #0abf30;\r\n --button-hover-color: #d4d4d48a;\r\n --disabled-background-color: #f1f1f18a;\r\n --today-bg: #a9d5ff;\r\n}\r\n\r\nbody.dark .daracl-datetime-wrapper,\r\n.daracl-datetime-wrapper.dark {\r\n --color: #d0d6e1;\r\n --light: #ffffff;\r\n --success: #0abf30;\r\n --error: #e24d4c;\r\n --warning: #e9bd0c;\r\n --info: #3498db;\r\n --background-color: #070d19;\r\n --sunday: #f00d0d;\r\n --border-color: #6e7380;\r\n --today-bg: #5660d9;\r\n --today-color: #5660d9;\r\n --select-background-color: #ffffff;\r\n --button-hover-color: #31316c;\r\n --disabled-background-color: #818181;\r\n}\r\n\r\n.daracl-datetime-wrapper {\r\n z-index: 1000;\r\n display: none;\r\n\r\n *,\r\n *::before,\r\n *::after {\r\n box-sizing: content-box;\r\n color: var(--color);\r\n }\r\n\r\n &.layer {\r\n position: absolute;\r\n }\r\n\r\n input {\r\n background-color: transparent;\r\n }\r\n\r\n &.show {\r\n display: block;\r\n animation: fadeIn 0.5s;\r\n animation-fill-mode: forwards;\r\n }\r\n\r\n &.hide {\r\n animation: fadeOut 0.5s;\r\n animation-fill-mode: forwards;\r\n //animation: daraToastHide 0.3s ease forwards;\r\n }\r\n\r\n &.embed {\r\n display: block;\r\n }\r\n\r\n .sun {\r\n & > span {\r\n color: var(--sunday);\r\n }\r\n }\r\n\r\n .ddtp-datetime {\r\n border-radius: 4px;\r\n padding: 10px;\r\n width: 235px;\r\n background-color: var(--background-color);\r\n color: var(--color);\r\n box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);\r\n\r\n &.rtl {\r\n direction: rtl;\r\n\r\n .ddtp-header {\r\n .ddtp-header-year,\r\n .ddtp-header-month {\r\n float: right;\r\n }\r\n\r\n .ddtp-date-move {\r\n float: left;\r\n }\r\n }\r\n\r\n .ddtp-body .ddtp-times {\r\n .time-container {\r\n display: block;\r\n }\r\n & > .time-btn {\r\n left: 0px;\r\n right: auto;\r\n }\r\n }\r\n }\r\n\r\n &[view-mode=\"date\"] .ddtp-body > .ddtp-days {\r\n display: block;\r\n }\r\n\r\n &[view-mode=\"datetime\"] {\r\n .ddtp-body > .ddtp-times,\r\n .ddtp-body > .ddtp-days {\r\n display: block;\r\n }\r\n }\r\n\r\n &[view-mode=\"time\"] {\r\n .ddtp-body > .ddtp-times {\r\n display: block;\r\n }\r\n\r\n .ddtp-header {\r\n display: none;\r\n }\r\n }\r\n\r\n &[view-mode=\"year\"] {\r\n .ddtp-body > .ddtp-years {\r\n display: flex;\r\n }\r\n\r\n .ddtp-header-month {\r\n display: none;\r\n }\r\n }\r\n\r\n &[view-mode=\"month\"] {\r\n .ddtp-body > .ddtp-months {\r\n display: flex;\r\n }\r\n\r\n .ddtp-header-month {\r\n display: none;\r\n }\r\n }\r\n }\r\n\r\n .ddtp-header {\r\n padding: 2px 5px 10px;\r\n line-height: 25px;\r\n height: 25px;\r\n vertical-align: middle;\r\n\r\n .ddtp-header-year {\r\n font-weight: bold;\r\n margin: 0px 10px 0px 0px;\r\n cursor: pointer;\r\n }\r\n\r\n .ddtp-header-month {\r\n font-weight: bold;\r\n margin: 0px 10px 0px 0px;\r\n vertical-align: top;\r\n cursor: pointer;\r\n }\r\n\r\n .ddtp-date-move {\r\n margin-left: auto;\r\n vertical-align: top;\r\n float: right;\r\n direction: ltr;\r\n\r\n .ddtp-move-btn {\r\n text-decoration: none;\r\n font-weight: bold;\r\n display: inline-block;\r\n height: 24px;\r\n\r\n > svg {\r\n fill: var(--color);\r\n }\r\n\r\n &:hover {\r\n background-color: var(--button-hover-color);\r\n }\r\n }\r\n\r\n &::after {\r\n content: \"\";\r\n clear: both;\r\n }\r\n }\r\n }\r\n\r\n .ddtp-body {\r\n margin: -2px -10px;\r\n font-size: 13px;\r\n\r\n > * {\r\n display: none;\r\n }\r\n\r\n button {\r\n display: block;\r\n width: 100%;\r\n margin-bottom: 7px;\r\n padding: 3px 0px;\r\n border-radius: 4px;\r\n border-color: var(--border-color);\r\n border-width: 1px;\r\n border-style: solid;\r\n background-color: var(--background-color);\r\n\r\n &:hover {\r\n background-color: var(--button-hover-color);\r\n }\r\n }\r\n\r\n .time-today {\r\n &:hover {\r\n background-color: var(--button-hover-color);\r\n }\r\n }\r\n\r\n .ddtp-days {\r\n letter-spacing: 0px;\r\n border-collapse: separate;\r\n border-spacing: 0px;\r\n margin: 2px 10px;\r\n width: inherit;\r\n\r\n .ddtp-day-label {\r\n font-weight: bold;\r\n width: 35px;\r\n padding: 2px 5px;\r\n text-align: center;\r\n line-height: initial;\r\n }\r\n\r\n .ddtp-day {\r\n position: relative;\r\n text-align: center;\r\n padding: 7px;\r\n cursor: pointer;\r\n line-height: initial;\r\n\r\n &.event::after {\r\n content: \"•\";\r\n color: #f78536;\r\n font-size: 1.4em;\r\n position: absolute;\r\n left: 2px;\r\n z-index: 10;\r\n top: -7px;\r\n }\r\n\r\n &:before {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n display: block;\r\n width: 30px;\r\n height: 30px;\r\n background-color: var(--select-background-color);\r\n border-radius: 50%;\r\n opacity: 0;\r\n z-index: 0;\r\n transition: opacity 0.2s ease-in;\r\n }\r\n\r\n &:active:before,\r\n &:hover:before {\r\n opacity: 0.7;\r\n transition: opacity 0.2s ease-out;\r\n }\r\n\r\n &.today {\r\n > span {\r\n z-index: 2;\r\n position: relative;\r\n }\r\n\r\n &:before {\r\n background-color: var(--today-bg);\r\n z-index: 1;\r\n opacity: 1;\r\n transition: opacity 0.2s ease-out;\r\n }\r\n }\r\n\r\n &.select:before {\r\n background-color: var(--select-background-color);\r\n opacity: 0.5;\r\n transition: opacity 0.2s ease-out;\r\n }\r\n\r\n &.old,\r\n &.new {\r\n opacity: 0.5;\r\n }\r\n\r\n &.disabled {\r\n background-color: var(--disabled-background-color);\r\n opacity: 0.5;\r\n cursor: auto;\r\n\r\n &:before {\r\n background-color: transparent;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .ddtp-times {\r\n margin: 2px 15px;\r\n position: relative;\r\n\r\n > .time-container {\r\n width: calc(100% - 60px);\r\n display: inline-block;\r\n height: 60px;\r\n }\r\n\r\n input[type=\"number\"] {\r\n -moz-appearance: textfield;\r\n appearance: textfield;\r\n\r\n &::-webkit-inner-spin-button,\r\n &::-webkit-outer-spin-button {\r\n -webkit-appearance: none;\r\n }\r\n }\r\n\r\n > .time-btn {\r\n position: absolute;\r\n top: 9px;\r\n width: 55px;\r\n right: 0px;\r\n > .time-select {\r\n height: 40px;\r\n }\r\n }\r\n\r\n .ddtp-time {\r\n display: table-row;\r\n width: 160px;\r\n\r\n > * {\r\n margin-top: 5px;\r\n display: table-cell;\r\n line-height: 20px;\r\n vertical-align: middle;\r\n }\r\n\r\n > span {\r\n width: 20px;\r\n }\r\n\r\n > input[type=\"number\"] {\r\n width: 45px;\r\n margin-right: 5px;\r\n padding-left: 0px;\r\n border-radius: 4px;\r\n border-color: var(--border-color);\r\n border-width: 1px;\r\n text-align: center;\r\n }\r\n\r\n > input[type=\"range\"] {\r\n width: calc(100% - 60px);\r\n }\r\n }\r\n }\r\n\r\n .ddtp-months {\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n justify-content: space-between;\r\n\r\n > .ddtp-month {\r\n position: relative;\r\n flex: 1 0 30%;\r\n margin-bottom: 8px;\r\n line-height: 50px;\r\n text-align: center;\r\n cursor: pointer;\r\n\r\n &:before {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n display: block;\r\n width: 50px;\r\n height: 50px;\r\n background-color: var(--select-background-color);\r\n border-radius: 50%;\r\n opacity: 0;\r\n z-index: 0;\r\n transition: opacity 0.2s ease-in;\r\n }\r\n\r\n &:active:before,\r\n &:hover:before {\r\n opacity: 0.5;\r\n transition: opacity 0.2s ease-out;\r\n }\r\n\r\n &.disabled {\r\n background-color: var(--disabled-background-color);\r\n opacity: 0.5;\r\n cursor: auto;\r\n\r\n &:before {\r\n background-color: transparent;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .ddtp-years {\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n justify-content: space-between;\r\n\r\n > .ddtp-year {\r\n position: relative;\r\n flex: 1 0 25%;\r\n margin-bottom: 8px;\r\n line-height: 50px;\r\n text-align: center;\r\n cursor: pointer;\r\n\r\n &:before {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n display: block;\r\n width: 50px;\r\n height: 50px;\r\n background-color: var(--select-background-color);\r\n border-radius: 50%;\r\n opacity: 0;\r\n z-index: 0;\r\n transition: opacity 0.2s ease-in;\r\n }\r\n\r\n &:active:before,\r\n &:hover:before {\r\n opacity: 0.5;\r\n transition: opacity 0.2s ease-out;\r\n }\r\n\r\n &.disabled {\r\n background-color: var(--disabled-background-color);\r\n opacity: 0.5;\r\n cursor: auto;\r\n\r\n &:before {\r\n background-color: transparent;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n@keyframes fadeIn {\r\n from {\r\n opacity: 0;\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n@keyframes fadeOut {\r\n from {\r\n opacity: 1;\r\n }\r\n\r\n to {\r\n opacity: 0;\r\n }\r\n}\r\n"],"names":[],"sourceRoot":""}
|
|
1
|
+
{"version":3,"file":"daracl.form.min.css","mappings":"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GE,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/./style/daracl.form.scss","webpack://Daracl.form/./node_modules/@daracl/datetimepicker/style/daracl.datetimepicker.scss"],"sourcesContent":["$sizes: 8.33333333%, 16.66666667%, 25%, 33.33333333%, 41.66666667%, 50%, 58.33333333%, 66.66666667%, 75%, 83.33333333%, 91.66666667%, 100%;\r\n\r\n@mixin rowFlex() {\r\n &.top {\r\n flex-direction: column;\r\n > div {\r\n max-width: 100% !important;\r\n }\r\n }\r\n\r\n &.right {\r\n -ms-flex-direction: row-reverse !important;\r\n -webkit-box-orient: horizontal !important;\r\n -webkit-box-direction: reverse !important;\r\n flex-direction: row-reverse !important;\r\n }\r\n\r\n &.bottom {\r\n flex-direction: column-reverse !important;\r\n > div {\r\n max-width: 100% !important;\r\n }\r\n }\r\n}\r\n\r\n.daracl-form {\r\n --border-color: #dfe1e5;\r\n --color-danger: #d9534f;\r\n --background-danger: #d9534f;\r\n --font-color: #686868;\r\n --font-hover-color: #3a3d41;\r\n --invalid-font-color: #ff4136;\r\n --invalid-border-color: #ffb6b4;\r\n --invalid-background-color: #fdd;\r\n --button-bg: #f6f6f6;\r\n --button-bg-hover: #ebebeb;\r\n --tab-bg: #f6f6f6;\r\n --tab-bg-hover: #ebebeb;\r\n --tooltip-background: #3e3e3e;\r\n --tooltip-color: #fff;\r\n --field-margin-top: 10px;\r\n --input-bg: #fff;\r\n --input-color: #212529;\r\n --input-disabled-bg: #ebebeb;\r\n --bg-grid-header: #f1f1f1;\r\n}\r\n\r\nbody.dark .daracl-form,\r\n.daracl-form.dark {\r\n --border-color: #41444c;\r\n --color-danger: #d9534f;\r\n --background-danger: #d9534f;\r\n --font-color: #b9bdc1;\r\n --font-hover-color: #f5f3f3;\r\n --invalid-font-color: #ff4136;\r\n --invalid-border-color: #ffb6b4;\r\n --invalid-background-color: #fdd;\r\n --button-bg: #435ebe;\r\n --button-bg-hover: #3950a2;\r\n --tab-bg: #23418f;\r\n --tab-bg-hover: #516db1;\r\n --tooltip-background: #3e3e3e;\r\n --tooltip-color: #fff;\r\n --field-margin-top: 10px;\r\n --input-bg: transparent;\r\n --input-color: #c6cddb;\r\n --input-disabled-bg: #878787;\r\n --bg-grid-header: #878787;\r\n}\r\n\r\n.daracl-form {\r\n padding: 0px;\r\n margin-top: 10px;\r\n color: var(--font-color);\r\n\r\n *,\r\n ::after,\r\n ::before {\r\n box-sizing: border-box;\r\n }\r\n\r\n .txt {\r\n &-left {\r\n text-align: left;\r\n }\r\n\r\n &-center {\r\n text-align: center;\r\n }\r\n\r\n &-right {\r\n text-align: right;\r\n }\r\n }\r\n\r\n &[data-df-mode=\"view\"] {\r\n .form-field {\r\n border-width: 0px;\r\n border-color: transparent;\r\n border-color: transparent;\r\n outline: initial;\r\n\r\n &:focus-visible,\r\n &:focus {\r\n border-width: 0px;\r\n }\r\n }\r\n }\r\n\r\n .df-hidden {\r\n max-height: 0vh !important;\r\n width: 0px;\r\n visibility: collapse;\r\n display: none !important;\r\n padding: 0px !important;\r\n margin: 0px !important;\r\n }\r\n\r\n input,\r\n select,\r\n textarea {\r\n background-color: transparent;\r\n color: var(--font-color);\r\n &[disabled] {\r\n background-color: var(--input-disabled-bg);\r\n opacity: 0.8;\r\n }\r\n }\r\n\r\n .df-label {\r\n position: relative;\r\n font-weight: 700;\r\n vertical-align: top;\r\n padding: 5px 15px 0px 0px;\r\n overflow: initial;\r\n // 확인할것.\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n word-break: break-all;\r\n\r\n .required {\r\n &::after {\r\n content: \"*\";\r\n vertical-align: middle;\r\n }\r\n\r\n color: var(--color-danger);\r\n }\r\n\r\n .df-tooltip {\r\n visibility: visible;\r\n color: var(--tooltip-color);\r\n background: var(--tooltip-background);\r\n width: 16px;\r\n height: 16px;\r\n border-radius: 8px;\r\n text-align: center;\r\n line-height: 16px;\r\n margin: 0 5px;\r\n font-size: 12px;\r\n cursor: help;\r\n position: relative;\r\n display: inline-block;\r\n\r\n .tooltip {\r\n display: none;\r\n text-align: initial;\r\n background: var(--tooltip-background);\r\n border-radius: 5px;\r\n color: var(--tooltip-color);\r\n padding: 10px 5px;\r\n position: absolute;\r\n z-index: 2;\r\n left: -10px;\r\n min-width: max-content;\r\n text-shadow: none;\r\n cursor: default;\r\n }\r\n\r\n &:hover .tooltip {\r\n display: block;\r\n }\r\n }\r\n }\r\n\r\n .form-field {\r\n border: 1px solid var(--border-color);\r\n display: block;\r\n width: 100%;\r\n padding: 0.375rem 0.75rem;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n border-radius: 4px;\r\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\r\n background-color: var(--input-bg);\r\n background-clip: padding-box;\r\n color: var(--input-color);\r\n\r\n &[type=\"radio\"],\r\n &[type=\"checkbox\"] {\r\n width: 14px;\r\n display: inline;\r\n min-height: 0px;\r\n padding: 0px;\r\n margin: 0px;\r\n vertical-align: middle;\r\n }\r\n\r\n &.dropdown {\r\n appearance: none;\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n }\r\n\r\n &.textarea {\r\n padding-right: 0px;\r\n }\r\n\r\n &[type=\"number\"] {\r\n padding-right: 3px;\r\n }\r\n\r\n &.file {\r\n display: none;\r\n }\r\n\r\n &.range {\r\n padding: 0px;\r\n }\r\n }\r\n\r\n .df-row {\r\n display: -ms-flexbox;\r\n display: -webkit-box;\r\n display: flex;\r\n -ms-flex: 0 1 auto;\r\n -webkit-box-flex: 0;\r\n flex: 0 1 auto;\r\n -ms-flex-direction: row;\r\n -webkit-box-orient: horizontal;\r\n -webkit-box-direction: normal;\r\n flex-direction: row;\r\n -ms-flex-wrap: wrap;\r\n flex-wrap: wrap;\r\n\r\n &.vertical {\r\n display: block;\r\n }\r\n\r\n &.horizontal {\r\n -webkit-box-flex: 0;\r\n -ms-flex: 0 0 auto;\r\n flex: 0 0 auto;\r\n width: auto;\r\n max-width: none;\r\n\r\n > .form-group > .empty {\r\n display: none !important;\r\n }\r\n }\r\n\r\n @include rowFlex();\r\n }\r\n\r\n @each $size in $sizes {\r\n $i: index($sizes, $size);\r\n $className: \".col-xs-#{$i}\";\r\n #{$className} {\r\n flex-basis: $size;\r\n -webkit-box-flex: 0;\r\n -ms-flex: 0 0 $size;\r\n flex: 0 0 $size;\r\n max-width: $size;\r\n }\r\n }\r\n\r\n .align-items-center {\r\n -webkit-box-align: center !important;\r\n -ms-flex-align: center !important;\r\n align-items: center !important;\r\n }\r\n\r\n .col-xs {\r\n -webkit-flex-grow: 1;\r\n -ms-flex-positive: 1;\r\n -webkit-box-flex: 1;\r\n flex-grow: 1;\r\n -ms-flex-preferred-size: 0;\r\n flex-basis: 0;\r\n max-width: 100%;\r\n }\r\n\r\n .col-auto {\r\n -webkit-box-flex: 0;\r\n -ms-flex: 0 0 auto;\r\n flex: 0 0 auto;\r\n width: auto;\r\n max-width: none;\r\n }\r\n\r\n .col-fix {\r\n flex: none;\r\n }\r\n\r\n .col-full {\r\n flex: 1;\r\n overflow: auto;\r\n }\r\n\r\n .df-field-container {\r\n overflow: initial;\r\n position: relative;\r\n > .df-row {\r\n margin-top: -10px;\r\n }\r\n\r\n > div + .df-row {\r\n margin-top: 0px;\r\n }\r\n .df-field {\r\n position: relative;\r\n margin-right: 10px;\r\n\r\n .range-num {\r\n clear: both;\r\n display: block;\r\n width: 100%;\r\n text-align: left;\r\n }\r\n\r\n .file-wrapper {\r\n border: 1px solid var(--border-color);\r\n text-align: center;\r\n display: block;\r\n width: 100%;\r\n padding: 0.375rem 0.75rem;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n background-clip: padding-box;\r\n border-radius: 4px;\r\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\r\n }\r\n }\r\n }\r\n\r\n .daracl-file-list {\r\n .file-icon {\r\n width: 20px;\r\n height: 20px;\r\n display: inline-block;\r\n vertical-align: middle;\r\n cursor: pointer;\r\n\r\n &:hover {\r\n background-color: var(--button-bg-hover);\r\n }\r\n\r\n &.download {\r\n background-image: url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjIwcHgiIGZpbGw9IiMwMDAwMDAiPjxnPjxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iMjQiIHdpZHRoPSIyNCIvPjwvZz48Zz48cGF0aCBkPSJNMTgsMTV2M0g2di0zSDR2M2MwLDEuMSwwLjksMiwyLDJoMTJjMS4xLDAsMi0wLjksMi0ydi0zSDE4eiBNMTcsMTFsLTEuNDEtMS40MUwxMywxMi4xN1Y0aC0ydjguMTdMOC40MSw5LjU5TDcsMTFsNSw1IEwxNywxMXoiLz48L2c+PC9zdmc+\");\r\n }\r\n\r\n &.remove {\r\n background-image: url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjBweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTE2IDl2MTBIOFY5aDhtLTEuNS02aC01bC0xIDFINXYyaDE0VjRoLTMuNWwtMS0xek0xOCA3SDZ2MTJjMCAxLjEuOSAyIDIgMmg4YzEuMSAwIDItLjkgMi0yVjd6Ii8+PC9zdmc+\");\r\n }\r\n }\r\n\r\n .file-name {\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n word-wrap: normal;\r\n overflow: hidden;\r\n display: inline-block;\r\n vertical-align: middle;\r\n width: calc(100% - 55px);\r\n }\r\n }\r\n\r\n .field-group {\r\n .field.vertical {\r\n > * {\r\n display: block;\r\n }\r\n }\r\n }\r\n\r\n .tab-header {\r\n list-style: none;\r\n margin: 0px;\r\n padding: 0px;\r\n\r\n display: flex;\r\n line-height: 1.3;\r\n width: 100%;\r\n border-bottom: 1px solid var(--border-color);\r\n\r\n &.tab-al {\r\n &-left {\r\n justify-content: left;\r\n }\r\n &-right {\r\n justify-content: right;\r\n }\r\n &-center {\r\n justify-content: center;\r\n }\r\n }\r\n\r\n > .tab-item {\r\n list-style: none;\r\n float: left;\r\n position: relative;\r\n top: 0;\r\n margin: 1px 0.4em 0 0;\r\n padding: 0;\r\n white-space: nowrap;\r\n\r\n &.active {\r\n a {\r\n color: var(--font-hover-color);\r\n background-color: var(--tab-bg);\r\n }\r\n }\r\n\r\n a {\r\n border-top-left-radius: calc(0.45rem - 1px);\r\n border-top-right-radius: calc(0.45rem - 1px);\r\n border: 1px solid transparent;\r\n border-bottom-width: 0;\r\n float: left;\r\n padding: 0.5em 1em;\r\n text-decoration: none;\r\n color: var(--font-color);\r\n height: 30px;\r\n line-height: 15px;\r\n\r\n &:hover {\r\n background-color: var(--tab-bg-hover);\r\n border: 1px solid var(--border-color);\r\n border-bottom-width: 0;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .df-tab-body {\r\n .tab-panel {\r\n display: none;\r\n\r\n &.active {\r\n display: block;\r\n }\r\n }\r\n }\r\n\r\n .df-btn {\r\n padding: 5px 10px;\r\n border-radius: calc(0.45rem - 1px);\r\n border: 1px solid var(--border-color);\r\n background-color: var(--button-bg);\r\n\r\n cursor: pointer;\r\n transition: background-color 0.3s;\r\n\r\n &:hover {\r\n color: var(--font-hover-color);\r\n background-color: var(--button-bg-hover);\r\n }\r\n }\r\n\r\n .df-icon {\r\n display: inline-block;\r\n width: 21px; /* 아이콘의 너비 설정 */\r\n height: 21px; /* 아이콘의 높이 설정 */\r\n vertical-align: middle;\r\n }\r\n\r\n .df-add-icon {\r\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%235f6368'%3E%3Cpath d='M431-431H220.78v-98H431v-210.22h98V-529h210.22v98H529v210.22h-98V-431Z'/%3E%3C/svg%3E\");\r\n }\r\n\r\n .df-remove-icon {\r\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%235f6368'%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-189-189 189Z'/%3E%3C/svg%3E\");\r\n }\r\n\r\n .form-group {\r\n display: -ms-flexbox;\r\n display: -webkit-box;\r\n display: flex;\r\n -ms-flex-direction: row;\r\n -webkit-box-orient: horizontal;\r\n -webkit-box-direction: normal;\r\n flex-direction: row;\r\n -ms-flex-wrap: wrap;\r\n flex-wrap: wrap;\r\n margin-top: var(--field-margin-top);\r\n margin-bottom: 0px;\r\n margin-right: 0px !important;\r\n margin-left: 0px !important;\r\n\r\n &:last-child {\r\n margin-bottom: 0px;\r\n }\r\n\r\n @include rowFlex();\r\n\r\n .help-message {\r\n display: none;\r\n }\r\n\r\n .help-icon {\r\n background-repeat: no-repeat;\r\n background-position-y: center;\r\n\r\n &.form-field {\r\n background-position-x: calc(100% - 15px);\r\n }\r\n\r\n &.daracl-icon {\r\n display: none;\r\n position: absolute;\r\n z-index: 1;\r\n top: 0px;\r\n right: 0px;\r\n height: 100%;\r\n width: 20px;\r\n margin-right: 15px;\r\n }\r\n }\r\n\r\n &.invalid {\r\n .form-field {\r\n border-color: var(--invalid-border-color);\r\n outline-color: var(--invalid-border-color);\r\n }\r\n\r\n > .df-field-container.required > .df-field .help-icon {\r\n display: block;\r\n background-image: url(\"data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjAiPjxwYXRoIGQ9Im0yNDktMjA3LTQyLTQyIDIzMS0yMzEtMjMxLTIzMSA0Mi00MiAyMzEgMjMxIDIzMS0yMzEgNDIgNDItMjMxIDIzMSAyMzEgMjMxLTQyIDQyLTIzMS0yMzEtMjMxIDIzMVoiIHN0eWxlPSImIzEwOyAgICBmaWxsOiAjZmY3MzczOyYjMTA7Ii8+PC9zdmc+\");\r\n }\r\n\r\n .help-message {\r\n display: block;\r\n color: var(--invalid-font-color);\r\n }\r\n }\r\n\r\n &.valid {\r\n > .df-field-container.required {\r\n > .df-field .help-icon {\r\n display: block;\r\n background-image: url(\"data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHN0eWxlPSImIzEwOyAgICBmaWxsOiAjMTlhOTc0OyYjMTA7Ij48cGF0aCBkPSJNMzc4LTI0NiAxNTQtNDcwbDQzLTQzIDE4MSAxODEgMzg0LTM4NCA0MyA0My00MjcgNDI3WiIvPjwvc3ZnPg==\");\r\n }\r\n }\r\n }\r\n\r\n .file-label {\r\n border: 1px solid var(--border-color);\r\n display: inline;\r\n width: 100%;\r\n padding: 3px 15px;\r\n line-height: 1;\r\n background-clip: padding-box;\r\n border-radius: 4px;\r\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\r\n\r\n &:hover {\r\n background-color: var(--button-bg-hover);\r\n }\r\n }\r\n }\r\n .df-grid-field {\r\n margin-right: 10px;\r\n .df-grid-btn-area {\r\n border: 1px solid var(--border-color);\r\n padding: 3px;\r\n }\r\n\r\n .df-grid-container {\r\n width: 100%;\r\n height: auto;\r\n overflow-y: auto;\r\n border: 1px solid var(--border-color);\r\n\r\n .df-btn {\r\n padding: 3px 5px;\r\n }\r\n\r\n .df-grid {\r\n width: 100%;\r\n border-top-width: 0px;\r\n border-collapse: collapse;\r\n\r\n > thead {\r\n th {\r\n position: sticky;\r\n top: 0px;\r\n z-index: 10;\r\n border-bottom: 1px solid var(--border-color);\r\n background-color: var(--bg-grid-header);\r\n text-align: center;\r\n }\r\n }\r\n\r\n .help-message {\r\n display: none;\r\n }\r\n\r\n td,\r\n th {\r\n padding: 3px 5px;\r\n }\r\n\r\n .help-icon {\r\n background-repeat: no-repeat;\r\n background-position-y: center;\r\n\r\n &.form-field {\r\n background-position-x: calc(100% - 15px);\r\n }\r\n\r\n &.daracl-icon {\r\n display: none;\r\n position: absolute;\r\n z-index: 1;\r\n top: 0px;\r\n right: 0px;\r\n height: 100%;\r\n width: 20px;\r\n margin-right: 15px;\r\n }\r\n }\r\n\r\n .grid-column {\r\n position: relative;\r\n }\r\n\r\n .invalid {\r\n .form-field {\r\n border-color: var(--invalid-border-color);\r\n outline-color: var(--invalid-border-color);\r\n }\r\n\r\n > .grid-column.required .df-field .help-icon {\r\n display: block;\r\n background-image: url(\"data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjAiPjxwYXRoIGQ9Im0yNDktMjA3LTQyLTQyIDIzMS0yMzEtMjMxLTIzMSA0Mi00MiAyMzEgMjMxIDIzMS0yMzEgNDIgNDItMjMxIDIzMSAyMzEgMjMxLTQyIDQyLTIzMS0yMzEtMjMxIDIzMVoiIHN0eWxlPSImIzEwOyAgICBmaWxsOiAjZmY3MzczOyYjMTA7Ii8+PC9zdmc+\");\r\n }\r\n\r\n .help-message {\r\n display: block;\r\n position: absolute;\r\n border: 1px solid var(--invalid-border-color);\r\n border-color: var(--invalid-border-color) transparent transparent transparent;\r\n top: calc(100% + 6px);\r\n left: 50%;\r\n transform: translateX(-50%);\r\n min-width: 270px;\r\n padding: 5px 5px;\r\n border-radius: 0.4rem;\r\n z-index: 2;\r\n background-color: var(--invalid-background-color);\r\n color: var(--invalid-font-color);\r\n &::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: 50%;\r\n width: 0;\r\n height: 0;\r\n border: 7px solid transparent;\r\n border-bottom-color: var(--invalid-border-color);\r\n border-top: 0;\r\n border-left: 0;\r\n margin-left: -3.5px;\r\n margin-top: -7px;\r\n }\r\n }\r\n }\r\n\r\n .valid {\r\n > .grid-column.required {\r\n .df-field .help-icon {\r\n display: block;\r\n background-image: url(\"data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHN0eWxlPSImIzEwOyAgICBmaWxsOiAjMTlhOTc0OyYjMTA7Ij48cGF0aCBkPSJNMzc4LTI0NiAxNTQtNDcwbDQzLTQzIDE4MSAxODEgMzg0LTM4NCA0MyA0My00MjcgNDI3WiIvPjwvc3ZnPg==\");\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n",".daracl-datetime-hidden {\r\n visibility: visible;\r\n width: 0px;\r\n height: 0px;\r\n z-index: 1000;\r\n}\r\n\r\n.daracl-datetime-wrapper {\r\n --color: #34495e;\r\n --light: #ffffff;\r\n --success: #0abf30;\r\n --error: #e24d4c;\r\n --warning: #e9bd0c;\r\n --info: #3498db;\r\n --background-color: #ffffff;\r\n --sunday: #f00d0d;\r\n --border-color: #d3d2d2;\r\n --select-background-color: #0abf30;\r\n --button-hover-color: #d4d4d48a;\r\n --disabled-background-color: #f1f1f18a;\r\n --today-bg: #a9d5ff;\r\n}\r\n\r\nbody.dark .daracl-datetime-wrapper,\r\n.daracl-datetime-wrapper.dark {\r\n --color: #d0d6e1;\r\n --light: #ffffff;\r\n --success: #0abf30;\r\n --error: #e24d4c;\r\n --warning: #e9bd0c;\r\n --info: #3498db;\r\n --background-color: #070d19;\r\n --sunday: #f00d0d;\r\n --border-color: #6e7380;\r\n --today-bg: #5660d9;\r\n --today-color: #5660d9;\r\n --select-background-color: #ffffff;\r\n --button-hover-color: #31316c;\r\n --disabled-background-color: #818181;\r\n}\r\n\r\n.daracl-datetime-wrapper {\r\n z-index: 1000;\r\n display: none;\r\n\r\n *,\r\n *::before,\r\n *::after {\r\n box-sizing: content-box;\r\n color: var(--color);\r\n }\r\n\r\n &.layer {\r\n position: absolute;\r\n }\r\n\r\n input {\r\n background-color: transparent;\r\n }\r\n\r\n &.show {\r\n display: block;\r\n animation: fadeIn 0.5s;\r\n animation-fill-mode: forwards;\r\n }\r\n\r\n &.hide {\r\n animation: fadeOut 0.5s;\r\n animation-fill-mode: forwards;\r\n //animation: daraToastHide 0.3s ease forwards;\r\n }\r\n\r\n &.embed {\r\n display: block;\r\n }\r\n\r\n .sun {\r\n & > span {\r\n color: var(--sunday);\r\n }\r\n }\r\n\r\n .ddtp-datetime {\r\n border-radius: 4px;\r\n padding: 10px;\r\n width: 235px;\r\n background-color: var(--background-color);\r\n color: var(--color);\r\n box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);\r\n\r\n &.rtl {\r\n direction: rtl;\r\n\r\n .ddtp-header {\r\n .ddtp-header-year,\r\n .ddtp-header-month {\r\n float: right;\r\n }\r\n\r\n .ddtp-date-move {\r\n float: left;\r\n }\r\n }\r\n\r\n .ddtp-body .ddtp-times {\r\n .time-container {\r\n display: block;\r\n }\r\n & > .time-btn {\r\n left: 0px;\r\n right: auto;\r\n }\r\n }\r\n }\r\n\r\n &[view-mode=\"date\"] .ddtp-body > .ddtp-days {\r\n display: block;\r\n }\r\n\r\n &[view-mode=\"datetime\"] {\r\n .ddtp-body > .ddtp-times,\r\n .ddtp-body > .ddtp-days {\r\n display: block;\r\n }\r\n }\r\n\r\n &[view-mode=\"time\"] {\r\n .ddtp-body > .ddtp-times {\r\n display: block;\r\n }\r\n\r\n .ddtp-header {\r\n display: none;\r\n }\r\n }\r\n\r\n &[view-mode=\"year\"] {\r\n .ddtp-body > .ddtp-years {\r\n display: flex;\r\n }\r\n\r\n .ddtp-header-month {\r\n display: none;\r\n }\r\n }\r\n\r\n &[view-mode=\"month\"] {\r\n .ddtp-body > .ddtp-months {\r\n display: flex;\r\n }\r\n\r\n .ddtp-header-month {\r\n display: none;\r\n }\r\n }\r\n }\r\n\r\n .ddtp-header {\r\n padding: 2px 5px 10px;\r\n line-height: 25px;\r\n height: 25px;\r\n vertical-align: middle;\r\n\r\n .ddtp-header-year {\r\n font-weight: bold;\r\n margin: 0px 10px 0px 0px;\r\n cursor: pointer;\r\n }\r\n\r\n .ddtp-header-month {\r\n font-weight: bold;\r\n margin: 0px 10px 0px 0px;\r\n vertical-align: top;\r\n cursor: pointer;\r\n }\r\n\r\n .ddtp-date-move {\r\n margin-left: auto;\r\n vertical-align: top;\r\n float: right;\r\n direction: ltr;\r\n\r\n .ddtp-move-btn {\r\n text-decoration: none;\r\n font-weight: bold;\r\n display: inline-block;\r\n height: 24px;\r\n\r\n > svg {\r\n fill: var(--color);\r\n }\r\n\r\n &:hover {\r\n background-color: var(--button-hover-color);\r\n }\r\n }\r\n\r\n &::after {\r\n content: \"\";\r\n clear: both;\r\n }\r\n }\r\n }\r\n\r\n .ddtp-body {\r\n margin: -2px -10px;\r\n font-size: 13px;\r\n\r\n > * {\r\n display: none;\r\n }\r\n\r\n button {\r\n display: block;\r\n width: 100%;\r\n margin-bottom: 7px;\r\n padding: 3px 0px;\r\n border-radius: 4px;\r\n border-color: var(--border-color);\r\n border-width: 1px;\r\n border-style: solid;\r\n background-color: var(--background-color);\r\n\r\n &:hover {\r\n background-color: var(--button-hover-color);\r\n }\r\n }\r\n\r\n .time-today {\r\n &:hover {\r\n background-color: var(--button-hover-color);\r\n }\r\n }\r\n\r\n .ddtp-days {\r\n letter-spacing: 0px;\r\n border-collapse: separate;\r\n border-spacing: 0px;\r\n margin: 2px 10px;\r\n width: inherit;\r\n\r\n .ddtp-day-label {\r\n font-weight: bold;\r\n width: 35px;\r\n padding: 2px 5px;\r\n text-align: center;\r\n line-height: initial;\r\n }\r\n\r\n .ddtp-day {\r\n position: relative;\r\n text-align: center;\r\n padding: 7px;\r\n cursor: pointer;\r\n line-height: initial;\r\n\r\n &.event::after {\r\n content: \"•\";\r\n color: #f78536;\r\n font-size: 1.4em;\r\n position: absolute;\r\n left: 2px;\r\n z-index: 10;\r\n top: -7px;\r\n }\r\n\r\n &:before {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n display: block;\r\n width: 30px;\r\n height: 30px;\r\n background-color: var(--select-background-color);\r\n border-radius: 50%;\r\n opacity: 0;\r\n z-index: 0;\r\n transition: opacity 0.2s ease-in;\r\n }\r\n\r\n &:active:before,\r\n &:hover:before {\r\n opacity: 0.7;\r\n transition: opacity 0.2s ease-out;\r\n }\r\n\r\n &.today {\r\n > span {\r\n z-index: 2;\r\n position: relative;\r\n }\r\n\r\n &:before {\r\n background-color: var(--today-bg);\r\n z-index: 1;\r\n opacity: 1;\r\n transition: opacity 0.2s ease-out;\r\n }\r\n }\r\n\r\n &.select:before {\r\n background-color: var(--select-background-color);\r\n opacity: 0.5;\r\n transition: opacity 0.2s ease-out;\r\n }\r\n\r\n &.old,\r\n &.new {\r\n opacity: 0.5;\r\n }\r\n\r\n &.disabled {\r\n background-color: var(--disabled-background-color);\r\n opacity: 0.5;\r\n cursor: auto;\r\n\r\n &:before {\r\n background-color: transparent;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .ddtp-times {\r\n margin: 2px 15px;\r\n position: relative;\r\n\r\n > .time-container {\r\n width: calc(100% - 60px);\r\n display: inline-block;\r\n height: 60px;\r\n }\r\n\r\n input[type=\"number\"] {\r\n -moz-appearance: textfield;\r\n appearance: textfield;\r\n\r\n &::-webkit-inner-spin-button,\r\n &::-webkit-outer-spin-button {\r\n -webkit-appearance: none;\r\n }\r\n }\r\n\r\n > .time-btn {\r\n position: absolute;\r\n top: 9px;\r\n width: 55px;\r\n right: 0px;\r\n > .time-select {\r\n height: 40px;\r\n }\r\n }\r\n\r\n .ddtp-time {\r\n display: table-row;\r\n width: 160px;\r\n\r\n > * {\r\n margin-top: 5px;\r\n display: table-cell;\r\n line-height: 20px;\r\n vertical-align: middle;\r\n }\r\n\r\n > span {\r\n width: 20px;\r\n }\r\n\r\n > input[type=\"number\"] {\r\n width: 45px;\r\n margin-right: 5px;\r\n padding-left: 0px;\r\n border-radius: 4px;\r\n border-color: var(--border-color);\r\n border-width: 1px;\r\n text-align: center;\r\n }\r\n\r\n > input[type=\"range\"] {\r\n width: calc(100% - 60px);\r\n }\r\n }\r\n }\r\n\r\n .ddtp-months {\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n justify-content: space-between;\r\n\r\n > .ddtp-month {\r\n position: relative;\r\n flex: 1 0 30%;\r\n margin-bottom: 8px;\r\n line-height: 50px;\r\n text-align: center;\r\n cursor: pointer;\r\n\r\n &:before {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n display: block;\r\n width: 50px;\r\n height: 50px;\r\n background-color: var(--select-background-color);\r\n border-radius: 50%;\r\n opacity: 0;\r\n z-index: 0;\r\n transition: opacity 0.2s ease-in;\r\n }\r\n\r\n &:active:before,\r\n &:hover:before {\r\n opacity: 0.5;\r\n transition: opacity 0.2s ease-out;\r\n }\r\n\r\n &.disabled {\r\n background-color: var(--disabled-background-color);\r\n opacity: 0.5;\r\n cursor: auto;\r\n\r\n &:before {\r\n background-color: transparent;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .ddtp-years {\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n justify-content: space-between;\r\n\r\n > .ddtp-year {\r\n position: relative;\r\n flex: 1 0 25%;\r\n margin-bottom: 8px;\r\n line-height: 50px;\r\n text-align: center;\r\n cursor: pointer;\r\n\r\n &:before {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n display: block;\r\n width: 50px;\r\n height: 50px;\r\n background-color: var(--select-background-color);\r\n border-radius: 50%;\r\n opacity: 0;\r\n z-index: 0;\r\n transition: opacity 0.2s ease-in;\r\n }\r\n\r\n &:active:before,\r\n &:hover:before {\r\n opacity: 0.5;\r\n transition: opacity 0.2s ease-out;\r\n }\r\n\r\n &.disabled {\r\n background-color: var(--disabled-background-color);\r\n opacity: 0.5;\r\n cursor: auto;\r\n\r\n &:before {\r\n background-color: transparent;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n@keyframes fadeIn {\r\n from {\r\n opacity: 0;\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n@keyframes fadeOut {\r\n from {\r\n opacity: 1;\r\n }\r\n\r\n to {\r\n opacity: 0;\r\n }\r\n}\r\n"],"names":[],"sourceRoot":""}
|