x4js 2.0.5 → 2.0.6

package/build/x4.css

@@ -0,0 +1 @@
+.box,.vbox,.x4vbox,.hbox,.x4hbox{position:relative}.hbox,.x4hbox{display:flex;flex-direction:row;align-items:center}.vbox,.x4vbox{display:flex;flex-direction:column}.fit,.x4stackbox>*{position:absolute;inset:0}.x4stackbox>*{position:relative!important}.x4stackbox>*:not(.selected){display:none}.box,.vbox,.hbox,.x4icon{position:relative}.hbox,.x4icon{display:flex;flex-direction:row;align-items:center}.x4icon{min-width:10px;height:10px;overflow:hidden}.x4icon svg{width:100%;height:100%}.box,.vbox,.hbox,.x4button{position:relative}.hbox,.x4button{display:flex;flex-direction:row;align-items:center}.flex,.x4button>#label{flex-grow:1;flex-shrink:0;flex-basis:0;min-width:0}:root{--button-background: var( --accent-background );--button-color: var( --accent-color );--button-background-hover: var( --accent-background-hover );--button-color-hover: var( --accent-color-hover );--button-background-active: var( --accent-background-active );--button-color-active: var( --accent-color-active );--button-background-focus: var( --accent-background-focus );--button-color-focus: var( --accent-color-focus );--button-background-disabled: var( --disabled-background );--button-color-disabled: var( --disabled-color );--button-icon-color: rgb(255 255 255 / 64%);--ol-button-background: var( --background-primary );--ol-button-background-active: #eee;--ol-button-color: var( --text-primary );--ol-button-border: var( --border );--ol-button-icon-color: var( --text-primary );--ol-button-border-focus: var( --accent-background-focus );--ol-button-color-focus: var( --accent-background )}.x4button{gap:4px;font-size:inherit;font-family:inherit;padding:8px;margin:2px;transition:background-color .3s,color .3s;border:none;outline:none;cursor:pointer;background-color:var(--button-background);color:var(--button-color);gap:.4em}.x4button>#icon{transition:color .3s;width:1em;height:1em}.x4button>#icon.empty{display:none}.x4button>#label{padding:0;color:inherit}.x4button>#label:empty{display:none}.x4button:focus{background-color:var(--button-background-focus);color:var(--button-color-focus)}.x4button:focus #icon{color:var(--button-color-focus)}.x4button:focus #label{text-decoration:underline}.x4button:hover{background-color:var(--button-background-hover);color:var(--button-color-hover)}.x4button:active{background-color:var(--button-background-active);color:var(--button-color-active)}.x4button[disabled]{cursor:not-allowed;background-color:var(--button-background-disabled);color:var(--button-color-disabled)}.x4button.outline{background-color:var(--ol-button-background);border:1px solid var(--ol-button-border);color:var(--ol-button-color)}.x4button.outline #icon{color:var(--ol-button-icon-color)}.x4button.outline:focus{border-color:var(--ol-button-border-focus);color:var(--ol-button-color-focus)}.x4button.outline:focus #icon{color:var(--ol-button-color-focus)}.x4button.outline:active{background-color:var(--ol-button-background-active);color:var(--button-color-active)}.x4button.outline:active #icon{color:var(--button-icon-color)}.x4button.danger{background-color:var(--alert-background);color:var(--alert-color)}.x4button.danger:active{background-color:var(--alert-background-active)}.x4btngroup{align-content:start;margin:5px;gap:4px}.x4btngroup.align-right{justify-content:end}.x4btngroup.align-center{justify-content:center}.box,.vbox,.hbox,.x4label{position:relative}.hbox,.x4label{display:flex;flex-direction:row;align-items:center}:root{--label-background: transparent;--label-color: var( --text-ternary );--label-icon-color: rgb(0 0 0 / 44%)}.x4label{color:var(--label-color);background-color:var(--label-background);text-align:left;gap:.2em}.x4label.right{text-align:right}.x4label.center{text-align:center}.x4label #icon{width:1em;margin:0 .1em;color:var(--label-icon-color)}.x4label #icon.empty{display:none}.x4csizer{position:absolute}.x4csizer.top{left:0;right:0;height:8px;z-index:10;cursor:ns-resize;top:0}.x4csizer.bottom{left:0;right:0;height:8px;z-index:10;cursor:ns-resize;bottom:0}.x4csizer.left{top:0;bottom:0;width:8px;z-index:10;cursor:ew-resize;left:0}.x4csizer.right{top:0;bottom:0;width:8px;z-index:10;cursor:ew-resize;right:0}.x4csizer.top-left{width:8px;height:8px;z-index:11;left:0;top:0;cursor:nw-resize}.x4csizer.top-right{width:8px;height:8px;z-index:11;right:0;top:0;cursor:ne-resize}.x4csizer.bottom-left{width:8px;height:8px;z-index:11;left:0;bottom:0;cursor:ne-resize}.x4csizer.bottom-right{width:8px;height:8px;z-index:11;right:0;bottom:0;cursor:nw-resize}:root{--modal-mask-background: rgba(0,0,0,.5)}.x4popup{background-color:var(--fill-color);position:absolute;border:1px solid var(--border-color);overflow:hidden;z-index:1000;border-radius:var(--bradius)}.x4popup.popup-caption,.x4popup .popup-caption{cursor:move}.x4modal-mask{background-color:var(--modal-mask-background);position:absolute;inset:0;z-index:1000}.box,.vbox,.hbox,.x4menu .x4cmenuitem{position:relative}.hbox,.x4menu .x4cmenuitem{display:flex;flex-direction:row;align-items:center}.flex,.x4menu .x4cmenuitem #text{flex-grow:1;flex-shrink:0;flex-basis:0;min-width:0}.shadow-lg,.x4menu{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}:root{--menu-background: var( --background-primary );--menu-border: var( --border-hover );--menuitem-color: var( --text-ternary );--menuitem-background-active: var( --accent-background-active );--menuitem-color-active: var( --accent-color-active );--menuitem-background-hover: var( --accent-background-hover );--menuitem-color-hover: var( --accent-color-hover )}.x4menu{position:absolute;overflow-y:scroll;border-radius:var(--bradius);padding:8px 0;min-width:150px;background-color:var(--menu-background);border:1px solid var(--menu-border);max-height:calc(100vh - 32px)}.x4menu .x4cmenuitem{transition:background-color .3s,color .3s;align-items:center;color:var(--menuitem-color);padding:6px;gap:10px;cursor:pointer;transition:background-color .1s}.x4menu .x4cmenuitem #icon{width:16px;height:16px}.x4menu .x4cmenuitem.title{color:var(--text-primary);cursor:auto;margin-left:-16px;margin-top:-6px;font-weight:600}.x4menu .x4cmenuitem.popup:after{content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" fill="var(--color-gray-8)"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M246.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-9.2-9.2-22.9-11.9-34.9-6.9s-19.8 16.6-19.8 29.6l0 256c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l128-128z"/></svg>');width:6px}.x4menu .x4cmenuitem:hover:not(.title),.x4menu .x4cmenuitem.opened{background-color:var(--menuitem-background-hover);color:var(--menuitem-color-hover)}.x4menu .x4cmenuitem:active:not(.title){background-color:var(--menuitem-background-active);color:var(--menuitem-color-active)}.x4menu .x4cmenuitem[disabled]{color:var(--disabled-color-dark)!important}.x4menu .x4cmenuitem[disabled]:hover{background-color:var(--disabled-background)!important}.x4menu .x4cmenusep{padding-top:4px;border-bottom:1px solid var(--border);margin-bottom:4px}.box,.vbox,.hbox,.x4calendar .week .cell .text{position:relative}.hbox,.x4calendar .week .cell .text{display:flex;flex-direction:row;align-items:center}.flex,.x4calendar .week,.x4calendar .week .cell{flex-grow:1;flex-shrink:0;flex-basis:0;min-width:0}:root{--calendar-btn-background: inherit;--calendar-btn-color: var( --text-secondary );--calendar-btn-color-hover: var( --text-primary );--calendar-week-color: var( --accent-background );--calendar-week-color-hover: var( --accent-background-hover );--calendard-day-background-hover: var( --accent-background-hover );--calendard-day-color-hover: var( --accent-color-hover );--calendar-sel-background: var( --accent-background );--calendar-sel-color: var( --accent-color );--calendar-today-background: var( --alert-background );--calendar-today-color: var( --alert-color );--calendar-today-border: var( --accent-background );--calendar-header-color: var( --text-primary );--calendar-out-color: var( --disabled-color-dark )}.x4calendar{border:1px solid var(--border);padding:4px}.x4calendar .month-sel{height:2em;align-items:center;padding-left:2em;margin-bottom:8px}.x4calendar .month-sel .month{padding-right:4px}.x4calendar .month-sel .year,.x4calendar .month-sel .month{cursor:pointer}.x4calendar .month-sel .month:hover,.x4calendar .month-sel .year:hover{text-decoration:underline}.x4calendar .month-sel .x4label{font-weight:700}.x4calendar .month-sel .x4button{height:auto;background-color:var(--calendar-btn-background);color:var(--calendar-btn-color)}.x4calendar .month-sel .x4button:hover{color:var(--calendar-btn-color-hover)}.x4calendar .week{align-items:center;padding:2px}.x4calendar .week .cell{min-width:28px;min-height:28px;color:var(--gray-900);text-align:center}.x4calendar .week .cell .text{transition:background-color .3s,color .3s;justify-content:center;border:1px solid transparent;margin:auto;border-radius:14px;width:28px;height:28px}.x4calendar .week .today .text{font-weight:700;background-color:var(--calendar-today-background);color:var(--calendar-today-color)}.x4calendar .week .selection .text{background-color:var(--calendar-sel-background);color:var(--calendar-sel-color)}.x4calendar .week .weeknum{width:2em;color:var(--calendar-week-color);font-size:70%}.x4calendar .week:hover .weeknum{font-weight:700}.x4calendar .week .day{cursor:pointer}.x4calendar .week .out{color:var(--calendar-out-color);font-size:80%}.x4calendar .week .day:hover .text{background-color:var(--calendard-day-background-hover);color:var(--calendard-day-color-hover)}.x4calendar .header .cell{color:var(--calendar-header-color);height:1.5em;justify-content:center}.x4calendar .header:hover{background-color:inherit}:root{--input-sel-background: var( --accent-background );--input-sel-color: var( --accent-color );--input-placeholder: var( --disabled-background );--input-error: var( --alert-background )}input.x4input{font:inherit;outline:none;border:none}input.x4input::selection{background-color:var(--input-sel-background);color:var(--input-sel-color)}input.x4input[type=text],input.x4input[type=password],input.x4input[type=email]{padding:8px 4px}input.x4input[type=checkbox]:checked,input.x4input[type=radio]:checked{accent-color:var(--color-80)}input.x4input[type=range]{accent-color:var(--color-60)}input.x4input::placeholder{color:var(--input-placeholder);font-style:italic;font-weight:90%}input.x4input[type=password]{font-weight:700}input.x4input:disabled{background-color:transparent}input.x4input:invalid{color:var(--input-error)}.box,.vbox,.hbox,.x4checkbox{position:relative}.hbox,.x4checkbox{display:flex;flex-direction:row;align-items:center}:root{--checkbox-background-check: var( --accent-background );--checkbox-background-check-hover: var( --accent-background-hover );--checkbox-background-disabled: var( --disabled-color );--checkbox-background-disabled-check: var( --disabled-background );--checkbox-color-disabled: var( --disabled-background );--checkbox-check-border: var( --border );--checkbox-check-border-hover: var( --border-hover )}.x4checkbox{display:flex;flex-direction:row;align-items:center;margin:5px;padding:4px;gap:4px;cursor:pointer}.x4checkbox .inner{height:1rem;width:1rem;color:#fff;position:relative;order:1}.x4checkbox .inner input{appearance:none;outline:none;cursor:pointer;display:block;margin:0;padding:0;left:0;top:0;width:100%;height:100%;transition:opacity .1s ease}.x4checkbox .inner input:checked{background-color:var(--checkbox-background-check)}.x4checkbox .inner input:checked:hover{background-color:var(--checkbox-background-check-hover)}.x4checkbox .inner input:not(:checked){border:1px solid var(--checkbox-check-border)}.x4checkbox .inner input:not(:checked):hover{border:1px solid var(--checkbox-check-border-hover)}.x4checkbox .inner svg{margin:auto;pointer-events:none;position:absolute;opacity:0;inset:0;width:100%;height:50%}.x4checkbox .inner:has(input:checked) input{opacity:1}.x4checkbox .inner:has(input:checked) svg{opacity:1}.x4checkbox:focus-within label #text{text-decoration:underline}.x4checkbox[disabled],.x4checkbox[disabled] *{cursor:not-allowed}.x4checkbox[disabled] label{pointer-events:none;color:var(--checkbox-color-disabled)}.x4checkbox[disabled] .inner{pointer-events:none}.x4checkbox[disabled] .inner input{background-color:var(--checkbox-background-disabled)}.x4checkbox[disabled] .inner input:checked{background-color:var(--checkbox-background-disabled-check)}.x4checkbox label{text-align:right;cursor:inherit;order:2}.x4checkbox.left #label{order:0;text-align:left}:root{--colorinput-btn-background: inherit;--colorinput-btn-color: var( --text-secondary );--colorinput-btn-color-hover: var( --text-primary )}.x4colorinput{margin:5px;border-bottom:1px solid var(--border);outline:none}.x4colorinput:focus-within{border-bottom-color:var(--border-focus)}.x4colorinput .swatch{margin:4px;width:1rem;height:1rem}.x4colorinput input{outline:none;margin:0;height:100%;flex-grow:1}.x4colorinput .x4button{margin:0;padding:0;outline:none;background-color:var(--combobox-btn-background);color:var(--colorinput-btn-color)}.x4colorinput .x4button #icon{color:var(--colorinput-btn-color)}.x4colorinput .x4button:hover,.x4colorinput .x4button:hover #icon{color:var(--colorinput-btn-color-hover)}.x4colorpicker{width:240px;gap:4px;touch-action:none;outline:none;margin:8px}.x4colorpicker .overlay{position:absolute;inset:0}.x4colorpicker .x4saturation{width:100%;height:140px;position:relative}.x4colorpicker .x4saturation .thumb{width:12px;height:12px;border:2px solid white;border-radius:8px;box-shadow:0 0 5px #00000080;position:absolute;transform:translate(-50%,50%)}.x4colorpicker .body{gap:4px}.x4colorpicker .body>.x4vbox{gap:4px}.x4colorpicker .body .x4hueslider{position:relative;height:16px;overflow:hidden;background-image:linear-gradient(to right,red,#ff0,#0f0,#00ffd4,#00f,#f0f,red);border:1px solid var(--color-gray-3)}.x4colorpicker .body .x4hueslider .thumb{width:12px;height:12px;border:2px solid white;border-radius:8px;box-shadow:0 0 5px #00000080;position:absolute;transform:translate(-50%,-50%);top:50%}.x4colorpicker .body .x4alphaslider{position:relative;height:16px;overflow:hidden}.x4colorpicker .body .x4alphaslider .checkers{background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:8px 8px;background-position:0 0,0 20px,20px -20px,-20px 0}.x4colorpicker .body .x4alphaslider .color{background-image:linear-gradient(90deg,transparent,rgb(0,178,255))}.x4colorpicker .body .x4alphaslider .thumb{width:12px;height:12px;border:2px solid white;border-radius:8px;box-shadow:0 0 5px #00000080;position:absolute;transform:translate(-50%,-50%);top:50%}.x4colorpicker .body .swatch{width:36px;height:36px}.x4colorpicker .body .swatch .checkers{border-radius:8px;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:8px 8px;background-position:0 0,0 20px,20px -20px,-20px 0}.x4colorpicker .body .swatch .color{border-radius:8px;background-image:linear-gradient(90deg,transparent,rgb(0,178,255))}.flex,.x4scrollview{flex-grow:1;flex-shrink:0;flex-basis:0;min-width:0}.x4viewport{width:100%}.box,.vbox,.x4listbox,.hbox{position:relative}.vbox,.x4listbox{display:flex;flex-direction:column}.flex,.x4listbox>.body .x4viewport .x4item{flex-grow:1;flex-shrink:0;flex-basis:0;min-width:0}:root{--listbox-item-background-sel: var( --accent-background );--listbox-item-color-sel: var( --accent-color );--listbox-item-color-sel-disabled: var( --disabled-background );--listbox-item-color: var( --text-primary );--listbox-item-color-disabled: var( --disabled-color-dark );--listbox-item-background-hover: var( --background-secondary );--listbox-border: var( --border );--listbox-border-focus: var( --accent-background-focus )}.x4listbox{margin:5px;border:1px solid var(--listbox-border);outline:none}.x4listbox:focus-within{border-color:var(--listbox-border-focus)}.x4listbox>.x4header{border-bottom:1px solid var(--color-gray-3)}.x4listbox>.body{width:100%;flex-basis:0;overflow-y:auto;overflow-x:auto;outline:none}.x4listbox>.body .x4viewport{display:table}.x4listbox>.body .x4viewport .x4item{padding:4px;background-color:transparent;color:var(--color-gray-9)}.x4listbox>.body .x4viewport .x4item>.x4label{color:inherit;padding:2px 6px}.x4listbox>.body .x4viewport .x4item:hover{background-color:var(--listbox-item-background-hover)}.x4listbox>.body .x4viewport .x4item.selected{background-color:var(--listbox-item-background-sel);color:var(--listbox-item-color-sel)}.x4listbox[disabled]{cursor:not-allowed;border-color:var(--border);color:var(--listbox-item-color-disabled)}.x4listbox[disabled]>.body .x4viewport{pointer-events:none}.x4listbox[disabled]>.body .x4viewport .x4item.selected{background-color:var(--listbox-item-color-sel-disabled)}.box,.vbox,.hbox,.x4dropdown,.x4combobox{position:relative}.hbox,.x4dropdown,.x4combobox{display:flex;flex-direction:row;align-items:center}.flex,.x4dropdown .x4listbox,.x4combobox>#edit,.x4combobox>#edit .x4input{flex-grow:1;flex-shrink:0;flex-basis:0;min-width:0}.shadow-xl,.x4dropdown{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}:root{--dropdown-border: var( --border-hover );--dropdown-background: var( --background-primary );--combobox-border: var( --border );--combobox-border-focus: var( --border-focus );--combobox-btn-background: inherit;--combobox-btn-color: var( --text-secondary );--combobox-btn-color-hover: var( --text-primary )}.x4dropdown{max-height:250px;position:absolute;background-color:var(--dropdown-background);border:1px solid var(--dropdown-border)}.x4dropdown .x4listbox{border:none;margin:0;width:100%;height:200px}.x4combobox{margin:5px}.x4combobox>#label{padding:0 6px;border-bottom:1px solid transparent}.x4combobox>#label>.x4label{height:100%;padding:0;font-weight:500;gap:0}.x4combobox>#label:after{content:":"}.x4combobox>#edit{border-bottom:1px solid var(--combobox-border)}.x4combobox>#edit .x4input[readonly]{cursor:pointer}.x4combobox>#edit .x4button{margin:0;padding:0;outline:none;background-color:var(--combobox-btn-background);color:var(--combobox-btn-color)}.x4combobox>#edit .x4button #icon{color:var(--combobox-btn-color)}.x4combobox>#edit .x4button:hover,.x4combobox>#edit .x4button:hover #icon{color:var(--combobox-btn-color-hover)}.x4combobox[disabled],.x4combobox[disabled] *{cursor:not-allowed}.x4combobox[disabled] #label .x4label{color:var(--disabled-color-dark);pointer-events:none}.x4combobox[required] .x4label:before{content:"*";color:var(--color-90)}.box,.vbox,.x4dialog,.hbox{position:relative}.vbox,.x4dialog{display:flex;flex-direction:column}.flex,.x4dialog>.caption>#title{flex-grow:1;flex-shrink:0;flex-basis:0;min-width:0}.shadow-xl,.x4dialog{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}:root{--color-dialog-caption: var( --color-primary-a80 );--color-dialog-caption-text: var( --color-primary-a0 )}.x4dialog{position:absolute;background-color:#fff;border:1px solid var(--border-dark);min-width:min-content;min-height:min-content}.x4dialog>.caption{padding:8px;background-color:var(--color-dialog-caption)}.x4dialog>.caption>#title{color:var(--color-dialog-caption-text);font-weight:700}.x4dialog>.caption>#closebox{margin:0;padding:4px}.x4dialog>.form{min-height:128px;min-width:450px}.x4dialog>#btnbar{border-top:1px solid var(--color-separation);padding:6px 16px;justify-content:end;gap:8px}.x4dialog>#btnbar>.x4button{min-width:80px}.x4dialog>#btnbar>.x4button .x-simple-label{text-align:center}.box,.vbox,.x4form,.hbox{position:relative}.vbox,.x4form{display:flex;flex-direction:column}.flex,.x4form{flex-grow:1;flex-shrink:0;flex-basis:0;min-width:0}:root{--form--background: var( --background-primary )}.x4form{padding:16px;background-color:var(--color-form)}.flex,.x4header{flex-grow:1;flex-shrink:0;flex-basis:0;min-width:0}:root{--header-background-hover: rgba(100,100,100,.1);--header-sizer-hover: var( --border-hover )}.x4header{width:100%;overflow:hidden;min-height:2em;border-bottom:1px solid var(--border)}.x4header .cell{border-bottom:1px solid transparent;overflow:hidden;min-width:3rem;transition:border-color .5s ease;padding:4px}.x4header .cell span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.x4header .cell:hover{background-color:var(--header-background-hover)}.x4header .cell .x4csizer:hover{border-right:1px solid var(--header-sizer-hover)}.x-image{position:relative;background:none}:root{--msgbox-caption-background: var( --alert-background );--msgbox-caption-color: var( --alert-color );--msgbox-icon-color: var( --alert-background )}.x4messagebox>.caption{background-color:var(--msgbox-caption-background)}.x4messagebox>.caption>#title{color:var(--msgbox-caption-color)}.x4messagebox .x4form .x4icon{color:var(--msgbox-icon-color);height:96px}.x4messagebox .x4form .x4label{padding:16px}.shadow-xl,.x4notification{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}:root{--notification-border: var( --border );--notification-icon-default: var( --accent-background );--notification-icon-success: var( --success-background );--notification-icon-danger: var( --alert-background )}.x4notification{padding:8px;border:1px solid var(--notification-border);border-left:3px solid var(--accent-background)}.x4notification>.x4hbox{gap:8px}.x4notification .x4icon{width:24px;color:var(--notification-icon-default)}.x4notification .body .title{font-weight:700;padding:6px 6px 3px}.x4notification .body .text{padding:3px 6px 6px;color:var(--color-gray-7)}.x4notification.success{border-left-color:var(--notification-icon-success)}.x4notification.success .x4icon{color:var(--notification-icon-success)}.x4notification.danger{border-left-color:var(--notification-icon-danger)}.x4notification.danger .x4icon{color:var(--notification-icon-danger)}.x4notification .x4button{height:24px;color:var(--color-gray-7);border:none}.rel-fit,.x4panel>.body{position:relative;inset:0}:root{--panel-border: var( --border );--panel-title-color: var( --border )}.x4panel{border:1px solid var(--panel-border);border-radius:4px;margin:5px;padding:8px;position:relative}.x4panel>legend{padding:0 5px;position:absolute;left:4px;top:-.7em;background-color:#fff;font-weight:700;color:var(--color-gray-9)}.x4panel>.body{overflow:hidden;justify-content:start;padding:8px}:root{--progress-background: var( --border );--progress-color: var( --accent-background )}.x4progress{background-color:var(--progress-background);position:relative;height:6px;margin:0 5px;border-radius:3px}.x4progress .bar{position:absolute;left:0;top:0;bottom:0;width:0;background-color:var(--progress-color);border-radius:3px;transition:width ease .2s}.x4progress.indeterm .bar{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:20px 20px;animation:slide 1s linear infinite}@keyframes slide{0%{background-position:0 0}to{background-position:2.5rem 0}}:root{--rating: var( --border );--rating-hover: var( --border-hover );--rating-checked: var( --accent-background )}.x4rating{gap:2px}.x4rating .item{width:16px;height:16px;color:var(--rating)}.x4rating .item:hover{color:var(--rating-hover)}.x4rating .item.checked{color:var(--rating-checked)}:root{--slider-track: var( --border );--slider-thumb-background: var( --accent-background );--slider-thumb-border: var( --accent-background );--slider-thumb-border-focus: var( --border-focus )}.x4slider{height:28px;outline:none;padding:10px 12px;touch-action:none;margin:5px 0}.x4slider .track{background-color:var(--slider-track);width:100%;position:relative;top:50%;height:3px}.x4slider .bar{position:absolute;width:61%;height:3px;background-color:var(--color-60)}.x4slider .thumb{position:absolute;left:61%;outline:none;background-color:var(--slider-thumb-background);border:3px solid var(--slider-thumb-border);border-radius:8px;top:50%;width:16px;height:16px;transform:translate(-50%,-50%);cursor:pointer}.x4slider:focus .thumb{outline-offset:3px;outline-color:var(--slider-thumb-border-focus);outline-style:solid;outline-width:1px}:root{--switch-border: var( --border );--switch-background: #eee;--switch-background-disabled: var( --disabled-background );--switch-checked: var( --accent-background )}.x4switch{display:flex;flex-direction:row;align-items:center;position:relative;gap:4px;margin-left:5px;padding:4px;cursor:pointer}.x4switch label{cursor:pointer}.x4switch:focus-within .x4label span{text-decoration:underline}.x4switch .switch{width:2.2rem;height:18px;position:relative}.x4switch .switch input{position:absolute;width:100%;height:100%;appearance:none;padding:0;margin:0;left:0;top:0;cursor:pointer}.x4switch .switch .track{position:absolute;pointer-events:none;left:0;top:0;width:100%;height:100%;border:1px solid var(--switch-border);background-color:var(--switch-background);border-radius:9px;transition:background-color ease .2s}.x4switch .switch .thumb{position:absolute;pointer-events:none;left:.05rem;top:1px;width:1rem;height:1rem;border-radius:8px;background-color:#fff;box-shadow:0 0 2px #00000080;transition:left ease .2s}.x4switch:has(input:checked) .switch .thumb{left:1.15rem}.x4switch:has(input:checked) .switch .track{background-color:var(--switch-checked)}.x4switch[disabled],.x4switch[disabled] *{cursor:not-allowed}.x4switch[disabled] input{pointer-events:none}.x4switch[disabled] label{pointer-events:none;color:var(--checkbox-color-disabled)}.x4switch[disabled] .switch .track,.x4switch[disabled].x4switch:has(input:checked) .switch .track{background-color:var(--switch-background-disabled)}:root{--tab-border-selected: var( --accent-background );--tab-border-hover: var( --accent-background-hover )}.x4tabs .x4ctablist{gap:4px;padding:5px 5px 0}.x4tabs .x4ctablist .x4button{border:none;border-bottom:2px solid transparent;color:var(--color-gray-7);margin:0;outline:none;transition:border-color .2s ease}.x4tabs .x4ctablist .x4button.selected{border-bottom-color:var(--tab-border-selected);font-weight:700;color:var(--color-gray-9)}.x4tabs .x4ctablist .x4button:hover{background-color:unset;color:#000;border-bottom-color:var(--tab-border-hover)}.x4tabs .x4ctablist .x4button:focus{color:var(--color-60)}.x4tabs>.body{padding:8px;border:1px solid var(--border)}.flex,.x4textarea textarea{flex-grow:1;flex-shrink:0;flex-basis:0;min-width:0}:root{--textarea-border: var( --border );--textarea-border-focus: var( --border-focus )}.x4textarea{margin:5px}.x4textarea .x4label{gap:0;padding:4px 0}.x4textarea .x4label:after{content:":"}.x4textarea textarea{border:1px solid var(--color-gray-3);padding:4px;outline:none;font:inherit;border:1px solid var(--textarea-border)}.x4textarea textarea:focus{border:1px solid var(--textarea-border-focus)}.x4textarea textarea::selection{background-color:var(--color-90);color:#fff}.x4textarea textarea[resize=false]{resize:none}.box,.vbox,.hbox,.x4textedit,.x4textedit>#label>.x4label,.x4textedit>#edit{position:relative}.hbox,.x4textedit,.x4textedit>#label>.x4label,.x4textedit>#edit{display:flex;flex-direction:row;align-items:center}.flex,.x4textedit>#edit,.x4textedit>#edit .x4input{flex-grow:1;flex-shrink:0;flex-basis:0;min-width:0}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}:root{--textedit-border: var( --border );--textedit-border-focus: var( --border-focus );--textedit-required: var( --alert-background );--textedit-btn-background: inherit;--textedit-btn-color: var( --text-secondary );--textedit-btn-color-hover: var( --text-primary );--textedit-color-disabled: var( --disabled-background )}.x4textedit{margin:5px;gap:6px}.x4textedit>#label{border-bottom:1px solid transparent}.x4textedit>#label>.x4label{height:100%;padding:0;font-weight:500;gap:0}.x4textedit>#label:after{content:":"}.x4textedit>#edit{border-bottom:1px solid var(--textedit-border)}.x4textedit>#edit .x4input{outline:none;margin:0}.x4textedit>#edit .x4button{margin:0;padding:0;background-color:var(--textedit-btn-background);color:var(--textedit-btn-color)}.x4textedit>#edit .x4button #icon{color:var(--textedit-btn-color)}.x4textedit>#edit .x4button:hover,.x4textedit>#edit .x4button:hover #icon{color:var(--textedit-btn-color-hover)}.x4textedit>#edit .x4button:focus{border-bottom-color:var(--textedit-border-focus)}.x4textedit:focus-within #edit{border-bottom-color:var(--textedit-border-focus)}.x4textedit[required]>#label>.x4label:before{content:"*";font-weight:700;color:var(--textedit-required)}.x4textedit[disabled],.x4textedit[disabled] *{cursor:not-allowed}.x4textedit[disabled] #label>.x4label #text,.x4textedit[disabled] #label>.x4label:before,.x4textedit[disabled] #label:after{color:var(--textedit-color-disabled)}.x4textedit[disabled] #edit input{color:var(--textedit-color-disabled);background-color:unset}.box,.vbox,.hbox{position:relative}.hbox{display:flex;flex-direction:row;align-items:center}.vbox{display:flex;flex-direction:column}.fit{position:absolute;inset:0}.rel-fit{position:relative;inset:0}.flex{flex-grow:1;flex-shrink:0;flex-basis:0;min-width:0}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.shadow-lg,.x4tooltip{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}:root{--tooltip-background: var( --color-primary-a70 );--tooltip-color: var( --color-primary-a0 );--tooltip-border: var( --border-dark )}.x4tooltip{display:flex;flex-direction:row;border:none;font-size:90%;position:absolute}.x4tooltip .x4icon{width:1.6em;height:100%;padding:2px 4px;background-color:var(--tooltip-background);color:var(--tooltip-color);border:1px solid var(--tooltip-border)}.x4tooltip .x4icon svg{max-height:100%}.x4tooltip #text{background-color:var(--tooltip-background);color:var(--tooltip-color);padding:4px}:root{--treeitem-backgound: var( );--treeitem-color: var( );--treeitem-backgound-hover: var( --background-secondary );--treeitem-color-hover: var( );--treeitem-background-sel: var( --accent-background );--treeitem-color-sel: var( --accent-color );--treeitem-backgound-active: var( --accent-background-active);--treeitem-color-active: var( --accent-color-active )}.x4treeview{overflow-y:auto;height:100%;margin:5px;outline:none;border:1px solid var(--border)}.x4treeview:focus{border:1px solid var(--border-focus)}.x4treeview .x4ctreeviewitem>.label{gap:4px;padding:4px}.x4treeview .x4ctreeviewitem>.label .x4label,.x4treeview .x4ctreeviewitem>.label .x4icon{color:inherit}.x4treeview .x4ctreeviewitem>.label .x4icon{width:16px}.x4treeview .x4ctreeviewitem>.label:hover{background-color:var(--treeitem-backgound-hover)}.x4treeview .x4ctreeviewitem>.label.selected{background-color:var(--treeitem-background-sel);color:var(--treeitem-color-sel)}.x4treeview .x4ctreeviewitem>.label:active{background-color:var(--accent-background-active);color:var(--accent-color-active)}.x4treeview .x4ctreeviewitem>.body:not(:first-child){padding-left:24px}.x4treeview .x4ctreeviewitem>.body{transition:opacity .5s ease}.x4treeview .x4ctreeviewitem.folder>.label{display:flex;flex-direction:row;align-items:center}.x4treeview .x4ctreeviewitem.folder>.label>.x-icon{transform:rotate(0);transition:transform .2s ease;width:16px;height:16px;cursor:pointer}.x4treeview .x4ctreeviewitem.folder>.body{overflow:hidden}.x4treeview .x4ctreeviewitem.folder:not(.open)>.body{height:0;opacity:0}.x4treeview .x4ctreeviewitem.folder:not(.open)>.label>.x4icon{transform:rotate(-90deg)}

