@quidgest/ui 0.5.13 → 0.5.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -3
- package/dist/ui.css +17 -10
- package/dist/ui.esm.js +70 -67
- package/dist/ui.esm.js.map +1 -1
- package/dist/ui.js +2 -2
- package/dist/ui.js.map +1 -1
- package/dist/ui.min.css +1 -1
- package/dist/ui.min.js +27 -27
- package/dist/ui.min.js.map +1 -1
- package/dist/ui.scss +17 -10
- package/package.json +2 -2
package/dist/ui.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:after,:before{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{margin:0}hr{height:0;color:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}*,:after,:before{border:0 solid #dce3e8;outline-offset:1px}body{font-size:0.9rem}*{scrollbar-color:#ccc #f1f1f1;scrollbar-width:thin}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:0.25rem}::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:0.25rem}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}.fade-enter-active,.fade-leave-active{transition:opacity 0.2s}.q-btn{--box-shadow-tint:0 0 0;position:relative;display:flex;flex-direction:row;align-items:center;padding:0.4rem;border-width:1px;background-color:transparent;color:var(--q-theme-on-background);user-select:none;-webkit-user-select:none;-moz-user-select:none;border-radius:0.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:0.15s;line-height:15px}.q-btn:hover:not(:disabled){cursor:pointer}.q-btn:focus{outline:2px solid rgb(var(--q-theme-primary-rgb)/0.25);z-index:3}.q-btn:focus:not(:focus-visible){outline:0;box-shadow:none}.q-btn__content{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:0.9rem;white-space:nowrap;gap:0.25rem;pointer-events:none;line-height:15px;min-width:15px}.q-btn .e-icon__svg{padding:0;margin:0;fill:currentColor;width:15px;height:15px}.q-btn .q-spinner-loader{color:currentColor}.q-btn--active{z-index:2;background-color:var(--q-theme-primary-light)}.q-btn:disabled{opacity:0.6}.q-btn--loading{cursor:progress}.q-btn--loading span{visibility:hidden}.q-btn--primary{--box-shadow-tint:var(--q-theme-primary-rgb);background-color:var(--q-theme-primary);border-color:var(--q-theme-primary);color:var(--q-theme-on-primary)}.q-btn--primary:hover:not(:disabled){background-color:var(--q-theme-primary-dark);border-color:var(--q-theme-primary-dark)}.q-btn--secondary{--box-shadow-tint:var(--q-theme-primary-rgb);border-color:currentColor;color:var(--q-theme-primary)}.q-btn--secondary:hover:not(:disabled){background-color:var(--q-theme-primary-dark);border-color:var(--q-theme-primary-dark);color:var(--q-theme-on-primary)}.q-btn--tertiary{--box-shadow-tint:var(--q-theme-primary-rgb);background-color:transparent;border-color:transparent;color:var(--q-theme-primary)}.q-btn--tertiary:focus:not(:disabled),.q-btn--tertiary:hover:not(:disabled){color:var(--q-theme-primary-dark)}.q-btn--danger{--outline-color:var(--q-theme-danger-light);--box-shadow-tint:var(--q-theme-danger-rgb);background-color:var(--q-theme-danger);border-color:var(--q-theme-danger);color:var(--q-theme-on-danger)}.q-btn--danger:hover:not(:disabled){background-color:var(--q-theme-danger-dark);border-color:var(--q-theme-danger-dark)}.q-btn--plain:hover:not(:disabled){background-color:rgb(var(--q-theme-on-background-rgb)/0.1)}.q-btn--small{padding:0.25rem;line-height:14px}.q-btn--small span{font-size:0.75rem;line-height:14px}.q-btn--small .e-icon__svg{width:14px;height:14px}.q-btn--borderless{border-color:transparent!important}.q-btn--elevated{box-shadow:0 2px 4px -1px rgb(var(--box-shadow-tint)/0.2),0 4px 5px 0 rgb(var(--box-shadow-tint)/0.14),0 1px 10px 0 rgb(var(--box-shadow-tint)/0.12)}.q-btn--block{display:block;width:100%;padding:0.5rem}.q-btn--block span{gap:0.5rem}.q-btn--block+.q-btn--block{margin-top:0.5rem}.q-btn__spinner{position:absolute;left:50%;transform:translateX(-50%)}.q-btn-group{position:relative;display:inline-flex;border-radius:0.25rem}.q-btn-group--elevated{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.q-btn-group>.q-btn{position:relative;flex:0 1 auto}.q-btn-group>.q-btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.q-btn-group>.q-btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.q-btn-group>.q-btn:hover{z-index:3}.q-icon{display:inline-block}.q-icon__svg{fill:currentColor;width:1em;height:1em}.q-input{display:flex;align-items:center;height:31.89px;width:100%;border-radius:0.25rem;border-width:1px;background-color:transparent;padding:0.26rem 0.25rem;font-size:0.9rem;line-height:1.5rem;transition:color var(--transition-duration) var(--transition-timing-function)}.q-input:focus-within{outline:2px solid rgb(var(--q-theme-primary-rgb)/0.25)}.q-input__append,.q-input__prepend{display:flex;align-items:center}.q-input__append{margin-left:auto}.q-input--readonly{background-color:#eaebec}.q-input--disabled{cursor:not-allowed;opacity:0.5}.q-input--mini{width:4.35rem}.q-input--small{width:6.525rem}.q-input--medium{width:10.875rem}.q-input--large{width:15.225rem}.q-input--x-large{width:19.575rem}.q-input--xx-large{width:36.975rem}.q-input--block{width:100%}.q-line-loader{width:100%;height:2px;display:inline-block;position:relative;background:transparent;overflow:hidden}.q-line-loader:after{content:"";min-width:33%;height:2px;background:linear-gradient(to right,#edebe9 0%,var(--q-theme-primary) 50%,#edebe9 100%);position:absolute;top:0;left:0;box-sizing:border-box;animation:q-move 2s linear infinite}@keyframes q-move{0%{left:0;transform:translateX(-100%)}to{left:100%;transform:translateX(0%)}}.q-list{display:flex;flex-direction:column;align-items:center;position:relative;overflow-x:hidden;overflow-y:auto;margin:0;padding:0;-webkit-overflow-scrolling:touch;width:100%;border-radius:0.25rem}.q-list:focus-visible{outline:2px solid rgb(var(--q-theme-primary-rgb)/0.25)}.q-list-item-group{display:flex;flex-direction:column;align-items:center;gap:1px;list-style:none;padding:0;margin:0;width:inherit}.q-list-item-group__title{color:rgb(var(--q-theme-on-background-rgb)/0.62);padding:5px 6px;line-height:15px;width:inherit}.q-list-item-group+.q-list-item-group{padding-top:0.25rem;margin-top:0.25rem;border-top-width:1px}.q-list-item{display:flex;gap:0.25rem;align-items:center;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none;width:inherit;cursor:pointer;border-radius:0.25rem;outline:none}.q-list-item--disabled{cursor:not-allowed;pointer-events:none;opacity:0.5}.q-list-item--highlighted,.q-list-item:focus-visible,.q-list-item:hover{background-color:var(--q-theme-primary-light)}.q-list-item--selected{background-color:rgb(var(--q-theme-primary-rgb)/0.24)}.q-list-item--selected--highlighted,.q-list-item--selected:focus-visible,.q-list-item--selected:hover{background-color:rgb(var(--q-theme-primary-rgb)/0.39)}.q-list-item em{font-style:normal;text-decoration:underline}.q-list-item__check{margin-left:auto}.q-list-item+.q-list-item{margin-top:1px}.q-overlay{--q-overlay-bg:var(--q-theme-background);--q-overlay-color:var(--q-theme-on-background);--q-overlay-border-color:rgb(var(--q-theme-on-background-rgb)/0.1);position:absolute;z-index:1070}.q-overlay__content{display:block;position:relative;width:100%;background-color:var(--q-overlay-bg);color:var(--q-overlay-color);background-clip:padding-box;border:1px solid var(--q-overlay-border-color);border-radius:0.25rem;box-shadow:0 0 transparent,0 0 transparent,0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.q-overlay__arrow{position:absolute;display:block;width:1rem;height:0.5rem}.q-overlay__arrow:after,.q-overlay__arrow:before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}.q-overlay--top .q-overlay__arrow{left:calc(50% - 0.5rem);bottom:calc(-0.5rem - 1px)}.q-overlay--top .q-overlay__arrow:after,.q-overlay--top .q-overlay__arrow:before{border-width:0.5rem 0.5rem 0}.q-overlay--top .q-overlay__arrow:before{bottom:0;border-top-color:var(--q-overlay-border-color)}.q-overlay--top .q-overlay__arrow:after{bottom:1px;border-top-color:var(--q-overlay-bg)}.q-overlay--bottom .q-overlay__arrow{top:calc(-0.5rem - 1px);left:calc(50% - 0.5rem)}.q-overlay--bottom .q-overlay__arrow:after,.q-overlay--bottom .q-overlay__arrow:before{border-width:0 0.5rem 0.5rem}.q-overlay--bottom .q-overlay__arrow:before{top:0;border-bottom-color:var(--q-overlay-border-color)}.q-overlay--bottom .q-overlay__arrow:after{top:1px;border-bottom-color:var(--q-overlay-bg)}.q-overlay--left .q-overlay__arrow{top:calc(50% - 0.5rem);right:-0.5rem;width:0.5rem;height:1rem}.q-overlay--left .q-overlay__arrow:after,.q-overlay--left .q-overlay__arrow:before{border-width:0.5rem 0 0.5rem 0.5rem}.q-overlay--left .q-overlay__arrow:before{right:0;border-left-color:var(--q-overlay-border-color)}.q-overlay--left .q-overlay__arrow:after{right:1px;border-left-color:var(--q-overlay-bg)}.q-overlay--right .q-overlay__arrow{top:calc(50% - 0.5rem);left:-0.5rem;width:0.5rem;height:1rem}.q-overlay--right .q-overlay__arrow:after,.q-overlay--right .q-overlay__arrow:before{border-width:0.5rem 0.5rem 0.5rem 0}.q-overlay--right .q-overlay__arrow:before{left:0;border-right-color:var(--q-overlay-border-color)}.q-overlay--right .q-overlay__arrow:after{left:1px;border-right-color:var(--q-overlay-bg)}.q-overlay--inverted{--q-overlay-bg:var(--q-theme-on-background);--q-overlay-color:var(--q-theme-background);--q-overlay-border-color:transparent}.q-popover .q-overlay__content{z-index:1070;position:relative;max-width:276px;line-height:1.5;word-break:normal;word-spacing:normal;word-wrap:break-word;white-space:normal;line-break:auto;font-size:0.7875rem}.q-popover__header{padding:0.5rem 1rem;margin:0;font-size:0.9rem;background-color:rgb(var(--q-theme-on-background-rgb)/0.04);border-bottom:1px solid var(--q-overlay-border-color);border-top-left-radius:inherit;border-top-right-radius:inherit}.q-popover__body{padding:1rem}.q-popover.q-overlay--bottom .q-overlay__arrow:after{border-bottom-color:rgb(var(--q-theme-on-background-rgb)/0.04)}.q-select:not(.q-select--readonly){background-color:transparent}.q-select:not(.q-select--readonly):not(.q-select--disabled){cursor:pointer}.q-select__placeholder{font-style:italic;color:rgb(var(--q-theme-on-background-rgb)/0.5)}.q-select--expanded .q-select__chevron{transform:rotate(-180deg)}.q-select .q-input__prepend{padding-left:6px;padding-right:0.25rem}.q-select__chevron,.q-select__clear,.q-select__search-icon{opacity:0.5}.q-select__chevron:hover,.q-select__clear:hover{opacity:1}.q-select__chevron{transition:all 0.2s}.q-select__body{display:flex;flex-direction:column;align-items:center;gap:0.25rem;width:100%;padding:0.25rem 0}.q-select__body .q-list-item,.q-select__search{width:calc(100% - 0.5rem)}.q-select__search:focus-within{outline:none}.q-select__items{max-height:240px}.q-select__empty,.q-select__loader{margin:1rem 0}.q-spinner-loader{display:flex;position:relative;width:1em;height:1em;font-size:48px;line-height:1;align-items:center;justify-content:center;color:var(--q-theme-primary)}.q-spinner-loader svg{width:100%;height:100%;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0;z-index:0;animation:q-spin 2s linear infinite;transform-origin:center center}.q-spinner-loader .path{stroke-dasharray:1,250;stroke-dashoffset:0;animation:q-md-dash 1.5s ease-in-out infinite}@keyframes q-spin{0%{transform:rotate3d(0,0,1,0)}25%{transform:rotate3d(0,0,1,90deg)}50%{transform:rotate3d(0,0,1,180deg)}75%{transform:rotate3d(0,0,1,270deg)}to{transform:rotate3d(0,0,1,359deg)}}@keyframes q-md-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.q-tooltip .q-overlay__content{padding:0.5rem;text-align:center;font-style:normal;font-size:0.7875rem;font-weight:400;text-decoration:none;text-shadow:none;text-transform:none;line-height:1.5;line-break:auto;word-wrap:break-word;word-break:normal;word-spacing:normal;white-space:normal;letter-spacing:normal;max-width:200px}
|
|
1
|
+
/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:after,:before{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{margin:0}hr{height:0;color:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}*,:after,:before{border:0 solid #dce3e8;outline-offset:1px}body{font-size:0.9rem}*{scrollbar-color:#ccc #f1f1f1;scrollbar-width:thin}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:0.25rem}::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:0.25rem}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}.fade-enter-active,.fade-leave-active{transition:opacity 0.2s}.q-btn{--box-shadow-tint:0 0 0;position:relative;display:flex;flex-direction:row;align-items:center;padding:0.4rem;border-width:1px;background-color:transparent;color:var(--q-theme-on-background);user-select:none;-webkit-user-select:none;-moz-user-select:none;border-radius:0.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:0.15s;line-height:15px}.q-btn:hover:not(:disabled){cursor:pointer}.q-btn:focus{outline:2px solid rgb(var(--q-theme-primary-rgb)/0.25);z-index:3}.q-btn:focus:not(:focus-visible){outline:0;box-shadow:none}.q-btn__content{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:0.9rem;white-space:nowrap;gap:0.25rem;pointer-events:none;line-height:15px;min-width:15px}.q-btn .e-icon__svg{padding:0;margin:0;fill:currentColor;width:15px;height:15px}.q-btn .q-spinner-loader{color:currentColor}.q-btn--active{z-index:2;background-color:var(--q-theme-primary-light)}.q-btn:disabled{opacity:0.6}.q-btn--loading{cursor:progress}.q-btn--loading span{visibility:hidden}.q-btn--primary{--box-shadow-tint:var(--q-theme-primary-rgb);background-color:var(--q-theme-primary);border-color:var(--q-theme-primary);color:var(--q-theme-on-primary)}.q-btn--primary:hover:not(:disabled){background-color:var(--q-theme-primary-dark);border-color:var(--q-theme-primary-dark)}.q-btn--secondary{--box-shadow-tint:var(--q-theme-primary-rgb);border-color:currentColor;color:var(--q-theme-primary)}.q-btn--secondary:hover:not(:disabled){background-color:var(--q-theme-primary-dark);border-color:var(--q-theme-primary-dark);color:var(--q-theme-on-primary)}.q-btn--tertiary{--box-shadow-tint:var(--q-theme-primary-rgb);background-color:transparent;border-color:transparent;color:var(--q-theme-primary)}.q-btn--tertiary:focus:not(:disabled),.q-btn--tertiary:hover:not(:disabled){color:var(--q-theme-primary-dark)}.q-btn--danger{--outline-color:var(--q-theme-danger-light);--box-shadow-tint:var(--q-theme-danger-rgb);background-color:var(--q-theme-danger);border-color:var(--q-theme-danger);color:var(--q-theme-on-danger)}.q-btn--danger:hover:not(:disabled){background-color:var(--q-theme-danger-dark);border-color:var(--q-theme-danger-dark)}.q-btn--plain:hover:not(:disabled){background-color:rgb(var(--q-theme-on-background-rgb)/0.1)}.q-btn--small{padding:0.25rem;line-height:14px}.q-btn--small span{font-size:0.75rem;line-height:14px}.q-btn--small .e-icon__svg{width:14px;height:14px}.q-btn--borderless{border-color:transparent!important}.q-btn--elevated{box-shadow:0 2px 4px -1px rgb(var(--box-shadow-tint)/0.2),0 4px 5px 0 rgb(var(--box-shadow-tint)/0.14),0 1px 10px 0 rgb(var(--box-shadow-tint)/0.12)}.q-btn--block{display:block;width:100%;padding:0.5rem}.q-btn--block span{gap:0.5rem}.q-btn--block+.q-btn--block{margin-top:0.5rem}.q-btn__spinner{position:absolute;left:50%;transform:translateX(-50%)}.q-btn-group{position:relative;display:inline-flex;border-radius:0.25rem}.q-btn-group--elevated{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.q-btn-group>.q-btn{position:relative;flex:0 1 auto}.q-btn-group>.q-btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.q-btn-group>.q-btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.q-btn-group>.q-btn:hover{z-index:3}.q-icon{display:inline-block}.q-icon__svg{fill:currentColor;width:1em;height:1em}.q-input{display:flex;align-items:center;height:31.89px;width:100%;border-radius:0.25rem;border-width:1px;background-color:transparent;padding:0.26rem 0.25rem;font-size:0.9rem;line-height:1.5rem;transition:color var(--transition-duration) var(--transition-timing-function)}.q-input:focus-within{outline:2px solid rgb(var(--q-theme-primary-rgb)/0.25)}.q-input__append,.q-input__prepend{display:flex;align-items:center}.q-input__append{margin-left:auto}.q-input--readonly{background-color:#eaebec}.q-input--disabled{cursor:not-allowed;opacity:0.5}.q-input--mini{width:4.35rem}.q-input--small{width:6.525rem}.q-input--medium{width:10.875rem}.q-input--large{width:15.225rem}.q-input--x-large{width:19.575rem}.q-input--xx-large{width:36.975rem}.q-input--block{width:100%}.q-line-loader{width:100%;height:2px;display:inline-block;position:relative;background:transparent;overflow:hidden}.q-line-loader:after{content:"";min-width:33%;height:2px;background:linear-gradient(to right,#edebe9 0%,var(--q-theme-primary) 50%,#edebe9 100%);position:absolute;top:0;left:0;box-sizing:border-box;animation:q-move 2s linear infinite}@keyframes q-move{0%{left:0;transform:translateX(-100%)}to{left:100%;transform:translateX(0%)}}.q-list{display:flex;flex-direction:column;align-items:center;position:relative;overflow-x:hidden;overflow-y:auto;margin:0;padding:0;-webkit-overflow-scrolling:touch;width:100%;border-radius:0.25rem}.q-list:focus-visible{outline:2px solid rgb(var(--q-theme-primary-rgb)/0.25)}.q-list-item-group{display:flex;flex-direction:column;align-items:center;gap:1px;list-style:none;padding:0;margin:0;width:inherit}.q-list-item-group__title{color:rgb(var(--q-theme-on-background-rgb)/0.62);padding:5px 6px;line-height:15px;width:inherit}.q-list-item-group+.q-list-item-group{padding-top:0.25rem;margin-top:0.25rem;border-top-width:1px}.q-list-item{display:flex;gap:0.25rem;align-items:center;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none;width:inherit;cursor:pointer;border-radius:0.25rem;outline:none}.q-list-item--disabled{cursor:not-allowed;pointer-events:none;opacity:0.5}.q-list-item--highlighted,.q-list-item:focus-visible,.q-list-item:hover{background-color:var(--q-theme-primary-light)}.q-list-item--selected{background-color:rgb(var(--q-theme-primary-rgb)/0.24)}.q-list-item--selected--highlighted,.q-list-item--selected:focus-visible,.q-list-item--selected:hover{background-color:rgb(var(--q-theme-primary-rgb)/0.39)}.q-list-item em{font-style:normal;text-decoration:underline}.q-list-item__check-container{display:flex;margin-left:auto;min-width:1em}.q-list-item+.q-list-item{margin-top:1px}.q-overlay{--q-overlay-bg:var(--q-theme-background);--q-overlay-color:var(--q-theme-on-background);--q-overlay-border-color:rgb(var(--q-theme-on-background-rgb)/0.1);position:absolute;z-index:1070}.q-overlay__content{display:block;position:relative;min-width:-moz-fit-content;min-width:fit-content;width:100%;background-color:var(--q-overlay-bg);color:var(--q-overlay-color);background-clip:padding-box;border:1px solid var(--q-overlay-border-color);border-radius:0.25rem;box-shadow:0 0 transparent,0 0 transparent,0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.q-overlay__arrow{position:absolute;display:block;width:1rem;height:0.5rem}.q-overlay__arrow:after,.q-overlay__arrow:before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}.q-overlay--top .q-overlay__arrow{left:calc(50% - 0.5rem);bottom:calc(-0.5rem - 1px)}.q-overlay--top .q-overlay__arrow:after,.q-overlay--top .q-overlay__arrow:before{border-width:0.5rem 0.5rem 0}.q-overlay--top .q-overlay__arrow:before{bottom:0;border-top-color:var(--q-overlay-border-color)}.q-overlay--top .q-overlay__arrow:after{bottom:1px;border-top-color:var(--q-overlay-bg)}.q-overlay--bottom .q-overlay__arrow{top:calc(-0.5rem - 1px);left:calc(50% - 0.5rem)}.q-overlay--bottom .q-overlay__arrow:after,.q-overlay--bottom .q-overlay__arrow:before{border-width:0 0.5rem 0.5rem}.q-overlay--bottom .q-overlay__arrow:before{top:0;border-bottom-color:var(--q-overlay-border-color)}.q-overlay--bottom .q-overlay__arrow:after{top:1px;border-bottom-color:var(--q-overlay-bg)}.q-overlay--left .q-overlay__arrow{top:calc(50% - 0.5rem);right:-0.5rem;width:0.5rem;height:1rem}.q-overlay--left .q-overlay__arrow:after,.q-overlay--left .q-overlay__arrow:before{border-width:0.5rem 0 0.5rem 0.5rem}.q-overlay--left .q-overlay__arrow:before{right:0;border-left-color:var(--q-overlay-border-color)}.q-overlay--left .q-overlay__arrow:after{right:1px;border-left-color:var(--q-overlay-bg)}.q-overlay--right .q-overlay__arrow{top:calc(50% - 0.5rem);left:-0.5rem;width:0.5rem;height:1rem}.q-overlay--right .q-overlay__arrow:after,.q-overlay--right .q-overlay__arrow:before{border-width:0.5rem 0.5rem 0.5rem 0}.q-overlay--right .q-overlay__arrow:before{left:0;border-right-color:var(--q-overlay-border-color)}.q-overlay--right .q-overlay__arrow:after{left:1px;border-right-color:var(--q-overlay-bg)}.q-overlay--inverted{--q-overlay-bg:var(--q-theme-on-background);--q-overlay-color:var(--q-theme-background);--q-overlay-border-color:transparent}.q-popover .q-overlay__content{z-index:1070;position:relative;max-width:276px;line-height:1.5;word-break:normal;word-spacing:normal;word-wrap:break-word;white-space:normal;line-break:auto;font-size:0.7875rem}.q-popover__header{padding:0.5rem 1rem;margin:0;font-size:0.9rem;background-color:rgb(var(--q-theme-on-background-rgb)/0.04);border-bottom:1px solid var(--q-overlay-border-color);border-top-left-radius:inherit;border-top-right-radius:inherit}.q-popover__body{padding:1rem}.q-popover.q-overlay--bottom .q-overlay__arrow:after{border-bottom-color:rgb(var(--q-theme-on-background-rgb)/0.04)}.q-select:not(.q-select--readonly){background-color:transparent}.q-select:not(.q-select--readonly):not(.q-select--disabled){cursor:pointer}.q-select__placeholder,.q-select__value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q-select__placeholder{font-style:italic;color:rgb(var(--q-theme-on-background-rgb)/0.5)}.q-select--expanded .q-select__chevron{transform:rotate(-180deg)}.q-select .q-input__prepend{padding-left:6px;padding-right:0.25rem}.q-select__chevron,.q-select__clear{opacity:0.5}.q-select__chevron:hover,.q-select__clear:hover{opacity:1}.q-select__chevron{transition:all 0.2s}.q-select__body{display:flex;flex-direction:column;align-items:center;gap:0.25rem;width:100%;padding:0.25rem 0}.q-select__body .q-list-item{width:calc(100% - 0.5rem);margin-left:0.25rem;margin-right:0.25rem}.q-select__items{min-width:-moz-fit-content;min-width:fit-content;width:100%;max-height:240px;align-items:start}.q-select__empty,.q-select__loader{margin:1rem 0}.q-spinner-loader{display:flex;position:relative;width:1em;height:1em;font-size:48px;line-height:1;align-items:center;justify-content:center;color:var(--q-theme-primary)}.q-spinner-loader svg{width:100%;height:100%;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0;z-index:0;animation:q-spin 2s linear infinite;transform-origin:center center}.q-spinner-loader .path{stroke-dasharray:1,250;stroke-dashoffset:0;animation:q-md-dash 1.5s ease-in-out infinite}@keyframes q-spin{0%{transform:rotate3d(0,0,1,0)}25%{transform:rotate3d(0,0,1,90deg)}50%{transform:rotate3d(0,0,1,180deg)}75%{transform:rotate3d(0,0,1,270deg)}to{transform:rotate3d(0,0,1,359deg)}}@keyframes q-md-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.q-tooltip .q-overlay__content{padding:0.5rem;text-align:center;font-style:normal;font-size:0.7875rem;font-weight:400;text-decoration:none;text-shadow:none;text-transform:none;line-height:1.5;line-break:auto;word-wrap:break-word;word-break:normal;word-spacing:normal;white-space:normal;letter-spacing:normal;max-width:200px}
|
package/dist/ui.min.js
CHANGED
|
@@ -67,10 +67,10 @@ return["q-btn",e.value,o.value,{"q-btn--active":n.active,"q-btn--borderless":n.b
|
|
|
67
67
|
return(e,o)=>(t.openBlock(),t.createElementBlock("button",{type:"button",class:t.normalizeClass(r.value),disabled:l.value,onClick:t.withModifiers(a,["stop","prevent"])},[e.loading?(t.openBlock(),t.createElementBlock("div",_,[t.createVNode(t.unref(C),{size:23})])):t.createCommentVNode("",!0),t.createElementVNode("span",E,[e.iconOnRight?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[t.createTextVNode(t.toDisplayString(n.label),1)],64)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default"),e.iconOnRight?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createTextVNode(t.toDisplayString(n.label),1)],64))])],10,S))}})),V=B(t.defineComponent({__name:"QButtonGroup",props:{bStyle:{},disabled:{type:Boolean},borderless:{type:Boolean},elevated:{type:Boolean}},setup(e){const o=e
|
|
68
68
|
r({QButton:{bStyle:t.toRef(o,"bStyle"),disabled:t.toRef(o,"disabled"),borderless:t.toRef(o,"borderless"),elevated:!1}})
|
|
69
69
|
const n=t.computed((()=>["q-btn-group",{"q-btn-group--elevated":o.elevated}]))
|
|
70
|
-
return(e,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(n.value)},[t.renderSlot(e.$slots,"default")],2))}}))
|
|
70
|
+
return(e,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(n.value)},[t.renderSlot(e.$slots,"default")],2))}})),q=B(t.defineComponent({__name:"QButtonToggle",props:{modelValue:{},options:{},disabled:{type:Boolean},borderless:{type:Boolean},elevated:{type:Boolean},mandatory:{type:Boolean}},emits:["update:modelValue"],setup(e,{emit:o}){const n=e,l=t.ref(n.modelValue)
|
|
71
71
|
t.watch((()=>n.modelValue),(e=>l.value=e))
|
|
72
72
|
const a=t.computed({get:()=>l.value,set(e){l.value=e,o("update:modelValue",e)}})
|
|
73
|
-
return(e,o)=>(t.openBlock(),t.createBlock(t.unref(V),{"b-style":"secondary",disabled:n.disabled,borderless:n.borderless,elevated:n.elevated},{default:t.withCtx((()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(n.options,(o=>(t.openBlock(),t.createBlock(t.unref(x),{key:o.key,title:o.title,label:o.label,active:a.value===o.key,onClick:e=>function(e){a.value!==e.key||n.mandatory?a.value=e.key:a.value=void 0}(o)},{default:t.withCtx((()=>[t.renderSlot(e.$slots,o.key)])),_:2},1032,["title","label","active","onClick"])))),128))])),_:3},8,["disabled","borderless","elevated"]))}}))
|
|
73
|
+
return(e,o)=>(t.openBlock(),t.createBlock(t.unref(V),{"b-style":"secondary",disabled:n.disabled,borderless:n.borderless,elevated:n.elevated},{default:t.withCtx((()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(n.options,(o=>(t.openBlock(),t.createBlock(t.unref(x),{key:o.key,title:o.title,label:o.label,active:a.value===o.key,onClick:e=>function(e){a.value!==e.key||n.mandatory?a.value=e.key:a.value=void 0}(o)},{default:t.withCtx((()=>[t.renderSlot(e.$slots,o.key)])),_:2},1032,["title","label","active","onClick"])))),128))])),_:3},8,["disabled","borderless","elevated"]))}})),$=t.defineComponent({__name:"QIcon",props:{icon:{},type:{default:"svg"},size:{default:void 0}},setup(e){const o=e,n=t.computed((()=>{switch(o.type){case"svg":return M
|
|
74
74
|
case"font":return A
|
|
75
75
|
case"img":return F
|
|
76
76
|
default:return}}))
|
|
@@ -95,7 +95,7 @@ const o=await t.text(),n=(new DOMParser).parseFromString(o,"text/xml").getElemen
|
|
|
95
95
|
if(!n)throw new Error("Loaded file is not a valid SVG")
|
|
96
96
|
return n}},watch:{src(e){this.getSource(e)}}})
|
|
97
97
|
const Q=t.defineComponent({__name:"QIconSvg",props:{icon:{},bundle:{default:""},size:{default:void 0}},emits:["loaded","unloaded"],setup(e,{emit:o}){const n=e,l=t.computed((()=>({"font-size":void 0!==n.size?`${n.size}px`:void 0})))
|
|
98
|
-
return(e,a)=>n.icon?(t.openBlock(),t.createBlock(t.unref(I),{key:0,class:"q-icon q-icon__svg",src:n.bundle,symbol:n.icon,style:t.normalizeStyle(l.value),onLoaded:a[0]||(a[0]=e=>o("loaded",e)),onUnloaded:a[1]||(a[1]=e=>o("unloaded",e))},null,8,["src","symbol","style"])):t.createCommentVNode("",!0)}}),T=B(
|
|
98
|
+
return(e,a)=>n.icon?(t.openBlock(),t.createBlock(t.unref(I),{key:0,class:"q-icon q-icon__svg",src:n.bundle,symbol:n.icon,style:t.normalizeStyle(l.value),onLoaded:a[0]||(a[0]=e=>o("loaded",e)),onUnloaded:a[1]||(a[1]=e=>o("unloaded",e))},null,8,["src","symbol","style"])):t.createCommentVNode("",!0)}}),T=B($),A=B(L),F=B(D),M=B(Q),P={key:0,class:"q-input__prepend"},O={key:1,class:"q-input__append"},R=B(t.defineComponent({__name:"QInput",props:{size:{default:"medium"},readonly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},setup(e){const o=e
|
|
99
99
|
return(e,n)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["q-input",`q-input--${o.size}`,{"q-input--readonly":o.readonly,"q-input--disabled":o.disabled}])},[e.$slots.prepend?(t.openBlock(),t.createElementBlock("div",P,[t.renderSlot(e.$slots,"prepend")])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default"),e.$slots.append?(t.openBlock(),t.createElementBlock("div",O,[t.renderSlot(e.$slots,"append")])):t.createCommentVNode("",!0)],2))}})),H={class:"q-line-loader"}
|
|
100
100
|
const U=B(((e,t)=>{const o=e.__vccOpts||e
|
|
101
101
|
for(const[e,n]of t)o[e]=n
|
|
@@ -115,15 +115,15 @@ break
|
|
|
115
115
|
case"last":p(-1)}}function p(e){var t
|
|
116
116
|
null==(t=m().at(e))||t.focus()}function m(){var e
|
|
117
117
|
const t=null==(e=c.value)?void 0:e.querySelectorAll("li")
|
|
118
|
-
return t?Array.from(t).filter((e=>-1!==e.tabIndex)):[]}function h(e){return e?l.items.filter((t=>t.group===e)):l.items}return t.watch((()=>l.modelValue),(e=>{a.value=e})),o({focusItem:p}),(e,o)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(r.value),{ref_key:"listRef",ref:c,class:t.normalizeClass(["q-list",{"q-list--disabled":l.disabled}]),role:"listbox",tabindex:l.disabled?-1:0,onFocus:d,onKeydown:u},{default:t.withCtx((()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(i.value,(e=>(t.openBlock(),t.createBlock(t.unref(
|
|
119
|
-
function l(){n.disabled||o("select",n.value)}function a(e){"Tab"===e.key&&l(),("Enter"===e.key||" "===e.key)&&(e.preventDefault(),e.stopPropagation(),l())}return(e,o)=>(t.openBlock(),t.createElementBlock("li",{role:"option",tabindex:n.disabled?void 0:-2,class:t.normalizeClass(["q-list-item",{"q-list-item--disabled":n.disabled,"q-list-item--selected":n.selected,"q-list-item--highlighted":n.highlighted}]),"aria-label":n.label,"aria-selected":n.disabled?void 0:n.selected,onKeydown:a,onClick:t.withModifiers(l,["stop","prevent"])},[n.icon?(t.openBlock(),t.createBlock(t.unref(T),t.normalizeProps(t.mergeProps({key:0},n.icon)),null,16)):t.createCommentVNode("",!0),t.createTextVNode(" "+t.toDisplayString(n.label)+" ",1),n.selected?(t.openBlock(),t.createBlock(t.unref(T),t.mergeProps({key:
|
|
120
|
-
let
|
|
121
|
-
const
|
|
122
|
-
return(e,n)=>o.title?(t.openBlock(),t.createElementBlock("ul",{key:1,class:"q-list-item-group",role:"group","aria-labelledby":o.id},[o.title?(t.openBlock(),t.createElementBlock("li",{key:0,id:o.id,class:"q-list-item-group__title",role:"presentation"},t.toDisplayString(o.title),9,
|
|
123
|
-
function
|
|
118
|
+
return t?Array.from(t).filter((e=>-1!==e.tabIndex)):[]}function h(e){return e?l.items.filter((t=>t.group===e)):l.items}return t.watch((()=>l.modelValue),(e=>{a.value=e})),o({focusItem:p}),(e,o)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(r.value),{ref_key:"listRef",ref:c,class:t.normalizeClass(["q-list",{"q-list--disabled":l.disabled}]),role:"listbox",tabindex:l.disabled?-1:0,onFocus:d,onKeydown:u},{default:t.withCtx((()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(i.value,(e=>(t.openBlock(),t.createBlock(t.unref(ne),t.mergeProps({key:e.title},e),{default:t.withCtx((()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(h(e.id),(e=>(t.openBlock(),t.createBlock(t.unref(oe),{key:e[l.itemValue],value:e[l.itemValue],label:e[l.itemLabel],icon:e.icon,disabled:l.disabled||e.disabled,selected:a.value===e[l.itemValue],onSelect:s},null,8,["value","label","icon","disabled","selected"])))),128))])),_:2},1040)))),128))])),_:1},40,["class","tabindex"]))}}),W=["tabindex","aria-label","aria-selected","onClick"],G={class:"q-list-item__check-container"},K={check:{icon:"check"}},X=t.defineComponent({__name:"QListItem",props:{value:{type:[String,Number,Boolean,Symbol]},label:{},icon:{default:void 0},selected:{type:Boolean,default:!1},highlighted:{type:Boolean,default:!1},icons:{default:()=>K},disabled:{type:Boolean,default:!1}},emits:["select"],setup(e,{emit:o}){const n=e
|
|
119
|
+
function l(){n.disabled||o("select",n.value)}function a(e){"Tab"===e.key&&l(),("Enter"===e.key||" "===e.key)&&(e.preventDefault(),e.stopPropagation(),l())}return(e,o)=>(t.openBlock(),t.createElementBlock("li",{role:"option",tabindex:n.disabled?void 0:-2,class:t.normalizeClass(["q-list-item",{"q-list-item--disabled":n.disabled,"q-list-item--selected":n.selected,"q-list-item--highlighted":n.highlighted}]),"aria-label":n.label,"aria-selected":n.disabled?void 0:n.selected,onKeydown:a,onClick:t.withModifiers(l,["stop","prevent"])},[n.icon?(t.openBlock(),t.createBlock(t.unref(T),t.normalizeProps(t.mergeProps({key:0},n.icon)),null,16)):t.createCommentVNode("",!0),t.createTextVNode(" "+t.toDisplayString(n.label)+" ",1),t.createElementVNode("div",G,[n.selected?(t.openBlock(),t.createBlock(t.unref(T),t.mergeProps({key:0},n.icons.check,{class:"q-list-item__check"}),null,16)):t.createCommentVNode("",!0)])],42,W))}})
|
|
120
|
+
let Y=0
|
|
121
|
+
const Z=["aria-labelledby"],J=["id"],ee=t.defineComponent({__name:"QListItemGroup",props:{id:{default:()=>"uid-"+ ++Y},title:{default:""},disabled:{type:Boolean,default:!1}},setup(e){const o=e
|
|
122
|
+
return(e,n)=>o.title?(t.openBlock(),t.createElementBlock("ul",{key:1,class:"q-list-item-group",role:"group","aria-labelledby":o.id},[o.title?(t.openBlock(),t.createElementBlock("li",{key:0,id:o.id,class:"q-list-item-group__title",role:"presentation"},t.toDisplayString(o.title),9,J)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default")],8,Z)):t.renderSlot(e.$slots,"default",{key:0})}}),te=B(j),oe=B(X),ne=B(ee)
|
|
123
|
+
function le(e,t,o="right",n){const l=e.getBoundingClientRect(),a=l.x+window.scrollX,r=l.y+window.scrollY,i=null==t?void 0:t.getBoundingClientRect(),c=(null==i?void 0:i.width)??0,s=(null==i?void 0:i.height)??0
|
|
124
124
|
let d=o
|
|
125
|
-
i&&!
|
|
126
|
-
for(const l of n[o])if(
|
|
125
|
+
i&&!ae(l,i,d)&&(d=function(e,t,o){const n={top:["bottom","left","right"],bottom:["top","left","right"],left:["right","top","bottom"],right:["left","top","bottom"]}
|
|
126
|
+
for(const l of n[o])if(ae(e,t,l))return l
|
|
127
127
|
return o}(l,i,d))
|
|
128
128
|
const u={x:0,y:0,placement:d}
|
|
129
129
|
switch(d){case"top":u.x="anchor"===n?a:a+(l.width-c)/2,u.y=r-s
|
|
@@ -132,14 +132,14 @@ case"bottom":u.x="anchor"===n?a:a+(l.width-c)/2,u.y=r+l.height
|
|
|
132
132
|
break
|
|
133
133
|
case"left":u.x=a-c,u.y=r+l.height/2-s/2
|
|
134
134
|
break
|
|
135
|
-
case"right":u.x=a+l.width,u.y=r+l.height/2-s/2}return"anchor"===n&&(u.width=l.width),u}function
|
|
136
|
-
switch(o){case"top":n=
|
|
135
|
+
case"right":u.x=a+l.width,u.y=r+l.height/2-s/2}return"anchor"===n&&l.width>=c&&(u.width=l.width),u}function ae(e,t,o){let n=!1,l=!1
|
|
136
|
+
switch(o){case"top":n=ie(e,t),l=e.top>t.height
|
|
137
137
|
break
|
|
138
|
-
case"bottom":n=
|
|
138
|
+
case"bottom":n=ie(e,t),l=window.innerHeight-e.top-e.height>t.height
|
|
139
139
|
break
|
|
140
|
-
case"left":n=e.left>t.width,l=
|
|
140
|
+
case"left":n=e.left>t.width,l=re(e,t)
|
|
141
141
|
break
|
|
142
|
-
case"right":n=window.innerWidth-e.left-e.width>t.width,l=
|
|
142
|
+
case"right":n=window.innerWidth-e.left-e.width>t.width,l=re(e,t)}return n&&l}function re(e,t){return window.innerHeight-e.top-e.height/2>t.height/2&&e.top+e.height/2>t.height/2}function ie(e,t){return window.innerWidth-e.left-e.width/2>t.width/2&&e.left+e.width/2>t.width/2}function ce(e){return"string"==typeof e?document.querySelector(e):e&&"$el"in e?e.$el:e}const se={key:0,class:"q-overlay__arrow"},de=B(t.defineComponent({__name:"QOverlay",props:{modelValue:{type:Boolean},anchor:{},appearance:{default:"regular"},arrow:{type:Boolean,default:!1},attach:{default:"body"},contentClasses:{default:()=>[]},delay:{default:500},disabled:{type:Boolean},offset:{default:8},placement:{default:"right"},spy:{type:Boolean,default:!1},transition:{default:"fade"},trigger:{default:"click"},width:{default:"auto"}},emits:["enter","leave"],setup(e,{emit:o}){const n=e,l=t.computed((()=>["q-overlay",`q-overlay--${a.placement}`,{"q-overlay--inverted":"inverted"===n.appearance},...n.contentClasses])),a=t.reactive({visible:n.modelValue,top:0,left:0,width:0,placement:n.placement}),r=t.computed((()=>a.visible&&!n.disabled))
|
|
143
143
|
t.watch((()=>n.modelValue),(()=>a.visible=n.modelValue))
|
|
144
144
|
const i=t.computed((()=>{let e=0,t=0
|
|
145
145
|
switch(a.placement){case"top":t=-(n.offset||0)
|
|
@@ -150,17 +150,17 @@ case"left":e=-(n.offset||0)
|
|
|
150
150
|
break
|
|
151
151
|
case"right":e=n.offset||0}const o={top:`${a.top+t}px`,left:`${a.left+e}px`}
|
|
152
152
|
return void 0!==a.width&&["top","bottom"].includes(a.placement)&&(o.width=`${a.width}px`),o})),c=t.ref(null)
|
|
153
|
-
function s(){const e=
|
|
154
|
-
if(e){const t=
|
|
153
|
+
function s(){const e=ce(n.anchor)
|
|
154
|
+
if(e){const t=le(e,c.value,n.placement,n.width)
|
|
155
155
|
a.left=t.x,a.top=t.y,a.width=t.width,a.placement=t.placement}}let d,u,f
|
|
156
156
|
function p(){const e="hover"===n.trigger?n.delay:0
|
|
157
|
-
d||(d=window.setTimeout((()=>a.visible=!0),e))}function m(){clearTimeout(d),d=void 0,a.visible=!1}function h(){r.value?m():p()}function v(){
|
|
158
|
-
e&&(window.addEventListener("scroll",s),window.addEventListener("resize",s),u=new MutationObserver(s),u.observe(e,{attributes:!1,childList:!0,characterData:!0,subtree:!0}),s())})),n.spy&&v()}function g(){window.removeEventListener("scroll",s),window.removeEventListener("resize",s),null==u||u.disconnect(),n.spy&&(clearTimeout(f),f=void 0)}return t.watch([()=>r.value,()=>n.placement],s),t.onBeforeUnmount(g),t.onMounted(s),t.watch((()=>n.disabled),(e=>{e||t.nextTick((()=>{const e=
|
|
157
|
+
d||(d=window.setTimeout((()=>a.visible=!0),e))}function m(){clearTimeout(d),d=void 0,a.visible=!1}function h(){r.value?m():p()}function v(){ce(n.anchor)?(s(),f=window.setTimeout(v,100)):m()}function y(){t.nextTick((()=>{const e=ce(n.anchor)
|
|
158
|
+
e&&(window.addEventListener("scroll",s),window.addEventListener("resize",s),u=new MutationObserver(s),u.observe(e,{attributes:!1,childList:!0,characterData:!0,subtree:!0}),s())})),n.spy&&v()}function g(){window.removeEventListener("scroll",s),window.removeEventListener("resize",s),null==u||u.disconnect(),n.spy&&(clearTimeout(f),f=void 0)}return t.watch([()=>r.value,()=>n.placement],s),t.onBeforeUnmount(g),t.onMounted(s),t.watch((()=>n.disabled),(e=>{e||t.nextTick((()=>{const e=ce(n.anchor)
|
|
159
159
|
if(e)switch(n.trigger){case"click":e.addEventListener("click",h)
|
|
160
160
|
break
|
|
161
|
-
case"hover":e.addEventListener("mouseenter",p),e.addEventListener("mouseleave",m)}}))}),{immediate:!0}),t.watch((()=>r.value),(e=>{e?y():g()}),{immediate:!0}),(e,a)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.renderSlot(e.$slots,"trigger",{open:r.value}),(t.openBlock(),t.createBlock(t.Teleport,{to:n.attach},[t.createVNode(t.Transition,{name:n.transition,appear:"",onEnter:a[0]||(a[0]=e=>o("enter")),onLeave:a[1]||(a[1]=e=>o("leave"))},{default:t.withCtx((()=>[r.value?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(l.value),style:t.normalizeStyle(i.value)},[t.createElementVNode("div",{class:t.normalizeClass(["q-overlay__content"]),ref_key:"overlay",ref:c},[n.arrow?(t.openBlock(),t.createElementBlock("div",
|
|
162
|
-
return(e,n)=>(t.openBlock(),t.createBlock(t.unref(
|
|
163
|
-
t.arg?e===n||e.contains(n)||n.closest(t.arg)||t.value(o,e):e===n||e.contains(n)||t.value(o,e)},document.addEventListener("click",e.clickOutsideEvent)},unmounted(e){document.removeEventListener("click",e.clickOutsideEvent)}},
|
|
161
|
+
case"hover":e.addEventListener("mouseenter",p),e.addEventListener("mouseleave",m)}}))}),{immediate:!0}),t.watch((()=>r.value),(e=>{e?y():g()}),{immediate:!0}),(e,a)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.renderSlot(e.$slots,"trigger",{open:r.value}),(t.openBlock(),t.createBlock(t.Teleport,{to:n.attach},[t.createVNode(t.Transition,{name:n.transition,appear:"",onEnter:a[0]||(a[0]=e=>o("enter")),onLeave:a[1]||(a[1]=e=>o("leave"))},{default:t.withCtx((()=>[r.value?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(l.value),style:t.normalizeStyle(i.value)},[t.createElementVNode("div",{class:t.normalizeClass(["q-overlay__content"]),ref_key:"overlay",ref:c},[n.arrow?(t.openBlock(),t.createElementBlock("div",se)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default")],512)],6)):t.createCommentVNode("",!0)])),_:3},8,["name"])],8,["to"]))],64))}})),ue={key:0,class:"q-popover__header"},fe={key:1,class:"q-popover__body"},pe=["innerHTML"],me={key:1},he=B(t.defineComponent({__name:"QPopover",props:{modelValue:{type:Boolean},anchor:{},arrow:{type:Boolean,default:!0},attach:{default:"body"},disabled:{type:Boolean},html:{type:Boolean,default:!0},placement:{default:"right"},spy:{type:Boolean,default:!0},text:{},title:{}},setup(e){const o=e
|
|
162
|
+
return(e,n)=>(t.openBlock(),t.createBlock(t.unref(de),{"model-value":o.modelValue,trigger:"click",anchor:o.anchor,arrow:o.arrow,attach:o.attach,"content-classes":["q-popover"],disabled:o.disabled,placement:o.placement,spy:o.spy},{default:t.withCtx((()=>[o.title||e.$slots.header?(t.openBlock(),t.createElementBlock("h3",ue,[t.createTextVNode(t.toDisplayString(o.title)+" ",1),t.renderSlot(e.$slots,"header")])):t.createCommentVNode("",!0),o.text||e.$slots.body?(t.openBlock(),t.createElementBlock("div",fe,[o.html?(t.openBlock(),t.createElementBlock("span",{key:0,innerHTML:o.text},null,8,pe)):(t.openBlock(),t.createElementBlock("span",me,t.toDisplayString(o.text),1)),t.renderSlot(e.$slots,"body")])):t.createCommentVNode("",!0)])),_:3},8,["model-value","anchor","arrow","attach","disabled","placement","spy"]))}})),ve={mounted(e,t){e.clickOutsideEvent=function(o){const n=o.target
|
|
163
|
+
t.arg?e===n||e.contains(n)||n.closest(t.arg)||t.value(o,e):e===n||e.contains(n)||t.value(o,e)},document.addEventListener("click",e.clickOutsideEvent)},unmounted(e){document.removeEventListener("click",e.clickOutsideEvent)}},ye={key:0,class:"q-select__value"},ge={key:1,class:"q-select__placeholder"},ke={placeholder:"Choose..."},be={chevron:{icon:"chevron-down"},clear:{icon:"close"}},we=B(t.defineComponent({__name:"QSelect",props:{modelValue:{type:[String,Number,Boolean,Symbol],default:void 0},clearable:{type:Boolean,default:!1},readonly:{type:Boolean},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},icons:{default:()=>be},items:{},groups:{default:()=>[]},itemValue:{default:"key"},itemLabel:{default:"label"},size:{default:"medium"},texts:{default:()=>ke}},emits:["update:modelValue","before-show","before-hide","show","hide"],setup(e,{emit:o}){const n=e,l=t.ref(n.modelValue),a=t.ref(!1),r=t.ref(""),i=t.ref(null),c=t.ref(null),s=t.ref(null),d=t.computed((()=>{var e
|
|
164
164
|
return null==(e=n.items)?void 0:e.find((e=>e[n.itemValue]===l.value))})),u=t.computed((()=>d.value?d.value[n.itemLabel]:"")),f=t.computed((()=>n.clearable&&!n.readonly&&!n.disabled&&!n.loading))
|
|
165
165
|
function p(e){l.value=e,o("update:modelValue",e),y()}function m(){f.value&&p(void 0)}function h(){n.readonly||n.disabled||(a.value?y():a.value||(o("before-show"),a.value=!0))}function v(e){var t
|
|
166
166
|
null!=(t=i.value)&&t.$el.contains(e.target)||y()}function y(){a.value&&(o("before-hide"),a.value=!1)}let g
|
|
@@ -170,10 +170,10 @@ break}}g=window.setTimeout((function(){r.value=""}),500)}}function b(){var e
|
|
|
170
170
|
null==(e=c.value)||e.$el.focus(),o("show")}function w(){var e
|
|
171
171
|
null==(e=i.value)||e.$el.focus(),o("hide")}function B(e){var t
|
|
172
172
|
null==(t=c.value)||t.focusItem(e)}return t.watch((()=>n.modelValue),(e=>{l.value=e})),(e,o)=>{var r,y
|
|
173
|
-
return t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createVNode(t.unref(R),{ref_key:"inputRef",ref:i,role:"combobox",tabindex:"0",class:t.normalizeClass(["q-select",{"q-select--readonly":n.readonly,"q-select--disabled":n.disabled,"q-select--expanded":a.value}]),readonly:"",disabled:n.disabled,"aria-expanded":a.value,"aria-haspopup":"listbox",size:n.size,onClick:h,onKeydown:t.withModifiers(k,["stop"])},t.createSlots({append:t.withCtx((()=>[f.value&&l.value?(t.openBlock(),t.createBlock(t.unref(T),t.mergeProps({key:0},n.icons.clear,{class:"q-select__clear",onClick:t.withModifiers(m,["stop","prevent"])}),null,16,["onClick"])):t.createCommentVNode("",!0),n.readonly||n.disabled?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(t.unref(T),t.mergeProps({key:1},n.icons.chevron,{class:"q-select__chevron"}),null,16))])),default:t.withCtx((()=>[l.value?(t.openBlock(),t.createElementBlock(
|
|
174
|
-
return[t.createVNode(t.unref(T),t.normalizeProps(t.guardReactiveProps(null==(e=d.value)?void 0:e.icon)),null,16)]})),key:"0"}:void 0]),1032,["class","disabled","aria-expanded","size","onKeydown"]),t.createVNode(t.unref(
|
|
175
|
-
return(e,n)=>(t.openBlock(),t.createBlock(t.unref(
|
|
176
|
-
e.QButton=x,e.QButtonGroup=V,e.QButtonToggle
|
|
173
|
+
return t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createVNode(t.unref(R),{ref_key:"inputRef",ref:i,role:"combobox",tabindex:"0",class:t.normalizeClass(["q-select",{"q-select--readonly":n.readonly,"q-select--disabled":n.disabled,"q-select--expanded":a.value}]),readonly:"",disabled:n.disabled,"aria-expanded":a.value,"aria-haspopup":"listbox",size:n.size,onClick:h,onKeydown:t.withModifiers(k,["stop"])},t.createSlots({append:t.withCtx((()=>[f.value&&l.value?(t.openBlock(),t.createBlock(t.unref(T),t.mergeProps({key:0},n.icons.clear,{class:"q-select__clear",onClick:t.withModifiers(m,["stop","prevent"])}),null,16,["onClick"])):t.createCommentVNode("",!0),n.readonly||n.disabled?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(t.unref(T),t.mergeProps({key:1},n.icons.chevron,{class:"q-select__chevron"}),null,16))])),default:t.withCtx((()=>[l.value?(t.openBlock(),t.createElementBlock("span",ye,t.toDisplayString(u.value),1)):(t.openBlock(),t.createElementBlock("span",ge,t.toDisplayString(e.texts.placeholder),1))])),_:2},[null!=(r=d.value)&&r.icon?{name:"prepend",fn:t.withCtx((()=>{var e
|
|
174
|
+
return[t.createVNode(t.unref(T),t.normalizeProps(t.guardReactiveProps(null==(e=d.value)?void 0:e.icon)),null,16)]})),key:"0"}:void 0]),1032,["class","disabled","aria-expanded","size","onKeydown"]),t.createVNode(t.unref(de),{"model-value":a.value,spy:"",trigger:"manual",placement:"bottom",width:"anchor",offset:2,anchor:null==(y=i.value)?void 0:y.$el,onEnter:b,onLeave:w},{default:t.withCtx((()=>[t.withDirectives((t.openBlock(),t.createElementBlock("div",{ref_key:"contentRef",ref:s,class:"q-select__body"},[t.renderSlot(e.$slots,"body.prepend"),n.loading?(t.openBlock(),t.createBlock(t.unref(C),{key:0,class:"q-select__loader",size:24})):(t.openBlock(),t.createBlock(t.unref(te),{key:1,ref_key:"listRef",ref:c,class:"q-select__items",modelValue:l.value,"onUpdate:modelValue":[o[0]||(o[0]=e=>l.value=e),p],items:n.items,groups:e.groups,"item-label":n.itemLabel,"item-value":n.itemValue,onKeydown:t.withModifiers(k,["stop"])},null,8,["modelValue","items","groups","item-label","item-value","onKeydown"])),t.renderSlot(e.$slots,"body.append")])),[[t.unref(ve),v]])])),_:3},8,["model-value","anchor"])],64)}}})),Be=["innerHTML"],Ce={key:1},Se=B(t.defineComponent({__name:"QTooltip",props:{modelValue:{type:Boolean},anchor:{},appearance:{default:"inverted"},arrow:{type:Boolean,default:!0},attach:{default:"body"},delay:{default:500},disabled:{type:Boolean},html:{type:Boolean,default:!0},placement:{default:"right"},text:{},trigger:{default:"hover"}},setup(e){const o=e
|
|
175
|
+
return(e,n)=>(t.openBlock(),t.createBlock(t.unref(de),{"model-value":o.modelValue,anchor:o.anchor,appearance:o.appearance,arrow:o.arrow,attach:o.attach,"content-classes":["q-tooltip"],delay:o.delay,disabled:o.disabled,placement:o.placement,trigger:o.trigger},{default:t.withCtx((()=>[o.html?(t.openBlock(),t.createElementBlock("span",{key:0,innerHTML:o.text},null,8,Be)):(t.openBlock(),t.createElementBlock("span",Ce,t.toDisplayString(o.text),1))])),_:1},8,["model-value","anchor","appearance","arrow","attach","delay","disabled","placement","trigger"]))}}))
|
|
176
|
+
e.QButton=x,e.QButtonGroup=V,e.QButtonToggle=q,e.QIcon=T,e.QIconFont=A,e.QIconImg=F,e.QIconSvg=M,e.QInput=R,e.QLineLoader=U,e.QList=te,e.QListItem=oe,e.QListItemGroup=ne,e.QOverlay=de,e.QPopover=he,e.QSelect=we,e.QSpinnerLoader=C,e.QTooltip=Se,e.clickOutside=ve,e.createFramework=function(e={}){return{install:o=>{const n=e.components||{}
|
|
177
177
|
for(const e in n)o.component(e,n[e])
|
|
178
178
|
const l=e.directives||{}
|
|
179
179
|
for(const e in l)o.directive(e,l[e])
|