Finish cip button

::

@@ -0,0 +1,12 @@
+Add pref to use arrow keys to nav btwn compts
+
+Was the default, now a preference that is opt in. Only applies to
+literal fields. Lookups still use arrow keys to move between components.
+# Please enter the commit message for your changes. Lines starting
+# with '#' will be ignored, and an empty message aborts the commit.
+#
+# On branch pref-nav-with-arrows
+# Changes to be committed:
+#	modified:   src/components/panels/edit/fields/Literal.vue
+#	modified:   src/stores/preference.js
+#

src/App.vue

@@ -26,6 +26,7 @@ import AutoDeweyModal from "./components/panels/edit/modals/AutoDeweyModal.vue";
 import YoshinoSubjectsModal from "./components/panels/edit/modals/YoshinoSubjectsModal.vue";
 import MarvaScanModal from "./components/panels/edit/modals/MarvaScanModal.vue";
 import UpdateAvailableModal from "@/components/general/UpdateAvailableModal.vue";
+import CipModal from "@/components/panels/edit/modals/CipModal.vue"
 
 
 
@@ -59,6 +60,7 @@ export default {
     FieldColorsModal,
     HubStubCreateModal,
     NacoStubCreateModal,
+    CipModal,
     MarvaLogModal,
     UserDirectoryModal,
     FolioSyncModal
@@ -76,7 +78,7 @@ export default {
     ...mapStores(useConfigStore, useProfileStore, usePreferenceStore, useMarvaScanStore),
     // // gives read access to this.count and this.double
     ...mapState(useProfileStore, ['profilesLoaded', 'showValidateModal','profilesLoaded', 'showPostModal', 'showItemInstanceSelection', 'isTestEnv']),
-    ...mapWritableState(useProfileStore, ['showShelfListingModal','showHubStubCreateModal', 'showAutoDeweyModal', 'showYoshinoSubjectsModal', 'showNacoStubCreateModal', 'showMarvaLogModal', 'showUserDirectoryModal', 'showFolioSyncModal']),
+    ...mapWritableState(useProfileStore, ['showShelfListingModal','showHubStubCreateModal', 'showAutoDeweyModal', 'showYoshinoSubjectsModal', 'showNacoStubCreateModal', 'showMarvaLogModal', 'showUserDirectoryModal', 'showFolioSyncModal', 'showCipModal']),
     ...mapWritableState(useMarvaScanStore, { showMarvaScanModal: 'showModal' }),
 
     ...mapState(usePreferenceStore, ['showPrefModal','catCode','ssoSessionExpired']),
@@ -207,6 +209,10 @@ export default {
     <TextMacroModal v-model="showTextMacroModal"  />
   </template>
 
+  <template v-if="showCipModal==true">
+    <CipModal v-model="showCipModal" />
+  </template>
+
   <template v-if="showNonLatinBulkModal==true">
     <NonLatinBulkModal v-model="showNonLatinBulkModal"  />
   </template>