@nexxtmove/ui 1.13.0 → 1.15.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.
- package/dist/components/editor/atoms/EditorSettingsBlock/EditorSettingsBlock.vue.d.ts +35 -0
- package/dist/components/molecules/TemplateCard/TemplateCard.vue.d.ts +39 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.js +469 -362
- package/dist/nuxt.js +4 -3
- package/package.json +8 -8
- package/src/components/atoms/Switch/Switch.vue +8 -1
- package/src/components/editor/atoms/EditorSettingsBlock/EditorSettingsBlock.vue +83 -0
- package/src/components/molecules/TemplateCard/TemplateCard.vue +156 -30
- package/src/components.json +2 -1
- package/src/index.ts +6 -0
- package/src/nuxt.ts +15 -2
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
interface NexxtEditorSettingsBlockProps {
|
|
2
|
+
/** Header text of the block. Wraps over multiple lines when it is too long. */
|
|
3
|
+
label: string;
|
|
4
|
+
/**
|
|
5
|
+
* Render a switch next to the label that collapses and expands the content.
|
|
6
|
+
* When `false` the content is always visible and the model is ignored.
|
|
7
|
+
*/
|
|
8
|
+
switchable?: boolean;
|
|
9
|
+
}
|
|
10
|
+
type __VLS_Props = NexxtEditorSettingsBlockProps;
|
|
11
|
+
type __VLS_ModelProps = {
|
|
12
|
+
/**
|
|
13
|
+
* Open state of the block, driven by the switch. Only has an effect when
|
|
14
|
+
* `switchable` is `true`; the parent owns the state.
|
|
15
|
+
*/
|
|
16
|
+
modelValue?: boolean;
|
|
17
|
+
};
|
|
18
|
+
type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
|
|
19
|
+
declare var __VLS_7: {};
|
|
20
|
+
type __VLS_Slots = {} & {
|
|
21
|
+
default?: (props: typeof __VLS_7) => any;
|
|
22
|
+
};
|
|
23
|
+
declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
24
|
+
"update:modelValue": (value: boolean) => any;
|
|
25
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
26
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
27
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
28
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
29
|
+
declare const _default: typeof __VLS_export;
|
|
30
|
+
export default _default;
|
|
31
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
32
|
+
new (): {
|
|
33
|
+
$slots: S;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
@@ -1,16 +1,54 @@
|
|
|
1
1
|
export type NexxtTemplateCardContentFeature = 'references' | 'valuation' | 'reviews' | 'packages';
|
|
2
2
|
export interface NexxtTemplateCardProps {
|
|
3
|
+
/** Preview image of the template. Falls back to a placeholder of the same height when omitted. */
|
|
3
4
|
image?: string;
|
|
5
|
+
/** Template name, shown as the card heading. Truncated on one line. */
|
|
4
6
|
title: string;
|
|
7
|
+
/** Secondary line under the title, e.g. when the template was last changed. Truncated on one line. */
|
|
5
8
|
subtitle?: string;
|
|
9
|
+
/** Content blocks the template contains; each renders an icon with a tooltip. */
|
|
6
10
|
contentFeatures?: NexxtTemplateCardContentFeature[];
|
|
11
|
+
/** Overrides the default Dutch tooltip text per content feature. */
|
|
7
12
|
messages?: Partial<Record<NexxtTemplateCardContentFeature, string>>;
|
|
13
|
+
/** Lays a full-card button over the content that emits `select`. Off keeps the card inert, so a read-only grid adds no empty tabstop per card. */
|
|
14
|
+
selectable?: boolean;
|
|
15
|
+
/** Whether this card is currently chosen: draws the blue border and, with `checkmark`, the badge. Only does something with `selectable`. A prop plus the `select` emit rather than a `defineModel`, because the card owns no state: the parent grid decides which single card may be chosen. */
|
|
16
|
+
selected?: boolean;
|
|
17
|
+
/** Shows a check badge in the top-right corner while selected. Only does something with `selectable`. */
|
|
18
|
+
checkmark?: boolean;
|
|
19
|
+
/** Disables the select button, dims the card content and drops the overlay. Only does something with `selectable`. */
|
|
20
|
+
disabled?: boolean;
|
|
8
21
|
}
|
|
9
|
-
|
|
22
|
+
export type NexxtTemplateCardSlots = {
|
|
23
|
+
/** Covers the whole card and fades in on hover or keyboard focus; the content underneath dims. Not rendered while the card is selectable and disabled. On a coarse pointer it shrinks to the image band, without veil or blur, so the title stays readable and the feature icons stay tappable. The layer is click-through, but `*:pointer-events-auto` only reaches its direct children: an own `absolute inset-0` wrapper inside the slot swallows the select click. */
|
|
24
|
+
overlay?(props: {
|
|
25
|
+
selected: boolean;
|
|
26
|
+
}): unknown;
|
|
27
|
+
/** Top-right corner of the card, for a preview or menu button. Stays interactive while `disabled`, which makes it the place for e.g. a preview button: the overlay is not rendered then. */
|
|
28
|
+
actions?(props: {
|
|
29
|
+
selected: boolean;
|
|
30
|
+
}): unknown;
|
|
31
|
+
};
|
|
32
|
+
type __VLS_Slots = NexxtTemplateCardSlots;
|
|
33
|
+
declare const __VLS_base: import('vue').DefineComponent<NexxtTemplateCardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
34
|
+
select: () => any;
|
|
35
|
+
}, string, import('vue').PublicProps, Readonly<NexxtTemplateCardProps> & Readonly<{
|
|
36
|
+
onSelect?: (() => any) | undefined;
|
|
37
|
+
}>, {
|
|
10
38
|
image: string;
|
|
11
39
|
messages: Partial<Record<NexxtTemplateCardContentFeature, string>>;
|
|
40
|
+
selected: boolean;
|
|
41
|
+
disabled: boolean;
|
|
12
42
|
subtitle: string;
|
|
13
43
|
contentFeatures: NexxtTemplateCardContentFeature[];
|
|
44
|
+
selectable: boolean;
|
|
45
|
+
checkmark: boolean;
|
|
14
46
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
47
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
15
48
|
declare const _default: typeof __VLS_export;
|
|
16
49
|
export default _default;
|
|
50
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
51
|
+
new (): {
|
|
52
|
+
$slots: S;
|
|
53
|
+
};
|
|
54
|
+
};
|
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 { NexxtTemplateCardContentFeature, NexxtTemplateCardProps, NexxtTemplateCardSlots, } from './components/molecules/TemplateCard/TemplateCard.vue';
|
|
8
9
|
export { default as NexxtAnimatedNumber } from './components/atoms/AnimatedNumber/AnimatedNumber.vue';
|
|
9
10
|
export { default as NexxtAnnouncement } from './components/molecules/Announcement/Announcement.vue';
|
|
10
11
|
export { default as NexxtAvatar } from './components/atoms/Avatar/Avatar.vue';
|
|
@@ -22,6 +23,7 @@ export { default as NexxtCustomerJourneyTile } from './components/molecules/Cust
|
|
|
22
23
|
export { default as NexxtDatePicker } from './components/organisms/DatePicker/DatePicker.vue';
|
|
23
24
|
export { default as NexxtDoughnutChart } from './components/molecules/DoughnutChart/DoughnutChart.vue';
|
|
24
25
|
export { default as NexxtDropdownButton } from './components/organisms/DropdownButton/DropdownButton.vue';
|
|
26
|
+
export { default as NexxtEditorSettingsBlock } from './components/editor/atoms/EditorSettingsBlock/EditorSettingsBlock.vue';
|
|
25
27
|
export { default as NexxtEnergyLabel } from './components/atoms/EnergyLabel/EnergyLabel.vue';
|
|
26
28
|
export { default as NexxtFloatingPanel } from './components/atoms/FloatingPanel/FloatingPanel.vue';
|
|
27
29
|
export { default as NexxtHeader } from './components/organisms/Header/Header.vue';
|