@dcrackel/hematournamentui 1.0.711 → 1.0.713

package/dist/hematournamentui-tailwind.css

@@ -530,6 +530,9 @@
   .ml-5 {
     margin-left: calc(var(--spacing) * 5);
   }
+  .ml-6 {
+    margin-left: calc(var(--spacing) * 6);
+  }
   .ml-9 {
     margin-left: calc(var(--spacing) * 9);
   }
@@ -1049,6 +1052,9 @@
       margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
     }
   }
+  .gap-y-1 {
+    row-gap: calc(var(--spacing) * 1);
+  }
   .self-end {
     align-self: flex-end;
   }
@@ -2396,6 +2402,11 @@
       flex-wrap: nowrap;
     }
   }
+  .md\:items-stretch {
+    @media (width >= 48rem) {
+      align-items: stretch;
+    }
+  }
   .md\:justify-start {
     @media (width >= 48rem) {
       justify-content: flex-start;

package/package.json

@@ -1,96 +1,96 @@
-{
-  "name": "@dcrackel/hematournamentui",
-  "private": false,
-  "version": "1.0.711",
-  "type": "module",
-  "main": "dist/HemaTournamentUI-lib.umd.js",
-  "module": "dist/HemaTournamentUI-lib.es.js",
-  "style": "dist/hematournamentui.css",
-  "exports": {
-    ".": {
-      "import": "./dist/HemaTournamentUI-lib.es.js",
-      "require": "./dist/HemaTournamentUI-lib.umd.js"
-    },
-    "./styles.css": "./dist/hematournamentui.css",
-    "./tailwind.css": "./dist/hematournamentui-tailwind.css"
-  },
-  "scripts": {
-    "dev-donotuse": "vite",
-    "build": "npm run format:check && npm version patch && vite build && npm run build:package-css",
-    "build:check": "npm run format:check && npm run lint && vite build && npm run build:package-css",
-    "build:package-css": "npx @tailwindcss/cli -i ./tailwind/tailwind.css -o ./dist/hematournamentui-tailwind.css",
-    "publish:package": "npm publish",
-    "preview": "vite preview",
-    "build-storybook": "npm run build:tailwind && storybook build",
-    "build:tailwind": "npx @tailwindcss/cli -i ./tailwind/tailwind.css -o ./tailwind/output.css",
-    "storybook": "concurrently \"npm run watch:tailwind\" \"npm run watch:storybook\"",
-    "watch:storybook": "storybook dev -p 6006",
-    "watch:tailwind": "npx @tailwindcss/cli -i ./tailwind/tailwind.css -o ./tailwind/output.css --watch",
-    "format": "prettier --write .",
-    "format:check": "prettier --check .",
-    "lint": "eslint --ext .ts,.vue .",
-    "test": "vitest",
-    "coverage": "vitest run --coverage",
-    "postinstall": "patch-package"
-  },
-  "dependencies": {
-    "@fontsource/fira-code": "^5.2.7",
-    "@fontsource/inter": "^5.2.8",
-    "@fontsource/roboto-mono": "^5.2.9",
-    "@storybook/icons": "^2.0.2",
-    "@tiptap/extension-bold": "^2.1.13",
-    "@tiptap/extension-highlight": "^2.1.13",
-    "@tiptap/extension-text-align": "^2.1.13",
-    "@tiptap/starter-kit": "^2.1.13",
-    "@tiptap/vue-3": "^2.1.13",
-    "cropperjs": "^2.1.1",
-    "font-awesome": "^4.7.0",
-    "glob": "^13.0.6",
-    "lru-cache": "^11.3.6",
-    "node-fetch": "^3.3.2",
-    "postcss-nesting": "^14.0.0",
-    "rimraf": "^6.1.3",
-    "vue": "^3.5.34",
-    "vue-avatar-cropper": "^6.1.1",
-    "vue-google-autocomplete": "^1.1.4",
-    "vue3-draggable": "^2.0.9",
-    "vuedraggable": "^4.1.0"
-  },
-  "devDependencies": {
-    "@babel/eslint-parser": "^7.28.6",
-    "@chromatic-com/storybook": "^5.5.1",
-    "@eslint/eslintrc": "^3.3.5",
-    "@storybook/addon-docs": "^10.6.2",
-    "@storybook/addon-links": "^10.6.2",
-    "@storybook/react": "^10.6.2",
-    "@storybook/vue3-vite": "^10.6.2",
-    "@tailwindcss/cli": "^4.3.0",
-    "@tailwindcss/postcss": "^4.3.0",
-    "@typescript-eslint/eslint-plugin": "^8.59.3",
-    "@typescript-eslint/parser": "^8.59.3",
-    "@vitejs/plugin-vue": "^6.0.7",
-    "@vitest/coverage-v8": "^4.1.11",
-    "@vue/test-utils": "^2.4.10",
-    "@vuepic/vue-datepicker": "^12.1.0",
-    "autoprefixer": "^10.5.0",
-    "concurrently": "^9.2.1",
-    "eslint": "^9.9.0",
-    "eslint-plugin-jest": "^29.15.2",
-    "eslint-plugin-prettier": "^5.5.5",
-    "eslint-plugin-storybook": "^10.6.2",
-    "eslint-plugin-vue": "^10.9.1",
-    "happy-dom": "^20.9.0",
-    "patch-package": "^8.0.1",
-    "postcss": "^8.5.14",
-    "prettier": "^3.9.6",
-    "storybook": "^10.6.2",
-    "storybook-vue3-router": "^7.0.0",
-    "tailwindcss": "^4.3.0",
-    "vite": "^8.0.13",
-    "vitest": "^4.1.11",
-    "vue-eslint-parser": "^10.4.0"
-  },
-  "overrides": {
-    "@storybook/preview-api": "^9.1.5"
-  }
-}
+{
+  "name": "@dcrackel/hematournamentui",
+  "private": false,
+  "version": "1.0.713",
+  "type": "module",
+  "main": "dist/HemaTournamentUI-lib.umd.js",
+  "module": "dist/HemaTournamentUI-lib.es.js",
+  "style": "dist/hematournamentui.css",
+  "exports": {
+    ".": {
+      "import": "./dist/HemaTournamentUI-lib.es.js",
+      "require": "./dist/HemaTournamentUI-lib.umd.js"
+    },
+    "./styles.css": "./dist/hematournamentui.css",
+    "./tailwind.css": "./dist/hematournamentui-tailwind.css"
+  },
+  "scripts": {
+    "dev-donotuse": "vite",
+    "build": "npm run format:check && npm version patch && vite build && npm run build:package-css",
+    "build:check": "npm run format:check && npm run lint && vite build && npm run build:package-css",
+    "build:package-css": "npx @tailwindcss/cli -i ./tailwind/tailwind.css -o ./dist/hematournamentui-tailwind.css",
+    "publish:package": "npm publish",
+    "preview": "vite preview",
+    "build-storybook": "npm run build:tailwind && storybook build",
+    "build:tailwind": "npx @tailwindcss/cli -i ./tailwind/tailwind.css -o ./tailwind/output.css",
+    "storybook": "concurrently \"npm run watch:tailwind\" \"npm run watch:storybook\"",
+    "watch:storybook": "storybook dev -p 6006",
+    "watch:tailwind": "npx @tailwindcss/cli -i ./tailwind/tailwind.css -o ./tailwind/output.css --watch",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
+    "lint": "eslint --ext .ts,.vue .",
+    "test": "vitest",
+    "coverage": "vitest run --coverage",
+    "postinstall": "patch-package"
+  },
+  "dependencies": {
+    "@fontsource/fira-code": "^5.2.7",
+    "@fontsource/inter": "^5.2.8",
+    "@fontsource/roboto-mono": "^5.2.9",
+    "@storybook/icons": "^2.0.2",
+    "@tiptap/extension-bold": "^2.1.13",
+    "@tiptap/extension-highlight": "^2.1.13",
+    "@tiptap/extension-text-align": "^2.1.13",
+    "@tiptap/starter-kit": "^2.1.13",
+    "@tiptap/vue-3": "^2.1.13",
+    "cropperjs": "^2.1.1",
+    "font-awesome": "^4.7.0",
+    "glob": "^13.0.6",
+    "lru-cache": "^11.3.6",
+    "node-fetch": "^3.3.2",
+    "postcss-nesting": "^14.0.0",
+    "rimraf": "^6.1.3",
+    "vue": "^3.5.34",
+    "vue-avatar-cropper": "^6.1.1",
+    "vue-google-autocomplete": "^1.1.4",
+    "vue3-draggable": "^2.0.9",
+    "vuedraggable": "^4.1.0"
+  },
+  "devDependencies": {
+    "@babel/eslint-parser": "^7.28.6",
+    "@chromatic-com/storybook": "^5.5.1",
+    "@eslint/eslintrc": "^3.3.5",
+    "@storybook/addon-docs": "^10.6.2",
+    "@storybook/addon-links": "^10.6.2",
+    "@storybook/react": "^10.6.2",
+    "@storybook/vue3-vite": "^10.6.2",
+    "@tailwindcss/cli": "^4.3.0",
+    "@tailwindcss/postcss": "^4.3.0",
+    "@typescript-eslint/eslint-plugin": "^8.59.3",
+    "@typescript-eslint/parser": "^8.59.3",
+    "@vitejs/plugin-vue": "^6.0.7",
+    "@vitest/coverage-v8": "^4.1.11",
+    "@vue/test-utils": "^2.4.10",
+    "@vuepic/vue-datepicker": "^12.1.0",
+    "autoprefixer": "^10.5.0",
+    "concurrently": "^9.2.1",
+    "eslint": "^9.9.0",
+    "eslint-plugin-jest": "^29.15.2",
+    "eslint-plugin-prettier": "^5.5.5",
+    "eslint-plugin-storybook": "^10.6.2",
+    "eslint-plugin-vue": "^10.9.1",
+    "happy-dom": "^20.9.0",
+    "patch-package": "^8.0.1",
+    "postcss": "^8.5.14",
+    "prettier": "^3.9.6",
+    "storybook": "^10.6.2",
+    "storybook-vue3-router": "^7.0.0",
+    "tailwindcss": "^4.3.0",
+    "vite": "^8.0.13",
+    "vitest": "^4.1.11",
+    "vue-eslint-parser": "^10.4.0"
+  },
+  "overrides": {
+    "@storybook/preview-api": "^9.1.5"
+  }
+}

package/prettier.config.js

@@ -1,16 +1,16 @@
-export default {
-  arrowParens: 'avoid',
-  bracketSameLine: false,
-  bracketSpacing: true,
-  endOfLine: 'auto',
-  htmlWhitespaceSensitivity: 'css',
-  printWidth: 120,
-  proseWrap: 'preserve',
-  semi: true,
-  singleAttributePerLine: false,
-  singleQuote: true,
-  tabWidth: 2,
-  trailingComma: 'none',
-  useTabs: false,
-  vueIndentScriptAndStyle: false
-};
+export default {
+  arrowParens: 'avoid',
+  bracketSameLine: false,
+  bracketSpacing: true,
+  endOfLine: 'auto',
+  htmlWhitespaceSensitivity: 'css',
+  printWidth: 120,
+  proseWrap: 'preserve',
+  semi: true,
+  singleAttributePerLine: false,
+  singleQuote: true,
+  tabWidth: 2,
+  trailingComma: 'none',
+  useTabs: false,
+  vueIndentScriptAndStyle: false
+};

package/src/main.js

@@ -1 +1 @@
-import '../tailwind/output.css';
+import '../tailwind/output.css';

package/src/mocks/getDEBouts-TableOf128.js

@@ -1,37 +1,37 @@
-import historicalSixtySevenFencerBracket from './getDEBouts-67Fencers.js';
-
-const roundLabelRules = [
-  { matches: boutId => boutId >= 1 && boutId <= 64, label: 'Table of 128' },
-  { matches: boutId => boutId >= 65 && boutId <= 96, label: 'Table of 64' },
-  { matches: boutId => boutId >= 97 && boutId <= 112, label: 'Table of 32' },
-  { matches: boutId => boutId >= 113 && boutId <= 120, label: 'Table of 16' },
-  { matches: boutId => boutId >= 121 && boutId <= 124, label: 'Table of 8' },
-  { matches: boutId => boutId >= 125 && boutId <= 126, label: 'Semifinal' },
-  { matches: boutId => boutId === 127, label: 'Final' }
-];
-
-const getCurrentRoundLabel = bout => {
-  const boutId = Number(bout.DEBoutId);
-  return roundLabelRules.find(rule => rule.matches(boutId))?.label || bout.RoundLabel;
-};
-
-const normalizeTableOf128Bout = bout => ({
-  ...bout,
-  RoundLabel: getCurrentRoundLabel(bout)
-});
-
-const [historicalPool, ...otherPools] = historicalSixtySevenFencerBracket.pools;
-
-const getDEBoutsTableOf128 = {
-  ...historicalSixtySevenFencerBracket,
-  message: 'Current Table of 128 fixture retrieved',
-  pools: [
-    {
-      ...historicalPool,
-      Bouts: historicalPool.Bouts.map(normalizeTableOf128Bout)
-    },
-    ...otherPools
-  ]
-};
-
-export default getDEBoutsTableOf128;
+import historicalSixtySevenFencerBracket from './getDEBouts-67Fencers.js';
+
+const roundLabelRules = [
+  { matches: boutId => boutId >= 1 && boutId <= 64, label: 'Table of 128' },
+  { matches: boutId => boutId >= 65 && boutId <= 96, label: 'Table of 64' },
+  { matches: boutId => boutId >= 97 && boutId <= 112, label: 'Table of 32' },
+  { matches: boutId => boutId >= 113 && boutId <= 120, label: 'Table of 16' },
+  { matches: boutId => boutId >= 121 && boutId <= 124, label: 'Table of 8' },
+  { matches: boutId => boutId >= 125 && boutId <= 126, label: 'Semifinal' },
+  { matches: boutId => boutId === 127, label: 'Final' }
+];
+
+const getCurrentRoundLabel = bout => {
+  const boutId = Number(bout.DEBoutId);
+  return roundLabelRules.find(rule => rule.matches(boutId))?.label || bout.RoundLabel;
+};
+
+const normalizeTableOf128Bout = bout => ({
+  ...bout,
+  RoundLabel: getCurrentRoundLabel(bout)
+});
+
+const [historicalPool, ...otherPools] = historicalSixtySevenFencerBracket.pools;
+
+const getDEBoutsTableOf128 = {
+  ...historicalSixtySevenFencerBracket,
+  message: 'Current Table of 128 fixture retrieved',
+  pools: [
+    {
+      ...historicalPool,
+      Bouts: historicalPool.Bouts.map(normalizeTableOf128Bout)
+    },
+    ...otherPools
+  ]
+};
+
+export default getDEBoutsTableOf128;

package/src/mocks/getDEBouts-TableOf64.js

@@ -1,35 +1,35 @@
-import historicalSixtySevenFencerBracket from './getDEBouts-67Fencers.js';
-
-const FIRST_TABLE_OF_64_BOUT_ID = 65;
-
-const roundLabelRules = [
-  { matches: boutId => boutId >= 65 && boutId <= 96, label: 'Table of 64' },
-  { matches: boutId => boutId >= 97 && boutId <= 112, label: 'Table of 32' },
-  { matches: boutId => boutId >= 113 && boutId <= 120, label: 'Table of 16' },
-  { matches: boutId => boutId >= 121 && boutId <= 124, label: 'Table of 8' },
-  { matches: boutId => boutId >= 125 && boutId <= 126, label: 'Semifinal' },
-  { matches: boutId => boutId === 127, label: 'Final' }
-];
-
-const isTableOf64Bout = bout => Number(bout.DEBoutId) >= FIRST_TABLE_OF_64_BOUT_ID;
-
-const getCurrentRoundLabel = bout => {
-  const boutId = Number(bout.DEBoutId);
-  return roundLabelRules.find(rule => rule.matches(boutId))?.label || bout.RoundLabel;
-};
-
-const normalizeTableOf64Bout = bout => ({
-  ...bout,
-  RoundLabel: getCurrentRoundLabel(bout)
-});
-
-const [historicalPool, ...otherPools] = historicalSixtySevenFencerBracket.pools;
-const tableOf64Bouts = historicalPool.Bouts.filter(isTableOf64Bout).map(normalizeTableOf64Bout);
-
-const getDEBoutsTableOf64 = {
-  ...historicalSixtySevenFencerBracket,
-  message: 'Current Table of 64 fixture retrieved',
-  pools: [{ ...historicalPool, Bouts: tableOf64Bouts }, ...otherPools]
-};
-
-export default getDEBoutsTableOf64;
+import historicalSixtySevenFencerBracket from './getDEBouts-67Fencers.js';
+
+const FIRST_TABLE_OF_64_BOUT_ID = 65;
+
+const roundLabelRules = [
+  { matches: boutId => boutId >= 65 && boutId <= 96, label: 'Table of 64' },
+  { matches: boutId => boutId >= 97 && boutId <= 112, label: 'Table of 32' },
+  { matches: boutId => boutId >= 113 && boutId <= 120, label: 'Table of 16' },
+  { matches: boutId => boutId >= 121 && boutId <= 124, label: 'Table of 8' },
+  { matches: boutId => boutId >= 125 && boutId <= 126, label: 'Semifinal' },
+  { matches: boutId => boutId === 127, label: 'Final' }
+];
+
+const isTableOf64Bout = bout => Number(bout.DEBoutId) >= FIRST_TABLE_OF_64_BOUT_ID;
+
+const getCurrentRoundLabel = bout => {
+  const boutId = Number(bout.DEBoutId);
+  return roundLabelRules.find(rule => rule.matches(boutId))?.label || bout.RoundLabel;
+};
+
+const normalizeTableOf64Bout = bout => ({
+  ...bout,
+  RoundLabel: getCurrentRoundLabel(bout)
+});
+
+const [historicalPool, ...otherPools] = historicalSixtySevenFencerBracket.pools;
+const tableOf64Bouts = historicalPool.Bouts.filter(isTableOf64Bout).map(normalizeTableOf64Bout);
+
+const getDEBoutsTableOf64 = {
+  ...historicalSixtySevenFencerBracket,
+  message: 'Current Table of 64 fixture retrieved',
+  pools: [{ ...historicalPool, Bouts: tableOf64Bouts }, ...otherPools]
+};
+
+export default getDEBoutsTableOf64;

package/src/stories/Atoms/Input/BaseInput.test.js

@@ -1,97 +1,97 @@
-import BaseInput from './BaseInput.vue';
-import { mount } from '@vue/test-utils';
-import { describe, expect, test, it } from 'vitest';
-
-describe('BaseInput.vue', () => {
-  it('renders with default props', () => {
-    const wrapper = mount(BaseInput);
-    const inputElement = wrapper.find('input');
-
-    expect(inputElement.attributes('placeholder')).toBe('');
-    expect(wrapper.vm.internalValue).toBe('');
-  });
-
-  it('initializes with the correct value prop', () => {
-    const initialValue = 'Hello, World!';
-    const wrapper = mount(BaseInput, {
-      props: {
-        value: initialValue
-      }
-    });
-
-    expect(wrapper.vm.internalValue).toBe(initialValue);
-  });
-
-  it('updates internalValue when value prop changes', async () => {
-    const wrapper = mount(BaseInput);
-    await wrapper.setProps({ value: 'New Value' });
-
-    expect(wrapper.vm.internalValue).toBe('New Value');
-  });
-
-  it('emits the latest value synchronously before the next action', () => {
-    const wrapper = mount(BaseInput);
-    const inputElement = wrapper.find('input');
-
-    inputElement.element.value = 'Test Input';
-    inputElement.element.dispatchEvent(new Event('input', { bubbles: true }));
-    expect(wrapper.emitted('update:value')).toEqual([['Test Input']]);
-  });
-
-  it('applies input border styles when addBorder is enabled', () => {
-    const wrapper = mount(BaseInput, {
-      props: {
-        addBorder: true,
-        invalid: false
-      }
-    });
-    const inputElement = wrapper.find('input');
-    expect(inputElement.classes()).toContain('border');
-    expect(inputElement.classes()).toContain('rounded-lg');
-    expect(inputElement.classes()).toContain('text-quinary');
-    expect(inputElement.classes()).toContain('text-sm');
-    expect(inputElement.classes()).toContain('p-2');
-    expect(inputElement.classes()).toContain('w-full');
-    expect(inputElement.classes()).toContain('border-dropdownSelect');
-  });
-
-  it('applies border-alarm class when invalid is true', () => {
-    const wrapper = mount(BaseInput, {
-      props: {
-        addBorder: true,
-        invalid: true
-      }
-    });
-    const inputElement = wrapper.find('input');
-    expect(inputElement.classes()).toContain('border-alarm');
-  });
-
-  it('does not apply border-alarm class when invalid is false', () => {
-    const wrapper = mount(BaseInput, {
-      props: {
-        addBorder: true,
-        invalid: false
-      }
-    });
-    const inputElement = wrapper.find('input');
-    expect(inputElement.classes()).not.toContain('border-alarm');
-    expect(inputElement.classes()).toContain('border-dropdownSelect');
-  });
-
-  it('delivers a cleared value before the input is unmounted', () => {
-    const wrapper = mount(BaseInput, { props: { value: '123', inputType: 'number' } });
-    const input = wrapper.find('input');
-    input.element.value = '';
-    input.element.dispatchEvent(new Event('input', { bubbles: true }));
-    expect(wrapper.emitted('update:value')).toEqual([['']]);
-    wrapper.unmount();
-  });
-
-  it('does not emit edits while disabled', () => {
-    const wrapper = mount(BaseInput, { props: { disabled: true, value: 'original' } });
-    const input = wrapper.find('input');
-    input.element.value = 'changed';
-    input.element.dispatchEvent(new Event('input', { bubbles: true }));
-    expect(wrapper.emitted('update:value')).toBeUndefined();
-  });
-});
+import BaseInput from './BaseInput.vue';
+import { mount } from '@vue/test-utils';
+import { describe, expect, test, it } from 'vitest';
+
+describe('BaseInput.vue', () => {
+  it('renders with default props', () => {
+    const wrapper = mount(BaseInput);
+    const inputElement = wrapper.find('input');
+
+    expect(inputElement.attributes('placeholder')).toBe('');
+    expect(wrapper.vm.internalValue).toBe('');
+  });
+
+  it('initializes with the correct value prop', () => {
+    const initialValue = 'Hello, World!';
+    const wrapper = mount(BaseInput, {
+      props: {
+        value: initialValue
+      }
+    });
+
+    expect(wrapper.vm.internalValue).toBe(initialValue);
+  });
+
+  it('updates internalValue when value prop changes', async () => {
+    const wrapper = mount(BaseInput);
+    await wrapper.setProps({ value: 'New Value' });
+
+    expect(wrapper.vm.internalValue).toBe('New Value');
+  });
+
+  it('emits the latest value synchronously before the next action', () => {
+    const wrapper = mount(BaseInput);
+    const inputElement = wrapper.find('input');
+
+    inputElement.element.value = 'Test Input';
+    inputElement.element.dispatchEvent(new Event('input', { bubbles: true }));
+    expect(wrapper.emitted('update:value')).toEqual([['Test Input']]);
+  });
+
+  it('applies input border styles when addBorder is enabled', () => {
+    const wrapper = mount(BaseInput, {
+      props: {
+        addBorder: true,
+        invalid: false
+      }
+    });
+    const inputElement = wrapper.find('input');
+    expect(inputElement.classes()).toContain('border');
+    expect(inputElement.classes()).toContain('rounded-lg');
+    expect(inputElement.classes()).toContain('text-quinary');
+    expect(inputElement.classes()).toContain('text-sm');
+    expect(inputElement.classes()).toContain('p-2');
+    expect(inputElement.classes()).toContain('w-full');
+    expect(inputElement.classes()).toContain('border-dropdownSelect');
+  });
+
+  it('applies border-alarm class when invalid is true', () => {
+    const wrapper = mount(BaseInput, {
+      props: {
+        addBorder: true,
+        invalid: true
+      }
+    });
+    const inputElement = wrapper.find('input');
+    expect(inputElement.classes()).toContain('border-alarm');
+  });
+
+  it('does not apply border-alarm class when invalid is false', () => {
+    const wrapper = mount(BaseInput, {
+      props: {
+        addBorder: true,
+        invalid: false
+      }
+    });
+    const inputElement = wrapper.find('input');
+    expect(inputElement.classes()).not.toContain('border-alarm');
+    expect(inputElement.classes()).toContain('border-dropdownSelect');
+  });
+
+  it('delivers a cleared value before the input is unmounted', () => {
+    const wrapper = mount(BaseInput, { props: { value: '123', inputType: 'number' } });
+    const input = wrapper.find('input');
+    input.element.value = '';
+    input.element.dispatchEvent(new Event('input', { bubbles: true }));
+    expect(wrapper.emitted('update:value')).toEqual([['']]);
+    wrapper.unmount();
+  });
+
+  it('does not emit edits while disabled', () => {
+    const wrapper = mount(BaseInput, { props: { disabled: true, value: 'original' } });
+    const input = wrapper.find('input');
+    input.element.value = 'changed';
+    input.element.dispatchEvent(new Event('input', { bubbles: true }));
+    expect(wrapper.emitted('update:value')).toBeUndefined();
+  });
+});