diff --git a/Resources/Public/Module.css b/Resources/Public/Module.css index 3bd51bb..5c34755 100644 --- a/Resources/Public/Module.css +++ b/Resources/Public/Module.css @@ -1,2 +1,2 @@ -.o4liXq_pluginWrap{height:41px;align-items:center;margin:0 1rem;display:flex;font-size:.8rem!important}.TcUz5W_toggleButton{background-color:var(--grayLight);border:1px solid var(--grayMedium);color:var(--textSubtleLight);-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:6px;align-items:center;gap:.5em;padding:2px .3rem 2px .5rem;line-height:1.4em;transition:all .1s ease-out;display:flex}.TcUz5W_toggleButton:disabled{opacity:.5;cursor:not-allowed}.TcUz5W_toggleButton:not(:disabled):hover{background-color:var(--grayLighter);color:var(--textOnWhite)}.TcUz5W_buttonIcon{background-color:var(--grayMedium);color:var(--textOnGray);border-radius:3px;padding:1px 4px;font-size:80%;transition:background-color .1s ease-out}.TcUz5W_toggleButton:not(:disabled):hover .TcUz5W_buttonIcon{background-color:var(--primaryBlue)} +.o4liXq_pluginWrap{height:41px;align-items:center;margin:0 1rem;line-height:20px;display:flex;font-size:14px!important}.o4liXq_fullScreenLayer{width:100vw;height:100vh;pointer-events:none;z-index:9999;display:none;position:absolute;top:0;left:0}.o4liXq_open{display:block}@keyframes o4liXq_spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.o4liXq_spin{animation:2s linear infinite o4liXq_spin}:root{--bar-min-width:600px;--bar-max-width:90vw;--bar-width:30vw;--bar-width-expanded:60vw;--bar-background:#000c;--footer-background:#000c;--color-shadow:#ffffffb3;--color-light-text:#fff9;--color-light-text-hover:#fffc;--color-icon-bg:#fff3;--color-icon-bg-hover:#fff6;--color-border:#fff3;--color-item-highlighted:#ffffff26;--color-item-hover:#ffffff0d;--border-radius-bar:.6rem;--border-radius-item:.4rem;--icon-size:1.125em;--dialog-blur:5px;--grayLight:#999;--grayLighter:#eee;--grayMedium:#323232;--grayDark:#3f3f3f;--gray:#555;--textSubtleLight:#adadad;--textOnGray:#fff;--textOnWhite:#252525;--primaryBlue:#00adee}.eoy0jW_commandBar{-webkit-backdrop-filter:blur(var(--dialog-blur));-webkit-backdrop-filter:blur(var(--dialog-blur));backdrop-filter:blur(var(--dialog-blur));background:var(--bar-background);border-radius:var(--border-radius-bar,5);border:1px solid var(--color-border);color:#fff;max-width:var(--bar-max-width);min-width:var(--bar-min-width);max-height:90vh;width:var(--bar-width);pointer-events:all;flex-direction:column;margin:0;padding:0;transition:width .1s ease-out;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;translate:-50% -50%;box-shadow:0 3px 10px #00000080}.eoy0jW_commandBar.eoy0jW_hasResults{width:var(--bar-width-expanded)}.eoy0jW_commandBar small{color:var(--color-light-text);font-size:90%}.eoy0jW_commandBar ::-webkit-scrollbar{width:4px;height:4px}.eoy0jW_commandBar ::-webkit-scrollbar-track{background-color:#0000}.eoy0jW_commandBar ::-webkit-scrollbar-thumb{background-color:var(--grayLight)}.eoy0jW_commandBar ::-webkit-scrollbar-corner{background-color:var(--grayDark)}.eoy0jW_resultsWrap{transform-origin:top;grid-template-rows:0fr;transition:grid-template-rows .2s ease-in;display:grid;overflow:auto}.eoy0jW_resultsWrap>*{opacity:0}.eoy0jW_resultsWrap.eoy0jW_expanded{grid-template-rows:1fr}.eoy0jW_resultsWrap.eoy0jW_expanded>*{opacity:1;padding:.5rem}.eoy0jW_resultsWrap.eoy0jW_split{grid-template-columns:1fr 1fr}.Vkou1G_toggleButton{background-color:var(--grayDark);border:1px solid var(--grayMedium);color:var(--textSubtleLight);-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:6px;align-items:center;gap:.5em;padding:2px .3rem 2px .5rem;line-height:1.4em;transition:all .1s ease-out;display:flex}.Vkou1G_toggleButton:disabled{opacity:.5;cursor:not-allowed}.Vkou1G_toggleButton:not(:disabled):hover{background-color:var(--grayLighter);color:var(--textOnWhite)}.Vkou1G_buttonIcon{background-color:var(--gray);color:var(--textOnGray);border-radius:3px;padding:1px 4px;font-size:80%;transition:background-color .1s ease-out}.Vkou1G_toggleButton:not(:disabled):hover .Vkou1G_buttonIcon{background-color:var(--primaryBlue)}.SDjQeG_commandResultsView{max-width:100%;overflow:auto}.SDjQeG_results{min-height:0;max-height:60vh;height:100%;transition:opacity .3s ease-in;overflow-y:auto}.SDjQeG_results h6{color:var(--color-light-text);-webkit-user-select:none;user-select:none;margin:.5rem;font-size:.9em;font-weight:400}.SDjQeG_results ul{flex-direction:column;gap:.5em;margin:0;padding:0;list-style:none;display:flex}.z-zZnG_results{min-height:0;max-height:60vh;height:100%;transition:opacity .3s ease-in;overflow-y:auto}.z-zZnG_results h6{color:var(--color-light-text);-webkit-user-select:none;user-select:none;margin:.5rem;font-size:.9em;font-weight:400}.z-zZnG_results ul{flex-direction:column;gap:.5em;margin:0;padding:0;list-style:none;display:flex}.z-zZnG_noResults{padding:.5rem}.z-zZnG_disabled{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5!important}.bB4DKG_commandListItem{cursor:pointer;border-radius:var(--border-radius-item);-webkit-user-select:none;user-select:none;--icon-size:.875em;background-color:#0000;align-items:baseline;gap:1em;padding:.4rem .6rem;transition:background-color .1s ease-in-out,opacity .1s ease-in-out;display:flex!important}.bB4DKG_commandListItem:hover{background-color:var(--color-item-hover)}.bB4DKG_highlighted{background-color:var(--color-item-highlighted)}.bB4DKG_disabled{opacity:.5;cursor:not-allowed}.bB4DKG_label{flex-wrap:wrap;flex:1;align-items:baseline;gap:.2em 1em;display:flex}.bB4DKG_description{white-space:pre-wrap;font-size:.9em}.bB4DKG_type{max-width:30%}._1JQCkq_commandBarHeader{border-bottom:1px solid var(--color-border);align-items:center;gap:1rem;padding:.3rem .5rem;display:flex;position:relative}._1JQCkq_backButton{background-color:var(--color-icon-bg);appearance:none;color:#fff;cursor:pointer;border:none;border-radius:50%;padding:.3rem;transition:background-color .1s ease-in-out;display:flex}._1JQCkq_backButton:hover{background-color:var(--color-icon-bg-hover)}.jZLCTa_searchBox{appearance:none;color:currentColor;background:0 0;border:none;outline:none;flex:1;padding:.5rem;font-weight:300;font-size:1.1em!important}.jZLCTa_searchBox:disabled{color:var(--color-light-text);cursor:not-allowed}.jZLCTa_expandButton{height:100%;cursor:pointer;background:0 0;border:none;padding:0 1rem;display:block;position:absolute;right:0}.jZLCTa_expandButton svg{color:var(--grayLighter);transition:color .1s ease-in-out}.jZLCTa_expandButton:hover svg{color:var(--primaryBlue)}.xzQyjW_iconWrap{width:var(--icon-size);height:var(--icon-size);text-align:center;display:inline-block}.xzQyjW_iconWrap svg{max-width:100%;max-height:100%;display:inline-block}.UnIlTW_commandBarFooter{border-top:1px solid var(--color-border);background-color:var(--footer-background);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;display:flex}.UnIlTW_breadcrumb,.UnIlTW_activity{--icon-size:.875em;gap:1rem;display:flex}.UnIlTW_madeWithLove{text-decoration:none;display:flex}.UnIlTW_madeWithLove small{transition:color .1s ease-in-out}.UnIlTW_madeWithLove:hover small{color:var(--color-light-text-hover)}.UnIlTW_madeWithLove svg{width:var(--icon-size);height:auto;margin-left:.5em;display:inline-block} /*# sourceMappingURL=Module.css.map */ diff --git a/Resources/Public/Module.css.map b/Resources/Public/Module.css.map index 8da8c13..6761b1e 100644 --- a/Resources/Public/Module.css.map +++ b/Resources/Public/Module.css.map @@ -1 +1 @@ -{"mappings":"ACAA,uGCAA,qTAeA,4DAKA,uGAKA,uKASA","sources":["Module.css","packages/module-plugin/src/ModulePlugin.module.css","packages/commandbar/src/ToggleButton/ToggleButton.module.css"],"sourcesContent":[".o4liXq_pluginWrap {\n height: 41px;\n align-items: center;\n margin: 0 1rem;\n display: flex;\n font-size: .8rem !important;\n}\n\n.TcUz5W_toggleButton {\n background-color: var(--grayLight);\n border: 1px solid var(--grayMedium);\n color: var(--textSubtleLight);\n -webkit-user-select: none;\n user-select: none;\n cursor: pointer;\n border-radius: 6px;\n align-items: center;\n gap: .5em;\n padding: 2px .3rem 2px .5rem;\n line-height: 1.4em;\n transition: all .1s ease-out;\n display: flex;\n}\n\n.TcUz5W_toggleButton:disabled {\n opacity: .5;\n cursor: not-allowed;\n}\n\n.TcUz5W_toggleButton:not(:disabled):hover {\n background-color: var(--grayLighter);\n color: var(--textOnWhite);\n}\n\n.TcUz5W_buttonIcon {\n background-color: var(--grayMedium);\n color: var(--textOnGray);\n border-radius: 3px;\n padding: 1px 4px;\n font-size: 80%;\n transition: background-color .1s ease-out;\n}\n\n.TcUz5W_toggleButton:not(:disabled):hover .TcUz5W_buttonIcon {\n background-color: var(--primaryBlue);\n}\n\n/*# sourceMappingURL=Module.css.map */\n",".pluginWrap {\n display: flex;\n align-items: center;\n height: 41px;\n font-size: 0.8rem !important;\n margin: 0 1rem;\n}\n",".toggleButton {\n background-color: var(--grayLight);\n border: 1px solid var(--grayMedium);\n color: var(--textSubtleLight);\n border-radius: 6px;\n display: flex;\n align-items: center;\n gap: 0.5em;\n transition: 0.1s ease-out;\n user-select: none;\n padding: 2px 0.3rem 2px 0.5rem;\n cursor: pointer;\n line-height: 1.4em;\n}\n\n.toggleButton:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.toggleButton:not(:disabled):hover {\n background-color: var(--grayLighter);\n color: var(--textOnWhite);\n}\n\n.buttonIcon {\n background-color: var(--grayMedium);\n border-radius: 3px;\n color: var(--textOnGray);\n font-size: 80%;\n padding: 1px 4px;\n transition: background-color 0.1s ease-out;\n}\n\n.toggleButton:not(:disabled):hover .buttonIcon {\n background-color: var(--primaryBlue);\n}\n"],"names":[],"version":3,"file":"Module.css.map"} \ No newline at end of file +{"mappings":"ACAA,uHASA,8HAWA,2BAIA,2EAKA,sDC7BA,gnBCAA,2kBAwBA,qEAIA,qEAKA,4DAKA,oEAIA,+EAIA,+EAIA,qIAQA,gCAIA,2DAIA,8DAIA,+DCtEA,oTAeA,4DAKA,uGAKA,iKASA,iGClCA,wDAKA,wGAQA,uIAQA,kGCrBA,wGAQA,uIAQA,kGASA,gCAIA,oGC7BA,+SAaA,uEAIA,mEAIA,+CAKA,mFAQA,wDAKA,2BCvCA,qJASA,yMAYA,sECrBA,4JAYA,4EAKA,kIAWA,mFAKA,wDCjCA,uGAOA,yECPA,gPAWA,6EAYA,uDAKA,4DAIA,qEAIA","sources":["Module.css","packages/module-plugin/src/ModulePlugin.module.css","packages/commandbar/src/Variables.module.css","packages/commandbar/src/components/CommandBarDialog/CommandBarDialog.module.css","packages/commandbar/src/components/ToggleButton/ToggleButton.module.css","packages/commandbar/src/components/CommandResultsView/CommandResultsView.module.css","packages/commandbar/src/components/CommandList/CommandListing.module.css","packages/commandbar/src/components/CommandListItem/CommandListItem.module.css","packages/commandbar/src/components/CommandBarHeader/CommandBarHeader.module.css","packages/commandbar/src/components/SearchBox/SearchBox.module.css","packages/commandbar/src/components/IconWrapper/IconWrapper.module.css","packages/commandbar/src/components/CommandBarFooter/CommandBarFooter.module.css"],"sourcesContent":[".o4liXq_pluginWrap {\n height: 41px;\n align-items: center;\n margin: 0 1rem;\n line-height: 20px;\n display: flex;\n font-size: 14px !important;\n}\n\n.o4liXq_fullScreenLayer {\n width: 100vw;\n height: 100vh;\n pointer-events: none;\n z-index: 9999;\n display: none;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.o4liXq_open {\n display: block;\n}\n\n@keyframes o4liXq_spin {\n 0% {\n transform: rotate(0);\n }\n\n 100% {\n transform: rotate(359deg);\n }\n}\n\n.o4liXq_spin {\n animation: 2s linear infinite o4liXq_spin;\n}\n\n:root {\n --bar-min-width: 600px;\n --bar-max-width: 90vw;\n --bar-width: 30vw;\n --bar-width-expanded: 60vw;\n --bar-background: #000c;\n --footer-background: #000c;\n --color-shadow: #ffffffb3;\n --color-light-text: #fff9;\n --color-light-text-hover: #fffc;\n --color-icon-bg: #fff3;\n --color-icon-bg-hover: #fff6;\n --color-border: #fff3;\n --color-item-highlighted: #ffffff26;\n --color-item-hover: #ffffff0d;\n --border-radius-bar: .6rem;\n --border-radius-item: .4rem;\n --icon-size: 1.125em;\n --dialog-blur: 5px;\n --grayLight: #999;\n --grayLighter: #eee;\n --grayMedium: #323232;\n --grayDark: #3f3f3f;\n --gray: #555;\n --textSubtleLight: #adadad;\n --textOnGray: #fff;\n --textOnWhite: #252525;\n --primaryBlue: #00adee;\n}\n\n.eoy0jW_commandBar {\n -webkit-backdrop-filter: blur(var(--dialog-blur));\n backdrop-filter: blur(var(--dialog-blur));\n background: var(--bar-background);\n border-radius: var(--border-radius-bar, 5);\n border: 1px solid var(--color-border);\n color: #fff;\n max-width: var(--bar-max-width);\n min-width: var(--bar-min-width);\n max-height: 90vh;\n width: var(--bar-width);\n pointer-events: all;\n flex-direction: column;\n margin: 0;\n padding: 0;\n transition: width .1s ease-out;\n display: flex;\n position: absolute;\n top: 50%;\n left: 50%;\n overflow: hidden;\n translate: -50% -50%;\n box-shadow: 0 3px 10px #00000080;\n}\n\n.eoy0jW_commandBar.eoy0jW_hasResults {\n width: var(--bar-width-expanded);\n}\n\n.eoy0jW_commandBar small {\n color: var(--color-light-text);\n font-size: 90%;\n}\n\n.eoy0jW_commandBar ::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n\n.eoy0jW_commandBar ::-webkit-scrollbar-track {\n background-color: #0000;\n}\n\n.eoy0jW_commandBar ::-webkit-scrollbar-thumb {\n background-color: var(--grayLight);\n}\n\n.eoy0jW_commandBar ::-webkit-scrollbar-corner {\n background-color: var(--grayDark);\n}\n\n.eoy0jW_resultsWrap {\n transform-origin: top;\n grid-template-rows: 0fr;\n transition: grid-template-rows .2s ease-in;\n display: grid;\n overflow: auto;\n}\n\n.eoy0jW_resultsWrap > * {\n opacity: 0;\n}\n\n.eoy0jW_resultsWrap.eoy0jW_expanded {\n grid-template-rows: 1fr;\n}\n\n.eoy0jW_resultsWrap.eoy0jW_expanded > * {\n opacity: 1;\n padding: .5rem;\n}\n\n.eoy0jW_resultsWrap.eoy0jW_split {\n grid-template-columns: 1fr 1fr;\n}\n\n.Vkou1G_toggleButton {\n background-color: var(--grayDark);\n border: 1px solid var(--grayMedium);\n color: var(--textSubtleLight);\n -webkit-user-select: none;\n user-select: none;\n cursor: pointer;\n border-radius: 6px;\n align-items: center;\n gap: .5em;\n padding: 2px .3rem 2px .5rem;\n line-height: 1.4em;\n transition: all .1s ease-out;\n display: flex;\n}\n\n.Vkou1G_toggleButton:disabled {\n opacity: .5;\n cursor: not-allowed;\n}\n\n.Vkou1G_toggleButton:not(:disabled):hover {\n background-color: var(--grayLighter);\n color: var(--textOnWhite);\n}\n\n.Vkou1G_buttonIcon {\n background-color: var(--gray);\n color: var(--textOnGray);\n border-radius: 3px;\n padding: 1px 4px;\n font-size: 80%;\n transition: background-color .1s ease-out;\n}\n\n.Vkou1G_toggleButton:not(:disabled):hover .Vkou1G_buttonIcon {\n background-color: var(--primaryBlue);\n}\n\n.SDjQeG_commandResultsView {\n max-width: 100%;\n overflow: auto;\n}\n\n.SDjQeG_results {\n min-height: 0;\n max-height: 60vh;\n height: 100%;\n transition: opacity .3s ease-in;\n overflow-y: auto;\n}\n\n.SDjQeG_results h6 {\n color: var(--color-light-text);\n -webkit-user-select: none;\n user-select: none;\n margin: .5rem;\n font-size: .9em;\n font-weight: normal;\n}\n\n.SDjQeG_results ul {\n flex-direction: column;\n gap: .5em;\n margin: 0;\n padding: 0;\n list-style: none;\n display: flex;\n}\n\n.SDjQeG_noResults {\n padding: .5rem;\n}\n\n.SDjQeG_disabled {\n pointer-events: none;\n -webkit-user-select: none;\n user-select: none;\n opacity: .5 !important;\n}\n\n.z-zZnG_results {\n min-height: 0;\n max-height: 60vh;\n height: 100%;\n transition: opacity .3s ease-in;\n overflow-y: auto;\n}\n\n.z-zZnG_results h6 {\n color: var(--color-light-text);\n -webkit-user-select: none;\n user-select: none;\n margin: .5rem;\n font-size: .9em;\n font-weight: normal;\n}\n\n.z-zZnG_results ul {\n flex-direction: column;\n gap: .5em;\n margin: 0;\n padding: 0;\n list-style: none;\n display: flex;\n}\n\n.z-zZnG_noResults {\n padding: .5rem;\n}\n\n.z-zZnG_disabled {\n pointer-events: none;\n -webkit-user-select: none;\n user-select: none;\n opacity: .5 !important;\n}\n\n.bB4DKG_commandListItem {\n cursor: pointer;\n border-radius: var(--border-radius-item);\n -webkit-user-select: none;\n user-select: none;\n --icon-size: .875em;\n background-color: #0000;\n align-items: baseline;\n gap: 1em;\n padding: .4rem .6rem;\n transition: background-color .1s ease-in-out, opacity .1s ease-in-out;\n display: flex !important;\n}\n\n.bB4DKG_commandListItem:hover {\n background-color: var(--color-item-hover);\n}\n\n.bB4DKG_highlighted {\n background-color: var(--color-item-highlighted);\n}\n\n.bB4DKG_disabled {\n opacity: .5;\n cursor: not-allowed;\n}\n\n.bB4DKG_label {\n flex-wrap: wrap;\n flex: 1;\n align-items: baseline;\n gap: .2em 1em;\n display: flex;\n}\n\n.bB4DKG_description {\n white-space: pre-wrap;\n font-size: .9em;\n}\n\n.bB4DKG_type {\n max-width: 30%;\n}\n\n._1JQCkq_commandBarHeader {\n border-bottom: 1px solid var(--color-border);\n align-items: center;\n gap: 1rem;\n padding: .3rem .5rem;\n display: flex;\n position: relative;\n}\n\n._1JQCkq_backButton {\n background-color: var(--color-icon-bg);\n appearance: none;\n color: #fff;\n cursor: pointer;\n border: none;\n border-radius: 50%;\n padding: .3rem;\n transition: background-color .1s ease-in-out;\n display: flex;\n}\n\n._1JQCkq_backButton:hover {\n background-color: var(--color-icon-bg-hover);\n}\n\n.jZLCTa_searchBox {\n appearance: none;\n color: currentColor;\n background: none;\n border: none;\n outline: none;\n flex: 1;\n padding: .5rem;\n font-weight: 300;\n font-size: 1.1em !important;\n}\n\n.jZLCTa_searchBox:disabled {\n color: var(--color-light-text);\n cursor: not-allowed;\n}\n\n.jZLCTa_expandButton {\n height: 100%;\n cursor: pointer;\n background: none;\n border: none;\n padding: 0 1rem;\n display: block;\n position: absolute;\n right: 0;\n}\n\n.jZLCTa_expandButton svg {\n color: var(--grayLighter);\n transition: color .1s ease-in-out;\n}\n\n.jZLCTa_expandButton:hover svg {\n color: var(--primaryBlue);\n}\n\n.xzQyjW_iconWrap {\n width: var(--icon-size);\n height: var(--icon-size);\n text-align: center;\n display: inline-block;\n}\n\n.xzQyjW_iconWrap svg {\n max-width: 100%;\n max-height: 100%;\n display: inline-block;\n}\n\n.UnIlTW_commandBarFooter {\n border-top: 1px solid var(--color-border);\n background-color: var(--footer-background);\n -webkit-user-select: none;\n user-select: none;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n padding: .8rem 1rem;\n display: flex;\n}\n\n.UnIlTW_breadcrumb, .UnIlTW_activity {\n --icon-size: .875em;\n gap: 1rem;\n display: flex;\n}\n\n.UnIlTW_madeWithLove {\n text-decoration: none;\n display: flex;\n}\n\n.UnIlTW_madeWithLove small {\n transition: color .1s ease-in-out;\n}\n\n.UnIlTW_madeWithLove:hover small {\n color: var(--color-light-text-hover);\n}\n\n.UnIlTW_madeWithLove svg {\n width: var(--icon-size);\n height: auto;\n margin-left: .5em;\n display: inline-block;\n}\n\n/*# sourceMappingURL=Module.css.map */\n",".pluginWrap {\n display: flex;\n align-items: center;\n height: 41px;\n font-size: 14px !important;\n line-height: 20px;\n margin: 0 1rem;\n}\n\n.fullScreenLayer {\n width: 100vw;\n height: 100vh;\n position: absolute;\n left: 0;\n top: 0;\n pointer-events: none;\n z-index: 9999;\n display: none;\n}\n\n.open {\n display: block;\n}\n\n@keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(359deg); }\n}\n\n.spin {\n animation: spin 2s linear infinite;\n}\n",":root {\n --bar-min-width: 600px;\n --bar-max-width: 90vw;\n --bar-width: 30vw;\n --bar-width-expanded: 60vw;\n --bar-background: rgba(0, 0, 0, 0.8);\n --footer-background: rgba(0, 0, 0, 0.8);\n --color-shadow: rgba(255, 255, 255, 0.7);\n --color-light-text: rgba(255, 255, 255, 0.6);\n --color-light-text-hover: rgba(255, 255, 255, 0.8);\n --color-icon-bg: rgba(255, 255, 255, 0.2);\n --color-icon-bg-hover: rgba(255, 255, 255, 0.4);\n --color-border: rgba(255, 255, 255, 0.2);\n --color-item-highlighted: rgba(255, 255, 255, 0.15);\n --color-item-hover: rgba(255, 255, 255, 0.05);\n --border-radius-bar: 0.6rem;\n --border-radius-item: 0.4rem;\n --icon-size: 1.125em;\n --dialog-blur: 5px;\n\n /* Neos UI colors */\n --grayLight: #999;\n --grayLighter: #eee;\n --grayMedium: #323232;\n --grayDark: #3f3f3f;\n --gray: #555;\n --textSubtleLight: #adadad;\n --textOnGray: #fff;\n --textOnWhite: #252525;\n --primaryBlue: #00adee;\n}\n",".commandBar {\n backdrop-filter: blur(var(--dialog-blur));\n background: var(--bar-background);\n border-radius: var(--border-radius-bar, 5);\n border: 1px solid var(--color-border);\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);\n color: white;\n display: flex;\n flex-direction: column;\n left: 50%;\n margin: 0;\n max-width: var(--bar-max-width);\n min-width: var(--bar-min-width);\n max-height: 90vh;\n overflow: hidden;\n position: absolute;\n padding: 0;\n top: 50%;\n translate: -50% -50%;\n width: var(--bar-width);\n pointer-events: all;\n transition: width 0.1s ease-out;\n}\n\n.commandBar.hasResults {\n width: var(--bar-width-expanded);\n}\n\n.commandBar small {\n color: var(--color-light-text);\n font-size: 90%;\n}\n\n.commandBar ::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n\n.commandBar ::-webkit-scrollbar-track {\n background-color: transparent;\n}\n\n.commandBar ::-webkit-scrollbar-thumb {\n background-color: var(--grayLight);\n}\n\n.commandBar ::-webkit-scrollbar-corner {\n background-color: var(--grayDark);\n}\n\n.resultsWrap {\n display: grid;\n grid-template-rows: 0fr;\n transform-origin: top center;\n transition: grid-template-rows 0.2s ease-in;\n overflow: auto;\n}\n\n.resultsWrap > * {\n opacity: 0;\n}\n\n.resultsWrap.expanded {\n grid-template-rows: 1fr;\n}\n\n.resultsWrap.expanded > * {\n opacity: 1;\n padding: 0.5rem;\n}\n.resultsWrap.split {\n grid-template-columns: 1fr 1fr;\n}\n",".toggleButton {\n background-color: var(--grayDark);\n border: 1px solid var(--grayMedium);\n color: var(--textSubtleLight);\n border-radius: 6px;\n display: flex;\n align-items: center;\n gap: 0.5em;\n transition: 0.1s ease-out;\n user-select: none;\n padding: 2px 0.3rem 2px 0.5rem;\n cursor: pointer;\n line-height: 1.4em;\n}\n\n.toggleButton:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.toggleButton:not(:disabled):hover {\n background-color: var(--grayLighter);\n color: var(--textOnWhite);\n}\n\n.buttonIcon {\n background-color: var(--gray);\n border-radius: 3px;\n color: var(--textOnGray);\n font-size: 80%;\n padding: 1px 4px;\n transition: background-color 0.1s ease-out;\n}\n\n.toggleButton:not(:disabled):hover .buttonIcon {\n background-color: var(--primaryBlue);\n}\n",".commandResultsView {\n max-width: 100%;\n overflow: auto;\n}\n\n.results {\n min-height: 0;\n transition: opacity 0.3s ease-in;\n overflow-y: auto;\n max-height: 60vh;\n height: 100%;\n}\n\n.results h6 {\n color: var(--color-light-text);\n margin: 0.5rem;\n font-size: 0.9em;\n font-weight: normal;\n user-select: none;\n}\n\n.results ul {\n padding: 0;\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 0.5em;\n margin: 0;\n}\n\n.noResults {\n padding: 0.5rem;\n}\n\n.disabled {\n opacity: 0.5 !important;\n pointer-events: none;\n user-select: none;\n}\n",".results {\n min-height: 0;\n transition: opacity 0.3s ease-in;\n overflow-y: auto;\n max-height: 60vh;\n height: 100%;\n}\n\n.results h6 {\n color: var(--color-light-text);\n margin: 0.5rem;\n font-size: 0.9em;\n font-weight: normal;\n user-select: none;\n}\n\n.results ul {\n padding: 0;\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 0.5em;\n margin: 0;\n}\n\n.noResults {\n padding: 0.5rem;\n}\n\n.disabled {\n opacity: 0.5 !important;\n pointer-events: none;\n user-select: none;\n}\n",".commandListItem {\n cursor: pointer;\n display: flex !important; /* Necessary due to the neos header bar styling */\n gap: 1em;\n padding: 0.4rem 0.6rem;\n align-items: baseline;\n border-radius: var(--border-radius-item);\n transition: background-color 0.1s ease-in-out, opacity 0.1s ease-in-out;\n background-color: transparent;\n user-select: none;\n --icon-size: 0.875em;\n}\n\n.commandListItem:hover {\n background-color: var(--color-item-hover);\n}\n\n.highlighted {\n background-color: var(--color-item-highlighted);\n}\n\n.disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.label {\n display: flex;\n flex-wrap: wrap;\n flex: 1;\n gap: 0.2em 1em;\n align-items: baseline;\n}\n\n.description {\n white-space:pre-wrap;\n font-size: 0.9em;\n}\n\n.type {\n max-width: 30%;\n}\n",".commandBarHeader {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 0.3rem 0.5rem;\n border-bottom: 1px solid var(--color-border);\n position: relative;\n}\n\n.backButton {\n padding: 0.3rem;\n background-color: var(--color-icon-bg);\n border-radius: 50%;\n appearance: none;\n border: none;\n color: white;\n cursor: pointer;\n transition: background-color 0.1s ease-in-out;\n display: flex;\n}\n\n.backButton:hover {\n background-color: var(--color-icon-bg-hover);\n}\n",".searchBox {\n appearance: none;\n background: none;\n border: none;\n color: currentColor;\n font-size: 1.1em !important; /* Fix to prevent Neos.UI css from forcing the font size to 14px */\n font-weight: 300;\n outline: none;\n padding: 0.5rem;\n flex: 1;\n}\n\n.searchBox:disabled {\n color: var(--color-light-text);\n cursor: not-allowed;\n}\n\n.expandButton {\n position: absolute;\n padding: 0 1rem;\n height: 100%;\n right: 0;\n display: block;\n background: none;\n border: none;\n cursor: pointer;\n}\n\n.expandButton svg {\n color: var(--grayLighter);\n transition: color 0.1s ease-in-out;\n}\n\n.expandButton:hover svg {\n color: var(--primaryBlue);\n}\n",".iconWrap {\n width: var(--icon-size);\n height: var(--icon-size);\n display: inline-block;\n text-align: center;\n}\n\n.iconWrap svg {\n max-width: 100%;\n max-height: 100%;\n display: inline-block;\n}\n",".commandBarFooter {\n border-top: 1px solid var(--color-border);\n background-color: var(--footer-background);\n padding: 0.8rem 1rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n user-select: none;\n}\n\n.breadcrumb {\n display: flex;\n gap: 1rem;\n --icon-size: 0.875em;\n}\n\n.activity {\n display: flex;\n gap: 1rem;\n --icon-size: 0.875em;\n}\n\n.madeWithLove {\n display: flex;\n text-decoration: none;\n}\n\n.madeWithLove small {\n transition: color 0.1s ease-in-out;\n}\n\n.madeWithLove:hover small {\n color: var(--color-light-text-hover);\n}\n\n.madeWithLove svg {\n display: inline-block;\n width: var(--icon-size);\n height: auto;\n margin-left: 0.5em;\n}\n"],"names":[],"version":3,"file":"Module.css.map"} \ No newline at end of file diff --git a/Resources/Public/Module.js b/Resources/Public/Module.js index 5a90378..9c0c165 100644 --- a/Resources/Public/Module.js +++ b/Resources/Public/Module.js @@ -1,4 +1,4 @@ -(()=>{function e(e,t,n,r){Object.defineProperty(e,t,{get:n,set:r,enumerable:!0,configurable:!0})}function t(e){return e&&e.__esModule?e.default:e}var n="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:"undefined"!=typeof window?window:"undefined"!=typeof global?global:{},r={},l={},i=n.parcelRequireb8d3;null==i&&((i=function(e){if(e in r)return r[e].exports;if(e in l){var t=l[e];delete l[e];var n={id:e,exports:{}};return r[e]=n,t.call(n.exports,n,n.exports),n.exports}var i=new Error("Cannot find module '"+e+"'");throw i.code="MODULE_NOT_FOUND",i}).register=function(e,t){l[e]=t},n.parcelRequireb8d3=i),i.register("89wqa",(function(t,n){ +(()=>{function e(e,t,n,r){Object.defineProperty(e,t,{get:n,set:r,enumerable:!0,configurable:!0})}function t(e){return e&&e.__esModule?e.default:e}var n="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:"undefined"!=typeof window?window:"undefined"!=typeof global?global:{},r={},l={},o=n.parcelRequireb8d3;null==o&&((o=function(e){if(e in r)return r[e].exports;if(e in l){var t=l[e];delete l[e];var n={id:e,exports:{}};return r[e]=n,t.call(n.exports,n,n.exports),n.exports}var o=new Error("Cannot find module '"+e+"'");throw o.code="MODULE_NOT_FOUND",o}).register=function(e,t){l[e]=t},n.parcelRequireb8d3=o),o.register("89wqa",(function(t,n){ /** @license React v16.14.0 * react-jsx-runtime.production.min.js * @@ -7,7 +7,7 @@ * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ -var r,l,o;e(t.exports,"Fragment",(()=>r),(e=>r=e)),e(t.exports,"jsx",(()=>l),(e=>l=e)),e(t.exports,"jsxs",(()=>o),(e=>o=e));var a=i("8NFma"),u=60103;if(r=60107,"function"==typeof Symbol&&Symbol.for){var c=Symbol.for;u=c("react.element"),r=c("react.fragment")}var s=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,f=Object.prototype.hasOwnProperty,d={key:!0,ref:!0,__self:!0,__source:!0};function p(e,t,n){var r,l={},i=null,o=null;for(r in void 0!==n&&(i=""+n),void 0!==t.key&&(i=""+t.key),void 0!==t.ref&&(o=t.ref),t)f.call(t,r)&&!d.hasOwnProperty(r)&&(l[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===l[r]&&(l[r]=t[r]);return{$$typeof:u,type:e,key:i,ref:o,props:l,_owner:s.current}}l=p,o=p})),i.register("8NFma",(function(e,t){"use strict";e.exports=i("j1rj6")})),i.register("j1rj6",(function(t,n){ +var r,l,a;e(t.exports,"Fragment",(()=>r),(e=>r=e)),e(t.exports,"jsx",(()=>l),(e=>l=e)),e(t.exports,"jsxs",(()=>a),(e=>a=e));var i=o("8NFma"),u=60103;if(r=60107,"function"==typeof Symbol&&Symbol.for){var c=Symbol.for;u=c("react.element"),r=c("react.fragment")}var s=i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,f=Object.prototype.hasOwnProperty,d={key:!0,ref:!0,__self:!0,__source:!0};function p(e,t,n){var r,l={},o=null,a=null;for(r in void 0!==n&&(o=""+n),void 0!==t.key&&(o=""+t.key),void 0!==t.ref&&(a=t.ref),t)f.call(t,r)&&!d.hasOwnProperty(r)&&(l[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===l[r]&&(l[r]=t[r]);return{$$typeof:u,type:e,key:o,ref:a,props:l,_owner:s.current}}l=p,a=p})),o.register("8NFma",(function(e,t){"use strict";e.exports=o("j1rj6")})),o.register("j1rj6",(function(t,n){ /** @license React v16.14.0 * react.production.min.js * @@ -16,13 +16,13 @@ var r,l,o;e(t.exports,"Fragment",(()=>r),(e=>r=e)),e(t.exports,"jsx",(()=>l),(e= * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ -var r,l,o,a,u,c,s,f,d,p,m,h,g,v,y,b,w,k,x,E,T,S,C,_,P,N,z,O;e(t.exports,"Children",(()=>r),(e=>r=e)),e(t.exports,"Component",(()=>l),(e=>l=e)),e(t.exports,"Fragment",(()=>o),(e=>o=e)),e(t.exports,"Profiler",(()=>a),(e=>a=e)),e(t.exports,"PureComponent",(()=>u),(e=>u=e)),e(t.exports,"StrictMode",(()=>c),(e=>c=e)),e(t.exports,"Suspense",(()=>s),(e=>s=e)),e(t.exports,"__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED",(()=>f),(e=>f=e)),e(t.exports,"cloneElement",(()=>d),(e=>d=e)),e(t.exports,"createContext",(()=>p),(e=>p=e)),e(t.exports,"createElement",(()=>m),(e=>m=e)),e(t.exports,"createFactory",(()=>h),(e=>h=e)),e(t.exports,"createRef",(()=>g),(e=>g=e)),e(t.exports,"forwardRef",(()=>v),(e=>v=e)),e(t.exports,"isValidElement",(()=>y),(e=>y=e)),e(t.exports,"lazy",(()=>b),(e=>b=e)),e(t.exports,"memo",(()=>w),(e=>w=e)),e(t.exports,"useCallback",(()=>k),(e=>k=e)),e(t.exports,"useContext",(()=>x),(e=>x=e)),e(t.exports,"useDebugValue",(()=>E),(e=>E=e)),e(t.exports,"useEffect",(()=>T),(e=>T=e)),e(t.exports,"useImperativeHandle",(()=>S),(e=>S=e)),e(t.exports,"useLayoutEffect",(()=>C),(e=>C=e)),e(t.exports,"useMemo",(()=>_),(e=>_=e)),e(t.exports,"useReducer",(()=>P),(e=>P=e)),e(t.exports,"useRef",(()=>N),(e=>N=e)),e(t.exports,"useState",(()=>z),(e=>z=e)),e(t.exports,"version",(()=>O),(e=>O=e));var R=i("k1s95"),M="function"==typeof Symbol&&Symbol.for,I=M?Symbol.for("react.element"):60103,F=M?Symbol.for("react.portal"):60106,D=M?Symbol.for("react.fragment"):60107,L=M?Symbol.for("react.strict_mode"):60108,U=M?Symbol.for("react.profiler"):60114,A=M?Symbol.for("react.provider"):60109,j=M?Symbol.for("react.context"):60110,V=M?Symbol.for("react.forward_ref"):60112,W=M?Symbol.for("react.suspense"):60113,Q=M?Symbol.for("react.memo"):60115,B=M?Symbol.for("react.lazy"):60116,$="function"==typeof Symbol&&Symbol.iterator;function H(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;nie.length&&ie.push(e)}function ue(e,t,n,r){var l=typeof e;"undefined"!==l&&"boolean"!==l||(e=null);var i=!1;if(null===e)i=!0;else switch(l){case"string":case"number":i=!0;break;case"object":switch(e.$$typeof){case I:case F:i=!0}}if(i)return n(r,e,""===t?"."+se(e,0):t),1;if(i=0,t=""===t?".":t+":",Array.isArray(e))for(var o=0;or),(e=>r=e)),e(t.exports,"Component",(()=>l),(e=>l=e)),e(t.exports,"Fragment",(()=>a),(e=>a=e)),e(t.exports,"Profiler",(()=>i),(e=>i=e)),e(t.exports,"PureComponent",(()=>u),(e=>u=e)),e(t.exports,"StrictMode",(()=>c),(e=>c=e)),e(t.exports,"Suspense",(()=>s),(e=>s=e)),e(t.exports,"__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED",(()=>f),(e=>f=e)),e(t.exports,"cloneElement",(()=>d),(e=>d=e)),e(t.exports,"createContext",(()=>p),(e=>p=e)),e(t.exports,"createElement",(()=>m),(e=>m=e)),e(t.exports,"createFactory",(()=>h),(e=>h=e)),e(t.exports,"createRef",(()=>g),(e=>g=e)),e(t.exports,"forwardRef",(()=>v),(e=>v=e)),e(t.exports,"isValidElement",(()=>y),(e=>y=e)),e(t.exports,"lazy",(()=>b),(e=>b=e)),e(t.exports,"memo",(()=>E),(e=>E=e)),e(t.exports,"useCallback",(()=>T),(e=>T=e)),e(t.exports,"useContext",(()=>x),(e=>x=e)),e(t.exports,"useDebugValue",(()=>w),(e=>w=e)),e(t.exports,"useEffect",(()=>k),(e=>k=e)),e(t.exports,"useImperativeHandle",(()=>S),(e=>S=e)),e(t.exports,"useLayoutEffect",(()=>_),(e=>_=e)),e(t.exports,"useMemo",(()=>C),(e=>C=e)),e(t.exports,"useReducer",(()=>P),(e=>P=e)),e(t.exports,"useRef",(()=>I),(e=>I=e)),e(t.exports,"useState",(()=>N),(e=>N=e)),e(t.exports,"version",(()=>O),(e=>O=e));var R=o("k1s95"),M="function"==typeof Symbol&&Symbol.for,L=M?Symbol.for("react.element"):60103,D=M?Symbol.for("react.portal"):60106,A=M?Symbol.for("react.fragment"):60107,H=M?Symbol.for("react.strict_mode"):60108,U=M?Symbol.for("react.profiler"):60114,z=M?Symbol.for("react.provider"):60109,j=M?Symbol.for("react.context"):60110,F=M?Symbol.for("react.forward_ref"):60112,G=M?Symbol.for("react.suspense"):60113,V=M?Symbol.for("react.memo"):60115,W=M?Symbol.for("react.lazy"):60116,B="function"==typeof Symbol&&Symbol.iterator;function Q(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;noe.length&&oe.push(e)}function ue(e,t,n,r){var l=typeof e;"undefined"!==l&&"boolean"!==l||(e=null);var o=!1;if(null===e)o=!0;else switch(l){case"string":case"number":o=!0;break;case"object":switch(e.$$typeof){case L:case D:o=!0}}if(o)return n(r,e,""===t?"."+se(e,0):t),1;if(o=0,t=""===t?".":t+":",Array.isArray(e))for(var a=0;ar),(e=>r=e)),e(t.exports,"createPortal",(()=>l),(e=>l=e)),e(t.exports,"findDOMNode",(()=>o),(e=>o=e)),e(t.exports,"flushSync",(()=>a),(e=>a=e)),e(t.exports,"hydrate",(()=>u),(e=>u=e)),e(t.exports,"render",(()=>c),(e=>c=e)),e(t.exports,"unmountComponentAtNode",(()=>s),(e=>s=e)),e(t.exports,"unstable_batchedUpdates",(()=>f),(e=>f=e)),e(t.exports,"unstable_createPortal",(()=>d),(e=>d=e)),e(t.exports,"unstable_renderSubtreeIntoContainer",(()=>p),(e=>p=e)),e(t.exports,"version",(()=>m),(e=>m=e));var h=i("8NFma"),g=i("k1s95"),v=i("clk2u");function y(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n