@xleddyl/443-components-vue 0.8.1 → 0.8.3

package/dist/grid/cells/ImageCell.vue

@@ -2,7 +2,8 @@
    <img
       v-if="src"
       class="k-data-grid-image"
-      :class="{ 'is-rounded': params.rounded }"
+      :class="{ 'is-rounded': params.rounded, 'is-contain': params.fit === 'contain' }"
+      :style="sizeStyle"
       :src="src"
       :alt="alt"
       loading="lazy"
@@ -12,6 +13,7 @@
       v-else
       class="k-data-grid-image is-empty"
       :class="{ 'is-rounded': params.rounded }"
+      :style="sizeStyle"
       aria-hidden="true"
    >
       <Icon name="photo" />
@@ -28,5 +30,8 @@ const src = computed(() => {
   const raw = props.params.value;
   return typeof raw === "string" && raw ? raw : "";
 });
+const sizeStyle = computed(
+  () => props.params.size ? { "--k-grid-image-size": props.params.size } : void 0
+);
 const alt = computed(() => props.params.alt?.(props.params.data) ?? "");
 </script>

package/dist/grid/data-grid.css

@@ -33,6 +33,16 @@
    min-height: 8rem;
 }
 
+.k-data-grid.is-fill {
+   flex: 1 1 0%;
+   height: 100%;
+   min-height: 0;
+}
+
+.k-data-grid.is-fill > .k-data-grid-body {
+   flex: 1 1 0%;
+}
+
 .k-data-grid-ag {
    height: 100%;
 }
@@ -144,7 +154,7 @@
    align-items: center;
    padding: 0.125rem 0.5rem;
    font-size: 0.75rem;
-   font-weight: 500;
+   font-weight: var(--k-font-weight-medium, 500);
    line-height: 1.2;
    color: var(--k-badge-tone);
    background: color-mix(in oklab, var(--k-badge-tone) 12%, transparent);
@@ -174,8 +184,8 @@
 
 .k-data-grid-image {
    display: block;
-   width: 1.75rem;
-   height: 1.75rem;
+   width: var(--k-grid-image-size, 1.75rem);
+   height: var(--k-grid-image-size, 1.75rem);
    object-fit: cover;
    background: var(--k-fill);
    border-radius: var(--k-radius-sm);
@@ -188,6 +198,10 @@
    --k-icon-size: 1rem;
 }
 
+.k-data-grid-image.is-contain {
+   object-fit: contain;
+}
+
 .k-data-grid-image.is-rounded {
    border-radius: var(--k-radius-full);
 }

package/dist/grid/index.d.ts

@@ -2,9 +2,10 @@ export { default as DataGrid } from './DataGrid.vue';
 export { default as GridToolbar } from './GridToolbar.vue';
 export { default as BooleanCell } from './cells/BooleanCell.vue';
 export { default as DateCell } from './cells/DateCell.vue';
+export { default as EmptyCell } from './cells/EmptyCell.vue';
 export { default as BadgeCell } from './cells/BadgeCell.vue';
 export { default as ImageCell } from './cells/ImageCell.vue';
 export { default as LinkCell } from './cells/LinkCell.vue';
-export { registerGridModules } from './modules';
+export { registerGridEditorModules, registerGridFilterModules, registerGridModules, } from './modules';
 export { createGridTheme } from './theme';
 export type * from './types';

package/dist/grid/index.mjs

@@ -2,8 +2,13 @@ export { default as DataGrid } from "./DataGrid.vue";
 export { default as GridToolbar } from "./GridToolbar.vue";
 export { default as BooleanCell } from "./cells/BooleanCell.vue";
 export { default as DateCell } from "./cells/DateCell.vue";
+export { default as EmptyCell } from "./cells/EmptyCell.vue";
 export { default as BadgeCell } from "./cells/BadgeCell.vue";
 export { default as ImageCell } from "./cells/ImageCell.vue";
 export { default as LinkCell } from "./cells/LinkCell.vue";
