@nexxtmove/ui 1.29.0 → 1.30.0

package/dist/components/editor/molecules/EditorBackgroundSize/EditorBackgroundSize.vue.d.ts

@@ -0,0 +1,42 @@
+/**
+ * The background size as the editor needs it: the Tailwind class itself, so the
+ * consumer can put the model value straight on the element it styles.
+ */
+export type EditorBackgroundSizeValue = 'bg-cover' | 'bg-contain' | 'bg-auto';
+/** Overridable copy for the three options. Every key is optional. */
+export interface EditorBackgroundSizeMessages {
+    /** Accessible name of the `bg-cover` option. Defaults to `'Opvullen'`. */
+    cover?: string;
+    /** Accessible name of the `bg-contain` option. Defaults to `'Passend'`. */
+    contain?: string;
+    /** Accessible name of the `bg-auto` option. Defaults to `'Origineel'`. */
+    auto?: string;
+}
+export interface NexxtEditorBackgroundSizeProps {
+    /**
+     * Header text of the settings block. Defaults to the Dutch `'Vulling'`;
+     * the library has no i18n layer, so a consumer in another language passes
+     * its own copy in.
+     */
+    label?: string;
+    /**
+     * Copy of the three options. The options are icon-only and show no tooltip,
+     * so this copy is purely the accessible name of each button. Defaults are
+     * Dutch and are merged per key, so overriding one keeps the defaults of the
+     * others. Copy is never translated inside the component.
+     */
+    messages?: EditorBackgroundSizeMessages;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<NexxtEditorBackgroundSizeProps & {
+    /** The selected background size, as the Tailwind class to apply. */
+    modelValue: EditorBackgroundSizeValue;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: EditorBackgroundSizeValue) => any;
+}, string, import('vue').PublicProps, Readonly<NexxtEditorBackgroundSizeProps & {
+    /** The selected background size, as the Tailwind class to apply. */
+    modelValue: EditorBackgroundSizeValue;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: EditorBackgroundSizeValue) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/index.d.ts

@@ -9,6 +9,7 @@ export type { NexxtPageCardProps, NexxtPageCardSlots, } from './components/molec
 export type { NexxtPageMockupType } from './components/molecules/PageMockup/PageMockup.vue';
 export type { NexxtTreeNode, NexxtTreeProps } from './components/molecules/Tree/Tree.vue';
 export type { EditorAlignItemsMessages, EditorAlignItemsValue, } from './components/editor/molecules/EditorAlignItems/EditorAlignItems.vue';
+export type { EditorBackgroundSizeMessages, EditorBackgroundSizeValue, } from './components/editor/molecules/EditorBackgroundSize/EditorBackgroundSize.vue';
 export type { EditorFlexDirectionMessages, EditorFlexDirectionValue, } from './components/editor/molecules/EditorFlexDirection/EditorFlexDirection.vue';
 export type { EditorGapMessages, EditorGapValue, } from './components/editor/molecules/EditorGap/EditorGap.vue';
 export type { EditorColorMessages, EditorColorProperty, EditorColorValue, } from './components/editor/molecules/EditorColor/EditorColor.vue';
@@ -39,6 +40,7 @@ export { default as NexxtDatePicker } from './components/organisms/DatePicker/Da
 export { default as NexxtDoughnutChart } from './components/molecules/DoughnutChart/DoughnutChart.vue';
 export { default as NexxtDropdownButton } from './components/organisms/DropdownButton/DropdownButton.vue';
 export { default as NexxtEditorAlignItems } from './components/editor/molecules/EditorAlignItems/EditorAlignItems.vue';
+export { default as NexxtEditorBackgroundSize } from './components/editor/molecules/EditorBackgroundSize/EditorBackgroundSize.vue';
 export { default as NexxtEditorBorder } from './components/editor/molecules/EditorBorder/EditorBorder.vue';
 export { default as NexxtEditorColor } from './components/editor/molecules/EditorColor/EditorColor.vue';
 export { default as NexxtEditorFlexDirection } from './components/editor/molecules/EditorFlexDirection/EditorFlexDirection.vue';