@zipify/wysiwyg 4.11.0 → 4.11.2

package/lib/components/toolbar/controls/FontFamilyControl.vue

@@ -28,7 +28,7 @@ import { computed, inject } from 'vue';
 import { InjectionTokens } from '../../../injectionTokens';
 import { tooltip as vTooltip } from '../../../directives';
 import { Dropdown, DropdownOption } from '../../base';
-import { TextSettings } from '../../../enums';
+import { TextSetting } from '../../../enums';
 import { useRecentFonts } from './composables';
 
 const fonts = inject(InjectionTokens.FONTS);
@@ -36,7 +36,7 @@ const editor = inject(InjectionTokens.EDITOR);
 
 const defaultFontFamily = editor.commands.getDefaultFontFamily();
 const recentFontNames = useRecentFonts({ limit: 5 });
-const isCustomized = editor.commands.isSettingCustomized(TextSettings.FONT_FAMILY);
+const isCustomized = editor.commands.isSettingCustomized(TextSetting.FONT_FAMILY);
 
 const recentFontsCategory = computed(() => ({
     id: 'Recently Used',

package/lib/components/toolbar/controls/FontSizeControl.vue

@@ -26,7 +26,7 @@ import { computed, inject } from 'vue';
 import { Dropdown, DropdownOption } from '../../base';
 import { InjectionTokens } from '../../../injectionTokens';
 import { tooltip as vTooltip } from '../../../directives';
-import { TextSettings } from '../../../enums';
+import { TextSetting } from '../../../enums';
 
 const fontSizes = inject(InjectionTokens.FONT_SIZES);
 const editor = inject(InjectionTokens.EDITOR);
@@ -42,7 +42,7 @@ const options = computed(() => {
 });
 
 const currentValue = editor.commands.getFontSize();
-const isCustomized = editor.commands.isSettingCustomized(TextSettings.FONT_SIZE);
+const isCustomized = editor.commands.isSettingCustomized(TextSetting.FONT_SIZE);
 
 const apply = (value) => editor.chain().focus().applyFontSize(value).run();
 </script>

package/lib/components/toolbar/controls/FontWeightControl.vue

@@ -26,7 +26,7 @@ import { computed, inject, unref } from 'vue';
 import { InjectionTokens } from '../../../injectionTokens';
 import { Dropdown, DropdownOption } from '../../base';
 import { tooltip as vTooltip } from '../../../directives';
-import { TextSettings } from '../../../enums';
+import { TextSetting } from '../../../enums';
 
 const editor = inject(InjectionTokens.EDITOR);
 const font = editor.commands.getFont();
@@ -41,7 +41,7 @@ const options = computed(() => {
 });
 
 const currentValue = editor.commands.getFontWeight();
-const isCustomized = editor.commands.isSettingCustomized(TextSettings.FONT_WEIGHT);
+const isCustomized = editor.commands.isSettingCustomized(TextSetting.FONT_WEIGHT);
 
 const apply = (value) => editor.chain().focus().applyFontWeight(value).run();
 </script>

package/lib/components/toolbar/controls/ItalicControl.vue

@@ -24,13 +24,13 @@ import { inject } from 'vue';
 import { Button, Icon } from '../../base';
 import { InjectionTokens } from '../../../injectionTokens';
 import { tooltip as vTooltip } from '../../../directives';
-import { TextSettings } from '../../../enums';
+import { TextSetting } from '../../../enums';
 
 const editor = inject(InjectionTokens.EDITOR);
 
 const currentValue = editor.commands.isItalic();
 const isAvailable = editor.commands.isItalicAvailable();
-const isCustomized = editor.commands.isSettingCustomized(TextSettings.FONT_STYLE);
+const isCustomized = editor.commands.isSettingCustomized(TextSetting.FONT_STYLE);
 const apply = () => editor.chain().focus().toggleItalic().run();
 </script>
 

package/lib/components/toolbar/controls/LineHeightControl.vue

@@ -56,14 +56,14 @@ import { inject, ref } from 'vue';
 import { Button, Icon, Modal, Range, NumberField, FieldLabel, useModalToggler } from '../../base';
 import { InjectionTokens } from '../../../injectionTokens';
 import { tooltip as vTooltip } from '../../../directives';
-import { TextSettings } from '../../../enums';
+import { TextSetting } from '../../../enums';
 
 const editor = inject(InjectionTokens.EDITOR);
 const wrapperRef = ref(null);
 const toggler = useModalToggler();
 
 const currentValue = editor.commands.getLineHeight();
-const isCustomized = editor.commands.isSettingCustomized(TextSettings.LINE_HEIGHT);
+const isCustomized = editor.commands.isSettingCustomized(TextSetting.LINE_HEIGHT);
 
 const apply = (value) => editor.commands.applyLineHeight(String(value));
 </script>

package/lib/components/toolbar/controls/ListControl.vue

@@ -42,12 +42,12 @@
 
 <script setup>
 import { computed, inject, ref, unref } from 'vue';
-import { InjectionTokens } from '../../../injectionTokens';
+import { InjectionTokens } from '@/injectionTokens';
+import { ListTypeList, ListType } from '@/enums';
 import { Dropdown, DropdownOption, Button, Icon } from '../../base';
-import { ListTypes } from '../../../enums';
 import { tooltip as vTooltip } from '../../../directives';
 
-const listTypes = ListTypes.values.map((type) => ({
+const listTypes = ListTypeList.map((type) => ({
     id: type,
     icon: `list-${type}`
 }));
@@ -55,7 +55,7 @@ const listTypes = ListTypes.values.map((type) => ({
 const editor = inject(InjectionTokens.EDITOR);
 const selectionValue = editor.commands.getListType();
 const currentValue = computed(() => unref(selectionValue) || 'none');
-const recentListType = ref(ListTypes.DISC);
+const recentListType = ref(ListType.DISC);
 const isCurrentListSelected = computed(() => unref(selectionValue) === recentListType.value);
 
 const currentIcon = computed(() => `list-${recentListType.value}`);
@@ -65,7 +65,7 @@ const apply = (type) => {
     editor.chain().focus().applyList(type).run();
 };
 
-const toggle = () => apply(recentListType.value || ListTypes.DISC);
+const toggle = () => apply(recentListType.value || ListType.DISC);
 </script>
 
 <style scoped>

package/lib/components/toolbar/controls/__tests__/AlignmentControl.test.js

@@ -1,7 +1,7 @@
 import { shallowMount } from '@vue/test-utils';
 import { h, ref } from 'vue';
-import { InjectionTokens } from '../../../../injectionTokens';
-import { Alignments } from '../../../../enums';
+import { InjectionTokens } from '@/injectionTokens';
+import { Alignment } from '@/enums';
 import { ButtonToggle } from '../../../base';
 import AlignmentControl from '../AlignmentControl';
 
@@ -46,12 +46,12 @@ function createComponent({ editor, slotParams }) {
 
 describe('selection value', () => {
     test('should render value from selection', () => {
-        const editor = createEditor({ alignment: Alignments.RIGHT });
+        const editor = createEditor({ alignment: Alignment.RIGHT });
         const wrapper = createComponent({
             editor,
             slotParams: {
                 option: {
-                    id: Alignments.RIGHT,
+                    id: Alignment.RIGHT,
                     tooltip: { text: 'Align Right', hotkey: 'Mod Shift R' }
                 },
                 isActive: true
@@ -59,16 +59,16 @@ describe('selection value', () => {
         });
         const buttonWrapper = wrapper.findComponent(ButtonToggle);
 
-        expect(buttonWrapper.props('value')).toBe(Alignments.RIGHT);
+        expect(buttonWrapper.props('value')).toBe(Alignment.RIGHT);
     });
 
     test('should apply new value', () => {
-        const editor = createEditor({ alignment: Alignments.RIGHT });
+        const editor = createEditor({ alignment: Alignment.RIGHT });
         const wrapper = createComponent({
             editor,
             slotParams: {
                 option: {
-                    id: Alignments.RIGHT,
+                    id: Alignment.RIGHT,
                     tooltip: { text: 'Align Right', hotkey: 'Mod Shift R' }
                 },
                 isActive: true
@@ -76,23 +76,23 @@ describe('selection value', () => {
         });
         const buttonWrapper = wrapper.findComponent(ButtonToggle);
 
-        buttonWrapper.vm.$emit('change', Alignments.CENTER);
+        buttonWrapper.vm.$emit('change', Alignment.CENTER);
 
-        expect(editor.commands.applyAlignment).toHaveBeenCalledWith(Alignments.CENTER);
+        expect(editor.commands.applyAlignment).toHaveBeenCalledWith(Alignment.CENTER);
     });
 });
 
 describe('render indicator of customized styles', () => {
     test('should render indicator', () => {
         const editor = createEditor({
-            alignment: Alignments.LEFT,
+            alignment: Alignment.LEFT,
             isSettingCustomized: true
         });
         const wrapper = createComponent({
             editor,
             slotParams: {
                 option: {
-                    id: Alignments.LEFT,
+                    id: Alignment.LEFT,
                     tooltip: { text: 'Align Left', hotkey: 'Mod Shift L' }
                 },
                 isActive: true
@@ -103,12 +103,12 @@ describe('render indicator of customized styles', () => {
     });
 
     test('should not render indicator', () => {
-        const editor = createEditor({ alignment: Alignments.LEFT });
+        const editor = createEditor({ alignment: Alignment.LEFT });
         const wrapper = createComponent({
             editor,
             slotParams: {
                 option: {
-                    id: Alignments.LEFT,
+                    id: Alignment.LEFT,
                     tooltip: { text: 'Align Left', hotkey: 'Mod Shift L' }
                 },
                 isActive: true

package/lib/components/toolbar/controls/__tests__/CaseStyleControl.test.js

@@ -1,9 +1,9 @@
 import { shallowMount } from '@vue/test-utils';
 import { h } from 'vue';
-import { InjectionTokens } from '../../../../injectionTokens';
+import { InjectionTokens } from '@/injectionTokens';
+import { CaseStyle } from '@/enums';
 import { Dropdown } from '../../../base';
 import CaseStyleControl from '../CaseStyleControl';
-import { CaseStyles } from '../../../../enums';
 
 const createEditor = () => ({
     commands: {
@@ -37,8 +37,8 @@ describe('selection value', () => {
         const wrapper = createComponent({ editor });
         const dropdownWrapper = wrapper.findComponent(Dropdown);
 
-        dropdownWrapper.vm.$emit('change', CaseStyles.UPPERCASE);
+        dropdownWrapper.vm.$emit('change', CaseStyle.UPPERCASE);
 
-        expect(editor.commands.applyCaseStyle).toHaveBeenCalledWith(CaseStyles.UPPERCASE);
+        expect(editor.commands.applyCaseStyle).toHaveBeenCalledWith(CaseStyle.UPPERCASE);
     });
 });

package/lib/components/toolbar/controls/__tests__/ListControl.test.js

@@ -1,9 +1,9 @@
 import { shallowMount } from '@vue/test-utils';
 import { h, ref, nextTick } from 'vue';
-import { InjectionTokens } from '../../../../injectionTokens';
+import { InjectionTokens } from '@/injectionTokens';
+import { ListType } from '@/enums';
 import { Button, Dropdown, Icon } from '../../../base';
 import ListControl from '../ListControl';
-import { ListTypes } from '../../../../enums';
 
 const createEditor = ({ listType } = {}) => ({
     commands: {
@@ -49,11 +49,11 @@ describe('selection value', () => {
     });
 
     test('should pass type from selection', () => {
-        const editor = createEditor({ listType: ListTypes.LATIN });
+        const editor = createEditor({ listType: ListType.LATIN });
         const wrapper = createComponent({ editor });
         const dropdownWrapper = wrapper.findComponent(Dropdown);
 
-        expect(dropdownWrapper.props('value')).toBe(ListTypes.LATIN);
+        expect(dropdownWrapper.props('value')).toBe(ListType.LATIN);
     });
 
     test('should render none icon', () => {
@@ -65,12 +65,12 @@ describe('selection value', () => {
     });
 
     test('should render type icon', async () => {
-        const editor = createEditor({ listType: ListTypes.DECIMAL });
+        const editor = createEditor({ listType: ListType.DECIMAL });
         const wrapper = createComponent({ editor });
         const iconWrapper = wrapper.findComponent(Icon);
         const dropdownWrapper = wrapper.findComponent(Dropdown);
 
-        dropdownWrapper.vm.$emit('change', ListTypes.DECIMAL);
+        dropdownWrapper.vm.$emit('change', ListType.DECIMAL);
 
         await nextTick();
 
@@ -78,13 +78,13 @@ describe('selection value', () => {
     });
 
     test('should apply list', () => {
-        const editor = createEditor({ listType: ListTypes.LATIN });
+        const editor = createEditor({ listType: ListType.LATIN });
         const wrapper = createComponent({ editor });
         const dropdownWrapper = wrapper.findComponent(Dropdown);
 
-        dropdownWrapper.vm.$emit('change', ListTypes.LATIN);
+        dropdownWrapper.vm.$emit('change', ListType.LATIN);
 
-        expect(editor.commands.applyList).toHaveBeenCalledWith(ListTypes.LATIN);
+        expect(editor.commands.applyList).toHaveBeenCalledWith(ListType.LATIN);
     });
 
     test('should apply list with default type', () => {
@@ -94,6 +94,6 @@ describe('selection value', () => {
 
         buttonWrapper.vm.$emit('click');
 
-        expect(editor.commands.applyList).toHaveBeenCalledWith(ListTypes.DISC);
+        expect(editor.commands.applyList).toHaveBeenCalledWith(ListType.DISC);
     });
 });

package/lib/components/toolbar/controls/__tests__/StylePresetControl.test.js

@@ -3,7 +3,7 @@ import { ref } from 'vue';
 import { InjectionTokens } from '../../../../injectionTokens';
 import { Button, Dropdown } from '../../../base';
 import { StylePresetControl } from '../stylePreset';
-import { TextSettings } from '../../../../enums';
+import { TextSetting } from '../../../../enums';
 
 const createEditor = ({ presets, preset, customization } = {}) => ({
     commands: {
@@ -92,7 +92,7 @@ describe('rendering', () => {
     test('should enable reset if marks customized', () => {
         const editor = createEditor({
             customization: {
-                marks: [TextSettings.FONT_SIZE],
+                marks: [TextSetting.FONT_SIZE],
                 attributes: []
             }
         });
@@ -106,7 +106,7 @@ describe('rendering', () => {
         const editor = createEditor({
             customization: {
                 marks: [],
-                attributes: [TextSettings.ALIGNMENT]
+                attributes: [TextSetting.ALIGNMENT]
             }
         });
         const wrapper = createComponent({ editor });
@@ -118,8 +118,8 @@ describe('rendering', () => {
     test('should enable reset if attributes and marks customized', () => {
         const editor = createEditor({
             customization: {
-                marks: [TextSettings.FONT_SIZE],
-                attributes: [TextSettings.ALIGNMENT]
+                marks: [TextSetting.FONT_SIZE],
+                attributes: [TextSetting.ALIGNMENT]
             }
         });
         const wrapper = createComponent({ editor });
@@ -148,7 +148,7 @@ describe('apply preset', () => {
         dropdownWrapper.vm.$emit('change', 'regular-1');
 
         expect(editor.commands.expandSelectionToBlock).toHaveBeenCalled();
-        expect(editor.commands.removeMarks).toHaveBeenCalledWith([TextSettings.FONT_SIZE, TextSettings.FONT_WEIGHT]);
+        expect(editor.commands.removeMarks).toHaveBeenCalledWith([TextSetting.FONT_SIZE, TextSetting.FONT_WEIGHT]);
     });
 });
 

package/lib/components/toolbar/controls/link/LinkControl.vue

@@ -45,9 +45,9 @@
 
 <script setup>
 import { computed, ref, inject, unref } from 'vue';
-import { LinkDestinations, TextSettings } from '../../../../enums';
-import { InjectionTokens } from '../../../../injectionTokens';
-import { RegExps } from '../../../../regExps';
+import { LinkDestination, TextSetting } from '@/enums';
+import { InjectionTokens } from '@/injectionTokens';
+import { RegExps } from '@/regExps';
 import { tooltip as vTooltip } from '../../../../directives';
 import { useValidator } from '../../../base/composables';
 import { Button, Icon, Modal, TextField, useModalToggler } from '../../../base';
@@ -65,7 +65,7 @@ const isEmpty = () => {
 };
 
 const isValidUrl = () => {
-    if (link.currentDestination.value.id !== LinkDestinations.URL) return false;
+    if (link.currentDestination.value.id !== LinkDestination.URL) return false;
 
     const href = link.destinationHrefs.value.url;
     const isTelOrMail = RegExps.TEL_PROTOCOL.test(href) || RegExps.MAILTO_PROTOCOL.test(href);
@@ -93,7 +93,7 @@ const resetErrors = () => {
 
 const toggler = useModalToggler({
     onBeforeOpened: () => {
-        editor.commands.extendMarkRange(TextSettings.LINK);
+        editor.commands.extendMarkRange(TextSetting.LINK);
         resetErrors();
         link.prepareInitialFields();
     }

package/lib/components/toolbar/controls/link/composables/__tests__/useLink.test.js

@@ -1,7 +1,7 @@
 import { ref } from 'vue';
-import { withComponentContext } from '../../../../../../__tests__/utils';
-import { InjectionTokens } from '../../../../../../injectionTokens';
-import { LinkDestinations, LinkTargets } from '../../../../../../enums';
+import { withComponentContext } from '@/__tests__/utils';
+import { InjectionTokens } from '@/injectionTokens';
+import { LinkDestination, LinkTarget } from '@/enums';
 import { useLink } from '../useLink';
 
 const createEditor = (text, destination) => ({
@@ -42,8 +42,8 @@ describe('init link', () => {
 
         link.prepareInitialFields();
 
-        expect(link.currentDestination.value.id).toBe(LinkDestinations.URL);
-        expect(link.linkData.value.target).toBe(LinkTargets.SELF);
+        expect(link.currentDestination.value.id).toBe(LinkDestination.URL);
+        expect(link.linkData.value.target).toBe(LinkTarget.SELF);
         expect(link.destinationHrefs.value).toMatchSnapshot();
     });
 
@@ -66,7 +66,7 @@ describe('actions with link', () => {
     });
 
     test('should update block destination', () => {
-        const link = useComposable('hello world', LinkDestinations.BLOCK);
+        const link = useComposable('hello world', LinkDestination.BLOCK);
 
         link.prepareInitialFields();
         link.updateLink('3456');
@@ -91,9 +91,9 @@ describe('actions with link', () => {
         link.apply();
 
         expect(link.editor.commands.applyLink).toHaveBeenCalledWith({
-            destination: LinkDestinations.URL,
+            destination: LinkDestination.URL,
             href: '/world',
-            target: LinkTargets.SELF,
+            target: LinkTarget.SELF,
             text: 'hello'
         });
     });
@@ -103,7 +103,7 @@ describe('actions with link', () => {
 
         link.updateTarget(false);
 
-        expect(link.linkData.value.target).toBe(LinkTargets.SELF);
+        expect(link.linkData.value.target).toBe(LinkTarget.SELF);
     });
 
     test('should apply link target to current window', () => {
@@ -111,7 +111,7 @@ describe('actions with link', () => {
 
         link.updateTarget(true);
 
-        expect(link.linkData.value.target).toBe(LinkTargets.BLANK);
+        expect(link.linkData.value.target).toBe(LinkTarget.BLANK);
     });
 
     test('should reset destination', () => {
@@ -133,9 +133,9 @@ describe('format link', () => {
         link.apply();
 
         expect(link.editor.commands.applyLink).toHaveBeenCalledWith({
-            destination: LinkDestinations.URL,
+            destination: LinkDestination.URL,
             href: 'https://world.com',
-            target: LinkTargets.SELF,
+            target: LinkTarget.SELF,
             text: 'hello'
         });
     });
@@ -149,9 +149,9 @@ describe('format link', () => {
         link.apply();
 
         expect(link.editor.commands.applyLink).toHaveBeenCalledWith({
-            destination: LinkDestinations.URL,
+            destination: LinkDestination.URL,
             href: 'https://world.com',
-            target: LinkTargets.SELF,
+            target: LinkTarget.SELF,
             text: 'hello'
         });
     });
@@ -165,9 +165,9 @@ describe('format link', () => {
         link.apply();
 
         expect(link.editor.commands.applyLink).toHaveBeenCalledWith({
-            destination: LinkDestinations.URL,
+            destination: LinkDestination.URL,
             href: '/world/new',
-            target: LinkTargets.SELF,
+            target: LinkTarget.SELF,
             text: 'hello'
         });
     });
@@ -181,9 +181,9 @@ describe('format link', () => {
         link.apply();
 
         expect(link.editor.commands.applyLink).toHaveBeenCalledWith({
-            destination: LinkDestinations.URL,
+            destination: LinkDestination.URL,
             href: 'tel:0123456789',
-            target: LinkTargets.SELF,
+            target: LinkTarget.SELF,
             text: 'hello'
         });
     });
@@ -197,9 +197,9 @@ describe('format link', () => {
         link.apply();
 
         expect(link.editor.commands.applyLink).toHaveBeenCalledWith({
-            destination: LinkDestinations.URL,
+            destination: LinkDestination.URL,
             href: 'mailto:example@gmail.com',
-            target: LinkTargets.SELF,
+            target: LinkTarget.SELF,
             text: 'hello'
         });
     });

package/lib/components/toolbar/controls/link/composables/useLink.js

@@ -1,29 +1,29 @@
 import { ref, inject } from 'vue';
-import { LinkTargets, LinkDestinations, TextSettings } from '../../../../../enums';
-import { InjectionTokens } from '../../../../../injectionTokens';
-import { RegExps } from '../../../../../regExps';
+import { LinkTarget, LinkDestination, TextSetting } from '@/enums';
+import { InjectionTokens } from '@/injectionTokens';
+import { RegExps } from '@/regExps';
 
 // TODO NEED refactor it
 export function useLink() {
     const editor = inject(InjectionTokens.EDITOR);
     const pageBlocks = inject(InjectionTokens.PAGE_BLOCKS);
 
-    const linkData = ref({ text: '', target: LinkTargets.SELF, destination: LinkDestinations.URL });
+    const linkData = ref({ text: '', target: LinkTarget.SELF, destination: LinkDestination.URL });
     const destinationHrefs = ref({ block: pageBlocks.value[0].id, url: '' });
-    const currentDestination = ref({ id: LinkDestinations.URL });
+    const currentDestination = ref({ id: LinkDestination.URL });
 
     function updateTarget(isChecked) {
-        linkData.value.target = isChecked ? LinkTargets.BLANK : LinkTargets.SELF;
+        linkData.value.target = isChecked ? LinkTarget.BLANK : LinkTarget.SELF;
     }
 
     function prepareInitialFields() {
         editor.commands.expandSelectionToLink();
         linkData.value.text = editor.commands.getSelectedText();
 
-        const { destination, href, target } = editor.getAttributes(TextSettings.LINK);
+        const { destination, href, target } = editor.getAttributes(TextSetting.LINK);
 
-        currentDestination.value.id = destination || LinkDestinations.URL;
-        linkData.value.target = target || LinkTargets.SELF;
+        currentDestination.value.id = destination || LinkDestination.URL;
+        linkData.value.target = target || LinkTarget.SELF;
         destinationHrefs.value[currentDestination.value.id] = href || '';
     }
 
@@ -33,7 +33,7 @@ export function useLink() {
     }
 
     function getFormattedHref() {
-        if (currentDestination.value.id === LinkDestinations.URL) {
+        if (currentDestination.value.id === LinkDestination.URL) {
             const url = destinationHrefs.value.url;
             const isTelOrMail = RegExps.TEL_PROTOCOL.test(url) || RegExps.MAILTO_PROTOCOL.test(url);
 

package/lib/components/toolbar/controls/link/destination/LinkControlDestination.vue

@@ -1,7 +1,7 @@
 <template>
     <div>
         <FieldLabel class="zw-margin-bottom--xxs">
-            Destination
+            Click Action
         </FieldLabel>
 
         <Dropdown
@@ -40,7 +40,7 @@
 
 <script setup>
 import { computed, toRef } from 'vue';
-import { LinkDestinations, LinkTargets } from '../../../../../enums';
+import { LinkDestination, LinkTarget } from '@/enums';
 import { Dropdown, DropdownOption, FieldLabel } from '../../../../base';
 import LinkControlPageBlock from './LinkControlPageBlock';
 import LinkControlUrl from './LinkControlUrl';
@@ -60,18 +60,21 @@ const props = defineProps({
 const emit = defineEmits(['reset-errors']);
 
 const destinationTypes = [
-    { id: LinkDestinations.URL, title: 'URL' },
-    { id: LinkDestinations.BLOCK, title: 'Page Section' }
+    { id: LinkDestination.URL, title: 'URL' },
+    { id: LinkDestination.BLOCK, title: 'Page Section' }
 ];
 
 const link = toRef(props, 'link');
-const isURLDestination = computed(() => link.value.currentDestination.value.id === LinkDestinations.URL);
-const isTargetBlank = computed(() => link.value.linkData.value.target === LinkTargets.BLANK);
+const isURLDestination = computed(() => link.value.currentDestination.value.id === LinkDestination.URL);
+const isTargetBlank = computed(() => link.value.linkData.value.target === LinkTarget.BLANK);
 
 const changeDestination = (value) => {
     emit('reset-errors');
     link.value.currentDestination.value.id = value;
-    if (!isURLDestination.value) link.value.target = LinkTargets.SELF;
+
+    if (!isURLDestination.value) {
+        link.value.target = LinkTarget.SELF;
+    }
 
     link.value.destinationHrefs.value.url = '';
 };

package/lib/components/toolbar/controls/link/destination/LinkControlPageBlock.vue

@@ -23,8 +23,8 @@
 
 <script setup>
 import { inject } from 'vue';
+import { InjectionTokens } from '@/injectionTokens';
 import { FieldLabel, DropdownOption, Dropdown } from '../../../../base';
-import { InjectionTokens } from '../../../../../injectionTokens';
 
 defineProps({
     value: {

package/lib/enums/{Alignments.ts → Alignment.ts}

@@ -11,11 +11,3 @@ export const AlignmentList = [
     Alignment.RIGHT,
     Alignment.JUSTIFY
 ];
-
-/**
- * @deprecated Use `Alignment` instead.
- */
-export const Alignments = {
-    ...Alignment,
-    values: AlignmentList
-};

package/lib/enums/{CaseStyles.ts → CaseStyle.ts}

@@ -3,9 +3,3 @@ export enum CaseStyle {
     LOWERCASE = 'lowercase',
     CAPITALIZE = 'capitalize'
 }
-
-/**
- * @deprecated Use `CaseStyle` instead.
- */
-export const CaseStyles = CaseStyle;
-

package/lib/enums/{Devices.ts → Device.ts}

@@ -11,11 +11,3 @@ export const DeviceList = [
     Device.TABLET,
     Device.DESKTOP
 ];
-
-/**
- * @deprecated Use `Device` instead.
- */
-export const Devices = {
-    ...Device,
-    values: DeviceList
-};

package/lib/enums/LinkDestination.ts

@@ -0,0 +1,4 @@
+export enum LinkDestination {
+    URL = 'url',
+    BLOCK = 'block'
+}

package/lib/enums/LinkTarget.ts

@@ -0,0 +1,4 @@
+export enum LinkTarget {
+    BLANK = '_blank',
+    SELF = '_self'
+}