-export { registerGridModules } from "./modules.mjs";
+export {
+  registerGridEditorModules,
+  registerGridFilterModules,
+  registerGridModules
+} from "./modules.mjs";
 export { createGridTheme } from "./theme.mjs";

package/dist/grid/modules.d.ts

@@ -1 +1,3 @@
 export declare function registerGridModules(): void;
+export declare function registerGridFilterModules(): void;
+export declare function registerGridEditorModules(): void;

package/dist/grid/modules.mjs

@@ -1,21 +1,32 @@
 import {
   CellApiModule,
+  CheckboxEditorModule,
+  CustomEditorModule,
+  DateEditorModule,
+  LargeTextEditorModule,
+  NumberEditorModule,
+  SelectEditorModule,
+  TextEditorModule,
+  UndoRedoEditModule,
   CellStyleModule,
   ClientSideRowModelApiModule,
   ClientSideRowModelModule,
   ColumnApiModule,
   ColumnAutoSizeModule,
   CsvExportModule,
+  DateFilterModule,
   DragAndDropModule,
   EventApiModule,
   LocaleModule,
   ModuleRegistry,
+  NumberFilterModule,
   PaginationModule,
   QuickFilterModule,
   RenderApiModule,
   RowApiModule,
   RowAutoHeightModule,
   RowSelectionModule,
+  TextFilterModule,
   TooltipModule
 } from "ag-grid-community";
 let registered = false;
@@ -42,3 +53,24 @@ export function registerGridModules() {
     TooltipModule
   ]);
 }
+let filtersRegistered = false;
+export function registerGridFilterModules() {
+  if (filtersRegistered) return;
+  filtersRegistered = true;
+  ModuleRegistry.registerModules([TextFilterModule, NumberFilterModule, DateFilterModule]);
+}
+let editorsRegistered = false;
+export function registerGridEditorModules() {
+  if (editorsRegistered) return;
+  editorsRegistered = true;
+  ModuleRegistry.registerModules([
+    TextEditorModule,
+    LargeTextEditorModule,
+    NumberEditorModule,
+    DateEditorModule,
+    CheckboxEditorModule,
+    SelectEditorModule,
+    CustomEditorModule,
+    UndoRedoEditModule
+  ]);
+}

package/dist/grid/theme.mjs

