fluency-v8-components 1.5.3 → 1.5.4

package/dist/index.css

@@ -1 +1 @@
-.prism-editor-wrapper{width:100%;height:100%;display:flex;align-items:flex-start;overflow:auto;-o-tab-size:1.5em;tab-size:1.5em;-moz-tab-size:1.5em}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.prism-editor-wrapper .prism-editor__textarea{color:transparent!important}.prism-editor-wrapper .prism-editor__textarea::-moz-selection{background-color:#accef7!important;color:transparent!important}.prism-editor-wrapper .prism-editor__textarea::selection{background-color:#accef7!important;color:transparent!important}}.prism-editor-wrapper .prism-editor__container{position:relative;text-align:left;box-sizing:border-box;padding:0;overflow:hidden;width:100%}.prism-editor-wrapper .prism-editor__line-numbers{height:100%;overflow:hidden;flex-shrink:0;padding-top:4px;margin-top:0;margin-right:10px}.prism-editor-wrapper .prism-editor__line-number{text-align:right;white-space:nowrap}.prism-editor-wrapper .prism-editor__textarea{position:absolute;top:0;left:0;height:100%;width:100%;resize:none;color:inherit;overflow:hidden;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-text-fill-color:transparent}.prism-editor-wrapper .prism-editor__editor,.prism-editor-wrapper .prism-editor__textarea{margin:0;border:0;background:none;box-sizing:inherit;display:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-variant-ligatures:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;-moz-tab-size:inherit;-o-tab-size:inherit;tab-size:inherit;text-indent:inherit;text-rendering:inherit;text-transform:inherit;white-space:pre-wrap;word-wrap:keep-all;overflow-wrap:break-word;padding:0}.prism-editor-wrapper .prism-editor__textarea--empty{-webkit-text-fill-color:inherit!important}.prism-editor-wrapper .prism-editor__editor{position:relative;pointer-events:none}pre[class*=language-],code[class*=language-]{color:#d4d4d4;font-size:13px;text-shadow:none;font-family:Menlo,Monaco,Consolas,Andale Mono,Ubuntu Mono,Courier New,monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]::selection,code[class*=language-]::selection,pre[class*=language-] *::selection,code[class*=language-] *::selection{text-shadow:none;background:#264f78}@media print{pre[class*=language-],code[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;background:#1e1e1e}:not(pre)>code[class*=language-]{padding:.1em .3em;border-radius:.3em;color:#db4c69;background:#1e1e1e}.namespace{opacity:.7}.token.doctype .token.doctype-tag{color:#569cd6}.token.doctype .token.name{color:#9cdcfe}.token.comment,.token.prolog,.token.timestamp{color:#6a9955}.token.errors{color:#c10015}.token.punctuation,.language-html .language-css,.language-html .language-javascript{color:#fdbe23}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.inserted,.token.unit{color:#b5cea8}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.deleted{color:#ce9178}.language-css .token.string.url{text-decoration:underline}.token.operator,.token.entity{color:#d4d4d4}.token.operator.arrow{color:#569cd6}.token.atrule{color:#ce9178}.token.atrule .token.rule{color:#c586c0}.token.atrule .token.url{color:#9cdcfe}.token.atrule .token.url .token.function{color:#dcdcaa}.token.atrule .token.url .token.punctuation{color:#d4d4d4}.token.keyword.module,.token.keyword.control-flow{color:#c586c0}.token.function,.token.function .token.maybe-class-name,.token.brackets{color:#e9d299}.token.builtinfunction{color:#ce92d8}.token.keyword,.token.curlybraces{color:#569cd6}.token.regex{color:#d16969}.token.important{color:#569cd6}.token.italic{font-style:italic}.token.constant{color:#9cdcfe}.token.class-name,.token.maybe-class-name{color:#4ec9b0}.token.console,.token.parameter,.token.interpolation{color:#9cdcfe}.token.punctuation.interpolation-punctuation,.token.boolean{color:#569cd6}.token.property,.token.variable,.token.imports .token.maybe-class-name,.token.exports .token.maybe-class-name{color:#9cdcfe}.token.selector,.token.escape{color:#d7ba7d}.token.tag{color:#569cd6}.token.tag .token.punctuation,.token.cdata{color:gray}.token.attr-name{color:#9cdcfe}.token.attr-value,.token.attr-value .token.punctuation{color:#ce9178}.token.attr-value .token.punctuation.attr-equals{color:#d4d4d4}.token.entity{color:#569cd6}.token.namespace{color:#4ec9b0}pre[class*=language-javascript],code[class*=language-javascript],pre[class*=language-jsx],code[class*=language-jsx],pre[class*=language-typescript],code[class*=language-typescript],pre[class*=language-tsx],code[class*=language-tsx]{color:#9cdcfe}pre[class*=language-css],code[class*=language-css]{color:#ce9178}pre[class*=language-html],code[class*=language-html]{color:#d4d4d4}.language-regex .token.anchor{color:#dcdcaa}.language-html .token.punctuation{color:gray}pre[class*=language-]>code[class*=language-]{position:relative;z-index:1}.line-highlight.line-highlight{background:#f7ebc6;box-shadow:inset 5px 0 #f7d87c;z-index:0}.x-center[data-v-59ba8a5f]{transform:translate(-50%)}.left-tooltip[data-v-59ba8a5f]{transform:translate(-120%)}.right-tooltip[data-v-59ba8a5f]{transform:translate(20%)}.primary[data-v-14db6053]{font-weight:400;padding-top:5px}.primary[data-v-14db6053]:first-child{font-weight:400}
+.x-center[data-v-59ba8a5f]{transform:translate(-50%)}.left-tooltip[data-v-59ba8a5f]{transform:translate(-120%)}.right-tooltip[data-v-59ba8a5f]{transform:translate(20%)}.prism-editor-wrapper{width:100%;height:100%;display:flex;align-items:flex-start;overflow:auto;-o-tab-size:1.5em;tab-size:1.5em;-moz-tab-size:1.5em}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.prism-editor-wrapper .prism-editor__textarea{color:transparent!important}.prism-editor-wrapper .prism-editor__textarea::-moz-selection{background-color:#accef7!important;color:transparent!important}.prism-editor-wrapper .prism-editor__textarea::selection{background-color:#accef7!important;color:transparent!important}}.prism-editor-wrapper .prism-editor__container{position:relative;text-align:left;box-sizing:border-box;padding:0;overflow:hidden;width:100%}.prism-editor-wrapper .prism-editor__line-numbers{height:100%;overflow:hidden;flex-shrink:0;padding-top:4px;margin-top:0;margin-right:10px}.prism-editor-wrapper .prism-editor__line-number{text-align:right;white-space:nowrap}.prism-editor-wrapper .prism-editor__textarea{position:absolute;top:0;left:0;height:100%;width:100%;resize:none;color:inherit;overflow:hidden;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-text-fill-color:transparent}.prism-editor-wrapper .prism-editor__editor,.prism-editor-wrapper .prism-editor__textarea{margin:0;border:0;background:none;box-sizing:inherit;display:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-variant-ligatures:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;-moz-tab-size:inherit;-o-tab-size:inherit;tab-size:inherit;text-indent:inherit;text-rendering:inherit;text-transform:inherit;white-space:pre-wrap;word-wrap:keep-all;overflow-wrap:break-word;padding:0}.prism-editor-wrapper .prism-editor__textarea--empty{-webkit-text-fill-color:inherit!important}.prism-editor-wrapper .prism-editor__editor{position:relative;pointer-events:none}pre[class*=language-],code[class*=language-]{color:#d4d4d4;font-size:13px;text-shadow:none;font-family:Menlo,Monaco,Consolas,Andale Mono,Ubuntu Mono,Courier New,monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]::selection,code[class*=language-]::selection,pre[class*=language-] *::selection,code[class*=language-] *::selection{text-shadow:none;background:#264f78}@media print{pre[class*=language-],code[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;background:#1e1e1e}:not(pre)>code[class*=language-]{padding:.1em .3em;border-radius:.3em;color:#db4c69;background:#1e1e1e}.namespace{opacity:.7}.token.doctype .token.doctype-tag{color:#569cd6}.token.doctype .token.name{color:#9cdcfe}.token.comment,.token.prolog,.token.timestamp{color:#6a9955}.token.errors{color:#c10015}.token.punctuation,.language-html .language-css,.language-html .language-javascript{color:#fdbe23}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.inserted,.token.unit{color:#b5cea8}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.deleted{color:#ce9178}.language-css .token.string.url{text-decoration:underline}.token.operator,.token.entity{color:#d4d4d4}.token.operator.arrow{color:#569cd6}.token.atrule{color:#ce9178}.token.atrule .token.rule{color:#c586c0}.token.atrule .token.url{color:#9cdcfe}.token.atrule .token.url .token.function{color:#dcdcaa}.token.atrule .token.url .token.punctuation{color:#d4d4d4}.token.keyword.module,.token.keyword.control-flow{color:#c586c0}.token.function,.token.function .token.maybe-class-name,.token.brackets{color:#e9d299}.token.builtinfunction{color:#ce92d8}.token.keyword,.token.curlybraces{color:#569cd6}.token.regex{color:#d16969}.token.important{color:#569cd6}.token.italic{font-style:italic}.token.constant{color:#9cdcfe}.token.class-name,.token.maybe-class-name{color:#4ec9b0}.token.console,.token.parameter,.token.interpolation{color:#9cdcfe}.token.punctuation.interpolation-punctuation,.token.boolean{color:#569cd6}.token.property,.token.variable,.token.imports .token.maybe-class-name,.token.exports .token.maybe-class-name{color:#9cdcfe}.token.selector,.token.escape{color:#d7ba7d}.token.tag{color:#569cd6}.token.tag .token.punctuation,.token.cdata{color:gray}.token.attr-name{color:#9cdcfe}.token.attr-value,.token.attr-value .token.punctuation{color:#ce9178}.token.attr-value .token.punctuation.attr-equals{color:#d4d4d4}.token.entity{color:#569cd6}.token.namespace{color:#4ec9b0}pre[class*=language-javascript],code[class*=language-javascript],pre[class*=language-jsx],code[class*=language-jsx],pre[class*=language-typescript],code[class*=language-typescript],pre[class*=language-tsx],code[class*=language-tsx]{color:#9cdcfe}pre[class*=language-css],code[class*=language-css]{color:#ce9178}pre[class*=language-html],code[class*=language-html]{color:#d4d4d4}.language-regex .token.anchor{color:#dcdcaa}.language-html .token.punctuation{color:gray}pre[class*=language-]>code[class*=language-]{position:relative;z-index:1}.line-highlight.line-highlight{background:#f7ebc6;box-shadow:inset 5px 0 #f7d87c;z-index:0}.primary[data-v-2890730f]{font-weight:400;padding-top:5px}.primary[data-v-2890730f]:first-child{font-weight:400}

package/dist/{index.es-PoP0Se8l.mjs → index.es-sGgUtJEo.mjs}

@@ -1,4 +1,4 @@
-import { c as Da, _ as Va, g as il } from "./index-CiSJXa9Q.mjs";
+import { c as Da, _ as Va, g as il } from "./index-rDGKIIQS.mjs";
 var fn = {}, cn = {}, cr, vn;
 function Q() {
   if (vn) return cr;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fluency-v8-components",
-  "version": "1.5.3",
+  "version": "1.5.4",
   "main": "dist/fluency-v8-components.umd.js",
   "module": "dist/fluency-v8-components.es.js",
   "types": "dist/index.d.ts",
@@ -36,7 +36,7 @@
     "moment": "^2.30.1",
     "postcss": "^8.5.6",
     "prismjs": "^1.30.0",
-    "quill": "^2.0.3",
+    "quill": "^2.0.2",
     "tailwindcss": "^3.3.3",
     "typescript": "^5.0.0",
     "vite": "^6.3.5",

package/src/components/buttons/IconButton.vue

@@ -23,7 +23,7 @@
 
 <script setup>
 import { ref } from "vue";
-import { Tooltip } from "@/components";
+import Tooltip from "../common/Tooltip.vue"
 
 const showingTooltip = ref(false);
 const props = defineProps({

package/src/components/buttons/SubmitButtons.vue

@@ -15,7 +15,7 @@
   />
 </template>
 <script setup>
-import { TextButton } from "@/components";
+import TextButton from './TextButton.vue';
 
 const props = defineProps({
   saveText: {

package/src/components/charts/WorkflowChart.vue

@@ -74,13 +74,11 @@
 </template>
 <script>
 import * as d3 from "d3";
-import {
-  FormCol,
-  FormSection,
-  GreyInput,
-  Slideout,
-  CodeEditor,
-} from "@/components";
+import FormCol from "../form/FormCol.vue";
+import FormSection from "../form/FormSection.vue";
+import GreyInput from "../form/GreyInput.vue";
+import Slideout from "../common/Slideout.vue";
+import CodeEditor from "../common/CodeEditor.vue";
 import { agentIcon, bulbIcon, codeIcon } from "@/constants/icon-svg.js";
 import { colors, getAColorByHash } from "@/constants/colors";
 import { LinkIcon } from "@heroicons/vue/20/solid";

package/src/components/common/AutoCompleteSearchBar.vue

@@ -48,7 +48,7 @@
 
 <script setup>
 import { computed, ref, watch } from "vue";
-import { TextButton } from "@/components";
+import TextButton from "../buttons/TextButton.vue";
 import { MagnifyingGlassIcon } from "@heroicons/vue/20/solid";
 import {
   Combobox,

package/src/components/common/AutoRefreshButton.vue

@@ -10,7 +10,7 @@
 </template>
 <script setup>
 import { ArrowPathIcon } from "@heroicons/vue/20/solid";
-import { IconButton } from "@/components";
+import IconButton from "../buttons/IconButton.vue";
 import { ref } from "vue";
 // props ane emits
 const props = defineProps({

package/src/components/common/CategoryCard.vue

@@ -18,7 +18,7 @@
 </template>
 
 <script setup>
-import { GreyForm } from "@/components";
+import GreyForm from "../form/GreyForm.vue";
 
 const props = defineProps({
   category: {

package/src/components/common/Facet.vue

@@ -85,7 +85,10 @@
 
 <script lang="ts" setup>
 import { ref } from "vue";
-import { SearchBar, SaveIcon, Tooltip, Separator } from "@/components";
+import SearchBar from "./SearchBar.vue";
+import SaveIcon from "../icons/SaveIcon.vue";
+import Tooltip from "./Tooltip.vue";
+import Separator from "./Separator.vue";
 import Leaf from "./facet/Leaf.vue";
 import {
   ArrowDownTrayIcon,

package/src/components/common/HomeCard.vue

@@ -11,7 +11,7 @@
   </div>
 </template>
 <script setup>
-import { PageHeading } from "@/components";
+import PageHeading from "./PageHeading.vue";
 
 const props = defineProps({
   title: String,

package/src/components/common/PowerToggle.vue

@@ -69,7 +69,9 @@
 import { ref } from "vue";
 import { Switch } from "@headlessui/vue";
 import { XMarkIcon, CheckIcon } from "@heroicons/vue/24/outline";
-import { PlugOnIcon, PlugOffIcon, Tooltip } from "@/components";
+import PlugOnIcon from "../icons/PlugOnIcon.vue";
+import PlugOffIcon from "../icons/PlugOffIcon.vue";
+import Tooltip from "./Tooltip.vue";
 
 const props = defineProps({
   power: {

package/src/components/common/Schedule.vue

@@ -44,7 +44,9 @@
   </FormSection>
 </template>
 <script setup>
-import { FormSection, FormCol, GreySelect } from "@/components";
+import FormSection from "../form/FormSection.vue";
+import FormCol from "../form/FormCol.vue";
+import GreySelect from "../form/GreySelect.vue";
 import {
   timezoneOptions,
   weekdayOptions,

package/src/components/common/Stepper.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="w-full px-4">
-    <div class="pb-8 md:pb-4 row gap-x-2">
-      <div
+    <div :class="`w-full grid grid-cols-${steps.length} pb-8 md:pb-4 gap-x-2`">
+    <div
         v-for="(step, i) in steps"
         :class="[
-          `h-2 w-1/${steps.length} text-sm px-1`,
+          `h-2 text-sm px-1`,
           { 'opacity-75': step.status !== 'current' },
           { 'font-semibold': step.status === 'current' },
         ]"
@@ -12,11 +12,11 @@
         {{ step.name }}
       </div>
     </div>
-    <div class="row gap-x-2">
+    <div :class="`w-full grid grid-cols-${steps.length} gap-x-2`">
       <div
         v-for="(step, i) in steps"
         :class="[
-          `h-2 w-1/${steps.length} rounded-lg`,
+          `h-2 rounded-lg flex-none`,
           { 'slider-inactive': step.status === 'upcoming' },
           { 'std-blue': step.status !== 'upcoming' },
         ]"

package/src/components/common/Tag.vue

@@ -25,7 +25,7 @@
 </template>
 <script setup>
 import { ref } from "vue";
-import { Tooltip } from "@/components";
+import Tooltip from "./Tooltip.vue";
 
 const props = defineProps({
   text: String,

package/src/components/common/ThreeHomePanel.vue

@@ -31,7 +31,7 @@
 </template>
 
 <script setup>
-import GreyForm from "@/components/form/GreyForm.vue";
+import GreyForm from "../form/GreyForm.vue";
 
 const props = defineProps({
   firstPanelValue: [Number, String],

package/src/components/common/facet/Leaf.vue

@@ -42,7 +42,7 @@
 <script lang="ts" setup>
 import { ref } from "vue";
 import { PlusCircleIcon, MinusCircleIcon } from "@heroicons/vue/20/solid";
-import { Tooltip } from "@/components";
+import Tooltip from "../Tooltip.vue";
 import TriState from "./TriState.vue";
 
 const props = defineProps({

package/src/components/common/facet/TriState.vue

@@ -14,7 +14,7 @@
 
 <script lang="ts" setup>
 import { ref } from "vue";
-import { CheckBox } from "@/components";
+import CheckBox from "../../form/CheckBox.vue";
 
 const props = defineProps(["state"]);
 const emits = defineEmits(["newState"]);

package/src/components/dialogs/ChooseValueDialog.vue

@@ -29,13 +29,11 @@
 </template>
 <script setup>
 import { ref, computed } from "vue";
-import {
-  Dialog,
-  GreyInputGrow,
-  GreySelect,
-  FormCol,
-  SubmitButtons,
-} from "@/components";
+import Dialog from "../common/Dialog.vue";
+import GreyInputGrow from "../form/GreyInputGrow.vue";
+import GreySelect from "../form/GreySelect.vue";
+import FormCol from "../form/FormCol.vue";
+import SubmitButtons from "../buttons/SubmitButtons.vue";
 
 // props and emits
 const props = defineProps({

package/src/components/dialogs/ConfirmDialog.vue

@@ -20,7 +20,8 @@
 
 <script lang="ts" setup>
 import { ref } from "vue";
-import { TextButton, Dialog } from "@/components";
+import TextButton from "../buttons/TextButton.vue";
+import Dialog from "../common/Dialog.vue";
 
 const open = ref(false);
 const msg = ref("");

package/src/components/dialogs/CopyDialog.vue

@@ -19,7 +19,8 @@
 
 <script lang="ts" setup>
 import { ref } from "vue";
-import { TextButton, Dialog } from "@/components";
+import TextButton from "../buttons/TextButton.vue";
+import Dialog from "../common/Dialog.vue";
 
 const emits = defineEmits(["notify"]);
 

package/src/components/dialogs/DownloadDialog.vue

@@ -11,7 +11,8 @@
 </template>
 <script setup>
 import { ref } from "vue";
-import { Dialog, SubmitButtons } from "@/components";
+import Dialog from "../common/Dialog.vue";
+import SubmitButtons from "../buttons/SubmitButtons.vue";
 
 // props and emits
 const props = defineProps({});

package/src/components/dialogs/InfoDialog.vue

@@ -13,7 +13,8 @@
 
 <script lang="ts" setup>
 import { ref } from "vue";
-import { TextButton, Dialog } from "@/components";
+import TextButton from "../buttons/TextButton.vue";
+import Dialog from "../common/Dialog.vue";
 
 const open = ref(false);
 const title = ref("");

package/src/components/dialogs/NameDescDialog.vue

@@ -20,7 +20,10 @@
 </template>
 <script setup>
 import { ref } from "vue";
-import { Dialog, GreyInput, FormCol, SubmitButtons } from "@/components";
+import Dialog from "../common/Dialog.vue";
+import GreyInput from "../form/GreyInput.vue";
+import FormCol from "../form/FormCol.vue";
+import SubmitButtons from "../buttons/SubmitButtons.vue";
 
 const props = defineProps({
   title: {

package/src/components/dialogs/NameDialog.vue

@@ -16,7 +16,10 @@
 </template>
 <script setup>
 import { ref } from "vue";
-import { Dialog, GreyInput, FormCol, SubmitButtons } from "@/components";
+import Dialog from "../common/Dialog.vue";
+import GreyInput from "../form/GreyInput.vue";
+import FormCol from "../form/FormCol.vue";
+import SubmitButtons from "../buttons/SubmitButtons.vue";
 
 const props = defineProps({
   title: {

package/src/components/dialogs/ProgressDialog.vue

@@ -7,7 +7,8 @@
 </template>
 <script setup>
 import { ref } from "vue";
-import { Dialog, ProgressBar } from "@/components";
+import Dialog from "../common/Dialog.vue";
+import ProgressBar from "../common/ProgressBar.vue";
 
 const emits = defineEmits(["close"]);
 

package/src/components/dialogs/ResetPasswordDialog.vue

@@ -15,7 +15,10 @@
 </template>
 <script setup>
 import { ref } from "vue";
-import { Dialog, FormCol, SubmitButtons, GreyPassword } from "@/components";
+import Dialog from "../common/Dialog.vue";
+import FormCol from "../form/FormCol.vue";
+import SubmitButtons from "../buttons/SubmitButtons.vue";
+import GreyPassword from "../form/GreyPassword.vue";
 
 const emits = defineEmits(["save", "notify"]);
 

package/src/components/dialogs/Wizard.vue

@@ -36,7 +36,8 @@
 </template>
 <script setup>
 import { ref, watch } from "vue";
-import { Dialog, TextButton } from "@/components";
+import Dialog from "../common/Dialog.vue";
+import TextButton from "../buttons/TextButton.vue";
 import Stepper from "../common/Stepper.vue";
 
 const props = defineProps({

package/src/components/form/KeyValueEntry.vue

@@ -38,14 +38,12 @@
 </template>
 <script setup>
 import { ref, watch } from "vue";
-import {
-  IconButton,
-  Table,
-  TableData,
-  TableHeader,
-  TextButton,
-  GreyInput,
-} from "@/components";
+import IconButton from "../buttons/IconButton.vue";
+import Table from "../common/Table.vue";
+import TableData from "../common/table/TableData.vue";
+import TableHeader from "../common/table/TableHeader.vue";
+import TextButton from "../buttons/TextButton.vue";
+import GreyInput from "./GreyInput.vue";
 import { TrashIcon } from "@heroicons/vue/20/solid";
 
 const props = defineProps({

package/src/components/page-structure/FacetPage.vue

@@ -40,8 +40,8 @@
   </div>
 </template>
 <script setup>
-import Sort from "@/components/common/Sort.vue";
-import AutoCompleteSearchBar from "@/components/common/AutoCompleteSearchBar.vue";
+import Sort from "../common/Sort.vue";
+import AutoCompleteSearchBar from "../common/AutoCompleteSearchBar.vue";
 
 const props = defineProps({
   searchBar: {

package/src/components/query/Child.vue

@@ -31,7 +31,7 @@
   </ul>
 </template>
 <script setup>
-import { ActionButtons } from "@/components";
+import ActionButtons from "../buttons/ActionButtons.vue";
 import { computed } from "vue";
 const props = defineProps({
   parent: Object,

package/src/components/query/LVDBQuery.vue

@@ -17,7 +17,7 @@
 </template>
 <script setup>
 import { ref } from "vue";
-import { ActionButtons } from "@/components";
+import ActionButtons from "../buttons/ActionButtons.vue";
 import Child from "./Child.vue";
 
 // props and emits

package/src/components/status/Active.vue

@@ -23,7 +23,7 @@
 </template>
 <script setup>
 import { ref } from "vue";
-import { Tooltip } from "@/components";
+import Tooltip from "../common/Tooltip.vue";
 
 const props = defineProps({
   active: {

package/src/components/status/Status.vue

@@ -22,7 +22,7 @@
 </template>
 <script setup>
 import { ref } from "vue";
-import { Tooltip } from "@/components";
+import Tooltip from "../common/Tooltip.vue";
 
 const props = defineProps({
   active: {

package/src/components/tables/ArgumentRunTable.vue

@@ -40,14 +40,12 @@
 </template>
 <script setup>
 import { ref, watch } from "vue";
-import {
-  Table,
-  TableHeader,
-  GreyInput,
-  TableData,
-  IconButton,
-  ChooseValueDialog,
-} from "@/components";
+import Table from "../common/Table.vue";
+import TableHeader from "../common/table/TableHeader.vue";
+import GreyInput from "../form/GreyInput.vue";
+import TableData from "../common/table/TableData.vue";
+import IconButton from "../buttons/IconButton.vue";
+import ChooseValueDialog from "../dialogs/ChooseValueDialog.vue";
 import { PencilIcon } from "@heroicons/vue/20/solid";
 
 // constants

package/src/components/tables/ArgumentTable.vue

@@ -50,7 +50,10 @@
 </template>
 <script setup>
 import { ref } from "vue";
-import { TableHeader, GreyInput, GreySelect, TableData } from "@/components";
+import TableHeader from "../common/table/TableHeader.vue";
+import GreyInput from "../form/GreyInput.vue";
+import GreySelect from "../form/GreySelect.vue";
+import TableData from "../common/table/TableData.vue";
 
 const props = defineProps({
   data: Object,

package/src/components/tables/CloudFormationParameters.vue

@@ -17,7 +17,8 @@
   </Table>
 </template>
 <script setup>
-import { Table, TableHeader } from "@/components";
+import Table from "../common/Table.vue";
+import TableHeader from "../common/table/TableHeader.vue";
 
 const props = defineProps({
   data: Object,

package/src/fpl/AddPanel.vue

@@ -57,15 +57,13 @@
 </template>
 <script setup>
 import { ref, computed } from "vue";
-import {
-  Dialog,
-  SubmitButtons,
-  FormCol,
-  FormSection,
-  GreyInput,
-  GreySelect,
-  NotifyList,
-} from "@/components";
+import Dialog from "../components/common/Dialog.vue";
+import SubmitButtons from "../components/buttons/SubmitButtons.vue";
+import FormCol from "../components/form/FormCol.vue";
+import FormSection from "../components/form/FormSection.vue";
+import GreyInput from "../components/form/GreyInput.vue";
+import GreySelect from "../components/form/GreySelect.vue";
+import NotifyList from "../components/notifications/NotifyList.vue";
 import {
   AlertConfig,
   AlertSpriteConfig,

package/src/fpl/Configs/Alert.vue

@@ -5,7 +5,8 @@
 </template>
 <script setup>
 import { ref } from "vue";
-import { FormRow, GreyInput } from "@/components";
+import FormRow from "../../components/form/FormRow.vue";
+import GreyInput from "../../components/form/GreyInput.vue";
 
 const props = defineProps({
   object: Object,

package/src/fpl/Configs/Chart.vue

@@ -33,11 +33,9 @@
 </template>
 <script setup>
 import { ref } from "vue";
-import {
-  FormRow,
-  GreySelectInputMultiple,
-  GreySelect,
-} from "@/components";
+import FormRow from "../../components/form/FormRow.vue";
+import GreySelectInputMultiple from "../../components/form/GreySelectInputMultiple.vue";
+import GreySelect from "../../components/form/GreySelect.vue";
 
 const props = defineProps({
   object: Object,

package/src/fpl/Configs/Counter.vue

@@ -17,7 +17,8 @@
 </template>
 <script setup>
 import { ref } from "vue";
-import { FormRow, GreySelect } from "@/components";
+import FormRow from "../../components/form/FormRow.vue";
+import GreySelect from "../../components/form/GreySelect.vue";
 
 const props = defineProps({
   object: Object,

package/src/fpl/Configs/Histogram.vue

@@ -39,12 +39,10 @@
 </template>
 <script setup>
 import { ref } from "vue";
-import {
-  FormRow,
-  GreySelect,
-  CheckBox,
-  GreySelectInputMultiple,
-} from "@/components";
+import FormRow from "../../components/form/FormRow.vue";
+import GreySelect from "../../components/form/GreySelect.vue";
+import CheckBox from "../../components/form/CheckBox.vue";
+import GreySelectInputMultiple from "../../components/form/GreySelectInputMultiple.vue";
 
 const props = defineProps({
   object: Object,

package/src/fpl/Configs/IPMap.vue

@@ -26,7 +26,8 @@
 </template>
 <script setup>
 import { ref } from "vue";
-import { FormRow, GreySelect } from "@/components";
+import FormRow from "../../components/form/FormRow.vue";
+import GreySelect from "../../components/form/GreySelect.vue";
 
 const props = defineProps({
   object: Object,

package/src/fpl/Configs/Image.vue

@@ -126,14 +126,12 @@
 </template>
 <script setup>
 import { ref } from "vue";
-import {
-  RadioInput,
-  UploadFile,
-  FormRow,
-  FormSection,
-  CheckBox,
-  GreyInput,
-} from "@/components";
+import RadioInput from "../../components/form/RadioInput.vue";
+import UploadFile from "../../components/form/UploadFile.vue";
+import FormRow from "../../components/form/FormRow.vue";
+import FormSection from "../../components/form/FormSection.vue";
+import CheckBox from "../../components/form/CheckBox.vue";
+import GreyInput from "../../components/form/GreyInput.vue";
 
 const props = defineProps({
   object: Object,

package/src/fpl/Configs/MetricChart.vue

@@ -5,7 +5,8 @@
 </template>
 <script setup>
 import { ref } from "vue";
-import { FormRow, GreySelect } from "@/components";
+import FormRow from "../../components/form/FormRow.vue";
+import GreySelect from "../../components/form/GreySelect.vue";
 
 const props = defineProps({
   object: Object,

package/src/fpl/Configs/PieChart.vue

@@ -26,7 +26,8 @@
 </template>
 <script setup>
 import { ref } from "vue";
-import { FormRow, GreySelect } from "@/components";
+import FormRow from "../../components/form/FormRow.vue";
+import GreySelect from "../../components/form/GreySelect.vue";
 
 const props = defineProps({
   object: Object,