Re-add url field (#493)

.changeset/curvy-lizards-allow.md

@@ -0,0 +1,5 @@
+---
+"@shopware-ag/meteor-component-library": patch
+---
+
+Allow toggling the http protocol in mt-url-field using the keyboard

.changeset/empty-points-applaud.md

@@ -0,0 +1,5 @@
+---
+"@shopware-ag/meteor-component-library": minor
+---
+
+Add mt-url-field

.changeset/good-turkeys-develop.md

@@ -0,0 +1,5 @@
+---
+"@shopware-ag/meteor-component-library": patch
+---
+
+Disable mt-url-field when inheritance is linked

.changeset/nervous-cows-search.md

@@ -0,0 +1,5 @@
+---
+"@shopware-ag/meteor-component-library": patch
+---
+
+Stop emitting update:modelValue event when component gets created

.changeset/orange-taxis-wait.md

@@ -0,0 +1,5 @@
+---
+"@shopware-ag/meteor-component-library": patch
+---
+
+Do not change the http protocol in mt-url-field when clicking the protocol button and the input field is inherited

.changeset/red-colts-sin.md

@@ -0,0 +1,5 @@
+---
+"@shopware-ag/meteor-component-library": patch
+---
+
+Allow mt-url-field to be required

.changeset/small-pants-serve.md

@@ -0,0 +1,5 @@
+---
+"@shopware-ag/meteor-component-library": patch
+---
+
+emit update:modelValue every time the user types into the mt-url-field

packages/component-library/src/components/form/mt-url-field/mt-url-field.interactive.stories.ts

@@ -0,0 +1,85 @@
+import { userEvent, within } from "@storybook/test";
+import meta, { type MtUrlFieldMeta, type MtUrlFieldStory } from "./mt-url-field.stories";
+
+export default {
+  ...meta,
+  title: "Interaction Tests/Form/mt-url-field",
+} as MtUrlFieldMeta;
+
+export const VisualTestFocused: MtUrlFieldStory = {
+  name: "Focused",
+  args: {
+    modelValue: "https://example.com",
+  },
+  async play({ canvasElement }) {
+    const canvas = within(canvasElement);
+
+    await userEvent.click(canvas.getByRole("textbox"));
+  },
+};
+
+export const VisualTestHttps: MtUrlFieldStory = {
+  name: "shows HTTPS mode",
+  args: {
+    modelValue: "https://example.com",
+  },
+};
+
+export const VisualTestHttp: MtUrlFieldStory = {
+  name: "shows HTTP mode",
+  args: {
+    modelValue: "http://example.com",
+  },
+};
+
+export const VisualTestDisabled: MtUrlFieldStory = {
+  name: "Disabled",
+  args: {
+    modelValue: "https://example.com",
+    disabled: true,
+  },
+};
+
+export const VisualTestLinkedInheritance: MtUrlFieldStory = {
+  name: "Linked inheritance",
+  args: {
+    modelValue: "https://example.com",
+    isInheritanceField: true,
+    isInherited: true,
+  },
+};
+
+export const VisualTestUnlinkedInheritance: MtUrlFieldStory = {
+  name: "Linked inheritance",
+  args: {
+    modelValue: "https://example.com",
+    isInheritanceField: true,
+    isInherited: false,
+  },
+};
+
+export const VisualTestSuffix: MtUrlFieldStory = {
+  name: "With suffix",
+  args: {
+    modelValue: "https://example.com",
+    suffix: "suffix",
+  },
+};
+
+export const VisualTestError: MtUrlFieldStory = {
+  name: "Error",
+  args: {
+    modelValue: "https://example.com",
+    error: {
+      detail: "This is an error",
+    },
+  },
+};
+
+export const VisualTestSmall: MtUrlFieldStory = {
+  name: "Small",
+  args: {
+    modelValue: "https://example.com",
+    size: "small",
+  },
+};