infinity-forge 6.8.1 → 6.8.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/infinity-forge.css +0 -4
- package/dist/ui/components/form/input-date-picker/calendar/calendar-header/index.d.ts +1 -1
- package/dist/ui/components/form/input-date-picker/calendar/calendar-header/index.js +28 -27
- package/dist/ui/components/form/input-date-picker/calendar/calendar-header/index.js.map +1 -1
- package/dist/ui/components/form/input-date-picker/calendar/calendar-header/styles.js +1 -1
- package/dist/ui/components/form/input-date-picker/calendar/calendar-header/styles.js.map +1 -1
- package/dist/ui/components/form/input-date-picker/calendar/styles.js +1 -1
- package/dist/ui/components/form/input-date-picker/calendar/styles.js.map +1 -1
- package/dist/ui/components/form/input-date-picker/calendar/years/index.d.ts +1 -1
- package/dist/ui/components/form/input-date-picker/calendar/years/index.js +16 -5
- package/dist/ui/components/form/input-date-picker/calendar/years/index.js.map +1 -1
- package/dist/ui/components/form/input-date-picker/component.js +19 -15
- package/dist/ui/components/form/input-date-picker/component.js.map +1 -1
- package/dist/ui/components/form/input-date-picker/index.d.ts +2 -2
- package/dist/ui/components/modal/component.d.ts +1 -1
- package/dist/ui/components/modal/component.js +3 -9
- package/dist/ui/components/modal/component.js.map +1 -1
- package/dist/ui/components/overlay/index.js +16 -4
- package/dist/ui/components/overlay/index.js.map +1 -1
- package/dist/ui/components/tooltip/component.js +1 -0
- package/dist/ui/components/tooltip/component.js.map +1 -1
- package/dist/ui/components/tooltip/hooks/use-tool-tip.js +44 -22
- package/dist/ui/components/tooltip/hooks/use-tool-tip.js.map +1 -1
- package/dist/ui/contexts/toast/interfaces.d.ts +5 -1
- package/dist/ui/contexts/toast/toast-item/index.d.ts +1 -1
- package/dist/ui/contexts/toast/toast-item/index.js +20 -7
- package/dist/ui/contexts/toast/toast-item/index.js.map +1 -1
- package/package.json +1 -1
package/dist/infinity-forge.css
CHANGED
|
@@ -1,7 +1,3 @@
|
|
|
1
1
|
a{text-decoration:unset}html{font-size:10px!important}a,address,b,h1,h2,h3,h4,h5,i,label,li,p,span,strong,td,time{margin-bottom:0;text-rendering:optimizeLegibility!important}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}[class*=-extraBold]{font-weight:800}[class*=-bold]{font-weight:700}[class*=-semibold]{font-weight:600}[class*=-medium]{font-weight:500}[class*=-regular]{font-weight:400}[class*=-light]{font-weight:300}[class*=font-80]{font-size:8rem}[class*=font-72]{font-size:7.2rem}[class*=font-70]{font-size:7rem}[class*=font-64]{font-size:6.4rem}[class*=font-50]{font-size:5rem}[class*=font-48]{font-size:4.8rem}[class*=font-40]{font-size:4rem}[class*=font-36]{font-size:3.6rem}[class*=font-32]{font-size:3.2rem}[class*=font-24]{font-size:2.4rem}[class*=font-20]{font-size:2rem}[class*=font-18]{font-size:1.8rem}[class*=font-16]{font-size:1.6rem}[class*=font-15]{font-size:1.5rem}[class*=font-14]{font-size:1.4rem}[class*=font-13]{font-size:1.3rem}[class*=font-12]{font-size:1.2rem}@media only screen and (max-width:1600px){[class*=font-80]{font-size:6rem}[class*=font-72]{font-size:5.8rem}[class*=font-70]{font-size:5.5rem}[class*=font-64]{font-size:6rem}[class*=font-50]{font-size:4.8rem}[class*=font-48]{font-size:4.4rem}[class*=font-40]{font-size:3.8rem}[class*=font-32]{font-size:3rem}[class*=font-24]{font-size:2.3rem}[class*=font-20]{font-size:1.9rem}[class*=font-18]{font-size:1.7rem}[class*=font-16]{font-size:1.55rem}}@media only screen and (max-width:1400px){[class*=font-80]{font-size:5.4rem}[class*=font-72]{font-size:5.2rem}[class*=font-70]{font-size:4.9rem}[class*=font-64]{font-size:5.6rem}[class*=font-50]{font-size:4.6rem}[class*=font-48]{font-size:4.2rem}[class*=font-40]{font-size:3.6rem}[class*=font-32]{font-size:2.8rem}[class*=font-24]{font-size:2rem}[class*=font-20]{font-size:1.8rem}[class*=font-18]{font-size:1.65rem}[class*=font-16]{font-size:1.5rem}[class*=font-13]{font-size:1.25rem}}@media only screen and (max-width:1200px){[class*=font-80]{font-size:5.5rem}[class*=font-72]{font-size:4.8rem}[class*=font-70]{font-size:4.6rem}[class*=font-64]{font-size:5.2rem}[class*=font-50]{font-size:4.2rem}[class*=font-48]{font-size:4rem}[class*=font-40]{font-size:3.2rem}[class*=font-32]{font-size:2.4rem}[class*=font-24]{font-size:1.9rem}[class*=font-20]{font-size:1.75rem}[class*=font-18]{font-size:1.6rem}[class*=font-16]{font-size:1.45rem}[class*=font-13]{font-size:1.2rem}}@media only screen and (max-width:1024px){[class*=font-80]{font-size:5.2rem}[class*=font-72]{font-size:4.5rem}[class*=font-70]{font-size:4.3rem}[class*=font-64]{font-size:4.4rem}[class*=font-50]{font-size:4rem}[class*=font-48]{font-size:3.8rem}[class*=font-40]{font-size:3rem}[class*=font-32]{font-size:2.2rem}[class*=font-24]{font-size:1.8rem}[class*=font-20]{font-size:1.7rem}[class*=font-18]{font-size:1.55rem}[class*=font-16]{font-size:1.35rem}[class*=font-14]{font-size:1.3rem}}@media only screen and (max-width:900px){[class*=font-80]{font-size:5rem}[class*=font-72]{font-size:3.8rem}[class*=font-70]{font-size:3.6rem}[class*=font-64]{font-size:3.8rem}[class*=font-48]{font-size:3.6rem}[class*=font-40]{font-size:2.8rem}[class*=font-32]{font-size:2rem}}@media only screen and (max-width:768px){[class*=font-80]{font-size:4.5rem}[class*=font-72]{font-size:3.5rem}[class*=font-70]{font-size:3rem}[class*=font-64]{font-size:3.4rem}[class*=font-50]{font-size:3.8rem}[class*=font-48]{font-size:3.4rem}[class*=font-40]{font-size:2.6rem}[class*=font-32]{font-size:1.9rem}[class*=font-24]{font-size:1.7rem}[class*=font-20]{font-size:1.65rem}[class*=font-18]{font-size:1.5rem}[class*=font-16]{font-size:1.35rem}[class*=font-13]{font-size:1.15rem}}@media only screen and (max-width:650px){[class*=font-80]{font-size:4rem}[class*=font-64]{font-size:3.2rem}[class*=font-50]{font-size:3.5rem}[class*=font-48]{font-size:3.2rem}[class*=font-40]{font-size:2.5rem}[class*=font-32]{font-size:1.8rem}[class*=font-24]{font-size:1.65rem}[class*=font-18]{font-size:1.4rem}[class*=font-16]{font-size:1.3rem}}@media only screen and (max-width:500px){[class*=font-80]{font-size:3.5rem}[class*=font-64]{font-size:2.8rem}[class*=font-50]{font-size:3rem}[class*=font-48]{font-size:2.8rem}[class*=font-40]{font-size:2.3rem}[class*=font-24]{font-size:1.6rem}[class*=font-18]{font-size:1.25rem}[class*=font-14],[class*=font-16]{font-size:1.2rem}}@media only screen and (max-width:390px){[class*=font-72],[class*=font-80]{font-size:3rem}[class*=font-64]{font-size:2.6rem}[class*=font-50]{font-size:2.8rem}[class*=font-48]{font-size:2.6rem}[class*=font-40]{font-size:2.1rem}[class*=font-32]{font-size:1.7rem}[class*=font-24]{font-size:1.4rem}[class*=font-18]{font-size:1.2rem}}*,:after,:before{box-sizing:border-box}html{font-family:Roboto,sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{background-color:#fff;color:#212529;font-family:Roboto,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1rem;font-weight:400;line-height:1.5;margin:0;text-align:left}[tabindex="-1"]:focus{outline:none!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;margin-top:0}p{margin-bottom:1rem;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit}address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{background-color:transparent;color:#007bff;text-decoration:none;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{margin-bottom:1rem;margin-top:0;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{border-style:none;vertical-align:middle}svg:not(:root){overflow:hidden}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}table{border-collapse:collapse}caption{caption-side:bottom;color:#868e96;padding-bottom:.75rem;padding-top:.75rem;text-align:left}th{text-align:inherit}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;display:block;font-size:1.5rem;line-height:inherit;margin-bottom:.5rem;max-width:100%;padding:0;white-space:normal;width:100%}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}ul,ul li{list-style-type:none;padding-left:0}@keyframes placeHolderShimmer{0%{background-position:0 0}to{background-position:100vw 0}}
|
|
2
|
-
a{text-decoration:unset}html{font-size:10px!important}a,address,b,h1,h2,h3,h4,h5,i,label,li,p,span,strong,td,time{margin-bottom:0;text-rendering:optimizeLegibility!important}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}[class*=-extraBold]{font-weight:800}[class*=-bold]{font-weight:700}[class*=-semibold]{font-weight:600}[class*=-medium]{font-weight:500}[class*=-regular]{font-weight:400}[class*=-light]{font-weight:300}[class*=font-80]{font-size:8rem}[class*=font-72]{font-size:7.2rem}[class*=font-70]{font-size:7rem}[class*=font-64]{font-size:6.4rem}[class*=font-50]{font-size:5rem}[class*=font-48]{font-size:4.8rem}[class*=font-40]{font-size:4rem}[class*=font-36]{font-size:3.6rem}[class*=font-32]{font-size:3.2rem}[class*=font-24]{font-size:2.4rem}[class*=font-20]{font-size:2rem}[class*=font-18]{font-size:1.8rem}[class*=font-16]{font-size:1.6rem}[class*=font-15]{font-size:1.5rem}[class*=font-14]{font-size:1.4rem}[class*=font-13]{font-size:1.3rem}[class*=font-12]{font-size:1.2rem}@media only screen and (max-width:1600px){[class*=font-80]{font-size:6rem}[class*=font-72]{font-size:5.8rem}[class*=font-70]{font-size:5.5rem}[class*=font-64]{font-size:6rem}[class*=font-50]{font-size:4.8rem}[class*=font-48]{font-size:4.4rem}[class*=font-40]{font-size:3.8rem}[class*=font-32]{font-size:3rem}[class*=font-24]{font-size:2.3rem}[class*=font-20]{font-size:1.9rem}[class*=font-18]{font-size:1.7rem}[class*=font-16]{font-size:1.55rem}}@media only screen and (max-width:1400px){[class*=font-80]{font-size:5.4rem}[class*=font-72]{font-size:5.2rem}[class*=font-70]{font-size:4.9rem}[class*=font-64]{font-size:5.6rem}[class*=font-50]{font-size:4.6rem}[class*=font-48]{font-size:4.2rem}[class*=font-40]{font-size:3.6rem}[class*=font-32]{font-size:2.8rem}[class*=font-24]{font-size:2rem}[class*=font-20]{font-size:1.8rem}[class*=font-18]{font-size:1.65rem}[class*=font-16]{font-size:1.5rem}[class*=font-13]{font-size:1.25rem}}@media only screen and (max-width:1200px){[class*=font-80]{font-size:5.5rem}[class*=font-72]{font-size:4.8rem}[class*=font-70]{font-size:4.6rem}[class*=font-64]{font-size:5.2rem}[class*=font-50]{font-size:4.2rem}[class*=font-48]{font-size:4rem}[class*=font-40]{font-size:3.2rem}[class*=font-32]{font-size:2.4rem}[class*=font-24]{font-size:1.9rem}[class*=font-20]{font-size:1.75rem}[class*=font-18]{font-size:1.6rem}[class*=font-16]{font-size:1.45rem}[class*=font-13]{font-size:1.2rem}}@media only screen and (max-width:1024px){[class*=font-80]{font-size:5.2rem}[class*=font-72]{font-size:4.5rem}[class*=font-70]{font-size:4.3rem}[class*=font-64]{font-size:4.4rem}[class*=font-50]{font-size:4rem}[class*=font-48]{font-size:3.8rem}[class*=font-40]{font-size:3rem}[class*=font-32]{font-size:2.2rem}[class*=font-24]{font-size:1.8rem}[class*=font-20]{font-size:1.7rem}[class*=font-18]{font-size:1.55rem}[class*=font-16]{font-size:1.35rem}[class*=font-14]{font-size:1.3rem}}@media only screen and (max-width:900px){[class*=font-80]{font-size:5rem}[class*=font-72]{font-size:3.8rem}[class*=font-70]{font-size:3.6rem}[class*=font-64]{font-size:3.8rem}[class*=font-48]{font-size:3.6rem}[class*=font-40]{font-size:2.8rem}[class*=font-32]{font-size:2rem}}@media only screen and (max-width:768px){[class*=font-80]{font-size:4.5rem}[class*=font-72]{font-size:3.5rem}[class*=font-70]{font-size:3rem}[class*=font-64]{font-size:3.4rem}[class*=font-50]{font-size:3.8rem}[class*=font-48]{font-size:3.4rem}[class*=font-40]{font-size:2.6rem}[class*=font-32]{font-size:1.9rem}[class*=font-24]{font-size:1.7rem}[class*=font-20]{font-size:1.65rem}[class*=font-18]{font-size:1.5rem}[class*=font-16]{font-size:1.35rem}[class*=font-13]{font-size:1.15rem}}@media only screen and (max-width:650px){[class*=font-80]{font-size:4rem}[class*=font-64]{font-size:3.2rem}[class*=font-50]{font-size:3.5rem}[class*=font-48]{font-size:3.2rem}[class*=font-40]{font-size:2.5rem}[class*=font-32]{font-size:1.8rem}[class*=font-24]{font-size:1.65rem}[class*=font-18]{font-size:1.4rem}[class*=font-16]{font-size:1.3rem}}@media only screen and (max-width:500px){[class*=font-80]{font-size:3.5rem}[class*=font-64]{font-size:2.8rem}[class*=font-50]{font-size:3rem}[class*=font-48]{font-size:2.8rem}[class*=font-40]{font-size:2.3rem}[class*=font-24]{font-size:1.6rem}[class*=font-18]{font-size:1.25rem}[class*=font-14],[class*=font-16]{font-size:1.2rem}}@media only screen and (max-width:390px){[class*=font-72],[class*=font-80]{font-size:3rem}[class*=font-64]{font-size:2.6rem}[class*=font-50]{font-size:2.8rem}[class*=font-48]{font-size:2.6rem}[class*=font-40]{font-size:2.1rem}[class*=font-32]{font-size:1.7rem}[class*=font-24]{font-size:1.4rem}[class*=font-18]{font-size:1.2rem}}*,:after,:before{box-sizing:border-box}html{font-family:Roboto,sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{background-color:#fff;color:#212529;font-family:Roboto,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1rem;font-weight:400;line-height:1.5;margin:0;text-align:left}[tabindex="-1"]:focus{outline:none!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;margin-top:0}p{margin-bottom:1rem;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit}address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{background-color:transparent;color:#007bff;text-decoration:none;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{margin-bottom:1rem;margin-top:0;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{border-style:none;vertical-align:middle}svg:not(:root){overflow:hidden}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}table{border-collapse:collapse}caption{caption-side:bottom;color:#868e96;padding-bottom:.75rem;padding-top:.75rem;text-align:left}th{text-align:inherit}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;display:block;font-size:1.5rem;line-height:inherit;margin-bottom:.5rem;max-width:100%;padding:0;white-space:normal;width:100%}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}ul,ul li{list-style-type:none;padding-left:0}@keyframes placeHolderShimmer{0%{background-position:0 0}to{background-position:100vw 0}}
|
|
3
|
-
.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{height:1px;left:-100000px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;height:100%;line-height:1.42;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre,.ql-editor ul{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;margin:0;padding:0}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"\2022"}.ql-editor ul[data-checked=false],.ql-editor ul[data-checked=true]{pointer-events:none}.ql-editor ul[data-checked=false]>li *,.ql-editor ul[data-checked=true]>li *{pointer-events:all}.ql-editor ul[data-checked=false]>li:before,.ql-editor ul[data-checked=true]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"\2611"}.ql-editor ul[data-checked=false]>li:before{content:"\2610"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-increment:list-0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:rgba(0,0,0,.6);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{clear:both;content:"";display:table}.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg{float:left;height:100%}.ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover{outline:none}.ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file]{display:none}.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{margin-bottom:5px;margin-top:5px;padding:5px 10px;white-space:pre-wrap}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;padding:2px 4px;width:24px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{margin-top:-9px;position:absolute;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:0 2px 8px rgba(0,0,0,.2)}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;display:none;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}
|
|
4
|
-
*,:after,:before{box-sizing:border-box}a,button{cursor:pointer;outline:unset!important}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}.row{display:flex;gap:15px}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{background-color:#fff;color:#212529;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1rem;font-weight:400;line-height:1.5;margin:0;text-align:left}[tabindex="-1"]:focus{outline:none!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;margin-top:0}p{margin-bottom:1rem;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit}address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{background-color:transparent;color:#007bff;text-decoration:none;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{margin-bottom:1rem;margin-top:0;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{border-style:none;vertical-align:middle}svg:not(:root){overflow:hidden}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}table{border-collapse:collapse}caption{caption-side:bottom;color:#868e96;padding-bottom:.75rem;padding-top:.75rem;text-align:left}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;display:block;font-size:1.5rem;line-height:inherit;margin-bottom:.5rem;max-width:100%;padding:0;white-space:normal;width:100%}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}ul,ul li{list-style-type:none;padding-left:0}@keyframes placeHolderShimmer{0%{background-position:0 0}to{background-position:100vw 0}}#__next{position:relative;z-index:1}
|
|
5
|
-
|
|
6
2
|
.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{height:1px;left:-100000px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;height:100%;line-height:1.42;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre,.ql-editor ul{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;margin:0;padding:0}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"\2022"}.ql-editor ul[data-checked=false],.ql-editor ul[data-checked=true]{pointer-events:none}.ql-editor ul[data-checked=false]>li *,.ql-editor ul[data-checked=true]>li *{pointer-events:all}.ql-editor ul[data-checked=false]>li:before,.ql-editor ul[data-checked=true]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"\2611"}.ql-editor ul[data-checked=false]>li:before{content:"\2610"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-increment:list-0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:rgba(0,0,0,.6);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{clear:both;content:"";display:table}.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg{float:left;height:100%}.ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover{outline:none}.ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file]{display:none}.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{margin-bottom:5px;margin-top:5px;padding:5px 10px;white-space:pre-wrap}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;padding:2px 4px;width:24px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{margin-top:-9px;position:absolute;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:0 2px 8px rgba(0,0,0,.2)}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;display:none;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}
|
|
7
3
|
*,:after,:before{box-sizing:border-box}a,button{cursor:pointer;outline:unset!important}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}.row{display:flex;gap:15px}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{background-color:#fff;color:#212529;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1rem;font-weight:400;line-height:1.5;margin:0;text-align:left}[tabindex="-1"]:focus{outline:none!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;margin-top:0}p{margin-bottom:1rem;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit}address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{background-color:transparent;color:#007bff;text-decoration:none;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{margin-bottom:1rem;margin-top:0;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{border-style:none;vertical-align:middle}svg:not(:root){overflow:hidden}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}table{border-collapse:collapse}caption{caption-side:bottom;color:#868e96;padding-bottom:.75rem;padding-top:.75rem;text-align:left}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;display:block;font-size:1.5rem;line-height:inherit;margin-bottom:.5rem;max-width:100%;padding:0;white-space:normal;width:100%}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}ul,ul li{list-style-type:none;padding-left:0}@keyframes placeHolderShimmer{0%{background-position:0 0}to{background-position:100vw 0}}#__next{position:relative;z-index:1}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { CalendarComponentProps } from '../index.js';
|
|
2
|
-
export declare function CalendarHeader({ step, language, setStep, dateSelected, setDateSelected,
|
|
2
|
+
export declare function CalendarHeader({ step, language, setStep, dateSelected, setDateSelected, date, }: CalendarComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -51,32 +51,33 @@ var mock_1 = require("../../mock/index.js");
|
|
|
51
51
|
var S = __importStar(require("./styles.js"));
|
|
52
52
|
function CalendarHeader(_a) {
|
|
53
53
|
var _b, _c, _d, _e;
|
|
54
|
-
var step = _a.step, _f = _a.language, language = _f === void 0 ? 'pt' : _f, setStep = _a.setStep, dateSelected = _a.dateSelected, setDateSelected = _a.setDateSelected,
|
|
55
|
-
var currentMonth = (_b = mock_1.translations === null || mock_1.translations === void 0 ? void 0 : mock_1.translations[language]) === null || _b === void 0 ? void 0 : _b.months[dateSelected.month ||
|
|
56
|
-
return ((0, jsx_runtime_1.jsxs)(S.CalendarHeader, { className: 'calendar-header', children: [(0, jsx_runtime_1.jsxs)("h4", { children: [step === 2 && ((0, jsx_runtime_1.
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
54
|
+
var step = _a.step, _f = _a.language, language = _f === void 0 ? 'pt' : _f, setStep = _a.setStep, dateSelected = _a.dateSelected, setDateSelected = _a.setDateSelected, date = _a.date;
|
|
55
|
+
var currentMonth = (_b = mock_1.translations === null || mock_1.translations === void 0 ? void 0 : mock_1.translations[language]) === null || _b === void 0 ? void 0 : _b.months[dateSelected.month || 0];
|
|
56
|
+
return ((0, jsx_runtime_1.jsxs)(S.CalendarHeader, { className: 'calendar-header', children: [(0, jsx_runtime_1.jsxs)("h4", { children: [step === 2 && ((0, jsx_runtime_1.jsxs)("div", { onClick: function () { return setStep(1); }, children: [(0, jsx_runtime_1.jsx)("div", { className: 'icon-arrow-left', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconLeftChevron', color: '#000' }) }), (0, jsx_runtime_1.jsx)("span", { children: currentMonth === null || currentMonth === void 0 ? void 0 : currentMonth.substring(0, 3) })] })), (0, jsx_runtime_1.jsx)("button", { type: 'button', className: 'year', onClick: function () { return setStep(0); }, children: (_e = (_c = dateSelected.year) !== null && _c !== void 0 ? _c : (_d = date === null || date === void 0 ? void 0 : date.maxDate) === null || _d === void 0 ? void 0 : _d.getFullYear()) !== null && _e !== void 0 ? _e : new Date().getFullYear() })] }), step !== 0 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("button", { onClick: function () {
|
|
57
|
+
if (step === 1) {
|
|
58
|
+
setDateSelected(function (state) { return (__assign(__assign({}, state), { year: Math.max(0, state.year - 1) })); });
|
|
59
|
+
}
|
|
60
|
+
if (step === 2) {
|
|
61
|
+
console.log(dateSelected);
|
|
62
|
+
setDateSelected(function (state) {
|
|
63
|
+
return {
|
|
64
|
+
month: !state.month || state.month === 0 ? 11 : state.month - 1,
|
|
65
|
+
year: !state.month || state.month === 0 ? state.year - 1 : state.year,
|
|
66
|
+
};
|
|
67
|
+
});
|
|
68
|
+
}
|
|
69
|
+
}, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconLeftChevron' }) }), (0, jsx_runtime_1.jsx)("button", { onClick: function () {
|
|
70
|
+
if (step === 1) {
|
|
71
|
+
setDateSelected(function (state) { return (__assign(__assign({}, state), { year: state.year + 1 })); });
|
|
72
|
+
}
|
|
73
|
+
if (step === 2) {
|
|
74
|
+
setDateSelected(function (state) {
|
|
75
|
+
return ({
|
|
76
|
+
month: state.month === 11 ? 0 : state.month + 1,
|
|
77
|
+
year: state.month === 11 ? state.year + 1 : state.year,
|
|
78
|
+
});
|
|
79
|
+
});
|
|
80
|
+
}
|
|
81
|
+
}, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconRightChevron' }) })] }))] }));
|
|
81
82
|
}
|
|
82
83
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-date-picker/calendar/calendar-header/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-date-picker/calendar/calendar-header/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wCA8EC;;AAnFD,2BAA2B;AAE3B,mCAAyC;AACzC,0CAA6B;AAE7B,SAAgB,cAAc,CAAC,EAON;;QANvB,IAAI,UAAA,EACJ,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,OAAO,aAAA,EACP,YAAY,kBAAA,EACZ,eAAe,qBAAA,EACf,IAAI,UAAA;IAEJ,IAAM,YAAY,GAAG,MAAA,mBAAY,aAAZ,mBAAY,uBAAZ,mBAAY,CAAG,QAAQ,CAAC,0CAAE,MAAM,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC,CAAC,CAAA;IAE9E,OAAO,CACL,wBAAC,CAAC,CAAC,cAAc,IAAC,SAAS,EAAC,iBAAiB,aAC3C,2CACG,IAAI,KAAK,CAAC,IAAI,CACb,iCAAK,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,CAAC,CAAC,EAAV,CAAU,aAC5B,gCAAK,SAAS,EAAC,iBAAiB,YAC9B,uBAAC,SAAI,IAAC,IAAI,EAAC,iBAAiB,EAAC,KAAK,EAAC,MAAM,GAAG,GACxC,EAEN,2CAAO,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,GAAQ,IACxC,CACP,EAED,mCAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,CAAC,CAAC,EAAV,CAAU,YAC7D,MAAA,MAAA,YAAY,CAAC,IAAI,mCAAI,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,0CAAE,WAAW,EAAE,mCAAI,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,GACvE,IACN,EAEJ,IAAI,KAAK,CAAC,IAAI,CACb,6DACE,mCACE,OAAO,EAAE;4BACP,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC;gCACf,eAAe,CAAC,UAAC,KAAK,IAAK,OAAA,uBACtB,KAAK,KACR,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,IACjC,EAHyB,CAGzB,CAAC,CAAA;4BACL,CAAC;4BACD,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC;gCACf,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAA;gCAEzB,eAAe,CAAC,UAAC,KAAK;oCACpB,OAAO;wCACL,KAAK,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC;wCAC/D,IAAI,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI;qCAC/D,CAAA;gCACV,CAAC,CAAC,CAAA;4BACJ,CAAC;wBACH,CAAC,YAED,uBAAC,SAAI,IAAC,IAAI,EAAC,iBAAiB,GAAG,GACxB,EAET,mCACE,OAAO,EAAE;4BACP,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC;gCACf,eAAe,CAAC,UAAC,KAAK,IAAK,OAAA,uBACtB,KAAK,KACR,IAAI,EAAE,KAAK,CAAC,IAAI,GAAG,CAAC,IACpB,EAHyB,CAGzB,CAAC,CAAA;4BACL,CAAC;4BACD,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC;gCACf,eAAe,CACb,UAAC,KAAK;oCACJ,OAAA,CAAC;wCACC,KAAK,EAAE,KAAK,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC;wCAC/C,IAAI,EAAE,KAAK,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI;qCAC/C,CAAA;gCAHT,CAGS,CACZ,CAAA;4BACH,CAAC;wBACH,CAAC,YAED,uBAAC,SAAI,IAAC,IAAI,EAAC,kBAAkB,GAAG,GACzB,IACR,CACJ,IACgB,CACpB,CAAA;AACH,CAAC"}
|
|
@@ -9,7 +9,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.CalendarHeader = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.CalendarHeader = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n .year {\n padding: 0;\n background-color: transparent;\n border: 0;\n }\n\n button {\n border: none;\n padding: 0;\n background-color: transparent;\n\n svg {\n display: block;\n margin: auto;\n
|
|
12
|
+
exports.CalendarHeader = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n .year {\n padding: 0;\n background-color: transparent;\n border: 0;\n }\n\n button {\n border: none;\n padding: 0;\n background-color: transparent;\n\n svg {\n display: block;\n margin: auto;\n position: relative;\n bottom: -3px;\n height: 10px;\n width: auto;\n fill: ", ";\n\n path {\n stroke: ", ";\n stroke-width: 2;\n }\n }\n }\n\n h4 {\n color: ", ";\n font-size: 12px;\n font-weight: 500;\n display: flex;\n align-items: center;\n margin: 0 auto 0 0;\n\n > div {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n cursor: pointer;\n\n span {\n display: flex;\n height: 9px;\n line-height: 9px;\n\n &:hover {\n text-decoration: underline;\n }\n }\n }\n\n .icon-arrow-left {\n display: flex;\n cursor: pointer;\n margin-right: 2px;\n\n svg {\n height: 12px;\n width: auto;\n }\n }\n }\n\n .year {\n width: unset;\n background-color: #f4f4f4;\n padding: 0 10px;\n font-size: 400;\n border-radius: 2px;\n }\n\n button {\n width: 22px;\n height: 22px;\n border-radius: 2px;\n background-color: #d5e1f9;\n margin-left: 15px;\n font-weight: 500;\n\n &:hover {\n text-decoration: underline;\n }\n & + button {\n margin-left: 8px;\n }\n }\n"], ["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n .year {\n padding: 0;\n background-color: transparent;\n border: 0;\n }\n\n button {\n border: none;\n padding: 0;\n background-color: transparent;\n\n svg {\n display: block;\n margin: auto;\n position: relative;\n bottom: -3px;\n height: 10px;\n width: auto;\n fill: ", ";\n\n path {\n stroke: ", ";\n stroke-width: 2;\n }\n }\n }\n\n h4 {\n color: ", ";\n font-size: 12px;\n font-weight: 500;\n display: flex;\n align-items: center;\n margin: 0 auto 0 0;\n\n > div {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n cursor: pointer;\n\n span {\n display: flex;\n height: 9px;\n line-height: 9px;\n\n &:hover {\n text-decoration: underline;\n }\n }\n }\n\n .icon-arrow-left {\n display: flex;\n cursor: pointer;\n margin-right: 2px;\n\n svg {\n height: 12px;\n width: auto;\n }\n }\n }\n\n .year {\n width: unset;\n background-color: #f4f4f4;\n padding: 0 10px;\n font-size: 400;\n border-radius: 2px;\n }\n\n button {\n width: 22px;\n height: 22px;\n border-radius: 2px;\n background-color: #d5e1f9;\n margin-left: 15px;\n font-weight: 500;\n\n &:hover {\n text-decoration: underline;\n }\n & + button {\n margin-left: 8px;\n }\n }\n"])), function (_a) {
|
|
13
13
|
var theme = _a.theme;
|
|
14
14
|
return theme.primaryColor || '#2c68df';
|
|
15
15
|
}, function (_a) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-date-picker/calendar/calendar-header/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,cAAc,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-date-picker/calendar/calendar-header/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,cAAc,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,kkDAAA,4ZAuB7B,EAA8C,qCAG1C,EAA8C,yEAOnD,EAA8C,++BA2D1D,KArEa,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,YAAY,IAAI,SAAS;AAA/B,CAA+B,EAG1C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,YAAY,IAAI,SAAS;AAA/B,CAA+B,EAOnD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,YAAY,IAAI,SAAS;AAA/B,CAA+B,EA2D1D"}
|
|
@@ -9,7 +9,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.Calendar = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.Calendar = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n min-width: 220px;\n min-height: 170px;\n
|
|
12
|
+
exports.Calendar = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n min-width: 220px;\n min-height: 170px;\n width: 100%;\n background: white;\n\n\n ", "\n"], ["\n min-width: 220px;\n min-height: 170px;\n width: 100%;\n background: white;\n\n\n ", "\n"])), function (_a) {
|
|
13
13
|
var $customCalendar = _a.$customCalendar;
|
|
14
14
|
return $customCalendar;
|
|
15
15
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-date-picker/calendar/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAIzB,QAAA,QAAQ,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-date-picker/calendar/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAIzB,QAAA,QAAQ,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,oKAA2C,2FAO5E,EAAwC,IAC3C,KADG,UAAC,EAAmB;QAAjB,eAAe,qBAAA;IAAO,OAAA,eAAe;AAAf,CAAe,EAC3C"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { CalendarComponentProps } from '../index.js';
|
|
2
|
-
export declare function Years({ name, date, dateSelected, setDateSelected, setStep, handleToggle }: CalendarComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare function Years({ step, name, date, dateSelected, setDateSelected, setStep, handleToggle }: CalendarComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -47,20 +47,31 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
47
47
|
exports.Years = Years;
|
|
48
48
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
49
49
|
var formik_1 = require("formik");
|
|
50
|
+
var react_1 = require("react");
|
|
50
51
|
var S = __importStar(require("./styles.js"));
|
|
51
52
|
function Years(_a) {
|
|
52
53
|
var _b, _c;
|
|
53
|
-
var name = _a.name, date = _a.date, dateSelected = _a.dateSelected, setDateSelected = _a.setDateSelected, setStep = _a.setStep, handleToggle = _a.handleToggle;
|
|
54
|
+
var step = _a.step, name = _a.name, date = _a.date, dateSelected = _a.dateSelected, setDateSelected = _a.setDateSelected, setStep = _a.setStep, handleToggle = _a.handleToggle;
|
|
54
55
|
var _d = (0, formik_1.useFormikContext)(), values = _d.values, setFieldValue = _d.setFieldValue;
|
|
55
56
|
var startYear = ((_b = date === null || date === void 0 ? void 0 : date.minDate) === null || _b === void 0 ? void 0 : _b.getFullYear()) || new Date().getFullYear() - 100;
|
|
56
57
|
var endYear = ((_c = date === null || date === void 0 ? void 0 : date.maxDate) === null || _c === void 0 ? void 0 : _c.getFullYear()) || new Date().getFullYear() + 10;
|
|
57
|
-
var years = Array.from({ length: endYear - startYear + 1 }, function (_, index) { return startYear + index; });
|
|
58
|
+
var years = Array.from({ length: endYear - startYear + 1 }, function (_, index) { return startYear + index; }).reverse();
|
|
58
59
|
var value = values[name];
|
|
59
|
-
|
|
60
|
+
var selectedRef = (0, react_1.useRef)(null);
|
|
61
|
+
var containerRef = (0, react_1.useRef)(null);
|
|
62
|
+
(0, react_1.useEffect)(function () {
|
|
63
|
+
if (selectedRef.current && containerRef.current && step === 0) {
|
|
64
|
+
selectedRef.current.scrollIntoView({
|
|
65
|
+
behavior: 'smooth',
|
|
66
|
+
block: 'center',
|
|
67
|
+
});
|
|
68
|
+
}
|
|
69
|
+
}, [step]);
|
|
70
|
+
return ((0, jsx_runtime_1.jsx)(S.Years, { ref: containerRef, style: { overflowY: 'auto', maxHeight: '200px' }, children: years.map(function (year) {
|
|
60
71
|
var isYearInRange = (!(date === null || date === void 0 ? void 0 : date.minDate) || year >= (date === null || date === void 0 ? void 0 : date.minDate.getFullYear())) &&
|
|
61
72
|
(!(date === null || date === void 0 ? void 0 : date.maxDate) || year <= (date === null || date === void 0 ? void 0 : date.maxDate.getFullYear()));
|
|
62
|
-
var isSelected = (value === null || value === void 0 ? void 0 : value.getFullYear()) === year;
|
|
63
|
-
return ((0, jsx_runtime_1.jsx)("button", { type: 'button', className: "".concat(isSelected ? 'selected' : '', " ").concat(!isYearInRange ? 'disabled' : ''), onClick: function () {
|
|
73
|
+
var isSelected = dateSelected.year === year || (value === null || value === void 0 ? void 0 : value.getFullYear()) === year;
|
|
74
|
+
return ((0, jsx_runtime_1.jsx)("button", { type: 'button', ref: isSelected ? selectedRef : null, className: "".concat(isSelected ? 'selected' : '', " ").concat(!isYearInRange ? 'disabled' : ''), onClick: function () {
|
|
64
75
|
if (!isYearInRange)
|
|
65
76
|
return;
|
|
66
77
|
setDateSelected(__assign(__assign({}, dateSelected), { year: year }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-date-picker/calendar/years/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-date-picker/calendar/years/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -44,10 +44,10 @@ exports.mode = {
|
|
|
44
44
|
},
|
|
45
45
|
};
|
|
46
46
|
var InputDatePicker = function (props) {
|
|
47
|
-
var _a, _b
|
|
47
|
+
var _a, _b;
|
|
48
48
|
var currentMode = (_a = props === null || props === void 0 ? void 0 : props.mode) !== null && _a !== void 0 ? _a : 'date';
|
|
49
|
-
var
|
|
50
|
-
var
|
|
49
|
+
var _c = (0, formik_1.useField)({ name: props.name, type: props.type }), field = _c[0], _ = _c[1], utils = _c[2];
|
|
50
|
+
var _d = (0, formik_1.useFormikContext)(), values = _d.values, setFieldValue = _d.setFieldValue;
|
|
51
51
|
var ID = props.name + props.id;
|
|
52
52
|
var value = field.value;
|
|
53
53
|
var fieldValueInput = values[ID];
|
|
@@ -68,19 +68,23 @@ var InputDatePicker = function (props) {
|
|
|
68
68
|
props.onChangeInput && props.onChangeInput(value);
|
|
69
69
|
}
|
|
70
70
|
}, [value]);
|
|
71
|
-
return ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, __assign({}, props === null || props === void 0 ? void 0 : props.tooltip, { idTooltip: 'CALENDAR', position: 'bottom-left', bgColor: ((_b = props === null || props === void 0 ? void 0 : props.tooltip) === null || _b === void 0 ? void 0 : _b.bgColor) || 'transparent', style:
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
71
|
+
return ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, __assign({}, props === null || props === void 0 ? void 0 : props.tooltip, { idTooltip: 'CALENDAR', position: 'bottom-left', bgColor: ((_b = props === null || props === void 0 ? void 0 : props.tooltip) === null || _b === void 0 ? void 0 : _b.bgColor) || 'transparent', style: {
|
|
72
|
+
background: "#fff",
|
|
73
|
+
borderRadius: "7px",
|
|
74
|
+
marginTop: "-8px"
|
|
75
|
+
}, trigger: (0, jsx_runtime_1.jsx)(ui_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(ui_1.InputMask, { placeholder: props.placeholder, name: ID, mask: mask, disabled: props === null || props === void 0 ? void 0 : props.disabled, onChangeInput: function (value, callback) {
|
|
76
|
+
var valueInput = value;
|
|
77
|
+
var date = (0, moment_1.default)(valueInput, momentFormatter, true);
|
|
78
|
+
callback();
|
|
79
|
+
if (date.isValid()) {
|
|
80
|
+
setFieldValue(props.name, date.toDate());
|
|
81
|
+
if (date)
|
|
82
|
+
props.onChangeInput && props.onChangeInput(date === null || date === void 0 ? void 0 : date.toDate());
|
|
83
|
+
if (props.date.maxDate && (0, moment_1.default)(props.date.maxDate).isBefore(date.toDate())) {
|
|
84
|
+
setTimeout(function () { return props.date.maxDateError && utils.setError(props.date.maxDateError); }, 100);
|
|
82
85
|
}
|
|
83
|
-
}
|
|
86
|
+
}
|
|
87
|
+
} }) })), ContentWithTooltipProps: function (_a) {
|
|
84
88
|
var handleToggle = _a.handleToggle;
|
|
85
89
|
return currentMode !== 'timer' ? (0, jsx_runtime_1.jsx)(calendar_1.Calendar, __assign({ handleToggle: handleToggle }, props)) : null;
|
|
86
90
|
} })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-date-picker/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,+BAAiC;AAEjC,kDAA2B;AAC3B,iCAAmD;AAEnD,2BAAuD;AAEvD,uCAAqC;AAOxB,QAAA,IAAI,GAA2E;IAC1F,KAAK,EAAE;QACL,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,SAAS;KAClB;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,YAAY;QAClB,MAAM,EAAE,YAAY;KACrB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,OAAO;QACb,MAAM,EAAE,OAAO;KAChB;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,kBAAkB;QACxB,MAAM,EAAE,kBAAkB;KAC3B;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,MAAM;KACf;CACF,CAAA;AAEM,IAAM,eAAe,GAAG,UAAC,KAAwC;;IACtE,IAAM,WAAW,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,mCAAI,MAAM,CAAA;IACnC,IAAA,KAAoB,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,EAAnE,KAAK,QAAA,EAAE,CAAC,QAAA,EAAE,KAAK,QAAoD,CAAA;IAEpE,IAAA,KAA4B,IAAA,yBAAgB,GAAE,EAA5C,MAAM,YAAA,EAAE,aAAa,mBAAuB,CAAA;IAEpD,IAAM,EAAE,GAAG,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,EAAE,CAAA;IAEhC,IAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAA;IACzB,IAAM,eAAe,GAAG,MAAM,CAAC,EAAE,CAAC,CAAA;IAElC,IAAM,IAAI,GAAG,YAAI,CAAC,WAAW,CAAC,CAAC,IAAI,CAAA;IACnC,IAAM,eAAe,GAAG,YAAI,CAAC,WAAW,CAAC,CAAC,MAAM,CAAA;IAEhD,IAAM,oBAAoB,GAAG,IAAA,gBAAM,EAAC,KAAK,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,QAAQ,EAAE,CAAA;IAC7E,IAAM,WAAW,GAAG,KAAK,IAAI,KAAK,YAAY,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA;IAEvE,IAAA,iBAAS,EAAC;QACR,IAAI,WAAW,EAAE,CAAC;YAChB,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAA;YAC3B,aAAa,CAAC,EAAE,EAAE,IAAA,gBAAM,EAAC,WAAW,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAA;QAChE,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAA,iBAAS,EAAC;QACR,IAAI,oBAAoB,KAAK,eAAe,EAAE,CAAC;YAC7C,aAAa,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;YAEtD,IAAI,KAAK;gBAAE,KAAK,CAAC,aAAa,IAAI,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QAC9D,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,CACL,uBAAC,YAAO,eACF,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,IAClB,SAAS,EAAC,UAAU,EACpB,QAAQ,EAAC,aAAa,EACtB,OAAO,EAAE,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,0CAAE,OAAO,KAAI,aAAa,EACjD,KAAK,
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-date-picker/component.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
1
|
+
export * from './component.js';
|
|
2
|
+
export * from './interfaces.js';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { ModalProps } from './interfaces.js';
|
|
2
|
-
export declare function Modal({ open, onClose, title, children, actions, message, confirmText, onConfirm, cancelText, onCancel, styles,
|
|
2
|
+
export declare function Modal({ open, onClose, title, children, actions, message, confirmText, onConfirm, cancelText, onCancel, styles, hideCloseButton, stylesContent, }: ModalProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -40,23 +40,17 @@ var icons_1 = require("../../../ui/icons/index.js");
|
|
|
40
40
|
var hooks_1 = require("../../../ui/hooks/index.js");
|
|
41
41
|
var S = __importStar(require("./styles.js"));
|
|
42
42
|
function Modal(_a) {
|
|
43
|
-
var open = _a.open, onClose = _a.onClose, title = _a.title, children = _a.children, actions = _a.actions, message = _a.message, _b = _a.confirmText, confirmText = _b === void 0 ? 'Confirmar' : _b, onConfirm = _a.onConfirm, _c = _a.cancelText, cancelText = _c === void 0 ? 'Cancelar' : _c, onCancel = _a.onCancel, styles = _a.styles,
|
|
43
|
+
var open = _a.open, onClose = _a.onClose, title = _a.title, children = _a.children, actions = _a.actions, message = _a.message, _b = _a.confirmText, confirmText = _b === void 0 ? 'Confirmar' : _b, onConfirm = _a.onConfirm, _c = _a.cancelText, cancelText = _c === void 0 ? 'Cancelar' : _c, onCancel = _a.onCancel, styles = _a.styles, hideCloseButton = _a.hideCloseButton, stylesContent = _a.stylesContent;
|
|
44
44
|
var shouldRender = (0, hooks_1.useMountTransition)(open, 300);
|
|
45
|
-
function closeModal() {
|
|
46
|
-
if (!dontClose) {
|
|
47
|
-
onClose();
|
|
48
|
-
return;
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
45
|
function handleConfirm() {
|
|
52
46
|
onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
|
|
53
47
|
}
|
|
54
48
|
function handleCancel() {
|
|
55
49
|
onCancel === null || onCancel === void 0 ? void 0 : onCancel();
|
|
56
|
-
|
|
50
|
+
onClose();
|
|
57
51
|
}
|
|
58
52
|
if (!shouldRender)
|
|
59
53
|
return null;
|
|
60
|
-
return ((0, jsx_runtime_1.jsx)(overlay_1.Overlay, { onClick: handleCancel, isExiting: !open, children: (0, jsx_runtime_1.jsxs)(S.Modal, { style: styles, "$isExiting": !open, children: [(0, jsx_runtime_1.jsxs)("h2", { className:
|
|
54
|
+
return ((0, jsx_runtime_1.jsx)(overlay_1.Overlay, { onClick: handleCancel, isExiting: !open, children: (0, jsx_runtime_1.jsxs)(S.Modal, { style: styles, "$isExiting": !open, className: "modal-content", children: [(0, jsx_runtime_1.jsxs)("h2", { className: "title", children: [title && title, !hideCloseButton && ((0, jsx_runtime_1.jsx)("button", { className: "close-button", type: "button", onClick: onClose, children: (0, jsx_runtime_1.jsx)(icons_1.Icon, { name: "IconClose" }) }))] }), (0, jsx_runtime_1.jsxs)("div", { style: stylesContent, className: "content_modal_infinity_forge", children: [message && (0, jsx_runtime_1.jsx)("p", { className: "message", children: message }), children, (0, jsx_runtime_1.jsxs)("div", { className: "actions_modal_infinity_forge", children: [onCancel && (0, jsx_runtime_1.jsx)("button", { onClick: handleCancel, children: cancelText }), onConfirm && (0, jsx_runtime_1.jsx)("button", { onClick: handleConfirm, children: confirmText }), actions && (0, jsx_runtime_1.jsx)("div", { className: "custom_actions_modal_infinity_forge", children: actions })] })] })] }) }));
|
|
61
55
|
}
|
|
62
56
|
//# sourceMappingURL=component.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/ui/components/modal/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/ui/components/modal/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,sBA8DC;;AApED,sCAAqC;AACrC,oCAAkC;AAClC,oCAAgD;AAEhD,0CAA8B;AAE9B,SAAgB,KAAK,CAAC,EAcT;QAbX,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,OAAO,aAAA,EACP,mBAAyB,EAAzB,WAAW,mBAAG,WAAW,KAAA,EACzB,SAAS,eAAA,EACT,kBAAuB,EAAvB,UAAU,mBAAG,UAAU,KAAA,EACvB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,eAAe,qBAAA,EACf,aAAa,mBAAA;IAEb,IAAM,YAAY,GAAG,IAAA,0BAAkB,EAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAEnD,SAAS,aAAa;QACpB,SAAS,aAAT,SAAS,uBAAT,SAAS,EAAI,CAAC;IAChB,CAAC;IAED,SAAS,YAAY;QACnB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAC;QACb,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,IAAI,CAAC,YAAY;QAAE,OAAO,IAAI,CAAC;IAE/B,OAAO,CACL,uBAAC,iBAAO,IAAC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,IAAI,YAC9C,wBAAC,CAAC,CAAC,KAAK,IACN,KAAK,EAAE,MAAM,gBACD,CAAC,IAAI,EACjB,SAAS,EAAC,eAAe,aAGzB,gCAAI,SAAS,EAAC,OAAO,aAClB,KAAK,IAAI,KAAK,EAEd,CAAC,eAAe,IAAI,CACnB,mCAAQ,SAAS,EAAC,cAAc,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,YAC7D,uBAAC,YAAI,IAAC,IAAI,EAAC,WAAW,GAAG,GAClB,CACV,IACE,EAEL,iCAAK,KAAK,EAAE,aAAa,EAAE,SAAS,EAAC,8BAA8B,aAChE,OAAO,IAAI,8BAAG,SAAS,EAAC,SAAS,YAAE,OAAO,GAAK,EAE/C,QAAQ,EAET,iCAAK,SAAS,EAAC,8BAA8B,aAC1C,QAAQ,IAAI,mCAAQ,OAAO,EAAE,YAAY,YAAG,UAAU,GAAU,EAEhE,SAAS,IAAI,mCAAQ,OAAO,EAAE,aAAa,YAAG,WAAW,GAAU,EAEnE,OAAO,IAAI,gCAAK,SAAS,EAAC,qCAAqC,YAAE,OAAO,GAAO,IAC5E,IACF,IACE,GACF,CACX,CAAC;AACJ,CAAC"}
|
|
@@ -35,13 +35,25 @@ var __importStar = (this && this.__importStar) || (function () {
|
|
|
35
35
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
36
|
exports.Overlay = Overlay;
|
|
37
37
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
38
|
-
var
|
|
38
|
+
var react_1 = require("react");
|
|
39
|
+
var ui_1 = require("../../../ui/index.js");
|
|
39
40
|
var portal_1 = require("../portal/index.js");
|
|
40
41
|
var S = __importStar(require("./styles.js"));
|
|
41
42
|
function Overlay(_a) {
|
|
42
|
-
var children = _a.children, onClick = _a.onClick, _b = _a.zIndex, zIndex = _b === void 0 ?
|
|
43
|
-
|
|
44
|
-
|
|
43
|
+
var children = _a.children, onClick = _a.onClick, _b = _a.zIndex, zIndex = _b === void 0 ? ui_1.zIndexInfinityForge === null || ui_1.zIndexInfinityForge === void 0 ? void 0 : ui_1.zIndexInfinityForge.modal : _b, isExiting = _a.isExiting;
|
|
44
|
+
var _c = (0, react_1.useState)(false), isSelectingText = _c[0], setIsSelectingText = _c[1];
|
|
45
|
+
function handleMouseDown(event) {
|
|
46
|
+
if (event.target.closest('.modal-content')) {
|
|
47
|
+
setIsSelectingText(true);
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
function handleMouseUp() {
|
|
51
|
+
setTimeout(function () {
|
|
52
|
+
setIsSelectingText(false);
|
|
53
|
+
}, 300);
|
|
54
|
+
}
|
|
55
|
+
return ((0, jsx_runtime_1.jsx)(portal_1.Portal, { children: (0, jsx_runtime_1.jsx)(S.OverlayContainer, { "$zIndex": zIndex, "$isExiting": isExiting, onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, onClick: function (e) {
|
|
56
|
+
if (e.target === e.currentTarget && !isExiting && !isSelectingText) {
|
|
45
57
|
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
46
58
|
}
|
|
47
59
|
}, children: children }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/overlay/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/overlay/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,0BAiCC;;AA3CD,+BAAiC;AAEjC,2BAA2C;AAE3C,oCAAmC;AAInC,0CAA8B;AAE9B,SAAgB,OAAO,CAAC,EAAmF;QAAjF,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,cAAmC,EAAnC,MAAM,mBAAG,wBAAmB,aAAnB,wBAAmB,uBAAnB,wBAAmB,CAAE,KAAK,KAAA,EAAE,SAAS,eAAA;IACnF,IAAA,KAAwC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAtD,eAAe,QAAA,EAAE,kBAAkB,QAAmB,CAAC;IAE9D,SAAS,eAAe,CAAC,KAAuB;QAE9C,IAAK,KAAK,CAAC,MAAsB,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE,CAAC;YAC5D,kBAAkB,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC;IAED,SAAS,aAAa;QACpB,UAAU,CAAC;YACT,kBAAkB,CAAC,KAAK,CAAC,CAAA;QAC3B,CAAC,EAAE,GAAG,CAAC,CAAA;IACT,CAAC;IAED,OAAO,CACL,uBAAC,eAAM,cACL,uBAAC,CAAC,CAAC,gBAAgB,eACR,MAAM,gBACH,SAAS,EACrB,WAAW,EAAE,eAAe,EAC5B,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,UAAC,CAAC;gBACT,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,aAAa,IAAI,CAAC,SAAS,IAAI,CAAC,eAAe,EAAE,CAAC;oBACnE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;gBACf,CAAC;YACH,CAAC,YAEA,QAAQ,GACU,GACd,CACV,CAAC;AACJ,CAAC"}
|
|
@@ -83,6 +83,7 @@ function TooltipContent(_a) {
|
|
|
83
83
|
}
|
|
84
84
|
return function () { return document.removeEventListener('click', handleClickContent); };
|
|
85
85
|
}, [closeOnClick, contentRef, isOpen]);
|
|
86
|
+
console.log(tooltipStyle);
|
|
86
87
|
var tooltipContent = isOpen && ((0, jsx_runtime_1.jsx)(S.TooltipContent, { "$zIndex": utils_1.zIndexInfinityForge.tooltip, id: idTooltip, ref: contentRef, "$bgColor": bgColor, className: position, "$enableArrow": enableArrow, style: tooltipStyle, children: ContentWithTooltipProps ? ((0, jsx_runtime_1.jsx)(ContentWithTooltipProps, { handleToggle: handleToggle, toolTipRef: contentRef })) : (content) }));
|
|
87
88
|
(0, react_1.useEffect)(function () {
|
|
88
89
|
var interval = setInterval(function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/ui/components/tooltip/component.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/ui/components/tooltip/component.tsx"],"names":[],"mappings":"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"}
|
|
@@ -29,50 +29,72 @@ function useToolTip(position, rest, idTooltip) {
|
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
31
|
function updateTooltipStyle() {
|
|
32
|
-
|
|
33
|
-
if (toolTipRef.current) {
|
|
32
|
+
if (toolTipRef.current && contentRef.current) {
|
|
34
33
|
var triggerRect = toolTipRef.current.getBoundingClientRect();
|
|
35
|
-
var contentRect =
|
|
34
|
+
var contentRect = contentRef.current.getBoundingClientRect();
|
|
36
35
|
if (triggerRect && contentRect) {
|
|
36
|
+
// Pegando a margem do elemento disparador
|
|
37
|
+
var triggerStyle = getComputedStyle(toolTipRef.current);
|
|
38
|
+
var marginTop = parseInt(triggerStyle.marginTop || '0', 10);
|
|
39
|
+
var marginLeft = parseInt(triggerStyle.marginLeft || '0', 10);
|
|
40
|
+
console.log(triggerStyle.marginTop);
|
|
37
41
|
var positions = {
|
|
38
42
|
'top-left': {
|
|
39
|
-
top: triggerRect.top - contentRect.height - 8,
|
|
40
|
-
left: triggerRect.left,
|
|
43
|
+
top: triggerRect.top - contentRect.height - 8 - marginTop,
|
|
44
|
+
left: triggerRect.left - marginLeft,
|
|
41
45
|
},
|
|
42
46
|
'top-center': {
|
|
43
|
-
top: triggerRect.top - contentRect.height - 8,
|
|
44
|
-
left: triggerRect.left + (triggerRect.width - contentRect.width) / 2,
|
|
47
|
+
top: triggerRect.top - contentRect.height - 8 - marginTop,
|
|
48
|
+
left: triggerRect.left + (triggerRect.width - contentRect.width) / 2 - marginLeft,
|
|
45
49
|
},
|
|
46
50
|
'top-right': {
|
|
47
|
-
top: triggerRect.top - contentRect.height - 8,
|
|
48
|
-
left: triggerRect.left + triggerRect.width - contentRect.width,
|
|
51
|
+
top: triggerRect.top - contentRect.height - 8 - marginTop,
|
|
52
|
+
left: triggerRect.left + triggerRect.width - contentRect.width - marginLeft,
|
|
49
53
|
},
|
|
50
54
|
'left-center': {
|
|
51
|
-
top: triggerRect.top + (triggerRect.height - contentRect.height) / 2,
|
|
52
|
-
left: triggerRect.left - contentRect.width - 8,
|
|
55
|
+
top: triggerRect.top + (triggerRect.height - contentRect.height) / 2 - marginTop,
|
|
56
|
+
left: triggerRect.left - contentRect.width - 8 - marginLeft,
|
|
53
57
|
},
|
|
54
58
|
'right-center': {
|
|
55
|
-
top: triggerRect.top + (triggerRect.height - contentRect.height) / 2,
|
|
56
|
-
left: triggerRect.left + triggerRect.width + 8,
|
|
59
|
+
top: triggerRect.top + (triggerRect.height - contentRect.height) / 2 - marginTop,
|
|
60
|
+
left: triggerRect.left + triggerRect.width + 8 - marginLeft,
|
|
57
61
|
},
|
|
58
62
|
'bottom-left': {
|
|
59
|
-
top: triggerRect.top + triggerRect.height + 8,
|
|
60
|
-
left: triggerRect.left,
|
|
63
|
+
top: triggerRect.top + triggerRect.height + 8 - marginTop,
|
|
64
|
+
left: triggerRect.left - marginLeft,
|
|
61
65
|
},
|
|
62
66
|
'bottom-center': {
|
|
63
|
-
top: triggerRect.top + triggerRect.height + 8,
|
|
64
|
-
left: triggerRect.left + (triggerRect.width - contentRect.width) / 2,
|
|
67
|
+
top: triggerRect.top + triggerRect.height + 8 - marginTop,
|
|
68
|
+
left: triggerRect.left + (triggerRect.width - contentRect.width) / 2 - marginLeft,
|
|
65
69
|
},
|
|
66
70
|
'bottom-right': {
|
|
67
|
-
top: triggerRect.top + triggerRect.height + 8,
|
|
68
|
-
left: triggerRect.left + triggerRect.width - contentRect.width,
|
|
71
|
+
top: triggerRect.top + triggerRect.height + 8 - marginTop,
|
|
72
|
+
left: triggerRect.left + triggerRect.width - contentRect.width - marginLeft,
|
|
69
73
|
},
|
|
70
74
|
auto: {
|
|
71
|
-
top: triggerRect.top + triggerRect.height + 8,
|
|
72
|
-
left: triggerRect.left + triggerRect.width - contentRect.width,
|
|
75
|
+
top: triggerRect.top + triggerRect.height + 8 - marginTop,
|
|
76
|
+
left: triggerRect.left + triggerRect.width - contentRect.width - marginLeft,
|
|
73
77
|
},
|
|
74
78
|
};
|
|
75
|
-
var
|
|
79
|
+
var _a = positions[position] || positions.auto, top_1 = _a.top, left = _a.left;
|
|
80
|
+
var windowHeight = window.innerHeight;
|
|
81
|
+
var windowWidth = window.innerWidth;
|
|
82
|
+
// Ajuste para levar em consideração o scroll
|
|
83
|
+
var offsetTop = triggerRect.top + window.scrollY;
|
|
84
|
+
var offsetLeft = triggerRect.left + window.scrollX;
|
|
85
|
+
// Verifica se o tooltip ultrapassa os limites da tela e ajusta a posição
|
|
86
|
+
if (top_1 < 0) {
|
|
87
|
+
top_1 = offsetTop + triggerRect.height + 8; // Ajusta para baixo
|
|
88
|
+
}
|
|
89
|
+
if (top_1 + contentRect.height > windowHeight) {
|
|
90
|
+
top_1 = offsetTop - contentRect.height - 8; // Ajusta para cima
|
|
91
|
+
}
|
|
92
|
+
if (left < 0) {
|
|
93
|
+
left = offsetLeft + triggerRect.width + 8; // Ajusta para a direita
|
|
94
|
+
}
|
|
95
|
+
if (left + contentRect.width > windowWidth) {
|
|
96
|
+
left = offsetLeft - contentRect.width - 8; // Ajusta para a esquerda
|
|
97
|
+
}
|
|
76
98
|
setTooltipStyle(__assign({ top: "".concat(top_1, "px"), left: "".concat(left, "px"), position: 'fixed', zIndex: 99999999999 }, rest.style));
|
|
77
99
|
}
|
|
78
100
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-tool-tip.js","sourceRoot":"","sources":["../../../../../src/ui/components/tooltip/hooks/use-tool-tip.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAIA,
|
|
1
|
+
{"version":3,"file":"use-tool-tip.js","sourceRoot":"","sources":["../../../../../src/ui/components/tooltip/hooks/use-tool-tip.ts"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,11 @@ import { ReactNode } from 'react';
|
|
|
2
2
|
export type Toast = {
|
|
3
3
|
uid?: string;
|
|
4
4
|
message: string;
|
|
5
|
-
|
|
5
|
+
Component?: (toast: Toast & {
|
|
6
|
+
progressWidth: number;
|
|
7
|
+
closeToast: VoidFunction;
|
|
8
|
+
setToast: React.Dispatch<React.SetStateAction<Toast[]>>;
|
|
9
|
+
}) => ReactNode;
|
|
6
10
|
duration?: number;
|
|
7
11
|
status?: 'success' | 'error' | 'info' | 'warning';
|
|
8
12
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { Toast } from '../interfaces.js';
|
|
2
|
-
export declare function ToastItem(
|
|
2
|
+
export declare function ToastItem(props: {
|
|
3
3
|
setToast: React.Dispatch<React.SetStateAction<Toast[]>>;
|
|
4
4
|
} & Toast): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,4 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
2
13
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
14
|
if (k2 === undefined) k2 = k;
|
|
4
15
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
@@ -38,16 +49,18 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
38
49
|
var react_1 = require("react");
|
|
39
50
|
var ui_1 = require("../../../../ui/index.js");
|
|
40
51
|
var S = __importStar(require("./styles.js"));
|
|
41
|
-
function ToastItem(
|
|
42
|
-
var
|
|
43
|
-
var
|
|
44
|
-
var _c = (0, react_1.useState)(100), progressWidth = _c[0], setProgressWidth = _c[1];
|
|
52
|
+
function ToastItem(props) {
|
|
53
|
+
var animationDuration = props.duration || 5000;
|
|
54
|
+
var _a = (0, react_1.useState)(100), progressWidth = _a[0], setProgressWidth = _a[1];
|
|
45
55
|
var statusColors = {
|
|
46
56
|
success: '#07bc0c',
|
|
47
57
|
error: '#e74c3c',
|
|
48
58
|
info: '#3498db',
|
|
49
59
|
warning: '#f1c40f',
|
|
50
60
|
};
|
|
61
|
+
function closeToast() {
|
|
62
|
+
props.setToast(function (s) { return s === null || s === void 0 ? void 0 : s.filter(function (st) { return st.uid !== props.uid; }); });
|
|
63
|
+
}
|
|
51
64
|
(0, react_1.useEffect)(function () {
|
|
52
65
|
var startTime;
|
|
53
66
|
var animate = function (timestamp) {
|
|
@@ -57,11 +70,11 @@ function ToastItem(_a) {
|
|
|
57
70
|
var elapsed = timestamp - startTime;
|
|
58
71
|
var progress = Math.min(1, elapsed / animationDuration);
|
|
59
72
|
setProgressWidth(100 - progress * 100);
|
|
60
|
-
if (
|
|
73
|
+
if (1 > progress) {
|
|
61
74
|
requestAnimationFrame(animate);
|
|
62
75
|
}
|
|
63
76
|
else {
|
|
64
|
-
|
|
77
|
+
closeToast();
|
|
65
78
|
}
|
|
66
79
|
};
|
|
67
80
|
var animation = requestAnimationFrame(animate);
|
|
@@ -81,7 +94,7 @@ function ToastItem(_a) {
|
|
|
81
94
|
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
|
82
95
|
}
|
|
83
96
|
}
|
|
84
|
-
return ((0, jsx_runtime_1.jsxs)(S.ToastItem, { children: [(0, jsx_runtime_1.jsxs)("div", { className: 'toast-content', children: [iconToast(),
|
|
97
|
+
return ((0, jsx_runtime_1.jsxs)(S.ToastItem, { children: [(0, jsx_runtime_1.jsxs)("div", { className: 'toast-content', children: [iconToast(), (props === null || props === void 0 ? void 0 : props.Component) ? ((0, jsx_runtime_1.jsx)(props.Component, __assign({}, props, { closeToast: closeToast, progressWidth: progressWidth }))) : ((0, jsx_runtime_1.jsx)("span", { children: props === null || props === void 0 ? void 0 : props.message }))] }), (0, jsx_runtime_1.jsx)("div", { className: 'progressbar_container', children: (0, jsx_runtime_1.jsx)("div", { className: 'progressbar', style: {
|
|
85
98
|
width: "".concat(progressWidth, "%"),
|
|
86
99
|
backgroundColor: statusColors[status],
|
|
87
100
|
} }) })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/contexts/toast/toast-item/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/contexts/toast/toast-item/index.tsx"],"names":[],"mappings":"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"}
|