@nexxtmove/ui 1.15.0 → 1.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,39 @@
1
+ /**
2
+ * The flex direction as the editor needs it: the Tailwind class itself, so the
3
+ * consumer can put the model value straight on the element it styles.
4
+ */
5
+ export type EditorFlexDirectionValue = 'flex-row' | 'flex-col';
6
+ /** Overridable copy for the two options. Every key is optional. */
7
+ export interface EditorFlexDirectionMessages {
8
+ /** Label of the `flex-row` option. Defaults to `'Horizontaal'`. */
9
+ horizontal?: string;
10
+ /** Label of the `flex-col` option. Defaults to `'Verticaal'`. */
11
+ vertical?: string;
12
+ }
13
+ export interface NexxtEditorFlexDirectionProps {
14
+ /**
15
+ * Header text of the settings block. Defaults to the Dutch `'Richting'`;
16
+ * the library has no i18n layer, so a consumer in another language passes
17
+ * its own copy in.
18
+ */
19
+ label?: string;
20
+ /**
21
+ * Labels of the two options. Defaults are Dutch and are merged per key, so
22
+ * overriding one label keeps the default of the other. Copy is never
23
+ * translated inside the component.
24
+ */
25
+ messages?: EditorFlexDirectionMessages;
26
+ }
27
+ declare const _default: typeof __VLS_export;
28
+ export default _default;
29
+ declare const __VLS_export: import('vue').DefineComponent<NexxtEditorFlexDirectionProps & {
30
+ /** The selected direction, as the Tailwind class to apply. */
31
+ modelValue: EditorFlexDirectionValue;
32
+ }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
33
+ "update:modelValue": (value: EditorFlexDirectionValue) => any;
34
+ }, string, import('vue').PublicProps, Readonly<NexxtEditorFlexDirectionProps & {
35
+ /** The selected direction, as the Tailwind class to apply. */
36
+ modelValue: EditorFlexDirectionValue;
37
+ }> & Readonly<{
38
+ "onUpdate:modelValue"?: ((value: EditorFlexDirectionValue) => any) | undefined;
39
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
package/dist/index.d.ts CHANGED
@@ -5,6 +5,7 @@ export type { EnergyLabelLetter } from './components/atoms/EnergyLabel/EnergyLab
5
5
  export type { IconType, NexxtIconName } from './components/atoms/Icon/Icon.vue';
6
6
  export type { CustomIconName } from './components/atoms/Icon/customIcons';
7
7
  export type { NexxtTabItem } from './components/molecules/Tabs/Tabs.vue';
8
+ export type { EditorFlexDirectionMessages, EditorFlexDirectionValue, } from './components/editor/molecules/EditorFlexDirection/EditorFlexDirection.vue';
8
9
  export type { NexxtTemplateCardContentFeature, NexxtTemplateCardProps, NexxtTemplateCardSlots, } from './components/molecules/TemplateCard/TemplateCard.vue';
9
10
  export { default as NexxtAnimatedNumber } from './components/atoms/AnimatedNumber/AnimatedNumber.vue';
10
11
  export { default as NexxtAnnouncement } from './components/molecules/Announcement/Announcement.vue';
@@ -23,6 +24,7 @@ export { default as NexxtCustomerJourneyTile } from './components/molecules/Cust
23
24
  export { default as NexxtDatePicker } from './components/organisms/DatePicker/DatePicker.vue';
24
25
  export { default as NexxtDoughnutChart } from './components/molecules/DoughnutChart/DoughnutChart.vue';
25
26
  export { default as NexxtDropdownButton } from './components/organisms/DropdownButton/DropdownButton.vue';
27
+ export { default as NexxtEditorFlexDirection } from './components/editor/molecules/EditorFlexDirection/EditorFlexDirection.vue';
26
28
  export { default as NexxtEditorSettingsBlock } from './components/editor/atoms/EditorSettingsBlock/EditorSettingsBlock.vue';
27
29
  export { default as NexxtEnergyLabel } from './components/atoms/EnergyLabel/EnergyLabel.vue';
28
30
  export { default as NexxtFloatingPanel } from './components/atoms/FloatingPanel/FloatingPanel.vue';