@vcmap/ui 6.0.0-rc.5 → 6.0.0-rc.6

package/plugins/@vcmap-show-case/theme-changer/src/index.js

@@ -1,108 +0,0 @@
-import { ref } from 'vue';
-import { check } from '@vcsuite/check';
-import { ButtonLocation, createToggleAction, createVcsThemes } from '@vcmap/ui';
-import ThemeChangerComponent from './ThemeChangerComponent.vue';
-import packageJSON from '../package.json';
-import defaultConfig from '../config.json';
-
-/**
- * @typedef {Object} VuetifyTheme
- * @property {string} primary
- * @property {string} secondary
- * @property {string} accent
- * @property {string} error
- * @property {string} info
- * @property {string} success
- * @property {string} warning
- */
-
-/**
- * @typedef {Object} VcMapTheme
- * @property {string} name
- * @property {VuetifyTheme} light
- * @property {VuetifyTheme} dark
- */
-
-/**
- * @param {Object} config
- * @returns {VcsPlugin}
- */
-export default async function themeChanger(config) {
-  /** @type {VcMapTheme} */
-  const vcsTheme = {
-    name: 'VCS Theme',
-    ...createVcsThemes(),
-  };
-  const customThemes = config.themes || defaultConfig.themes;
-  const availableThemes = [vcsTheme, ...customThemes];
-
-  const pluginConfig = {
-    themes: ref(/** @type {Array<VcMapTheme>} */ []),
-  };
-
-  const pluginState = {
-    selected: ref(vcsTheme.name),
-  };
-
-  /**
-   * @param {VcMapTheme} theme
-   */
-  function addTheme(theme) {
-    check(theme.name, String);
-    check(theme.light, Object);
-    check(theme.dark, Object);
-    pluginConfig.themes.value.push(theme);
-  }
-  availableThemes.forEach((t) => addTheme(t));
-
-  return {
-    get name() {
-      return packageJSON.name;
-    },
-    get version() {
-      return packageJSON.version;
-    },
-    get mapVersion() {
-      return packageJSON.mapVersion;
-    },
-    config: pluginConfig,
-    state: pluginState,
-    addTheme,
-    onVcsAppMounted(app) {
-      const { action, destroy } = createToggleAction(
-        {
-          name: 'Theme Changer',
-          icon: 'mdi-palette',
-        },
-        {
-          id: 'theme-changer',
-          component: ThemeChangerComponent,
-          position: {
-            left: '60%',
-            right: '0%',
-            top: '5%',
-            bottom: '50%',
-          },
-          state: {
-            headerTitle: 'Theme Changer',
-            headerIcon: 'mdi-palette',
-          },
-        },
-        app.windowManager,
-        packageJSON.name,
-      );
-      app.navbarManager.add(
-        { id: 'theme-changer', action },
-        packageJSON.name,
-        ButtonLocation.MENU,
-      );
-      this._destroyAction = destroy;
-    },
-    destroy() {
-      if (this._destroyAction) {
-        this._destroyAction();
-        this._destroyAction = null;
-      }
-    },
-  };
-}

package/src/components/lists/VcsTreeviewLeaf.vue

@@ -1,92 +0,0 @@
-<script setup>
-  import { computed, onUnmounted, ref, watch } from 'vue';
-  import { VIcon, VTooltip } from 'vuetify/components';
-  import { VTreeviewItem } from 'vuetify/labs/VTreeview';
-  import VcsActionButtonList from '../buttons/VcsActionButtonList.vue';
-  import ImageElementInjector from '../ImageElementInjector.vue';
-
-  const props = defineProps({
-    item: {
-      type: Object,
-      default: undefined,
-    },
-  });
-
-  const isStringIcon = computed(() => typeof props.item?.icon === 'string');
-  const parentElement = ref();
-  const titleElem = ref();
-  const offsetWidth = ref(0);
-  const scrollWidth = ref(0);
-
-  const observer = new ResizeObserver(() => {
-    offsetWidth.value = titleElem.value.offsetWidth;
-    scrollWidth.value = titleElem.value.scrollWidth;
-  });
-
-  watch(
-    parentElement,
-    (newValue, oldValue) => {
-      if (oldValue) {
-        observer.unobserve(oldValue.$el);
-      }
-      if (newValue) {
-        observer.observe(newValue.$el);
-      }
-    },
-    { immediate: true },
-  );
-
-  const tooltip = computed(() => {
-    // tooltipIteration.value -= 1;
-    if (props.item?.tooltip) {
-      return props.item.tooltip;
-    }
-    if (offsetWidth.value < scrollWidth.value) {
-      return props.item?.title ?? '';
-    }
-    return '';
-  });
-
-  onUnmounted(() => {
-    observer.disconnect();
-  });
-</script>
-
-<template>
-  <v-treeview-item
-    v-if="item"
-    ref="parentElement"
-    density="compact"
-    class="vcs-treeview-leaf pr-2"
-  >
-    <template #prepend>
-      <template v-if="item.icon">
-        <v-icon v-if="isStringIcon" :size="16">
-          {{ item.icon }}
-        </v-icon>
-        <ImageElementInjector :element="item.icon" v-else />
-      </template>
-    </template>
-    <div class="text-truncate" ref="titleElem">
-      {{ $st(item.title || item.name) }}
-    </div>
-    <v-tooltip
-      activator="parent"
-      v-if="tooltip"
-      :text="$st(tooltip)"
-      location="bottom"
-    />
-    <template #append>
-      <VcsActionButtonList
-        v-if="item.actions?.length > 0"
-        :actions="item.actions"
-        :overflow-count="3"
-        :disabled="item.disabled"
-        right
-        tooltip-position="right"
-        block-overflow
-        class="col-4 pa-0 d-flex align-center"
-      />
-    </template>
-  </v-treeview-item>
-</template>