package/build/x4.js

@@ -0,0 +1 @@
+var _n=Object.defineProperty;var ao=s=>{throw TypeError(s)};var i=(s,e)=>_n(s,"name",{value:e,configurable:!0});var lo=(s,e,t)=>e.has(s)||ao("Cannot "+t);var D=(s,e,t)=>(lo(s,e,"read from private field"),t?t.call(s):e.get(s)),De=(s,e,t)=>e.has(s)?ao("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(s):e.set(s,t),Le=(s,e,t,o)=>(lo(s,e,"write to private field"),o?o.call(s,t):e.set(s,t),t);var co=Symbol("i18n"),G={};function po(s,e){G[s]={name:s,base:e,src_translations:{},translations:{}}}i(po,"createLanguage");function ho(s){return G[s]!==void 0}i(ho,"isLanguage");function uo(s,...e){if(!ho(s))return;let t=G[s];e.forEach(o=>{mo(t.src_translations,o)}),t.translations=xo(t.src_translations,t.base,!0)}i(uo,"addTranslation");function mo(s,e){for(let t in e){let o=e[t];typeof o=="string"?s[t]=o:Array.isArray(o)&&(!s[t]||!Array.isArray(s[t]))?s[t]=[...o]:!s[t]||typeof s[t]!="object"?s[t]={...o}:mo(s[t],e[t])}}i(mo,"_patch");function xo(s,e,t){let o={};for(let n in s)typeof s[n]!="string"&&!Array.isArray(s[n])?o[n]=xo(s[n],e,!1):o[n]=s[n];return wn(o,e,t)}i(xo,"_proxyfy");function wn(s,e,t){return new Proxy(s,{get:i((o,n)=>{t?le=[n]:le.push(n);let r=o[n];return r===void 0&&(e&&(r=yn(e)),r===void 0&&console.error("I18N error: unable to find","_tr."+le.join("."))),r},"get")})}i(wn,"_mk_proxy");var le;function yn(s){for(;s;){let e=G[s],t=e.translations,o;for(let n of le){if(o=t[n],o===void 0)break;t=o}if(o!==void 0)return t;s=e.base}}i(yn,"_findBaseTrans");var x={};function Cn(s){if(ho(s))return x=G[s].translations,x[co]=s,x}i(Cn,"selectLanguage");function nr(){return x[co]}i(nr,"getCurrentLanguage");function rr(){return Object.keys(G)}i(rr,"getAvailableLanguages");var En={global:{ok:"OK",cancel:"Annuler",ignore:"Ignorer",yes:"Oui",no:"Non",abort:"Abandonner",retry:"Réessayer",error:"Erreur",today:"Aujourd'hui",open:"Ouvrir",new:"Nouveau",delete:"Supprimer",close:"Fermer",save:"Enregistrer",search:"Rechercher",search_tip:"Saisissez le texte à rechercher. <b>Enter</b> pour lancer la recherche. <b>Esc</b> pour annuler.",required_field:"information requise",invalid_format:"format invalide",invalid_email:"adresse mail invalide",invalid_number:"valeur numérique invalide",diff_date_seconds:"{0} secondes",diff_date_minutes:"{0} minutes",diff_date_hours:"{0} heures",invalid_date:"Date non reconnue ({0})",empty_list:"Liste vide",date_input_formats:"d/m/y|d.m.y|d m y|d-m-y|dmy",date_format:"D/M/Y",day_short:["dim","lun","mar","mer","jeu","ven","sam"],day_long:["dimanche","lundi","mardi","mercredi","jeudi","vendredi","samedi"],month_short:["jan","fév","mar","avr","mai","jun","jui","aoû","sep","oct","nov","déc"],month_long:["janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novembre","décembre"],property:"Propriété",value:"Valeur",err_403:"Vous n'avez pas les droits suffisants pour effectuer cette action",copy:"Copier",cut:"Couper",paste:"Coller"}},kn={global:{ok:"OK",cancel:"Cancel",ignore:"Ignore",yes:"Yes",no:"No",abort:"Abort",retry:"Retry",error:"Error",today:"Today",open:"Open",new:"New",delete:"Delete",close:"Close",save:"Save",search:"Search",search_tip:"Type in the text to search. <b>Enter</b> to start the search. <b>Esc</b> to cancel.",required_field:"missing information",invalid_format:"invalid format",invalid_email:"invalid email address",invalid_number:"bad numeric value",diff_date_seconds:"{0} seconds",diff_date_minutes:"{0} minutes",diff_date_hours:"{0} hours",invalid_date:"Unrecognized date({0})",empty_list:"Empty list",date_input_formats:"m/d/y|m.d.y|m d y|m-d-y|mdy",date_format:"M/D/Y",day_short:["sun","mon","tue","wed","thu","fri","sat"],day_long:["sunday","monday","tuesday","wednesday","thursday","friday","saturday"],month_short:["jan","feb","mar","apr","may","jun","jui","aug","sep","oct","nov","dec"],month_long:["january","february","march","april","mau","june","jully","august","september","october","november","december"],property:"Property",value:"Value",err_403:"You do not have sufficient rights to do that action",copy:"Copy",cut:"Cut",paste:"Paste"}};po("fr",null);uo("fr",En);po("en","fr");uo("en",kn);Cn("fr");function I(s){return typeof s=="string"}i(I,"isString");function N(s){return typeof s=="number"&&isFinite(s)}i(N,"isNumber");function Ae(s){return s instanceof Array}i(Ae,"isArray");function lr(s){return s instanceof Function}i(lr,"isFunction");var Re=class Re extends String{constructor(e){super(e)}};i(Re,"UnsafeHtml");var j=Re;function ce(s){return new j(s)}i(ce,"unsafeHtml");function L(s,e,t){return s<e?e:s>t?t:s}i(L,"clamp");var Oe=class Oe{constructor(e,t,o,n){e!==void 0&&(N(e)?(this.left=e,this.top=t,this.width=o,this.height=n):Object.assign(this,e))}get right(){return this.left+this.width}get bottom(){return this.top+this.height}};i(Oe,"Rect");var H=Oe;function de(s){switch(s){case"eyedropper":return"EyeDropper"in window}return!1}i(de,"isFeatureAvailable");var He=class He{setTimeout(e,t,o){this._timers?this.clearTimeout(e):this._timers=new Map;let n=setTimeout(o,t);return this._timers.set(e,n),n}clearTimeout(e){this._timers&&this._timers.has(e)&&(clearTimeout(this._timers.get(e)),this._timers.delete(e))}setInterval(e,t,o){this._timers?this.clearInterval(e):this._timers=new Map;let n=setInterval(o,t);return this._timers.set(e,n),n}clearInterval(e){this._timers&&this._timers.has(e)&&(clearInterval(this._timers.get(e)),this._timers.delete(e))}clearAllTimeouts(){var e;(e=this._timers)==null||e.forEach(t=>{clearTimeout(t)}),this._timers=null}};i(He,"Timer");var Y=He;function go(s){return requestAnimationFrame(s)}i(go,"asap");function O(s,e,t="0"){let o;return I(s)?o=s:o=""+s,e>0?o.padEnd(e,t):o.padStart(-e,t)}i(O,"pad");function Se(s,...e){return s.replace(/{(\d+)}/g,function(t,o){return typeof e[o]<"u"?e[o]:t})}i(Se,"sprintf");function fo(s){let e=s;return e=e.replace(/([a-z])([A-Z])/g,"$1 $2"),e=e.toLowerCase(),e=e.replace(/[^- a-z0-9]+/g," "),e.indexOf(" ")<0?e:(e=e.trim(),e.replace(/ /g,"-"))}i(fo,"pascalCase");function cr(s){let e=s.toLowerCase();return e=e.replace(/[^a-zA-Z0-9]+(.)/g,(t,o)=>o.toUpperCase()),e}i(cr,"camelCase");var In="fr-FR";function dr(s){In=s}i(dr,"_date_set_locale");function pr(s,e){return B(s)}i(pr,"date_format");function hr(s,e,t){var o=(s.getTime()-e.getTime())/1e3;let n=o;if(n<60)return Se(x.global.diff_date_seconds,Math.round(n));let r=Math.floor(n/60);if(r<60)return Se(x.global.diff_date_minutes,Math.round(r));let a=Math.floor(r/60);return Se(x.global.diff_date_hours,a,r%60)}i(hr,"date_diff");function ur(s,e){return e?B(s,"Y-M-D H:I:S"):B(s,"Y-M-D")}i(ur,"date_to_sql");function mr(s){return new Date(s+" GMT")}i(mr,"date_sql_utc");function V(s){return s.getFullYear()<<16|s.getMonth()<<8|s.getDate()}i(V,"date_hash");function W(s){return new Date(s.getTime())}i(W,"date_clone");function bo(s){let e=new Date(s.getFullYear(),0,1),t=(s.valueOf()-e.valueOf())/864e5;return Math.floor((t+e.getDay()+1)/7)}i(bo,"date_calc_weeknum");function xr(s,e=x.global.date_input_formats){var o,n,r,a,l,c;let t=e.split("|");for(let p of t){let m="";for(let b of p)b=="d"||b=="D"?m+="(?<day>\\d{1,2})":b=="m"||b=="M"?m+="(?<month>\\d{1,2})":b=="y"||b=="Y"?m+="(?<year>\\d{1,4})":b=="h"||b=="H"?m+="(?<hour>\\d{1,2})":b=="i"||b=="I"?m+="(?<min>\\d{1,2})":b=="s"||b=="S"?m+="(?<sec>\\d{1,2})":b==" "?m+="\\s+":m+="\\s*\\"+b+"\\s*";let w=new RegExp("^"+m+"$","m").exec(s);if(w){let b=new Date,oe=parseInt((o=w.groups.day)!=null?o:"1"),F=parseInt((n=w.groups.month)!=null?n:"1"),U=parseInt((r=w.groups.year)!=null?r:b.getFullYear()+""),se=parseInt((a=w.groups.hour)!=null?a:"0"),xn=parseInt((l=w.groups.min)!=null?l:"0"),bn=parseInt((c=w.groups.sec)!=null?c:"0");U>0&&U<100&&(U+=2e3);let ae=new Date(U,F-1,oe,se,xn,bn,0),gn=ae.getFullYear(),fn=ae.getMonth()+1,vn=ae.getDate();return gn!=U||fn!=F||vn!=oe?null:ae}}return null}i(xr,"parseIntlDate");function B(s,e=x.global.date_format){if(!s)return"";let t={year:s.getFullYear(),month:s.getMonth()+1,day:s.getDate(),wday:s.getDay(),hours:s.getHours(),minutes:s.getMinutes(),seconds:s.getSeconds(),milli:s.getMilliseconds()},o="",n=0;for(let r of e){if(r=="{"){if(++n==1)continue}else if(r=="}"&&--n==0)continue;if(n){o+=r;continue}r=="d"?o+=t.day:r=="D"?o+=O(t.day,-2):r=="j"?o+=x.global.day_short[t.wday]:r=="J"?o+=x.global.day_long[t.wday]:r=="w"?o+=bo(s):r=="W"?o+=O(bo(s),-2):r=="m"?o+=t.month:r=="M"?o+=O(t.month,-2):r=="o"?o+=x.global.month_short[t.month-1]:r=="O"?o+=x.global.month_long[t.month-1]:r=="y"||r=="Y"?o+=O(t.year,-4):r=="a"||r=="A"?o+=t.hours<12?"am":"pm":r=="h"?o+=t.hours:r=="H"?o+=O(t.hours,-2):r=="i"?o+=t.minutes:r=="I"?o+=O(t.minutes,-2):r=="s"?o+=t.seconds:r=="S"?o+=O(t.seconds,-2):r=="l"?o+=t.milli:r=="L"?o+=O(t.milli,-3):o+=r}return o}i(B,"formatIntlDate");function br(s,e){if(e===void 0&&(e=new Date),!s)return 0;let t=e.getFullYear()-s.getFullYear();return(e.getMonth()<s.getMonth()||e.getMonth()==s.getMonth()&&e.getDate()<s.getDate())&&t--,t}i(br,"calcAge");var Pn=i(function(){this.propagationStopped=!0},"stopPropagation"),Mn=i(function(){this.defaultPrevented=!0},"preventDefault"),Be=class Be{constructor(e=null){this._source=e!=null?e:this}addListener(e,t,o=!1){this._registry||(this._registry=new Map);let n=this._registry.get(e);n||(n=[],this._registry.set(e,n));let r=t;n.indexOf(r)==-1&&(o?n.unshift(r):n.push(r))}fire(e,t){var n;let o=(n=this._registry)==null?void 0:n.get(e);if(o&&o.length){let r=t;if(r||(r={}),r.source||(r.source=this._source),r.type||(r.type=e),r.preventDefault||(r.preventDefault=Mn),r.stopPropagation||(r.stopPropagation=Pn),o.length==1)o[0](r);else{let a=o.slice();for(let l=0,c=a.length;l<c&&(a[l](r),!r.propagationStopped);l++);}}}};i(Be,"EventSource");var X=Be;var z,A,Ne=class Ne{constructor(){De(this,z);De(this,A)}__startTimer(e,t,o,n){D(this,A)?this.__stopTimer(e):Le(this,A,new Map);let r=(o?setInterval:setTimeout)(n,t);D(this,A).set(e,()=>{(o?clearInterval:clearTimeout)(r),D(this,A).delete(e)})}__stopTimer(e){let t=D(this,A).get(e);t&&t()}setTimeout(e,t,o){this.__startTimer(e,t,!1,o)}clearTimeout(e){this.__stopTimer(e)}setInterval(e,t,o){this.__startTimer(e,t,!0,o)}clearInterval(e){this.__stopTimer(e)}clearTimeouts(){for(let[e,t]of D(this,A))t();D(this,A).clear()}on(e,t){console.assert(t!=null),D(this,z)||Le(this,z,new X(this)),D(this,z).addListener(e,t)}fire(e,t){D(this,z)&&D(this,z).fire(e,t)}};z=new WeakMap,A=new WeakMap,i(Ne,"CoreElement");var pe=Ne;var he={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};function wo(s){return!!he[s]}i(wo,"isUnitLess");var q=class q{constructor(){this.m_rules=new Map;function e(t){for(let o=0;o<document.styleSheets.length;o++){let n=document.styleSheets[o];if(n.title===t)return n}}if(i(e,"getStyleSheet"),this.m_sheet=e("x4-dynamic-css"),!this.m_sheet){let t=document.createElement("style");t.setAttribute("id","x4-dynamic-css"),document.head.appendChild(t),this.m_sheet=t.sheet}}setRule(e,t){if(I(t)){let o=this.m_rules.get(e);o!==void 0?this.m_sheet.deleteRule(o):o=this.m_sheet.cssRules.length,this.m_rules.set(e,this.m_sheet.insertRule(t,o))}else{let o=1;for(let n in t){let r=n+" { ",a=t[n];for(let l in a){let c=a[l];for(let p=0;p<c.length;p++)r+=l+": "+c[p]+"; "}r+="}",this.setRule(e+"--"+o,r),o++}}}static getVar(e){return q.doc_style||(q.doc_style=getComputedStyle(document.documentElement)),e.startsWith("--")||(e="--"+e),q.doc_style.getPropertyValue(e)}};i(q,"Stylesheet"),q.guid=1;var vo=q,ze=class ze{constructor(e){this.m_style=e}value(e){return this.m_style[e]}parse(e){return e=fo(e),parseInt(this.m_style[e])}get style(){return this.m_style}};i(ze,"ComputedStyle");var _o=ze;var Tn={mouseleave:1,mouseenter:1,load:1,unload:1,scroll:1,focus:1,blur:1,rowexit:1,beforeunload:1,stop:1,dragdrop:1,dragenter:1,dragexit:1,draggesture:1,dragover:1,contextmenu:1,created:2,removed:2,sizechange:2},ue=new WeakMap,Fe=null,Dn=i((s,e)=>{let t=i((n,r)=>{let a=ue.get(n);a&&a[r]&&n.dispatchEvent(new Event(r,{}))},"sendEvent"),o=i((n,r)=>{r&&t(n,"created");for(let a=n.firstChild;a;a=a.nextSibling)o(a,r);r||t(n,"removed")},"notify");for(let n of s)n.type=="childList"&&(n.addedNodes&&n.addedNodes.forEach(r=>{o(r,!0)}),n.removedNodes&&n.removedNodes.forEach(r=>{o(r,!1)}))},"observeMutation"),Ue=null;function Ln(s){s.forEach(e=>{let t=e.target;t.offsetParent!==null&&t.dispatchEvent(new Event("resized"))})}i(Ln,"observeSize");function Sn(s){let e=s.target,t=Tn[s.type]===2;for(;e;){let o=ue.get(e);if(o){let n=o[s.type];if(n&&(Array.isArray(n)?n.some(r=>r(s)):n(s),s.stopPropagation||s.defaultPrevented||t))break}if(e=e.parentNode,e==document)break}}i(Sn,"dispatchEvent");function me(s,e,t,o=!1){e=="removed"||e=="created"?Fe||(Fe=new MutationObserver(Dn),Fe.observe(document.body,{childList:!0,subtree:!0})):e=="resized"&&(Ue||(Ue=new ResizeObserver(Ln)),Ue.observe(s));let n=ue.get(s);if(n||(n={},ue.set(s,n)),!n[e])n[e]=t,s.addEventListener(e,Sn);else{let r=n[e];Array.isArray(r)?r.push(t):n[e]=[r,t]}}i(me,"addEvent");var yo=Symbol("fragment"),Co=Symbol("component"),An=/^-?\d+(\.\d*)?$/;function Rn(s){let e=[],t=Object.getPrototypeOf(s);for(;t&&t.constructor!==d;){let o=t.constructor.name;e.push("x4"+o.toLowerCase()),t=Object.getPrototypeOf(t)}return e}i(Rn,"genClassNames");var On=1e3,R=i(()=>`x4-${On++}`,"makeUniqueComponentId"),Z=class Z extends pe{constructor(e){var t,o;if(super(),this.props=e,e.existingDOM)this.dom=e.existingDOM;else{e.ns?this.dom=document.createElementNS(e.ns,(t=e.tag)!=null?t:"div"):this.dom=document.createElement((o=e.tag)!=null?o:"div"),e.attrs&&this.setAttributes(e.attrs),e.cls&&this.addClass(e.cls),e.hidden&&this.show(!1),e.id!==void 0&&this.setAttribute("id",e.id),e.width!==void 0&&this.setStyleValue("width",e.width),e.height!==void 0&&this.setStyleValue("height",e.height),e.tooltip&&this.setAttribute("tooltip",e.tooltip),e.style&&this.setStyle(e.style),e.content&&this.setContent(e.content),e.dom_events&&this.setDOMEvents(e.dom_events);let n=Rn(this);this.dom.classList.add(...n),e.disabled&&this.addDOMEvent("created",()=>{this.enable(!1)})}this.dom[Co]=this}hasClass(e){return this.dom.classList.contains(e)}addClass(e){if(e)if(e.indexOf(" ")>=0){let t=e.split(" ");this.dom.classList.add(...t)}else this.dom.classList.add(e)}removeClass(e){if(e)if(e.indexOf(" ")>=0){let t=e.split(" ");this.dom.classList.remove(...t)}else this.dom.classList.remove(e)}toggleClass(e){if(!e)return;let t=i(o=>{this.dom.classList.toggle(o)},"toggle");e.indexOf(" ")>=0?e.split(" ").forEach(t):t(e)}setClass(e,t=!0){t?this.addClass(e):this.removeClass(e)}setAttributes(e){for(let t in e){let o=e[t];this.setAttribute(t,o)}}setAttribute(e,t){t==null?this.dom.removeAttribute(e):this.dom.setAttribute(e,""+t)}getAttribute(e){return this.dom.getAttribute(e)}getData(e){return this.getAttribute("data-"+e)}setData(e,t){return this.setAttribute("data-"+e,t)}setInternalData(e,t){return this.store||(this.store=new Map),this.store.set(e,t),this}getInternalData(e){var t;return(t=this.store)==null?void 0:t.get(e)}addDOMEvent(e,t,o=!1){me(this.dom,e,t,o)}setDOMEvents(e){for(let t in e)this.addDOMEvent(t,e[t])}mapPropEvents(e,...t){let o=e;t.forEach(n=>{o.hasOwnProperty(n)&&this.on(n,o[n])})}clearContent(){let e=this.dom;for(;e.firstChild;)e.removeChild(e.firstChild)}setContent(e){this.clearContent(),this.appendContent(e)}appendContent(e){let t=i((o,n)=>{if(n instanceof Z)o.appendChild(n.dom);else if(n instanceof j)o.insertAdjacentHTML("beforeend",n.toString());else if(typeof n=="string"||typeof n=="number"){let r=document.createTextNode(n.toString());o.appendChild(r)}else n&&console.warn("Unknown type to append: ",n)},"set");if(!Ae(e))t(this.dom,e);else if(e.length<=8)for(let o of e)t(this.dom,o);else{let o=document.createDocumentFragment();for(let n of e)t(o,n);this.dom.appendChild(o)}}prependContent(e){let t=this.dom,o=i(n=>{if(n instanceof Z)t.insertBefore(t.firstChild,n.dom);else if(n instanceof j)t.insertAdjacentHTML("beforebegin",n.toString());else if(typeof n=="string"||typeof n=="number"){let r=document.createTextNode(n.toString());t.insertBefore(t.firstChild,r)}else console.warn("Unknown type to append: ",n)},"set");if(!Ae(e))o(e);else{let n=document.createDocumentFragment();for(let r of e)o(r);t.insertBefore(t.firstChild,n)}}removeChild(e){this.dom.removeChild(e.dom)}queryAll(e){let t=this.dom.querySelectorAll(e),o=new Array(t.length);return t.forEach((n,r)=>o[r]=g(n)),o}query(e){let t=this.dom.querySelector(e);return g(t)}setAria(e,t){return this.setAttribute(e,t),this}setStyle(e){let t=this.dom.style;for(let o in e){let n=e[o];!he[o]&&(N(n)||An.test(n))&&(n+="px"),t[o]=n}return this}setStyleValue(e,t){let o=this.dom.style;if(N(t)){let n=t+"";he[e]||(n+="px"),o[e]=n}else o[e]=t;return this}getStyleValue(e){return this.dom.style[e]}setWidth(e){this.setStyleValue("width",N(e)?e+"px":e)}setHeight(e){this.setStyleValue("height",N(e)?e+"px":e)}setStyleVariable(e,t){this.dom.style.setProperty(e,t)}getStyleVariable(e){return this.getComputedStyle().getPropertyValue(e)}getComputedStyle(){return getComputedStyle(this.dom)}setCapture(e){this.dom.setPointerCapture(e)}releaseCapture(e){this.dom.releasePointerCapture(e)}getBoundingRect(){let e=this.dom.getBoundingClientRect();return new H(e.x,e.y,e.width,e.height)}focus(){this.dom.focus()}scrollIntoView(e){this.dom.scrollIntoView(e)}isVisible(){return this.dom.offsetParent!==null}show(e=!0){this.setClass("x4hidden",!e)}hide(){this.show(!1)}enable(e=!0){this.setAttribute("disabled",!e),this.enumChildNodes(!0).forEach(o=>{o instanceof HTMLInputElement&&(o.disabled=!e)})}disable(){this.enable(!1)}isDisabled(){return this.getAttribute("disabled")}nextElement(){let e=this.dom.nextElementSibling;return g(e)}prevElement(){let e=this.dom.previousElementSibling;return g(e)}parentElement(e){let t=this.dom;for(;t.parentElement;){let o=g(t.parentElement);if(!e||o&&o instanceof e)return o;t=t.parentElement}return null}firstChild(){let e=this.dom.firstElementChild;return g(e)}lastChild(){let e=this.dom.lastElementChild;return g(e)}enumChildComponents(e){let t=[];return this.enumChildNodes(e).forEach(n=>{let r=g(n);r&&t.push(r)}),t}enumChildNodes(e){return Array.from(e?this.dom.querySelectorAll("*"):this.dom.children)}animate(e,t){this.dom.animate(e,t)}static createElement(e,t,...o){let n;return e==this.createFragment||e===yo?o:(e instanceof Function?(t=t!=null?t:{},!t.children&&o&&o.length&&(t.content=o),n=new e(t!=null?t:{})):n=new Z({tag:e,content:o,...t}),o&&o.length,n)}static createFragment(){return this.createElement(yo,null)}queryInterface(e){return null}};i(Z,"Component");var d=Z;function g(s){return s?s[Co]:null}i(g,"componentFromDOM");function Eo(s){let e=g(s);return e||new d({existingDOM:s})}i(Eo,"wrapDOM");var Ve=class Ve extends d{constructor(){super({})}};i(Ve,"Flex");var J=Ve;function $(s){return s.toString(16).padStart(2,"0")}i($,"hx");function Q(s){return Math.round(s)}i(Q,"round");var qe=class qe{constructor(...e){this.rgb=[0,0,0,1];this.invalid=!1;I(e[0])?this.setValue(e[0]):this.setRgb(e[0],e[1],e[2],e[3])}setValue(e){if(this.invalid=!1,e.length==4&&/#[0-9a-fA-F]{3}/.test(e)){let t=parseInt(e[1],16),o=parseInt(e[2],16),n=parseInt(e[3],16);return this.setRgb(t<<4|t,o<<4|o,n<<4|n,1)}if(e.length==7&&/#[0-9a-fA-F]{6}/.test(e)){let t=parseInt(e[1],16),o=parseInt(e[2],16),n=parseInt(e[3],16),r=parseInt(e[4],16),a=parseInt(e[5],16),l=parseInt(e[6],16);return this.setRgb(t<<4|o,n<<4|r,a<<4|l,1)}if(e.length==9&&/#[0-9a-fA-F]{8}/.test(e)){let t=parseInt(e[1],16),o=parseInt(e[2],16),n=parseInt(e[3],16),r=parseInt(e[4],16),a=parseInt(e[5],16),l=parseInt(e[6],16),c=parseInt(e[7],16),p=parseInt(e[8],16);return this.setRgb(t<<4|o,n<<4|r,a<<4|l,(c<<4|p)/255)}if(e.startsWith("rgba")){let o=/rgba\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*((\d+)|(\d*\.\d+)|(\.\d+))\s*\)/.exec(e);if(o)return this.setRgb(parseInt(o[1]),parseInt(o[2]),parseInt(o[3]),parseFloat(o[4]))}else if(e.startsWith("rgb")){let o=/rgb\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)/.exec(e);if(o)return this.setRgb(parseInt(o[1]),parseInt(o[2]),parseInt(o[3]),1)}else if(e.startsWith("var")){let o=/var\s*\(([^)]*)\)/.exec(e);if(o){let n=o[1].trim(),a=getComputedStyle(document.documentElement).getPropertyValue(n);return this.setValue(a)}}return this.invalid=!0,this.setRgb(255,0,0,1)}setHsv(e,t,o,n=1){let r=Math.min(5,Math.floor(e*6)),a=e*6-r,l=o*(1-t),c=o*(1-a*t),p=o*(1-(1-a)*t),m,E,w;switch(r){case 0:m=o,E=p,w=l;break;case 1:m=c,E=o,w=l;break;case 2:m=l,E=o,w=p;break;case 3:m=l,E=c,w=o;break;case 4:m=p,E=l,w=o;break;case 5:m=o,E=l,w=c;break}return this.setRgb(m*255,E*255,w*255,n)}setRgb(e,t,o,n){return this.rgb=[L(e,0,255),L(t,0,255),L(o,0,255),L(n,0,1)],this}toRgbString(e){let t=this.rgb;return e===!1||t[3]==1?`rgb(${Q(t[0])},${Q(t[1])},${Q(t[2])})`:`rgba(${Q(t[0])},${Q(t[1])},${Q(t[2])},${t[3].toFixed(3)})`}toHexString(){let e=this.rgb;return e[3]==1?`#(${$(e[0])},${$(e[1])},${$(e[2])})`:`rgba(${$(e[0])},${$(e[1])},${$(e[2])},${$(e[3]*255)})`}toRgb(){let e=this.rgb;return{red:e[0],green:e[1],blue:e[2],alpha:e[3]}}toHsv(){let e=this.toRgb();e.red/=255,e.green/=255,e.blue/=255;let t=Math.max(e.red,e.green,e.blue),o=Math.min(e.red,e.green,e.blue),n=t-o,r=t===0?0:n/t,a=t,l;if(n===0)l=0;else switch(t){case e.red:l=(e.green-e.blue)/n/6+(e.green<e.blue?1:0);break;case e.green:l=(e.blue-e.red)/n/6+1/3;break;case e.blue:l=(e.red-e.green)/n/6+2/3;break}return{hue:l,saturation:r,value:a,alpha:e.alpha}}getAlpha(){return this.rgb[3]}setAlpha(e){return this.rgb[3]=L(e,0,1),this}isInvalid(){return this.invalid}};i(qe,"Color");var P=qe;var $e=Symbol("x-drag-cb"),Ge=class Ge{registerDraggableElement(e){e.addDOMEvent("dragstart",t=>{this.dragSource=e,this.dragGhost=e.dom.cloneNode(!0),this.dragGhost.classList.add("dragged"),document.body.appendChild(this.dragGhost),e.addClass("dragging"),t.dataTransfer.setData("text/string","1"),t.dataTransfer.setDragImage(new Image,0,0),t.stopPropagation()}),e.addDOMEvent("drag",t=>{this.dragGhost.style.left=t.pageX+"px",this.dragGhost.style.top=t.pageY+"px"}),e.addDOMEvent("dragend",t=>{e.removeClass("dragging"),this.dragGhost.remove()}),e.setAttribute("draggable","true")}registerDropTarget(e,t,o){let n=i(c=>{if(o&&!o(this.dragSource)){console.log("reject ",e),c.dataTransfer.dropEffect="none";return}console.log("accepted ",e),c.preventDefault(),c.dataTransfer.dropEffect="copy"},"dragEnter"),r=i(c=>{if(o&&!o(this.dragSource)){console.log("reject ",e),c.dataTransfer.dropEffect="none";return}if(c.preventDefault(),this.dropTarget!=e&&(this.dropTarget=e,this._startCheck()),this.dropTarget){let p={pt:{x:c.pageX,y:c.pageY},data:c.dataTransfer};t("drag",this.dragSource,p)}c.dataTransfer.dropEffect="copy"},"dragOver"),a=i(c=>{this.dropTarget=null,c.preventDefault()},"dragLeave"),l=i(c=>{let p={pt:{x:c.pageX,y:c.pageY},data:c.dataTransfer};t("drop",this.dragSource,p),this.dropTarget=null,e.removeClass("drop-over"),c.preventDefault()},"drop");e.addDOMEvent("dragenter",n),e.addDOMEvent("dragover",r),e.addDOMEvent("dragleave",a),e.addDOMEvent("drop",l),e.setInternalData($e,t)}_startCheck(){this.timer&&(clearInterval(this.timer),this._check()),this.timer=setInterval(()=>this._check(),300)}_check(){let e=i(o=>{o.removeClass("drop-over"),o.getInternalData($e)("leave",this.dragSource)},"leaving"),t=i(o=>{o.addClass("drop-over"),o.getInternalData($e)("enter",this.dragSource)},"entering");this.dropTarget?(!this.notified||this.notified!=this.dropTarget)&&(this.notified&&e(this.notified),this.notified=this.dropTarget,t(this.notified)):this.notified&&(e(this.notified),this.notified=null,clearInterval(this.timer))}};i(Ge,"DragManager");var Ke=Ge,qr=new Ke;function Hn(s,e=!1){if(s instanceof RegExp)return{keys:null,pattern:s};let t=s.split("/"),o=[],n="";t[0]==""&&t.shift();for(let r of t){let a=r[0];if(a==="*")o.push("wild"),n+="/(.*)";else if(a===":"){let l=r.indexOf("?",1),c=r.indexOf(".",1);o.push(r.substring(1,l>=0?l:c>=0?c:r.length)),n+=l>=0&&c<0?"(?:/([^/]+?))?":"/([^/]+?)",c>=0&&(n+=(l>=0?"?":"")+"\\"+r.substring(c))}else n+="/"+r}return{keys:o,pattern:new RegExp(`^${n}${e?"(?=$|/)":"/?$"}`,"i")}}i(Hn,"parseRoute");var je=class je extends X{constructor(e=!0){super(),this.m_routes=[],this.m_useHash=e,window.addEventListener("popstate",t=>{let o=this._getLocation(),n=this._find(o);n.handlers.forEach(r=>{r(n.params,o)})})}get(e,t){let{keys:o,pattern:n}=Hn(e);this.m_routes.push({keys:o,pattern:n,handler:t})}init(){this.navigate(this._getLocation())}_getLocation(){return this.m_useHash?"/"+document.location.hash.substring(1):document.location.pathname}navigate(e,t=!0,o=!1){e.startsWith("/")||(e="/"+e);let n=this._find(e);if(!n||n.handlers.length==0){console.log("route not found: "+e),this.fire("error",{code:404,message:"route not found"});return}if(this.m_useHash){for(;e.at(0)=="/";)e=e.substring(1);e="#"+e}o?window.history.replaceState({},"",e):window.history.pushState({},"",e),t&&n.handlers.forEach(r=>{r(n.params,e)})}_find(e){let t=[],o={},n=[];for(let r of this.m_routes)if(r.keys)if(r.keys.length>0){if(t=r.pattern.exec(e),t===null)continue;for(let a=0;a<r.keys.length;)o[r.keys[a]]=t[++a];n=[...n,r.handler]}else r.pattern.test(e)&&(n=[...n,r.handler]);else{if(t=r.pattern.exec(e),!t)continue;if(t.groups)for(let a in t.groups)o[a]=t.groups[a];n=[...n,r.handler]}return{params:o,handlers:n}}};i(je,"Router");var ko=je;var Io="http://www.w3.org/2000/svg";function Bn(s){return s*Math.PI/180}i(Bn,"d2r");function Po(s,e,t,o){let n=Bn(o);return{x:s+t*Math.cos(n),y:e+t*Math.sin(n)}}i(Po,"p2c");function k(s){return Math.round(s*1e3)/1e3}i(k,"num");function Ye(s,...e){return e=e.map(t=>typeof t=="number"&&isFinite(t)?k(t):t),String.raw(s,...e)}i(Ye,"clean");var Je=class Je{constructor(e){this._dom=document.createElementNS("http://www.w3.org/2000/svg",e)}getDom(){return this._dom}stroke(e,t){return this.setAttr("stroke",e),t!==void 0&&this.setAttr("stroke-width",t+"px"),this}strokeWidth(e){return this.setAttr("stroke-width",e+"px"),this}strokeCap(e){return this.setAttr("stroke-linecap",e)}strokeOpacity(e){return this.setAttr("stroke-opacity",e+"")}antiAlias(e){return this.setAttr("shape-rendering",e?"auto":"crispEdges")}fill(e){return this.setAttr("fill",e),this}no_fill(){return this.setAttr("fill","transparent"),this}setAttr(e,t){return this._dom.setAttribute(e,t),this}setStyle(e,t){let o=this._dom.style;if(N(t)){let n=t+"";wo(e)||(n+="px"),o[e]=n}else o[e]=t;return this}addClass(e){if(e)if(e.indexOf(" ")>=0){let t=e.split(" ");this._dom.classList.add(...t)}else this._dom.classList.add(e)}clip(e){return this.setAttr("clip-path",`url(#${e})`),this}transform(e){return this.setAttr("transform",e),this}rotate(e,t,o){return this.transform(`rotate( ${e} ${t} ${o} )`),this}translate(e,t){return this.transform(`translate( ${e} ${t} )`),this}scale(e){return this.transform(`scale( ${e} )`),this}addDOMEvent(e,t,o=!1){return me(this._dom,e,t,o),this}};i(Je,"SvgItem");var K=Je,Qe=class Qe extends K{constructor(){super("path"),this._path=""}_update(){return this.setAttr("d",this._path),this}moveTo(e,t){return this._path+=Ye`M${e},${t}`,this._update()}lineTo(e,t){return this._path+=Ye`L${e},${t}`,this._update()}closePath(){return this._path+="Z",this._update()}arc(e,t,o,n,r){let a=Po(e,t,o,n-90),l=Po(e,t,o,r-90),c=r-n<=180?"0":"1";return this._path+=Ye`M${a.x},${a.y}A${o},${o} 0 ${c} 1 ${l.x},${l.y}`,this._update()}};i(Qe,"SvgPath");var We=Qe,et=class et extends K{constructor(e,t,o){super("text"),this.setAttr("x",k(e)+""),this.setAttr("y",k(t)+""),this._dom.innerHTML=o}font(e){return this.setAttr("font-family",e)}fontSize(e){return this.setAttr("font-size",e+"")}fontWeight(e){return this.setAttr("font-weight",e)}textAlign(e){let t;switch(e){case"left":t="start";break;case"center":t="middle";break;case"right":t="end";break;default:return this}return this.setAttr("text-anchor",t)}verticalAlign(e){let t;switch(e){case"top":t="hanging";break;case"center":t="middle";break;case"bottom":t="baseline";break;case"baseline":t="mathematical";break;default:return}return this.setAttr("alignment-baseline",t)}};i(et,"SvgText");var Xe=et,tt=class tt extends K{constructor(e){super(e)}};i(tt,"SvgShape");var xe=tt,ee=class ee extends K{constructor(e,t,o,n){super("linearGradient"),this._id="gx-"+ee.g_id,ee.g_id++,this.setAttr("id",this._id),this.setAttr("x1",I(e)?e:k(e)+""),this.setAttr("x2",I(o)?o:k(o)+""),this.setAttr("y1",I(t)?t:k(t)+""),this.setAttr("y2",I(n)?n:k(n)+""),this._stops=[]}get id(){return"url(#"+this._id+")"}addStop(e,t){return this._dom.insertAdjacentHTML("beforeend",`<stop offset="${e}%" stop-color="${t}"></stop>`),this}};i(ee,"SvgGradient"),ee.g_id=1;var Ze=ee,ge=class ge extends K{constructor(e="g"){super(e)}append(e){return this._dom.appendChild(e.getDom()),e}path(){let e=new We;return this.append(e)}text(e,t,o){let n=new Xe(e,t,o);return this.append(n)}ellipse(e,t,o,n=o){let r=new xe("ellipse");return r.setAttr("cx",k(e)+""),r.setAttr("cy",k(t)+""),r.setAttr("rx",k(o)+""),r.setAttr("ry",k(n)+""),this.append(r)}rect(e,t,o,n){n<0&&(t=t+n,n=-n);let r=new xe("rect");return r.setAttr("x",k(e)+""),r.setAttr("y",k(t)+""),r.setAttr("width",k(o)+""),r.setAttr("height",k(n)+""),this.append(r)}group(){let e=new ge;return this.append(e)}linear_gradient(e,t,o,n){let r=new Ze(e,t,o,n);return this.append(r)}clear(){let e=this._dom;for(;e.firstChild;)e.removeChild(e.firstChild)}};i(ge,"SvgGroup");var be=ge,ne=class ne extends be{constructor(){super()}addClip(e,t,o,n){let r="c-"+ne.g_clip_id++,a=new be("clipPath");return a.setAttr("id",r),a.rect(e,t,o,n),this.append(a),r}};i(ne,"SvgBuilder"),ne.g_clip_id=1;var Mo=ne,ot=class ot extends d{constructor(e){super({...e,tag:"svg",ns:Io}),this.setAttribute("xmlns",Io),e.viewbox&&this.setAttribute("viewbox",e.viewbox),e.svg&&this.dom.appendChild(e.svg.getDom())}};i(ot,"SvgComponent");var To=ot;var nt=class nt extends d{};i(nt,"Box");var y=nt,rt=class rt extends y{};i(rt,"HBox");var h=rt,it=class it extends y{constructor(e){super(e)}};i(it,"VBox");var f=it,st=class st extends y{constructor(e){var t;super(e),this._items=(t=e.items)==null?void 0:t.map(o=>({...o,page:null})),e.default?this.select(e.default):this._items.length&&this.select(this._items[0].name)}select(e){let t=this.query(".selected");t&&t.setClass("selected",!1);let o=this._items.find(n=>n.name==e);o&&(o.page||(o.page=this._createPage(o),this.appendContent(o.page)),t=o.page,t&&t.setClass("selected",!0))}_createPage(e){let t;return t=e.content,t==null||t.setData("stackname",e.name),t}};i(st,"StackBox");var fe=st;var ct=class ct{constructor(){this.cache=new Map,this.waiters=new Map}async load(e){return this.cache.has(e)?Promise.resolve(this.cache.get(e)):new Promise((t,o)=>{this.waiters.has(e)?this.waiters.get(e).push(t):(this.waiters.set(e,[t]),this._load(e).then(n=>{console.timeEnd(e),this.cache.set(e,n),this.waiters.get(e).forEach(a=>a(n))}))})}async _load(e){console.time(e);let t=await fetch(e);if(t.ok)return t.text()}};i(ct,"SvgLoader");var at=ct,lt=new at,dt=class dt extends d{constructor(e){super(e),this.setIcon(e.iconId)}setIcon(e){if(e){if(e.startsWith("var:"))do{let t=e.substring(4);e=document.documentElement.style.getPropertyValue(t)}while(e.startsWith("var:"));e.startsWith("data:image/svg+xml,<svg")?this.dom.insertAdjacentHTML("beforeend",e.substring(19)):e.endsWith(".svg")?lt.load(e).then(t=>{this.clearContent(),this.dom.insertAdjacentHTML("beforeend",t)}):this.setContent(new d({tag:"img",attrs:{src:e}}))}else this.clearContent(),this.addClass("empty")}};i(dt,"Icon");var v=dt;var pt=class pt extends d{constructor(e){super({...e,tag:"button",content:null}),this.mapPropEvents(e,"click"),this.addDOMEvent("click",t=>this._on_click(t)),this.setContent([new v({id:"icon",iconId:this.props.icon}),new d({id:"label",content:this.props.label})])}_on_click(e){this.fire("click",{}),e.preventDefault(),e.stopPropagation()}setText(e){this.query("#label").setContent(e)}setIcon(e){this.query("#icon").setIcon(e)}};i(pt,"Button");var _=pt;var ht=class ht extends y{constructor(e){super(e),e.align&&this.addClass("align-"+e.align),this.addClass(e.vertical?"x4vbox":"x4hbox"),e.items&&this.setButtons(e.items),this.mapPropEvents(e,"btnclick")}setButtons(e){this.clearContent();let t=[];e==null||e.forEach(o=>{if(o==="-")o=new J({});else if(I(o)){let n,r=o;switch(o){case"ok":n=x.global.ok;break;case"cancel":n=x.global.cancel;break;case"abort":n=x.global.abort;break;case"no":n=x.global.no;break;case"yes":n=x.global.yes;break;case"retry":n=x.global.retry;break}o=new _({label:n,click:i(()=>{this.fire("btnclick",{emitter:r})},"click")})}t.push(o)}),super.setContent(t)}};i(ht,"BtnGroup");var ve=ht;var ut=class ut extends d{constructor(e){var t;super({...e,content:null}),this.setContent([new v({id:"icon",iconId:this.props.icon}),new d({tag:"span",id:"text",content:(t=this.props.text)!=null?t:e.content})]),e.labelFor&&this.setAttribute("for",e.labelFor)}setText(e){this.query("#text").setContent(e)}setIcon(e){this.query("#icon").setIcon(e)}};i(ut,"Label");var u=ut;var mt=class mt extends d{constructor(e,t){super({}),this._type=e,this.addClass(e),this.addDOMEvent("pointerdown",o=>{this.setCapture(o.pointerId),this._ref=t!=null?t:g(this.dom.parentElement),this._delta={x:0,y:0};let n=this._ref.getBoundingRect();this._type.includes("left")?this._delta.x=o.pageX-n.left:this._delta.x=o.pageX-(n.left+n.width),this._type.includes("top")?this._delta.y=o.pageY-n.top:this._delta.y=o.pageY-(n.top+n.height)}),this.addDOMEvent("pointerup",o=>{this.releaseCapture(o.pointerId),this._ref=null}),this.addDOMEvent("pointermove",o=>{this._onMouseMove(o)})}_onMouseMove(e){if(!this._ref)return;let t={x:e.pageX-this._delta.x,y:e.pageY-this._delta.y},o=this._ref.getBoundingRect(),n={},r=!0;this._type.includes("top")&&(n.top=t.y,n.height=o.top+o.height-t.y,r=!1),this._type.includes("bottom")&&(n.height=t.y-o.top,r=!1),this._type.includes("left")&&(n.left=t.x,n.width=o.left+o.width-t.x),this._type.includes("right")&&(n.width=t.x-o.left),this._ref.setStyle(n);let a=this._ref.getBoundingRect();this.fire("resize",{size:r?a.width:a.height}),e.preventDefault(),e.stopPropagation()}};i(mt,"CSizer");var M=mt;var te,Do=0,Lo=[],S=[],xt=[],bt=class bt extends d{constructor(t){super(t);this._isopen=!1;this._isshown=!1;this._dismiss=i(t=>{S.some(n=>n.dom.contains(t.target))||(t.preventDefault(),t.stopPropagation(),this.dismiss())},"_dismiss");this.props.sizable&&this._createSizers()}displayNear(t,o="top left",n="top left",r={x:0,y:0}){this.setStyle({left:"0px",top:"0px"}),this._show();let a=this.getBoundingRect(),l=t.left,c=t.top;n.indexOf("right")>=0?l=t.left+t.width:n.indexOf("center")>=0&&(l=t.left+t.width/2),n.indexOf("bottom")>=0?c=t.bottom:n.indexOf("middle")>=0&&(c=t.top+t.height/2);let p="l";o.indexOf("right")>=0?l-=a.width:o.indexOf("center")>=0&&(l-=a.width/2);let m="t";o.indexOf("bottom")>=0?c-=a.height:o.indexOf("middle")>=0&&(c-=a.height/2),r&&(l+=r.x,c+=r.y),l+=document.scrollingElement.scrollLeft,c+=document.scrollingElement.scrollTop,this.displayAt(l,c)}displayCenter(){this.displayNear(new H(window.innerWidth/2,window.innerHeight/2,0,0),"center middle")}displayAt(t,o){this.setStyle({left:t+"px",top:o+"px"}),this._show();let n=this.getBoundingRect(),r=window.innerWidth-16,a=window.innerHeight-16;n.right>r&&this.setStyleValue("left",r-n.width),n.bottom>a&&this.setStyleValue("top",a-n.height),this.props.movable&&(this.queryAll(".caption-element").forEach(c=>new _e(c,this)),this.hasClass("popup-caption")&&new _e(this,this)),this.fire("opened",{})}_show(){this.props.modal&&!this._isshown&&(this._showModalMask(),Lo.push(this),Do++),this._isshown=!0,this.props.autoClose&&(S.length==0&&document.addEventListener("pointerdown",this._dismiss),S.push(this),this.setData("close",this.props.autoClose===!0?R():this.props.autoClose)),xt.push(this),document.body.appendChild(this.dom),this.show()}show(t=!0){this._isopen=t,super.show(t)}isOpen(){return this._isopen}close(){document.body.removeChild(this.dom);let t=xt.indexOf(this);if(console.assert(t>=0),xt.splice(t,1),this.props.autoClose){let o=S.indexOf(this);o>=0&&(S.splice(o,1),S.length==0&&document.removeEventListener("pointerdown",this._dismiss))}if(this.props.modal){let o=Lo.pop();console.assert(o==this),this._updateModalMask()}this._isshown=!1,this.fire("closed",{})}dismiss(t=!1){if(S.length==0)return;let o=this.getData("close"),n=[],r=[],a=-1;t&&(a=S.indexOf(this)),S.forEach((c,p)=>{c.getData("close")==o&&p>a?n.push(c):r.push(c)});let l=n.reverse();S=r,S.length==0&&document.removeEventListener("pointerdown",this._dismiss),l.forEach(c=>c.close())}_showModalMask(){te||(te=new d({cls:"x4modal-mask",domEvents:{click:this._dismiss}})),te.show(!0),document.body.insertAdjacentElement("beforeend",te.dom)}_updateModalMask(){--Do==0?te.show(!1):this.dom.insertAdjacentElement("beforebegin",te.dom)}_createSizers(){this.appendContent([new M("top"),new M("bottom"),new M("left"),new M("right"),new M("top-left"),new M("bottom-left"),new M("top-right"),new M("bottom-right")])}};i(bt,"Popup");var T=bt,gt=class gt{constructor(e,t){this.self=!!t,e.addDOMEvent("pointerdown",o=>{if(this.self&&o.target!=e.dom)return;e.setCapture(o.pointerId),this.ref=t!=null?t:g(e.dom.parentElement),this.delta={x:0,y:0};let n=this.ref.getBoundingRect();this.delta.x=o.pageX-n.left,this.delta.y=o.pageY-n.top}),e.addDOMEvent("pointerup",o=>{e.releaseCapture(o.pointerId),this.ref=null}),e.addDOMEvent("pointermove",o=>{this._onMouseMove(o)})}_onMouseMove(e){if(!this.ref)return;let t={x:e.pageX-this.delta.x,y:e.pageY-this.delta.y},o=this.ref.getBoundingRect(),n={};this.ref.setStyle({top:t.y+"",left:t.x+""}),e.preventDefault(),e.stopPropagation()}};i(gt,"CMover");var _e=gt;var So=400,vt=class vt extends d{constructor(){super({})}};i(vt,"CMenuSep");var ft=vt,we=new Y,_t=class _t extends d{constructor(e){super({disabled:e.disabled,cls:e.cls}),e.menu&&this.addClass("popup"),this.setContent([new v({id:"icon",iconId:e.icon}),new d({id:"text",content:e.text})]),e.menu?(this.menu=e.menu,this.addDOMEvent("mouseenter",()=>this.openSub(!0)),this.addDOMEvent("click",()=>this.openSub(!1)),this.addDOMEvent("mouseleave",()=>this.closeSub()),this.menu.on("opened",()=>this.addClass("opened")),this.menu.on("closed",()=>this.removeClass("opened"))):(this.addDOMEvent("mouseenter",()=>{we.setTimeout("open",So,()=>{this.dismiss(!0)})}),this.addDOMEvent("click",()=>{this.dismiss(!1),e.click&&e.click(new Event("click"))}))}dismiss(e){let t=this.parentElement(re);t&&t.dismiss(e)}openSub(e){let t=i(()=>{this.dismiss(!0);let o=this.getBoundingRect();this.menu.displayAt(o.right-4,o.top)},"open");e?we.setTimeout("open",So,t):(we.clearTimeout("open"),t())}closeSub(){we.clearTimeout("open")}};i(_t,"CMenuItem");var ye=_t,wt=class wt extends T{constructor(e){var o;super({...e,autoClose:"menu",modal:!1}),this.addClass("x4vbox");let t=(o=e.items)==null?void 0:o.map(n=>n==="-"?new ft:I(n)?new ye({text:n,click:null,cls:"title"}):n instanceof d?n:new ye(n));this.setContent(t)}};i(wt,"Menu");var re=wt;var Ao='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="currentColor"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M9.4 256l11.3-11.3 192-192L224 41.4 246.6 64 235.3 75.3 54.6 256 235.3 436.7 246.6 448 224 470.6l-11.3-11.3-192-192L9.4 256z"/></svg>';var Ro='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M128 16l0-16L96 0l0 16 0 48L32 64 0 64 0 96l0 64 0 32L0 480l0 32 32 0 384 0 32 0 0-32 0-288 0-32 0-64 0-32-32 0-64 0 0-48 0-16L320 0l0 16 0 48L128 64l0-48zM32 192l384 0 0 288L32 480l0-288zm0-96l384 0 0 64L32 160l0-64zM331.3 283.3L342.6 272 320 249.4l-11.3 11.3L208 361.4l-52.7-52.7L144 297.4 121.4 320l11.3 11.3 64 64L208 406.6l11.3-11.3 112-112z"/></svg>';var Oo='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="currentColor"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M310.6 256l-11.3 11.3-192 192L96 470.6 73.4 448l11.3-11.3L265.4 256 84.7 75.3 73.4 64 96 41.4l11.3 11.3 192 192L310.6 256z"/></svg>';var yt=class yt extends f{constructor(e){super(e),this.mapPropEvents(e,"change"),this.m_date=e.date?W(e.date):new Date,this._update()}_update(){let e=W(this.m_date);e.setDate(1);let t=e.getDay();t==0&&(t=7),e.setDate(-t+1+1);let o=W(e),n=V(this.m_date),r=V(new Date),a=W(this.m_date);a.setDate(1),a.setMonth(a.getMonth()+1),a.setDate(0);let l=V(a),c=[],p=new h({cls:"month-sel",content:[new u({cls:"month",text:B(this.m_date,"O"),dom_events:{click:i(()=>this._choose("month"),"click")}}),new u({cls:"year",text:B(this.m_date,"Y"),dom_events:{click:i(()=>this._choose("year"),"click")}}),new J,new _({icon:Ao,click:i(()=>this._next(!1),"click")}),new _({icon:Ro,click:i(()=>this.setDate(new Date),"click"),tooltip:x.global.today}),new _({icon:Oo,click:i(()=>this._next(!0),"click")})]});c.push(p);let m=[];m.push(new h({cls:"weeknum cell"}));for(let b=0;b<7;b++)m.push(new u({cls:"cell",text:x.global.day_short[(b+1)%7]}));c.push(new h({cls:"week header",content:m}));let E=this.m_date.getMonth(),w=!0;for(;V(o)<=l;){let b=[new h({cls:"weeknum cell",content:new d({tag:"span",content:B(o,"w")})})];for(let oe=0;oe<7;oe++){let F="cell day";V(o)==n&&(F+=" selection"),V(o)==r&&(F+=" today"),o.getMonth()!=E&&(F+=" out");let U=i(se=>new h({cls:F,flex:1,content:new d({cls:"text",content:ce(`<span>${B(se,"d")}</span>`)}),dom_events:{click:i(()=>this.select(se),"click")}}),"mkItem");b.push(U(W(o))),o.setDate(o.getDate()+1),w=!1}c.push(new h({cls:"week",flex:1,content:b}))}this.setContent(c)}select(e){this.m_date=e,this.fire("change",{value:e}),this._update()}_next(e){this.m_date.setMonth(this.m_date.getMonth()+(e?1:-1)),this._update()}_choose(e){var r,a,l,c;let t=[];if(e=="month")for(let p=0;p<12;p++)t.push({text:x.global.month_long[p],click:i(()=>{this.m_date.setMonth(p),this._update()},"click")});else if(e=="year"){let p=(a=(r=this.props.minDate)==null?void 0:r.getFullYear())!=null?a:1900,m=(c=(l=this.props.maxDate)==null?void 0:l.getFullYear())!=null?c:2037;for(let E=m;E>=p;E--)t.push({text:""+E,click:i(()=>{this.m_date.setFullYear(E),this._update()},"click")})}let o=new re({items:t}),n=this.getBoundingRect();o.displayAt(n.left,n.top)}getDate(){return this.m_date}setDate(e){this.m_date=e,this._update()}};i(yt,"Calendar");var Ho=yt;var Ct=class Ct extends d{constructor(e){var t;switch(super({tag:"input",...e}),this.setAttribute("type",(t=e.type)!=null?t:"text"),this.setAttribute("name",e.name),e.type){case"checkbox":case"radio":{let o=this.dom;o.checked=e.checked,o.value=e.value+"";break}case"range":{this.setAttribute("min",e.min),this.setAttribute("max",e.max),this.setAttribute("step",e.step),this.setAttribute("value",e.value);break}case"number":{this.setAttribute("required",e.required),this.setAttribute("readonly",e.readonly),this.setAttribute("min",e.min),this.setAttribute("max",e.max),this.setAttribute("step",e.step),this.setAttribute("value",e.value+"");break}case"date":{this.setAttribute("required",e.required);let o=e.value;o instanceof Date||this.setAttribute("value",o);break}case"file":{let o;Array.isArray(e.accept)?o=e.accept.join(","):o=e.accept,this.setAttribute("accept",o);break}default:{this.setAttribute("required",e.required),this.setAttribute("readonly",e.readonly),e.value!==null&&e.value!==void 0&&this.setAttribute("value",e.value),e.pattern!==null&&e.pattern!==void 0&&this.setAttribute("pattern",e.pattern),e.placeholder!==null&&e.placeholder!==void 0&&this.setAttribute("placeholder",e.placeholder),e.spellcheck===!1&&this.setAttribute("spellcheck",!1);break}}}getValue(){return this.dom.value}setValue(e){this.dom.value=e+""}getNumValue(){return parseFloat(this.getValue())}setNumValue(e){this.setValue(e+"")}setReadOnly(e){let t=this.dom;t.readOnly=e}selectAll(){this.dom.select()}select(e,t=9999){this.dom.setSelectionRange(e,e+t)}getSelection(){let e=this.dom;return{start:e.selectionStart,length:e.selectionEnd-e.selectionStart}}queryInterface(e){return e=="form-element"?{getRawValue:i(()=>this.getValue(),"getRawValue"),setRawValue:i(o=>{this.setValue(o)},"setRawValue")}:super.queryInterface(e)}};i(Ct,"Input");var C=Ct;var Bo='data:image/svg+xml,<svg viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">%0A%09<path d="M4 4.586L1.707 2.293A1 1 0 1 0 .293 3.707l3 3a.997.997 0 0 0 1.414 0l5-5A1 1 0 1 0 8.293.293L4 4.586z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd">%0A%09</path>%0A</svg>';var Et=class Et extends d{constructor(e){super(e);let t=R();this.mapPropEvents(e,"change"),this.setContent([new d({cls:"inner",content:[this._input=new C({type:"checkbox",id:t,checked:e.checked,dom_events:{change:i(()=>this._on_change(),"change")}})]}),new u({tag:"label",text:e.label,labelFor:t,id:void 0})]),lt.load(Bo).then(o=>{this.query(".inner").dom.insertAdjacentHTML("beforeend",o)})}_on_change(){this.fire("change",{value:this.getCheck()})}getCheck(){return this._input.dom.checked}setCheck(e){let t=this._input.dom;t.checked=e}setLabel(e){this.query("label").setText(e)}toggle(){this.setCheck(!this.getCheck())}};i(Et,"Checkbox");var No=Et;var zo='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M479.4 240L384 240l-16 0 0 32 16 0 95.4 0C471.6 383 383 471.6 272 479.4l0-95.4 0-16-32 0 0 16 0 95.4C129 471.6 40.4 383 32.6 272l95.4 0 16 0 0-32-16 0-95.4 0C40.4 129 129 40.4 240 32.6l0 95.4 0 16 32 0 0-16 0-95.4C383 40.4 471.6 129 479.4 240zM256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>';var kt=class kt extends h{constructor(e){super(e);let t,o;this.setContent([t=new d({cls:"swatch"}),o=new C({type:"text",value:"",spellcheck:!1}),de("eyedropper")?new _({icon:zo,click:i(()=>{new window.EyeDropper().open().then(l=>{r=new P(l.sRGBHex),n(r)})},"click")}):null]),o.addDOMEvent("input",()=>{let a=o.getValue(),l=new P(a);l.isInvalid()||(r=l,n(r))});let n=i(a=>{t.setStyleValue("backgroundColor",a.toRgbString(!1)),o.setValue(a.toRgbString(!1))},"updateColor"),r;e.color instanceof P?r=e.color:r=new P(e.color),n(r)}};i(kt,"ColorInput");var Fo=kt;var Tt=class Tt extends y{constructor(t,o){super(t);this.mdown=!1;this.hsv={hue:1,saturation:1,value:1,alpha:1};this.setContent([this.color=new d({cls:"overlay"}),new d({cls:"overlay",style:{backgroundImage:"linear-gradient(90deg, rgb(255, 255, 255), transparent)"}}),new d({cls:"overlay",style:{backgroundImage:"linear-gradient(0deg, rgb(0, 0, 0), transparent)"}}),this.thumb=new d({cls:"thumb"})]),this.setDOMEvents({pointerdown:i(n=>this.mousedown(n),"pointerdown"),pointermove:i(n=>this.mousemove(n),"pointermove"),pointerup:i(n=>this.mouseup(n),"pointerup"),created:i(()=>this.updateThumbMarker(),"created")}),this.updateBaseColor(o)}mousedown(t){this.mdown=!0,this.irect=this.getBoundingRect(),this.setCapture(t.pointerId)}mousemove(t){if(this.mdown){let o=this.irect,r=L(t.clientX-o.left,0,o.width)/o.width,l=L(t.clientY-o.top,0,o.height)/o.height;this.hsv.saturation=r,this.hsv.value=1-l,this.updateThumbMarker(),this.fire("sat_change",{saturation:this.hsv.saturation,value:this.hsv.value})}}mouseup(t){this.mdown&&(this.releaseCapture(t.pointerId),this.mdown=!1)}updateThumbMarker(){let t=this.color.getBoundingRect();this.thumb.setStyle({left:this.hsv.saturation*t.width+"px",bottom:this.hsv.value*t.height+"px"})}updateBaseColor(t){let o=new P(0,0,0);o.setHsv(t.hue,1,1,1),this.color.setStyleValue("backgroundColor",o.toRgbString(!1))}move(t,o){switch(t){case"saturation":{this.hsv.saturation+=o,this.hsv.saturation<0?this.hsv.saturation=0:this.hsv.saturation>1&&(this.hsv.saturation=1),this.fire("sat_change",{saturation:this.hsv.saturation,value:this.hsv.value}),this.updateThumbMarker();break}case"value":{this.hsv.value+=o,this.hsv.value<0?this.hsv.value=0:this.hsv.value>1&&(this.hsv.value=1),this.fire("sat_change",{saturation:this.hsv.saturation,value:this.hsv.value}),this.updateThumbMarker();break}}}};i(Tt,"Saturation");var It=Tt,Dt=class Dt extends y{constructor(t,o){super(t);this.hsv={hue:1,saturation:1,value:1,alpha:1};this.mdown=!1;this.setContent([this.thumb=new d({cls:"thumb",left:"50%"})]),this.setDOMEvents({pointerdown:i(n=>this.mousedown(n),"pointerdown"),pointermove:i(n=>this.mousemove(n),"pointermove"),pointerup:i(n=>this.mouseup(n),"pointerup")}),this.updateHue(o)}mousedown(t){this.mdown=!0,this.irect=this.getBoundingRect(),this.setCapture(t.pointerId)}mousemove(t){if(this.mdown){let o=this.irect,r=L(t.clientX-o.left,0,o.width)/o.width;this.hsv.hue=r,this.updateHue(this.hsv),this.fire("hue_change",{hue:this.hsv.hue})}}mouseup(t){this.mdown&&(this.releaseCapture(t.pointerId),this.mdown=!1)}updateHue(t){this.hsv.hue=t.hue,this.thumb.setStyleValue("left",t.hue*100+"%")}move(t){this.hsv.hue+=t,this.hsv.hue<0?this.hsv.hue=0:this.hsv.hue>1&&(this.hsv.hue=1),this.fire("hue_change",{hue:this.hsv.hue}),this.updateHue(this.hsv)}};i(Dt,"HueSlider");var Pt=Dt,Lt=class Lt extends y{constructor(t,o){super(t);this.hsv={hue:1,saturation:1,value:1,alpha:1};this.mdown=!1;this.setContent([new d({cls:"overlay checkers"}),this.color=new d({cls:"overlay color"}),this.thumb=new d({cls:"thumb",left:"50%"})]),this.setDOMEvents({pointerdown:i(n=>this._on_mousedown(n),"pointerdown"),pointermove:i(n=>this._on_mousemove(n),"pointermove"),pointerup:i(n=>this._on_mouseup(n),"pointerup")}),this.updateAlpha(),this.updateBaseColor(o)}_on_mousedown(t){this.mdown=!0,this.irect=this.getBoundingRect(),this.setCapture(t.pointerId)}_on_mousemove(t){if(this.mdown){let o=this.irect,r=L(t.clientX-o.left,0,o.width)/o.width;this.hsv.alpha=r,this.updateAlpha(),this.fire("alpha_change",{alpha:this.hsv.alpha})}}_on_mouseup(t){this.mdown&&(this.releaseCapture(t.pointerId),this.mdown=!1)}updateAlpha(){this.thumb.setStyleValue("left",this.hsv.alpha*100+"%")}updateBaseColor(t){let o=new P(0,0,0);o.setHsv(t.hue,t.saturation,t.value,1),this.color.setStyleValue("backgroundImage",`linear-gradient(90deg, transparent, ${o.toRgbString(!1)})`)}setColor(t){this.hsv=t,this.updateBaseColor(t),this.updateAlpha()}move(t){this.hsv.alpha+=t,this.hsv.alpha<0?this.hsv.alpha=0:this.hsv.alpha>1&&(this.hsv.alpha=1),this.fire("alpha_change",{alpha:this.hsv.alpha}),this.updateAlpha()}};i(Lt,"AlphaSlider");var Mt=Lt,St=class St extends f{constructor(e){super(e),e.color instanceof P?this._base=e.color:this._base=new P(e.color);let t=this._base.toHsv();this.setAttribute("tabindex",0),this.setContent([this._sat=new It({},t),new h({cls:"body",content:[new f({cls:"x4flex",content:[this._hue=new Pt({},t),this._alpha=new Mt({},t)]}),new y({cls:"swatch",content:[new d({cls:"overlay checkers"}),this._swatch=new d({cls:"overlay"})]})]})]),this._sat.on("sat_change",n=>{t.saturation=n.saturation,t.value=n.value,o(),this._alpha.updateBaseColor(t)}),this._hue.on("hue_change",n=>{t.hue=n.hue,this._sat.updateBaseColor(t),this._alpha.updateBaseColor(t),o()}),this._alpha.on("alpha_change",n=>{t.alpha=n.alpha,o()});let o=i(()=>{this._base.setHsv(t.hue,t.saturation,t.value,t.alpha),this._swatch.setStyleValue("backgroundColor",this._base.toRgbString()),this._swatch.setAttribute("tooltip",this._base.toRgbString()),this.fire("change",{color:this._base})},"updateColor");de("eyedropper")&&this._swatch.addDOMEvent("click",n=>{new window.EyeDropper().open().then(a=>{t=new P(a.sRGBHex).toHsv(),this._alpha.setColor(t),this._sat.updateBaseColor(t),this._hue.updateHue(t),o()})}),this.addDOMEvent("keydown",n=>this._onkey(n)),o()}_onkey(e){switch(e.key){case"ArrowLeft":{e.ctrlKey?this._hue.move(-.01):this._sat.move("saturation",-.01);break}case"ArrowRight":{e.ctrlKey?this._hue.move(.01):this._sat.move("saturation",.01);break}case"ArrowUp":{e.ctrlKey?this._alpha.move(.01):this._sat.move("value",.01);break}case"ArrowDown":{e.ctrlKey?this._alpha.move(-.01):this._sat.move("value",-.01);break}}}};i(St,"ColorPicker");var Uo=St;var Rt=class Rt extends d{constructor(e){super(e)}};i(Rt,"Viewport");var At=Rt,Ot=class Ot extends d{constructor(e){super(e),this.setContent(new At({}))}getViewport(){return this.firstChild()}};i(Ot,"ScrollView");var Ce=Ot;var Vo=(n=>(n[n.first=0]="first",n[n.prev=1]="prev",n[n.next=2]="next",n[n.last=3]="last",n))(Vo||{}),Ht=class Ht extends d{constructor(t){super({...t});this.preventFocus=!1;this.setAttribute("tabindex",0);let o=new Ce({cls:"body"});this._view=o.getViewport(),this.setContent([o]),this.setDOMEvents({click:i(n=>this._on_click(n),"click"),keydown:i(n=>this._on_key(n),"keydown"),dblclick:i(n=>this._on_click(n),"dblclick"),contextmenu:i(n=>this._on_ctx_menu(n),"contextmenu")}),t.items&&this.setItems(t.items)}_on_key(t){if(!this.isDisabled()){switch(t.key){case"ArrowDown":{this.navigate(2);break}case"ArrowUp":{this.navigate(1);break}case"Home":{this.navigate(0);break}case"End":{this.navigate(3);break}default:return}t.preventDefault(),t.stopPropagation()}}navigate(t){this._selitem||(t==2?t=0:t=3);let o=i((n,r)=>{for(;n&&!n.isVisible();)n=r?n.nextElement():n.prevElement();return n},"next_visible");if(t==0||t==3){let n=t==0?this._view.firstChild():this._view.lastChild();if(n=o(n,t==0),n){let r=n.getData("id");return this._selectItem(r,n),!0}}else{let n=t==2?this._selitem.nextElement():this._selitem.prevElement();if(n=o(n,t==2),n){let r=n.getData("id");return this._selectItem(r,n),!0}}return!1}_on_click(t){t.stopImmediatePropagation(),t.preventDefault();let o=t.target;for(;o&&o!=this.dom;){let n=g(o);if(n&&n.hasClass("x4item")){let r=n.getData("id"),a={context:r};t.type=="click"?this.fire("click",a):this.fire("dblClick",a),a.defaultPrevented||this._selectItem(r,n);return}o=o.parentElement}this.clearSelection()}_on_ctx_menu(t){t.preventDefault();let o=t.target;for(;o&&o!=this.dom;){let n=g(o);if(n&&n.hasClass("x4item")){let r=n.getData("id");this._selectItem(r,n),this.fire("contextMenu",{uievent:t,context:r});return}o=o.parentElement}this.fire("contextMenu",{uievent:t,context:null})}_selectItem(t,o){this._selitem&&(this._selitem.removeClass("selected"),this._selitem=void 0),this._selitem=o,this._selection=t,o&&(o.addClass("selected"),o.scrollIntoView({behavior:"smooth",block:"nearest"}));let n=this._findItem(t);this.fire("selectionChange",{selection:n})}_findItem(t){return this._items.find(o=>o.id==t)}_findItemIndex(t){return this._items.findIndex(o=>o.id==t)}clearSelection(){this._selitem&&(this._selitem.removeClass("selected"),this._selitem=void 0),this._selection=void 0,this.fire("selectionChange",{selection:void 0})}setItems(t){if(this.clearSelection(),this._view.clearContent(),this._items=t,t){let o=t.map(n=>this.renderItem(n));this._view.setContent(o)}}renderItem(t){var r;let n=((r=this.props.renderer)!=null?r:this.defaultRenderer)(t);return n.addClass("x4item"),n.setData("id",t.id+""),n}defaultRenderer(t){return new h({cls:t.cls,content:new u({icon:t.iconId,text:t.text})})}filter(t){let o=this._view.enumChildComponents(!1);if(!t)o.forEach(n=>n.show(!0));else{let n=this._items.filter(r=>r.text.includes(t)).map(r=>r.id+"");o.forEach(r=>{r.show(n.includes(r.getData("id")))})}}appendItem(t,o=!1,n=!0){n&&this.clearSelection();let r=this.renderItem(t);o?(this._items.unshift(t),this._view.prependContent(r)):(this._items.push(t),this._view.appendContent(r)),n&&this._selectItem(t.id,r)}updateItem(t,o){var l;let n=this._findItemIndex(t);if(n<0)return;let r=!1;this._selection&&this._selection===t&&(r=!0),this._items[n]=o;let a=(l=this.query(`[data-id="${o.id}"]`))==null?void 0:l.dom;if(a){let c=this.renderItem(o);this._view.dom.replaceChild(c.dom,a),r&&this._selectItem(o.id,c)}}};i(Ht,"Listbox");var Ee=Ht;var qo='data:image/svg+xml,<svg viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">%0A%09<path d="M4.93179 5.43179C4.75605 5.60753 4.75605 5.89245 4.93179 6.06819C5.10753 6.24392 5.39245 6.24392 5.56819 6.06819L7.49999 4.13638L9.43179 6.06819C9.60753 6.24392 9.89245 6.24392 10.0682 6.06819C10.2439 5.89245 10.2439 5.60753 10.0682 5.43179L7.81819 3.18179C7.73379 3.0974 7.61933 3.04999 7.49999 3.04999C7.38064 3.04999 7.26618 3.0974 7.18179 3.18179L4.93179 5.43179ZM10.0682 9.56819C10.2439 9.39245 10.2439 9.10753 10.0682 8.93179C9.89245 8.75606 9.60753 8.75606 9.43179 8.93179L7.49999 10.8636L5.56819 8.93179C5.39245 8.75606 5.10753 8.75606 4.93179 8.93179C4.75605 9.10753 4.75605 9.39245 4.93179 9.56819L7.18179 11.8182C7.35753 11.9939 7.64245 11.9939 7.81819 11.8182L10.0682 9.56819Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd">%0A%09</path>%0A</svg>';var Nt=class Nt extends T{constructor(e,t){super(e),this._list=new Ee({items:e.items}),this.setContent(this._list),this.addDOMEvent("mousedown",o=>{console.log("trap"),o.stopImmediatePropagation(),o.stopPropagation(),o.preventDefault()},!0),this._list.on("selectionChange",o=>{this.fire("selectionChange",o)})}getList(){return this._list}};i(Nt,"Dropdown");var Bt=Nt,zt=class zt extends d{constructor(t){super(t);this._prevent_close=!1;let o=R();this.setContent([new h({id:"label",content:new u({tag:"label",text:t.label,labelFor:o,width:t.labelWidth})}),this._edit=new h({id:"edit",content:[this._input=new C({type:"text",value:"",readonly:t.readonly}),this._button=new _({icon:qo})]})]),this._dropdown=new Bt({items:t.items}),this._dropdown.on("selectionChange",n=>{let r=n.selection;this._input.setValue(r?r.text:""),this._prevent_close||this._dropdown.show(!1)}),this._button.addDOMEvent("click",()=>this._on_click()),this._input.addDOMEvent("input",()=>this._on_input()),this._input.addDOMEvent("keydown",n=>this._on_key(n)),this.setDOMEvents({focusout:i(()=>this._on_focusout(),"focusout"),click:i(()=>this._on_click(),"click")})}_on_key(t){switch(t.key){case"Enter":case"Escape":{this._dropdown.show(!1);break}case"ArrowUp":this._prevent_close=!0,this._dropdown.isOpen()?this._dropdown.getList().navigate(1):this.showDropDown(),this._prevent_close=!1;break;case"ArrowDown":this._prevent_close=!0,this._dropdown.isOpen()?this._dropdown.getList().navigate(2):this.showDropDown(),this._prevent_close=!1;break;default:return}t.preventDefault(),t.stopPropagation()}_on_input(){this._dropdown.isOpen()||this.showDropDown(),this._dropdown.getList().filter(this._input.getValue())}_on_focusout(){this._dropdown.show(!1)}_on_click(){this.showDropDown()}showDropDown(){if(this.isDisabled())return;let t=this._edit.getBoundingRect();this._dropdown.setStyleValue("width",t.width+"px"),this._dropdown.displayNear(t,"top left","bottom left",{x:0,y:6})}};i(zt,"Combobox");var $o=zt;var Ko='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" fill="currentColor"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M192 233.4L59.5 100.9 36.9 123.5 169.4 256 36.9 388.5l22.6 22.6L192 278.6 324.5 411.1l22.6-22.6L214.6 256 347.1 123.5l-22.6-22.6L192 233.4z"/></svg>';var Ft=class Ft extends T{constructor(e){super(e),this.appendContent([new h({cls:"caption",content:[new u({id:"title",cls:"caption-element",icon:e.icon,text:e.title}),e.closable?new _({id:"closebox",icon:Ko,click:i(()=>{this.close()},"click")}):null]}),e.form,new ve({id:"btnbar",reverse:!0,items:e.buttons,btnclick:i(t=>{this.fire("btnclick",t)},"btnclick")})])}display(){super.displayCenter()}close(){this.fire("close",{}),super.close()}};i(Ft,"Dialog");var ke=Ft;var Ut=class Ut extends y{setValues(e){let t=this.queryAll("input[name]");console.log(t)}getValues(){return{}}};i(Ut,"Form");var Ie=Ut;var Vt=class Vt extends h{constructor(e){var t;super(e),this._els=(t=e.items)==null?void 0:t.map(o=>{let n=new u({cls:"cell",text:o.title,icon:o.iconId}),r=new M("right");return o.width>0?(n.setStyleValue("width",o.width+"px"),n.setInternalData("width",o.width)):o.width<0?n.setInternalData("flex",-o.width):n.setInternalData("width",0),r.addDOMEvent("dblclick",a=>{n.setInternalData("flex",1),this._calc_sizes()}),r.on("resize",a=>{n.setInternalData("flex",0),n.setInternalData("width",a.size),this._calc_sizes()}),n.appendContent(r),n.setInternalData("data",o),n}),this.addDOMEvent("resized",()=>this._on_resize()),this.addDOMEvent("created",()=>this._calc_sizes()),this._vwp=new h({content:this._els}),this.setContent(this._vwp)}_calc_sizes(){let e=0,t=0;this._els.forEach(l=>{let c=l.getInternalData("flex");if(c)e+=c;else{let p=l.getInternalData("width");if(p==0){let m=l.getBoundingRect();p=Math.ceil(m.width)+2,l.setInternalData("width",p)}t+=p}});let n=this.getBoundingRect().width-t,r=Math.ceil(n/e);console.log("filled",t),console.log("count",e),console.log("rest",n),console.log("unit",r);let a=0;this._els.forEach(l=>{let c=0,p=l.getInternalData("flex");p?(c=Math.min(r*p,n),n-=c):c=l.getInternalData("width"),l.setWidth(c),a+=c}),this._vwp.setWidth(a)}_on_resize(){this._calc_sizes()}};i(Vt,"Header");var Go=Vt;var qt=class qt extends d{constructor(e){var t;super(e),this._img=new d({tag:"img",attrs:{loading:e.lazy,alt:e.alt,draggable:(t=e.draggable)!=null?t:!1},style:{width:"100%",height:"100%",objectFit:e.fit,objectPosition:e.position}}),this.setContent(this._img),this.setImage(e.src)}setImage(e){this._img.setAttribute("src",e)}};i(qt,"Image");var jo=qt;var Yo='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24l0 112c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-112c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"/></svg>';var Pe=class Pe extends ke{constructor(e){super(e)}setText(e){this.m_label.setText(e)}static show(e){let t=new Pe({modal:!0,title:x.global.error,movable:!0,form:new Ie({content:[new h({content:[new v({iconId:Yo}),new u({text:e})]})]}),buttons:["ok","cancel"]});return t.on("btnclick",o=>{go(()=>t.close())}),t.display(),t}};i(Pe,"MessageBox");var Wo=Pe;var Xo='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/></svg>';var Zo='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"/></svg>';var Jo='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><!--!Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M207.4 20.4c2.4 8.5-2.6 17.3-11.2 19.7C101.5 66.2 32 153 32 256c0 123.7 100.3 224 224 224s224-100.3 224-224c0-103-69.5-189.8-164.3-215.9c-8.5-2.4-13.5-11.2-11.2-19.7s11.2-13.5 19.7-11.2C432.5 39.1 512 138.2 512 256c0 141.4-114.6 256-256 256S0 397.4 0 256C0 138.2 79.5 39.1 187.7 9.2c8.5-2.4 17.3 2.6 19.7 11.2z"/></svg>';var Qo='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" fill="currentColor"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M192 233.4L59.5 100.9 36.9 123.5 169.4 256 36.9 388.5l22.6 22.6L192 278.6 324.5 411.1l22.6-22.6L214.6 256 347.1 123.5l-22.6-22.6L192 233.4z"/></svg>';var $t=class $t extends T{constructor(e){super({});let t=e.iconId;t||(e.loading?(t=Jo,this.addClass("")):e.mode=="danger"?t=Zo:t=Xo),this.addClass(e.mode);let o=new v({iconId:t});e.loading&&(o.addClass("rotate"),this.props.modal=!0),this.setContent(new h({content:[o,new f({cls:"body",content:[new u({cls:"title",text:e.title}),new u({cls:"text",text:e.text})]}),new _({cls:"outline",icon:Qo,click:i(()=>{this.close()},"click")})]}))}close(){this.clearTimeout("close"),super.close()}display(e=0){let t=new H(0,0,window.innerWidth,window.innerHeight);this.displayNear(t,"bottom right","bottom right",{x:-20,y:-10}),e&&this.setTimeout("close",e*1e3,()=>{this.close()})}};i($t,"Notification");var en=$t;var Kt=class Kt extends f{constructor(e){var o;super({...e,content:void 0});let t=(o=e.bodyModel)!=null?o:f;super.setContent([this._title=new u({tag:"legend",text:e.title,icon:e.icon}),this._body=new t({cls:"body",content:e.content})])}setContent(e){this._body.setContent(e)}setTitle(e){this._title.setContent(e)}};i(Kt,"Panel");var tn=Kt;var Gt=class Gt extends d{constructor(e){super(e),this.setContent(this._bar=new d({cls:"bar"})),this.setValue(e.value)}setValue(e){let t=e/(this.props.max-this.props.min)*100;this._bar.setStyleValue("width",t+"%")}};i(Gt,"Progress");var on=Gt;var nn='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="currentColor"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M288.1 0l86.5 164 182.7 31.6L428 328.5 454.4 512 288.1 430.2 121.7 512l26.4-183.5L18.9 195.6 201.5 164 288.1 0z"/></svg>';var jt=class jt extends h{constructor(e){var t;super(e),e.steps=(t=e.steps)!=null?t:5,this._update()}_update(){var n,r;let e=this.props,t=(n=e.icon)!=null?n:nn,o=(r=e.value)!=null?r:0;this.m_input=new C({type:"text",hidden:!0,name:e.name,value:""+o}),this.addDOMEvent("click",a=>this._on_click(a)),this.m_els=[];for(let a=0;a<e.steps;a++){let l="item";a+1<=o&&(l+=" checked");let c=new v({cls:l,iconId:t});c.setInternalData("value",a),this.m_els.push(c)}this.m_els.push(this.m_input),this.setContent(this.m_els)}getValue(){var e;return(e=this.props.value)!=null?e:0}setValue(e){this.props.value=e;for(let t=0;t<this.props.steps;t++)this.m_els[t].setClass("checked",this.m_els[t].getInternalData("value")<=e);this.m_input.setValue(""+this.props.value)}setSteps(e){this.props.steps=e,this._update()}setShape(e){this.removeClass(this.props.icon),this.props.icon=e}_on_click(e){let t=g(e.target);t=t.parentElement(v),t&&this.setValue(t.getInternalData("value")),this.fire("change",{value:this.props.value})}};i(jt,"Rating");var rn=jt;var Yt=class Yt extends d{constructor(t){super(t);this._mdown=!1;this._irect=null;this._thumb=null;this._bar=null;this._range=null;this.setContent([new h({cls:"track",content:[this._bar=new d({cls:"bar"}),this._thumb=new d({cls:"thumb"})]}),this._range=new C({type:"range",hidden:!0,value:t.value,min:t.min,max:t.max,step:t.step})]),this.setAttribute("tabindex",0),this.setDOMEvents({pointerdown:i(o=>this._on_mousedown(o),"pointerdown"),pointermove:i(o=>this._on_mousemove(o),"pointermove"),pointerup:i(o=>this._on_mouseup(o),"pointerup"),keydown:i(o=>this._on_key(o),"keydown")}),this._range.addDOMEvent("change",o=>{})}_on_mousedown(t){t.stopPropagation(),t.preventDefault(),this.focus(),this._mdown=!0,this._irect=this.getBoundingRect(),this.setCapture(t.pointerId)}_on_mousemove(t){if(this._mdown){let o=t.pageX-this._irect.left;o<0?o=0:o>this._irect.width&&(o=this._irect.width);let n=o/this._irect.width*100;this._range.setNumValue(n),this._update()}}_update(){let t=this._range.getNumValue(),o=t/(this.props.max-this.props.min)*100;this._thumb.setStyleValue("left",o+"%"),this._bar.setStyleValue("width",o+"%"),this.fire("change",{value:t})}_on_mouseup(t){this._mdown&&(this.releaseCapture(t.pointerId),this._mdown=!1)}_on_key(t){var r;console.log(t.key);let o=(r=this.props.step)!=null?r:1,n=0;switch(t.key){case"ArrowRight":case"ArrowUp":n=o;break;case"ArrowLeft":case"ArrowDown":n=-o;break}n&&(t.ctrlKey&&(n*=10),this._range.setNumValue(this._range.getNumValue()+n),this._update())}};i(Yt,"Slider");var sn=Yt;var Wt=class Wt extends h{constructor(e){super(e);let t=R();this.setContent([new d({cls:"switch",content:[new C({type:"checkbox",id:t,checked:e.checked}),new d({cls:"track"}),new d({cls:"thumb"})]}),new u({tag:"label",text:e.label,labelFor:t})])}};i(Wt,"Switch");var an=Wt;var Jt=class Jt extends _{constructor(e,t){super(e),this.addClass("outline"),this.setIcon(t.icon),this.setText(t.title),this.setData("tabname",t.name)}};i(Jt,"CTab");var Xt=Jt,Qt=class Qt extends h{constructor(e,t){super(e);let o=t.map(n=>new Xt({click:i(r=>this._on_click(r),"click")},n));this.mapPropEvents(e,"click"),this.setContent(o)}_on_click(e){let t=e.source.getData("tabname");this.fire("click",{name:t})}select(e){let t=this.query(`[data-tabname="${e}"]`);this._selitem&&this._selitem.setClass("selected",!1),this._selitem=t,this._selection=e,this._selitem&&this._selitem.setClass("selected",!0)}};i(Qt,"CTabList");var Zt=Qt,eo=class eo extends f{constructor(e){var o;super(e);let t=(o=e.items)==null?void 0:o.map(n=>({name:n.name,content:n.tab}));this.setContent([this._list=new Zt({click:i(n=>this._onclick(n),"click")},e.items),this._stack=new fe({cls:"body x4flex",default:e.default,items:t})]),e.default&&this.selectTab(e.default)}selectTab(e){this._list.select(e),this._stack.select(e)}_onclick(e){this.selectTab(e.name)}};i(eo,"Tabs");var ln=eo;var to=class to extends f{constructor(e){super(e),this.setContent([new u({text:e.label}),this._input=new d({tag:"textarea"})]),this._input.setAttribute("name",e.name),this._input.setAttribute("value",e.value+""),e.resize||this._input.setAttribute("resize",!1)}};i(to,"TextArea");var cn=to;var oo=class oo extends h{constructor(e){var o,n;super(e),e.inputId||(e.inputId=R()),e.required&&this.setAttribute("required",!0);let t=(o=e.inputGadgets)!=null?o:[];this.setContent([new h({id:"label",width:e.labelWidth,content:[new u({tag:"label",text:e.label,labelFor:e.inputId})]}),new h({id:"edit",content:[new C({type:(n=e.type)!=null?n:"text",readonly:e.readonly,value:e.value,id:e.inputId,required:e.required,disabled:e.disabled,placeholder:e.placeholder}),...t]})])}};i(oo,"TextEdit");var dn=oo;var pn='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"  fill="currentColor"> <!--!Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM192 352v32h16 96 16V352H304 272V240 224H256 216 200v32h16 24v96H208 192zm88-168V136H232v48h48z"/></svg>';var Me=null,ie=null,hn=new Y;function $p(){document.addEventListener("mouseenter",s=>{if(s.target===document)return;let e=Eo(s.target),t=e.getAttribute("tooltip");if(t){Me=s.target;let o=e.getBoundingRect();Jn(t,o,{x:s.pageX,y:s.pageY})}},!0),document.addEventListener("mouseleave",s=>{Me&&s.target==Me&&(Me=null,Qn())},!0)}i($p,"initTooltips");function Jn(s,e,t){ie||(ie=new no({})),hn.setTimeout(null,300,()=>{ie.setText(ce(s)),ie.displayAt(t.x,t.y)})}i(Jn,"showTT");function Qn(){ie.show(!1),hn.clearTimeout(null)}i(Qn,"closeTT");var ro=class ro extends T{constructor(e){super(e),this.setContent(new h({content:[new v({iconId:pn}),new d({id:"text"})]}))}setText(e){this.query("#text").setContent(e)}};i(ro,"Tooltip");var no=ro;var un='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><!--!Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M267.3 395.3c-6.2 6.2-16.4 6.2-22.6 0l-192-192c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L256 361.4 436.7 180.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6l-192 192z"/></svg>';var tr=(p=>(p[p.first=0]="first",p[p.prev=1]="prev",p[p.next=2]="next",p[p.last=3]="last",p[p.parent=4]="parent",p[p.child=5]="child",p[p.expand=6]="expand",p[p.collapse=7]="collapse",p[p.toggle=8]="toggle",p))(tr||{}),Te=class Te extends y{constructor(e,t){super({...e}),this._item=t,t?(this._label=new h({cls:"label item",content:[this._icon=new v({iconId:t.children?un:t.iconId}),new u({tag:"span",cls:"",text:t.text})]}),this._label.setData("id",t.id+""),t.children&&(this._childs=new f({cls:"body"}),t.open===void 0&&(t.open=!1),this.addClass("folder"),this.setClass("open",t.open),this.setItems(t.children),this._icon.addDOMEvent("click",o=>this.toggle(o)))):this._childs=new f({cls:"body"}),this.setContent([this._label,this._childs])}toggle(e){let t=this.hasClass("open");this.open(!t),e&&e.stopPropagation()}open(e=!0){this.setClass("open",e),this._item.open=e}setItems(e){if(e){let t=e.map(o=>new Te({},o));this._childs.setContent(t)}else this._childs.clearContent()}};i(Te,"CTreeViewItem");var io=Te,so=class so extends d{constructor(e){super(e),e.items&&this.setItems(e.items),this.setAttribute("tabindex",0),this.setDOMEvents({click:i(t=>this._onclick(t),"click"),keydown:i(t=>this._onkey(t),"keydown")})}setItems(e){this._items=e;let t=new io({cls:"root"},null);t.setItems(e),this.setContent(t)}_onclick(e){let t=e.target;for(;t&&t!=this.dom;){let o=g(t);if(o&&o.hasClass("item")){let n=o.getData("id");this._selectItem(n,o);return}t=t.parentElement}this.clearSelection()}_onkey(e){switch(e.key){case"ArrowDown":{this.navigate(2);break}case"ArrowUp":{this.navigate(1);break}case"Home":{this.navigate(0);break}case"End":{this.navigate(3);break}case"ArrowRight":{this.navigate(5);break}case"+":{this.navigate(6);break}case"ArrowLeft":{this.navigate(4);break}case"-":{this.navigate(7);break}case" ":{this.navigate(8);break}default:console.log(e.key);return}e.preventDefault(),e.stopPropagation()}navigate(e){var n;if(!this._items||this._items.length==0)return;if(!this._selitem)if(e==2||e==4)e=0;else if(e==1)e=3;else return;let t=(n=this._selitem)==null?void 0:n.parentElement(),o=t==null?void 0:t.hasClass("folder");if(t&&e==4&&o&&t.hasClass("open")?e=7:e==5&&(o?t.hasClass("open")?e=2:e=6:e=2),e==6||e==7||e==8){if(o)return e==8?(t.toggle(),!0):(t.open(e==6),!0)}else{let r=this._flattenOpenItems(),a=r.findIndex(c=>this._selection==c.id),l;if(e==0)l=r[0].id;else if(e==3)l=r[r.length-1].id;else if(a>=0){if(e==1)a>0&&(l=r[a-1].id);else if(e==2)a<r.length-1&&(l=r[a+1].id);else if(e==4){let c=r[a].level;for(;a>0;)if(a--,r[a].level<c){l=r[a].id;break}}}if(l){let c=this.query(`[data-id="${l}"]`);return this._selectItem(l,c),!0}}return!1}_flattenOpenItems(){let e=[],t=i((o,n)=>{e.push({id:o.id+"",level:n}),o.children&&o.open&&o.children.forEach(r=>t(r,n+1))},"build");return this._items.forEach(o=>t(o,0)),e}_flattenItems(){let e=[],t=i(o=>{e.push(o),o.children&&o.children.forEach(n=>t(n))},"build");return this._items.forEach(o=>t(o)),e}_selectItem(e,t){this._selitem&&(this._selitem.removeClass("selected"),this._selitem=void 0),this._selitem=t,this._selection=e,t&&(t.addClass("selected"),t.scrollIntoView({behavior:"smooth",block:"nearest"}));let o=this._findItem(e);this.fire("change",{selection:o})}_findItem(e){return this._flattenItems().find(o=>o.id==e)}clearSelection(){this._selitem&&(this._selitem.removeClass("selected"),this._selitem=void 0),this._selection=void 0,this.fire("change",{selection:void 0})}};i(so,"Treeview");var mn=so;export{y as Box,ve as BtnGroup,_ as Button,M as CSizer,Ho as Calendar,No as Checkbox,P as Color,Fo as ColorInput,Uo as ColorPicker,$o as Combobox,d as Component,_o as ComputedStyle,pe as CoreElement,ke as Dialog,X as EventSource,J as Flex,Ie as Form,h as HBox,Go as Header,v as Icon,jo as Image,C as Input,u as Label,Ee as Listbox,re as Menu,Wo as MessageBox,en as Notification,tn as Panel,T as Popup,on as Progress,rn as Rating,H as Rect,ko as Router,It as Saturation,Ce as ScrollView,sn as Slider,fe as StackBox,vo as Stylesheet,Mo as SvgBuilder,To as SvgComponent,Ze as SvgGradient,be as SvgGroup,We as SvgPath,xe as SvgShape,Xe as SvgText,an as Switch,ln as Tabs,cn as TextArea,dn as TextEdit,Y as Timer,mn as Treeview,j as UnsafeHtml,f as VBox,At as Viewport,dr as _date_set_locale,x as _tr,me as addEvent,uo as addTranslation,go as asap,br as calcAge,cr as camelCase,L as clamp,g as componentFromDOM,po as createLanguage,bo as date_calc_weeknum,W as date_clone,hr as date_diff,pr as date_format,V as date_hash,mr as date_sql_utc,ur as date_to_sql,Sn as dispatchEvent,qr as dragManager,B as formatIntlDate,rr as getAvailableLanguages,nr as getCurrentLanguage,$p as initTooltips,Ae as isArray,de as isFeatureAvailable,lr as isFunction,ho as isLanguage,N as isNumber,I as isString,wo as isUnitLess,Vo as kbNav,tr as kbTreeNav,R as makeUniqueComponentId,O as pad,xr as parseIntlDate,fo as pascalCase,Cn as selectLanguage,Se as sprintf,lt as svgLoader,Tn as unbubbleEvents,he as unitless,ce as unsafeHtml,Eo as wrapDOM};

package/lib/README.txt

@@ -0,0 +1,15 @@
+# x4 framework
+
+This is the x4 framework repository.
+
+X4 is a full typescript framework to develop Web or Desktop applications.
+Included more than 40 controls like grids, charts, etc. Everything needed to push the limits of your creativity.
+If these components are not enough, you can create your in few lines.
+
+## Home page
+see [home](https://x4js.org)
+
+## API Documentation
+see [API](https://x4js.org/api/)
+
+

package/lib/cjs/x4.css

@@ -0,0 +1 @@
+.box,.vbox,.x4vbox,.hbox,.x4hbox{position:relative}.hbox,.x4hbox{display:flex;flex-direction:row;align-items:center}.vbox,.x4vbox{display:flex;flex-direction:column}.fit,.x4stackbox>*{position:absolute;inset:0}.x4stackbox>*{position:relative!important}.x4stackbox>*:not(.selected){display:none}.box,.vbox,.hbox,.x4icon{position:relative}.hbox,.x4icon{display:flex;flex-direction:row;align-items:center}.x4icon{min-width:10px;height:10px;overflow:hidden}.x4icon svg{width:100%;height:100%}.box,.vbox,.hbox,.x4button{position:relative}.hbox,.x4button{display:flex;flex-direction:row;align-items:center}.flex,.x4button>#label{flex-grow:1;flex-shrink:0;flex-basis:0;min-width:0}:root{--button-background: var( --accent-background );--button-color: var( --accent-color );--button-background-hover: var( --accent-background-hover );--button-color-hover: var( --accent-color-hover );--button-background-active: var( --accent-background-active );--button-color-active: var( --accent-color-active );--button-background-focus: var( --accent-background-focus );--button-color-focus: var( --accent-color-focus );--button-background-disabled: var( --disabled-background );--button-color-disabled: var( --disabled-color );--button-icon-color: rgb(255 255 255 / 64%);--ol-button-background: var( --background-primary );--ol-button-background-active: #eee;--ol-button-color: var( --text-primary );--ol-button-border: var( --border );--ol-button-icon-color: var( --text-primary );--ol-button-border-focus: var( --accent-background-focus );--ol-button-color-focus: var( --accent-background )}.x4button{gap:4px;font-size:inherit;font-family:inherit;padding:8px;margin:2px;transition:background-color .3s,color .3s;border:none;outline:none;cursor:pointer;background-color:var(--button-background);color:var(--button-color);gap:.4em}.x4button>#icon{transition:color .3s;width:1em;height:1em}.x4button>#icon.empty{display:none}.x4button>#label{padding:0;color:inherit}.x4button>#label:empty{display:none}.x4button:focus{background-color:var(--button-background-focus);color:var(--button-color-focus)}.x4button:focus #icon{color:var(--button-color-focus)}.x4button:focus #label{text-decoration:underline}.x4button:hover{background-color:var(--button-background-hover);color:var(--button-color-hover)}.x4button:active{background-color:var(--button-background-active);color:var(--button-color-active)}.x4button[disabled]{cursor:not-allowed;background-color:var(--button-background-disabled);color:var(--button-color-disabled)}.x4button.outline{background-color:var(--ol-button-background);border:1px solid var(--ol-button-border);color:var(--ol-button-color)}.x4button.outline #icon{color:var(--ol-button-icon-color)}.x4button.outline:focus{border-color:var(--ol-button-border-focus);color:var(--ol-button-color-focus)}.x4button.outline:focus #icon{color:var(--ol-button-color-focus)}.x4button.outline:active{background-color:var(--ol-button-background-active);color:var(--button-color-active)}.x4button.outline:active #icon{color:var(--button-icon-color)}.x4button.danger{background-color:var(--alert-background);color:var(--alert-color)}.x4button.danger:active{background-color:var(--alert-background-active)}.x4btngroup{align-content:start;margin:5px;gap:4px}.x4btngroup.align-right{justify-content:end}.x4btngroup.align-center{justify-content:center}.box,.vbox,.hbox,.x4label{position:relative}.hbox,.x4label{display:flex;flex-direction:row;align-items:center}:root{--label-background: transparent;--label-color: var( --text-ternary );--label-icon-color: rgb(0 0 0 / 44%)}.x4label{color:var(--label-color);background-color:var(--label-background);text-align:left;gap:.2em}.x4label.right{text-align:right}.x4label.center{text-align:center}.x4label #icon{width:1em;margin:0 .1em;color:var(--label-icon-color)}.x4label #icon.empty{display:none}.x4csizer{position:absolute}.x4csizer.top{left:0;right:0;height:8px;z-index:10;cursor:ns-resize;top:0}.x4csizer.bottom{left:0;right:0;height:8px;z-index:10;cursor:ns-resize;bottom:0}.x4csizer.left{top:0;bottom:0;width:8px;z-index:10;cursor:ew-resize;left:0}.x4csizer.right{top:0;bottom:0;width:8px;z-index:10;cursor:ew-resize;right:0}.x4csizer.top-left{width:8px;height:8px;z-index:11;left:0;top:0;cursor:nw-resize}.x4csizer.top-right{width:8px;height:8px;z-index:11;right:0;top:0;cursor:ne-resize}.x4csizer.bottom-left{width:8px;height:8px;z-index:11;left:0;bottom:0;cursor:ne-resize}.x4csizer.bottom-right{width:8px;height:8px;z-index:11;right:0;bottom:0;cursor:nw-resize}:root{--modal-mask-background: rgba(0,0,0,.5)}.x4popup{background-color:var(--fill-color);position:absolute;border:1px solid var(--border-color);overflow:hidden;z-index:1000;border-radius:var(--bradius)}.x4popup.popup-caption,.x4popup .popup-caption{cursor:move}.x4modal-mask{background-color:var(--modal-mask-background);position:absolute;inset:0;z-index:1000}.box,.vbox,.hbox,.x4menu .x4cmenuitem{position:relative}.hbox,.x4menu .x4cmenuitem{display:flex;flex-direction:row;align-items:center}.flex,.x4menu .x4cmenuitem #text{flex-grow:1;flex-shrink:0;flex-basis:0;min-width:0}.shadow-lg,.x4menu{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}:root{--menu-background: var( --background-primary );--menu-border: var( --border-hover );--menuitem-color: var( --text-ternary );--menuitem-background-active: var( --accent-background-active );--menuitem-color-active: var( --accent-color-active );--menuitem-background-hover: var( --accent-background-hover );--menuitem-color-hover: var( --accent-color-hover )}.x4menu{position:absolute;overflow-y:scroll;border-radius:var(--bradius);padding:8px 0;min-width:150px;background-color:var(--menu-background);border:1px solid var(--menu-border);max-height:calc(100vh - 32px)}.x4menu .x4cmenuitem{transition:background-color .3s,color .3s;align-items:center;color:var(--menuitem-color);padding:6px;gap:10px;cursor:pointer;transition:background-color .1s}.x4menu .x4cmenuitem #icon{width:16px;height:16px}.x4menu .x4cmenuitem.title{color:var(--text-primary);cursor:auto;margin-left:-16px;margin-top:-6px;font-weight:600}.x4menu .x4cmenuitem.popup:after{content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" fill="var(--color-gray-8)"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M246.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-9.2-9.2-22.9-11.9-34.9-6.9s-19.8 16.6-19.8 29.6l0 256c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l128-128z"/></svg>');width:6px}.x4menu .x4cmenuitem:hover:not(.title),.x4menu .x4cmenuitem.opened{background-color:var(--menuitem-background-hover);color:var(--menuitem-color-hover)}.x4menu .x4cmenuitem:active:not(.title){background-color:var(--menuitem-background-active);color:var(--menuitem-color-active)}.x4menu .x4cmenuitem[disabled]{color:var(--disabled-color-dark)!important}.x4menu .x4cmenuitem[disabled]:hover{background-color:var(--disabled-background)!important}.x4menu .x4cmenusep{padding-top:4px;border-bottom:1px solid var(--border);margin-bottom:4px}.box,.vbox,.hbox,.x4calendar .week .cell .text{position:relative}.hbox,.x4calendar .week .cell .text{display:flex;flex-direction:row;align-items:center}.flex,.x4calendar .week,.x4calendar .week .cell{flex-grow:1;flex-shrink:0;flex-basis:0;min-width:0}:root{--calendar-btn-background: inherit;--calendar-btn-color: var( --text-secondary );--calendar-btn-color-hover: var( --text-primary );--calendar-week-color: var( --accent-background );--calendar-week-color-hover: var( --accent-background-hover );--calendard-day-background-hover: var( --accent-background-hover );--calendard-day-color-hover: var( --accent-color-hover );--calendar-sel-background: var( --accent-background );--calendar-sel-color: var( --accent-color );--calendar-today-background: var( --alert-background );--calendar-today-color: var( --alert-color );--calendar-today-border: var( --accent-background );--calendar-header-color: var( --text-primary );--calendar-out-color: var( --disabled-color-dark )}.x4calendar{border:1px solid var(--border);padding:4px}.x4calendar .month-sel{height:2em;align-items:center;padding-left:2em;margin-bottom:8px}.x4calendar .month-sel .month{padding-right:4px}.x4calendar .month-sel .year,.x4calendar .month-sel .month{cursor:pointer}.x4calendar .month-sel .month:hover,.x4calendar .month-sel .year:hover{text-decoration:underline}.x4calendar .month-sel .x4label{font-weight:700}.x4calendar .month-sel .x4button{height:auto;background-color:var(--calendar-btn-background);color:var(--calendar-btn-color)}.x4calendar .month-sel .x4button:hover{color:var(--calendar-btn-color-hover)}.x4calendar .week{align-items:center;padding:2px}.x4calendar .week .cell{min-width:28px;min-height:28px;color:var(--gray-900);text-align:center}.x4calendar .week .cell .text{transition:background-color .3s,color .3s;justify-content:center;border:1px solid transparent;margin:auto;border-radius:14px;width:28px;height:28px}.x4calendar .week .today .text{font-weight:700;background-color:var(--calendar-today-background);color:var(--calendar-today-color)}.x4calendar .week .selection .text{background-color:var(--calendar-sel-background);color:var(--calendar-sel-color)}.x4calendar .week .weeknum{width:2em;color:var(--calendar-week-color);font-size:70%}.x4calendar .week:hover .weeknum{font-weight:700}.x4calendar .week .day{cursor:pointer}.x4calendar .week .out{color:var(--calendar-out-color);font-size:80%}.x4calendar .week .day:hover .text{background-color:var(--calendard-day-background-hover);color:var(--calendard-day-color-hover)}.x4calendar .header .cell{color:var(--calendar-header-color);height:1.5em;justify-content:center}.x4calendar .header:hover{background-color:inherit}:root{--input-sel-background: var( --accent-background );--input-sel-color: var( --accent-color );--input-placeholder: var( --disabled-background );--input-error: var( --alert-background )}input.x4input{font:inherit;outline:none;border:none}input.x4input::selection{background-color:var(--input-sel-background);color:var(--input-sel-color)}input.x4input[type=text],input.x4input[type=password],input.x4input[type=email]{padding:8px 4px}input.x4input[type=checkbox]:checked,input.x4input[type=radio]:checked{accent-color:var(--color-80)}input.x4input[type=range]{accent-color:var(--color-60)}input.x4input::placeholder{color:var(--input-placeholder);font-style:italic;font-weight:90%}input.x4input[type=password]{font-weight:700}input.x4input:disabled{background-color:transparent}input.x4input:invalid{color:var(--input-error)}.box,.vbox,.hbox,.x4checkbox{position:relative}.hbox,.x4checkbox{display:flex;flex-direction:row;align-items:center}:root{--checkbox-background-check: var( --accent-background );--checkbox-background-check-hover: var( --accent-background-hover );--checkbox-background-disabled: var( --disabled-color );--checkbox-background-disabled-check: var( --disabled-background );--checkbox-color-disabled: var( --disabled-background );--checkbox-check-border: var( --border );--checkbox-check-border-hover: var( --border-hover )}.x4checkbox{display:flex;flex-direction:row;align-items:center;margin:5px;padding:4px;gap:4px;cursor:pointer}.x4checkbox .inner{height:1rem;width:1rem;color:#fff;position:relative;order:1}.x4checkbox .inner input{appearance:none;outline:none;cursor:pointer;display:block;margin:0;padding:0;left:0;top:0;width:100%;height:100%;transition:opacity .1s ease}.x4checkbox .inner input:checked{background-color:var(--checkbox-background-check)}.x4checkbox .inner input:checked:hover{background-color:var(--checkbox-background-check-hover)}.x4checkbox .inner input:not(:checked){border:1px solid var(--checkbox-check-border)}.x4checkbox .inner input:not(:checked):hover{border:1px solid var(--checkbox-check-border-hover)}.x4checkbox .inner svg{margin:auto;pointer-events:none;position:absolute;opacity:0;inset:0;width:100%;height:50%}.x4checkbox .inner:has(input:checked) input{opacity:1}.x4checkbox .inner:has(input:checked) svg{opacity:1}.x4checkbox:focus-within label #text{text-decoration:underline}.x4checkbox[disabled],.x4checkbox[disabled] *{cursor:not-allowed}.x4checkbox[disabled] label{pointer-events:none;color:var(--checkbox-color-disabled)}.x4checkbox[disabled] .inner{pointer-events:none}.x4checkbox[disabled] .inner input{background-color:var(--checkbox-background-disabled)}.x4checkbox[disabled] .inner input:checked{background-color:var(--checkbox-background-disabled-check)}.x4checkbox label{text-align:right;cursor:inherit;order:2}.x4checkbox.left #label{order:0;text-align:left}:root{--colorinput-btn-background: inherit;--colorinput-btn-color: var( --text-secondary );--colorinput-btn-color-hover: var( --text-primary )}.x4colorinput{margin:5px;border-bottom:1px solid var(--border);outline:none}.x4colorinput:focus-within{border-bottom-color:var(--border-focus)}.x4colorinput .swatch{margin:4px;width:1rem;height:1rem}.x4colorinput input{outline:none;margin:0;height:100%;flex-grow:1}.x4colorinput .x4button{margin:0;padding:0;outline:none;background-color:var(--combobox-btn-background);color:var(--colorinput-btn-color)}.x4colorinput .x4button #icon{color:var(--colorinput-btn-color)}.x4colorinput .x4button:hover,.x4colorinput .x4button:hover #icon{color:var(--colorinput-btn-color-hover)}.x4colorpicker{width:240px;gap:4px;touch-action:none;outline:none;margin:8px}.x4colorpicker .overlay{position:absolute;inset:0}.x4colorpicker .x4saturation{width:100%;height:140px;position:relative}.x4colorpicker .x4saturation .thumb{width:12px;height:12px;border:2px solid white;border-radius:8px;box-shadow:0 0 5px #00000080;position:absolute;transform:translate(-50%,50%)}.x4colorpicker .body{gap:4px}.x4colorpicker .body>.x4vbox{gap:4px}.x4colorpicker .body .x4hueslider{position:relative;height:16px;overflow:hidden;background-image:linear-gradient(to right,red,#ff0,#0f0,#00ffd4,#00f,#f0f,red);border:1px solid var(--color-gray-3)}.x4colorpicker .body .x4hueslider .thumb{width:12px;height:12px;border:2px solid white;border-radius:8px;box-shadow:0 0 5px #00000080;position:absolute;transform:translate(-50%,-50%);top:50%}.x4colorpicker .body .x4alphaslider{position:relative;height:16px;overflow:hidden}.x4colorpicker .body .x4alphaslider .checkers{background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:8px 8px;background-position:0 0,0 20px,20px -20px,-20px 0}.x4colorpicker .body .x4alphaslider .color{background-image:linear-gradient(90deg,transparent,rgb(0,178,255))}.x4colorpicker .body .x4alphaslider .thumb{width:12px;height:12px;border:2px solid white;border-radius:8px;box-shadow:0 0 5px #00000080;position:absolute;transform:translate(-50%,-50%);top:50%}.x4colorpicker .body .swatch{width:36px;height:36px}.x4colorpicker .body .swatch .checkers{border-radius:8px;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:8px 8px;background-position:0 0,0 20px,20px -20px,-20px 0}.x4colorpicker .body .swatch .color{border-radius:8px;background-image:linear-gradient(90deg,transparent,rgb(0,178,255))}.flex,.x4scrollview{flex-grow:1;flex-shrink:0;flex-basis:0;min-width:0}.x4viewport{width:100%}.box,.vbox,.x4listbox,.hbox{position:relative}.vbox,.x4listbox{display:flex;flex-direction:column}.flex,.x4listbox>.body .x4viewport .x4item{flex-grow:1;flex-shrink:0;flex-basis:0;min-width:0}:root{--listbox-item-background-sel: var( --accent-background );--listbox-item-color-sel: var( --accent-color );--listbox-item-color-sel-disabled: var( --disabled-background );--listbox-item-color: var( --text-primary );--listbox-item-color-disabled: var( --disabled-color-dark );--listbox-item-background-hover: var( --background-secondary );--listbox-border: var( --border );--listbox-border-focus: var( --accent-background-focus )}.x4listbox{margin:5px;border:1px solid var(--listbox-border);outline:none}.x4listbox:focus-within{border-color:var(--listbox-border-focus)}.x4listbox>.x4header{border-bottom:1px solid var(--color-gray-3)}.x4listbox>.body{width:100%;flex-basis:0;overflow-y:auto;overflow-x:auto;outline:none}.x4listbox>.body .x4viewport{display:table}.x4listbox>.body .x4viewport .x4item{padding:4px;background-color:transparent;color:var(--color-gray-9)}.x4listbox>.body .x4viewport .x4item>.x4label{color:inherit;padding:2px 6px}.x4listbox>.body .x4viewport .x4item:hover{background-color:var(--listbox-item-background-hover)}.x4listbox>.body .x4viewport .x4item.selected{background-color:var(--listbox-item-background-sel);color:var(--listbox-item-color-sel)}.x4listbox[disabled]{cursor:not-allowed;border-color:var(--border);color:var(--listbox-item-color-disabled)}.x4listbox[disabled]>.body .x4viewport{pointer-events:none}.x4listbox[disabled]>.body .x4viewport .x4item.selected{background-color:var(--listbox-item-color-sel-disabled)}.box,.vbox,.hbox,.x4dropdown,.x4combobox{position:relative}.hbox,.x4dropdown,.x4combobox{display:flex;flex-direction:row;align-items:center}.flex,.x4dropdown .x4listbox,.x4combobox>#edit,.x4combobox>#edit .x4input{flex-grow:1;flex-shrink:0;flex-basis:0;min-width:0}.shadow-xl,.x4dropdown{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}:root{--dropdown-border: var( --border-hover );--dropdown-background: var( --background-primary );--combobox-border: var( --border );--combobox-border-focus: var( --border-focus );--combobox-btn-background: inherit;--combobox-btn-color: var( --text-secondary );--combobox-btn-color-hover: var( --text-primary )}.x4dropdown{max-height:250px;position:absolute;background-color:var(--dropdown-background);border:1px solid var(--dropdown-border)}.x4dropdown .x4listbox{border:none;margin:0;width:100%;height:200px}.x4combobox{margin:5px}.x4combobox>#label{padding:0 6px;border-bottom:1px solid transparent}.x4combobox>#label>.x4label{height:100%;padding:0;font-weight:500;gap:0}.x4combobox>#label:after{content:":"}.x4combobox>#edit{border-bottom:1px solid var(--combobox-border)}.x4combobox>#edit .x4input[readonly]{cursor:pointer}.x4combobox>#edit .x4button{margin:0;padding:0;outline:none;background-color:var(--combobox-btn-background);color:var(--combobox-btn-color)}.x4combobox>#edit .x4button #icon{color:var(--combobox-btn-color)}.x4combobox>#edit .x4button:hover,.x4combobox>#edit .x4button:hover #icon{color:var(--combobox-btn-color-hover)}.x4combobox[disabled],.x4combobox[disabled] *{cursor:not-allowed}.x4combobox[disabled] #label .x4label{color:var(--disabled-color-dark);pointer-events:none}.x4combobox[required] .x4label:before{content:"*";color:var(--color-90)}.box,.vbox,.x4dialog,.hbox{position:relative}.vbox,.x4dialog{display:flex;flex-direction:column}.flex,.x4dialog>.caption>#title{flex-grow:1;flex-shrink:0;flex-basis:0;min-width:0}.shadow-xl,.x4dialog{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}:root{--color-dialog-caption: var( --color-primary-a80 );--color-dialog-caption-text: var( --color-primary-a0 )}.x4dialog{position:absolute;background-color:#fff;border:1px solid var(--border-dark);min-width:min-content;min-height:min-content}.x4dialog>.caption{padding:8px;background-color:var(--color-dialog-caption)}.x4dialog>.caption>#title{color:var(--color-dialog-caption-text);font-weight:700}.x4dialog>.caption>#closebox{margin:0;padding:4px}.x4dialog>.form{min-height:128px;min-width:450px}.x4dialog>#btnbar{border-top:1px solid var(--color-separation);padding:6px 16px;justify-content:end;gap:8px}.x4dialog>#btnbar>.x4button{min-width:80px}.x4dialog>#btnbar>.x4button .x-simple-label{text-align:center}.box,.vbox,.x4form,.hbox{position:relative}.vbox,.x4form{display:flex;flex-direction:column}.flex,.x4form{flex-grow:1;flex-shrink:0;flex-basis:0;min-width:0}:root{--form--background: var( --background-primary )}.x4form{padding:16px;background-color:var(--color-form)}.flex,.x4header{flex-grow:1;flex-shrink:0;flex-basis:0;min-width:0}:root{--header-background-hover: rgba(100,100,100,.1);--header-sizer-hover: var( --border-hover )}.x4header{width:100%;overflow:hidden;min-height:2em;border-bottom:1px solid var(--border)}.x4header .cell{border-bottom:1px solid transparent;overflow:hidden;min-width:3rem;transition:border-color .5s ease;padding:4px}.x4header .cell span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.x4header .cell:hover{background-color:var(--header-background-hover)}.x4header .cell .x4csizer:hover{border-right:1px solid var(--header-sizer-hover)}.x-image{position:relative;background:none}:root{--msgbox-caption-background: var( --alert-background );--msgbox-caption-color: var( --alert-color );--msgbox-icon-color: var( --alert-background )}.x4messagebox>.caption{background-color:var(--msgbox-caption-background)}.x4messagebox>.caption>#title{color:var(--msgbox-caption-color)}.x4messagebox .x4form .x4icon{color:var(--msgbox-icon-color);height:96px}.x4messagebox .x4form .x4label{padding:16px}.shadow-xl,.x4notification{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}:root{--notification-border: var( --border );--notification-icon-default: var( --accent-background );--notification-icon-success: var( --success-background );--notification-icon-danger: var( --alert-background )}.x4notification{padding:8px;border:1px solid var(--notification-border);border-left:3px solid var(--accent-background)}.x4notification>.x4hbox{gap:8px}.x4notification .x4icon{width:24px;color:var(--notification-icon-default)}.x4notification .body .title{font-weight:700;padding:6px 6px 3px}.x4notification .body .text{padding:3px 6px 6px;color:var(--color-gray-7)}.x4notification.success{border-left-color:var(--notification-icon-success)}.x4notification.success .x4icon{color:var(--notification-icon-success)}.x4notification.danger{border-left-color:var(--notification-icon-danger)}.x4notification.danger .x4icon{color:var(--notification-icon-danger)}.x4notification .x4button{height:24px;color:var(--color-gray-7);border:none}.rel-fit,.x4panel>.body{position:relative;inset:0}:root{--panel-border: var( --border );--panel-title-color: var( --border )}.x4panel{border:1px solid var(--panel-border);border-radius:4px;margin:5px;padding:8px;position:relative}.x4panel>legend{padding:0 5px;position:absolute;left:4px;top:-.7em;background-color:#fff;font-weight:700;color:var(--color-gray-9)}.x4panel>.body{overflow:hidden;justify-content:start;padding:8px}:root{--progress-background: var( --border );--progress-color: var( --accent-background )}.x4progress{background-color:var(--progress-background);position:relative;height:6px;margin:0 5px;border-radius:3px}.x4progress .bar{position:absolute;left:0;top:0;bottom:0;width:0;background-color:var(--progress-color);border-radius:3px;transition:width ease .2s}.x4progress.indeterm .bar{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:20px 20px;animation:slide 1s linear infinite}@keyframes slide{0%{background-position:0 0}to{background-position:2.5rem 0}}:root{--rating: var( --border );--rating-hover: var( --border-hover );--rating-checked: var( --accent-background )}.x4rating{gap:2px}.x4rating .item{width:16px;height:16px;color:var(--rating)}.x4rating .item:hover{color:var(--rating-hover)}.x4rating .item.checked{color:var(--rating-checked)}:root{--slider-track: var( --border );--slider-thumb-background: var( --accent-background );--slider-thumb-border: var( --accent-background );--slider-thumb-border-focus: var( --border-focus )}.x4slider{height:28px;outline:none;padding:10px 12px;touch-action:none;margin:5px 0}.x4slider .track{background-color:var(--slider-track);width:100%;position:relative;top:50%;height:3px}.x4slider .bar{position:absolute;width:61%;height:3px;background-color:var(--color-60)}.x4slider .thumb{position:absolute;left:61%;outline:none;background-color:var(--slider-thumb-background);border:3px solid var(--slider-thumb-border);border-radius:8px;top:50%;width:16px;height:16px;transform:translate(-50%,-50%);cursor:pointer}.x4slider:focus .thumb{outline-offset:3px;outline-color:var(--slider-thumb-border-focus);outline-style:solid;outline-width:1px}:root{--switch-border: var( --border );--switch-background: #eee;--switch-background-disabled: var( --disabled-background );--switch-checked: var( --accent-background )}.x4switch{display:flex;flex-direction:row;align-items:center;position:relative;gap:4px;margin-left:5px;padding:4px;cursor:pointer}.x4switch label{cursor:pointer}.x4switch:focus-within .x4label span{text-decoration:underline}.x4switch .switch{width:2.2rem;height:18px;position:relative}.x4switch .switch input{position:absolute;width:100%;height:100%;appearance:none;padding:0;margin:0;left:0;top:0;cursor:pointer}.x4switch .switch .track{position:absolute;pointer-events:none;left:0;top:0;width:100%;height:100%;border:1px solid var(--switch-border);background-color:var(--switch-background);border-radius:9px;transition:background-color ease .2s}.x4switch .switch .thumb{position:absolute;pointer-events:none;left:.05rem;top:1px;width:1rem;height:1rem;border-radius:8px;background-color:#fff;box-shadow:0 0 2px #00000080;transition:left ease .2s}.x4switch:has(input:checked) .switch .thumb{left:1.15rem}.x4switch:has(input:checked) .switch .track{background-color:var(--switch-checked)}.x4switch[disabled],.x4switch[disabled] *{cursor:not-allowed}.x4switch[disabled] input{pointer-events:none}.x4switch[disabled] label{pointer-events:none;color:var(--checkbox-color-disabled)}.x4switch[disabled] .switch .track,.x4switch[disabled].x4switch:has(input:checked) .switch .track{background-color:var(--switch-background-disabled)}:root{--tab-border-selected: var( --accent-background );--tab-border-hover: var( --accent-background-hover )}.x4tabs .x4ctablist{gap:4px;padding:5px 5px 0}.x4tabs .x4ctablist .x4button{border:none;border-bottom:2px solid transparent;color:var(--color-gray-7);margin:0;outline:none;transition:border-color .2s ease}.x4tabs .x4ctablist .x4button.selected{border-bottom-color:var(--tab-border-selected);font-weight:700;color:var(--color-gray-9)}.x4tabs .x4ctablist .x4button:hover{background-color:unset;color:#000;border-bottom-color:var(--tab-border-hover)}.x4tabs .x4ctablist .x4button:focus{color:var(--color-60)}.x4tabs>.body{padding:8px;border:1px solid var(--border)}.flex,.x4textarea textarea{flex-grow:1;flex-shrink:0;flex-basis:0;min-width:0}:root{--textarea-border: var( --border );--textarea-border-focus: var( --border-focus )}.x4textarea{margin:5px}.x4textarea .x4label{gap:0;padding:4px 0}.x4textarea .x4label:after{content:":"}.x4textarea textarea{border:1px solid var(--color-gray-3);padding:4px;outline:none;font:inherit;border:1px solid var(--textarea-border)}.x4textarea textarea:focus{border:1px solid var(--textarea-border-focus)}.x4textarea textarea::selection{background-color:var(--color-90);color:#fff}.x4textarea textarea[resize=false]{resize:none}.box,.vbox,.hbox,.x4textedit,.x4textedit>#label>.x4label,.x4textedit>#edit{position:relative}.hbox,.x4textedit,.x4textedit>#label>.x4label,.x4textedit>#edit{display:flex;flex-direction:row;align-items:center}.flex,.x4textedit>#edit,.x4textedit>#edit .x4input{flex-grow:1;flex-shrink:0;flex-basis:0;min-width:0}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}:root{--textedit-border: var( --border );--textedit-border-focus: var( --border-focus );--textedit-required: var( --alert-background );--textedit-btn-background: inherit;--textedit-btn-color: var( --text-secondary );--textedit-btn-color-hover: var( --text-primary );--textedit-color-disabled: var( --disabled-background )}.x4textedit{margin:5px;gap:6px}.x4textedit>#label{border-bottom:1px solid transparent}.x4textedit>#label>.x4label{height:100%;padding:0;font-weight:500;gap:0}.x4textedit>#label:after{content:":"}.x4textedit>#edit{border-bottom:1px solid var(--textedit-border)}.x4textedit>#edit .x4input{outline:none;margin:0}.x4textedit>#edit .x4button{margin:0;padding:0;background-color:var(--textedit-btn-background);color:var(--textedit-btn-color)}.x4textedit>#edit .x4button #icon{color:var(--textedit-btn-color)}.x4textedit>#edit .x4button:hover,.x4textedit>#edit .x4button:hover #icon{color:var(--textedit-btn-color-hover)}.x4textedit>#edit .x4button:focus{border-bottom-color:var(--textedit-border-focus)}.x4textedit:focus-within #edit{border-bottom-color:var(--textedit-border-focus)}.x4textedit[required]>#label>.x4label:before{content:"*";font-weight:700;color:var(--textedit-required)}.x4textedit[disabled],.x4textedit[disabled] *{cursor:not-allowed}.x4textedit[disabled] #label>.x4label #text,.x4textedit[disabled] #label>.x4label:before,.x4textedit[disabled] #label:after{color:var(--textedit-color-disabled)}.x4textedit[disabled] #edit input{color:var(--textedit-color-disabled);background-color:unset}.box,.vbox,.hbox{position:relative}.hbox{display:flex;flex-direction:row;align-items:center}.vbox{display:flex;flex-direction:column}.fit{position:absolute;inset:0}.rel-fit{position:relative;inset:0}.flex{flex-grow:1;flex-shrink:0;flex-basis:0;min-width:0}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.shadow-lg,.x4tooltip{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}:root{--tooltip-background: var( --color-primary-a70 );--tooltip-color: var( --color-primary-a0 );--tooltip-border: var( --border-dark )}.x4tooltip{display:flex;flex-direction:row;border:none;font-size:90%;position:absolute}.x4tooltip .x4icon{width:1.6em;height:100%;padding:2px 4px;background-color:var(--tooltip-background);color:var(--tooltip-color);border:1px solid var(--tooltip-border)}.x4tooltip .x4icon svg{max-height:100%}.x4tooltip #text{background-color:var(--tooltip-background);color:var(--tooltip-color);padding:4px}:root{--treeitem-backgound: var( );--treeitem-color: var( );--treeitem-backgound-hover: var( --background-secondary );--treeitem-color-hover: var( );--treeitem-background-sel: var( --accent-background );--treeitem-color-sel: var( --accent-color );--treeitem-backgound-active: var( --accent-background-active);--treeitem-color-active: var( --accent-color-active )}.x4treeview{overflow-y:auto;height:100%;margin:5px;outline:none;border:1px solid var(--border)}.x4treeview:focus{border:1px solid var(--border-focus)}.x4treeview .x4ctreeviewitem>.label{gap:4px;padding:4px}.x4treeview .x4ctreeviewitem>.label .x4label,.x4treeview .x4ctreeviewitem>.label .x4icon{color:inherit}.x4treeview .x4ctreeviewitem>.label .x4icon{width:16px}.x4treeview .x4ctreeviewitem>.label:hover{background-color:var(--treeitem-backgound-hover)}.x4treeview .x4ctreeviewitem>.label.selected{background-color:var(--treeitem-background-sel);color:var(--treeitem-color-sel)}.x4treeview .x4ctreeviewitem>.label:active{background-color:var(--accent-background-active);color:var(--accent-color-active)}.x4treeview .x4ctreeviewitem>.body:not(:first-child){padding-left:24px}.x4treeview .x4ctreeviewitem>.body{transition:opacity .5s ease}.x4treeview .x4ctreeviewitem.folder>.label{display:flex;flex-direction:row;align-items:center}.x4treeview .x4ctreeviewitem.folder>.label>.x-icon{transform:rotate(0);transition:transform .2s ease;width:16px;height:16px;cursor:pointer}.x4treeview .x4ctreeviewitem.folder>.body{overflow:hidden}.x4treeview .x4ctreeviewitem.folder:not(.open)>.body{height:0;opacity:0}.x4treeview .x4ctreeviewitem.folder:not(.open)>.label>.x4icon{transform:rotate(-90deg)}