@@ -17,21 +17,21 @@ export function createGridTheme(density) {
     headerBackgroundColor: "var(--k-grid-header-background, var(--k-subtle))",
     headerTextColor: "var(--k-grid-header-text, var(--k-text-muted))",
     headerFontFamily: "var(--k-grid-header-font, var(--k-font-sans))",
-    headerFontSize: 12,
-    headerFontWeight: 500,
+    headerFontSize: "var(--k-grid-header-font-size, 12px)",
+    headerFontWeight: "var(--k-grid-header-font-weight, var(--k-font-weight-medium, 500))",
     headerRowBorder: { color: "var(--k-line)" },
     headerColumnBorder: false,
     rowBorder: { color: "var(--k-line)" },
     columnBorder: false,
     rowHoverColor: "var(--k-hover)",
-    selectedRowBackgroundColor: "var(--k-accent-soft)",
+    selectedRowBackgroundColor: "var(--k-grid-selected-background, var(--k-accent-soft))",
     oddRowBackgroundColor: "transparent",
     fontFamily: "var(--k-font-sans)",
-    fontSize: 13,
+    fontSize: "var(--k-grid-font-size, 13px)",
     iconSize: 14,
     spacing: spacingByDensity[density],
     borderRadius: "var(--k-radius-sm)",
-    wrapperBorderRadius: "var(--k-radius-lg)",
+    wrapperBorderRadius: "var(--k-grid-radius, var(--k-radius-lg))",
     wrapperBorder: { color: "var(--k-line)" },
     menuBackgroundColor: "var(--k-elevated)",
     menuShadow: "var(--k-shadow-overlay)",

package/dist/grid/types.d.ts

@@ -38,15 +38,19 @@ export interface BooleanCellParams {
 export interface DateCellParams {
     locale?: string;
     options?: Intl.DateTimeFormatOptions;
+    relative?: boolean | Intl.RelativeTimeFormatOptions;
 }
 export interface BadgeCellParams {
     tones?: Record<string, Tone>;
     labels?: Record<string, string>;
     defaultTone?: Tone;
 }
+export type ImageCellFit = 'cover' | 'contain';
 export interface ImageCellParams<T = unknown> {
     alt?: (data: T | undefined) => string;
     rounded?: boolean;
+    fit?: ImageCellFit;
+    size?: string;
 }
 export interface LinkCellParams<T = unknown> {
     href?: (value: unknown, data: T | undefined) => string;

package/dist/icons/builtin.d.ts

@@ -8,6 +8,9 @@ export declare const builtinIcons: {
     readonly 'chevron-left': readonly ["M15.75 19.5 8.25 12l7.5-7.5"];
     readonly 'chevron-right': readonly ["m8.25 4.5 7.5 7.5-7.5 7.5"];
     readonly 'chevron-up-down': readonly ["M8.25 15 12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9"];
+    readonly 'chevron-double-left': readonly ["m18.75 4.5-7.5 7.5 7.5 7.5m-6-15L5.25 12l7.5 7.5"];
+    readonly 'chevron-double-right': readonly ["m5.25 4.5 7.5 7.5-7.5 7.5m6-15 7.5 7.5-7.5 7.5"];
+    readonly underline: readonly ["M17.995 3.744v7.5a6 6 0 1 1-12 0v-7.5m-2.25 16.502h16.5"];
     readonly 'arrow-path': readonly ["M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99"];
     readonly 'arrow-right': readonly ["M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"];
     readonly 'arrow-left': readonly ["M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18"];

package/dist/icons/builtin.mjs

@@ -8,6 +8,9 @@ export const builtinIcons = {
   "chevron-left": ["M15.75 19.5 8.25 12l7.5-7.5"],
   "chevron-right": ["m8.25 4.5 7.5 7.5-7.5 7.5"],
   "chevron-up-down": ["M8.25 15 12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9"],
+  "chevron-double-left": ["m18.75 4.5-7.5 7.5 7.5 7.5m-6-15L5.25 12l7.5 7.5"],
+  "chevron-double-right": ["m5.25 4.5 7.5 7.5-7.5 7.5m6-15 7.5 7.5-7.5 7.5"],
+  underline: ["M17.995 3.744v7.5a6 6 0 1 1-12 0v-7.5m-2.25 16.502h16.5"],
   "arrow-path": [
     "M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99"
   ],

package/dist/index.d.ts

@@ -11,5 +11,5 @@ export { builtinLocales, de, defineLocale, en, it } from './locale';
 export type { DefineLocaleOptions } from './locale';
 export type * from './locale/types';
 export type { BuiltinIconName } from './icons/builtin';
-export { FIELD_KEY, FORM_KEY, ICON_USAGE_KEY, ICONS_KEY, LINK_KEY, LOCALE_KEY, PRESET_KEY, THEME_KEY, } from './internal/keys';
+export { FIELD_KEY, FORM_CONFIG_KEY, FORM_KEY, ICON_USAGE_KEY, ICONS_KEY, LINK_KEY, LOCALE_KEY, PRESET_KEY, THEME_KEY, } from './internal/keys';
 export type * from './types/dom';

package/dist/index.mjs

@@ -10,6 +10,7 @@ export { builtinIcons } from "./icons/builtin.mjs";
 export { builtinLocales, de, defineLocale, en, it } from "./locale/index.mjs";
 export {
   FIELD_KEY,
+  FORM_CONFIG_KEY,
   FORM_KEY,
   ICON_USAGE_KEY,
   ICONS_KEY,

package/dist/internal/core/intl.d.ts

@@ -2,3 +2,5 @@ export declare const numberFormat: (locale?: string, options?: Intl.NumberFormat
 export declare const dateTimeFormat: (locale?: string, options?: Intl.DateTimeFormatOptions) => Intl.DateTimeFormat;
 export declare const pluralRules: (locale?: string, options?: Intl.PluralRulesOptions) => Intl.PluralRules;
 export declare const collator: (locale?: string, options?: Intl.CollatorOptions) => Intl.Collator;
+export declare const relativeTimeFormat: (locale?: string, options?: Intl.RelativeTimeFormatOptions) => Intl.RelativeTimeFormat;
+export declare function formatRelativeTime(date: Date, locale?: string, options?: Intl.RelativeTimeFormatOptions, now?: number): string;

package/dist/internal/core/intl.mjs

@@ -22,3 +22,20 @@ export const pluralRules = cachedIntl(
 export const collator = cachedIntl(
   (locale, options) => new Intl.Collator(locale, options)
 );
+export const relativeTimeFormat = cachedIntl(
+  (locale, options) => new Intl.RelativeTimeFormat(locale, options)
+);
+const relativeUnits = [
+  ["year", 31536e3],
+  ["month", 2592e3],
+  ["week", 604800],
+  ["day", 86400],
+  ["hour", 3600],
+  ["minute", 60],
+  ["second", 1]
+];
+export function formatRelativeTime(date, locale, options = { numeric: "auto" }, now = Date.now()) {
+  const seconds = Math.round((date.getTime() - now) / 1e3);
+  const [unit, size] = relativeUnits.find(([, length]) => Math.abs(seconds) >= length) ?? relativeUnits.at(-1);
+  return relativeTimeFormat(locale, options).format(Math.round(seconds / size), unit);
+}

package/dist/internal/forms/counter.d.ts

@@ -0,0 +1,18 @@
+interface CharacterCounterOptions {
+    enabled: () => boolean | undefined;
+    value: () => unknown;
+    attrs: Record<string, unknown>;
+}
+export interface CharacterCounterState {
+    id: string;
+    visible: boolean;
+    length: number;
+    max: number;
+    atLimit: boolean;
+    text: string;
+    label: string;
+    limitMessage: string;
+    width: number;
+}
+export declare function useCharacterCounter(options: CharacterCounterOptions): () => CharacterCounterState;
+export {};

package/dist/internal/forms/counter.mjs

@@ -0,0 +1,31 @@
+import { useId } from "vue";
+import { useLocale } from "../../composables/useLocale.mjs";
+function readLimit(attrs) {
+  const raw = attrs.maxlength ?? attrs.maxLength;
+  if (raw === void 0 || raw === null || raw === "" || raw === false) return void 0;
+  const limit = Number(raw);
+  return Number.isFinite(limit) && limit >= 0 ? Math.trunc(limit) : void 0;
+}
+export function useCharacterCounter(options) {
+  const { t } = useLocale();
+  const id = useId();
+  return () => {
+    const max = readLimit(options.attrs);
+    const visible = Boolean(options.enabled()) && max !== void 0;
+    const value = options.value();
+    const length = value === null || value === void 0 ? 0 : String(value).length;
+    const limit = max ?? 0;
+    const atLimit = visible && length >= limit;
+    return {
+      id,
+      visible,
+      length,
+      max: limit,
+      atLimit,
+      text: `${length} / ${limit}`,
+      label: visible ? t("form.characterCount", { count: length, max: limit }) : "",
+      limitMessage: atLimit ? t("form.characterLimitReached") : "",
+      width: String(limit).length * 2 + 3
+    };
+  };
+}

package/dist/internal/keys.d.ts

@@ -1,6 +1,6 @@
 import type { Component, ComputedRef, InjectionKey, Ref } from 'vue';
 import type { FieldContext, FieldControlRole } from '../composables/useField';
-import type { FormContext } from '../composables/useForm';
+import type { FormConfig, FormContext } from '../composables/useForm';
 import type { IconRegistry } from '../composables/useIcons';
 import type { ThemePreference } from '../composables/useTheme';
 import type { KLocale } from '../locale/types';
@@ -14,4 +14,5 @@ export declare const FIELD_KEY: InjectionKey<FieldContext>;
 export declare const FIELD_ROLE_KEY: InjectionKey<FieldControlRole>;
 export declare const ROOT_KEY: InjectionKey<true>;
 export declare const FORM_KEY: InjectionKey<FormContext>;
+export declare const FORM_CONFIG_KEY: InjectionKey<FormConfig>;
 export declare const LOCALE_KEY: InjectionKey<ComputedRef<KLocale>>;

package/dist/internal/keys.mjs

@@ -7,4 +7,5 @@ export const FIELD_KEY = Symbol("k-field");
 export const FIELD_ROLE_KEY = Symbol("k-field-role");
 export const ROOT_KEY = Symbol("k-root");
 export const FORM_KEY = Symbol("k-form");
+export const FORM_CONFIG_KEY = Symbol("k-form-config");
 export const LOCALE_KEY = Symbol("k-locale");

package/dist/internal/overlays/MenuList.vue

@@ -5,7 +5,7 @@
       :popover="layer.popoverMode.value"
       :data-side="layer.side.value"
       class="k-floating k-menu"
-      :class="{ 'is-submenu': level > 0 }"
+      :class="{ 'is-submenu': level > 0, 'is-match-width': matchWidth && level === 0 }"
       role="menu"
       :aria-label="label"
       :aria-labelledby="labelledby"
@@ -133,7 +133,8 @@ const props = defineProps({
   label: { type: String, required: false },
   labelledby: { type: String, required: false },
   id: { type: String, required: false },
-  manualPositioning: { type: Boolean, required: false }
+  manualPositioning: { type: Boolean, required: false },
+  matchWidth: { type: Boolean, required: false }
 });
 const emit = defineEmits(["openChange", "select"]);
 const generatedId = useId();
@@ -156,6 +157,7 @@ const layer = useFloatingLayer({
   placement: () => props.placement,
   offset: () => props.offset,
   mode: "auto",
+  matchWidth: Boolean(props.matchWidth) && props.level === 0,
   manualPositioning: () => props.manualPositioning || !(props.anchor() instanceof Element),
   onOpen: () => {
     const target = pendingFocus;

package/dist/internal/overlays/MenuList.vue.d.ts

@@ -13,6 +13,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     labelledby?: string;
     id?: string | undefined;
     manualPositioning?: boolean;
+    matchWidth?: boolean;
     key?: PropertyKey | undefined;
     prefix?: string | undefined | undefined;
     title?: string | undefined | undefined;
@@ -224,6 +225,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     labelledby?: string;
     id?: string | undefined;
     manualPositioning?: boolean;
+    matchWidth?: boolean;
     key?: PropertyKey | undefined;
     prefix?: string | undefined | undefined;
     title?: string | undefined | undefined;

package/dist/internal/overlays/OverlayView.vue.d.ts

@@ -4,13 +4,13 @@ declare const __VLS_export: import("vue").DefineComponent<{
     key?: PropertyKey | undefined;
     loading?: boolean;
     prefix?: "k-modal" | "k-drawer" | undefined;
+    size?: "sm" | "md" | "lg" | "xl" | "full" | undefined;
     label?: string;
     title?: string | undefined;
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
     placeholder?: string | undefined;
     description?: string;
-    size?: "sm" | "md" | "lg" | "xl" | "full" | undefined;
     dir?: string | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
@@ -114,6 +114,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     color?: string | undefined;
     id?: string | undefined;
     lang?: string | undefined;
+    width?: string;
     tabindex?: (string | number) | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
@@ -207,15 +208,16 @@ declare const __VLS_export: import("vue").DefineComponent<{
     onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     flush?: boolean;
+    sheet?: boolean;
     onCancel?: ((payload: Event) => void) | undefined;
     side?: import("../../index.ts").DrawerSide;
-    sheet?: boolean;
     onOpen?: ((() => any) & (() => any)) | undefined;
     closeLabel?: string;
     rootClass?: unknown;
     hideClose?: boolean;
     beforeClose?: import("../../index.ts").DialogBeforeClose;
     closedby?: import("../../index.ts").DialogClosedBy;
+    minHeight?: string;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;
     afterLeave: () => any;
@@ -225,13 +227,13 @@ declare const __VLS_export: import("vue").DefineComponent<{
     key?: PropertyKey | undefined;
     loading?: boolean;
     prefix?: "k-modal" | "k-drawer" | undefined;
+    size?: "sm" | "md" | "lg" | "xl" | "full" | undefined;
     label?: string;
     title?: string | undefined;
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
     placeholder?: string | undefined;
     description?: string;
-    size?: "sm" | "md" | "lg" | "xl" | "full" | undefined;
     dir?: string | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
@@ -335,6 +337,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     color?: string | undefined;
     id?: string | undefined;
     lang?: string | undefined;
+    width?: string;
     tabindex?: (string | number) | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
@@ -428,15 +431,16 @@ declare const __VLS_export: import("vue").DefineComponent<{
     onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     flush?: boolean;
+    sheet?: boolean;
     onCancel?: ((payload: Event) => void) | undefined;
     side?: import("../../index.ts").DrawerSide;
-    sheet?: boolean;
     onOpen?: ((() => any) & (() => any)) | undefined;
     closeLabel?: string;
     rootClass?: unknown;
     hideClose?: boolean;
     beforeClose?: import("../../index.ts").DialogBeforeClose;
     closedby?: import("../../index.ts").DialogClosedBy;
+    minHeight?: string;
 }> & Readonly<{
     onClose?: (() => any) | undefined;
     onAfterLeave?: (() => any) | undefined;

package/dist/locale/de.mjs

@@ -40,12 +40,16 @@ export const de = {
       maxItems: "W\xE4hle h\xF6chstens {count} Eintrag | W\xE4hle h\xF6chstens {count} Eintr\xE4ge",
       pattern: "Ung\xFCltiges Format",
       invalid: "Ung\xFCltiger Wert",
-      requiredHint: "(erforderlich)"
+      requiredHint: "(erforderlich)",
+      optional: "Optional",
+      characterCount: "{count} von {max} Zeichen",
+      characterLimitReached: "Zeichenlimit erreicht"
     },
     editor: {
       bold: "Fett",
       italic: "Kursiv",
       strike: "Durchgestrichen",
+      underline: "Unterstrichen",
       code: "Code",
       heading: "\xDCberschrift {level}",
       bulletList: "Aufz\xE4hlung",
@@ -58,6 +62,13 @@ export const de = {
       linkUrl: "Link-URL",
       applyLink: "\xDCbernehmen",
       removeLink: "Link entfernen",
+      linkType: "Linktyp",
+      linkTypeUrl: "Webadresse",
+      linkTypeEmail: "E-Mail",
+      linkTypePhone: "Telefon",
+      linkEmail: "E-Mail-Adresse",
+      linkPhone: "Telefonnummer",
+      linkText: "Linktext",
       characters: "{count} Zeichen | {count} Zeichen",
       limit: "{count} von {max} Zeichen",
       limitReached: "Zeichenlimit erreicht"
@@ -222,7 +233,11 @@ export const de = {
       rejected: "{count} Datei wurde nicht akzeptiert | {count} Dateien wurden nicht akzeptiert"
     },
     filterPills: {
-      label: "Filter"
+      label: "Filter",
+      remove: "{label} entfernen"
+    },
+    tabs: {
+      dot: "Erfordert Aufmerksamkeit"
     },
     listPage: {
       toolbar: "Ergebnisse filtern",
@@ -241,7 +256,10 @@ export const de = {
       previous: "Vorherige Seite",
       next: "N\xE4chste Seite",
       pageSize: "Zeilen pro Seite",
-      of: "von"
+      of: "von",
+      first: "Erste Seite",
+      last: "Letzte Seite",
+      jump: "Gehe zu Seite"
     },
     passwordInput: {
       show: "Passwort anzeigen",

package/dist/locale/en.mjs

@@ -40,12 +40,16 @@ export const en = {
       maxItems: "Select at most {count} item | Select at most {count} items",
       pattern: "Invalid format",
       invalid: "Invalid value",
-      requiredHint: "(required)"
+      requiredHint: "(required)",
+      optional: "Optional",
+      characterCount: "{count} of {max} characters",
+      characterLimitReached: "Character limit reached"
     },
     editor: {
       bold: "Bold",
       italic: "Italic",
       strike: "Strikethrough",
+      underline: "Underline",
       code: "Inline code",
       heading: "Heading {level}",
       bulletList: "Bullet list",
@@ -58,6 +62,13 @@ export const en = {
       linkUrl: "Link URL",
       applyLink: "Apply",
       removeLink: "Remove link",
+      linkType: "Link type",
+      linkTypeUrl: "Web address",
+      linkTypeEmail: "Email",
+      linkTypePhone: "Phone",
+      linkEmail: "Email address",
+      linkPhone: "Phone number",
+      linkText: "Link text",
       characters: "{count} character | {count} characters",
       limit: "{count} of {max} characters",
       limitReached: "Character limit reached"
@@ -222,7 +233,11 @@ export const en = {
       rejected: "{count} file was not accepted | {count} files were not accepted"
     },
     filterPills: {
-      label: "Filters"
+      label: "Filters",
+      remove: "Remove {label}"
+    },
+    tabs: {
+      dot: "Needs attention"
     },
     listPage: {
       toolbar: "Filter results",
@@ -241,7 +256,10 @@ export const en = {
       previous: "Previous page",
       next: "Next page",
       pageSize: "Rows per page",
-      of: "of"
+      of: "of",
+      first: "First page",
+      last: "Last page",
+      jump: "Go to page"
     },
     passwordInput: {
       show: "Show password",

package/dist/locale/it.mjs

@@ -40,12 +40,16 @@ export const it = {
       maxItems: "Seleziona al massimo {count} elemento | Seleziona al massimo {count} elementi",
       pattern: "Formato non valido",
       invalid: "Valore non valido",
-      requiredHint: "(obbligatorio)"
+      requiredHint: "(obbligatorio)",
+      optional: "Facoltativo",
+      characterCount: "{count} di {max} caratteri",
+      characterLimitReached: "Limite di caratteri raggiunto"
     },
     editor: {
       bold: "Grassetto",
       italic: "Corsivo",
       strike: "Barrato",
+      underline: "Sottolineato",
       code: "Codice",
       heading: "Titolo {level}",
       bulletList: "Elenco puntato",
@@ -58,6 +62,13 @@ export const it = {
       linkUrl: "URL del link",
       applyLink: "Applica",
       removeLink: "Rimuovi link",
+      linkType: "Tipo di link",
+      linkTypeUrl: "Indirizzo web",
+      linkTypeEmail: "Email",
+      linkTypePhone: "Telefono",
+      linkEmail: "Indirizzo email",
+      linkPhone: "Numero di telefono",
+      linkText: "Testo del link",
       characters: "{count} carattere | {count} caratteri",
       limit: "{count} di {max} caratteri",
       limitReached: "Limite di caratteri raggiunto"
@@ -222,7 +233,11 @@ export const it = {
       rejected: "{count} file non accettato | {count} file non accettati"
     },
     filterPills: {
-      label: "Filtri"
+      label: "Filtri",
+      remove: "Rimuovi {label}"
+    },
+    tabs: {
+      dot: "Richiede attenzione"
     },
     listPage: {
       toolbar: "Filtra i risultati",
@@ -241,7 +256,10 @@ export const it = {
       previous: "Pagina precedente",
       next: "Pagina successiva",
       pageSize: "Righe per pagina",
-      of: "di"
+      of: "di",
+      first: "Prima pagina",
+      last: "Ultima pagina",
+      jump: "Vai alla pagina"
     },
     passwordInput: {
       show: "Mostra password",