@ditojs/ui 3.1.3 → 3.2.6
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/dito-ui.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.dito-button--disabled,.dito-button[disabled]{opacity:.6;pointer-events:none}.dito-resize{content:"";background:currentColor;width:1em;margin:auto;position:absolute;inset:0;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 1.5%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='8' y1='22' x2='22' y2='8'/%3e %3cline x1='16' y1='22' x2='22' y2='16'/%3e %3c/svg%3e") 50% no-repeat content-box;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 1.5%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='8' y1='22' x2='22' y2='8'/%3e %3cline x1='16' y1='22' x2='22' y2='16'/%3e %3c/svg%3e") 50% no-repeat content-box}.dito-button{box-sizing:border-box;color:#0a0a0a;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background:#e0e0e0;border:1px solid #c7c7c7;border-radius:4px;justify-content:center;align-items:center;min-width:1.5em;min-height:1.5em;padding:3px 6px;display:inline-flex;position:relative}.dito-button--affixed{grid-template-columns:1fr auto 1fr;display:inline-grid}.dito-button__text,.dito-button__prefix,.dito-button__suffix{justify-content:center;align-items:center;display:flex}.dito-button__prefix{justify-content:flex-start}.dito-button__suffix{justify-content:flex-end}.dito-button:focus{border-color:#3898ff}.dito-button:hover{background:#d4d4d4}.dito-button:active{background:#cdcdcd;border-color:#adadad;box-shadow:inset 0 1px 2px #0a0a0a40}.dito-button--selected{background:#c7c7c7}.dito-button--selected:hover{background:#cdcdcd}.dito-button--active,.dito-button[type=submit]{color:#fff;background:#3898ff;border-color:#3898ff}.dito-button--active:active,.dito-button[type=submit]:active{border-color:#057eff}.dito-button--active:hover,.dito-button[type=submit]:hover{background:#1284ff}.dito-button--active:focus,.dito-button[type=submit]:focus{border-color:#0059b8}.dito-buttons{--button-margin:2px;white-space:nowrap;justify-content:flex-end;display:flex}.dito-buttons,.dito-buttons__group{gap:var(--button-margin)}.dito-buttons__group+.dito-buttons__group{margin-left:1.5em}.dito-buttons--round .dito-button{border-radius:1em;min-width:2em;min-height:2em;padding:.3em .9em}.dito-buttons--small{--button-margin:1px}.dito-buttons--round,.dito-buttons--small{line-height:1em}.dito-buttons--toolbar{justify-content:flex-start}.dito-buttons--toolbar .dito-button{box-sizing:content-box;padding:0 6px}.dito-buttons--toolbar .dito-button i[class*=dito-icon-]{width:1.1em}.dito-chevron{color:gray;flex:none;width:1.2em;position:relative}.dito-chevron:before{content:"▶";color:inherit;transition:transform .1s;position:absolute;left:0}.dito-chevron--open:before{transform:rotate(90deg)}.dito-chevron:after{content:""}.dito-resize{top:unset;left:unset;z-index:10;cursor:ns-resize;width:1em;height:1em;position:absolute;bottom:0;right:0}.dito-calendar{box-sizing:border-box;min-width:240px}.dito-calendar-popup{z-index:1000;background:#fff;border:1px solid #c7c7c7;border-radius:4px;box-shadow:0 2px 6px #0a0a0a40}.dito-calendar-body{padding:0 .5em}.dito-calendar-body span{box-sizing:border-box;text-align:center;border:1px solid #0000;border-radius:4px;width:14.2857%;height:2em;line-height:calc(2em - 2px);display:inline-block}.dito-calendar-body .dito-calendar-item-today{color:#3898ff;border:1px solid #3898ff}.dito-calendar-body .dito-calendar-item-active,.dito-calendar-body .dito-calendar-item-active:hover{color:#fff;background:#3898ff}.dito-calendar-body .dito-calendar-item-disabled{cursor:default;background:#fff}.dito-calendar-body .dito-calendar-item-disabled,.dito-calendar-body .dito-calendar-item-gray{color:#999}.dito-calendar-months span,.dito-calendar-years span{width:25%;margin:.5em 0}.dito-calendar-years span{width:20%}.dito-calendar a,.dito-calendar-dates span,.dito-calendar-months span,.dito-calendar-years span{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;white-space:nowrap;cursor:pointer}.dito-calendar-header span{cursor:default}.dito-calendar-header span a{padding:0 .2em}.dito-calendar-dates span:hover,.dito-calendar-months span:hover,.dito-calendar-years span:hover,.dito-calendar:not(:hover) .dito-calendar-item-current{background:#b3d7ff}.dito-calendar-weekdays span{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;font-weight:700}.dito-calendar-header,.dito-calendar-footer{text-align:center;height:2em;line-height:2em;position:relative}.dito-calendar-footer{border-top:1px solid #c7c7c7}.dito-calendar-header{border-bottom:1px solid #c7c7c7;font-weight:700;display:flex}.dito-calendar-header>span{margin:auto;padding:0 .5em}.dito-calendar-header a{font-weight:700}.dito-calendar-header a:hover{color:#3898ff}.dito-calendar-step-prev,.dito-calendar-step-next{width:5%;min-width:2em;max-width:3em;position:relative}.dito-calendar-step-prev:after,.dito-calendar-step-next:after{font-size:1.25em;position:absolute;left:0;right:0}.dito-calendar-step-prev:after{content:"‹"}.dito-calendar-step-prev.dito-calendar-step-year:after{content:"«"}.dito-calendar-step-next:after{content:"›"}.dito-calendar-step-next.dito-calendar-step-year:after{content:"»"}.dito-calendar-select-now:after{content:"Now"}.dito-fade-enter-active{animation:.2s cubic-bezier(.165,.84,.44,1) dito-fade-enter}.dito-fade-leave-active{animation:.2s cubic-bezier(.165,.84,.44,1) dito-fade-leave}@keyframes dito-fade-enter{0%{opacity:0}to{opacity:1}}@keyframes dito-fade-leave{0%{opacity:1}to{opacity:0}}.dito-slide-enter-active{animation:.15s cubic-bezier(.165,.84,.44,1) dito-slide-enter}.dito-slide-leave-active{animation:.15s cubic-bezier(.165,.84,.44,1) dito-slide-leave}@keyframes dito-slide-enter{0%{opacity:0;transform-origin:0 0;transform:scaleY(.8)}to{opacity:1;transform-origin:0 0;transform:scaleY(1)}}@keyframes dito-slide-leave{0%{opacity:1;transform-origin:0 0;transform:scaleY(1)}to{opacity:0;transform-origin:0 0;transform:scaleY(.8)}}.dito-zoom-enter-active{animation:.1s cubic-bezier(.165,.84,.44,1) dito-zoom-enter}.dito-zoom-leave-active{animation:.2s cubic-bezier(.165,.84,.44,1) dito-zoom-leave}@keyframes dito-zoom-enter{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes dito-zoom-leave{0%{transform:scale(1)}to{opacity:0;transform:scale(0)}}.dito-trigger-container{position:relative}.dito-trigger-disabled{color:gray;cursor:default;border-color:#c7c7c7}.dito-trigger-disabled *{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;cursor:default!important}.dito-trigger-disabled :focus{-webkit-box-shadow:none;box-shadow:none}.dito-popup{z-index:1000;position:absolute;top:0;left:0}.dito-input:disabled button,.dito-container--disabled .dito-input button{opacity:.6;pointer-events:none}.dito-input{box-sizing:border-box;background:#fff;border:1px solid #c7c7c7;border-radius:4px;margin:0;padding:3px 6px}.dito-container--has-errors .dito-input{border-color:#ff3860}.dito-input:disabled,.dito-container--disabled .dito-input{color:gray;pointer-events:none;cursor:text}.dito-input{appearance:none}.dito-input::-webkit-input-placeholder{color:gray}.dito-input::placeholder{color:gray}.dito-input:-ms-placeholder-shown{color:gray}.dito-input::placeholder{color:gray}.dito-input:focus,.dito-input:focus-within,.dito-input--focus.dito-input{border-color:#3898ff}.dito-input{align-items:center;display:inline-flex}.dito-input input{all:inherit;border:0;flex:1;min-width:0;margin:0;padding:0;display:inline-block}.dito-icon--upload:after,.dito-icon--undo:after,.dito-icon--underline:after,.dito-icon--type:after,.dito-icon--trash:after,.dito-icon--tag:after,.dito-icon--superscript:after,.dito-icon--subscript:after,.dito-icon--strike:after,.dito-icon--small:after,.dito-icon--settings:after,.dito-icon--search:after,.dito-icon--resize:after,.dito-icon--remove:after,.dito-icon--refresh:after,.dito-icon--redo:after,.dito-icon--percent:after,.dito-icon--paste:after,.dito-icon--paragraph:after,.dito-icon--paperclip:after,.dito-icon--ordered-list:after,.dito-icon--menu:after,.dito-icon--mail:after,.dito-icon--link:after,.dito-icon--italic:after,.dito-icon--info:after,.dito-icon--image:after,.dito-icon--horizontal-rule:after,.dito-icon--home:after,.dito-icon--heart:after,.dito-icon--heading-3:after,.dito-icon--heading-2:after,.dito-icon--heading-1:after,.dito-icon--hash:after,.dito-icon--footnotes:after,.dito-icon--ellipsis:after,.dito-icon--edit:after,.dito-icon--drag:after,.dito-icon--dollar-sign:after,.dito-icon--crop:after,.dito-icon--credit-card:after,.dito-icon--copy:after,.dito-icon--command:after,.dito-icon--code:after,.dito-icon--code-block:after,.dito-icon--clock:after,.dito-icon--clear:after,.dito-icon--chevrons:after,.dito-icon--chevron:after,.dito-icon--calendar:after,.dito-icon--bullet-list:after,.dito-icon--bookmark:after,.dito-icon--bold:after,.dito-icon--blockquote:after,.dito-icon--at-sign:after,.dito-icon--arrow:after,.dito-icon--alternate:after,.dito-icon--align-right:after,.dito-icon--align-left:after,.dito-icon--align-justify:after,.dito-icon--align-center:after,.dito-icon--add:after{content:"";background:currentColor;width:1em;margin:auto;position:absolute;inset:0;-webkit-mask:none 50% no-repeat content-box;mask:none 50% no-repeat content-box}.dito-icon--add:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='12' y1='2' x2='12' y2='22'/%3e %3cline x1='2' y1='12' x2='22' y2='12'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='12' y1='2' x2='12' y2='22'/%3e %3cline x1='2' y1='12' x2='22' y2='12'/%3e %3c/svg%3e")}.dito-icon--align-center:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='18' y1='10' x2='6' y2='10'/%3e %3cline x1='21' y1='6' x2='3' y2='6'/%3e %3cline x1='21' y1='14' x2='3' y2='14'/%3e %3cline x1='18' y1='18' x2='6' y2='18'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='18' y1='10' x2='6' y2='10'/%3e %3cline x1='21' y1='6' x2='3' y2='6'/%3e %3cline x1='21' y1='14' x2='3' y2='14'/%3e %3cline x1='18' y1='18' x2='6' y2='18'/%3e %3c/svg%3e")}.dito-icon--align-justify:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='21' y1='10' x2='3' y2='10'/%3e %3cline x1='21' y1='6' x2='3' y2='6'/%3e %3cline x1='21' y1='14' x2='3' y2='14'/%3e %3cline x1='21' y1='18' x2='3' y2='18'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='21' y1='10' x2='3' y2='10'/%3e %3cline x1='21' y1='6' x2='3' y2='6'/%3e %3cline x1='21' y1='14' x2='3' y2='14'/%3e %3cline x1='21' y1='18' x2='3' y2='18'/%3e %3c/svg%3e")}.dito-icon--align-left:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='17' y1='10' x2='3' y2='10'/%3e %3cline x1='21' y1='6' x2='3' y2='6'/%3e %3cline x1='21' y1='14' x2='3' y2='14'/%3e %3cline x1='17' y1='18' x2='3' y2='18'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='17' y1='10' x2='3' y2='10'/%3e %3cline x1='21' y1='6' x2='3' y2='6'/%3e %3cline x1='21' y1='14' x2='3' y2='14'/%3e %3cline x1='17' y1='18' x2='3' y2='18'/%3e %3c/svg%3e")}.dito-icon--align-right:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='21' y1='10' x2='7' y2='10'/%3e %3cline x1='21' y1='6' x2='3' y2='6'/%3e %3cline x1='21' y1='14' x2='3' y2='14'/%3e %3cline x1='21' y1='18' x2='7' y2='18'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='21' y1='10' x2='7' y2='10'/%3e %3cline x1='21' y1='6' x2='3' y2='6'/%3e %3cline x1='21' y1='14' x2='3' y2='14'/%3e %3cline x1='21' y1='18' x2='7' y2='18'/%3e %3c/svg%3e")}.dito-icon--alternate:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='15' y1='7' x2='20' y2='7'/%3e %3cpolyline points='4%2c7 9%2c7 15%2c18 20%2c18'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='15' y1='7' x2='20' y2='7'/%3e %3cpolyline points='4%2c7 9%2c7 15%2c18 20%2c18'/%3e %3c/svg%3e")}.dito-icon--arrow:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='8%2c4 16%2c12 8%2c20'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='8%2c4 16%2c12 8%2c20'/%3e %3c/svg%3e")}.dito-icon--at-sign:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='12' cy='12' r='4'/%3e %3cpath d='M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='12' cy='12' r='4'/%3e %3cpath d='M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94'/%3e %3c/svg%3e")}.dito-icon--blockquote:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cg style='fill: currentColor%3b'%3e %3ccircle cx='6' cy='10' r='4'/%3e %3ccircle cx='18' cy='10' r='4'/%3e %3c/g%3e %3cpath d='M2%2c18c4.42%2c0%2c8-3.58%2c8-8'/%3e %3cpath d='M14%2c18c4.42%2c0%2c8-3.58%2c8-8'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cg style='fill: currentColor%3b'%3e %3ccircle cx='6' cy='10' r='4'/%3e %3ccircle cx='18' cy='10' r='4'/%3e %3c/g%3e %3cpath d='M2%2c18c4.42%2c0%2c8-3.58%2c8-8'/%3e %3cpath d='M14%2c18c4.42%2c0%2c8-3.58%2c8-8'/%3e %3c/svg%3e")}.dito-icon--bold:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 3%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M6%2c4'/%3e %3cpath d='M6%2c4h8c2.21%2c0%2c4%2c1.79%2c4%2c4s-1.79%2c4-4%2c4l-6%2c0'/%3e %3cpath d='M15%2c12c2.21%2c0%2c4%2c1.79%2c4%2c4s-1.79%2c4-4%2c4H6'/%3e %3cline x1='8' y1='4' x2='8' y2='20'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 3%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M6%2c4'/%3e %3cpath d='M6%2c4h8c2.21%2c0%2c4%2c1.79%2c4%2c4s-1.79%2c4-4%2c4l-6%2c0'/%3e %3cpath d='M15%2c12c2.21%2c0%2c4%2c1.79%2c4%2c4s-1.79%2c4-4%2c4H6'/%3e %3cline x1='8' y1='4' x2='8' y2='20'/%3e %3c/svg%3e")}.dito-icon--bookmark:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z'/%3e %3c/svg%3e")}.dito-icon--bullet-list:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: currentColor%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='9' y1='4' x2='21' y2='4'/%3e %3cline x1='9' y1='12' x2='21' y2='12'/%3e %3cline x1='9' y1='20' x2='21' y2='20'/%3e %3ccircle cx='4' cy='4' r='1'/%3e %3ccircle cx='4' cy='12' r='1'/%3e %3ccircle cx='4' cy='20' r='1'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: currentColor%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='9' y1='4' x2='21' y2='4'/%3e %3cline x1='9' y1='12' x2='21' y2='12'/%3e %3cline x1='9' y1='20' x2='21' y2='20'/%3e %3ccircle cx='4' cy='4' r='1'/%3e %3ccircle cx='4' cy='12' r='1'/%3e %3ccircle cx='4' cy='20' r='1'/%3e %3c/svg%3e")}.dito-icon--calendar:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3e %3cline x1='16' y1='2' x2='16' y2='6'/%3e %3cline x1='8' y1='2' x2='8' y2='6'/%3e %3cline x1='3' y1='10' x2='21' y2='10'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3e %3cline x1='16' y1='2' x2='16' y2='6'/%3e %3cline x1='8' y1='2' x2='8' y2='6'/%3e %3cline x1='3' y1='10' x2='21' y2='10'/%3e %3c/svg%3e")}.dito-icon--chevron:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='7%2c20 15%2c12 7%2c4'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='7%2c20 15%2c12 7%2c4'/%3e %3c/svg%3e")}.dito-icon--chevrons:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='4%2c4 12%2c12 4%2c20'/%3e %3cpolyline points='12%2c4 20%2c12 12%2c20'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='4%2c4 12%2c12 4%2c20'/%3e %3cpolyline points='12%2c4 20%2c12 12%2c20'/%3e %3c/svg%3e")}.dito-icon--clear:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='4' y1='4' x2='20' y2='20'/%3e %3cline x1='20' y1='4' x2='4' y2='20'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='4' y1='4' x2='20' y2='20'/%3e %3cline x1='20' y1='4' x2='4' y2='20'/%3e %3c/svg%3e")}.dito-icon--clock:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='12' cy='12' r='10'/%3e %3cpolyline points='12 6 12 12 16 14'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='12' cy='12' r='10'/%3e %3cpolyline points='12 6 12 12 16 14'/%3e %3c/svg%3e")}.dito-icon--code-block:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='7%2c6 1%2c12 7%2c18 '/%3e %3cline x1='10' y1='18' x2='14' y2='6'/%3e %3cpolyline points='17%2c18 23%2c12 17%2c6 '/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='7%2c6 1%2c12 7%2c18 '/%3e %3cline x1='10' y1='18' x2='14' y2='6'/%3e %3cpolyline points='17%2c18 23%2c12 17%2c6 '/%3e %3c/svg%3e")}.dito-icon--code:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='9 6 3 12 9 18'/%3e %3cpolyline points='15 18 21 12 15 6'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='9 6 3 12 9 18'/%3e %3cpolyline points='15 18 21 12 15 6'/%3e %3c/svg%3e")}.dito-icon--command:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M18 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3H6a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3V6a3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3h12a3 3 0 0 0 3-3 3 3 0 0 0-3-3z'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M18 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3H6a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3V6a3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3h12a3 3 0 0 0 3-3 3 3 0 0 0-3-3z'/%3e %3c/svg%3e")}.dito-icon--copy:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M8%2c1h6c0.552%2c0%2c1%2c0.448%2c1%2c1v2c0%2c0.552-0.448%2c1-1%2c1H8C7.448%2c5%2c7%2c4.552%2c7%2c4V2C7%2c1.448%2c7.448%2c1%2c8%2c1z'/%3e %3cpath d='M5%2c21c-1.105%2c0-2-0.895-2-2V5c0-1.105%2c0.895-2%2c2-2h2'/%3e %3cpath d='M5%2c21c-1.105%2c0-2-0.895-2-2V5c0-1.105%2c0.895-2%2c2-2h2'/%3e %3cpath d='M15%2c3h2c1.105%2c0%2c2%2c0.895%2c2%2c2v1'/%3e %3cg%3e %3cpath d='M8%2c11c0-1.105%2c0.895-2%2c2-2'/%3e %3cpath d='M10%2c23c-1.105%2c0-2-0.895-2-2'/%3e %3cpath d='M21%2c21c0%2c1.105-0.895%2c2-2%2c2'/%3e %3cpath d='M19%2c9c1.105%2c0%2c2%2c0.895%2c2%2c2'/%3e %3cline x1='13.5' y1='9' x2='15.5' y2='9'/%3e %3cline x1='13.5' y1='23' x2='15.5' y2='23'/%3e %3cline x1='8' y1='14.5' x2='8' y2='17.5'/%3e %3cline x1='21' y1='14.5' x2='21' y2='17.5'/%3e %3c/g%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M8%2c1h6c0.552%2c0%2c1%2c0.448%2c1%2c1v2c0%2c0.552-0.448%2c1-1%2c1H8C7.448%2c5%2c7%2c4.552%2c7%2c4V2C7%2c1.448%2c7.448%2c1%2c8%2c1z'/%3e %3cpath d='M5%2c21c-1.105%2c0-2-0.895-2-2V5c0-1.105%2c0.895-2%2c2-2h2'/%3e %3cpath d='M5%2c21c-1.105%2c0-2-0.895-2-2V5c0-1.105%2c0.895-2%2c2-2h2'/%3e %3cpath d='M15%2c3h2c1.105%2c0%2c2%2c0.895%2c2%2c2v1'/%3e %3cg%3e %3cpath d='M8%2c11c0-1.105%2c0.895-2%2c2-2'/%3e %3cpath d='M10%2c23c-1.105%2c0-2-0.895-2-2'/%3e %3cpath d='M21%2c21c0%2c1.105-0.895%2c2-2%2c2'/%3e %3cpath d='M19%2c9c1.105%2c0%2c2%2c0.895%2c2%2c2'/%3e %3cline x1='13.5' y1='9' x2='15.5' y2='9'/%3e %3cline x1='13.5' y1='23' x2='15.5' y2='23'/%3e %3cline x1='8' y1='14.5' x2='8' y2='17.5'/%3e %3cline x1='21' y1='14.5' x2='21' y2='17.5'/%3e %3c/g%3e %3c/svg%3e")}.dito-icon--credit-card:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3crect x='1' y='4' width='22' height='16' rx='2' ry='2'/%3e %3cline x1='1' y1='10' x2='23' y2='10'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3crect x='1' y='4' width='22' height='16' rx='2' ry='2'/%3e %3cline x1='1' y1='10' x2='23' y2='10'/%3e %3c/svg%3e")}.dito-icon--crop:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M6.13 1L6 16a2 2 0 0 0 2 2h15'/%3e %3cpath d='M1 6.13L16 6a2 2 0 0 1 2 2v15'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M6.13 1L6 16a2 2 0 0 0 2 2h15'/%3e %3cpath d='M1 6.13L16 6a2 2 0 0 1 2 2v15'/%3e %3c/svg%3e")}.dito-icon--dollar-sign:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M6.5%2c16c0%2c2.49%2c2.46%2c4.5%2c5.5%2c4.5s5.5-2.01%2c5.5-4.5s-2.46-4.5-5.5-4.5c-2.7%2c0-5-1.79-5-4s2.3-4%2c5-4s5%2c1.79%2c5%2c4'/%3e %3cline x1='12' y1='23' x2='12' y2='1'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M6.5%2c16c0%2c2.49%2c2.46%2c4.5%2c5.5%2c4.5s5.5-2.01%2c5.5-4.5s-2.46-4.5-5.5-4.5c-2.7%2c0-5-1.79-5-4s2.3-4%2c5-4s5%2c1.79%2c5%2c4'/%3e %3cline x1='12' y1='23' x2='12' y2='1'/%3e %3c/svg%3e")}.dito-icon--drag:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='5%2c8%2c 12%2c1 19%2c8'/%3e %3cpolyline points='5%2c16%2c 12%2c23 19%2c16'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='5%2c8%2c 12%2c1 19%2c8'/%3e %3cpolyline points='5%2c16%2c 12%2c23 19%2c16'/%3e %3c/svg%3e")}.dito-icon--edit:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='2%2c16 16%2c2 20%2c6 6%2c20'/%3e %3cpolyline points='14%2c4 18%2c8'/%3e %3cpolygon points='6%2c20 2%2c20 2%2c16' style='fill:black%3b'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='2%2c16 16%2c2 20%2c6 6%2c20'/%3e %3cpolyline points='14%2c4 18%2c8'/%3e %3cpolygon points='6%2c20 2%2c20 2%2c16' style='fill:black%3b'/%3e %3c/svg%3e")}.dito-icon--ellipsis:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: currentColor%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='4' cy='12' r='1'/%3e %3ccircle cx='12' cy='12' r='1'/%3e %3ccircle cx='20' cy='12' r='1'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: currentColor%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='4' cy='12' r='1'/%3e %3ccircle cx='12' cy='12' r='1'/%3e %3ccircle cx='20' cy='12' r='1'/%3e %3c/svg%3e")}.dito-icon--footnotes:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cg%3e %3cpolyline points='11 20 6 6 1 20'/%3e %3cline x1='3' y1='14.5' x2='9' y2='14.5'/%3e %3c/g%3e %3cg%3e %3cline x1='14' y1='20' x2='14' y2='6'/%3e %3cellipse cx='17.5' cy='16.064' rx='3.5' ry='4'/%3e %3c/g%3e %3cpolyline points='20 5 23 2 23 10'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cg%3e %3cpolyline points='11 20 6 6 1 20'/%3e %3cline x1='3' y1='14.5' x2='9' y2='14.5'/%3e %3c/g%3e %3cg%3e %3cline x1='14' y1='20' x2='14' y2='6'/%3e %3cellipse cx='17.5' cy='16.064' rx='3.5' ry='4'/%3e %3c/g%3e %3cpolyline points='20 5 23 2 23 10'/%3e %3c/svg%3e")}.dito-icon--hash:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='4' y1='9' x2='20' y2='9'/%3e %3cline x1='4' y1='15' x2='20' y2='15'/%3e %3cline x1='10' y1='3' x2='8' y2='21'/%3e %3cline x1='16' y1='3' x2='14' y2='21'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='4' y1='9' x2='20' y2='9'/%3e %3cline x1='4' y1='15' x2='20' y2='15'/%3e %3cline x1='10' y1='3' x2='8' y2='21'/%3e %3cline x1='16' y1='3' x2='14' y2='21'/%3e %3c/svg%3e")}.dito-icon--heading-1:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='2' y1='5' x2='2' y2='19'/%3e %3cline x1='10' y1='5' x2='10' y2='19'/%3e %3cline x1='2' y1='12' x2='10' y2='12'/%3e %3cpolyline points='15%2c10.25 21%2c5 21%2c19'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='2' y1='5' x2='2' y2='19'/%3e %3cline x1='10' y1='5' x2='10' y2='19'/%3e %3cline x1='2' y1='12' x2='10' y2='12'/%3e %3cpolyline points='15%2c10.25 21%2c5 21%2c19'/%3e %3c/svg%3e")}.dito-icon--heading-2:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='2' y1='5' x2='2' y2='19'/%3e %3cline x1='10' y1='5' x2='10' y2='19'/%3e %3cline x1='2' y1='12' x2='10' y2='12'/%3e %3cpath d='M15%2c8.5C15%2c6.57%2c16.57%2c5%2c18.5%2c5S22%2c6.57%2c22%2c8.5c0%2c0.79-0.26%2c1.52-0.7%2c2.1L15%2c19h7'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='2' y1='5' x2='2' y2='19'/%3e %3cline x1='10' y1='5' x2='10' y2='19'/%3e %3cline x1='2' y1='12' x2='10' y2='12'/%3e %3cpath d='M15%2c8.5C15%2c6.57%2c16.57%2c5%2c18.5%2c5S22%2c6.57%2c22%2c8.5c0%2c0.79-0.26%2c1.52-0.7%2c2.1L15%2c19h7'/%3e %3c/svg%3e")}.dito-icon--heading-3:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='2' y1='5' x2='2' y2='19'/%3e %3cline x1='10' y1='5' x2='10' y2='19'/%3e %3cline x1='2' y1='12' x2='10' y2='12'/%3e %3cpath d='M15.11%2c7.62C15.5%2c6.12%2c16.87%2c5%2c18.5%2c5C20.43%2c5%2c22%2c6.57%2c22%2c8.5S20.43%2c12%2c18.5%2c12c1.93%2c0%2c3.5%2c1.57%2c3.5%2c3.5S20.43%2c19%2c18.5%2c19c-1.63%2c0-3-1.12-3.39-2.62'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='2' y1='5' x2='2' y2='19'/%3e %3cline x1='10' y1='5' x2='10' y2='19'/%3e %3cline x1='2' y1='12' x2='10' y2='12'/%3e %3cpath d='M15.11%2c7.62C15.5%2c6.12%2c16.87%2c5%2c18.5%2c5C20.43%2c5%2c22%2c6.57%2c22%2c8.5S20.43%2c12%2c18.5%2c12c1.93%2c0%2c3.5%2c1.57%2c3.5%2c3.5S20.43%2c19%2c18.5%2c19c-1.63%2c0-3-1.12-3.39-2.62'/%3e %3c/svg%3e")}.dito-icon--heart:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3e %3c/svg%3e")}.dito-icon--home:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3e %3cpolyline points='9 22 9 12 15 12 15 22'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3e %3cpolyline points='9 22 9 12 15 12 15 22'/%3e %3c/svg%3e")}.dito-icon--horizontal-rule:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='2' y1='12' x2='22' y2='12'/%3e %3cpolyline points='4%2c10 2%2c12 4%2c14 '/%3e %3cpolyline points='20%2c10 22%2c12 20%2c14 '/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='2' y1='12' x2='22' y2='12'/%3e %3cpolyline points='4%2c10 2%2c12 4%2c14 '/%3e %3cpolyline points='20%2c10 22%2c12 20%2c14 '/%3e %3c/svg%3e")}.dito-icon--image:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3crect x='3' y='3' width='18' height='18' rx='2' ry='2'/%3e %3ccircle cx='8.5' cy='8.5' r='1.5'/%3e %3cpolyline points='21 15 16 10 5 21'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3crect x='3' y='3' width='18' height='18' rx='2' ry='2'/%3e %3ccircle cx='8.5' cy='8.5' r='1.5'/%3e %3cpolyline points='21 15 16 10 5 21'/%3e %3c/svg%3e")}.dito-icon--info:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='12' cy='12' r='10'/%3e %3cline x1='12' y1='17' x2='12' y2='12'/%3e %3cline stroke-width='2.5' x1='12' y1='8' x2='12' y2='8'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='12' cy='12' r='10'/%3e %3cline x1='12' y1='17' x2='12' y2='12'/%3e %3cline stroke-width='2.5' x1='12' y1='8' x2='12' y2='8'/%3e %3c/svg%3e")}.dito-icon--italic:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='19' y1='4' x2='10' y2='4'/%3e %3cline x1='14' y1='20' x2='5' y2='20'/%3e %3cline x1='15' y1='4' x2='9' y2='20'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='19' y1='4' x2='10' y2='4'/%3e %3cline x1='14' y1='20' x2='5' y2='20'/%3e %3cline x1='15' y1='4' x2='9' y2='20'/%3e %3c/svg%3e")}.dito-icon--link:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='8' y1='16' x2='16' y2='8'/%3e %3cpath d='M11.82%2c8.18c-0.23-0.97%2c0.04-2.04%2c0.8-2.8l2.26-2.26c1.17-1.17%2c3.07-1.17%2c4.24%2c0l1.76%2c1.76 c1.17%2c1.17%2c1.17%2c3.07%2c0%2c4.24l-2.26%2c2.26c-0.76%2c0.76-1.83%2c1.03-2.8%2c0.8'/%3e %3cpath d='M12.18%2c15.82c0.23%2c0.97-0.04%2c2.04-0.8%2c2.8l-2.26%2c2.26c-1.17%2c1.17-3.07%2c1.17-4.24%2c0l-1.76-1.76 c-1.17-1.17-1.17-3.07%2c0-4.24l2.26-2.26c0.76-0.76%2c1.83-1.03%2c2.8-0.8'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='8' y1='16' x2='16' y2='8'/%3e %3cpath d='M11.82%2c8.18c-0.23-0.97%2c0.04-2.04%2c0.8-2.8l2.26-2.26c1.17-1.17%2c3.07-1.17%2c4.24%2c0l1.76%2c1.76 c1.17%2c1.17%2c1.17%2c3.07%2c0%2c4.24l-2.26%2c2.26c-0.76%2c0.76-1.83%2c1.03-2.8%2c0.8'/%3e %3cpath d='M12.18%2c15.82c0.23%2c0.97-0.04%2c2.04-0.8%2c2.8l-2.26%2c2.26c-1.17%2c1.17-3.07%2c1.17-4.24%2c0l-1.76-1.76 c-1.17-1.17-1.17-3.07%2c0-4.24l2.26-2.26c0.76-0.76%2c1.83-1.03%2c2.8-0.8'/%3e %3c/svg%3e")}.dito-icon--mail:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3e %3cpolyline points='22%2c6 12%2c13 2%2c6'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3e %3cpolyline points='22%2c6 12%2c13 2%2c6'/%3e %3c/svg%3e")}.dito-icon--menu:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='3' y1='12' x2='21' y2='12'/%3e %3cline x1='3' y1='6' x2='21' y2='6'/%3e %3cline x1='3' y1='18' x2='21' y2='18'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='3' y1='12' x2='21' y2='12'/%3e %3cline x1='3' y1='6' x2='21' y2='6'/%3e %3cline x1='3' y1='18' x2='21' y2='18'/%3e %3c/svg%3e")}.dito-icon--ordered-list:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='9' y1='4' x2='21' y2='4'/%3e %3cline x1='9' y1='12' x2='21' y2='12'/%3e %3cline x1='9' y1='20' x2='21' y2='20'/%3e %3cg style='stroke-width: 1.5%3b'%3e %3cpolyline points='2.5%2c3.5 4%2c2 4%2c6'/%3e %3cpath d='M3%2c11c0-0.55%2c0.45-1%2c1-1s1%2c0.45%2c1%2c1c0%2c0.23-0.07%2c0.43-0.2%2c0.6L3%2c14h2'/%3e %3cpath d='M3.03%2c18.75C3.14%2c18.32%2c3.53%2c18%2c4%2c18c0.55%2c0%2c1%2c0.45%2c1%2c1s-0.45%2c1-1%2c1c0.55%2c0%2c1%2c0.45%2c1%2c1s-0.45%2c1-1%2c1c-0.47%2c0-0.86-0.32-0.97-0.75'/%3e %3c/g%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='9' y1='4' x2='21' y2='4'/%3e %3cline x1='9' y1='12' x2='21' y2='12'/%3e %3cline x1='9' y1='20' x2='21' y2='20'/%3e %3cg style='stroke-width: 1.5%3b'%3e %3cpolyline points='2.5%2c3.5 4%2c2 4%2c6'/%3e %3cpath d='M3%2c11c0-0.55%2c0.45-1%2c1-1s1%2c0.45%2c1%2c1c0%2c0.23-0.07%2c0.43-0.2%2c0.6L3%2c14h2'/%3e %3cpath d='M3.03%2c18.75C3.14%2c18.32%2c3.53%2c18%2c4%2c18c0.55%2c0%2c1%2c0.45%2c1%2c1s-0.45%2c1-1%2c1c0.55%2c0%2c1%2c0.45%2c1%2c1s-0.45%2c1-1%2c1c-0.47%2c0-0.86-0.32-0.97-0.75'/%3e %3c/g%3e %3c/svg%3e")}.dito-icon--paperclip:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3e %3c/svg%3e")}.dito-icon--paragraph:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M22%2c2H7.5C4.5%2c2%2c2%2c4.5%2c2%2c7.5S4.5%2c13%2c7.5%2c13H11'/%3e %3cline x1='11' y1='2' x2='11' y2='22'/%3e %3cline x1='18' y1='2' x2='18' y2='22'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M22%2c2H7.5C4.5%2c2%2c2%2c4.5%2c2%2c7.5S4.5%2c13%2c7.5%2c13H11'/%3e %3cline x1='11' y1='2' x2='11' y2='22'/%3e %3cline x1='18' y1='2' x2='18' y2='22'/%3e %3c/svg%3e")}.dito-icon--paste:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M8%2c1h6c0.552%2c0%2c1%2c0.448%2c1%2c1v2c0%2c0.552-0.448%2c1-1%2c1H8C7.448%2c5%2c7%2c4.552%2c7%2c4V2C7%2c1.448%2c7.448%2c1%2c8%2c1z'/%3e %3cpath d='M5%2c21c-1.105%2c0-2-0.895-2-2V5c0-1.105%2c0.895-2%2c2-2h2'/%3e %3cpath d='M5%2c21c-1.105%2c0-2-0.895-2-2V5c0-1.105%2c0.895-2%2c2-2h2'/%3e %3cpath d='M15%2c3h2c1.105%2c0%2c2%2c0.895%2c2%2c2v1'/%3e %3cpath d='M10%2c9h9c1.105%2c0%2c2%2c0.895%2c2%2c2v10c0%2c1.105-0.895%2c2-2%2c2h-9c-1.105%2c0-2-0.895-2-2V11C8%2c9.895%2c8.895%2c9%2c10%2c9z'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M8%2c1h6c0.552%2c0%2c1%2c0.448%2c1%2c1v2c0%2c0.552-0.448%2c1-1%2c1H8C7.448%2c5%2c7%2c4.552%2c7%2c4V2C7%2c1.448%2c7.448%2c1%2c8%2c1z'/%3e %3cpath d='M5%2c21c-1.105%2c0-2-0.895-2-2V5c0-1.105%2c0.895-2%2c2-2h2'/%3e %3cpath d='M5%2c21c-1.105%2c0-2-0.895-2-2V5c0-1.105%2c0.895-2%2c2-2h2'/%3e %3cpath d='M15%2c3h2c1.105%2c0%2c2%2c0.895%2c2%2c2v1'/%3e %3cpath d='M10%2c9h9c1.105%2c0%2c2%2c0.895%2c2%2c2v10c0%2c1.105-0.895%2c2-2%2c2h-9c-1.105%2c0-2-0.895-2-2V11C8%2c9.895%2c8.895%2c9%2c10%2c9z'/%3e %3c/svg%3e")}.dito-icon--percent:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='19' y1='5' x2='5' y2='19'/%3e %3ccircle cx='6.5' cy='6.5' r='2.5'/%3e %3ccircle cx='17.5' cy='17.5' r='2.5'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='19' y1='5' x2='5' y2='19'/%3e %3ccircle cx='6.5' cy='6.5' r='2.5'/%3e %3ccircle cx='17.5' cy='17.5' r='2.5'/%3e %3c/svg%3e")}.dito-icon--redo:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M3%2c16C3%2c12.12%2c6.12%2c9%2c10%2c9c1.94%2c0%2c3.73%2c0.73%2c5%2c2l5%2c5'/%3e %3cpolyline points='20%2c10 20%2c16 14%2c16'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M3%2c16C3%2c12.12%2c6.12%2c9%2c10%2c9c1.94%2c0%2c3.73%2c0.73%2c5%2c2l5%2c5'/%3e %3cpolyline points='20%2c10 20%2c16 14%2c16'/%3e %3c/svg%3e")}.dito-icon--refresh:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='23 4 23 10 17 10'/%3e %3cpolyline points='1 20 1 14 7 14'/%3e %3cpath d='M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='23 4 23 10 17 10'/%3e %3cpolyline points='1 20 1 14 7 14'/%3e %3cpath d='M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15'/%3e %3c/svg%3e")}.dito-icon--remove:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='2' y1='12' x2='22' y2='12'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='2' y1='12' x2='22' y2='12'/%3e %3c/svg%3e")}.dito-icon--resize:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 1.5%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='8' y1='22' x2='22' y2='8'/%3e %3cline x1='16' y1='22' x2='22' y2='16'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 1.5%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='8' y1='22' x2='22' y2='8'/%3e %3cline x1='16' y1='22' x2='22' y2='16'/%3e %3c/svg%3e")}.dito-icon--search:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='11' cy='11' r='8'/%3e %3cline x1='21' y1='21' x2='16.65' y2='16.65'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='11' cy='11' r='8'/%3e %3cline x1='21' y1='21' x2='16.65' y2='16.65'/%3e %3c/svg%3e")}.dito-icon--settings:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='12' cy='12' r='3'/%3e %3cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='12' cy='12' r='3'/%3e %3cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z'/%3e %3c/svg%3e")}.dito-icon--small:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M8.8%2c19c0%2c1.5%2c1.5%2c2.5%2c3.2%2c2.5s3.2-1%2c3.2-2.5s-1.5-2.5-3.2-2.5c-1.6%2c0-3-1.2-3-2.5s1.4-2.5%2c3-2.5s3%2c1.2%2c3%2c2.5'/%3e %3cline x1='12' y1='8' x2='12' y2='1'/%3e %3cpolyline points='8.9%2c5 12%2c8 15%2c5'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M8.8%2c19c0%2c1.5%2c1.5%2c2.5%2c3.2%2c2.5s3.2-1%2c3.2-2.5s-1.5-2.5-3.2-2.5c-1.6%2c0-3-1.2-3-2.5s1.4-2.5%2c3-2.5s3%2c1.2%2c3%2c2.5'/%3e %3cline x1='12' y1='8' x2='12' y2='1'/%3e %3cpolyline points='8.9%2c5 12%2c8 15%2c5'/%3e %3c/svg%3e")}.dito-icon--strike:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M6.5%2c16c0%2c2.49%2c2.46%2c4.5%2c5.5%2c4.5s5.5-2.01%2c5.5-4.5s-2.46-4.5-5.5-4.5c-2.7%2c0-5-1.79-5-4s2.3-4%2c5-4s5%2c1.79%2c5%2c4'/%3e %3cline x1='2' y1='12' x2='22' y2='12'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M6.5%2c16c0%2c2.49%2c2.46%2c4.5%2c5.5%2c4.5s5.5-2.01%2c5.5-4.5s-2.46-4.5-5.5-4.5c-2.7%2c0-5-1.79-5-4s2.3-4%2c5-4s5%2c1.79%2c5%2c4'/%3e %3cline x1='2' y1='12' x2='22' y2='12'/%3e %3c/svg%3e")}.dito-icon--subscript:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='14' y1='5' x2='2' y2='19'/%3e %3cline x1='2' y1='5' x2='14' y2='19'/%3e %3cpath d='M6%2c4'/%3e %3cpath d='M18%2c16c0-1.1.9-2%2c2-2s2%2c.9%2c2%2c2c0%2c.46-.14.86-.4%2c1.2l-3.6%2c4.8h4'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='14' y1='5' x2='2' y2='19'/%3e %3cline x1='2' y1='5' x2='14' y2='19'/%3e %3cpath d='M6%2c4'/%3e %3cpath d='M18%2c16c0-1.1.9-2%2c2-2s2%2c.9%2c2%2c2c0%2c.46-.14.86-.4%2c1.2l-3.6%2c4.8h4'/%3e %3c/svg%3e")}.dito-icon--superscript:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='14' y1='5' x2='2' y2='19'/%3e %3cline x1='2' y1='5' x2='14' y2='19'/%3e %3cpath d='M6%2c4'/%3e %3cpath d='M18%2c4c0-1.1.9-2%2c2-2s2%2c.9%2c2%2c2c0%2c.46-.14.86-.4%2c1.2l-3.6%2c4.8h4'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='14' y1='5' x2='2' y2='19'/%3e %3cline x1='2' y1='5' x2='14' y2='19'/%3e %3cpath d='M6%2c4'/%3e %3cpath d='M18%2c4c0-1.1.9-2%2c2-2s2%2c.9%2c2%2c2c0%2c.46-.14.86-.4%2c1.2l-3.6%2c4.8h4'/%3e %3c/svg%3e")}.dito-icon--tag:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/%3e %3cline x1='7' y1='7' x2='7' y2='7'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/%3e %3cline x1='7' y1='7' x2='7' y2='7'/%3e %3c/svg%3e")}.dito-icon--trash:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='3 6 5 6 21 6'/%3e %3cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3e %3cline x1='10' y1='11' x2='10' y2='17'/%3e %3cline x1='14' y1='11' x2='14' y2='17'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='3 6 5 6 21 6'/%3e %3cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3e %3cline x1='10' y1='11' x2='10' y2='17'/%3e %3cline x1='14' y1='11' x2='14' y2='17'/%3e %3c/svg%3e")}.dito-icon--type:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='4 7 4 4 20 4 20 7'/%3e %3cline x1='9' y1='20' x2='15' y2='20'/%3e %3cline x1='12' y1='4' x2='12' y2='20'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='4 7 4 4 20 4 20 7'/%3e %3cline x1='9' y1='20' x2='15' y2='20'/%3e %3cline x1='12' y1='4' x2='12' y2='20'/%3e %3c/svg%3e")}.dito-icon--underline:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M6 3v7a6 6 0 0 0 6 6 6 6 0 0 0 6-6V3'/%3e %3cline x1='4' y1='21' x2='20' y2='21'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M6 3v7a6 6 0 0 0 6 6 6 6 0 0 0 6-6V3'/%3e %3cline x1='4' y1='21' x2='20' y2='21'/%3e %3c/svg%3e")}.dito-icon--undo:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='3%2c15 3%2c9 9%2c9'/%3e %3cpath d='M20%2c9c0%2c3.87-3.12%2c7-7%2c7c-1.94%2c0-3.73-0.73-5-2L3%2c9'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='3%2c15 3%2c9 9%2c9'/%3e %3cpath d='M20%2c9c0%2c3.87-3.12%2c7-7%2c7c-1.94%2c0-3.73-0.73-5-2L3%2c9'/%3e %3c/svg%3e")}.dito-icon--upload:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='4 10 12 2 20 10'/%3e %3cpolyline points='12 2 12 22'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='4 10 12 2 20 10'/%3e %3cpolyline points='12 2 12 22'/%3e %3c/svg%3e")}.dito-icon--add:after,.dito-icon--align-center:after,.dito-icon--align-justify:after,.dito-icon--align-left:after,.dito-icon--align-right:after,.dito-icon--alternate:after,.dito-icon--arrow:after,.dito-icon--at-sign:after,.dito-icon--blockquote:after,.dito-icon--bold:after,.dito-icon--bookmark:after,.dito-icon--bullet-list:after,.dito-icon--calendar:after,.dito-icon--chevron:after,.dito-icon--chevrons:after,.dito-icon--clear:after,.dito-icon--clock:after,.dito-icon--code-block:after,.dito-icon--code:after,.dito-icon--command:after,.dito-icon--copy:after,.dito-icon--credit-card:after,.dito-icon--crop:after,.dito-icon--dollar-sign:after,.dito-icon--drag:after,.dito-icon--edit:after,.dito-icon--ellipsis:after,.dito-icon--footnotes:after,.dito-icon--hash:after,.dito-icon--heading-1:after,.dito-icon--heading-2:after,.dito-icon--heading-3:after,.dito-icon--heart:after,.dito-icon--home:after,.dito-icon--horizontal-rule:after,.dito-icon--image:after,.dito-icon--info:after,.dito-icon--italic:after,.dito-icon--link:after,.dito-icon--mail:after,.dito-icon--menu:after,.dito-icon--ordered-list:after,.dito-icon--paperclip:after,.dito-icon--paragraph:after,.dito-icon--paste:after,.dito-icon--percent:after,.dito-icon--redo:after,.dito-icon--refresh:after,.dito-icon--remove:after,.dito-icon--resize:after,.dito-icon--search:after,.dito-icon--settings:after,.dito-icon--small:after,.dito-icon--strike:after,.dito-icon--subscript:after,.dito-icon--superscript:after,.dito-icon--tag:after,.dito-icon--trash:after,.dito-icon--type:after,.dito-icon--underline:after,.dito-icon--undo:after,.dito-icon--upload:after{position:absolute}.dito-icon{width:1em;height:1em;position:relative}.dito-input .dito-icon{color:gray;background:#fff;border-radius:4px;font-style:normal}.dito-input .dito-icon.dito-icon--disabled{color:#c7c7c7}.dito-input:focus-within .dito-icon{color:#3898ff}.dito-date-picker .dito-input{font-variant-numeric:tabular-nums;width:100%;min-width:8em}.dito-date-picker-popup{margin:2px 0}.dito-time-picker .dito-input{width:100%;min-width:6em}.dito-time-picker-popup{max-width:160px;margin:2px 0}.dito-time-picker .dito-input{font-variant-numeric:tabular-nums;width:100%}.dito-time-picker-popup{background:#fff;border:1px solid #c7c7c7;border-radius:4px;list-style:none;overflow:hidden;box-shadow:0 2px 6px #0a0a0a40}.dito-time-picker-popup .dito-time-picker-panel{float:left;box-sizing:border-box;border:0 solid #c7c7c7;border-width:0 1px;width:calc(33.3333% + 1px);margin-left:-1px;overflow:hidden}.dito-time-picker-popup .dito-time-picker-panel:last-child{border-right:0}.dito-time-picker-popup .dito-time-picker-panel ul{box-sizing:content-box;width:100%;height:168px;margin:0;padding:0 17px 0 0;list-style:none;overflow:hidden auto}.dito-time-picker-popup .dito-time-picker-panel ul>li{box-sizing:content-box;text-align:center;font-variant-numeric:tabular-nums;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background:#fff;width:100%;height:24px;line-height:24px;overflow:hidden}.dito-time-picker-popup .dito-time-picker-panel ul>li:first-child{margin-top:72px}.dito-time-picker-popup .dito-time-picker-panel ul>li:last-child{margin-bottom:72px}.dito-time-picker-popup .dito-time-picker-panel ul>li:hover{background:#b3d7ff}.dito-time-picker-popup .dito-time-picker-panel ul>li.selected,.dito-time-picker-popup .dito-time-picker-panel ul>li.selected:hover{color:#fff;background:#3898ff}.dito-time-picker-popup .dito-time-picker-panel ul>li.disabled{cursor:default;color:gray}.dito-time-picker-popup .dito-time-picker-panel ul>li.disabled:hover{background:0 0}.dito-date-time-picker__inner{display:flex}.dito-date-time-picker__input{font-variant-numeric:tabular-nums;flex:1;min-width:12em}.dito-date-time-picker .dito-date-picker,.dito-date-time-picker .dito-time-picker{position:absolute}.dito-pagination .dito-button--ellipsis-prev:before,.dito-pagination .dito-button--ellipsis-next:before,.dito-pagination .dito-button--ellipsis-prev:hover:before,.dito-pagination .dito-button--ellipsis-next:hover:before,.dito-pagination .dito-button--prev:before,.dito-pagination .dito-button--next:before{content:"";background:currentColor;width:1em;margin:auto;position:absolute;inset:0;-webkit-mask:none 50% no-repeat content-box;mask:none 50% no-repeat content-box}.dito-pagination .dito-button--prev:before,.dito-pagination .dito-button--next:before{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='8%2c4 16%2c12 8%2c20'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='8%2c4 16%2c12 8%2c20'/%3e %3c/svg%3e")}.dito-pagination .dito-button--ellipsis-prev:hover:before,.dito-pagination .dito-button--ellipsis-next:hover:before{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='4%2c4 12%2c12 4%2c20'/%3e %3cpolyline points='12%2c4 20%2c12 12%2c20'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='4%2c4 12%2c12 4%2c20'/%3e %3cpolyline points='12%2c4 20%2c12 12%2c20'/%3e %3c/svg%3e")}.dito-pagination .dito-button--ellipsis-prev:before,.dito-pagination .dito-button--ellipsis-next:before{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: currentColor%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='4' cy='12' r='1'/%3e %3ccircle cx='12' cy='12' r='1'/%3e %3ccircle cx='20' cy='12' r='1'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: currentColor%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='4' cy='12' r='1'/%3e %3ccircle cx='12' cy='12' r='1'/%3e %3ccircle cx='20' cy='12' r='1'/%3e %3c/svg%3e")}.dito-pagination{display:flex}.dito-pagination .dito-pagination-total{text-overflow:ellipsis;white-space:nowrap;margin:0 .5em;line-height:2em;overflow:hidden}.dito-pagination .dito-button{font-variant-numeric:tabular-nums;padding:0 .5em;transition:all .3s,color,background,border}.dito-pagination .dito-button--prev:before{transform:scaleX(-1)}.dito-pagination .dito-button--ellipsis-prev,.dito-pagination .dito-button--ellipsis-next{color:#0a0a0a;background:0 0;border:0;margin:0;padding:0}.dito-pagination .dito-button--ellipsis-prev:focus,.dito-pagination .dito-button--ellipsis-next:focus{color:#3898ff}.dito-pagination .dito-button--ellipsis-prev:active,.dito-pagination .dito-button--ellipsis-next:active{-webkit-box-shadow:none;box-shadow:none}.dito-pagination .dito-button--ellipsis-prev:before{transform:scaleX(-1)}.dito-switch--disabled{opacity:.6;pointer-events:none}.dito-switch{--switch-width:4em;--switch-height:2em;--switch-margin:2px;--switch-padding:3px;--switch-speed:.3s;--label-margin:.5em;--width:calc(var(--switch-width) - 2 * var(--switch-margin));--height:calc(var(--switch-height) - 2 * var(--switch-margin));--offset:calc(var(--width) - var(--height));height:var(--switch-height);vertical-align:bottom;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:inline-block;position:relative}.dito-switch__pane{width:var(--width);height:var(--height);position:relative}.dito-switch__pane,.dito-switch__label{top:50%;transform:translateY(-50%)}.dito-switch input{cursor:pointer;appearance:none;background:#c7c7c7;border-radius:1em;width:100%;height:100%;transition:border-color .3s,background-color .3s}.dito-switch__button{--size:calc(var(--height) - 2 * var(--switch-padding));top:var(--switch-padding);left:var(--switch-padding);width:var(--size);height:var(--size);border-radius:calc(var(--size) / 2);box-sizing:border-box;-webkit-transition:-webkit-transform var(--switch-speed);transition:-webkit-transform var(--switch-speed);transition:transform var(--switch-speed);transition:transform var(--switch-speed), -webkit-transform var(--switch-speed);background:#fff;position:absolute;transform:translate(0)}.dito-switch__button,.dito-switch__label{pointer-events:none}.dito-switch__label{right:var(--label-margin);text-transform:uppercase;color:#fff;position:absolute}.dito-switch--checked input{background:#3898ff}.dito-switch--checked .dito-switch__button{-webkit-transform:translateX(var(--offset));transform:translateX(var(--offset))}.dito-switch--checked .dito-switch__label{left:var(--label-margin);right:unset}.dito-switch:focus-within:not(:hover) .dito-switch__button{box-shadow:0 0 0 1px #3898ff}.dito-height-enter-active,.dito-height-leave-active{transition:height .15s cubic-bezier(.165,.84,.44,1);overflow:hidden}.dito-height-enter-active{animation:.15s cubic-bezier(.165,.84,.44,1) dito-slide-enter}.dito-height-leave-active{animation:.15s cubic-bezier(.165,.84,.44,1) dito-slide-leave}.dito-height-enter-from,.dito-height-leave-to{height:0}
|
|
1
|
+
.dito-button--disabled,.dito-button[disabled]{opacity:.6;pointer-events:none}.dito-resize{content:"";background:currentColor;width:1em;margin:auto;position:absolute;inset:0;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 1.5%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='8' y1='22' x2='22' y2='8'/%3e %3cline x1='16' y1='22' x2='22' y2='16'/%3e %3c/svg%3e") 50% no-repeat content-box;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 1.5%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='8' y1='22' x2='22' y2='8'/%3e %3cline x1='16' y1='22' x2='22' y2='16'/%3e %3c/svg%3e") 50% no-repeat content-box}.dito-button{box-sizing:border-box;color:#0a0a0a;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background:#e0e0e0;border:1px solid #c7c7c7;border-radius:4px;justify-content:center;align-items:center;min-width:1.5em;min-height:1.5em;padding:3px 6px;display:inline-flex;position:relative}.dito-button--affixed{grid-template-columns:1fr auto 1fr;display:inline-grid}.dito-button__text,.dito-button__prefix,.dito-button__suffix{justify-content:center;align-items:center;display:flex}.dito-button__prefix{justify-content:flex-start}.dito-button__suffix{justify-content:flex-end}.dito-button:focus{border-color:#3898ff}.dito-button:hover{background:#d4d4d4}.dito-button:active{background:#cdcdcd;border-color:#adadad;box-shadow:inset 0 1px 2px #0a0a0a40}.dito-button--selected{background:#c7c7c7}.dito-button--selected:hover{background:#cdcdcd}.dito-button--active,.dito-button[type=submit]{color:#fff;background:#3898ff;border-color:#3898ff}.dito-button--active:active,.dito-button[type=submit]:active{border-color:#057eff}.dito-button--active:hover,.dito-button[type=submit]:hover{background:#1284ff}.dito-button--active:focus,.dito-button[type=submit]:focus{border-color:#0059b8}.dito-buttons--round .dito-button{border-radius:1em;min-width:2em;min-height:2em;padding:.3em .9em}.dito-buttons{--button-margin:2px;white-space:nowrap;justify-content:flex-end;display:flex}.dito-buttons,.dito-buttons__group{gap:var(--button-margin)}.dito-buttons__group+.dito-buttons__group{margin-left:1.5em}.dito-buttons--small{--button-margin:1px}.dito-buttons--round,.dito-buttons--small{line-height:1em}.dito-buttons--toolbar{justify-content:flex-start}.dito-buttons--toolbar .dito-button{box-sizing:content-box;padding:0 6px}.dito-buttons--toolbar .dito-button i[class*=dito-icon-]{width:1.1em}.dito-chevron{color:gray;flex:none;width:1.2em;position:relative}.dito-chevron:before{content:"▶";color:inherit;transition:transform .1s;position:absolute;left:0}.dito-chevron--open:before{transform:rotate(90deg)}.dito-chevron:after{content:""}.dito-resize{top:unset;left:unset;z-index:10;cursor:ns-resize;width:1em;height:1em;position:absolute;bottom:0;right:0}.dito-calendar{box-sizing:border-box;min-width:240px}.dito-calendar-popup{z-index:1000;background:#fff;border:1px solid #c7c7c7;border-radius:4px;box-shadow:0 2px 6px #0a0a0a40}.dito-calendar-body{padding:0 .5em}.dito-calendar-body span{box-sizing:border-box;text-align:center;border:1px solid #0000;border-radius:4px;width:14.2857%;height:2em;line-height:calc(2em - 2px);display:inline-block}.dito-calendar-body .dito-calendar-item-today{color:#3898ff;border:1px solid #3898ff}.dito-calendar-body .dito-calendar-item-active,.dito-calendar-body .dito-calendar-item-active:hover{color:#fff;background:#3898ff}.dito-calendar-body .dito-calendar-item-disabled{cursor:default;background:#fff}.dito-calendar-body .dito-calendar-item-disabled,.dito-calendar-body .dito-calendar-item-gray{color:#999}.dito-calendar-months span,.dito-calendar-years span{width:25%;margin:.5em 0}.dito-calendar-years span{width:20%}.dito-calendar a,.dito-calendar-dates span,.dito-calendar-months span,.dito-calendar-years span{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;white-space:nowrap;cursor:pointer}.dito-calendar-header span{cursor:default}.dito-calendar-header span a{padding:0 .2em}.dito-calendar-dates span:hover,.dito-calendar-months span:hover,.dito-calendar-years span:hover,.dito-calendar:not(:hover) .dito-calendar-item-current{background:#b3d7ff}.dito-calendar-weekdays span{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;font-weight:700}.dito-calendar-header,.dito-calendar-footer{text-align:center;height:2em;line-height:2em;position:relative}.dito-calendar-footer{border-top:1px solid #c7c7c7}.dito-calendar-header{border-bottom:1px solid #c7c7c7;font-weight:700;display:flex}.dito-calendar-header>span{margin:auto;padding:0 .5em}.dito-calendar-header a{font-weight:700}.dito-calendar-header a:hover{color:#3898ff}.dito-calendar-step-prev,.dito-calendar-step-next{width:5%;min-width:2em;max-width:3em;position:relative}.dito-calendar-step-prev:after,.dito-calendar-step-next:after{font-size:1.25em;position:absolute;left:0;right:0}.dito-calendar-step-prev:after{content:"‹"}.dito-calendar-step-prev.dito-calendar-step-year:after{content:"«"}.dito-calendar-step-next:after{content:"›"}.dito-calendar-step-next.dito-calendar-step-year:after{content:"»"}.dito-calendar-select-now:after{content:"Now"}.dito-fade-enter-active{animation:.2s cubic-bezier(.165,.84,.44,1) dito-fade-enter}.dito-fade-leave-active{animation:.2s cubic-bezier(.165,.84,.44,1) dito-fade-leave}@keyframes dito-fade-enter{0%{opacity:0}to{opacity:1}}@keyframes dito-fade-leave{0%{opacity:1}to{opacity:0}}.dito-slide-enter-active{animation:.15s cubic-bezier(.165,.84,.44,1) dito-slide-enter}.dito-slide-leave-active{animation:.15s cubic-bezier(.165,.84,.44,1) dito-slide-leave}@keyframes dito-slide-enter{0%{opacity:0;transform-origin:0 0;transform:scaleY(.8)}to{opacity:1;transform-origin:0 0;transform:scaleY(1)}}@keyframes dito-slide-leave{0%{opacity:1;transform-origin:0 0;transform:scaleY(1)}to{opacity:0;transform-origin:0 0;transform:scaleY(.8)}}.dito-zoom-enter-active{animation:.1s cubic-bezier(.165,.84,.44,1) dito-zoom-enter}.dito-zoom-leave-active{animation:.2s cubic-bezier(.165,.84,.44,1) dito-zoom-leave}@keyframes dito-zoom-enter{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes dito-zoom-leave{0%{transform:scale(1)}to{opacity:0;transform:scale(0)}}.dito-trigger-container{position:relative}.dito-trigger-disabled{color:gray;cursor:default;border-color:#c7c7c7}.dito-trigger-disabled *{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;cursor:default!important}.dito-trigger-disabled :focus{-webkit-box-shadow:none;box-shadow:none}.dito-popup{z-index:1000;position:absolute;top:0;left:0}.dito-input:disabled button,.dito-container--disabled .dito-input button{opacity:.6;pointer-events:none}.dito-input{box-sizing:border-box;background:#fff;border:1px solid #c7c7c7;border-radius:4px;margin:0;padding:3px 6px}.dito-container--has-errors .dito-input{border-color:#ff3860}.dito-input:disabled,.dito-container--disabled .dito-input{color:gray;pointer-events:none;cursor:text}.dito-input{appearance:none}.dito-input::-webkit-input-placeholder{color:gray}.dito-input::placeholder{color:gray}.dito-input:-ms-placeholder-shown{color:gray}.dito-input::placeholder{color:gray}.dito-input:focus,.dito-input:focus-within,.dito-input--focus.dito-input{border-color:#3898ff}.dito-input{align-items:center;display:inline-flex}.dito-input input{all:inherit;border:0;flex:1;min-width:0;margin:0;padding:0;display:inline-block}.dito-icon--upload:after,.dito-icon--undo:after,.dito-icon--underline:after,.dito-icon--type:after,.dito-icon--trash:after,.dito-icon--tag:after,.dito-icon--superscript:after,.dito-icon--subscript:after,.dito-icon--strike:after,.dito-icon--small:after,.dito-icon--settings:after,.dito-icon--search:after,.dito-icon--resize:after,.dito-icon--remove:after,.dito-icon--refresh:after,.dito-icon--redo:after,.dito-icon--percent:after,.dito-icon--paste:after,.dito-icon--paragraph:after,.dito-icon--paperclip:after,.dito-icon--ordered-list:after,.dito-icon--menu:after,.dito-icon--mail:after,.dito-icon--link:after,.dito-icon--italic:after,.dito-icon--info:after,.dito-icon--image:after,.dito-icon--horizontal-rule:after,.dito-icon--home:after,.dito-icon--heart:after,.dito-icon--heading-3:after,.dito-icon--heading-2:after,.dito-icon--heading-1:after,.dito-icon--hash:after,.dito-icon--footnotes:after,.dito-icon--ellipsis:after,.dito-icon--edit:after,.dito-icon--drag:after,.dito-icon--dollar-sign:after,.dito-icon--crop:after,.dito-icon--credit-card:after,.dito-icon--copy:after,.dito-icon--command:after,.dito-icon--code:after,.dito-icon--code-block:after,.dito-icon--clock:after,.dito-icon--clear:after,.dito-icon--chevrons:after,.dito-icon--chevron:after,.dito-icon--calendar:after,.dito-icon--bullet-list:after,.dito-icon--bookmark:after,.dito-icon--bold:after,.dito-icon--blockquote:after,.dito-icon--at-sign:after,.dito-icon--arrow:after,.dito-icon--alternate:after,.dito-icon--align-right:after,.dito-icon--align-left:after,.dito-icon--align-justify:after,.dito-icon--align-center:after,.dito-icon--add:after{content:"";background:currentColor;width:1em;margin:auto;position:absolute;inset:0;-webkit-mask:none 50% no-repeat content-box;mask:none 50% no-repeat content-box}.dito-icon--add:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='12' y1='2' x2='12' y2='22'/%3e %3cline x1='2' y1='12' x2='22' y2='12'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='12' y1='2' x2='12' y2='22'/%3e %3cline x1='2' y1='12' x2='22' y2='12'/%3e %3c/svg%3e")}.dito-icon--align-center:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='18' y1='10' x2='6' y2='10'/%3e %3cline x1='21' y1='6' x2='3' y2='6'/%3e %3cline x1='21' y1='14' x2='3' y2='14'/%3e %3cline x1='18' y1='18' x2='6' y2='18'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='18' y1='10' x2='6' y2='10'/%3e %3cline x1='21' y1='6' x2='3' y2='6'/%3e %3cline x1='21' y1='14' x2='3' y2='14'/%3e %3cline x1='18' y1='18' x2='6' y2='18'/%3e %3c/svg%3e")}.dito-icon--align-justify:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='21' y1='10' x2='3' y2='10'/%3e %3cline x1='21' y1='6' x2='3' y2='6'/%3e %3cline x1='21' y1='14' x2='3' y2='14'/%3e %3cline x1='21' y1='18' x2='3' y2='18'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='21' y1='10' x2='3' y2='10'/%3e %3cline x1='21' y1='6' x2='3' y2='6'/%3e %3cline x1='21' y1='14' x2='3' y2='14'/%3e %3cline x1='21' y1='18' x2='3' y2='18'/%3e %3c/svg%3e")}.dito-icon--align-left:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='17' y1='10' x2='3' y2='10'/%3e %3cline x1='21' y1='6' x2='3' y2='6'/%3e %3cline x1='21' y1='14' x2='3' y2='14'/%3e %3cline x1='17' y1='18' x2='3' y2='18'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='17' y1='10' x2='3' y2='10'/%3e %3cline x1='21' y1='6' x2='3' y2='6'/%3e %3cline x1='21' y1='14' x2='3' y2='14'/%3e %3cline x1='17' y1='18' x2='3' y2='18'/%3e %3c/svg%3e")}.dito-icon--align-right:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='21' y1='10' x2='7' y2='10'/%3e %3cline x1='21' y1='6' x2='3' y2='6'/%3e %3cline x1='21' y1='14' x2='3' y2='14'/%3e %3cline x1='21' y1='18' x2='7' y2='18'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='21' y1='10' x2='7' y2='10'/%3e %3cline x1='21' y1='6' x2='3' y2='6'/%3e %3cline x1='21' y1='14' x2='3' y2='14'/%3e %3cline x1='21' y1='18' x2='7' y2='18'/%3e %3c/svg%3e")}.dito-icon--alternate:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='15' y1='7' x2='20' y2='7'/%3e %3cpolyline points='4%2c7 9%2c7 15%2c18 20%2c18'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='15' y1='7' x2='20' y2='7'/%3e %3cpolyline points='4%2c7 9%2c7 15%2c18 20%2c18'/%3e %3c/svg%3e")}.dito-icon--arrow:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='8%2c4 16%2c12 8%2c20'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='8%2c4 16%2c12 8%2c20'/%3e %3c/svg%3e")}.dito-icon--at-sign:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='12' cy='12' r='4'/%3e %3cpath d='M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='12' cy='12' r='4'/%3e %3cpath d='M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94'/%3e %3c/svg%3e")}.dito-icon--blockquote:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cg style='fill: currentColor%3b'%3e %3ccircle cx='6' cy='10' r='4'/%3e %3ccircle cx='18' cy='10' r='4'/%3e %3c/g%3e %3cpath d='M2%2c18c4.42%2c0%2c8-3.58%2c8-8'/%3e %3cpath d='M14%2c18c4.42%2c0%2c8-3.58%2c8-8'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cg style='fill: currentColor%3b'%3e %3ccircle cx='6' cy='10' r='4'/%3e %3ccircle cx='18' cy='10' r='4'/%3e %3c/g%3e %3cpath d='M2%2c18c4.42%2c0%2c8-3.58%2c8-8'/%3e %3cpath d='M14%2c18c4.42%2c0%2c8-3.58%2c8-8'/%3e %3c/svg%3e")}.dito-icon--bold:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 3%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M6%2c4'/%3e %3cpath d='M6%2c4h8c2.21%2c0%2c4%2c1.79%2c4%2c4s-1.79%2c4-4%2c4l-6%2c0'/%3e %3cpath d='M15%2c12c2.21%2c0%2c4%2c1.79%2c4%2c4s-1.79%2c4-4%2c4H6'/%3e %3cline x1='8' y1='4' x2='8' y2='20'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 3%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M6%2c4'/%3e %3cpath d='M6%2c4h8c2.21%2c0%2c4%2c1.79%2c4%2c4s-1.79%2c4-4%2c4l-6%2c0'/%3e %3cpath d='M15%2c12c2.21%2c0%2c4%2c1.79%2c4%2c4s-1.79%2c4-4%2c4H6'/%3e %3cline x1='8' y1='4' x2='8' y2='20'/%3e %3c/svg%3e")}.dito-icon--bookmark:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z'/%3e %3c/svg%3e")}.dito-icon--bullet-list:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: currentColor%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='9' y1='4' x2='21' y2='4'/%3e %3cline x1='9' y1='12' x2='21' y2='12'/%3e %3cline x1='9' y1='20' x2='21' y2='20'/%3e %3ccircle cx='4' cy='4' r='1'/%3e %3ccircle cx='4' cy='12' r='1'/%3e %3ccircle cx='4' cy='20' r='1'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: currentColor%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='9' y1='4' x2='21' y2='4'/%3e %3cline x1='9' y1='12' x2='21' y2='12'/%3e %3cline x1='9' y1='20' x2='21' y2='20'/%3e %3ccircle cx='4' cy='4' r='1'/%3e %3ccircle cx='4' cy='12' r='1'/%3e %3ccircle cx='4' cy='20' r='1'/%3e %3c/svg%3e")}.dito-icon--calendar:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3e %3cline x1='16' y1='2' x2='16' y2='6'/%3e %3cline x1='8' y1='2' x2='8' y2='6'/%3e %3cline x1='3' y1='10' x2='21' y2='10'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3e %3cline x1='16' y1='2' x2='16' y2='6'/%3e %3cline x1='8' y1='2' x2='8' y2='6'/%3e %3cline x1='3' y1='10' x2='21' y2='10'/%3e %3c/svg%3e")}.dito-icon--chevron:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='7%2c20 15%2c12 7%2c4'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='7%2c20 15%2c12 7%2c4'/%3e %3c/svg%3e")}.dito-icon--chevrons:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='4%2c4 12%2c12 4%2c20'/%3e %3cpolyline points='12%2c4 20%2c12 12%2c20'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='4%2c4 12%2c12 4%2c20'/%3e %3cpolyline points='12%2c4 20%2c12 12%2c20'/%3e %3c/svg%3e")}.dito-icon--clear:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='4' y1='4' x2='20' y2='20'/%3e %3cline x1='20' y1='4' x2='4' y2='20'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='4' y1='4' x2='20' y2='20'/%3e %3cline x1='20' y1='4' x2='4' y2='20'/%3e %3c/svg%3e")}.dito-icon--clock:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='12' cy='12' r='10'/%3e %3cpolyline points='12 6 12 12 16 14'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='12' cy='12' r='10'/%3e %3cpolyline points='12 6 12 12 16 14'/%3e %3c/svg%3e")}.dito-icon--code-block:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='7%2c6 1%2c12 7%2c18 '/%3e %3cline x1='10' y1='18' x2='14' y2='6'/%3e %3cpolyline points='17%2c18 23%2c12 17%2c6 '/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='7%2c6 1%2c12 7%2c18 '/%3e %3cline x1='10' y1='18' x2='14' y2='6'/%3e %3cpolyline points='17%2c18 23%2c12 17%2c6 '/%3e %3c/svg%3e")}.dito-icon--code:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='9 6 3 12 9 18'/%3e %3cpolyline points='15 18 21 12 15 6'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='9 6 3 12 9 18'/%3e %3cpolyline points='15 18 21 12 15 6'/%3e %3c/svg%3e")}.dito-icon--command:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M18 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3H6a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3V6a3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3h12a3 3 0 0 0 3-3 3 3 0 0 0-3-3z'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M18 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3H6a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3V6a3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3h12a3 3 0 0 0 3-3 3 3 0 0 0-3-3z'/%3e %3c/svg%3e")}.dito-icon--copy:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M8%2c1h6c0.552%2c0%2c1%2c0.448%2c1%2c1v2c0%2c0.552-0.448%2c1-1%2c1H8C7.448%2c5%2c7%2c4.552%2c7%2c4V2C7%2c1.448%2c7.448%2c1%2c8%2c1z'/%3e %3cpath d='M5%2c21c-1.105%2c0-2-0.895-2-2V5c0-1.105%2c0.895-2%2c2-2h2'/%3e %3cpath d='M5%2c21c-1.105%2c0-2-0.895-2-2V5c0-1.105%2c0.895-2%2c2-2h2'/%3e %3cpath d='M15%2c3h2c1.105%2c0%2c2%2c0.895%2c2%2c2v1'/%3e %3cg%3e %3cpath d='M8%2c11c0-1.105%2c0.895-2%2c2-2'/%3e %3cpath d='M10%2c23c-1.105%2c0-2-0.895-2-2'/%3e %3cpath d='M21%2c21c0%2c1.105-0.895%2c2-2%2c2'/%3e %3cpath d='M19%2c9c1.105%2c0%2c2%2c0.895%2c2%2c2'/%3e %3cline x1='13.5' y1='9' x2='15.5' y2='9'/%3e %3cline x1='13.5' y1='23' x2='15.5' y2='23'/%3e %3cline x1='8' y1='14.5' x2='8' y2='17.5'/%3e %3cline x1='21' y1='14.5' x2='21' y2='17.5'/%3e %3c/g%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M8%2c1h6c0.552%2c0%2c1%2c0.448%2c1%2c1v2c0%2c0.552-0.448%2c1-1%2c1H8C7.448%2c5%2c7%2c4.552%2c7%2c4V2C7%2c1.448%2c7.448%2c1%2c8%2c1z'/%3e %3cpath d='M5%2c21c-1.105%2c0-2-0.895-2-2V5c0-1.105%2c0.895-2%2c2-2h2'/%3e %3cpath d='M5%2c21c-1.105%2c0-2-0.895-2-2V5c0-1.105%2c0.895-2%2c2-2h2'/%3e %3cpath d='M15%2c3h2c1.105%2c0%2c2%2c0.895%2c2%2c2v1'/%3e %3cg%3e %3cpath d='M8%2c11c0-1.105%2c0.895-2%2c2-2'/%3e %3cpath d='M10%2c23c-1.105%2c0-2-0.895-2-2'/%3e %3cpath d='M21%2c21c0%2c1.105-0.895%2c2-2%2c2'/%3e %3cpath d='M19%2c9c1.105%2c0%2c2%2c0.895%2c2%2c2'/%3e %3cline x1='13.5' y1='9' x2='15.5' y2='9'/%3e %3cline x1='13.5' y1='23' x2='15.5' y2='23'/%3e %3cline x1='8' y1='14.5' x2='8' y2='17.5'/%3e %3cline x1='21' y1='14.5' x2='21' y2='17.5'/%3e %3c/g%3e %3c/svg%3e")}.dito-icon--credit-card:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3crect x='1' y='4' width='22' height='16' rx='2' ry='2'/%3e %3cline x1='1' y1='10' x2='23' y2='10'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3crect x='1' y='4' width='22' height='16' rx='2' ry='2'/%3e %3cline x1='1' y1='10' x2='23' y2='10'/%3e %3c/svg%3e")}.dito-icon--crop:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M6.13 1L6 16a2 2 0 0 0 2 2h15'/%3e %3cpath d='M1 6.13L16 6a2 2 0 0 1 2 2v15'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M6.13 1L6 16a2 2 0 0 0 2 2h15'/%3e %3cpath d='M1 6.13L16 6a2 2 0 0 1 2 2v15'/%3e %3c/svg%3e")}.dito-icon--dollar-sign:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M6.5%2c16c0%2c2.49%2c2.46%2c4.5%2c5.5%2c4.5s5.5-2.01%2c5.5-4.5s-2.46-4.5-5.5-4.5c-2.7%2c0-5-1.79-5-4s2.3-4%2c5-4s5%2c1.79%2c5%2c4'/%3e %3cline x1='12' y1='23' x2='12' y2='1'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M6.5%2c16c0%2c2.49%2c2.46%2c4.5%2c5.5%2c4.5s5.5-2.01%2c5.5-4.5s-2.46-4.5-5.5-4.5c-2.7%2c0-5-1.79-5-4s2.3-4%2c5-4s5%2c1.79%2c5%2c4'/%3e %3cline x1='12' y1='23' x2='12' y2='1'/%3e %3c/svg%3e")}.dito-icon--drag:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='5%2c8%2c 12%2c1 19%2c8'/%3e %3cpolyline points='5%2c16%2c 12%2c23 19%2c16'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='5%2c8%2c 12%2c1 19%2c8'/%3e %3cpolyline points='5%2c16%2c 12%2c23 19%2c16'/%3e %3c/svg%3e")}.dito-icon--edit:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='2%2c16 16%2c2 20%2c6 6%2c20'/%3e %3cpolyline points='14%2c4 18%2c8'/%3e %3cpolygon points='6%2c20 2%2c20 2%2c16' style='fill:black%3b'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='2%2c16 16%2c2 20%2c6 6%2c20'/%3e %3cpolyline points='14%2c4 18%2c8'/%3e %3cpolygon points='6%2c20 2%2c20 2%2c16' style='fill:black%3b'/%3e %3c/svg%3e")}.dito-icon--ellipsis:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: currentColor%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='4' cy='12' r='1'/%3e %3ccircle cx='12' cy='12' r='1'/%3e %3ccircle cx='20' cy='12' r='1'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: currentColor%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='4' cy='12' r='1'/%3e %3ccircle cx='12' cy='12' r='1'/%3e %3ccircle cx='20' cy='12' r='1'/%3e %3c/svg%3e")}.dito-icon--footnotes:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cg%3e %3cpolyline points='11 20 6 6 1 20'/%3e %3cline x1='3' y1='14.5' x2='9' y2='14.5'/%3e %3c/g%3e %3cg%3e %3cline x1='14' y1='20' x2='14' y2='6'/%3e %3cellipse cx='17.5' cy='16.064' rx='3.5' ry='4'/%3e %3c/g%3e %3cpolyline points='20 5 23 2 23 10'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cg%3e %3cpolyline points='11 20 6 6 1 20'/%3e %3cline x1='3' y1='14.5' x2='9' y2='14.5'/%3e %3c/g%3e %3cg%3e %3cline x1='14' y1='20' x2='14' y2='6'/%3e %3cellipse cx='17.5' cy='16.064' rx='3.5' ry='4'/%3e %3c/g%3e %3cpolyline points='20 5 23 2 23 10'/%3e %3c/svg%3e")}.dito-icon--hash:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='4' y1='9' x2='20' y2='9'/%3e %3cline x1='4' y1='15' x2='20' y2='15'/%3e %3cline x1='10' y1='3' x2='8' y2='21'/%3e %3cline x1='16' y1='3' x2='14' y2='21'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='4' y1='9' x2='20' y2='9'/%3e %3cline x1='4' y1='15' x2='20' y2='15'/%3e %3cline x1='10' y1='3' x2='8' y2='21'/%3e %3cline x1='16' y1='3' x2='14' y2='21'/%3e %3c/svg%3e")}.dito-icon--heading-1:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='2' y1='5' x2='2' y2='19'/%3e %3cline x1='10' y1='5' x2='10' y2='19'/%3e %3cline x1='2' y1='12' x2='10' y2='12'/%3e %3cpolyline points='15%2c10.25 21%2c5 21%2c19'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='2' y1='5' x2='2' y2='19'/%3e %3cline x1='10' y1='5' x2='10' y2='19'/%3e %3cline x1='2' y1='12' x2='10' y2='12'/%3e %3cpolyline points='15%2c10.25 21%2c5 21%2c19'/%3e %3c/svg%3e")}.dito-icon--heading-2:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='2' y1='5' x2='2' y2='19'/%3e %3cline x1='10' y1='5' x2='10' y2='19'/%3e %3cline x1='2' y1='12' x2='10' y2='12'/%3e %3cpath d='M15%2c8.5C15%2c6.57%2c16.57%2c5%2c18.5%2c5S22%2c6.57%2c22%2c8.5c0%2c0.79-0.26%2c1.52-0.7%2c2.1L15%2c19h7'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='2' y1='5' x2='2' y2='19'/%3e %3cline x1='10' y1='5' x2='10' y2='19'/%3e %3cline x1='2' y1='12' x2='10' y2='12'/%3e %3cpath d='M15%2c8.5C15%2c6.57%2c16.57%2c5%2c18.5%2c5S22%2c6.57%2c22%2c8.5c0%2c0.79-0.26%2c1.52-0.7%2c2.1L15%2c19h7'/%3e %3c/svg%3e")}.dito-icon--heading-3:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='2' y1='5' x2='2' y2='19'/%3e %3cline x1='10' y1='5' x2='10' y2='19'/%3e %3cline x1='2' y1='12' x2='10' y2='12'/%3e %3cpath d='M15.11%2c7.62C15.5%2c6.12%2c16.87%2c5%2c18.5%2c5C20.43%2c5%2c22%2c6.57%2c22%2c8.5S20.43%2c12%2c18.5%2c12c1.93%2c0%2c3.5%2c1.57%2c3.5%2c3.5S20.43%2c19%2c18.5%2c19c-1.63%2c0-3-1.12-3.39-2.62'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='2' y1='5' x2='2' y2='19'/%3e %3cline x1='10' y1='5' x2='10' y2='19'/%3e %3cline x1='2' y1='12' x2='10' y2='12'/%3e %3cpath d='M15.11%2c7.62C15.5%2c6.12%2c16.87%2c5%2c18.5%2c5C20.43%2c5%2c22%2c6.57%2c22%2c8.5S20.43%2c12%2c18.5%2c12c1.93%2c0%2c3.5%2c1.57%2c3.5%2c3.5S20.43%2c19%2c18.5%2c19c-1.63%2c0-3-1.12-3.39-2.62'/%3e %3c/svg%3e")}.dito-icon--heart:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3e %3c/svg%3e")}.dito-icon--home:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3e %3cpolyline points='9 22 9 12 15 12 15 22'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3e %3cpolyline points='9 22 9 12 15 12 15 22'/%3e %3c/svg%3e")}.dito-icon--horizontal-rule:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='2' y1='12' x2='22' y2='12'/%3e %3cpolyline points='4%2c10 2%2c12 4%2c14 '/%3e %3cpolyline points='20%2c10 22%2c12 20%2c14 '/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='2' y1='12' x2='22' y2='12'/%3e %3cpolyline points='4%2c10 2%2c12 4%2c14 '/%3e %3cpolyline points='20%2c10 22%2c12 20%2c14 '/%3e %3c/svg%3e")}.dito-icon--image:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3crect x='3' y='3' width='18' height='18' rx='2' ry='2'/%3e %3ccircle cx='8.5' cy='8.5' r='1.5'/%3e %3cpolyline points='21 15 16 10 5 21'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3crect x='3' y='3' width='18' height='18' rx='2' ry='2'/%3e %3ccircle cx='8.5' cy='8.5' r='1.5'/%3e %3cpolyline points='21 15 16 10 5 21'/%3e %3c/svg%3e")}.dito-icon--info:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='12' cy='12' r='10'/%3e %3cline x1='12' y1='17' x2='12' y2='12'/%3e %3cline stroke-width='2.5' x1='12' y1='8' x2='12' y2='8'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='12' cy='12' r='10'/%3e %3cline x1='12' y1='17' x2='12' y2='12'/%3e %3cline stroke-width='2.5' x1='12' y1='8' x2='12' y2='8'/%3e %3c/svg%3e")}.dito-icon--italic:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='19' y1='4' x2='10' y2='4'/%3e %3cline x1='14' y1='20' x2='5' y2='20'/%3e %3cline x1='15' y1='4' x2='9' y2='20'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='19' y1='4' x2='10' y2='4'/%3e %3cline x1='14' y1='20' x2='5' y2='20'/%3e %3cline x1='15' y1='4' x2='9' y2='20'/%3e %3c/svg%3e")}.dito-icon--link:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='8' y1='16' x2='16' y2='8'/%3e %3cpath d='M11.82%2c8.18c-0.23-0.97%2c0.04-2.04%2c0.8-2.8l2.26-2.26c1.17-1.17%2c3.07-1.17%2c4.24%2c0l1.76%2c1.76 c1.17%2c1.17%2c1.17%2c3.07%2c0%2c4.24l-2.26%2c2.26c-0.76%2c0.76-1.83%2c1.03-2.8%2c0.8'/%3e %3cpath d='M12.18%2c15.82c0.23%2c0.97-0.04%2c2.04-0.8%2c2.8l-2.26%2c2.26c-1.17%2c1.17-3.07%2c1.17-4.24%2c0l-1.76-1.76 c-1.17-1.17-1.17-3.07%2c0-4.24l2.26-2.26c0.76-0.76%2c1.83-1.03%2c2.8-0.8'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='8' y1='16' x2='16' y2='8'/%3e %3cpath d='M11.82%2c8.18c-0.23-0.97%2c0.04-2.04%2c0.8-2.8l2.26-2.26c1.17-1.17%2c3.07-1.17%2c4.24%2c0l1.76%2c1.76 c1.17%2c1.17%2c1.17%2c3.07%2c0%2c4.24l-2.26%2c2.26c-0.76%2c0.76-1.83%2c1.03-2.8%2c0.8'/%3e %3cpath d='M12.18%2c15.82c0.23%2c0.97-0.04%2c2.04-0.8%2c2.8l-2.26%2c2.26c-1.17%2c1.17-3.07%2c1.17-4.24%2c0l-1.76-1.76 c-1.17-1.17-1.17-3.07%2c0-4.24l2.26-2.26c0.76-0.76%2c1.83-1.03%2c2.8-0.8'/%3e %3c/svg%3e")}.dito-icon--mail:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3e %3cpolyline points='22%2c6 12%2c13 2%2c6'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3e %3cpolyline points='22%2c6 12%2c13 2%2c6'/%3e %3c/svg%3e")}.dito-icon--menu:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='3' y1='12' x2='21' y2='12'/%3e %3cline x1='3' y1='6' x2='21' y2='6'/%3e %3cline x1='3' y1='18' x2='21' y2='18'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='3' y1='12' x2='21' y2='12'/%3e %3cline x1='3' y1='6' x2='21' y2='6'/%3e %3cline x1='3' y1='18' x2='21' y2='18'/%3e %3c/svg%3e")}.dito-icon--ordered-list:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='9' y1='4' x2='21' y2='4'/%3e %3cline x1='9' y1='12' x2='21' y2='12'/%3e %3cline x1='9' y1='20' x2='21' y2='20'/%3e %3cg style='stroke-width: 1.5%3b'%3e %3cpolyline points='2.5%2c3.5 4%2c2 4%2c6'/%3e %3cpath d='M3%2c11c0-0.55%2c0.45-1%2c1-1s1%2c0.45%2c1%2c1c0%2c0.23-0.07%2c0.43-0.2%2c0.6L3%2c14h2'/%3e %3cpath d='M3.03%2c18.75C3.14%2c18.32%2c3.53%2c18%2c4%2c18c0.55%2c0%2c1%2c0.45%2c1%2c1s-0.45%2c1-1%2c1c0.55%2c0%2c1%2c0.45%2c1%2c1s-0.45%2c1-1%2c1c-0.47%2c0-0.86-0.32-0.97-0.75'/%3e %3c/g%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='9' y1='4' x2='21' y2='4'/%3e %3cline x1='9' y1='12' x2='21' y2='12'/%3e %3cline x1='9' y1='20' x2='21' y2='20'/%3e %3cg style='stroke-width: 1.5%3b'%3e %3cpolyline points='2.5%2c3.5 4%2c2 4%2c6'/%3e %3cpath d='M3%2c11c0-0.55%2c0.45-1%2c1-1s1%2c0.45%2c1%2c1c0%2c0.23-0.07%2c0.43-0.2%2c0.6L3%2c14h2'/%3e %3cpath d='M3.03%2c18.75C3.14%2c18.32%2c3.53%2c18%2c4%2c18c0.55%2c0%2c1%2c0.45%2c1%2c1s-0.45%2c1-1%2c1c0.55%2c0%2c1%2c0.45%2c1%2c1s-0.45%2c1-1%2c1c-0.47%2c0-0.86-0.32-0.97-0.75'/%3e %3c/g%3e %3c/svg%3e")}.dito-icon--paperclip:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3e %3c/svg%3e")}.dito-icon--paragraph:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M22%2c2H7.5C4.5%2c2%2c2%2c4.5%2c2%2c7.5S4.5%2c13%2c7.5%2c13H11'/%3e %3cline x1='11' y1='2' x2='11' y2='22'/%3e %3cline x1='18' y1='2' x2='18' y2='22'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M22%2c2H7.5C4.5%2c2%2c2%2c4.5%2c2%2c7.5S4.5%2c13%2c7.5%2c13H11'/%3e %3cline x1='11' y1='2' x2='11' y2='22'/%3e %3cline x1='18' y1='2' x2='18' y2='22'/%3e %3c/svg%3e")}.dito-icon--paste:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M8%2c1h6c0.552%2c0%2c1%2c0.448%2c1%2c1v2c0%2c0.552-0.448%2c1-1%2c1H8C7.448%2c5%2c7%2c4.552%2c7%2c4V2C7%2c1.448%2c7.448%2c1%2c8%2c1z'/%3e %3cpath d='M5%2c21c-1.105%2c0-2-0.895-2-2V5c0-1.105%2c0.895-2%2c2-2h2'/%3e %3cpath d='M5%2c21c-1.105%2c0-2-0.895-2-2V5c0-1.105%2c0.895-2%2c2-2h2'/%3e %3cpath d='M15%2c3h2c1.105%2c0%2c2%2c0.895%2c2%2c2v1'/%3e %3cpath d='M10%2c9h9c1.105%2c0%2c2%2c0.895%2c2%2c2v10c0%2c1.105-0.895%2c2-2%2c2h-9c-1.105%2c0-2-0.895-2-2V11C8%2c9.895%2c8.895%2c9%2c10%2c9z'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M8%2c1h6c0.552%2c0%2c1%2c0.448%2c1%2c1v2c0%2c0.552-0.448%2c1-1%2c1H8C7.448%2c5%2c7%2c4.552%2c7%2c4V2C7%2c1.448%2c7.448%2c1%2c8%2c1z'/%3e %3cpath d='M5%2c21c-1.105%2c0-2-0.895-2-2V5c0-1.105%2c0.895-2%2c2-2h2'/%3e %3cpath d='M5%2c21c-1.105%2c0-2-0.895-2-2V5c0-1.105%2c0.895-2%2c2-2h2'/%3e %3cpath d='M15%2c3h2c1.105%2c0%2c2%2c0.895%2c2%2c2v1'/%3e %3cpath d='M10%2c9h9c1.105%2c0%2c2%2c0.895%2c2%2c2v10c0%2c1.105-0.895%2c2-2%2c2h-9c-1.105%2c0-2-0.895-2-2V11C8%2c9.895%2c8.895%2c9%2c10%2c9z'/%3e %3c/svg%3e")}.dito-icon--percent:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='19' y1='5' x2='5' y2='19'/%3e %3ccircle cx='6.5' cy='6.5' r='2.5'/%3e %3ccircle cx='17.5' cy='17.5' r='2.5'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='19' y1='5' x2='5' y2='19'/%3e %3ccircle cx='6.5' cy='6.5' r='2.5'/%3e %3ccircle cx='17.5' cy='17.5' r='2.5'/%3e %3c/svg%3e")}.dito-icon--redo:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M3%2c16C3%2c12.12%2c6.12%2c9%2c10%2c9c1.94%2c0%2c3.73%2c0.73%2c5%2c2l5%2c5'/%3e %3cpolyline points='20%2c10 20%2c16 14%2c16'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M3%2c16C3%2c12.12%2c6.12%2c9%2c10%2c9c1.94%2c0%2c3.73%2c0.73%2c5%2c2l5%2c5'/%3e %3cpolyline points='20%2c10 20%2c16 14%2c16'/%3e %3c/svg%3e")}.dito-icon--refresh:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='23 4 23 10 17 10'/%3e %3cpolyline points='1 20 1 14 7 14'/%3e %3cpath d='M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='23 4 23 10 17 10'/%3e %3cpolyline points='1 20 1 14 7 14'/%3e %3cpath d='M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15'/%3e %3c/svg%3e")}.dito-icon--remove:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='2' y1='12' x2='22' y2='12'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='2' y1='12' x2='22' y2='12'/%3e %3c/svg%3e")}.dito-icon--resize:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 1.5%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='8' y1='22' x2='22' y2='8'/%3e %3cline x1='16' y1='22' x2='22' y2='16'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 1.5%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='8' y1='22' x2='22' y2='8'/%3e %3cline x1='16' y1='22' x2='22' y2='16'/%3e %3c/svg%3e")}.dito-icon--search:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='11' cy='11' r='8'/%3e %3cline x1='21' y1='21' x2='16.65' y2='16.65'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='11' cy='11' r='8'/%3e %3cline x1='21' y1='21' x2='16.65' y2='16.65'/%3e %3c/svg%3e")}.dito-icon--settings:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='12' cy='12' r='3'/%3e %3cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='12' cy='12' r='3'/%3e %3cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z'/%3e %3c/svg%3e")}.dito-icon--small:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M8.8%2c19c0%2c1.5%2c1.5%2c2.5%2c3.2%2c2.5s3.2-1%2c3.2-2.5s-1.5-2.5-3.2-2.5c-1.6%2c0-3-1.2-3-2.5s1.4-2.5%2c3-2.5s3%2c1.2%2c3%2c2.5'/%3e %3cline x1='12' y1='8' x2='12' y2='1'/%3e %3cpolyline points='8.9%2c5 12%2c8 15%2c5'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M8.8%2c19c0%2c1.5%2c1.5%2c2.5%2c3.2%2c2.5s3.2-1%2c3.2-2.5s-1.5-2.5-3.2-2.5c-1.6%2c0-3-1.2-3-2.5s1.4-2.5%2c3-2.5s3%2c1.2%2c3%2c2.5'/%3e %3cline x1='12' y1='8' x2='12' y2='1'/%3e %3cpolyline points='8.9%2c5 12%2c8 15%2c5'/%3e %3c/svg%3e")}.dito-icon--strike:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M6.5%2c16c0%2c2.49%2c2.46%2c4.5%2c5.5%2c4.5s5.5-2.01%2c5.5-4.5s-2.46-4.5-5.5-4.5c-2.7%2c0-5-1.79-5-4s2.3-4%2c5-4s5%2c1.79%2c5%2c4'/%3e %3cline x1='2' y1='12' x2='22' y2='12'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M6.5%2c16c0%2c2.49%2c2.46%2c4.5%2c5.5%2c4.5s5.5-2.01%2c5.5-4.5s-2.46-4.5-5.5-4.5c-2.7%2c0-5-1.79-5-4s2.3-4%2c5-4s5%2c1.79%2c5%2c4'/%3e %3cline x1='2' y1='12' x2='22' y2='12'/%3e %3c/svg%3e")}.dito-icon--subscript:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='14' y1='5' x2='2' y2='19'/%3e %3cline x1='2' y1='5' x2='14' y2='19'/%3e %3cpath d='M6%2c4'/%3e %3cpath d='M18%2c16c0-1.1.9-2%2c2-2s2%2c.9%2c2%2c2c0%2c.46-.14.86-.4%2c1.2l-3.6%2c4.8h4'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='14' y1='5' x2='2' y2='19'/%3e %3cline x1='2' y1='5' x2='14' y2='19'/%3e %3cpath d='M6%2c4'/%3e %3cpath d='M18%2c16c0-1.1.9-2%2c2-2s2%2c.9%2c2%2c2c0%2c.46-.14.86-.4%2c1.2l-3.6%2c4.8h4'/%3e %3c/svg%3e")}.dito-icon--superscript:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='14' y1='5' x2='2' y2='19'/%3e %3cline x1='2' y1='5' x2='14' y2='19'/%3e %3cpath d='M6%2c4'/%3e %3cpath d='M18%2c4c0-1.1.9-2%2c2-2s2%2c.9%2c2%2c2c0%2c.46-.14.86-.4%2c1.2l-3.6%2c4.8h4'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='14' y1='5' x2='2' y2='19'/%3e %3cline x1='2' y1='5' x2='14' y2='19'/%3e %3cpath d='M6%2c4'/%3e %3cpath d='M18%2c4c0-1.1.9-2%2c2-2s2%2c.9%2c2%2c2c0%2c.46-.14.86-.4%2c1.2l-3.6%2c4.8h4'/%3e %3c/svg%3e")}.dito-icon--tag:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/%3e %3cline x1='7' y1='7' x2='7' y2='7'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/%3e %3cline x1='7' y1='7' x2='7' y2='7'/%3e %3c/svg%3e")}.dito-icon--trash:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='3 6 5 6 21 6'/%3e %3cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3e %3cline x1='10' y1='11' x2='10' y2='17'/%3e %3cline x1='14' y1='11' x2='14' y2='17'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='3 6 5 6 21 6'/%3e %3cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3e %3cline x1='10' y1='11' x2='10' y2='17'/%3e %3cline x1='14' y1='11' x2='14' y2='17'/%3e %3c/svg%3e")}.dito-icon--type:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='4 7 4 4 20 4 20 7'/%3e %3cline x1='9' y1='20' x2='15' y2='20'/%3e %3cline x1='12' y1='4' x2='12' y2='20'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='4 7 4 4 20 4 20 7'/%3e %3cline x1='9' y1='20' x2='15' y2='20'/%3e %3cline x1='12' y1='4' x2='12' y2='20'/%3e %3c/svg%3e")}.dito-icon--underline:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M6 3v7a6 6 0 0 0 6 6 6 6 0 0 0 6-6V3'/%3e %3cline x1='4' y1='21' x2='20' y2='21'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M6 3v7a6 6 0 0 0 6 6 6 6 0 0 0 6-6V3'/%3e %3cline x1='4' y1='21' x2='20' y2='21'/%3e %3c/svg%3e")}.dito-icon--undo:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='3%2c15 3%2c9 9%2c9'/%3e %3cpath d='M20%2c9c0%2c3.87-3.12%2c7-7%2c7c-1.94%2c0-3.73-0.73-5-2L3%2c9'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='3%2c15 3%2c9 9%2c9'/%3e %3cpath d='M20%2c9c0%2c3.87-3.12%2c7-7%2c7c-1.94%2c0-3.73-0.73-5-2L3%2c9'/%3e %3c/svg%3e")}.dito-icon--upload:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='4 10 12 2 20 10'/%3e %3cpolyline points='12 2 12 22'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='4 10 12 2 20 10'/%3e %3cpolyline points='12 2 12 22'/%3e %3c/svg%3e")}.dito-icon--add:after,.dito-icon--align-center:after,.dito-icon--align-justify:after,.dito-icon--align-left:after,.dito-icon--align-right:after,.dito-icon--alternate:after,.dito-icon--arrow:after,.dito-icon--at-sign:after,.dito-icon--blockquote:after,.dito-icon--bold:after,.dito-icon--bookmark:after,.dito-icon--bullet-list:after,.dito-icon--calendar:after,.dito-icon--chevron:after,.dito-icon--chevrons:after,.dito-icon--clear:after,.dito-icon--clock:after,.dito-icon--code-block:after,.dito-icon--code:after,.dito-icon--command:after,.dito-icon--copy:after,.dito-icon--credit-card:after,.dito-icon--crop:after,.dito-icon--dollar-sign:after,.dito-icon--drag:after,.dito-icon--edit:after,.dito-icon--ellipsis:after,.dito-icon--footnotes:after,.dito-icon--hash:after,.dito-icon--heading-1:after,.dito-icon--heading-2:after,.dito-icon--heading-3:after,.dito-icon--heart:after,.dito-icon--home:after,.dito-icon--horizontal-rule:after,.dito-icon--image:after,.dito-icon--info:after,.dito-icon--italic:after,.dito-icon--link:after,.dito-icon--mail:after,.dito-icon--menu:after,.dito-icon--ordered-list:after,.dito-icon--paperclip:after,.dito-icon--paragraph:after,.dito-icon--paste:after,.dito-icon--percent:after,.dito-icon--redo:after,.dito-icon--refresh:after,.dito-icon--remove:after,.dito-icon--resize:after,.dito-icon--search:after,.dito-icon--settings:after,.dito-icon--small:after,.dito-icon--strike:after,.dito-icon--subscript:after,.dito-icon--superscript:after,.dito-icon--tag:after,.dito-icon--trash:after,.dito-icon--type:after,.dito-icon--underline:after,.dito-icon--undo:after,.dito-icon--upload:after{position:absolute}.dito-icon{width:1em;height:1em;position:relative}.dito-input .dito-icon{color:gray;background:#fff;border-radius:4px;font-style:normal}.dito-input .dito-icon.dito-icon--disabled{color:#c7c7c7}.dito-input:focus-within .dito-icon{color:#3898ff}.dito-date-picker .dito-input{font-variant-numeric:tabular-nums;width:100%;min-width:8em}.dito-date-picker-popup{margin:2px 0}.dito-time-picker .dito-input{width:100%;min-width:6em}.dito-time-picker-popup{max-width:160px;margin:2px 0}.dito-time-picker .dito-input{font-variant-numeric:tabular-nums;width:100%}.dito-time-picker-popup{background:#fff;border:1px solid #c7c7c7;border-radius:4px;list-style:none;overflow:hidden;box-shadow:0 2px 6px #0a0a0a40}.dito-time-picker-popup .dito-time-picker-panel{float:left;box-sizing:border-box;border:0 solid #c7c7c7;border-width:0 1px;width:calc(33.3333% + 1px);margin-left:-1px;overflow:hidden}.dito-time-picker-popup .dito-time-picker-panel:last-child{border-right:0}.dito-time-picker-popup .dito-time-picker-panel ul{box-sizing:content-box;width:100%;height:168px;margin:0;padding:0 17px 0 0;list-style:none;overflow:hidden auto}.dito-time-picker-popup .dito-time-picker-panel ul>li{box-sizing:content-box;text-align:center;font-variant-numeric:tabular-nums;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background:#fff;width:100%;height:24px;line-height:24px;overflow:hidden}.dito-time-picker-popup .dito-time-picker-panel ul>li:first-child{margin-top:72px}.dito-time-picker-popup .dito-time-picker-panel ul>li:last-child{margin-bottom:72px}.dito-time-picker-popup .dito-time-picker-panel ul>li:hover{background:#b3d7ff}.dito-time-picker-popup .dito-time-picker-panel ul>li.selected,.dito-time-picker-popup .dito-time-picker-panel ul>li.selected:hover{color:#fff;background:#3898ff}.dito-time-picker-popup .dito-time-picker-panel ul>li.disabled{cursor:default;color:gray}.dito-time-picker-popup .dito-time-picker-panel ul>li.disabled:hover{background:0 0}.dito-date-time-picker__inner{display:flex}.dito-date-time-picker__input{font-variant-numeric:tabular-nums;flex:1;min-width:12em}.dito-date-time-picker .dito-date-picker,.dito-date-time-picker .dito-time-picker{position:absolute}.dito-pagination .dito-button--ellipsis-prev:before,.dito-pagination .dito-button--ellipsis-next:before,.dito-pagination .dito-button--ellipsis-prev:hover:before,.dito-pagination .dito-button--ellipsis-next:hover:before,.dito-pagination .dito-button--prev:before,.dito-pagination .dito-button--next:before{content:"";background:currentColor;width:1em;margin:auto;position:absolute;inset:0;-webkit-mask:none 50% no-repeat content-box;mask:none 50% no-repeat content-box}.dito-pagination .dito-button--prev:before,.dito-pagination .dito-button--next:before{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='8%2c4 16%2c12 8%2c20'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='8%2c4 16%2c12 8%2c20'/%3e %3c/svg%3e")}.dito-pagination .dito-button--ellipsis-prev:hover:before,.dito-pagination .dito-button--ellipsis-next:hover:before{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='4%2c4 12%2c12 4%2c20'/%3e %3cpolyline points='12%2c4 20%2c12 12%2c20'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='4%2c4 12%2c12 4%2c20'/%3e %3cpolyline points='12%2c4 20%2c12 12%2c20'/%3e %3c/svg%3e")}.dito-pagination .dito-button--ellipsis-prev:before,.dito-pagination .dito-button--ellipsis-next:before{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: currentColor%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='4' cy='12' r='1'/%3e %3ccircle cx='12' cy='12' r='1'/%3e %3ccircle cx='20' cy='12' r='1'/%3e %3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: currentColor%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='4' cy='12' r='1'/%3e %3ccircle cx='12' cy='12' r='1'/%3e %3ccircle cx='20' cy='12' r='1'/%3e %3c/svg%3e")}.dito-pagination{display:flex}.dito-pagination .dito-pagination-total{text-overflow:ellipsis;white-space:nowrap;margin:0 .5em;line-height:2em;overflow:hidden}.dito-pagination .dito-button{font-variant-numeric:tabular-nums;padding:0 .5em;transition:all .3s,color,background,border}.dito-pagination .dito-button--prev:before{transform:scaleX(-1)}.dito-pagination .dito-button--ellipsis-prev,.dito-pagination .dito-button--ellipsis-next{color:#0a0a0a;background:0 0;border:0;margin:0;padding:0}.dito-pagination .dito-button--ellipsis-prev:focus,.dito-pagination .dito-button--ellipsis-next:focus{color:#3898ff}.dito-pagination .dito-button--ellipsis-prev:active,.dito-pagination .dito-button--ellipsis-next:active{-webkit-box-shadow:none;box-shadow:none}.dito-pagination .dito-button--ellipsis-prev:before{transform:scaleX(-1)}.dito-switch--disabled{opacity:.6;pointer-events:none}.dito-switch{--switch-width:4em;--switch-height:2em;--switch-margin:2px;--switch-padding:3px;--switch-speed:.3s;--label-margin:.5em;--width:calc(var(--switch-width) - 2 * var(--switch-margin));--height:calc(var(--switch-height) - 2 * var(--switch-margin));--offset:calc(var(--width) - var(--height));height:var(--switch-height);vertical-align:bottom;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:inline-block;position:relative}.dito-switch__pane{width:var(--width);height:var(--height);position:relative}.dito-switch__pane,.dito-switch__label{top:50%;transform:translateY(-50%)}.dito-switch input{cursor:pointer;appearance:none;background:#c7c7c7;border-radius:1em;width:100%;height:100%;transition:border-color .3s,background-color .3s}.dito-switch__button{--size:calc(var(--height) - 2 * var(--switch-padding));top:var(--switch-padding);left:var(--switch-padding);width:var(--size);height:var(--size);border-radius:calc(var(--size) / 2);box-sizing:border-box;-webkit-transition:-webkit-transform var(--switch-speed);transition:-webkit-transform var(--switch-speed);transition:transform var(--switch-speed);transition:transform var(--switch-speed), -webkit-transform var(--switch-speed);background:#fff;position:absolute;transform:translate(0)}.dito-switch__button,.dito-switch__label{pointer-events:none}.dito-switch__label{right:var(--label-margin);text-transform:uppercase;color:#fff;position:absolute}.dito-switch--checked input{background:#3898ff}.dito-switch--checked .dito-switch__button{-webkit-transform:translateX(var(--offset));transform:translateX(var(--offset))}.dito-switch--checked .dito-switch__label{left:var(--label-margin);right:unset}.dito-switch:focus-within:not(:hover) .dito-switch__button{box-shadow:0 0 0 1px #3898ff}.dito-height-enter-active,.dito-height-leave-active{transition:height .15s cubic-bezier(.165,.84,.44,1);overflow:hidden}.dito-height-enter-active{animation:.15s cubic-bezier(.165,.84,.44,1) dito-slide-enter}.dito-height-leave-active{animation:.15s cubic-bezier(.165,.84,.44,1) dito-slide-leave}.dito-height-enter-from,.dito-height-leave-to{height:0}
|
|
2
2
|
/*$vite$:1*/
|
package/dist/dito-ui.es.js
CHANGED
|
@@ -3105,8 +3105,8 @@ var vo = /*#__PURE__*/ $({
|
|
|
3105
3105
|
r && (r.style.width = getComputedStyle(n).width);
|
|
3106
3106
|
let i = n.getBoundingClientRect(), a = i.left + window.scrollX, o = i.top + window.scrollY, s = i.width, c = i.height, l = t.offsetWidth, u = t.offsetHeight, [d, f] = this.popupPlacement.split("-") || [];
|
|
3107
3107
|
if (this.keepInView) {
|
|
3108
|
-
let e = window.innerWidth, t = window.innerHeight;
|
|
3109
|
-
d === "top" ?
|
|
3108
|
+
let e = window.innerWidth, t = window.innerHeight, n = o, r = t - o - c, i = a, p = e - a - s, m = (e, t, n) => e < n && t > e;
|
|
3109
|
+
d === "top" ? m(n, r, u) && (d = "bottom") : d === "bottom" ? m(r, n, u) && (d = "top") : d === "left" ? m(i, p, l) && (d = "right") : d === "right" && m(p, i, l) && (d = "left"), f === "top" ? m(t - o, o + c, u) && (f = "bottom") : f === "bottom" ? m(o + c, t - o, u) && (f = "top") : f === "left" ? m(e - a, a + s, l) && (f = "right") : f === "right" && m(a + s, e - a, l) && (f = "left");
|
|
3110
3110
|
}
|
|
3111
3111
|
let p = 0, m = 0;
|
|
3112
3112
|
switch (d) {
|
package/dist/dito-ui.umd.js
CHANGED
|
@@ -4,4 +4,4 @@
|
|
|
4
4
|
`],...on(e))}),t}function on({vnode:e,recurseCount:t}){let n=t>0?`... (${t} recursive calls)`:``,r=e.component?e.component.parent==null:!1,i=` at <${ki(e.component,e.type,r)}`,a=`>`+n;return e.props?[i,...sn(e.props),a]:[i+a]}function sn(e){let t=[],n=Object.keys(e);return n.slice(0,3).forEach(n=>{t.push(...cn(n,e[n]))}),n.length>3&&t.push(` ...`),t}function cn(e,t,n){return _(t)?(t=JSON.stringify(t),n?t:[`${e}=${t}`]):typeof t==`number`||typeof t==`boolean`||t==null?n?t:[`${e}=${t}`]:F(t)?(t=cn(e,N(t.value),!0),n?t:[`${e}=Ref<`,t,`>`]):g(t)?[`${e}=fn${t.name?`<${t.name}>`:``}`]:(t=N(t),n?t:[`${e}=`,t])}function ln(e,t){process.env.NODE_ENV!==`production`&&e!==void 0&&(typeof e==`number`?isNaN(e)&&I(`${t} is NaN - the duration expression might be incorrect.`):I(`${t} is not a valid number - got ${JSON.stringify(e)}.`))}var un={sp:`serverPrefetch hook`,bc:`beforeCreate hook`,c:`created hook`,bm:`beforeMount hook`,m:`mounted hook`,bu:`beforeUpdate hook`,u:`updated`,bum:`beforeUnmount hook`,um:`unmounted hook`,a:`activated hook`,da:`deactivated hook`,ec:`errorCaptured hook`,rtc:`renderTracked hook`,rtg:`renderTriggered hook`,0:`setup function`,1:`render function`,2:`watcher getter`,3:`watcher callback`,4:`watcher cleanup function`,5:`native event handler`,6:`component event handler`,7:`vnode hook`,8:`directive hook`,9:`transition hook`,10:`app errorHandler`,11:`app warnHandler`,12:`ref function`,13:`async component loader`,14:`scheduler flush`,15:`component update`,16:`app unmount cleanup function`};function dn(e,t,n,r){try{return r?e(...r):e()}catch(e){pn(e,t,n)}}function fn(e,t,n,r){if(g(e)){let i=dn(e,t,n,r);return i&&ee(i)&&i.catch(e=>{pn(e,t,n)}),i}if(f(e)){let i=[];for(let a=0;a<e.length;a++)i.push(fn(e[a],t,n,r));return i}process.env.NODE_ENV!==`production`&&I(`Invalid value type passed to callWithAsyncErrorHandling(): ${typeof e}`)}function pn(e,t,n,i=!0){let a=t?t.vnode:null,{errorHandler:o,throwUnhandledErrorInProduction:s}=t&&t.appContext.config||r;if(t){let r=t.parent,i=t.proxy,a=process.env.NODE_ENV===`production`?`https://vuejs.org/error-reference/#runtime-${n}`:un[n];for(;r;){let t=r.ec;if(t){for(let n=0;n<t.length;n++)if(t[n](e,i,a)===!1)return}r=r.parent}if(o){Ge(),dn(o,null,10,[e,i,a]),Ke();return}}mn(e,n,a,i,s)}function mn(e,t,n,r=!0,i=!1){if(process.env.NODE_ENV!==`production`){let i=un[t];if(n&&en(n),I(`Unhandled error${i?` during execution of ${i}`:``}`),n&&tn(),r)throw e;console.error(e)}else if(i)throw e;else console.error(e)}var L=[],hn=-1,gn=[],_n=null,vn=0,yn=Promise.resolve(),bn=null,xn=100;function Sn(e){let t=bn||yn;return e?t.then(this?e.bind(this):e):t}function Cn(e){let t=hn+1,n=L.length;for(;t<n;){let r=t+n>>>1,i=L[r],a=On(i);a<e||a===e&&i.flags&2?t=r+1:n=r}return t}function wn(e){if(!(e.flags&1)){let t=On(e),n=L[L.length-1];!n||!(e.flags&2)&&t>=On(n)?L.push(e):L.splice(Cn(t),0,e),e.flags|=1,Tn()}}function Tn(){bn||=yn.then(kn)}function En(e){if(!f(e))_n&&e.id===-1?_n.splice(vn+1,0,e):e.flags&1||(gn.push(e),e.flags|=1);else for(let t=0;t<e.length;t++)gn.push(e[t]);Tn()}function Dn(e){if(gn.length){let t=[...new Set(gn)].sort((e,t)=>On(e)-On(t));if(gn.length=0,_n){for(let e=0;e<t.length;e++)_n.push(t[e]);return}for(_n=t,process.env.NODE_ENV!==`production`&&(e||=new Map),vn=0;vn<_n.length;vn++){let t=_n[vn];process.env.NODE_ENV!==`production`&&An(e,t)||(t.flags&4&&(t.flags&=-2),t.flags&8||t(),t.flags&=-2)}_n=null,vn=0}}var On=e=>e.id==null?e.flags&2?-1:1/0:e.id;function kn(e){process.env.NODE_ENV!==`production`&&(e||=new Map);let t=process.env.NODE_ENV===`production`?a:t=>An(e,t);try{for(hn=0;hn<L.length;hn++){let e=L[hn];if(e&&!(e.flags&8)){if(process.env.NODE_ENV!==`production`&&t(e))continue;e.flags&4&&(e.flags&=-2),dn(e,e.i,e.i?15:14),e.flags&4||(e.flags&=-2)}}}finally{for(;hn<L.length;hn++){let e=L[hn];e&&(e.flags&=-2)}hn=-1,L.length=0,Dn(e),bn=null,(L.length||gn.length)&&kn(e)}}function An(e,t){let n=e.get(t)||0;if(n>xn){let e=t.i,n=e&&Oi(e.type);return pn(`Maximum recursive updates exceeded${n?` in component <${n}>`:``}. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function.`,null,10),!0}return e.set(t,n+1),!1}var jn=!1,Mn=new Map;process.env.NODE_ENV!==`production`&&(fe().__VUE_HMR_RUNTIME__={createRecord:zn(Pn),rerender:zn(In),reload:zn(Ln)});var Nn=new Map;function Pn(e,t){return!Nn.has(e)&&(Nn.set(e,{initialDef:Fn(t),instances:new Set}),!0)}function Fn(e){return Ai(e)?e.__vccOpts:e}function In(e,t){let n=Nn.get(e);n&&(n.initialDef.render=t,[...n.instances].forEach(e=>{t&&(e.render=t,Fn(e.type).render=t),e.renderCache=[],jn=!0,e.job.flags&8||e.update(),jn=!1}))}function Ln(e,t){let n=Nn.get(e);if(!n)return;t=Fn(t),Rn(n.initialDef,t);let r=[...n.instances];for(let e=0;e<r.length;e++){let i=r[e],a=Fn(i.type),o=Mn.get(a);o||(a!==n.initialDef&&Rn(a,t),Mn.set(a,o=new Set)),o.add(i),i.appContext.propsCache.delete(i.type),i.appContext.emitsCache.delete(i.type),i.appContext.optionsCache.delete(i.type),i.ceReload?(o.add(i),i.ceReload(t.styles),o.delete(i)):i.parent?wn(()=>{i.job.flags&8||(jn=!0,i.parent.update(),jn=!1,o.delete(i))}):i.appContext.reload?i.appContext.reload():typeof window<`u`?window.location.reload():console.warn(`[HMR] Root or manually mounted instance modified. Full reload required.`),i.root.ce&&i!==i.root&&i.root.ce._removeChildStyle(a)}En(()=>{Mn.clear()})}function Rn(e,t){c(e,t);for(let n in e)n!==`__file`&&!(n in t)&&delete e[n]}function zn(e){return(t,n)=>{try{return e(t,n)}catch(e){console.error(e),console.warn(`[HMR] Something went wrong during Vue component hot-reload. Full reload required.`)}}}var Bn,Vn=[];function Hn(e,...t){Bn?Bn.emit(e,...t):Vn.push({event:e,args:t})}var Un=Wn(`component:updated`);function Wn(e){return t=>{Hn(e,t.appContext.app,t.uid,t.parent?t.parent.uid:void 0,t)}}var R=null,Gn=null;function Kn(e){let t=R;return R=e,Gn=e&&e.type.__scopeId||null,t}function z(e,t=R,n){if(!t||e._n)return e;let r=(...n)=>{r._d&&ei(-1);let i=Kn(t),a=Zr.length,o;try{o=e(...n)}finally{for(let e=Zr.length;e>a;e--)Qr();Kn(i),r._d&&ei(1)}return process.env.NODE_ENV!==`production`&&Un(t),o};return r._n=!0,r._c=!0,r._d=!0,r}function qn(e,t){if(R===null)return process.env.NODE_ENV!==`production`&&I(`withDirectives can only be used inside render functions.`),e;let n=Ti(R),i=e.dirs||=[];for(let e=0;e<t.length;e++){let[a,o,s,c=r]=t[e];a&&(g(a)&&(a={mounted:a,updated:a}),a.deep&&Qt(o),i.push({dir:a,instance:n,value:o,oldValue:void 0,arg:s,modifiers:c}))}return e}function Jn(e,t,n=!1){let r=_i();if(r||Ur){let i=Ur?Ur._context.provides:r?r.parent==null||r.ce?r.vnode.appContext&&r.vnode.appContext.provides:r.parent.provides:void 0;if(i&&e in i)return i[e];if(arguments.length>1)return n&&g(t)?t.call(r&&r.proxy):t;process.env.NODE_ENV!==`production`&&I(`injection "${String(e)}" not found.`)}else process.env.NODE_ENV!==`production`&&I(`inject() can only be used inside setup() or functional components.`)}var Yn=Symbol.for(`v-scx`),Xn=()=>{{let e=Jn(Yn);return e||process.env.NODE_ENV!==`production`&&I(`Server rendering context not provided. Make sure to only call useSSRContext() conditionally in the server build.`),e}};function Zn(e,t,n=r){let{immediate:i,deep:o,flush:s,once:l}=n;process.env.NODE_ENV!==`production`&&!t&&(i!==void 0&&I(`watch() "immediate" option is only respected when using the watch(source, callback, options?) signature.`),o!==void 0&&I(`watch() "deep" option is only respected when using the watch(source, callback, options?) signature.`),l!==void 0&&I(`watch() "once" option is only respected when using the watch(source, callback, options?) signature.`));let u=c({},n);process.env.NODE_ENV!==`production`&&(u.onWarn=I);let d=t&&i||!t&&s!==`post`,f;if(xi){if(s===`sync`){let e=Xn();f=e.__watcherHandles||=[]}else if(!d){let e=()=>{};return e.stop=a,e.resume=a,e.pause=a,e}}let p=gi;u.call=(e,t,n)=>fn(e,p,t,n);let m=!1;s===`post`?u.scheduler=e=>{qr(e,p&&p.suspense)}:s!==`sync`&&(m=!0,u.scheduler=(e,t)=>{t?e():wn(e)}),u.augmentJob=e=>{t&&(e.flags|=4),m&&(e.flags|=2,p&&(e.id=p.uid,e.i=p))};let h=Zt(e,t,u);return xi&&(f?f.push(h):d&&h()),h}function Qn(e,t,n){let r=this.proxy,i=_(e)?e.includes(`.`)?$n(r,e):()=>r[e]:e.bind(r,r),a;g(t)?a=t:(a=t.handler,n=t);let o=yi(this),s=Zn(i,a.bind(r),n);return o(),s}function $n(e,t){let n=t.split(`.`);return()=>{let t=e;for(let e=0;e<n.length&&t;e++)t=t[n[e]];return t}}var er=e=>e.__isTeleport,tr=Symbol(`_leaveCb`),nr=Symbol(`_enterCb`);function rr(){let e={isMounted:!1,isLeaving:!1,isUnmounting:!1,leavingVNodes:new Map};return yr(()=>{e.isMounted=!0}),br(()=>{e.isUnmounting=!0}),e}var B=[Function,Array],ir={mode:String,appear:Boolean,persisted:Boolean,onBeforeEnter:B,onEnter:B,onAfterEnter:B,onEnterCancelled:B,onBeforeLeave:B,onLeave:B,onAfterLeave:B,onLeaveCancelled:B,onBeforeAppear:B,onAppear:B,onAfterAppear:B,onAppearCancelled:B},ar=e=>{let t=e.subTree;return t.component?ar(t.component):t},or={name:`BaseTransition`,props:ir,setup(e,{slots:t}){let n=_i(),r=rr();return()=>{let i=t.default&&mr(t.default(),!0),a=i&&i.length?sr(i):n.subTree?Z():void 0;if(!a)return;let o=N(e),{mode:s}=o;if(process.env.NODE_ENV!==`production`&&s&&s!==`in-out`&&s!==`out-in`&&s!=="default"&&I(`invalid <transition> mode: ${s}`),r.isLeaving)return dr(a);let c=fr(a);if(!c)return dr(a);let l=ur(c,o,r,n,e=>l=e);c.type!==G&&pr(c,l);let u=n.subTree&&fr(n.subTree);if(u&&u.type!==G&&!ii(u,c)&&ar(n).type!==G){let e=ur(u,o,r,n);if(pr(u,e),s===`out-in`&&c.type!==G)return r.isLeaving=!0,e.afterLeave=()=>{r.isLeaving=!1,n.job.flags&8||n.update(),delete e.afterLeave,u=void 0},dr(a);s===`in-out`&&c.type!==G?e.delayLeave=(e,t,n)=>{let i=lr(r,u);i[String(u.key)]=u,e[tr]=()=>{t(),e[tr]=void 0,delete l.delayedLeave,u=void 0},l.delayedLeave=()=>{n(),delete l.delayedLeave,u=void 0}}:u=void 0}else u&&=void 0;return a}}};function sr(e){let t=e[0];if(e.length>1){let n=!1;for(let r of e)if(r.type!==G){if(process.env.NODE_ENV!==`production`&&n){I(`<transition> can only be used on a single element or component. Use <transition-group> for lists.`);break}if(t=r,n=!0,process.env.NODE_ENV===`production`)break}}return t}var cr=or;function lr(e,t){let{leavingVNodes:n}=e,r=n.get(t.type);return r||(r=Object.create(null),n.set(t.type,r)),r}function ur(e,t,n,r,i){let{appear:a,mode:o,persisted:s=!1,onBeforeEnter:c,onEnter:l,onAfterEnter:u,onEnterCancelled:d,onBeforeLeave:p,onLeave:m,onAfterLeave:h,onLeaveCancelled:g,onBeforeAppear:_,onAppear:v,onAfterAppear:y,onAppearCancelled:ee}=t,b=String(e.key),x=lr(n,e),S=(e,t)=>{e&&fn(e,r,9,t)},C=(e,t)=>{let n=t[1];S(e,t),f(e)?e.every(e=>e.length<=1)&&n():e.length<=1&&n()},w={mode:o,persisted:s,beforeEnter(t){let r=c;if(!n.isMounted){if(a)r=_||c;else return}t[tr]&&t[tr](!0);let i=x[b];i&&ii(e,i)&&i.el[tr]&&i.el[tr](),S(r,[t])},enter(t){if(!jn&&x[b]===e)return;let r=l,i=u,o=d;if(!n.isMounted){if(a)r=v||l,i=y||u,o=ee||d;else return}let s=!1;t[nr]=e=>{s||(s=!0,S(e?o:i,[t]),w.delayedLeave&&w.delayedLeave(),t[nr]=void 0)};let c=t[nr].bind(null,!1);r?C(r,[t,c]):c()},leave(t,r){let i=String(e.key);if(t[nr]&&t[nr](!0),n.isUnmounting)return r();S(p,[t]);let a=!1;t[tr]=n=>{a||(a=!0,r(),S(n?g:h,[t]),t[tr]=void 0,x[i]===e&&delete x[i])};let o=t[tr].bind(null,!1);x[i]=e,m?C(m,[t,o]):o()},clone(e){let a=ur(e,t,n,r,i);return i&&i(a),a}};return w}function dr(e){if(gr(e))return e=fi(e),e.children=null,e}function fr(e){if(!gr(e))return er(e.type)&&e.children?sr(e.children):e;if(e.component)return e.component.subTree;let{shapeFlag:t,children:n}=e;if(n){if(t&16)return n[0];if(t&32&&g(n.default))return n.default()}}function pr(e,t){if(e.shapeFlag&6&&e.component){e.transition=t;let n=e.component.subTree;pr(er(n.type)&&fr(n)||n,t)}else e.shapeFlag&128?(e.ssContent.transition=t.clone(e.ssContent),e.ssFallback.transition=t.clone(e.ssFallback)):e.transition=t}function mr(e,t=!1,n){let r=[],i=0;for(let a=0;a<e.length;a++){let o=e[a],s=n==null?o.key:String(n)+String(o.key==null?a:o.key);o.type===W?(o.patchFlag&128&&i++,r=r.concat(mr(o.children,t,s))):(t||o.type!==G)&&r.push(s==null?o:fi(o,{key:s}))}if(i>1)for(let e=0;e<r.length;e++)r[e].patchFlag=-2;return r}fe().requestIdleCallback,fe().cancelIdleCallback;var hr=e=>!!e.type.__asyncLoader,gr=e=>e.type.__isKeepAlive;function _r(e,t,n=gi,r=!1){if(n){let i=n[e]||(n[e]=[]),a=t.__weh||=(...r)=>{Ge();let i=yi(n),a=fn(t,n,e,r);return i(),Ke(),a};return r?i.unshift(a):i.push(a),a}process.env.NODE_ENV!==`production`&&I(`${ae(un[e].replace(/ hook$/,``))} is called when there is no active component instance to be associated with. Lifecycle injection APIs can only be used during execution of setup(). If you are using async setup(), make sure to register lifecycle hooks before the first await statement.`)}var vr=e=>(t,n=gi)=>{(!xi||e===`sp`)&&_r(e,(...e)=>t(...e),n)},yr=vr(`m`),br=vr(`bum`),xr=`components`;function V(e,t){return Cr(xr,e,!0,t)||e}var Sr=Symbol.for(`v-ndc`);function Cr(e,t,n=!0,r=!1){let i=R||gi;if(i){let a=i.type;if(e===xr){let e=Oi(a,!1);if(e&&(e===t||e===re(t)||e===ie(re(t))))return a}let o=wr(i[e]||a[e],t)||wr(i.appContext[e],t);if(!o&&r)return a;if(process.env.NODE_ENV!==`production`&&n&&!o){let n=e===xr?`
|
|
5
5
|
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.`:``;I(`Failed to resolve ${e.slice(0,-1)}: ${t}${n}`)}return o}process.env.NODE_ENV!==`production`&&I(`resolve${ie(e.slice(0,-1))} can only be used in render() or setup().`)}function wr(e,t){return e&&(e[t]||e[re(t)]||e[ie(re(t))])}function Tr(e,t,n,r){let i,a=n&&n[r],o=f(e);if(o||_(e)){let n=o&&Bt(e),r=!1,s=!1;n&&(r=!M(e),s=j(e),e=it(e)),i=Array(e.length);for(let n=0,o=e.length;n<o;n++)i[n]=t(r?s?Ut(P(e[n])):P(e[n]):e[n],n,void 0,a&&a[n])}else if(typeof e==`number`){if(process.env.NODE_ENV!==`production`&&(!Number.isInteger(e)||e<0))I(`The v-for range expects a positive integer value but got ${e}.`),i=[];else{i=Array(e);for(let n=0;n<e;n++)i[n]=t(n+1,n,void 0,a&&a[n])}}else if(y(e)){if(e[Symbol.iterator])i=Array.from(e,(e,n)=>t(e,n,void 0,a&&a[n]));else{let n=Object.keys(e);i=Array(n.length);for(let r=0,o=n.length;r<o;r++){let o=n[r];i[r]=t(e[o],o,r,a&&a[r])}}}else i=[];return n&&(n[r]=i),i}function H(e,t,n,r,i,a){if(n??={},R.ce||R.parent&&hr(R.parent)&&R.parent.ce){let e=a!=null&&n.key==null?c({},n,{key:a}):n,i=Object.keys(e).length>0;return t!=="default"&&(e.name=t),q(),ni(W,null,[X(`slot`,e,r&&r())],i?-2:64)}let o=e[t];process.env.NODE_ENV!==`production`&&o&&o.length>1&&(I(`SSR-optimized slot function detected in a non-SSR-optimized render function. You need to mark this component with $dynamic-slots in the parent template.`),o=()=>[]),o&&o._c&&(o._d=!1);let s=Zr.length;q();let l;try{let i=o&&Er(o(n)),s=n.key||a||i&&i.key;l=ni(W,{key:(s&&!v(s)?s:`_${t}`)+(!i&&r?`_fb`:``)},i||(r?r():[]),i&&e._===1?64:-2)}catch(e){for(let e=Zr.length;e>s;e--)Qr();throw e}finally{o&&o._c&&(o._d=!0)}return!i&&l.scopeId&&(l.slotScopeIds=[l.scopeId+`-s`]),l}function Er(e){return e.some(e=>!ri(e)||!(e.type===G||e.type===W&&!Er(e.children)))?e:null}var Dr=e=>e?bi(e)?Ti(e):Dr(e.parent):null,Or=e=>{let t=!1;for(;;){if(e.patchFlag>0&&e.patchFlag&2048){let n=Wr(e.children);if(!n)return;e=n,t=!0;continue}let n=e.component;if(n&&n.subTree){e=n.subTree;continue}let r=e.suspense;if(r&&r.activeBranch){e=r.activeBranch;continue}return t?e.el:void 0}},kr=e=>{let t=e.subTree&&Or(e.subTree);return t===void 0?e.vnode.el:t},Ar=c(Object.create(null),{$:e=>e,$el:e=>process.env.NODE_ENV===`production`?e.vnode.el:kr(e),$data:e=>e.data,$props:e=>process.env.NODE_ENV===`production`?e.props:Rt(e.props),$attrs:e=>process.env.NODE_ENV===`production`?e.attrs:Rt(e.attrs),$slots:e=>process.env.NODE_ENV===`production`?e.slots:Rt(e.slots),$refs:e=>process.env.NODE_ENV===`production`?e.refs:Rt(e.refs),$parent:e=>Dr(e.parent),$root:e=>Dr(e.root),$host:e=>e.ce,$emit:e=>e.emit,$options:e=>Pr(e),$forceUpdate:e=>e.f||=()=>{wn(e.update)},$nextTick:e=>e.n||=Sn.bind(e.proxy),$watch:e=>Qn.bind(e)});process.env.NODE_ENV;function jr(){return Mr(`useSlots`).slots}function Mr(e){let t=_i();return process.env.NODE_ENV!==`production`&&!t&&I(`${e}() called without active instance.`),t.setupContext||=wi(t)}function Nr(e){return f(e)?e.reduce((e,t)=>(e[t]=null,e),{}):e}function Pr(e){let t=e.type,{mixins:n,extends:r}=t,{mixins:i,optionsCache:a,config:{optionMergeStrategies:o}}=e.appContext,s=a.get(t),c;return s?c=s:!i.length&&!n&&!r?c=t:(c={},i.length&&i.forEach(e=>Fr(c,e,o,!0)),Fr(c,t,o)),y(t)&&a.set(t,c),c}function Fr(e,t,n,r=!1){let{mixins:i,extends:a}=t;a&&Fr(e,a,n,!0),i&&i.forEach(t=>Fr(e,t,n,!0));for(let i in t)if(r&&i===`expose`)process.env.NODE_ENV!==`production`&&I(`"expose" option is ignored when declared in mixins or extends. It should only be declared in the base component itself.`);else{let r=Ir[i]||n&&n[i];e[i]=r?r(e[i],t[i]):t[i]}return e}var Ir={data:Lr,props:Vr,emits:Vr,methods:Br,computed:Br,beforeCreate:U,created:U,beforeMount:U,mounted:U,beforeUpdate:U,updated:U,beforeDestroy:U,beforeUnmount:U,destroyed:U,unmounted:U,activated:U,deactivated:U,errorCaptured:U,serverPrefetch:U,components:Br,directives:Br,watch:Hr,provide:Lr,inject:Rr};function Lr(e,t){return t?e?function(){return c(g(e)?e.call(this,this):e,g(t)?t.call(this,this):t)}:t:e}function Rr(e,t){return Br(zr(e),zr(t))}function zr(e){if(f(e)){let t={};for(let n=0;n<e.length;n++)t[e[n]]=e[n];return t}return e}function U(e,t){return e?[...new Set([].concat(e,t))]:t}function Br(e,t){return e?c(Object.create(null),e,t):t}function Vr(e,t){return e?f(e)&&f(t)?[...new Set([...e,...t])]:c(Object.create(null),Nr(e),Nr(t??{})):t}function Hr(e,t){if(!e)return t;if(!t)return e;let n=c(Object.create(null),e);for(let r in t)n[r]=U(e[r],t[r]);return n}var Ur=null;function Wr(e,t=!0){let n;for(let r=0;r<e.length;r++){let i=e[r];if(ri(i)){if(i.type!==G||i.children===`v-if`){if(n)return;if(n=i,process.env.NODE_ENV!==`production`&&t&&n.patchFlag>0&&n.patchFlag&2048)return Wr(n.children)}}else return}return n}var Gr={},Kr=e=>Object.getPrototypeOf(e)===Gr,qr=Yr,Jr=e=>e.__isSuspense;function Yr(e,t){t&&t.pendingBranch?f(e)?t.effects.push(...e):t.effects.push(e):En(e)}var W=Symbol.for(`v-fgt`),Xr=Symbol.for(`v-txt`),G=Symbol.for(`v-cmt`),Zr=[],K=null;function q(e=!1){Zr.push(K=e?null:[])}function Qr(){Zr.pop(),K=Zr[Zr.length-1]||null}var $r=1;function ei(e,t=!1){$r+=e,e<0&&K&&t&&(K.hasOnce=!0)}function ti(e){return e.dynamicChildren=$r>0?K||i:null,Qr(),$r>0&&K&&K.push(e),e}function J(e,t,n,r,i,a){return ti(Y(e,t,n,r,i,a,!0))}function ni(e,t,n,r,i){return ti(X(e,t,n,r,i,!0))}function ri(e){return e?e.__v_isVNode===!0:!1}function ii(e,t){if(process.env.NODE_ENV!==`production`&&t.shapeFlag&6&&e.component){let n=Mn.get(t.type);if(n&&n.has(e.component))return e.shapeFlag&=-257,t.shapeFlag&=-513,!1}return e.type===t.type&&e.key===t.key}var ai,oi=(...e)=>ui(...ai?ai(e,R):e),si=({key:e})=>e??null,ci=({ref:e,ref_key:t,ref_for:n})=>(typeof e==`number`&&(e=``+e),e==null?null:_(e)||F(e)||g(e)?{i:R,r:e,k:t,f:!!n}:e);function Y(e,t=null,n=null,r=0,i=null,a=e===W?0:1,o=!1,s=!1){let c={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&si(t),ref:t&&ci(t),scopeId:Gn,slotScopeIds:null,children:n,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetStart:null,targetAnchor:null,staticCount:0,shapeFlag:a,patchFlag:r,dynamicProps:i,dynamicChildren:null,appContext:null,ctx:R};if(s?(hi(c,n),a&128&&e.normalize(c)):n&&(c.shapeFlag|=_(n)?8:16),process.env.NODE_ENV!==`production`&&c.key!==c.key&&I(`VNode created with invalid key (NaN). VNode type:`,c.type),process.env.NODE_ENV!==`production`&&t&&c.shapeFlag&1){let e=t.innerHTML==null?t.textContent==null?null:`textContent`:`innerHTML`;e&&li(c.children)&&I(`The \`${e}\` prop on <${c.type}> will override its children. Remove either the \`${e}\` prop or the children.`)}return $r>0&&!o&&K&&(c.patchFlag>0||a&6)&&c.patchFlag!==32&&K.push(c),c}function li(e){return _(e)?e!==``:f(e)?e.length>0:!1}var X=process.env.NODE_ENV===`production`?ui:oi;function ui(e,t=null,n=null,r=0,i=null,a=!1){if((!e||e===Sr)&&(process.env.NODE_ENV!==`production`&&!e&&I(`Invalid vnode type when creating vnode: ${e}.`),e=G),ri(e)){let r=fi(e,t,!0);return n&&hi(r,n),$r>0&&!a&&K&&(r.shapeFlag&6?K[K.indexOf(e)]=r:K.push(r)),r.patchFlag=-2,r}if(Ai(e)&&(e=e.__vccOpts),t){t=di(t);let{class:e,style:n}=t;e&&!_(e)&&(t.class=T(e)),y(n)&&(Vt(n)&&!f(n)&&(n=c({},n)),t.style=pe(n))}let o=_(e)?1:Jr(e)?128:er(e)?64:y(e)?4:g(e)?2:0;return process.env.NODE_ENV!==`production`&&o&4&&Vt(e)&&(e=N(e),I("Vue received a Component that was made a reactive object. This can lead to unnecessary performance overhead and should be avoided by marking the component with `markRaw` or using `shallowRef` instead of `ref`.",`
|
|
6
6
|
Component that was made reactive: `,e)),Y(e,t,n,r,i,o,a,!0)}function di(e){return e?Vt(e)||Kr(e)?c({},e):e:null}function fi(e,t,n=!1,r=!1){let{props:i,ref:a,patchFlag:o,children:s,transition:c}=e,l=t?Q(i||{},t):i,u={__v_isVNode:!0,__v_skip:!0,type:e.type,props:l,key:l&&si(l),ref:t&&t.ref?n&&a?f(a)?a.concat(ci(t)):[a,ci(t)]:ci(t):a,scopeId:e.scopeId,slotScopeIds:e.slotScopeIds,children:process.env.NODE_ENV!==`production`&&o===-1&&f(s)?s.map(pi):s,target:e.target,targetStart:e.targetStart,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==W?o===-1?16:o|16:o,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:c,component:e.component,suspense:e.suspense,ssContent:e.ssContent&&fi(e.ssContent),ssFallback:e.ssFallback&&fi(e.ssFallback),placeholder:e.placeholder,el:e.el,anchor:e.anchor,ctx:e.ctx,ce:e.ce,cacheIndex:e.cacheIndex};return c&&r&&pr(u,c.clone(u)),u}function pi(e){let t=fi(e);return f(e.children)&&(t.children=e.children.map(pi)),t}function mi(e=` `,t=0){return X(Xr,null,e,t)}function Z(e=``,t=!1){return t?(q(),ni(G,null,e)):X(G,null,e)}function hi(e,t){let n=0,{shapeFlag:r}=e;if(t==null)t=null;else if(f(t))n=16;else if(typeof t==`object`){if(r&65){let n=t.default;n&&(n._c&&(n._d=!1),hi(e,n()),n._c&&(n._d=!0));return}{n=32;let r=t._;!r&&!Kr(t)?t._ctx=R:r===3&&R&&(R.slots._===1?t._=1:(t._=2,e.patchFlag|=1024))}}else if(g(t)){if(r&65){hi(e,{default:t});return}t={default:t,_ctx:R},n=32}else t=String(t),r&64?(n=16,t=[mi(t)]):n=8;e.children=t,e.shapeFlag|=n}function Q(...e){let t={};for(let n=0;n<e.length;n++){let r=e[n];for(let e in r)if(e===`class`)t.class!==r.class&&(t.class=T([t.class,r.class]));else if(e===`style`)t.style=pe([t.style,r.style]);else if(o(e)){let n=t[e],i=r[e];i&&n!==i&&!(f(n)&&n.includes(i))?t[e]=n?[].concat(n,i):i:i==null&&n==null&&!s(e)&&(t[e]=i)}else e!==``&&(t[e]=r[e])}return t}var gi=null,_i=()=>gi||R,vi;{let e=fe(),t=(t,n)=>{let r;return(r=e[t])||(r=e[t]=[]),r.push(n),e=>{r.length>1?r.forEach(t=>t(e)):r[0](e)}};vi=t(`__VUE_INSTANCE_SETTERS__`,e=>gi=e),t(`__VUE_SSR_SETTERS__`,e=>xi=e)}var yi=e=>{let t=gi;return vi(e),e.scope.on(),()=>{e.scope.off(),vi(t)}};function bi(e){return e.vnode.shapeFlag&4}var xi=!1,Si=process.env.NODE_ENV===`production`?{get(e,t){return k(e,`get`,``),e[t]}}:{get(e,t){return k(e,`get`,``),e[t]},set(){return I(`setupContext.attrs is readonly.`),!1},deleteProperty(){return I(`setupContext.attrs is readonly.`),!1}};function Ci(e){return new Proxy(e.slots,{get(t,n){return k(e,`get`,`$slots`),t[n]}})}function wi(e){let t=t=>{if(process.env.NODE_ENV!==`production`&&(e.exposed&&I(`expose() should be called only once per setup().`),t!=null)){let e=typeof t;e===`object`&&(f(t)?e=`array`:F(t)&&(e=`ref`)),e!==`object`&&I(`expose() should be passed a plain object, received ${e}.`)}e.exposed=t||{}};if(process.env.NODE_ENV!==`production`){let n,r;return Object.freeze({get attrs(){return n||=new Proxy(e.attrs,Si)},get slots(){return r||=Ci(e)},get emit(){return(t,...n)=>e.emit(t,...n)},expose:t})}return{attrs:new Proxy(e.attrs,Si),slots:e.slots,emit:e.emit,expose:t}}function Ti(e){return e.exposed?e.exposeProxy||=new Proxy(Kt(Ht(e.exposed)),{get(t,n){if(n in t)return t[n];if(n in Ar)return Ar[n](e)},has(e,t){return t in e||t in Ar}}):e.proxy}var Ei=/(?:^|[-_])\w/g,Di=e=>e.replace(Ei,e=>e.toUpperCase()).replace(/[-_]/g,``);function Oi(e,t=!0){return g(e)?e.displayName||e.name:e.name||t&&e.__name}function ki(e,t,n=!1){let r=Oi(t);if(!r&&t.__file){let e=t.__file.match(/([^/\\]+)\.\w+$/);e&&(r=e[1])}if(!r&&e){let n=e=>{for(let n in e)if(e[n]===t)return n};r=n(e.components)||e.parent&&n(e.parent.type.components)||n(e.appContext.components)}return r?Di(r):n?`App`:`Anonymous`}function Ai(e){return g(e)&&`__vccOpts`in e}function ji(e,t,n){try{ei(-1);let r=arguments.length;return r===2?y(t)&&!f(t)?ri(t)?X(e,null,[t]):X(e,t):X(e,null,t):(r>3?n=Array.prototype.slice.call(arguments,2):r===3&&ri(n)&&(n=[n]),X(e,t,n))}finally{ei(1)}}function Mi(){if(process.env.NODE_ENV===`production`||typeof window>`u`)return;let e={style:`color:#3ba776`},t={style:`color:#1677ff`},n={style:`color:#f5222d`},i={style:`color:#eb2f96`},a={__vue_custom_formatter:!0,header(t){if(!y(t))return null;if(t.__isVue)return[`div`,e,`VueInstance`];if(F(t)){Ge();let n=t.value;return Ke(),[`div`,{},[`span`,e,p(t)],`<`,l(n),`>`]}return Bt(t)?[`div`,{},[`span`,e,M(t)?`ShallowReactive`:`Reactive`],`<`,l(t),`>${j(t)?` (readonly)`:``}`]:j(t)?[`div`,{},[`span`,e,M(t)?`ShallowReadonly`:`Readonly`],`<`,l(t),`>`]:null},hasBody(e){return e&&e.__isVue},body(e){if(e&&e.__isVue)return[`div`,{},...o(e.$)]}};function o(e){let t=[];e.type.props&&e.props&&t.push(s(`props`,N(e.props))),e.setupState!==r&&t.push(s(`setup`,e.setupState)),e.data!==r&&t.push(s(`data`,N(e.data)));let n=u(e,`computed`);n&&t.push(s(`computed`,n));let a=u(e,`inject`);return a&&t.push(s(`injected`,a)),t.push([`div`,{},[`span`,{style:i.style+`;opacity:0.66`},`$ (internal): `],[`object`,{object:e}]]),t}function s(e,t){return t=c({},t),Object.keys(t).length?[`div`,{style:`line-height:1.25em;margin-bottom:0.6em`},[`div`,{style:`color:#476582`},e],[`div`,{style:`padding-left:1.25em`},...Object.keys(t).map(e=>[`div`,{},[`span`,i,e+`: `],l(t[e],!1)])]]:[`span`,{}]}function l(e,r=!0){return typeof e==`number`?[`span`,t,e]:typeof e==`string`?[`span`,n,JSON.stringify(e)]:typeof e==`boolean`?[`span`,i,e]:y(e)?[`object`,{object:r?N(e):e}]:[`span`,n,String(e)]}function u(e,t){let n=e.type;if(g(n))return;let r={};for(let i in e.ctx)d(n,i,t)&&(r[i]=e.ctx[i]);return r}function d(e,t,n){let r=e[n];if(f(r)&&r.includes(t)||y(r)&&t in r||e.extends&&d(e.extends,t,n)||e.mixins&&e.mixins.some(e=>d(e,t,n)))return!0}function p(e){return M(e)?`ShallowRef`:e.effect?`ComputedRef`:`Ref`}window.devtoolsFormatters?window.devtoolsFormatters.push(a):window.devtoolsFormatters=[a]}var Ni=process.env.NODE_ENV===`production`?a:I;process.env.NODE_ENV,process.env.NODE_ENV,typeof window<`u`&&window.trustedTypes;var Pi=`transition`,Fi=`animation`,Ii=Symbol(`_vtc`),Li={name:String,type:String,css:{type:Boolean,default:!0},duration:[String,Number,Object],enterFromClass:String,enterActiveClass:String,enterToClass:String,appearFromClass:String,appearActiveClass:String,appearToClass:String,leaveFromClass:String,leaveActiveClass:String,leaveToClass:String},Ri=c({},ir,Li),zi=(e=>(e.displayName=`Transition`,e.props=Ri,e))((e,{slots:t})=>ji(cr,Hi(e),t)),Bi=(e,t=[])=>{f(e)?e.forEach(e=>e(...t)):e&&e(...t)},Vi=e=>e?f(e)?e.some(e=>e.length>1):e.length>1:!1;function Hi(e){let t={};for(let n in e)n in Li||(t[n]=e[n]);if(e.css===!1)return t;let{name:n=`v`,type:r,duration:i,enterFromClass:a=`${n}-enter-from`,enterActiveClass:o=`${n}-enter-active`,enterToClass:s=`${n}-enter-to`,appearFromClass:l=a,appearActiveClass:u=o,appearToClass:d=s,leaveFromClass:f=`${n}-leave-from`,leaveActiveClass:p=`${n}-leave-active`,leaveToClass:m=`${n}-leave-to`}=e,h=Ui(i),g=h&&h[0],_=h&&h[1],{onBeforeEnter:v,onEnter:y,onEnterCancelled:ee,onLeave:b,onLeaveCancelled:x,onBeforeAppear:S=v,onAppear:C=y,onAppearCancelled:w=ee}=t,te=(e,t,n,r)=>{e._enterCancelled=r,Ki(e,t?d:s),Ki(e,t?u:o),n&&n()},ne=(e,t)=>{e._isLeaving=!1,Ki(e,f),Ki(e,m),Ki(e,p),t&&t()},re=e=>(t,n)=>{let i=e?C:y,o=()=>te(t,e,n);Bi(i,[t,o]),qi(()=>{Ki(t,e?l:a),Gi(t,e?d:s),Vi(i)||Yi(t,r,g,o)})};return c(t,{onBeforeEnter(e){Bi(v,[e]),Gi(e,a),Gi(e,o)},onBeforeAppear(e){Bi(S,[e]),Gi(e,l),Gi(e,u)},onEnter:re(!1),onAppear:re(!0),onLeave(e,t){e._isLeaving=!0;let n=()=>ne(e,t);Gi(e,f),e._enterCancelled?(Gi(e,p),$i(e)):($i(e),Gi(e,p)),qi(()=>{e._isLeaving&&(Ki(e,f),Gi(e,m),Vi(b)||Yi(e,r,_,n))}),Bi(b,[e,n])},onEnterCancelled(e){te(e,!1,void 0,!0),Bi(ee,[e])},onAppearCancelled(e){te(e,!0,void 0,!0),Bi(w,[e])},onLeaveCancelled(e){ne(e),Bi(x,[e])}})}function Ui(e){if(e==null)return null;if(y(e))return[Wi(e.enter),Wi(e.leave)];{let t=Wi(e);return[t,t]}}function Wi(e){let t=ue(e);return process.env.NODE_ENV!==`production`&&ln(t,`<transition> explicit duration`),t}function Gi(e,t){t.split(/\s+/).forEach(t=>t&&e.classList.add(t)),(e[Ii]||(e[Ii]=new Set)).add(t)}function Ki(e,t){t.split(/\s+/).forEach(t=>t&&e.classList.remove(t));let n=e[Ii];n&&(n.delete(t),n.size||(e[Ii]=void 0))}function qi(e){requestAnimationFrame(()=>{requestAnimationFrame(e)})}var Ji=0;function Yi(e,t,n,r){let i=e._endId=++Ji,a=()=>{i===e._endId&&r()};if(n!=null)return setTimeout(a,n);let{type:o,timeout:s,propCount:c}=Xi(e,t);if(!o)return r();let l=o+`end`,u=0,d=()=>{e.removeEventListener(l,f),a()},f=t=>{t.target===e&&++u>=c&&d()};setTimeout(()=>{u<c&&d()},s+1),e.addEventListener(l,f)}function Xi(e,t){let n=window.getComputedStyle(e),r=e=>(n[e]||``).split(`, `),i=r(`${Pi}Delay`),a=r(`${Pi}Duration`),o=Zi(i,a),s=r(`${Fi}Delay`),c=r(`${Fi}Duration`),l=Zi(s,c),u=null,d=0,f=0;t===Pi?o>0&&(u=Pi,d=o,f=a.length):t===Fi?l>0&&(u=Fi,d=l,f=c.length):(d=Math.max(o,l),u=d>0?o>l?Pi:Fi:null,f=u?u===Pi?a.length:c.length:0);let p=u===Pi&&/\b(?:transform|all)(?:,|$)/.test(r(`${Pi}Property`).toString());return{type:u,timeout:d,propCount:f,hasTransform:p}}function Zi(e,t){for(;e.length<t.length;)e=e.concat(e);return Math.max(...t.map((t,n)=>Qi(t)+Qi(e[n])))}function Qi(e){return e===`auto`?0:Number(e.slice(0,-1).replace(`,`,`.`))*1e3}function $i(e){return(e?e.ownerDocument:document).body.offsetHeight}var ea=Symbol(`_vod`),ta=Symbol(`_vsh`),na={name:`show`,beforeMount(e,{value:t},{transition:n}){e[ea]=e.style.display===`none`?``:e.style.display,n&&t?n.beforeEnter(e):ra(e,t)},mounted(e,{value:t},{transition:n}){n&&t&&n.enter(e)},updated(e,{value:t,oldValue:n},{transition:r}){!t!=!n&&(r?t?(r.beforeEnter(e),ra(e,!0),r.enter(e)):r.leave(e,()=>{ra(e,!1)}):ra(e,t))},beforeUnmount(e,{value:t}){ra(e,t)}};function ra(e,t){e.style.display=t?e[ea]:`none`,e[ta]=!t}process.env.NODE_ENV;function ia(e,t,n,r){e.addEventListener(t,n,r)}var aa=e=>{let t=e.props[`onUpdate:modelValue`]||!1;return f(t)?e=>se(t,e):t};function oa(e){e.target.composing=!0}function sa(e){let t=e.target;t.composing&&(t.composing=!1,t.dispatchEvent(new Event(`input`)))}var $=Symbol(`_assign`),ca=Symbol(`_initialValue`);function la(e,t,n){return t&&(e=e.trim()),n&&(e=le(e)),e}var ua={created(e,{modifiers:{lazy:t,trim:n,number:r}},i){e.parentNode&&(e.type===`text`?e[ca]=e.defaultValue.replace(/[\r\n]/g,``):e.type===`textarea`&&(e[ca]=e.defaultValue.replace(/\r\n?/g,`
|
|
7
|
-
`))),e[$]=aa(i);let a=r||i.props&&i.props.type===`number`;ia(e,t?`change`:`input`,t=>{t.target.composing||e[$](la(e.value,n,a))}),(n||a)&&ia(e,`change`,()=>{e.value=la(e.value,n,a)}),t||(ia(e,`compositionstart`,oa),ia(e,`compositionend`,sa),ia(e,`change`,sa))},mounted(e,{value:t,modifiers:{trim:n,number:r}}){let i=t??``,a=e[ca];delete e[ca],a!==void 0&&(e.type===`text`||e.type===`textarea`)&&e.value!==a?e[$](la(e.value,n,r)):e.value=i},beforeUpdate(e,{value:t,oldValue:n,modifiers:{lazy:r,trim:i,number:a}},o){if(e[$]=aa(o),e.composing)return;let s=(a||e.type===`number`)&&!/^0\d/.test(e.value)?le(e.value):e.value,c=t??``;if(s===c)return;let l=e.getRootNode();(l instanceof Document||l instanceof ShadowRoot)&&l.activeElement===e&&e.type!==`range`&&(r&&t===n||i&&e.value.trim()===c)||(e.value=c)}},da={deep:!0,created(e,t,n){e[$]=aa(n),ia(e,`change`,()=>{let t=e._modelValue,n=_a(e),r=e.checked,i=e[$];if(f(t)){let e=Ce(t,n),a=e!==-1;if(r&&!a)i(t.concat(n));else if(!r&&a){let n=[...t];n.splice(e,1),i(n)}}else if(m(t)){let e=new Set(t);r?e.add(n):e.delete(n),i(e)}else i(va(e,r))})},mounted:fa,beforeUpdate(e,t,n){e[$]=aa(n),fa(e,t,n)}};function fa(e,{value:t,oldValue:n},r){e._modelValue=t;let i;if(f(t))i=Ce(t,r.props.value)>-1;else if(m(t))i=t.has(r.props.value);else{if(t===n)return;i=Se(t,va(e,!0))}e.checked!==i&&(e.checked=i)}var pa={created(e,{value:t},n){e.checked=Se(t,n.props.value),e[$]=aa(n),ia(e,`change`,()=>{e[$](_a(e))})},beforeUpdate(e,{value:t,oldValue:n},r){e[$]=aa(r),t!==n&&(e.checked=Se(t,r.props.value))}},ma={deep:!0,created(e,{value:t,modifiers:{number:n}},r){e._modelValue=t,ia(e,`change`,()=>{let t=Array.prototype.filter.call(e.options,e=>e.selected).map(e=>n?le(_a(e)):_a(e)),r=e.multiple,i=r?m(e._modelValue)?new Set(t):t:t[0],a=e._pendingValue=[r,r?f(i)?t.slice():t:i];try{e[$](i)}finally{Sn(()=>{e._pendingValue===a&&(e._pendingValue=void 0)})}}),e[$]=aa(r)},mounted(e,{value:t}){ga(e,t)},beforeUpdate(e,{value:t},n){e._modelValue=t,e[$]=aa(n)},updated(e,{value:t}){let n=e._pendingValue;e._pendingValue=void 0,(!n||n[0]!==e.multiple||!ha(t,n[1],n[0]))&&ga(e,t)}};function ha(e,t,n){if(!n||f(e))return Se(e,t);if(m(e)){if(e.size!==t.length)return!1;for(let n of t)if(!e.has(n))return!1;return!0}return!1}function ga(e,t){let n=e.multiple,r=f(t);if(n&&!r&&!m(t)){process.env.NODE_ENV!==`production`&&Ni(`<select multiple v-model> expects an Array or Set value for its binding, but got ${Object.prototype.toString.call(t).slice(8,-1)}.`);return}for(let i=0,a=e.options.length;i<a;i++){let a=e.options[i],o=_a(a);if(n){if(r){let e=typeof o;a.selected=e===`string`||e===`number`?t.some(e=>String(e)===String(o)):Ce(t,o)>-1}else a.selected=t.has(o)}else if(Se(_a(a),t)){e.selectedIndex!==i&&(e.selectedIndex=i);return}}!n&&e.selectedIndex!==-1&&(e.selectedIndex=-1)}function _a(e){return`_value`in e?e._value:e.value}function va(e,t){let n=t?`_trueValue`:`_falseValue`;return n in e?e[n]:t}var ya={created(e,t,n){xa(e,t,n,null,`created`)},mounted(e,t,n){xa(e,t,n,null,`mounted`)},beforeUpdate(e,t,n,r){xa(e,t,n,r,`beforeUpdate`)},updated(e,t,n,r){xa(e,t,n,r,`updated`)}};function ba(e,t){switch(e){case`SELECT`:return ma;case`TEXTAREA`:return ua;default:switch(t){case`checkbox`:return da;case`radio`:return pa;default:return ua}}}function xa(e,t,n,r,i){let a=ba(e.tagName,n.props&&n.props.type)[i];a&&a(e,t,n,r)}var Sa=[`ctrl`,`shift`,`alt`,`meta`],Ca={stop:e=>e.stopPropagation(),prevent:e=>e.preventDefault(),self:e=>e.target!==e.currentTarget,ctrl:e=>!e.ctrlKey,shift:e=>!e.shiftKey,alt:e=>!e.altKey,meta:e=>!e.metaKey,left:e=>`button`in e&&e.button!==0,middle:e=>`button`in e&&e.button!==1,right:e=>`button`in e&&e.button!==2,exact:(e,t)=>Sa.some(n=>e[`${n}Key`]&&!t.includes(n))},wa=(e,t)=>{if(!e)return e;let n=e._withMods||={},r=t.join(`.`);return n[r]||(n[r]=((n,...r)=>{for(let e=0;e<t.length;e++){let r=Ca[t[e]];if(r&&r(n,t))return}return e(n,...r)}))};function Ta(){Mi()}process.env.NODE_ENV!==`production`&&Ta();function Ea(e){return e&&(0,t.asArray)(e).some(e=>e.type!==G)}function Da(e,n={}){return e=(0,t.isString)(e)?jr()[e]:e,Ea(e?.(n))}function Oa(e){return Ht({value:e})}var ka=[`type`,`title`,`disabled`],Aa={key:0,class:`dito-button__prefix`},ja={key:1,class:`dito-button__text`},Ma={key:2,class:`dito-button__suffix`};function Na(e,t,n,r,i,a){return q(),J(`button`,Q({class:[`dito-button`,[a.classes,{"dito-button--affixed":a.hasAffixes}]],type:n.type,title:n.title,disabled:n.disabled},a.attributes),[a.hasAffixes?(q(),J(`div`,Aa,[H(e.$slots,`prefix`)])):Z(``,!0),n.text||a.hasAffixes?(q(),J(`div`,ja,[mi(E(n.text||``),1),H(e.$slots,`default`)])):Z(``,!0),a.hasAffixes?(q(),J(`div`,Ma,[H(e.$slots,`suffix`)])):Z(``,!0)],16,ka)}var Pa=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},Fa=Pa({inheritAttrs:!1,props:{type:{type:String,default:`button`},text:{type:String,default:null},title:{type:String,default:null},disabled:{type:Boolean,default:!1}},computed:{hasAffixes(){return Da(this.$slots.prefix)||Da(this.$slots.suffix)},classes(){return this.$attrs.class},attributes(){let{class:e,...t}=this.$attrs;return t}}},[[`render`,Na]]);function Ia(e){return{year:e?.getFullYear()??0,month:e?.getMonth()??0,day:e?.getDate()??0,hour:e?.getHours()??0,minute:e?.getMinutes()??0,second:e?.getSeconds()??0,millisecond:e?.getMilliseconds()??0}}function La(e,t={}){return new Date(...Object.values({...Ia(e),...t}))}function Ra(e,{locale:t=`en-US`,date:n=!0,time:r=!0}={}){let i=r?null:0,a=e?.match(/\s*\b([ap])\.?m\.?$/i);a&&(e=e.slice(0,a.index));let[o,s,c,l,u,,d=i,,f=i,,p=i,,m=i]=Ba(e,{date:n,time:r});if(u&&u.length>=4){if((t===`en-US`&&s===`/`&&l===`/`||isNaN(+o)&&!isNaN(+c))&&([o,c]=[c,o]),a&&d!==null){let e=a[1].toLowerCase()===`p`;d=d%12+(e?12:0),d=String(d).padStart(2,`0`)}c=Va(c,{locale:t});let e=e=>e===null||e.length===2;if(c!==null&&(!r||e(d)&&e(f)&&e(p))){let e=new Date(+u,+c,+o,+d,+f,+p,+m);return e.getMonth()===+c&&e.getDate()===+o?e:null}}return null}function za(e,t,{locale:n=`en-US`,date:r=!0,time:i=!0}={}){let a=Ba(e,{date:r,time:i}),o=(e,t=a.length)=>{let n=0,r=0;for(;(e===null||n<=e)&&r<t;)n+=a[r++]?.length??0;return{position:n,index:r}},s=r?0:o(null,6).position;t+=s;let{index:c}=o(t),l=n===`en-US`,u=[l?`month`:`day`,null,l?`day`:`month`,null,`year`,null,`hour`,null,`minute`,null,`second`,null,`millisecond`];for(;c--;)if(u[c]){let e=o(null,c).position-s,t=e+a[c].length;return{name:u[c],start:e,end:t}}return null}function Ba(e,{date:t=!0,time:n=!0}={}){let r=e?.split(/([\s.,:/]+)/)||[];return t||r.unshift(`1`,`.`,`1`,`.`,`2000`,` `),!n&&r.length>5&&(r.length=5),r}function Va(e,{locale:t=`en-US`}={}){let n=+e;if(!isNaN(n))return n-1;let r=e.trim().toLowerCase();if(r.length<3)return null;let i=new Intl.DateTimeFormat(t,{month:`short`}),a=new Intl.DateTimeFormat(t,{month:`long`});for(let e=0;e<12;e++){let t=new Date(2e3,e,1);if(i.format(t).toLowerCase().startsWith(r)||a.format(t).toLowerCase().startsWith(r))return e}return null}var Ha={class:`dito-calendar`,role:`dialog`,"aria-label":`Choose date`},Ua={class:`dito-calendar-popup`},Wa={class:`dito-calendar-inner`},Ga={class:`dito-calendar-header`},Ka={class:`dito-calendar-body`},qa={class:`dito-calendar-weekdays`},Ja={class:`dito-calendar-dates`,role:`grid`},Ya=[`aria-label`,`aria-selected`,`aria-disabled`,`onClick`],Xa={class:`dito-calendar-footer`},Za=[`aria-label`,`title`],Qa={class:`dito-calendar-header`},$a={class:`dito-calendar-body`},eo={class:`dito-calendar-months`,role:`listbox`,"aria-label":`Month`},to=[`aria-label`,`aria-selected`,`onClick`],no={class:`dito-calendar-header`},ro={class:`dito-calendar-body`},io={class:`dito-calendar-years`,role:`listbox`,"aria-label":`Year`},ao=[`aria-label`,`aria-selected`,`onClick`];function oo(e,t,n,r,i,a){return q(),J(`div`,Ha,[Y(`div`,Ua,[Y(`div`,Wa,[i.currentMode===`day`?(q(),J(W,{key:0},[Y(`div`,Ga,[Y(`a`,{class:`dito-calendar-step-prev dito-calendar-step-year`,role:`button`,tabindex:`0`,"aria-label":`Previous year`,onClick:t[0]||=e=>a.stepYear(-1)}),Y(`a`,{class:`dito-calendar-step-prev dito-calendar-step-month`,role:`button`,tabindex:`0`,"aria-label":`Previous month`,onClick:t[1]||=e=>a.stepMonth(-1)}),Y(`span`,null,[Y(`a`,{class:`dito-calendar-select-year`,role:`button`,tabindex:`0`,"aria-label":`Switch to year selection`,onClick:t[2]||=e=>a.setMode(`year`)},E(a.dateToString(i.currentValue,{year:!0})),1),Y(`a`,{class:`dito-calendar-select-month`,role:`button`,tabindex:`0`,"aria-label":`Switch to month selection`,onClick:t[3]||=e=>a.setMode(`month`)},E(a.dateToString(i.currentValue,{month:!0})),1)]),Y(`a`,{class:`dito-calendar-step-next dito-calendar-step-month`,role:`button`,tabindex:`0`,"aria-label":`Next month`,onClick:t[4]||=e=>a.stepMonth(1)}),Y(`a`,{class:`dito-calendar-step-next dito-calendar-step-year`,role:`button`,tabindex:`0`,"aria-label":`Next year`,onClick:t[5]||=e=>a.stepYear(1)})]),Y(`div`,Ka,[Y(`div`,qa,[(q(!0),J(W,null,Tr(i.weekdayNames,e=>(q(),J(`span`,null,E(e.short),1))),256))]),Y(`div`,Ja,[(q(!0),J(W,null,Tr(i.dateRange,e=>(q(),J(`span`,{class:T(e.state&&`dito-calendar-item-${e.state}`),role:`gridcell`,"aria-label":a.dateToString(e.date),"aria-selected":e.state===`active`,"aria-disabled":e.state===`disabled`,onClick:t=>e.state!==`disabled`&&a.selectDate(e.date)},E(e.text),11,Ya))),256))])]),Y(`div`,Xa,[Y(`a`,{class:`dito-calendar-select-now`,role:`button`,tabindex:`0`,"aria-label":`Select today (${a.dateToString(new Date)})`,title:a.dateToString(new Date),onClick:t[6]||=e=>a.selectDate(new Date)},null,8,Za)])],64)):i.currentMode===`month`?(q(),J(W,{key:1},[Y(`div`,Qa,[Y(`a`,{class:`dito-calendar-step-prev`,role:`button`,tabindex:`0`,"aria-label":`Previous year`,onClick:t[7]||=e=>a.stepYear(-1)}),Y(`span`,null,[Y(`a`,{class:`dito-calendar-select-year`,role:`button`,tabindex:`0`,"aria-label":`Switch to year selection`,onClick:t[8]||=e=>a.setMode(`year`)},E(a.dateToString(i.currentValue,{year:!0})),1)]),Y(`a`,{class:`dito-calendar-step-next`,role:`button`,tabindex:`0`,"aria-label":`Next year`,onClick:t[9]||=e=>a.stepYear(1)})]),Y(`div`,$a,[Y(`div`,eo,[(q(!0),J(W,null,Tr(i.monthNames,(e,t)=>(q(),J(`span`,{class:T(a.getMonthClass(t)),role:`option`,"aria-label":e.long,"aria-selected":a.getMonthClass(t)[`dito-calendar-item-active`],onClick:e=>a.selectMonth(t)},E(e.short),11,to))),256))])])],64)):i.currentMode===`year`?(q(),J(W,{key:2},[Y(`div`,no,[Y(`a`,{class:`dito-calendar-step-prev`,role:`button`,tabindex:`0`,"aria-label":`Previous decade`,onClick:t[10]||=e=>a.stepDecade(-1)}),Y(`span`,null,E(a.decadeToString(i.currentValue)),1),Y(`a`,{class:`dito-calendar-step-next`,role:`button`,tabindex:`0`,"aria-label":`Next decade`,onClick:t[11]||=e=>a.stepDecade(1)})]),Y(`div`,ro,[Y(`div`,io,[(q(!0),J(W,null,Tr(i.yearRange,e=>(q(),J(`span`,{class:T(a.getYearClass(e)),role:`option`,"aria-label":String(e),"aria-selected":a.getYearClass(e)[`dito-calendar-item-active`],onClick:t=>a.selectYear(e)},E(e),11,ao))),256))])])],64)):Z(``,!0)])])])}var so={emits:[`update:modelValue`,`select`],props:{modelValue:{type:Date,default:null},locale:{type:String,default:`en-US`},disabledDate:{type:Function,default:()=>!1},mode:{type:String,default:`day`}},data(){let{weekdayNames:e,monthNames:t}=lo(this.locale);return{weekdayNames:e,monthNames:t,dateRange:[],yearRange:[],currentValue:this.modelValue||La(new Date,{hour:0,minute:0,second:0,millisecond:0}),currentMode:this.mode}},watch:{modelValue(e,t){+e!=+t&&(this.currentValue=e||new Date,this.updateDateRange())},currentValue(e,t){+e!=+t&&this.updateDateRange()},disabledDate:`updateDateRange`,mode(e){this.currentMode=e}},mounted(){this.updateDateRange()},methods:{getMonthClass(e){return{"dito-calendar-item-active":this.modelValue&&e===this.modelValue.getMonth()&&this.currentValue.getFullYear()===this.modelValue.getFullYear(),"dito-calendar-item-current":e===this.currentValue.getMonth()}},getYearClass(e){return{"dito-calendar-item-active":this.modelValue&&e===this.modelValue.getFullYear(),"dito-calendar-item-current":e===this.currentValue.getFullYear()}},setDate(e,t=!1){this.currentValue=La(this.currentValue,e),t&&this.$emit(`update:modelValue`,this.currentValue)},stepDecade(e){this.setDate({year:this.currentValue.getFullYear()+e*10})},setMode(e){this.currentMode=e},stepMonth(e){let{currentValue:t}=this,{year:n,month:r}=this.getYearMonth(t.getFullYear(),t.getMonth()+e);this.setDate({month:r,day:Math.min(this.getDaysInMonth(n,r),this.currentValue.getDate())})},stepYear(e){this.setDate({year:this.currentValue.getFullYear()+e})},selectDate(e){this.setDate(Ia(e),!0),this.$emit(`select`)},selectMonth(e){this.setMode(`day`),this.setDate({month:e,day:1},!0)},selectYear(e){this.setMode(`month`),this.setDate({year:e},!0)},getYearMonth(e,t){return t>11?(e++,t=0):t<0&&(e--,t=11),{year:e,month:t}},dateToString(e,{year:t,month:n,day:r}={year:!0,month:!0,day:!0}){return e.toLocaleString(this.locale,{year:t&&`numeric`,month:n&&`long`,day:r&&`numeric`})},decadeToString(e){let t=this.getFirstYearOfDecade(e.getFullYear());return`${t} – ${t+9}`},getDaysInMonth(e,t){return new Date(e,t+1,0).getDate()},getFirstYearOfDecade(e){return+`${e.toString().slice(0,-1)}0`},navigate({step:e,enter:t,mode:n=this.currentMode,update:r=!1}){let{currentValue:i}=this;if(e){switch(n){case`day`:this.setDate({day:i.getDate()+e},r);break;case`month`:this.setDate({month:i.getMonth()+e},r);break;case`year`:this.setDate({year:i.getFullYear()+e},r)}return!0}if(t){switch(this.currentMode){case`day`:this.selectDate(i);break;case`month`:this.setMode(`day`);break;case`year`:this.setMode(`month`)}return!0}},updateDateRange(){this.dateRange=[],this.yearRange=[];let{currentValue:e}=this,t=e.getFullYear(),n=e.getMonth(),r=this.getFirstYearOfDecade(t);for(let e=0;e<10;e++)this.yearRange.push(r+e);let i=new Date(t,n,1).getDay()+1;i===0&&(i=7);let a=this.getDaysInMonth(t,n);if(i>1){let e=this.getYearMonth(t,n-1),r=this.getDaysInMonth(e.year,e.month);for(let t=1;t<i;t++){let n=r-i+t+1,a=new Date(e.year,e.month,n);this.dateRange.push({text:n,date:a,state:this.disabledDate(a)?`disabled`:`gray`})}}let o=new Date;for(let r=1;r<=a;r++){let i=new Date(t,n,r),a=e=>e&&e.getDate()===r&&e.getFullYear()===t&&e.getMonth()===n,s=a(this.modelValue)?`active`:a(o)?`today`:this.disabledDate(i)?`disabled`:a(e)?`current`:null;this.dateRange.push({text:r,date:i,state:s})}let s=42-this.dateRange.length;if(s>0){let e=this.getYearMonth(t,n+1);for(let t=1;t<=s;t++){let n=new Date(e.year,e.month,t),r=this.disabledDate(n)?`disabled`:`gray`;this.dateRange.push({text:t,date:n,state:r})}}}}},co={};function lo(e){let t=co[e];if(!t){let n=[];for(let t=0;t<7;t++){let r=new Date(0,0,t);n.push({long:r.toLocaleString(e,{weekday:`long`}),short:r.toLocaleString(e,{weekday:`short`})})}let r=[];for(let t=1;t<=12;t++){let n=new Date(0,t,0);r.push({long:n.toLocaleString(e,{month:`long`}),short:n.toLocaleString(e,{month:`short`})})}t=co[e]={weekdayNames:n,monthNames:r}}return t}var uo=Pa(so,[[`render`,oo]]);function fo(e,n){e=e instanceof NodeList?Array.from(e):(0,t.asArray)(e);for(let[t,r]of Object.entries(n))for(let n of e)n.addEventListener(t,r,!1);return{remove(){for(let[t,r]of Object.entries(n))for(let n of e)n.removeEventListener(t,r,!1)}}}function po(...e){return{remove(){for(let t of e)t.remove()}}}function mo(e){return{37:`left`,38:`up`,39:`right`,40:`down`,13:`enter`}[e?.keyCode]}function ho(e){let t=mo(e);return{hor:{left:-1,right:1}[t]||0,ver:{up:-1,down:1}[t]||0,enter:t===`enter`}}function go(e){let n=(0,t.isString)(e.target)?e.$refs[e.target]:e.target;return n?.$el??n}var _o={class:`dito-trigger-container`};function vo(e,t,n,r,i,a){return q(),J(`div`,_o,[n.alwaysShow?(q(),J(`div`,{key:0,class:T([`dito-trigger`,a.triggerClass]),ref:`trigger`},[H(e.$slots,`trigger`)],2)):n.trigger===`click`?(q(),J(`div`,{key:1,class:T([`dito-trigger`,a.triggerClass]),ref:`trigger`,onClick:t[0]||=(...e)=>a.onClick&&a.onClick(...e)},[H(e.$slots,`trigger`)],2)):n.trigger===`hover`?(q(),J(`div`,{key:2,class:T([`dito-trigger`,a.triggerClass]),ref:`trigger`,onMouseenter:t[1]||=e=>a.onHover(!0),onMouseleave:t[2]||=e=>a.onHover(!1)},[H(e.$slots,`trigger`)],34)):n.trigger===`focus`||n.trigger===`always`?(q(),J(`div`,{key:3,class:T([`dito-trigger`,a.triggerClass]),ref:`trigger`},[H(e.$slots,`trigger`)],2)):Z(``,!0),X(zi,{name:`dito-${n.transition}`},{default:z(()=>[n.trigger===`hover`?qn((q(),J(`div`,{key:0,class:T([`dito-popup`,a.popupClass]),ref:`popup`,style:pe(a.popupStyle),onMouseenter:t[3]||=e=>a.onHover(!0),onMouseleave:t[4]||=e=>a.onHover(!1)},[i.showPopup?H(e.$slots,`popup`,{},void 0,void 0,0):Z(``,!0)],38)),[[na,i.showPopup]]):qn((q(),J(`div`,{key:1,class:T([`dito-popup`,a.popupClass]),ref:`popup`,style:pe(a.popupStyle)},[i.showPopup?H(e.$slots,`popup`,{},void 0,void 0,0):Z(``,!0)],6)),[[na,i.showPopup]])]),_:3},8,[`name`])])}var yo=Pa({emits:[`update:show`],props:{trigger:{type:String,default:`click`},transition:{type:String,default:`slide`},placement:{type:String,default:`bottom`},show:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},target:{type:[String,HTMLElement],default:null},customClass:{type:String,default:null},zIndex:{type:Number,default:0},keepInView:{type:Boolean,default:!0},hideWhenClickOutside:{type:Boolean,default:!0},alwaysShow:{type:Boolean,default:!1},cover:{type:Boolean,default:!1},hideDelay:{type:Number,default:0}},data(){return{showPopup:this.show,popupPlacement:this.placement,focusEvents:null,closeEvents:null,popupEvents:null,blurTimer:null,mouseLeaveTimer:null}},computed:{triggerClass(){return{"dito-trigger-disabled":this.disabled}},popupClass(){let e={[`dito-popup-${(0,t.hyphenate)(this.placement)}`]:!0};return this.customClass&&(e[this.customClass]=!0),e},popupStyle(){return this.zIndex?`z-index: ${this.zIndex}`:``},triggerTarget(){return go(this)}},watch:{show(e){this.showPopup=e||this.alwaysShow},showPopup(e,t){e^t&&(this.$emit(`update:show`,e),this.$nextTick(()=>this.onShowPopup(e)))}},mounted(){let{trigger:e,popup:t}=this.$refs;this.trigger===`focus`&&(this.focusEvents=this.addFocusEvents(this.triggerTarget??e)),this.hideWhenClickOutside&&!this.alwaysShow&&(this.closeEvents=fo(window,{mouseup:n=>{this.showPopup&&!t.contains(n.target)&&!e.contains(n.target)&&!this.triggerTarget?.contains(n.target)&&(this.showPopup=!1)},blur:()=>{this.showPopup=!1}})),this.alwaysShow&&(this.showPopup=!0)},created(){this.showPopup=this.show},unmounted(){this.focusEvents?.remove(),this.closeEvents?.remove(),this.popupEvents?.remove()},methods:{isPopupFocused(){return!!this.$refs.popup?.matches(`:focus-within`)},updatePosition(){let{trigger:e,popup:t}=this.$refs;if(this.show&&t.offsetWidth===0){setTimeout(()=>this.updatePosition(),0);return}let n=this.triggerTarget??e,r=this.target===`popup`?e:t.firstElementChild;r&&(r.style.width=getComputedStyle(n).width);let i=n.getBoundingClientRect(),a=i.left+window.scrollX,o=i.top+window.scrollY,s=i.width,c=i.height,l=t.offsetWidth,u=t.offsetHeight,[d,f]=this.popupPlacement.split(`-`)||[];if(this.keepInView){let e=window.innerWidth,t=window.innerHeight;d===`top`?o<u&&(d=`bottom`):d===`bottom`?t-o-c<u&&(d=`top`):d===`left`?a<l&&(d=`right`):d===`right`&&e-a-s<l&&(d=`left`),f===`top`?t-o<u&&(f=`bottom`):f===`bottom`?o+c<u&&(f=`top`):f===`left`?e-a<l&&(f=`right`):f===`right`&&a+s<l&&(f=`left`)}let p=0,m=0;switch(d){case`top`:m-=u;break;case`left`:p-=l;break;case`right`:p+=s;break;case`bottom`:m+=c}switch(f){case`right`:p-=l-s;break;case`bottom`:m-=u-c}if(this.cover&&(d===`top`?m+=c:d===`bottom`&&(m-=c)),n!==e){let t=e.getBoundingClientRect();p+=a-t.left,m+=o-t.top}t.style.left=`${p}px`,t.style.top=`${m}px`},addFocusEvents(e){let t=e.querySelectorAll(`input, textarea`),n;return po(fo(t,{focus:()=>{this.showPopup=!0,clearTimeout(this.blurTimer)},blur:()=>{this.blurTimer=setTimeout(()=>{this.isPopupFocused()||(this.showPopup=!1)},0)}}),fo(e,{mousedown:e=>{e.target.matches(`input, textarea, button`)||(e.preventDefault(),e.stopPropagation()),e.target.matches(`.dito-button-clear`)||(n=(this.triggerTarget??this.$refs.trigger).querySelector(`input, textarea`),n&&!n.hasAttribute(`readonly`)?n.setAttribute(`readonly`,`true`):n=null)},mouseup:e=>{n&&setTimeout(()=>{n.removeAttribute(`readonly`),!e.target.matches(`input, textarea, button`)&&this.isPopupFocused()&&n.focus(),n=null},0)}}))},onShowPopup(e){e?(this.trigger===`focus`&&(this.popupEvents=this.addFocusEvents(this.$refs.popup)),this.updatePosition()):(this.popupEvents?.remove(),this.popupEvents=null)},onClick(){this.disabled||(this.showPopup=!0)},onHover(e){this.disabled||(clearTimeout(this.mouseLeaveTimer),e?this.showPopup=!0:this.hideDelay?this.mouseLeaveTimer=setTimeout(()=>{this.showPopup=!1},this.hideDelay):this.showPopup=!1)}}},[[`render`,vo]]),bo=[`id`,`type`,`name`,`title`,`disabled`,`readonly`,`autofocus`,`placeholder`,`autocomplete`,`aria-label`];function xo(e,t,n,r,i,a){return q(),J(`div`,{class:T([`dito-input`,a.classes]),onMousedown:t[2]||=(...e)=>a.onMouseDown&&a.onMouseDown(...e)},[H(e.$slots,`prefix`),qn(Y(`input`,Q({id:n.id,ref:`input`,"onUpdate:modelValue":t[0]||=e=>i.currentValue=e,type:n.type,name:n.name,title:n.title,disabled:n.disabled,readonly:n.readonly,autofocus:n.autofocus,placeholder:n.placeholder,autocomplete:n.autocomplete,"aria-label":n.title},a.attributes,{onMousedown:t[1]||=(...e)=>a.onMouseDown&&a.onMouseDown(...e)}),null,16,bo),[[ya,i.currentValue]]),H(e.$slots,`suffix`)],34)}var So=Pa({emits:[`update:modelValue`],inheritAttrs:!1,props:{modelValue:{type:[String,Number],default:null},type:{type:String,default:`text`},id:{type:String,default:null},name:{type:String,default:null},title:{type:String,default:null},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},autofocus:{type:Boolean,default:!1},focused:{type:Boolean,default:!1},placeholder:{type:String,default:null},autocomplete:{type:String,default:`off`}},data(){return{currentValue:this.modelValue}},computed:{classes(){return[this.$attrs.class,{"dito-input--focus":this.focused}]},attributes(){let{class:e,...t}=this.$attrs;return t},input(){return this.$refs.input},size(){let{size:e,min:t,max:n}=this.$attrs,r=e=>e==null?0:`${e}`.length;return e||r(t)||r(n)||void 0}},watch:{modelValue(e,t){e!==t&&(this.currentValue=e)},currentValue(e){e!==this.modelValue&&this.$emit(`update:modelValue`,e)}},methods:{focus(){this.input.focus()},blur(){this.input.blur()},onMouseDown(e){e.target===this.input?e.stopPropagation():!this.disabled&&!this.readonly&&(this.focus(),e.preventDefault())}}},[[`render`,xo]]);function Co(e,t,n,r,i,a){return q(),J(`i`,{class:T([`dito-icon`,a.classes])},null,2)}var wo=Pa({props:{name:{type:String,required:!0},disabled:{type:Boolean,default:!1}},computed:{classes(){let e=`dito-icon`;return{[`${e}--${this.name}`]:!0,[`${e}--disabled`]:this.disabled}}}},[[`render`,Co]]);function To(e,{start:t,end:n}){e?.setSelectionRange&&(e.focus(),e.setSelectionRange(t,n))}function Eo(e){return e&&`selectionStart`in e?{start:e.selectionStart,end:e.selectionEnd}:null}function Do(e,t,n,r,i,a){let o=V(`DitoIcon`),s=V(`DitoInput`),c=V(`DitoCalendar`),l=V(`DitoTrigger`);return q(),ni(l,Q({class:`dito-date-picker`,ref:`trigger`,show:i.showPopup,"onUpdate:show":t[7]||=e=>i.showPopup=e,trigger:`focus`},{transition:n.transition,placement:n.placement,disabled:n.disabled,target:n.target}),{trigger:z(()=>[e.$slots.trigger?H(e.$slots,`trigger`,{},void 0,void 0,0):(q(),ni(s,Q({key:1,class:`dito-date-picker-input`,ref:`input`,modelValue:a.currentText,"onUpdate:modelValue":t[1]||=e=>a.currentText=e,type:`text`},{placeholder:n.placeholder,disabled:n.disabled,focused:a.focused,...e.$attrs},{onFocus:t[2]||=e=>a.onFocus(!0),onBlur:t[3]||=e=>a.onFocus(!1),onKeydown:a.onKeyDown,onMousedown:t[4]||=wa(e=>a.onMouseDown(!1),[`stop`])}),{prefix:z(()=>[H(e.$slots,`prefix`)]),suffix:z(()=>[X(o,{name:`calendar`,disabled:n.disabled,onMousedown:t[0]||=wa(e=>a.onMouseDown(!0),[`prevent`])},null,8,[`disabled`]),H(e.$slots,`suffix`)]),_:3},16,[`modelValue`,`onKeydown`]))]),popup:z(()=>[X(c,Q({class:`dito-date-picker-popup`,ref:`calendar`,modelValue:i.currentValue,"onUpdate:modelValue":t[5]||=e=>i.currentValue=e},{locale:n.locale,disabledDate:n.disabledDate},{onSelect:t[6]||=e=>i.showPopup=!1}),null,16,[`modelValue`])]),_:3},16,[`show`])}var Oo=Pa({components:{DitoTrigger:yo,DitoCalendar:uo,DitoInput:So,DitoIcon:wo},emits:[`update:modelValue`,`update:show`,`change`,`focus`,`blur`],inheritAttrs:!1,props:{modelValue:{type:Date,default:null},transition:{type:String,default:`slide`},placement:{type:String,default:`bottom-left`},placeholder:{type:String,default:null},show:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},target:{type:[String,HTMLElement],default:`trigger`},locale:{type:String,default:`en-US`},format:{type:Object,default:()=>({date:t.defaultFormats.date,time:!1})},disabledDate:{type:Function,default:()=>!1}},data(){return{currentValue:this.modelValue,showPopup:this.show,inputFocused:!1}},computed:{focused(){return this.inputFocused||this.showPopup},input(){return go(this)?.querySelector(`input`)},formatOptions(){return{locale:this.locale,...this.format}},currentText:{get(){return(0,t.format)(this.currentValue,this.formatOptions)||``},set(e){let t=Ra(e,this.formatOptions);t&&(this.currentValue=t)}}},watch:{modelValue(e,t){+e!=+t&&(this.currentValue=e)},currentValue(e){+e!=+this.modelValue&&(this.$emit(`update:modelValue`,e),this.$emit(`change`,e))},show(e){this.showPopup=e},showPopup(e,t){e^t&&this.$emit(`update:show`,e)},focused(e,t){e^t&&this.$emit(e?`focus`:`blur`)}},methods:{onFocus(e){this.inputFocused=e,this.showPopup=e},onKeyDown(e){if(e.key===`Escape`){this.showPopup=!1,e.preventDefault();return}let{ver:t,enter:n}=ho(e);if(t||n){e.preventDefault();let r=Eo(this.input)?.start,i=e=>za(this.currentText,e,this.formatOptions);if(t&&!this.showPopup)this.showPopup=!0;else{let{calendar:e}=this.$refs;if(e){let{name:a,start:o}=i(r)||{};a&&e.navigate({step:t,enter:n,mode:a,update:!0})&&this.$nextTick(()=>To(this.input,i(o)))}}}},onMouseDown(e){this.showPopup=!this.disabled&&(!e||!this.showPopup),this.showPopup&&this.focus()},focus(){this.input.focus()},blur(){this.input.blur()}}},[[`render`,Do]]),ko={class:`dito-time-picker-popup`,role:`dialog`,"aria-label":`Choose time`},Ao={class:`dito-time-picker-panel`},jo={class:`dito-time-picker-hour`,ref:`hour`,role:`listbox`,"aria-label":`Hour`},Mo=[`aria-label`,`aria-selected`,`onClick`],No={class:`dito-time-picker-panel`},Po={class:`dito-time-picker-minute`,ref:`minute`,role:`listbox`,"aria-label":`Minute`},Fo=[`aria-label`,`aria-selected`,`onClick`],Io={class:`dito-time-picker-panel`},Lo={class:`dito-time-picker-second`,ref:`second`,role:`listbox`,"aria-label":`Second`},Ro=[`aria-label`,`aria-selected`,`onClick`];function zo(e,t,n,r,i,a){let o=V(`DitoIcon`),s=V(`DitoInput`),c=V(`DitoTrigger`);return q(),ni(c,Q({class:`dito-time-picker`,ref:`trigger`,show:i.showPopup,"onUpdate:show":t[5]||=e=>i.showPopup=e,trigger:`focus`},{transition:n.transition,placement:n.placement,disabled:n.disabled,target:n.target}),{trigger:z(()=>[e.$slots.trigger?H(e.$slots,`trigger`,{},void 0,void 0,0):(q(),ni(s,Q({key:1,class:`dito-time-picker-input`,ref:`input`,modelValue:a.currentText,"onUpdate:modelValue":t[1]||=e=>a.currentText=e,type:`text`},{placeholder:n.placeholder,disabled:n.disabled,focused:a.focused,...e.$attrs},{onFocus:t[2]||=e=>a.onFocus(!0),onBlur:t[3]||=e=>a.onFocus(!1),onKeydown:a.onKeyDown,onMousedown:t[4]||=wa(e=>a.onMouseDown(!1),[`stop`])}),{prefix:z(()=>[H(e.$slots,`prefix`)]),suffix:z(()=>[X(o,{name:`clock`,disabled:n.disabled,onMousedown:t[0]||=wa(e=>a.onMouseDown(!0),[`prevent`])},null,8,[`disabled`]),H(e.$slots,`suffix`)]),_:3},16,[`modelValue`,`onKeydown`]))]),popup:z(()=>[Y(`div`,ko,[Y(`div`,Ao,[Y(`ul`,jo,[(q(),J(W,null,Tr(24,e=>(q(),J(W,null,[n.disabledHour(e-1)?Z(``,!0):(q(),J(`li`,{key:0,role:`option`,"aria-label":a.leftPad(e-1),"aria-selected":a.hour===e-1,class:T({selected:a.hour===e-1}),onClick:t=>a.hour=e-1},E(a.leftPad(e-1)),11,Mo))],64))),64))],512)]),Y(`div`,No,[Y(`ul`,Po,[(q(),J(W,null,Tr(60,e=>(q(),J(W,null,[n.disabledMinute(e-1)?Z(``,!0):(q(),J(`li`,{key:0,role:`option`,"aria-label":a.leftPad(e-1),"aria-selected":a.minute===e-1,class:T({selected:a.minute===e-1}),onClick:t=>a.minute=e-1},E(a.leftPad(e-1)),11,Fo))],64))),64))],512)]),Y(`div`,Io,[Y(`ul`,Lo,[(q(),J(W,null,Tr(60,e=>(q(),J(W,null,[n.disabledSecond(e-1)?Z(``,!0):(q(),J(`li`,{key:0,role:`option`,"aria-label":a.leftPad(e-1),"aria-selected":a.second===e-1,class:T({selected:a.second===e-1}),onClick:t=>a.second=e-1},E(a.leftPad(e-1)),11,Ro))],64))),64))],512)])])]),_:3},16,[`show`])}var Bo=Pa({components:{DitoTrigger:yo,DitoInput:So,DitoIcon:wo},emits:[`update:modelValue`,`update:show`,`change`,`focus`,`blur`],inheritAttrs:!1,props:{modelValue:{type:Date,default:null},transition:{type:String,default:`slide`},placement:{type:String,default:`bottom-left`},placeholder:{type:String,default:null},show:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},target:{type:[String,HTMLElement],default:`trigger`},locale:{type:String,default:`en-US`},format:{type:Object,default:()=>({time:t.defaultFormats.time,date:!1})},disabledHour:{type:Function,default:()=>!1},disabledMinute:{type:Function,default:()=>!1},disabledSecond:{type:Function,default:()=>!1}},data(){return{currentValue:this.modelValue,showPopup:this.show,inputFocused:!1,ignoreNextChange:!1}},computed:{focused(){return this.inputFocused||this.showPopup},input(){return go(this)?.querySelector(`input`)},formatOptions(){return{locale:this.locale,...this.format}},currentText:{get(){return(0,t.format)(this.currentValue,this.formatOptions)||``},set(e){let t=Ra(e,this.formatOptions);t&&(this.currentValue=t)}},currentDate(){return this.currentValue||La(new Date,{hour:0,minute:0,second:0,millisecond:0})},hour:{get(){return this.currentDate.getHours()},set(e){this.setTime({hour:e})}},minute:{get(){return this.currentDate.getMinutes()},set(e){this.setTime({minute:e})}},second:{get(){return this.currentDate.getSeconds()},set(e){this.setTime({second:e})}}},watch:{modelValue(e,t){+e!=+t&&(this.currentValue=e,this.scrollAll(!0))},currentValue(e){+e!=+this.modelValue&&(this.$emit(`update:modelValue`,e),this.$emit(`change`,e),this.scrollAll(!0))},currentText(){let{input:e}=this,t=Eo(e);this.focused&&!this.ignoreNextChange&&t.start===t.end&&this.$nextTick(()=>To(e,t)),this.ignoreNextChange=!1},show(e){this.showPopup=e},showPopup(e,t){e&&this.scrollAll(!1),e^t&&this.$emit(`update:show`,e)},focused(e,t){e^t&&this.$emit(e?`focus`:`blur`)}},methods:{leftPad(e){return(`0`+e).slice(-2)},setTime(e){this.currentValue=La(this.currentDate,{...e,millisecond:0})},scrollAll(e){let t=(t,n)=>{let r=this.$refs[t];if(r){let t=r.scrollHeight/(r.childElementCount+6),i=Math.round(n*t),a=Math.abs(r.scrollTop-i);r.scrollTo({top:i,behavior:e&&a<100?`smooth`:`auto`})}};this.$nextTick(()=>{t(`hour`,this.hour),t(`minute`,this.minute),t(`second`,this.second)})},onFocus(e){this.inputFocused=e,this.showPopup=e},onKeyDown(e){if(e.key===`Escape`){this.showPopup=!1,e.preventDefault();return}let{input:n}=this,r=Eo(n),{ver:i,enter:a}=ho(e);if(i||a){e.preventDefault();let t=e=>za(this.currentText,e,this.formatOptions);if(i){if(!this.showPopup)this.showPopup=!0;else{let{name:e,start:a}=t(r.start)||{};if(e){let r=this[e]+i,o=this.$refs[e].childElementCount;this[e]=r<0?r+o:r>=o?r-o:r,this.ignoreNextChange=!0,this.$nextTick(()=>To(n,t(a)))}}}else a&&(this.showPopup=!1)}else if(r.start===r.end){let{value:i}=n,a=r.start,o=e=>!isNaN(Number(e));if(e.key.length===1){if(o(e.key)&&a<i.length)i[a]===`:`&&o(i[a-1])&&o(i[a-2])&&a++,o(i[a])&&(o(i[a+1])||o(i[a-1]))&&(n.value=i.slice(0,a)+i.slice(a+1),To(n,{start:a,end:a}));else{let a=(0,t.format)(this.currentValue,this.formatOptions).length;i.length===a?e.preventDefault():i.length>a&&(n.value=i.slice(0,a),To(n,r),e.preventDefault())}}else e.key===`Backspace`&&(a===1||[` `,`:`].includes(i[a-2]))&&(a===i.length||i[a]===`:`?(a--,n.value=i.slice(0,a)+((i[a-1]??``)+`00`)+i.slice(a+1),To(n,{start:a,end:a})):o(i[a])&&!o(+i[a+1])&&(n.value=i.slice(0,a)+`0`+i.slice(a),To(n,{start:a,end:a})))}},onMouseDown(e){this.showPopup=!this.disabled&&(!e||!this.showPopup),this.showPopup&&this.focus()},focus(){this.input.focus()},blur(){this.input.blur()}}},[[`render`,zo]]),Vo={class:`dito-date-time-picker`,ref:`picker`};function Ho(e,t,n,r,i,a){let o=V(`DitoIcon`),s=V(`DitoInput`),c=V(`DitoDatePicker`),l=V(`DitoTimePicker`);return q(),J(`div`,Vo,[Y(`div`,{class:T([`dito-date-time-picker__inner`,{"dito-date-time-picker__inner--focus":a.focused}])},[X(s,Q({class:`dito-date-time-picker__input`,ref:`input`,modelValue:a.currentText,"onUpdate:modelValue":t[1]||=e=>a.currentText=e,type:`text`},{placeholder:n.placeholder,disabled:n.disabled,focused:a.focused,...e.$attrs},{onFocus:t[2]||=e=>a.onFocus(!0),onBlur:t[3]||=e=>a.onFocus(!1),onKeydown:a.onKeyDown,onMousedown:t[4]||=wa(e=>a.onMouseDown(!1),[`stop`])}),{prefix:z(()=>[H(e.$slots,`prefix`)]),suffix:z(()=>[X(o,{name:`calendar`,disabled:n.disabled,onMousedown:t[0]||=wa(e=>a.onMouseDown(!0),[`prevent`])},null,8,[`disabled`]),H(e.$slots,`suffix`)]),_:3},16,[`modelValue`,`onKeydown`]),X(c,Q({ref:`date`,modelValue:i.currentValue,"onUpdate:modelValue":t[5]||=e=>i.currentValue=e,show:i.showDate,"onUpdate:show":t[6]||=e=>i.showDate=e,placement:`bottom-left`,target:e.$refs.picker},a.attributes),{trigger:z(()=>[...t[9]||=[]]),_:1},16,[`modelValue`,`show`,`target`]),X(l,Q({ref:`time`,modelValue:i.currentValue,"onUpdate:modelValue":t[7]||=e=>i.currentValue=e,show:i.showTime,"onUpdate:show":t[8]||=e=>i.showTime=e,placement:`bottom-right`,target:e.$refs.picker},a.attributes),{trigger:z(()=>[...t[10]||=[]]),_:1},16,[`modelValue`,`show`,`target`])],2)],512)}var Uo=Pa({components:{DitoInput:So,DitoDatePicker:Oo,DitoTimePicker:Bo,DitoIcon:wo},emits:[`update:modelValue`,`change`,`focus`,`blur`],inheritAttrs:!1,props:{modelValue:{type:Date,default:null},transition:{type:String,default:`slide`},placeholder:{type:String,default:null},disabled:{type:Boolean,default:!1},locale:{type:String,default:`en-US`},format:{type:Object,default:null}},data(){return{currentValue:this.modelValue,showDate:!1,showTime:!1,inputFocused:!1,dateFocused:!1,timeFocused:!1,closedMode:null}},computed:{attributes(){let{transition:e,disabled:t,locale:n,formatOptions:r}=this;return{transition:e,disabled:t,locale:n,format:r}},focused(){return this.inputFocused||this.showDate||this.showTime},input(){return this.$refs.input.input},formatOptions(){return(0,t.assignDeeply)({locale:this.locale,time:t.defaultFormats.time,date:t.defaultFormats.date},{date:{month:`short`,format:(e,t,n)=>t===`literal`&&/\bat\b/.test(e)?`, `:this.format?.date?.format?.(e,t,n)??e}},this.format)},timeIndex(){let e=this.currentText;if(e){let t=e.match(/([\S]+\s*)$/)?.[1];if(t)return e.length-t.length}return null},currentText:{get(){return(0,t.format)(this.currentValue,this.formatOptions)||``},set(e){let t=Ra(e,this.formatOptions);if(t){let e=Eo(this.input);this.currentValue=t,this.$nextTick(()=>To(this.input,e))}}}},watch:{modelValue(e,t){+e!=+t&&(this.currentValue=e)},currentValue(e){+e!=+this.modelValue&&(this.$emit(`update:modelValue`,e),this.$emit(`change`,e))},focused(e,t){e^t&&this.$emit(e?`focus`:`blur`)}},methods:{onFocus(e){this.inputFocused=e,e?this.updatePopups():(this.showDate=!1,this.showTime=!1)},onMouseDown(e){e&&(this.showDate||this.showTime)?(this.showDate=!1,this.showTime=!1):this.disabled||(this.focus(),requestAnimationFrame(()=>this.updatePopups()))},onKeyDown(e){let t=this.getMode(e);this.$refs[t].onKeyDown(e),e.defaultPrevented?this.closedMode=t:t!==this.closedMode&&this.updatePopups(t)},getMode(e=null){let{start:t}=Eo(this.input),{hor:n}=ho(e);return this.timeIndex===null||t+n<this.timeIndex?`date`:`time`},updatePopups(e=this.getMode()){e&&(this.closedMode=null),this.showDate=e===`date`,this.showTime=e===`time`},focus(){this.input.focus()},blur(){this.input.blur()}}},[[`render`,Ho]]),Wo={class:`dito-pagination`,"aria-label":`Pagination`},Go={key:0,class:`dito-pagination-total`},Ko={key:1,class:`dito-buttons dito-buttons--round`},qo=[`disabled`,`aria-label`,`aria-current`,`onClick`],Jo={key:0};function Yo(e,t,n,r,i,a){return q(),J(`nav`,Wo,[n.showTotal?(q(),J(`div`,Go,[n.total>0?(q(),J(W,{key:0},[mi(E(a.first)+` – `+E(a.last)+` / `+E(n.total),1)],64)):Z(``,!0)])):Z(``,!0),a.numPages>1?(q(),J(`div`,Ko,[(q(!0),J(W,null,Tr(a.buttons,e=>(q(),J(`button`,{class:T([`dito-button`,a.getButtonClasses(e)]),disabled:e.disabled,"aria-label":a.getButtonLabel(e),"aria-current":e.active?`page`:null,onClick:t=>a.onClickButton(e)},[e.text?(q(),J(`span`,Jo,E(e.text),1)):Z(``,!0)],10,qo))),256))])):Z(``,!0)])}var Xo=Pa({emits:[`update:page`],props:{total:{type:Number,default:0},page:{type:Number,default:1},pageSize:{type:Number,default:10},showTotal:{type:Boolean,default:!0}},data(){return{showPrev:!0,showNext:!0,currentPage:this.page}},computed:{first(){return(this.currentPage-1)*this.pageSize+1},last(){return Math.min(this.first+this.pageSize-1,this.total)},numPages(){return Math.ceil(this.total/this.pageSize)},buttons(){let{showPrev:e,showNext:t,currentPage:n,numPages:r}=this,i=e+t+1,a=1,o;r<=i?o=r:n<=e+1?o=i:n>=r-t?(o=r,a=r-i+1):(a=n-e,o=n+t);let s=[];s.push({index:n-1,type:`prev`,disabled:n<=1}),a>=2&&s.push({index:1,text:1}),a>2&&s.push({index:Math.max(1,n-10),type:`ellipsis-prev`});for(let e=a;e<=o;e++)s.push({index:e,text:e,active:e===n});return o<r-1&&s.push({index:Math.min(r,n+10),type:`ellipsis-next`}),o<=r-1&&s.push({index:r,text:r}),s.push({index:n+1,type:`next`,disabled:n>=r}),s}},watch:{page(e){this.currentPage=e},pageSize(){this.currentPage>this.numPages&&(this.currentPage=this.numPages)},currentPage(e,t){e!==t&&this.$emit(`update:page`,e)}},created(){this.currentPage=this.page},methods:{getButtonClasses(e){let t=`dito-button`;return{[`${t}--${e.type}`]:e.type,[`${t}--active`]:e.active}},getButtonLabel(e){return e.type===`prev`?`Previous page`:e.type===`next`?`Next page`:e.text?`Page ${e.text}`:null},onClickButton(e){e.index&&!e.disabled&&e.index!==this.currentPage&&(this.currentPage=e.index)}}},[[`render`,Yo]]),Zo={class:`dito-switch__pane`},Qo=[`id`,`aria-checked`,`name`,`disabled`],$o={key:0,class:`dito-switch__label`};function es(e,t,n,r,i,a){return q(),J(`div`,{class:T([`dito-switch`,a.classes]),style:pe(a.styles)},[Y(`div`,Zo,[qn(Y(`input`,Q({id:n.id,ref:`input`},a.attributes,{"onUpdate:modelValue":t[0]||=e=>i.checked=e,role:`switch`,type:`checkbox`,"aria-checked":i.checked,name:n.name,disabled:n.disabled}),null,16,Qo),[[da,i.checked]]),t[1]||=Y(`div`,{class:`dito-switch__button`},null,-1),n.labels?(q(),J(`span`,$o,[i.checked?H(e.$slots,`checked`,{},()=>[mi(E(n.labels.checked||`on`),1)],void 0,0):H(e.$slots,`unchecked`,{},()=>[mi(E(n.labels.unchecked||`off`),1)],void 0,1)])):Z(``,!0)])],6)}var ts=Pa({emits:[`update:modelValue`,`change`],inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!1},id:{type:String,default:null},name:{type:String,default:null},disabled:{type:Boolean,default:!1},labels:{type:[Object,Boolean],default:!1}},data(){return{checked:this.modelValue}},computed:{classes(){let e=`dito-switch`;return[this.$attrs.class,{[`${e}--checked`]:this.checked,[`${e}--disabled`]:this.disabled}]},styles(){let{labels:{checked:e,unchecked:t}={}}=this,n=Math.max(0,e?.length,t?.length);return{"--switch-width":n?`${n*1.5}rem`:null}},attributes(){let{class:e,...t}=this.$attrs;return t}},watch:{modelValue(e){this.checked=e},checked(e){e!==this.modelValue&&(this.$emit(`update:modelValue`,e),this.$emit(`change`,e))}},methods:{focus(){this.$refs.input.focus()}}},[[`render`,es]]);function ns({enabled:e},{slots:t}){return e?ji(zi,ss,t):t.default()}ns.props={enabled:{type:Boolean,default:!0}};var rs=ns,is=(e,t)=>Object.assign(e.style,t),as=e=>setTimeout(e,0),os=e=>getComputedStyle(e).height,ss={name:`dito-height`,onAfterEnter(e){as(()=>is(e,{height:null}))},onEnter(e){let{width:t}=getComputedStyle(e);is(e,{width:t,position:`absolute`,visibility:`hidden`,height:`auto`}),as(()=>{let{height:t}=getComputedStyle(e);is(e,{width:null,position:null,visibility:null,height:0}),os(e),as(()=>is(e,{height:t}))})},onLeave(e){let{height:t}=getComputedStyle(e);is(e,{height:t}),os(e),as(()=>is(e,{height:0}))}};e.DitoButton=Fa,e.DitoCalendar=uo,e.DitoDatePicker=Oo,e.DitoDateTimePicker=Uo,e.DitoIcon=wo,e.DitoInput=So,e.DitoPagination=Xo,e.DitoSwitch=ts,e.DitoTimePicker=Bo,e.DitoTrigger=yo,e.TransitionHeight=rs,e.addEvents=fo,e.alterDate=La,e.combineEvents=po,e.describeDate=Ia,e.getDatePartAtPosition=za,e.getKey=mo,e.getKeyNavigation=ho,e.getSelection=Eo,e.hasSlotContent=Da,e.hasVNodeContent=Ea,e.parseDate=Ra,e.raw=Oa,e.setSelection=To});
|
|
7
|
+
`))),e[$]=aa(i);let a=r||i.props&&i.props.type===`number`;ia(e,t?`change`:`input`,t=>{t.target.composing||e[$](la(e.value,n,a))}),(n||a)&&ia(e,`change`,()=>{e.value=la(e.value,n,a)}),t||(ia(e,`compositionstart`,oa),ia(e,`compositionend`,sa),ia(e,`change`,sa))},mounted(e,{value:t,modifiers:{trim:n,number:r}}){let i=t??``,a=e[ca];delete e[ca],a!==void 0&&(e.type===`text`||e.type===`textarea`)&&e.value!==a?e[$](la(e.value,n,r)):e.value=i},beforeUpdate(e,{value:t,oldValue:n,modifiers:{lazy:r,trim:i,number:a}},o){if(e[$]=aa(o),e.composing)return;let s=(a||e.type===`number`)&&!/^0\d/.test(e.value)?le(e.value):e.value,c=t??``;if(s===c)return;let l=e.getRootNode();(l instanceof Document||l instanceof ShadowRoot)&&l.activeElement===e&&e.type!==`range`&&(r&&t===n||i&&e.value.trim()===c)||(e.value=c)}},da={deep:!0,created(e,t,n){e[$]=aa(n),ia(e,`change`,()=>{let t=e._modelValue,n=_a(e),r=e.checked,i=e[$];if(f(t)){let e=Ce(t,n),a=e!==-1;if(r&&!a)i(t.concat(n));else if(!r&&a){let n=[...t];n.splice(e,1),i(n)}}else if(m(t)){let e=new Set(t);r?e.add(n):e.delete(n),i(e)}else i(va(e,r))})},mounted:fa,beforeUpdate(e,t,n){e[$]=aa(n),fa(e,t,n)}};function fa(e,{value:t,oldValue:n},r){e._modelValue=t;let i;if(f(t))i=Ce(t,r.props.value)>-1;else if(m(t))i=t.has(r.props.value);else{if(t===n)return;i=Se(t,va(e,!0))}e.checked!==i&&(e.checked=i)}var pa={created(e,{value:t},n){e.checked=Se(t,n.props.value),e[$]=aa(n),ia(e,`change`,()=>{e[$](_a(e))})},beforeUpdate(e,{value:t,oldValue:n},r){e[$]=aa(r),t!==n&&(e.checked=Se(t,r.props.value))}},ma={deep:!0,created(e,{value:t,modifiers:{number:n}},r){e._modelValue=t,ia(e,`change`,()=>{let t=Array.prototype.filter.call(e.options,e=>e.selected).map(e=>n?le(_a(e)):_a(e)),r=e.multiple,i=r?m(e._modelValue)?new Set(t):t:t[0],a=e._pendingValue=[r,r?f(i)?t.slice():t:i];try{e[$](i)}finally{Sn(()=>{e._pendingValue===a&&(e._pendingValue=void 0)})}}),e[$]=aa(r)},mounted(e,{value:t}){ga(e,t)},beforeUpdate(e,{value:t},n){e._modelValue=t,e[$]=aa(n)},updated(e,{value:t}){let n=e._pendingValue;e._pendingValue=void 0,(!n||n[0]!==e.multiple||!ha(t,n[1],n[0]))&&ga(e,t)}};function ha(e,t,n){if(!n||f(e))return Se(e,t);if(m(e)){if(e.size!==t.length)return!1;for(let n of t)if(!e.has(n))return!1;return!0}return!1}function ga(e,t){let n=e.multiple,r=f(t);if(n&&!r&&!m(t)){process.env.NODE_ENV!==`production`&&Ni(`<select multiple v-model> expects an Array or Set value for its binding, but got ${Object.prototype.toString.call(t).slice(8,-1)}.`);return}for(let i=0,a=e.options.length;i<a;i++){let a=e.options[i],o=_a(a);if(n){if(r){let e=typeof o;a.selected=e===`string`||e===`number`?t.some(e=>String(e)===String(o)):Ce(t,o)>-1}else a.selected=t.has(o)}else if(Se(_a(a),t)){e.selectedIndex!==i&&(e.selectedIndex=i);return}}!n&&e.selectedIndex!==-1&&(e.selectedIndex=-1)}function _a(e){return`_value`in e?e._value:e.value}function va(e,t){let n=t?`_trueValue`:`_falseValue`;return n in e?e[n]:t}var ya={created(e,t,n){xa(e,t,n,null,`created`)},mounted(e,t,n){xa(e,t,n,null,`mounted`)},beforeUpdate(e,t,n,r){xa(e,t,n,r,`beforeUpdate`)},updated(e,t,n,r){xa(e,t,n,r,`updated`)}};function ba(e,t){switch(e){case`SELECT`:return ma;case`TEXTAREA`:return ua;default:switch(t){case`checkbox`:return da;case`radio`:return pa;default:return ua}}}function xa(e,t,n,r,i){let a=ba(e.tagName,n.props&&n.props.type)[i];a&&a(e,t,n,r)}var Sa=[`ctrl`,`shift`,`alt`,`meta`],Ca={stop:e=>e.stopPropagation(),prevent:e=>e.preventDefault(),self:e=>e.target!==e.currentTarget,ctrl:e=>!e.ctrlKey,shift:e=>!e.shiftKey,alt:e=>!e.altKey,meta:e=>!e.metaKey,left:e=>`button`in e&&e.button!==0,middle:e=>`button`in e&&e.button!==1,right:e=>`button`in e&&e.button!==2,exact:(e,t)=>Sa.some(n=>e[`${n}Key`]&&!t.includes(n))},wa=(e,t)=>{if(!e)return e;let n=e._withMods||={},r=t.join(`.`);return n[r]||(n[r]=((n,...r)=>{for(let e=0;e<t.length;e++){let r=Ca[t[e]];if(r&&r(n,t))return}return e(n,...r)}))};function Ta(){Mi()}process.env.NODE_ENV!==`production`&&Ta();function Ea(e){return e&&(0,t.asArray)(e).some(e=>e.type!==G)}function Da(e,n={}){return e=(0,t.isString)(e)?jr()[e]:e,Ea(e?.(n))}function Oa(e){return Ht({value:e})}var ka=[`type`,`title`,`disabled`],Aa={key:0,class:`dito-button__prefix`},ja={key:1,class:`dito-button__text`},Ma={key:2,class:`dito-button__suffix`};function Na(e,t,n,r,i,a){return q(),J(`button`,Q({class:[`dito-button`,[a.classes,{"dito-button--affixed":a.hasAffixes}]],type:n.type,title:n.title,disabled:n.disabled},a.attributes),[a.hasAffixes?(q(),J(`div`,Aa,[H(e.$slots,`prefix`)])):Z(``,!0),n.text||a.hasAffixes?(q(),J(`div`,ja,[mi(E(n.text||``),1),H(e.$slots,`default`)])):Z(``,!0),a.hasAffixes?(q(),J(`div`,Ma,[H(e.$slots,`suffix`)])):Z(``,!0)],16,ka)}var Pa=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},Fa=Pa({inheritAttrs:!1,props:{type:{type:String,default:`button`},text:{type:String,default:null},title:{type:String,default:null},disabled:{type:Boolean,default:!1}},computed:{hasAffixes(){return Da(this.$slots.prefix)||Da(this.$slots.suffix)},classes(){return this.$attrs.class},attributes(){let{class:e,...t}=this.$attrs;return t}}},[[`render`,Na]]);function Ia(e){return{year:e?.getFullYear()??0,month:e?.getMonth()??0,day:e?.getDate()??0,hour:e?.getHours()??0,minute:e?.getMinutes()??0,second:e?.getSeconds()??0,millisecond:e?.getMilliseconds()??0}}function La(e,t={}){return new Date(...Object.values({...Ia(e),...t}))}function Ra(e,{locale:t=`en-US`,date:n=!0,time:r=!0}={}){let i=r?null:0,a=e?.match(/\s*\b([ap])\.?m\.?$/i);a&&(e=e.slice(0,a.index));let[o,s,c,l,u,,d=i,,f=i,,p=i,,m=i]=Ba(e,{date:n,time:r});if(u&&u.length>=4){if((t===`en-US`&&s===`/`&&l===`/`||isNaN(+o)&&!isNaN(+c))&&([o,c]=[c,o]),a&&d!==null){let e=a[1].toLowerCase()===`p`;d=d%12+(e?12:0),d=String(d).padStart(2,`0`)}c=Va(c,{locale:t});let e=e=>e===null||e.length===2;if(c!==null&&(!r||e(d)&&e(f)&&e(p))){let e=new Date(+u,+c,+o,+d,+f,+p,+m);return e.getMonth()===+c&&e.getDate()===+o?e:null}}return null}function za(e,t,{locale:n=`en-US`,date:r=!0,time:i=!0}={}){let a=Ba(e,{date:r,time:i}),o=(e,t=a.length)=>{let n=0,r=0;for(;(e===null||n<=e)&&r<t;)n+=a[r++]?.length??0;return{position:n,index:r}},s=r?0:o(null,6).position;t+=s;let{index:c}=o(t),l=n===`en-US`,u=[l?`month`:`day`,null,l?`day`:`month`,null,`year`,null,`hour`,null,`minute`,null,`second`,null,`millisecond`];for(;c--;)if(u[c]){let e=o(null,c).position-s,t=e+a[c].length;return{name:u[c],start:e,end:t}}return null}function Ba(e,{date:t=!0,time:n=!0}={}){let r=e?.split(/([\s.,:/]+)/)||[];return t||r.unshift(`1`,`.`,`1`,`.`,`2000`,` `),!n&&r.length>5&&(r.length=5),r}function Va(e,{locale:t=`en-US`}={}){let n=+e;if(!isNaN(n))return n-1;let r=e.trim().toLowerCase();if(r.length<3)return null;let i=new Intl.DateTimeFormat(t,{month:`short`}),a=new Intl.DateTimeFormat(t,{month:`long`});for(let e=0;e<12;e++){let t=new Date(2e3,e,1);if(i.format(t).toLowerCase().startsWith(r)||a.format(t).toLowerCase().startsWith(r))return e}return null}var Ha={class:`dito-calendar`,role:`dialog`,"aria-label":`Choose date`},Ua={class:`dito-calendar-popup`},Wa={class:`dito-calendar-inner`},Ga={class:`dito-calendar-header`},Ka={class:`dito-calendar-body`},qa={class:`dito-calendar-weekdays`},Ja={class:`dito-calendar-dates`,role:`grid`},Ya=[`aria-label`,`aria-selected`,`aria-disabled`,`onClick`],Xa={class:`dito-calendar-footer`},Za=[`aria-label`,`title`],Qa={class:`dito-calendar-header`},$a={class:`dito-calendar-body`},eo={class:`dito-calendar-months`,role:`listbox`,"aria-label":`Month`},to=[`aria-label`,`aria-selected`,`onClick`],no={class:`dito-calendar-header`},ro={class:`dito-calendar-body`},io={class:`dito-calendar-years`,role:`listbox`,"aria-label":`Year`},ao=[`aria-label`,`aria-selected`,`onClick`];function oo(e,t,n,r,i,a){return q(),J(`div`,Ha,[Y(`div`,Ua,[Y(`div`,Wa,[i.currentMode===`day`?(q(),J(W,{key:0},[Y(`div`,Ga,[Y(`a`,{class:`dito-calendar-step-prev dito-calendar-step-year`,role:`button`,tabindex:`0`,"aria-label":`Previous year`,onClick:t[0]||=e=>a.stepYear(-1)}),Y(`a`,{class:`dito-calendar-step-prev dito-calendar-step-month`,role:`button`,tabindex:`0`,"aria-label":`Previous month`,onClick:t[1]||=e=>a.stepMonth(-1)}),Y(`span`,null,[Y(`a`,{class:`dito-calendar-select-year`,role:`button`,tabindex:`0`,"aria-label":`Switch to year selection`,onClick:t[2]||=e=>a.setMode(`year`)},E(a.dateToString(i.currentValue,{year:!0})),1),Y(`a`,{class:`dito-calendar-select-month`,role:`button`,tabindex:`0`,"aria-label":`Switch to month selection`,onClick:t[3]||=e=>a.setMode(`month`)},E(a.dateToString(i.currentValue,{month:!0})),1)]),Y(`a`,{class:`dito-calendar-step-next dito-calendar-step-month`,role:`button`,tabindex:`0`,"aria-label":`Next month`,onClick:t[4]||=e=>a.stepMonth(1)}),Y(`a`,{class:`dito-calendar-step-next dito-calendar-step-year`,role:`button`,tabindex:`0`,"aria-label":`Next year`,onClick:t[5]||=e=>a.stepYear(1)})]),Y(`div`,Ka,[Y(`div`,qa,[(q(!0),J(W,null,Tr(i.weekdayNames,e=>(q(),J(`span`,null,E(e.short),1))),256))]),Y(`div`,Ja,[(q(!0),J(W,null,Tr(i.dateRange,e=>(q(),J(`span`,{class:T(e.state&&`dito-calendar-item-${e.state}`),role:`gridcell`,"aria-label":a.dateToString(e.date),"aria-selected":e.state===`active`,"aria-disabled":e.state===`disabled`,onClick:t=>e.state!==`disabled`&&a.selectDate(e.date)},E(e.text),11,Ya))),256))])]),Y(`div`,Xa,[Y(`a`,{class:`dito-calendar-select-now`,role:`button`,tabindex:`0`,"aria-label":`Select today (${a.dateToString(new Date)})`,title:a.dateToString(new Date),onClick:t[6]||=e=>a.selectDate(new Date)},null,8,Za)])],64)):i.currentMode===`month`?(q(),J(W,{key:1},[Y(`div`,Qa,[Y(`a`,{class:`dito-calendar-step-prev`,role:`button`,tabindex:`0`,"aria-label":`Previous year`,onClick:t[7]||=e=>a.stepYear(-1)}),Y(`span`,null,[Y(`a`,{class:`dito-calendar-select-year`,role:`button`,tabindex:`0`,"aria-label":`Switch to year selection`,onClick:t[8]||=e=>a.setMode(`year`)},E(a.dateToString(i.currentValue,{year:!0})),1)]),Y(`a`,{class:`dito-calendar-step-next`,role:`button`,tabindex:`0`,"aria-label":`Next year`,onClick:t[9]||=e=>a.stepYear(1)})]),Y(`div`,$a,[Y(`div`,eo,[(q(!0),J(W,null,Tr(i.monthNames,(e,t)=>(q(),J(`span`,{class:T(a.getMonthClass(t)),role:`option`,"aria-label":e.long,"aria-selected":a.getMonthClass(t)[`dito-calendar-item-active`],onClick:e=>a.selectMonth(t)},E(e.short),11,to))),256))])])],64)):i.currentMode===`year`?(q(),J(W,{key:2},[Y(`div`,no,[Y(`a`,{class:`dito-calendar-step-prev`,role:`button`,tabindex:`0`,"aria-label":`Previous decade`,onClick:t[10]||=e=>a.stepDecade(-1)}),Y(`span`,null,E(a.decadeToString(i.currentValue)),1),Y(`a`,{class:`dito-calendar-step-next`,role:`button`,tabindex:`0`,"aria-label":`Next decade`,onClick:t[11]||=e=>a.stepDecade(1)})]),Y(`div`,ro,[Y(`div`,io,[(q(!0),J(W,null,Tr(i.yearRange,e=>(q(),J(`span`,{class:T(a.getYearClass(e)),role:`option`,"aria-label":String(e),"aria-selected":a.getYearClass(e)[`dito-calendar-item-active`],onClick:t=>a.selectYear(e)},E(e),11,ao))),256))])])],64)):Z(``,!0)])])])}var so={emits:[`update:modelValue`,`select`],props:{modelValue:{type:Date,default:null},locale:{type:String,default:`en-US`},disabledDate:{type:Function,default:()=>!1},mode:{type:String,default:`day`}},data(){let{weekdayNames:e,monthNames:t}=lo(this.locale);return{weekdayNames:e,monthNames:t,dateRange:[],yearRange:[],currentValue:this.modelValue||La(new Date,{hour:0,minute:0,second:0,millisecond:0}),currentMode:this.mode}},watch:{modelValue(e,t){+e!=+t&&(this.currentValue=e||new Date,this.updateDateRange())},currentValue(e,t){+e!=+t&&this.updateDateRange()},disabledDate:`updateDateRange`,mode(e){this.currentMode=e}},mounted(){this.updateDateRange()},methods:{getMonthClass(e){return{"dito-calendar-item-active":this.modelValue&&e===this.modelValue.getMonth()&&this.currentValue.getFullYear()===this.modelValue.getFullYear(),"dito-calendar-item-current":e===this.currentValue.getMonth()}},getYearClass(e){return{"dito-calendar-item-active":this.modelValue&&e===this.modelValue.getFullYear(),"dito-calendar-item-current":e===this.currentValue.getFullYear()}},setDate(e,t=!1){this.currentValue=La(this.currentValue,e),t&&this.$emit(`update:modelValue`,this.currentValue)},stepDecade(e){this.setDate({year:this.currentValue.getFullYear()+e*10})},setMode(e){this.currentMode=e},stepMonth(e){let{currentValue:t}=this,{year:n,month:r}=this.getYearMonth(t.getFullYear(),t.getMonth()+e);this.setDate({month:r,day:Math.min(this.getDaysInMonth(n,r),this.currentValue.getDate())})},stepYear(e){this.setDate({year:this.currentValue.getFullYear()+e})},selectDate(e){this.setDate(Ia(e),!0),this.$emit(`select`)},selectMonth(e){this.setMode(`day`),this.setDate({month:e,day:1},!0)},selectYear(e){this.setMode(`month`),this.setDate({year:e},!0)},getYearMonth(e,t){return t>11?(e++,t=0):t<0&&(e--,t=11),{year:e,month:t}},dateToString(e,{year:t,month:n,day:r}={year:!0,month:!0,day:!0}){return e.toLocaleString(this.locale,{year:t&&`numeric`,month:n&&`long`,day:r&&`numeric`})},decadeToString(e){let t=this.getFirstYearOfDecade(e.getFullYear());return`${t} – ${t+9}`},getDaysInMonth(e,t){return new Date(e,t+1,0).getDate()},getFirstYearOfDecade(e){return+`${e.toString().slice(0,-1)}0`},navigate({step:e,enter:t,mode:n=this.currentMode,update:r=!1}){let{currentValue:i}=this;if(e){switch(n){case`day`:this.setDate({day:i.getDate()+e},r);break;case`month`:this.setDate({month:i.getMonth()+e},r);break;case`year`:this.setDate({year:i.getFullYear()+e},r)}return!0}if(t){switch(this.currentMode){case`day`:this.selectDate(i);break;case`month`:this.setMode(`day`);break;case`year`:this.setMode(`month`)}return!0}},updateDateRange(){this.dateRange=[],this.yearRange=[];let{currentValue:e}=this,t=e.getFullYear(),n=e.getMonth(),r=this.getFirstYearOfDecade(t);for(let e=0;e<10;e++)this.yearRange.push(r+e);let i=new Date(t,n,1).getDay()+1;i===0&&(i=7);let a=this.getDaysInMonth(t,n);if(i>1){let e=this.getYearMonth(t,n-1),r=this.getDaysInMonth(e.year,e.month);for(let t=1;t<i;t++){let n=r-i+t+1,a=new Date(e.year,e.month,n);this.dateRange.push({text:n,date:a,state:this.disabledDate(a)?`disabled`:`gray`})}}let o=new Date;for(let r=1;r<=a;r++){let i=new Date(t,n,r),a=e=>e&&e.getDate()===r&&e.getFullYear()===t&&e.getMonth()===n,s=a(this.modelValue)?`active`:a(o)?`today`:this.disabledDate(i)?`disabled`:a(e)?`current`:null;this.dateRange.push({text:r,date:i,state:s})}let s=42-this.dateRange.length;if(s>0){let e=this.getYearMonth(t,n+1);for(let t=1;t<=s;t++){let n=new Date(e.year,e.month,t),r=this.disabledDate(n)?`disabled`:`gray`;this.dateRange.push({text:t,date:n,state:r})}}}}},co={};function lo(e){let t=co[e];if(!t){let n=[];for(let t=0;t<7;t++){let r=new Date(0,0,t);n.push({long:r.toLocaleString(e,{weekday:`long`}),short:r.toLocaleString(e,{weekday:`short`})})}let r=[];for(let t=1;t<=12;t++){let n=new Date(0,t,0);r.push({long:n.toLocaleString(e,{month:`long`}),short:n.toLocaleString(e,{month:`short`})})}t=co[e]={weekdayNames:n,monthNames:r}}return t}var uo=Pa(so,[[`render`,oo]]);function fo(e,n){e=e instanceof NodeList?Array.from(e):(0,t.asArray)(e);for(let[t,r]of Object.entries(n))for(let n of e)n.addEventListener(t,r,!1);return{remove(){for(let[t,r]of Object.entries(n))for(let n of e)n.removeEventListener(t,r,!1)}}}function po(...e){return{remove(){for(let t of e)t.remove()}}}function mo(e){return{37:`left`,38:`up`,39:`right`,40:`down`,13:`enter`}[e?.keyCode]}function ho(e){let t=mo(e);return{hor:{left:-1,right:1}[t]||0,ver:{up:-1,down:1}[t]||0,enter:t===`enter`}}function go(e){let n=(0,t.isString)(e.target)?e.$refs[e.target]:e.target;return n?.$el??n}var _o={class:`dito-trigger-container`};function vo(e,t,n,r,i,a){return q(),J(`div`,_o,[n.alwaysShow?(q(),J(`div`,{key:0,class:T([`dito-trigger`,a.triggerClass]),ref:`trigger`},[H(e.$slots,`trigger`)],2)):n.trigger===`click`?(q(),J(`div`,{key:1,class:T([`dito-trigger`,a.triggerClass]),ref:`trigger`,onClick:t[0]||=(...e)=>a.onClick&&a.onClick(...e)},[H(e.$slots,`trigger`)],2)):n.trigger===`hover`?(q(),J(`div`,{key:2,class:T([`dito-trigger`,a.triggerClass]),ref:`trigger`,onMouseenter:t[1]||=e=>a.onHover(!0),onMouseleave:t[2]||=e=>a.onHover(!1)},[H(e.$slots,`trigger`)],34)):n.trigger===`focus`||n.trigger===`always`?(q(),J(`div`,{key:3,class:T([`dito-trigger`,a.triggerClass]),ref:`trigger`},[H(e.$slots,`trigger`)],2)):Z(``,!0),X(zi,{name:`dito-${n.transition}`},{default:z(()=>[n.trigger===`hover`?qn((q(),J(`div`,{key:0,class:T([`dito-popup`,a.popupClass]),ref:`popup`,style:pe(a.popupStyle),onMouseenter:t[3]||=e=>a.onHover(!0),onMouseleave:t[4]||=e=>a.onHover(!1)},[i.showPopup?H(e.$slots,`popup`,{},void 0,void 0,0):Z(``,!0)],38)),[[na,i.showPopup]]):qn((q(),J(`div`,{key:1,class:T([`dito-popup`,a.popupClass]),ref:`popup`,style:pe(a.popupStyle)},[i.showPopup?H(e.$slots,`popup`,{},void 0,void 0,0):Z(``,!0)],6)),[[na,i.showPopup]])]),_:3},8,[`name`])])}var yo=Pa({emits:[`update:show`],props:{trigger:{type:String,default:`click`},transition:{type:String,default:`slide`},placement:{type:String,default:`bottom`},show:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},target:{type:[String,HTMLElement],default:null},customClass:{type:String,default:null},zIndex:{type:Number,default:0},keepInView:{type:Boolean,default:!0},hideWhenClickOutside:{type:Boolean,default:!0},alwaysShow:{type:Boolean,default:!1},cover:{type:Boolean,default:!1},hideDelay:{type:Number,default:0}},data(){return{showPopup:this.show,popupPlacement:this.placement,focusEvents:null,closeEvents:null,popupEvents:null,blurTimer:null,mouseLeaveTimer:null}},computed:{triggerClass(){return{"dito-trigger-disabled":this.disabled}},popupClass(){let e={[`dito-popup-${(0,t.hyphenate)(this.placement)}`]:!0};return this.customClass&&(e[this.customClass]=!0),e},popupStyle(){return this.zIndex?`z-index: ${this.zIndex}`:``},triggerTarget(){return go(this)}},watch:{show(e){this.showPopup=e||this.alwaysShow},showPopup(e,t){e^t&&(this.$emit(`update:show`,e),this.$nextTick(()=>this.onShowPopup(e)))}},mounted(){let{trigger:e,popup:t}=this.$refs;this.trigger===`focus`&&(this.focusEvents=this.addFocusEvents(this.triggerTarget??e)),this.hideWhenClickOutside&&!this.alwaysShow&&(this.closeEvents=fo(window,{mouseup:n=>{this.showPopup&&!t.contains(n.target)&&!e.contains(n.target)&&!this.triggerTarget?.contains(n.target)&&(this.showPopup=!1)},blur:()=>{this.showPopup=!1}})),this.alwaysShow&&(this.showPopup=!0)},created(){this.showPopup=this.show},unmounted(){this.focusEvents?.remove(),this.closeEvents?.remove(),this.popupEvents?.remove()},methods:{isPopupFocused(){return!!this.$refs.popup?.matches(`:focus-within`)},updatePosition(){let{trigger:e,popup:t}=this.$refs;if(this.show&&t.offsetWidth===0){setTimeout(()=>this.updatePosition(),0);return}let n=this.triggerTarget??e,r=this.target===`popup`?e:t.firstElementChild;r&&(r.style.width=getComputedStyle(n).width);let i=n.getBoundingClientRect(),a=i.left+window.scrollX,o=i.top+window.scrollY,s=i.width,c=i.height,l=t.offsetWidth,u=t.offsetHeight,[d,f]=this.popupPlacement.split(`-`)||[];if(this.keepInView){let e=window.innerWidth,t=window.innerHeight,n=o,r=t-o-c,i=a,p=e-a-s,m=(e,t,n)=>e<n&&t>e;d===`top`?m(n,r,u)&&(d=`bottom`):d===`bottom`?m(r,n,u)&&(d=`top`):d===`left`?m(i,p,l)&&(d=`right`):d===`right`&&m(p,i,l)&&(d=`left`),f===`top`?m(t-o,o+c,u)&&(f=`bottom`):f===`bottom`?m(o+c,t-o,u)&&(f=`top`):f===`left`?m(e-a,a+s,l)&&(f=`right`):f===`right`&&m(a+s,e-a,l)&&(f=`left`)}let p=0,m=0;switch(d){case`top`:m-=u;break;case`left`:p-=l;break;case`right`:p+=s;break;case`bottom`:m+=c}switch(f){case`right`:p-=l-s;break;case`bottom`:m-=u-c}if(this.cover&&(d===`top`?m+=c:d===`bottom`&&(m-=c)),n!==e){let t=e.getBoundingClientRect();p+=a-t.left,m+=o-t.top}t.style.left=`${p}px`,t.style.top=`${m}px`},addFocusEvents(e){let t=e.querySelectorAll(`input, textarea`),n;return po(fo(t,{focus:()=>{this.showPopup=!0,clearTimeout(this.blurTimer)},blur:()=>{this.blurTimer=setTimeout(()=>{this.isPopupFocused()||(this.showPopup=!1)},0)}}),fo(e,{mousedown:e=>{e.target.matches(`input, textarea, button`)||(e.preventDefault(),e.stopPropagation()),e.target.matches(`.dito-button-clear`)||(n=(this.triggerTarget??this.$refs.trigger).querySelector(`input, textarea`),n&&!n.hasAttribute(`readonly`)?n.setAttribute(`readonly`,`true`):n=null)},mouseup:e=>{n&&setTimeout(()=>{n.removeAttribute(`readonly`),!e.target.matches(`input, textarea, button`)&&this.isPopupFocused()&&n.focus(),n=null},0)}}))},onShowPopup(e){e?(this.trigger===`focus`&&(this.popupEvents=this.addFocusEvents(this.$refs.popup)),this.updatePosition()):(this.popupEvents?.remove(),this.popupEvents=null)},onClick(){this.disabled||(this.showPopup=!0)},onHover(e){this.disabled||(clearTimeout(this.mouseLeaveTimer),e?this.showPopup=!0:this.hideDelay?this.mouseLeaveTimer=setTimeout(()=>{this.showPopup=!1},this.hideDelay):this.showPopup=!1)}}},[[`render`,vo]]),bo=[`id`,`type`,`name`,`title`,`disabled`,`readonly`,`autofocus`,`placeholder`,`autocomplete`,`aria-label`];function xo(e,t,n,r,i,a){return q(),J(`div`,{class:T([`dito-input`,a.classes]),onMousedown:t[2]||=(...e)=>a.onMouseDown&&a.onMouseDown(...e)},[H(e.$slots,`prefix`),qn(Y(`input`,Q({id:n.id,ref:`input`,"onUpdate:modelValue":t[0]||=e=>i.currentValue=e,type:n.type,name:n.name,title:n.title,disabled:n.disabled,readonly:n.readonly,autofocus:n.autofocus,placeholder:n.placeholder,autocomplete:n.autocomplete,"aria-label":n.title},a.attributes,{onMousedown:t[1]||=(...e)=>a.onMouseDown&&a.onMouseDown(...e)}),null,16,bo),[[ya,i.currentValue]]),H(e.$slots,`suffix`)],34)}var So=Pa({emits:[`update:modelValue`],inheritAttrs:!1,props:{modelValue:{type:[String,Number],default:null},type:{type:String,default:`text`},id:{type:String,default:null},name:{type:String,default:null},title:{type:String,default:null},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},autofocus:{type:Boolean,default:!1},focused:{type:Boolean,default:!1},placeholder:{type:String,default:null},autocomplete:{type:String,default:`off`}},data(){return{currentValue:this.modelValue}},computed:{classes(){return[this.$attrs.class,{"dito-input--focus":this.focused}]},attributes(){let{class:e,...t}=this.$attrs;return t},input(){return this.$refs.input},size(){let{size:e,min:t,max:n}=this.$attrs,r=e=>e==null?0:`${e}`.length;return e||r(t)||r(n)||void 0}},watch:{modelValue(e,t){e!==t&&(this.currentValue=e)},currentValue(e){e!==this.modelValue&&this.$emit(`update:modelValue`,e)}},methods:{focus(){this.input.focus()},blur(){this.input.blur()},onMouseDown(e){e.target===this.input?e.stopPropagation():!this.disabled&&!this.readonly&&(this.focus(),e.preventDefault())}}},[[`render`,xo]]);function Co(e,t,n,r,i,a){return q(),J(`i`,{class:T([`dito-icon`,a.classes])},null,2)}var wo=Pa({props:{name:{type:String,required:!0},disabled:{type:Boolean,default:!1}},computed:{classes(){let e=`dito-icon`;return{[`${e}--${this.name}`]:!0,[`${e}--disabled`]:this.disabled}}}},[[`render`,Co]]);function To(e,{start:t,end:n}){e?.setSelectionRange&&(e.focus(),e.setSelectionRange(t,n))}function Eo(e){return e&&`selectionStart`in e?{start:e.selectionStart,end:e.selectionEnd}:null}function Do(e,t,n,r,i,a){let o=V(`DitoIcon`),s=V(`DitoInput`),c=V(`DitoCalendar`),l=V(`DitoTrigger`);return q(),ni(l,Q({class:`dito-date-picker`,ref:`trigger`,show:i.showPopup,"onUpdate:show":t[7]||=e=>i.showPopup=e,trigger:`focus`},{transition:n.transition,placement:n.placement,disabled:n.disabled,target:n.target}),{trigger:z(()=>[e.$slots.trigger?H(e.$slots,`trigger`,{},void 0,void 0,0):(q(),ni(s,Q({key:1,class:`dito-date-picker-input`,ref:`input`,modelValue:a.currentText,"onUpdate:modelValue":t[1]||=e=>a.currentText=e,type:`text`},{placeholder:n.placeholder,disabled:n.disabled,focused:a.focused,...e.$attrs},{onFocus:t[2]||=e=>a.onFocus(!0),onBlur:t[3]||=e=>a.onFocus(!1),onKeydown:a.onKeyDown,onMousedown:t[4]||=wa(e=>a.onMouseDown(!1),[`stop`])}),{prefix:z(()=>[H(e.$slots,`prefix`)]),suffix:z(()=>[X(o,{name:`calendar`,disabled:n.disabled,onMousedown:t[0]||=wa(e=>a.onMouseDown(!0),[`prevent`])},null,8,[`disabled`]),H(e.$slots,`suffix`)]),_:3},16,[`modelValue`,`onKeydown`]))]),popup:z(()=>[X(c,Q({class:`dito-date-picker-popup`,ref:`calendar`,modelValue:i.currentValue,"onUpdate:modelValue":t[5]||=e=>i.currentValue=e},{locale:n.locale,disabledDate:n.disabledDate},{onSelect:t[6]||=e=>i.showPopup=!1}),null,16,[`modelValue`])]),_:3},16,[`show`])}var Oo=Pa({components:{DitoTrigger:yo,DitoCalendar:uo,DitoInput:So,DitoIcon:wo},emits:[`update:modelValue`,`update:show`,`change`,`focus`,`blur`],inheritAttrs:!1,props:{modelValue:{type:Date,default:null},transition:{type:String,default:`slide`},placement:{type:String,default:`bottom-left`},placeholder:{type:String,default:null},show:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},target:{type:[String,HTMLElement],default:`trigger`},locale:{type:String,default:`en-US`},format:{type:Object,default:()=>({date:t.defaultFormats.date,time:!1})},disabledDate:{type:Function,default:()=>!1}},data(){return{currentValue:this.modelValue,showPopup:this.show,inputFocused:!1}},computed:{focused(){return this.inputFocused||this.showPopup},input(){return go(this)?.querySelector(`input`)},formatOptions(){return{locale:this.locale,...this.format}},currentText:{get(){return(0,t.format)(this.currentValue,this.formatOptions)||``},set(e){let t=Ra(e,this.formatOptions);t&&(this.currentValue=t)}}},watch:{modelValue(e,t){+e!=+t&&(this.currentValue=e)},currentValue(e){+e!=+this.modelValue&&(this.$emit(`update:modelValue`,e),this.$emit(`change`,e))},show(e){this.showPopup=e},showPopup(e,t){e^t&&this.$emit(`update:show`,e)},focused(e,t){e^t&&this.$emit(e?`focus`:`blur`)}},methods:{onFocus(e){this.inputFocused=e,this.showPopup=e},onKeyDown(e){if(e.key===`Escape`){this.showPopup=!1,e.preventDefault();return}let{ver:t,enter:n}=ho(e);if(t||n){e.preventDefault();let r=Eo(this.input)?.start,i=e=>za(this.currentText,e,this.formatOptions);if(t&&!this.showPopup)this.showPopup=!0;else{let{calendar:e}=this.$refs;if(e){let{name:a,start:o}=i(r)||{};a&&e.navigate({step:t,enter:n,mode:a,update:!0})&&this.$nextTick(()=>To(this.input,i(o)))}}}},onMouseDown(e){this.showPopup=!this.disabled&&(!e||!this.showPopup),this.showPopup&&this.focus()},focus(){this.input.focus()},blur(){this.input.blur()}}},[[`render`,Do]]),ko={class:`dito-time-picker-popup`,role:`dialog`,"aria-label":`Choose time`},Ao={class:`dito-time-picker-panel`},jo={class:`dito-time-picker-hour`,ref:`hour`,role:`listbox`,"aria-label":`Hour`},Mo=[`aria-label`,`aria-selected`,`onClick`],No={class:`dito-time-picker-panel`},Po={class:`dito-time-picker-minute`,ref:`minute`,role:`listbox`,"aria-label":`Minute`},Fo=[`aria-label`,`aria-selected`,`onClick`],Io={class:`dito-time-picker-panel`},Lo={class:`dito-time-picker-second`,ref:`second`,role:`listbox`,"aria-label":`Second`},Ro=[`aria-label`,`aria-selected`,`onClick`];function zo(e,t,n,r,i,a){let o=V(`DitoIcon`),s=V(`DitoInput`),c=V(`DitoTrigger`);return q(),ni(c,Q({class:`dito-time-picker`,ref:`trigger`,show:i.showPopup,"onUpdate:show":t[5]||=e=>i.showPopup=e,trigger:`focus`},{transition:n.transition,placement:n.placement,disabled:n.disabled,target:n.target}),{trigger:z(()=>[e.$slots.trigger?H(e.$slots,`trigger`,{},void 0,void 0,0):(q(),ni(s,Q({key:1,class:`dito-time-picker-input`,ref:`input`,modelValue:a.currentText,"onUpdate:modelValue":t[1]||=e=>a.currentText=e,type:`text`},{placeholder:n.placeholder,disabled:n.disabled,focused:a.focused,...e.$attrs},{onFocus:t[2]||=e=>a.onFocus(!0),onBlur:t[3]||=e=>a.onFocus(!1),onKeydown:a.onKeyDown,onMousedown:t[4]||=wa(e=>a.onMouseDown(!1),[`stop`])}),{prefix:z(()=>[H(e.$slots,`prefix`)]),suffix:z(()=>[X(o,{name:`clock`,disabled:n.disabled,onMousedown:t[0]||=wa(e=>a.onMouseDown(!0),[`prevent`])},null,8,[`disabled`]),H(e.$slots,`suffix`)]),_:3},16,[`modelValue`,`onKeydown`]))]),popup:z(()=>[Y(`div`,ko,[Y(`div`,Ao,[Y(`ul`,jo,[(q(),J(W,null,Tr(24,e=>(q(),J(W,null,[n.disabledHour(e-1)?Z(``,!0):(q(),J(`li`,{key:0,role:`option`,"aria-label":a.leftPad(e-1),"aria-selected":a.hour===e-1,class:T({selected:a.hour===e-1}),onClick:t=>a.hour=e-1},E(a.leftPad(e-1)),11,Mo))],64))),64))],512)]),Y(`div`,No,[Y(`ul`,Po,[(q(),J(W,null,Tr(60,e=>(q(),J(W,null,[n.disabledMinute(e-1)?Z(``,!0):(q(),J(`li`,{key:0,role:`option`,"aria-label":a.leftPad(e-1),"aria-selected":a.minute===e-1,class:T({selected:a.minute===e-1}),onClick:t=>a.minute=e-1},E(a.leftPad(e-1)),11,Fo))],64))),64))],512)]),Y(`div`,Io,[Y(`ul`,Lo,[(q(),J(W,null,Tr(60,e=>(q(),J(W,null,[n.disabledSecond(e-1)?Z(``,!0):(q(),J(`li`,{key:0,role:`option`,"aria-label":a.leftPad(e-1),"aria-selected":a.second===e-1,class:T({selected:a.second===e-1}),onClick:t=>a.second=e-1},E(a.leftPad(e-1)),11,Ro))],64))),64))],512)])])]),_:3},16,[`show`])}var Bo=Pa({components:{DitoTrigger:yo,DitoInput:So,DitoIcon:wo},emits:[`update:modelValue`,`update:show`,`change`,`focus`,`blur`],inheritAttrs:!1,props:{modelValue:{type:Date,default:null},transition:{type:String,default:`slide`},placement:{type:String,default:`bottom-left`},placeholder:{type:String,default:null},show:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},target:{type:[String,HTMLElement],default:`trigger`},locale:{type:String,default:`en-US`},format:{type:Object,default:()=>({time:t.defaultFormats.time,date:!1})},disabledHour:{type:Function,default:()=>!1},disabledMinute:{type:Function,default:()=>!1},disabledSecond:{type:Function,default:()=>!1}},data(){return{currentValue:this.modelValue,showPopup:this.show,inputFocused:!1,ignoreNextChange:!1}},computed:{focused(){return this.inputFocused||this.showPopup},input(){return go(this)?.querySelector(`input`)},formatOptions(){return{locale:this.locale,...this.format}},currentText:{get(){return(0,t.format)(this.currentValue,this.formatOptions)||``},set(e){let t=Ra(e,this.formatOptions);t&&(this.currentValue=t)}},currentDate(){return this.currentValue||La(new Date,{hour:0,minute:0,second:0,millisecond:0})},hour:{get(){return this.currentDate.getHours()},set(e){this.setTime({hour:e})}},minute:{get(){return this.currentDate.getMinutes()},set(e){this.setTime({minute:e})}},second:{get(){return this.currentDate.getSeconds()},set(e){this.setTime({second:e})}}},watch:{modelValue(e,t){+e!=+t&&(this.currentValue=e,this.scrollAll(!0))},currentValue(e){+e!=+this.modelValue&&(this.$emit(`update:modelValue`,e),this.$emit(`change`,e),this.scrollAll(!0))},currentText(){let{input:e}=this,t=Eo(e);this.focused&&!this.ignoreNextChange&&t.start===t.end&&this.$nextTick(()=>To(e,t)),this.ignoreNextChange=!1},show(e){this.showPopup=e},showPopup(e,t){e&&this.scrollAll(!1),e^t&&this.$emit(`update:show`,e)},focused(e,t){e^t&&this.$emit(e?`focus`:`blur`)}},methods:{leftPad(e){return(`0`+e).slice(-2)},setTime(e){this.currentValue=La(this.currentDate,{...e,millisecond:0})},scrollAll(e){let t=(t,n)=>{let r=this.$refs[t];if(r){let t=r.scrollHeight/(r.childElementCount+6),i=Math.round(n*t),a=Math.abs(r.scrollTop-i);r.scrollTo({top:i,behavior:e&&a<100?`smooth`:`auto`})}};this.$nextTick(()=>{t(`hour`,this.hour),t(`minute`,this.minute),t(`second`,this.second)})},onFocus(e){this.inputFocused=e,this.showPopup=e},onKeyDown(e){if(e.key===`Escape`){this.showPopup=!1,e.preventDefault();return}let{input:n}=this,r=Eo(n),{ver:i,enter:a}=ho(e);if(i||a){e.preventDefault();let t=e=>za(this.currentText,e,this.formatOptions);if(i){if(!this.showPopup)this.showPopup=!0;else{let{name:e,start:a}=t(r.start)||{};if(e){let r=this[e]+i,o=this.$refs[e].childElementCount;this[e]=r<0?r+o:r>=o?r-o:r,this.ignoreNextChange=!0,this.$nextTick(()=>To(n,t(a)))}}}else a&&(this.showPopup=!1)}else if(r.start===r.end){let{value:i}=n,a=r.start,o=e=>!isNaN(Number(e));if(e.key.length===1){if(o(e.key)&&a<i.length)i[a]===`:`&&o(i[a-1])&&o(i[a-2])&&a++,o(i[a])&&(o(i[a+1])||o(i[a-1]))&&(n.value=i.slice(0,a)+i.slice(a+1),To(n,{start:a,end:a}));else{let a=(0,t.format)(this.currentValue,this.formatOptions).length;i.length===a?e.preventDefault():i.length>a&&(n.value=i.slice(0,a),To(n,r),e.preventDefault())}}else e.key===`Backspace`&&(a===1||[` `,`:`].includes(i[a-2]))&&(a===i.length||i[a]===`:`?(a--,n.value=i.slice(0,a)+((i[a-1]??``)+`00`)+i.slice(a+1),To(n,{start:a,end:a})):o(i[a])&&!o(+i[a+1])&&(n.value=i.slice(0,a)+`0`+i.slice(a),To(n,{start:a,end:a})))}},onMouseDown(e){this.showPopup=!this.disabled&&(!e||!this.showPopup),this.showPopup&&this.focus()},focus(){this.input.focus()},blur(){this.input.blur()}}},[[`render`,zo]]),Vo={class:`dito-date-time-picker`,ref:`picker`};function Ho(e,t,n,r,i,a){let o=V(`DitoIcon`),s=V(`DitoInput`),c=V(`DitoDatePicker`),l=V(`DitoTimePicker`);return q(),J(`div`,Vo,[Y(`div`,{class:T([`dito-date-time-picker__inner`,{"dito-date-time-picker__inner--focus":a.focused}])},[X(s,Q({class:`dito-date-time-picker__input`,ref:`input`,modelValue:a.currentText,"onUpdate:modelValue":t[1]||=e=>a.currentText=e,type:`text`},{placeholder:n.placeholder,disabled:n.disabled,focused:a.focused,...e.$attrs},{onFocus:t[2]||=e=>a.onFocus(!0),onBlur:t[3]||=e=>a.onFocus(!1),onKeydown:a.onKeyDown,onMousedown:t[4]||=wa(e=>a.onMouseDown(!1),[`stop`])}),{prefix:z(()=>[H(e.$slots,`prefix`)]),suffix:z(()=>[X(o,{name:`calendar`,disabled:n.disabled,onMousedown:t[0]||=wa(e=>a.onMouseDown(!0),[`prevent`])},null,8,[`disabled`]),H(e.$slots,`suffix`)]),_:3},16,[`modelValue`,`onKeydown`]),X(c,Q({ref:`date`,modelValue:i.currentValue,"onUpdate:modelValue":t[5]||=e=>i.currentValue=e,show:i.showDate,"onUpdate:show":t[6]||=e=>i.showDate=e,placement:`bottom-left`,target:e.$refs.picker},a.attributes),{trigger:z(()=>[...t[9]||=[]]),_:1},16,[`modelValue`,`show`,`target`]),X(l,Q({ref:`time`,modelValue:i.currentValue,"onUpdate:modelValue":t[7]||=e=>i.currentValue=e,show:i.showTime,"onUpdate:show":t[8]||=e=>i.showTime=e,placement:`bottom-right`,target:e.$refs.picker},a.attributes),{trigger:z(()=>[...t[10]||=[]]),_:1},16,[`modelValue`,`show`,`target`])],2)],512)}var Uo=Pa({components:{DitoInput:So,DitoDatePicker:Oo,DitoTimePicker:Bo,DitoIcon:wo},emits:[`update:modelValue`,`change`,`focus`,`blur`],inheritAttrs:!1,props:{modelValue:{type:Date,default:null},transition:{type:String,default:`slide`},placeholder:{type:String,default:null},disabled:{type:Boolean,default:!1},locale:{type:String,default:`en-US`},format:{type:Object,default:null}},data(){return{currentValue:this.modelValue,showDate:!1,showTime:!1,inputFocused:!1,dateFocused:!1,timeFocused:!1,closedMode:null}},computed:{attributes(){let{transition:e,disabled:t,locale:n,formatOptions:r}=this;return{transition:e,disabled:t,locale:n,format:r}},focused(){return this.inputFocused||this.showDate||this.showTime},input(){return this.$refs.input.input},formatOptions(){return(0,t.assignDeeply)({locale:this.locale,time:t.defaultFormats.time,date:t.defaultFormats.date},{date:{month:`short`,format:(e,t,n)=>t===`literal`&&/\bat\b/.test(e)?`, `:this.format?.date?.format?.(e,t,n)??e}},this.format)},timeIndex(){let e=this.currentText;if(e){let t=e.match(/([\S]+\s*)$/)?.[1];if(t)return e.length-t.length}return null},currentText:{get(){return(0,t.format)(this.currentValue,this.formatOptions)||``},set(e){let t=Ra(e,this.formatOptions);if(t){let e=Eo(this.input);this.currentValue=t,this.$nextTick(()=>To(this.input,e))}}}},watch:{modelValue(e,t){+e!=+t&&(this.currentValue=e)},currentValue(e){+e!=+this.modelValue&&(this.$emit(`update:modelValue`,e),this.$emit(`change`,e))},focused(e,t){e^t&&this.$emit(e?`focus`:`blur`)}},methods:{onFocus(e){this.inputFocused=e,e?this.updatePopups():(this.showDate=!1,this.showTime=!1)},onMouseDown(e){e&&(this.showDate||this.showTime)?(this.showDate=!1,this.showTime=!1):this.disabled||(this.focus(),requestAnimationFrame(()=>this.updatePopups()))},onKeyDown(e){let t=this.getMode(e);this.$refs[t].onKeyDown(e),e.defaultPrevented?this.closedMode=t:t!==this.closedMode&&this.updatePopups(t)},getMode(e=null){let{start:t}=Eo(this.input),{hor:n}=ho(e);return this.timeIndex===null||t+n<this.timeIndex?`date`:`time`},updatePopups(e=this.getMode()){e&&(this.closedMode=null),this.showDate=e===`date`,this.showTime=e===`time`},focus(){this.input.focus()},blur(){this.input.blur()}}},[[`render`,Ho]]),Wo={class:`dito-pagination`,"aria-label":`Pagination`},Go={key:0,class:`dito-pagination-total`},Ko={key:1,class:`dito-buttons dito-buttons--round`},qo=[`disabled`,`aria-label`,`aria-current`,`onClick`],Jo={key:0};function Yo(e,t,n,r,i,a){return q(),J(`nav`,Wo,[n.showTotal?(q(),J(`div`,Go,[n.total>0?(q(),J(W,{key:0},[mi(E(a.first)+` – `+E(a.last)+` / `+E(n.total),1)],64)):Z(``,!0)])):Z(``,!0),a.numPages>1?(q(),J(`div`,Ko,[(q(!0),J(W,null,Tr(a.buttons,e=>(q(),J(`button`,{class:T([`dito-button`,a.getButtonClasses(e)]),disabled:e.disabled,"aria-label":a.getButtonLabel(e),"aria-current":e.active?`page`:null,onClick:t=>a.onClickButton(e)},[e.text?(q(),J(`span`,Jo,E(e.text),1)):Z(``,!0)],10,qo))),256))])):Z(``,!0)])}var Xo=Pa({emits:[`update:page`],props:{total:{type:Number,default:0},page:{type:Number,default:1},pageSize:{type:Number,default:10},showTotal:{type:Boolean,default:!0}},data(){return{showPrev:!0,showNext:!0,currentPage:this.page}},computed:{first(){return(this.currentPage-1)*this.pageSize+1},last(){return Math.min(this.first+this.pageSize-1,this.total)},numPages(){return Math.ceil(this.total/this.pageSize)},buttons(){let{showPrev:e,showNext:t,currentPage:n,numPages:r}=this,i=e+t+1,a=1,o;r<=i?o=r:n<=e+1?o=i:n>=r-t?(o=r,a=r-i+1):(a=n-e,o=n+t);let s=[];s.push({index:n-1,type:`prev`,disabled:n<=1}),a>=2&&s.push({index:1,text:1}),a>2&&s.push({index:Math.max(1,n-10),type:`ellipsis-prev`});for(let e=a;e<=o;e++)s.push({index:e,text:e,active:e===n});return o<r-1&&s.push({index:Math.min(r,n+10),type:`ellipsis-next`}),o<=r-1&&s.push({index:r,text:r}),s.push({index:n+1,type:`next`,disabled:n>=r}),s}},watch:{page(e){this.currentPage=e},pageSize(){this.currentPage>this.numPages&&(this.currentPage=this.numPages)},currentPage(e,t){e!==t&&this.$emit(`update:page`,e)}},created(){this.currentPage=this.page},methods:{getButtonClasses(e){let t=`dito-button`;return{[`${t}--${e.type}`]:e.type,[`${t}--active`]:e.active}},getButtonLabel(e){return e.type===`prev`?`Previous page`:e.type===`next`?`Next page`:e.text?`Page ${e.text}`:null},onClickButton(e){e.index&&!e.disabled&&e.index!==this.currentPage&&(this.currentPage=e.index)}}},[[`render`,Yo]]),Zo={class:`dito-switch__pane`},Qo=[`id`,`aria-checked`,`name`,`disabled`],$o={key:0,class:`dito-switch__label`};function es(e,t,n,r,i,a){return q(),J(`div`,{class:T([`dito-switch`,a.classes]),style:pe(a.styles)},[Y(`div`,Zo,[qn(Y(`input`,Q({id:n.id,ref:`input`},a.attributes,{"onUpdate:modelValue":t[0]||=e=>i.checked=e,role:`switch`,type:`checkbox`,"aria-checked":i.checked,name:n.name,disabled:n.disabled}),null,16,Qo),[[da,i.checked]]),t[1]||=Y(`div`,{class:`dito-switch__button`},null,-1),n.labels?(q(),J(`span`,$o,[i.checked?H(e.$slots,`checked`,{},()=>[mi(E(n.labels.checked||`on`),1)],void 0,0):H(e.$slots,`unchecked`,{},()=>[mi(E(n.labels.unchecked||`off`),1)],void 0,1)])):Z(``,!0)])],6)}var ts=Pa({emits:[`update:modelValue`,`change`],inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!1},id:{type:String,default:null},name:{type:String,default:null},disabled:{type:Boolean,default:!1},labels:{type:[Object,Boolean],default:!1}},data(){return{checked:this.modelValue}},computed:{classes(){let e=`dito-switch`;return[this.$attrs.class,{[`${e}--checked`]:this.checked,[`${e}--disabled`]:this.disabled}]},styles(){let{labels:{checked:e,unchecked:t}={}}=this,n=Math.max(0,e?.length,t?.length);return{"--switch-width":n?`${n*1.5}rem`:null}},attributes(){let{class:e,...t}=this.$attrs;return t}},watch:{modelValue(e){this.checked=e},checked(e){e!==this.modelValue&&(this.$emit(`update:modelValue`,e),this.$emit(`change`,e))}},methods:{focus(){this.$refs.input.focus()}}},[[`render`,es]]);function ns({enabled:e},{slots:t}){return e?ji(zi,ss,t):t.default()}ns.props={enabled:{type:Boolean,default:!0}};var rs=ns,is=(e,t)=>Object.assign(e.style,t),as=e=>setTimeout(e,0),os=e=>getComputedStyle(e).height,ss={name:`dito-height`,onAfterEnter(e){as(()=>is(e,{height:null}))},onEnter(e){let{width:t}=getComputedStyle(e);is(e,{width:t,position:`absolute`,visibility:`hidden`,height:`auto`}),as(()=>{let{height:t}=getComputedStyle(e);is(e,{width:null,position:null,visibility:null,height:0}),os(e),as(()=>is(e,{height:t}))})},onLeave(e){let{height:t}=getComputedStyle(e);is(e,{height:t}),os(e),as(()=>is(e,{height:0}))}};e.DitoButton=Fa,e.DitoCalendar=uo,e.DitoDatePicker=Oo,e.DitoDateTimePicker=Uo,e.DitoIcon=wo,e.DitoInput=So,e.DitoPagination=Xo,e.DitoSwitch=ts,e.DitoTimePicker=Bo,e.DitoTrigger=yo,e.TransitionHeight=rs,e.addEvents=fo,e.alterDate=La,e.combineEvents=po,e.describeDate=Ia,e.getDatePartAtPosition=za,e.getKey=mo,e.getKeyNavigation=ho,e.getSelection=Eo,e.hasSlotContent=Da,e.hasVNodeContent=Ea,e.parseDate=Ra,e.raw=Oa,e.setSelection=To});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ditojs/ui",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.2.6",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Dito.js UI is a simple UI library, built with Vue.js for use in Dito.js Admin and elsewhere",
|
|
6
6
|
"repository": "https://github.com/ditojs/dito/tree/main/packages/ui",
|
|
@@ -40,11 +40,11 @@
|
|
|
40
40
|
"ie_mob >= 11"
|
|
41
41
|
],
|
|
42
42
|
"dependencies": {
|
|
43
|
-
"@ditojs/utils": "^3.
|
|
43
|
+
"@ditojs/utils": "^3.2.6"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
46
|
-
"@ditojs/build": "^3.
|
|
46
|
+
"@ditojs/build": "^3.2.6",
|
|
47
47
|
"vite": "^8.3.2"
|
|
48
48
|
},
|
|
49
|
-
"gitHead": "
|
|
49
|
+
"gitHead": "d9868ae96d60a70b5e7ba89a5fc91e07b267a0d5"
|
|
50
50
|
}
|
|
@@ -204,38 +204,73 @@ export default {
|
|
|
204
204
|
if (this.keepInView) {
|
|
205
205
|
const winWidth = window.innerWidth
|
|
206
206
|
const winHeight = window.innerHeight
|
|
207
|
+
const roomAbove = triggerTop
|
|
208
|
+
const roomBelow = winHeight - triggerTop - triggerHeight
|
|
209
|
+
const roomLeft = triggerLeft
|
|
210
|
+
const roomRight = winWidth - triggerLeft - triggerWidth
|
|
211
|
+
// Flips the popup to the other side if it doesn't fit, but only if
|
|
212
|
+
// there's more room there, so it doesn't move further out of view.
|
|
213
|
+
const shouldFlip = (room, otherRoom, size) => (
|
|
214
|
+
room < size && otherRoom > room
|
|
215
|
+
)
|
|
216
|
+
|
|
207
217
|
if (part1 === 'top') {
|
|
208
|
-
if (
|
|
218
|
+
if (shouldFlip(roomAbove, roomBelow, popupHeight)) {
|
|
209
219
|
part1 = 'bottom'
|
|
210
220
|
}
|
|
211
221
|
} else if (part1 === 'bottom') {
|
|
212
|
-
if (
|
|
222
|
+
if (shouldFlip(roomBelow, roomAbove, popupHeight)) {
|
|
213
223
|
part1 = 'top'
|
|
214
224
|
}
|
|
215
225
|
} else if (part1 === 'left') {
|
|
216
|
-
if (
|
|
226
|
+
if (shouldFlip(roomLeft, roomRight, popupWidth)) {
|
|
217
227
|
part1 = 'right'
|
|
218
228
|
}
|
|
219
229
|
} else if (part1 === 'right') {
|
|
220
|
-
if (
|
|
230
|
+
if (shouldFlip(roomRight, roomLeft, popupWidth)) {
|
|
221
231
|
part1 = 'left'
|
|
222
232
|
}
|
|
223
233
|
}
|
|
224
234
|
|
|
235
|
+
// The alignments of the popup's edges with the trigger's edges.
|
|
225
236
|
if (part2 === 'top') {
|
|
226
|
-
if (
|
|
237
|
+
if (
|
|
238
|
+
shouldFlip(
|
|
239
|
+
winHeight - triggerTop,
|
|
240
|
+
triggerTop + triggerHeight,
|
|
241
|
+
popupHeight
|
|
242
|
+
)
|
|
243
|
+
) {
|
|
227
244
|
part2 = 'bottom'
|
|
228
245
|
}
|
|
229
246
|
} else if (part2 === 'bottom') {
|
|
230
|
-
if (
|
|
247
|
+
if (
|
|
248
|
+
shouldFlip(
|
|
249
|
+
triggerTop + triggerHeight,
|
|
250
|
+
winHeight - triggerTop,
|
|
251
|
+
popupHeight
|
|
252
|
+
)
|
|
253
|
+
) {
|
|
231
254
|
part2 = 'top'
|
|
232
255
|
}
|
|
233
256
|
} else if (part2 === 'left') {
|
|
234
|
-
if (
|
|
257
|
+
if (
|
|
258
|
+
shouldFlip(
|
|
259
|
+
winWidth - triggerLeft,
|
|
260
|
+
triggerLeft + triggerWidth,
|
|
261
|
+
popupWidth
|
|
262
|
+
)
|
|
263
|
+
) {
|
|
235
264
|
part2 = 'right'
|
|
236
265
|
}
|
|
237
266
|
} else if (part2 === 'right') {
|
|
238
|
-
if (
|
|
267
|
+
if (
|
|
268
|
+
shouldFlip(
|
|
269
|
+
triggerLeft + triggerWidth,
|
|
270
|
+
winWidth - triggerLeft,
|
|
271
|
+
popupWidth
|
|
272
|
+
)
|
|
273
|
+
) {
|
|
239
274
|
part2 = 'left'
|
|
240
275
|
}
|
|
241
276
|
}
|
|
@@ -83,6 +83,13 @@
|
|
|
83
83
|
&[disabled] {
|
|
84
84
|
@extend %button-disabled;
|
|
85
85
|
}
|
|
86
|
+
|
|
87
|
+
.dito-buttons--round & {
|
|
88
|
+
padding: $button-round-padding;
|
|
89
|
+
min-width: $input-height;
|
|
90
|
+
min-height: $input-height;
|
|
91
|
+
border-radius: 1em;
|
|
92
|
+
}
|
|
86
93
|
}
|
|
87
94
|
|
|
88
95
|
.dito-buttons {
|
|
@@ -101,15 +108,6 @@
|
|
|
101
108
|
margin-left: 1.5em;
|
|
102
109
|
}
|
|
103
110
|
|
|
104
|
-
&--round {
|
|
105
|
-
.dito-button {
|
|
106
|
-
padding: $button-round-padding;
|
|
107
|
-
min-width: $input-height;
|
|
108
|
-
min-height: $input-height;
|
|
109
|
-
border-radius: 1em;
|
|
110
|
-
}
|
|
111
|
-
}
|
|
112
|
-
|
|
113
111
|
&--small {
|
|
114
112
|
--button-margin: 1px;
|
|
115
113
|
}
|