0) {
+ this.commandItemActive = this.commandItemsFiltered[index - 1]
+ this.commandScrollToActiveItem()
+ }
+ },
+ commandScrollToActiveItem() {
+ if (this.commandItemActive) {
+ const activeElement = document.getElementById(\`\${this.commandItemActive.value}-\${this.commandId}\`)
+ if (!activeElement) {
+ return
+ }
+
+ const newScrollPos = activeElement.offsetTop + activeElement.offsetHeight - this.$refs.commandItemsList.offsetHeight
+ if (newScrollPos > 0) {
+ this.$refs.commandItemsList.scrollTop = newScrollPos
+ } else {
+ this.$refs.commandItemsList.scrollTop = 0
+ }
+ }
+ },
+ commandSearchItems() {
+ if (!this.commandSearchIsEmpty()) {
+ const searchTerm = this.commandSearch.replace(/\\\*/g, '').toLowerCase();
+ this.commandItemsFiltered = this.commandItems.filter((item) => item.title.toLowerCase().startsWith(searchTerm))
+
+ this.commandScrollToActiveItem()
+ } else {
+ this.commandItemsFiltered = this.commandItems.filter((item) => item.default)
+ }
+ this.commandItemActive = this.commandItemsFiltered[0]
+ },
+ commandShowCategory(item, index) {
+ if (index == 0) {
+ return true
+ }
+ if (typeof this.commandItems[index - 1] === 'undefined') {
+ return false
+ }
+ return item.category != this.commandItems[index - 1].category
+ },
+ commandCategoryCapitalize(string) {
+ return string.charAt(0).toUpperCase() + string.slice(1)
+ },
+ commandItemsReorganize() {
+ const commandItemsOriginal = this.commandItems
+ const keys = Object.keys(this.commandItems)
+ this.commandItems = []
+ keys.forEach((key, index) => {
+ for (let i = 0; i < commandItemsOriginal[key].length; i++) {
+ commandItemsOriginal[key][i].category = key
+ this.commandItems.push(commandItemsOriginal[key][i])
+ }
+ })
+ }
+ }`}
+ x-init="
+ commandItemsReorganize();
+ commandItemsFiltered = commandItems;
+ commandItemActive=commandItems[0];
+ $watch('commandSearch', value => commandSearchItems());
+ $watch('commandItemSelected', function(item){
+ if(item){
+ eval(item.action)
+ commandOpen = false
+ }
+ });
+ "
+ x-trap.inert.noscroll="commandOpen"
+ x-transition:enter="ease-out duration-300"
+ x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
+ x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
+ x-transition:leave="ease-in duration-200"
+ x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
+ x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
+ @keydown.down="event.preventDefault(); commandItemActiveNext();"
+ @keydown.up="event.preventDefault(); commandItemActivePrevious()"
+ @keydown.enter="commandItemSelected=commandItemActive;"
+ @command-input-focus.window="$refs.commandInput.focus();"
+ class="fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg overflow-hidden p-0"
+ :data-state="commandOpen ? 'open' : 'closed'"
+ x-cloak
+ >
+
+
+
+
+
No results found.
+
+
+
+
+
+
+