@nexxtmove/ui 1.50.0 → 1.51.0

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

@@ -0,0 +1,103 @@
+/** The horizontal part of an anchor point. */
+export type EditorAnchorX = 'left' | 'center' | 'right';
+/** The vertical part of an anchor point. */
+export type EditorAnchorY = 'top' | 'center' | 'bottom';
+/** The point something is anchored to: a corner, an edge or the middle. */
+export interface EditorAnchorValue {
+    x: EditorAnchorX;
+    y: EditorAnchorY;
+}
+/**
+ * The nine cells, in reading order: row by row from the top, left to right.
+ * The labels are not in here; they arrive through `messages`.
+ */
+export declare const EDITOR_ANCHOR_OPTIONS: readonly [{
+    readonly x: "left";
+    readonly y: "top";
+}, {
+    readonly x: "center";
+    readonly y: "top";
+}, {
+    readonly x: "right";
+    readonly y: "top";
+}, {
+    readonly x: "left";
+    readonly y: "center";
+}, {
+    readonly x: "center";
+    readonly y: "center";
+}, {
+    readonly x: "right";
+    readonly y: "center";
+}, {
+    readonly x: "left";
+    readonly y: "bottom";
+}, {
+    readonly x: "center";
+    readonly y: "bottom";
+}, {
+    readonly x: "right";
+    readonly y: "bottom";
+}];
+/** Overridable copy for the nine cells. Every key is optional. */
+export interface EditorAnchorMessages {
+    /** Name of the top left cell. Defaults to `'Linksboven'`. */
+    topLeft?: string;
+    /** Name of the top cell. Defaults to `'Boven'`. */
+    top?: string;
+    /** Name of the top right cell. Defaults to `'Rechtsboven'`. */
+    topRight?: string;
+    /** Name of the left cell. Defaults to `'Links'`. */
+    left?: string;
+    /** Name of the middle cell. Defaults to `'Midden'`. */
+    center?: string;
+    /** Name of the right cell. Defaults to `'Rechts'`. */
+    right?: string;
+    /** Name of the bottom left cell. Defaults to `'Linksonder'`. */
+    bottomLeft?: string;
+    /** Name of the bottom cell. Defaults to `'Onder'`. */
+    bottom?: string;
+    /** Name of the bottom right cell. Defaults to `'Rechtsonder'`. */
+    bottomRight?: string;
+}
+export interface NexxtEditorAnchorProps {
+    /**
+     * Accessible name of the radiogroup. Defaults to the Dutch
+     * `'Plek van de afbeelding'`; the library has no i18n layer, so a consumer
+     * in another language passes its own copy in. Only shown when `showLabel`
+     * is set.
+     */
+    label?: string;
+    /**
+     * Show `label` as a header above the grid. Off by default: the editor puts
+     * the name of the setting next to the grid itself.
+     */
+    showLabel?: boolean;
+    /**
+     * Names of the nine cells. 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?: EditorAnchorMessages;
+    /** Block every interaction: no cell can be focused or chosen. */
+    disabled?: boolean;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<NexxtEditorAnchorProps & {
+    /**
+     * The chosen cell. `null` while none is, e.g. for a stored position that no
+     * cell stands for.
+     */
+    modelValue: EditorAnchorValue | null;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: EditorAnchorValue | null) => any;
+}, string, import('vue').PublicProps, Readonly<NexxtEditorAnchorProps & {
+    /**
+     * The chosen cell. `null` while none is, e.g. for a stored position that no
+     * cell stands for.
+     */
+    modelValue: EditorAnchorValue | null;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: EditorAnchorValue | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

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

@@ -38,6 +38,18 @@ export interface NexxtEditorBackgroundSizeProps {
      * others. Copy is never translated inside the component.
      */
     messages?: EditorBackgroundSizeMessages;
+    /**
+     * The options to offer, as a subset of the three. They are always shown in
+     * the order of `EDITOR_BACKGROUND_SIZE_OPTIONS`, whatever order this list is
+     * in; a duplicate or unknown value is ignored. Defaults to all three.
+     */
+    options?: EditorBackgroundSizeValue[];
+    /**
+     * Render only the options, without the settings block and its header, for a
+     * consumer that puts the control in a block of its own. `label` then names
+     * the options toolbar only and is not shown.
+     */
+    bare?: boolean;
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/organisms/IconPicker/_IconPickerGrid.vue.d.ts

@@ -29,12 +29,12 @@ declare const __VLS_export: import('vue').DefineComponent<IconPickerGridProps, I
     focus: () => any;
     blur: () => any;
     keydown: (event: KeyboardEvent) => any;
-    hover: (position: GridPosition) => any;
     choose: (icon: NexxtIconPickerIcon) => any;
+    hover: (position: GridPosition) => any;
 }, string, import('vue').PublicProps, Readonly<IconPickerGridProps> & Readonly<{
     onFocus?: (() => any) | undefined;
     onBlur?: (() => any) | undefined;
     onKeydown?: ((event: KeyboardEvent) => any) | undefined;
-    onHover?: ((position: GridPosition) => any) | undefined;
     onChoose?: ((icon: NexxtIconPickerIcon) => any) | undefined;
+    onHover?: ((position: GridPosition) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/index.d.ts

@@ -13,6 +13,8 @@ export type { NexxtTreeMove, NexxtTreeNode, NexxtTreeProps, NexxtTreeSlots, } fr
 export type { NexxtPlaceholderGroup, NexxtPlaceholderInputMessages, NexxtPlaceholderInputProps, } from './components/molecules/PlaceholderInput/PlaceholderInput.vue';
 export { EDITOR_ALIGN_ITEMS_OPTIONS } from './components/editor/molecules/EditorAlignItems/EditorAlignItems.vue';
 export type { EditorAlignItemsMessages, EditorAlignItemsValue, } from './components/editor/molecules/EditorAlignItems/EditorAlignItems.vue';
+export { EDITOR_ANCHOR_OPTIONS } from './components/editor/molecules/EditorAnchor/EditorAnchor.vue';
+export type { EditorAnchorMessages, EditorAnchorValue, EditorAnchorX, EditorAnchorY, } from './components/editor/molecules/EditorAnchor/EditorAnchor.vue';
 export { EDITOR_BACKGROUND_SIZE_OPTIONS } from './components/editor/molecules/EditorBackgroundSize/EditorBackgroundSize.vue';
 export type { EditorBackgroundSizeMessages, EditorBackgroundSizeValue, } from './components/editor/molecules/EditorBackgroundSize/EditorBackgroundSize.vue';
 export { EDITOR_FLEX_DIRECTION_OPTIONS } from './components/editor/molecules/EditorFlexDirection/EditorFlexDirection.vue';
@@ -76,6 +78,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 NexxtEditorAnchor } from './components/editor/molecules/EditorAnchor/EditorAnchor.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';