@omnia/fx 8.0.20-vnext → 8.0.21-vnext

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.
Files changed (84) hide show
  1. package/internal-do-not-import-from-here/libs/prismjs/index.d.ts +2 -0
  2. package/internal-do-not-import-from-here/manifests/omnia.fx.ux.richtexteditor.manifest.json +1 -1
  3. package/internal-do-not-import-from-here/manifests/omnia.vendor.manifest.json +1 -1
  4. package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.d.ts +2 -2
  5. package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.js +0 -4
  6. package/internal-do-not-import-from-here/shared/models/theming/TypographyDefinition.d.ts +1 -1
  7. package/internal-do-not-import-from-here/shared/models/theming/UseThemeMethods.d.ts +3 -2
  8. package/internal-do-not-import-from-here/shared/models/theming/UseThemeMethods.js +17 -17
  9. package/internal-do-not-import-from-here/stores/DefineStore.d.ts +2 -2
  10. package/internal-do-not-import-from-here/ux/ComponentTypings.d.ts +7 -1
  11. package/internal-do-not-import-from-here/ux/InternalDefineWebComponent.d.ts +2 -0
  12. package/internal-do-not-import-from-here/ux/app/management/tabs/templates/Template.d.ts +1 -1
  13. package/internal-do-not-import-from-here/ux/compositiontests/stores/useNewStoreTest.d.ts +5 -13
  14. package/internal-do-not-import-from-here/ux/datetimezonepicker/DateTimeZonePicker.d.ts +1 -1
  15. package/internal-do-not-import-from-here/ux/datetimezonerenderer/DateTimeZoneRenderer.d.ts +1 -1
  16. package/internal-do-not-import-from-here/ux/docs/Docs.d.ts +40 -4
  17. package/internal-do-not-import-from-here/ux/docs/chrome/DocsChrome.css.d.ts +9 -5
  18. package/internal-do-not-import-from-here/ux/docs/chrome/SampleViewer.css.d.ts +9 -0
  19. package/internal-do-not-import-from-here/ux/docs/chrome/SampleViewer.d.ts +140 -0
  20. package/internal-do-not-import-from-here/ux/docs/services/DocsService.d.ts +6 -0
  21. package/internal-do-not-import-from-here/ux/docs/services/index.d.ts +1 -0
  22. package/internal-do-not-import-from-here/ux/identities/IdentityRenderer.d.ts +1 -1
  23. package/internal-do-not-import-from-here/ux/identitypicker/IdentityPicker.d.ts +1 -1
  24. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutItemselector/LayoutItemSelector.d.ts +23 -10
  25. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitemactiontoolbar/LayoutItemActionToolbar.d.ts +151 -51
  26. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitemactiontoolbar/LayoutItemActionToolbar_old.d.ts +51 -0
  27. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/LayoutBlock.css.d.ts +4 -4
  28. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/LayoutBlock.d.ts +26 -6
  29. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/LayoutColumn.d.ts +27 -7
  30. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/LayoutSection.css.d.ts +3 -3
  31. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/LayoutSection.d.ts +28 -8
  32. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/SettingsPanel.d.ts +1 -1
  33. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/targetselector/TargetSelector.d.ts +171 -19
  34. package/internal-do-not-import-from-here/ux/layoutcanvas/renderer/LayoutBlockRendererHelper.d.ts +339 -30
  35. package/internal-do-not-import-from-here/ux/layoutcanvas/renderer/LayoutRendererCanvas.d.ts +188 -35
  36. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsdesigner/StepperSectionDesigner.d.ts +100 -49
  37. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsdesigner/index.d.ts +2 -0
  38. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutBlockRenderer.d.ts +200 -68
  39. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutColumnRenderer.d.ts +172 -27
  40. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutSectionRenderer.d.ts +178 -48
  41. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutSectionStepperRenderer.d.ts +150 -11
  42. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutSectionTabRenderer.d.ts +151 -55
  43. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutStepRenderer.d.ts +198 -30
  44. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutTabRenderer.d.ts +198 -30
  45. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/index.d.ts +8 -0
  46. package/internal-do-not-import-from-here/ux/layoutcanvas/stores/LayoutCanvasStore.d.ts +3 -1
  47. package/internal-do-not-import-from-here/ux/oxide/btn/Button.css.d.ts +2 -1
  48. package/internal-do-not-import-from-here/ux/oxide/btn/Button.d.ts +32 -30
  49. package/internal-do-not-import-from-here/ux/oxide/btn/docs/ButtonExamples.d.ts +1 -0
  50. package/internal-do-not-import-from-here/ux/oxide/checkbox/Checkbox.d.ts +1 -1
  51. package/internal-do-not-import-from-here/ux/oxide/dialog/Dialog.css.d.ts +2 -1
  52. package/internal-do-not-import-from-here/ux/oxide/dialog/Dialog.d.ts +32 -31
  53. package/internal-do-not-import-from-here/ux/oxide/dialog/docs/DialogExamples.d.ts +1 -0
  54. package/internal-do-not-import-from-here/ux/oxide/dialog/docs/DialogWithLeftBar.d.ts +46 -0
  55. package/internal-do-not-import-from-here/ux/oxide/dialog/docs/DialogWithNavigation.d.ts +46 -0
  56. package/internal-do-not-import-from-here/ux/oxide/dialog/docs/index.d.ts +1 -0
  57. package/internal-do-not-import-from-here/ux/oxide/expansionpanel/ExpansionPanel.css.d.ts +1 -1
  58. package/internal-do-not-import-from-here/ux/oxide/expansionpanel/ExpansionPanel.d.ts +21 -0
  59. package/internal-do-not-import-from-here/ux/oxide/panel/Panel.css.d.ts +8 -4
  60. package/internal-do-not-import-from-here/ux/oxide/panel/Panel.d.ts +50 -49
  61. package/internal-do-not-import-from-here/ux/oxide/panel/docs/BasicPanelTypes.d.ts +46 -0
  62. package/internal-do-not-import-from-here/ux/oxide/panel/docs/Examples.d.ts +1 -0
  63. package/internal-do-not-import-from-here/ux/oxide/panel/docs/PanelAlignment.d.ts +46 -0
  64. package/internal-do-not-import-from-here/ux/oxide/panel/docs/PanelVariants.d.ts +46 -0
  65. package/internal-do-not-import-from-here/ux/oxide/panel/docs/index.d.ts +1 -0
  66. package/internal-do-not-import-from-here/ux/oxide/radio/Radio.d.ts +1 -1
  67. package/internal-do-not-import-from-here/ux/oxide/table/Table.css.d.ts +4 -1
  68. package/internal-do-not-import-from-here/ux/oxide/table/Table.d.ts +21 -0
  69. package/internal-do-not-import-from-here/ux/oxide/text/Text.d.ts +19 -19
  70. package/internal-do-not-import-from-here/ux/richtexteditor/RichTextEditor.d.ts +1 -1
  71. package/internal-do-not-import-from-here/ux/richtexteditor/RichTextEditorSettings.d.ts +2 -2
  72. package/internal-do-not-import-from-here/ux/richtexteditor/extensions/Doc/DocNode.d.ts +1 -1
  73. package/internal-do-not-import-from-here/ux/theming-v2/ColorSchemaStore.d.ts +31 -11
  74. package/internal-do-not-import-from-here/ux/theming-v2/styling/index.d.ts +0 -1
  75. package/internal-do-not-import-from-here/ux/use/UseColorSchemaSetup.d.ts +63 -0
  76. package/internal-do-not-import-from-here/ux/use/index.d.ts +1 -1
  77. package/internal-do-not-import-from-here/ux/velcron/core/parser/VelcronRenderers.d.ts +8 -7
  78. package/internal-do-not-import-from-here/wctypings.d.ts +6 -2
  79. package/package.json +3 -3
  80. package/internal-do-not-import-from-here/ux/layoutcanvas/renderer/ILayoutBlockRendererHelper.d.ts +0 -29
  81. package/internal-do-not-import-from-here/ux/layoutcanvas/renderer/ILayoutRendererCanvas.d.ts +0 -22
  82. package/internal-do-not-import-from-here/ux/theming-v2/styling/UseVuetifyStyling.d.ts +0 -4
  83. package/internal-do-not-import-from-here/ux/use/UseComponentSetup.d.ts +0 -54
  84. /package/internal-do-not-import-from-here/ux/{oxide/btn/docs/ButtonIntro.d.ts → compositiontests/WowComp.d.ts} +0 -0
@@ -1,49 +1,100 @@
1
- import { Section, SectionItem, SteppedSectionItemSettings, StepperSectionSettings } from "../../../../models";
2
- import { LayoutCanvasStore, VueComponentBase } from "../../..";
3
- import { MultilingualStore } from "../../../../stores";
4
- import { OmniaContext, SubscriptionHandler } from "../../../..";
5
- import { OmniaUxLocalization } from "../../../UxModels";
6
- import { DynamicStateStore } from "../../";
7
- import { AnchorLink } from "../../../AnchorLink";
8
- export interface StepperSectionDesignerProps {
9
- section: Section<StepperSectionSettings>;
10
- renderSectionItem: (sectionItem: SectionItem<SteppedSectionItemSettings>) => JSX.Element | Array<JSX.Element>;
11
- }
12
- export declare class StepperSectionDesigner extends VueComponentBase<StepperSectionDesignerProps> {
13
- section: Section<StepperSectionSettings>;
14
- renderSectionItem: (sectionItem: SectionItem<SteppedSectionItemSettings>) => JSX.Element | Array<JSX.Element>;
15
- multilingualStore: MultilingualStore;
16
- selectedStepStateStore: DynamicStateStore;
17
- omniaUxLoc: OmniaUxLocalization;
18
- layoutCanvasStore: LayoutCanvasStore;
19
- subscriptionHandler: SubscriptionHandler;
20
- omniaContext: OmniaContext;
21
- anchorLink: AnchorLink;
22
- private stepperCurrentStep;
23
- private readyToSetVisible;
24
- private isShowOverlay;
25
- private editorDesignModeStepperKey;
26
- private initialAnchorLinkResolved;
27
- created(): void;
28
- beforeDestroy(): void;
29
- private hasValidAnchorLinkSettings;
30
- private handleAnchorLink;
31
- private getDefaultLabel;
32
- private getPreferredLabel;
33
- private getCustomAnchorName;
34
- private silentNavigateIfNeeded;
35
- get items(): SectionItem<SteppedSectionItemSettings>[];
36
- private get inLayoutDesignMode();
37
- private getStepperKeyByVerticalMode;
38
- private getScrollToStepClassName;
39
- private scrollStepperToTop;
40
- private renderEditableStepTitle;
41
- private renderStepperStep;
42
- private addStep;
43
- private handleToSetOverflowForStepperContent;
44
- private handleUIOnStepChanged;
45
- private renderStepperContent;
46
- private renderAddStepButton;
47
- private renderAnchorElements;
48
- render(): JSX.Element;
49
- }
1
+ import { Section, SectionItem, SteppedSectionItemSettings, StepperSectionSettings } from "@omnia/fx/models";
2
+ import { nextTick } from "vue";
3
+ declare const _default: {
4
+ new (...args: any[]): {
5
+ $: import("vue").ComponentInternalInstance;
6
+ $data: {};
7
+ $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
8
+ "render-section-item": {
9
+ type: import("vue").PropType<(sectionItem: SectionItem<SteppedSectionItemSettings>) => JSX.Element | Array<JSX.Element>>;
10
+ };
11
+ renderSectionItem: {
12
+ type: import("vue").PropType<(sectionItem: SectionItem<SteppedSectionItemSettings>) => JSX.Element | Array<JSX.Element>>;
13
+ };
14
+ section: {
15
+ type: import("vue").PropType<Section<StepperSectionSettings>>;
16
+ } & {
17
+ type: import("vue").PropType<Section<StepperSectionSettings>>;
18
+ };
19
+ }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
20
+ $attrs: {
21
+ [x: string]: unknown;
22
+ };
23
+ $refs: {
24
+ [x: string]: unknown;
25
+ };
26
+ $slots: Readonly<{
27
+ [name: string]: import("vue").Slot;
28
+ }>;
29
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
30
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
31
+ $emit: (event: string, ...args: any[]) => void;
32
+ $el: any;
33
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
34
+ "render-section-item": {
35
+ type: import("vue").PropType<(sectionItem: SectionItem<SteppedSectionItemSettings>) => JSX.Element | Array<JSX.Element>>;
36
+ };
37
+ renderSectionItem: {
38
+ type: import("vue").PropType<(sectionItem: SectionItem<SteppedSectionItemSettings>) => JSX.Element | Array<JSX.Element>>;
39
+ };
40
+ section: {
41
+ type: import("vue").PropType<Section<StepperSectionSettings>>;
42
+ } & {
43
+ type: import("vue").PropType<Section<StepperSectionSettings>>;
44
+ };
45
+ }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
46
+ beforeCreate?: (() => void) | (() => void)[];
47
+ created?: (() => void) | (() => void)[];
48
+ beforeMount?: (() => void) | (() => void)[];
49
+ mounted?: (() => void) | (() => void)[];
50
+ beforeUpdate?: (() => void) | (() => void)[];
51
+ updated?: (() => void) | (() => void)[];
52
+ activated?: (() => void) | (() => void)[];
53
+ deactivated?: (() => void) | (() => void)[];
54
+ beforeDestroy?: (() => void) | (() => void)[];
55
+ beforeUnmount?: (() => void) | (() => void)[];
56
+ destroyed?: (() => void) | (() => void)[];
57
+ unmounted?: (() => void) | (() => void)[];
58
+ renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
59
+ renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
60
+ errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
61
+ };
62
+ $forceUpdate: () => void;
63
+ $nextTick: typeof nextTick;
64
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
65
+ } & Readonly<import("vue").ExtractPropTypes<{
66
+ "render-section-item": {
67
+ type: import("vue").PropType<(sectionItem: SectionItem<SteppedSectionItemSettings>) => JSX.Element | Array<JSX.Element>>;
68
+ };
69
+ renderSectionItem: {
70
+ type: import("vue").PropType<(sectionItem: SectionItem<SteppedSectionItemSettings>) => JSX.Element | Array<JSX.Element>>;
71
+ };
72
+ section: {
73
+ type: import("vue").PropType<Section<StepperSectionSettings>>;
74
+ } & {
75
+ type: import("vue").PropType<Section<StepperSectionSettings>>;
76
+ };
77
+ }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
78
+ __isFragment?: never;
79
+ __isTeleport?: never;
80
+ __isSuspense?: never;
81
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
82
+ "render-section-item": {
83
+ type: import("vue").PropType<(sectionItem: SectionItem<SteppedSectionItemSettings>) => JSX.Element | Array<JSX.Element>>;
84
+ };
85
+ renderSectionItem: {
86
+ type: import("vue").PropType<(sectionItem: SectionItem<SteppedSectionItemSettings>) => JSX.Element | Array<JSX.Element>>;
87
+ };
88
+ section: {
89
+ type: import("vue").PropType<Section<StepperSectionSettings>>;
90
+ } & {
91
+ type: import("vue").PropType<Section<StepperSectionSettings>>;
92
+ };
93
+ }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
94
+ propsDefinition: Readonly<{} & {
95
+ section?: Section<StepperSectionSettings>;
96
+ renderSectionItem?: (sectionItem: SectionItem<SteppedSectionItemSettings>) => JSX.Element | Array<JSX.Element>;
97
+ "render-section-item"?: (sectionItem: SectionItem<SteppedSectionItemSettings>) => JSX.Element | Array<JSX.Element>;
98
+ }>;
99
+ };
100
+ export default _default;
@@ -1 +1,3 @@
1
1
  export * from "./StepperSectionDesigner";
2
+ import StepperSectionDesigner from "./StepperSectionDesigner";
3
+ export { StepperSectionDesigner };
@@ -1,69 +1,201 @@
1
- import { VNode } from "vue";
2
- import { Block, BlockLayoutSettings, SectionSettings } from "../../../../models";
3
- import { ThemingRenditionManager } from "../../";
4
- import { LayoutItem } from "../../../../models";
5
- import { LayoutCanvasStore, BlockCatalogStore } from "../../";
6
- import { VueComponentBaseProps, VueComponentBase, VueComponentBaseEvents } from "../../../VueComponentBase";
7
- import { SettingsService, MediaPickerService } from "../../../../services";
8
- import { UserTargetingStore, BlockTitleSettingsStore, MultilingualStore } from "../../../../stores";
9
- import { SubscriptionHandler } from "../../../..";
10
- import { BlockInstance, LayoutMediaContext, LayoutFileContext, ThemeStore } from "../../../";
11
- import { AnchorLink } from "../../../AnchorLink";
12
- import { OmniaContext } from "../../../../contexts";
13
- export interface BlockRendererProps extends VueComponentBaseProps {
14
- block: Block;
15
- parentContainer: LayoutItem;
16
- settings: SectionSettings;
17
- }
18
- interface BlockRendererEvents extends VueComponentBaseEvents {
19
- onGetBlock?: {
20
- blockGetterFunc: (block: Block) => void;
1
+ import { nextTick } from "vue";
2
+ import { Block, LayoutItem, SectionSettings } from "@omnia/fx-models";
3
+ declare const _default: {
4
+ new (...args: any[]): {
5
+ $: import("vue").ComponentInternalInstance;
6
+ $data: {};
7
+ $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
8
+ "theme-target-id": {
9
+ type: import("vue").PropType<string>;
10
+ };
11
+ themeTargetId: {
12
+ type: import("vue").PropType<string>;
13
+ };
14
+ "use-click-protection": {
15
+ type: import("vue").PropType<boolean>;
16
+ };
17
+ useClickProtection: {
18
+ type: import("vue").PropType<boolean>;
19
+ };
20
+ settings: {
21
+ type: import("vue").PropType<SectionSettings>;
22
+ } & {
23
+ type: import("vue").PropType<SectionSettings>;
24
+ };
25
+ "parent-container": {
26
+ type: import("vue").PropType<LayoutItem>;
27
+ };
28
+ parentContainer: {
29
+ type: import("vue").PropType<LayoutItem>;
30
+ };
31
+ block: {
32
+ type: import("vue").PropType<Block>;
33
+ } & {
34
+ type: import("vue").PropType<Block>;
35
+ };
36
+ }>> & {
37
+ onBlockInstanceCreated?: (blockInstance: any) => any;
38
+ onGetBlock?: (ref: any) => any;
39
+ onBlockInstanceCacheKeyUpdated?: (blockInstance: any) => any;
40
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
41
+ $attrs: {
42
+ [x: string]: unknown;
43
+ };
44
+ $refs: {
45
+ [x: string]: unknown;
46
+ };
47
+ $slots: Readonly<{
48
+ [name: string]: import("vue").Slot;
49
+ }>;
50
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
51
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
52
+ $emit: ((event: "getBlock", ref: any) => void) & ((event: "blockInstanceCreated", blockInstance: any) => void) & ((event: "blockInstanceCacheKeyUpdated", blockInstance: any) => void);
53
+ $el: any;
54
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
55
+ "theme-target-id": {
56
+ type: import("vue").PropType<string>;
57
+ };
58
+ themeTargetId: {
59
+ type: import("vue").PropType<string>;
60
+ };
61
+ "use-click-protection": {
62
+ type: import("vue").PropType<boolean>;
63
+ };
64
+ useClickProtection: {
65
+ type: import("vue").PropType<boolean>;
66
+ };
67
+ settings: {
68
+ type: import("vue").PropType<SectionSettings>;
69
+ } & {
70
+ type: import("vue").PropType<SectionSettings>;
71
+ };
72
+ "parent-container": {
73
+ type: import("vue").PropType<LayoutItem>;
74
+ };
75
+ parentContainer: {
76
+ type: import("vue").PropType<LayoutItem>;
77
+ };
78
+ block: {
79
+ type: import("vue").PropType<Block>;
80
+ } & {
81
+ type: import("vue").PropType<Block>;
82
+ };
83
+ }>> & {
84
+ onBlockInstanceCreated?: (blockInstance: any) => any;
85
+ onGetBlock?: (ref: any) => any;
86
+ onBlockInstanceCacheKeyUpdated?: (blockInstance: any) => any;
87
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
88
+ getBlock: (ref: any) => any;
89
+ blockInstanceCreated: (blockInstance: any) => any;
90
+ blockInstanceCacheKeyUpdated: (blockInstance: any) => any;
91
+ }, string, {}, {}, string> & {
92
+ beforeCreate?: (() => void) | (() => void)[];
93
+ created?: (() => void) | (() => void)[];
94
+ beforeMount?: (() => void) | (() => void)[];
95
+ mounted?: (() => void) | (() => void)[];
96
+ beforeUpdate?: (() => void) | (() => void)[];
97
+ updated?: (() => void) | (() => void)[];
98
+ activated?: (() => void) | (() => void)[];
99
+ deactivated?: (() => void) | (() => void)[];
100
+ beforeDestroy?: (() => void) | (() => void)[];
101
+ beforeUnmount?: (() => void) | (() => void)[];
102
+ destroyed?: (() => void) | (() => void)[];
103
+ unmounted?: (() => void) | (() => void)[];
104
+ renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
105
+ renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
106
+ errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
107
+ };
108
+ $forceUpdate: () => void;
109
+ $nextTick: typeof nextTick;
110
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
111
+ } & Readonly<import("vue").ExtractPropTypes<{
112
+ "theme-target-id": {
113
+ type: import("vue").PropType<string>;
114
+ };
115
+ themeTargetId: {
116
+ type: import("vue").PropType<string>;
117
+ };
118
+ "use-click-protection": {
119
+ type: import("vue").PropType<boolean>;
120
+ };
121
+ useClickProtection: {
122
+ type: import("vue").PropType<boolean>;
123
+ };
124
+ settings: {
125
+ type: import("vue").PropType<SectionSettings>;
126
+ } & {
127
+ type: import("vue").PropType<SectionSettings>;
128
+ };
129
+ "parent-container": {
130
+ type: import("vue").PropType<LayoutItem>;
131
+ };
132
+ parentContainer: {
133
+ type: import("vue").PropType<LayoutItem>;
134
+ };
135
+ block: {
136
+ type: import("vue").PropType<Block>;
137
+ } & {
138
+ type: import("vue").PropType<Block>;
139
+ };
140
+ }>> & {
141
+ onBlockInstanceCreated?: (blockInstance: any) => any;
142
+ onGetBlock?: (ref: any) => any;
143
+ onBlockInstanceCacheKeyUpdated?: (blockInstance: any) => any;
144
+ } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
145
+ __isFragment?: never;
146
+ __isTeleport?: never;
147
+ __isSuspense?: never;
148
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
149
+ "theme-target-id": {
150
+ type: import("vue").PropType<string>;
21
151
  };
22
- onBlockInstanceCreated?: BlockInstance;
23
- onBlockInstanceCacheKeyUpdated?: BlockInstance;
24
- }
25
- export declare class LayoutBlockRenderer extends VueComponentBase<BlockRendererProps, BlockRendererEvents> {
26
- block: Block;
27
- parentContainer: LayoutItem;
28
- settings: SectionSettings;
29
- useClickProtection: boolean;
30
- protected settingsService: SettingsService<any>;
31
- layoutEditorStore: LayoutCanvasStore;
32
- layoutMediaContext: LayoutMediaContext;
33
- layoutFileContext: LayoutFileContext;
34
- blockTitleSettingsStore: BlockTitleSettingsStore;
35
- targetingStore: UserTargetingStore;
36
- layoutItemStore: BlockCatalogStore;
37
- mediaPickerService: MediaPickerService;
38
- themeStore: ThemeStore;
39
- themingRenditionManager: ThemingRenditionManager;
40
- subscriptionHandler: SubscriptionHandler;
41
- omniaContext: OmniaContext;
42
- multilingualStore: MultilingualStore;
43
- blockInstance: BlockInstance;
44
- anchorLink: AnchorLink;
45
- private isHideBlock;
46
- private targetCurrentUser;
47
- private isEditMode;
48
- onBlockChanged(): void;
49
- beforeCreate(): void;
50
- created(): void;
51
- beforeDestroy(): void;
52
- private handleAnchorLink;
53
- private get backgroundImage();
54
- /**
55
- * Creates the element
56
- * @param h
57
- */
58
- createElement(): VNode;
59
- private createAnchorElement;
60
- private getAnchorName;
61
- hideBlock(isHide: boolean): void;
62
- checkTargetingValue(settings: BlockLayoutSettings): void;
63
- /**
64
- * Render
65
- * @param h
66
- */
67
- render(): JSX.Element;
68
- }
69
- export {};
152
+ themeTargetId: {
153
+ type: import("vue").PropType<string>;
154
+ };
155
+ "use-click-protection": {
156
+ type: import("vue").PropType<boolean>;
157
+ };
158
+ useClickProtection: {
159
+ type: import("vue").PropType<boolean>;
160
+ };
161
+ settings: {
162
+ type: import("vue").PropType<SectionSettings>;
163
+ } & {
164
+ type: import("vue").PropType<SectionSettings>;
165
+ };
166
+ "parent-container": {
167
+ type: import("vue").PropType<LayoutItem>;
168
+ };
169
+ parentContainer: {
170
+ type: import("vue").PropType<LayoutItem>;
171
+ };
172
+ block: {
173
+ type: import("vue").PropType<Block>;
174
+ } & {
175
+ type: import("vue").PropType<Block>;
176
+ };
177
+ }>> & {
178
+ onBlockInstanceCreated?: (blockInstance: any) => any;
179
+ onGetBlock?: (ref: any) => any;
180
+ onBlockInstanceCacheKeyUpdated?: (blockInstance: any) => any;
181
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
182
+ getBlock: (ref: any) => any;
183
+ blockInstanceCreated: (blockInstance: any) => any;
184
+ blockInstanceCacheKeyUpdated: (blockInstance: any) => any;
185
+ }, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
186
+ propsDefinition: Readonly<{} & {
187
+ block?: Block;
188
+ themeTargetId?: string;
189
+ "theme-target-id"?: string;
190
+ settings?: SectionSettings;
191
+ parentContainer?: LayoutItem;
192
+ "parent-container"?: LayoutItem;
193
+ useClickProtection?: boolean;
194
+ "use-click-protection"?: boolean;
195
+ }> & {
196
+ onBlockInstanceCreated?: (blockInstance: any) => any;
197
+ onGetBlock?: (ref: any) => any;
198
+ onBlockInstanceCacheKeyUpdated?: (blockInstance: any) => any;
199
+ };
200
+ };
201
+ export default _default;
@@ -1,34 +1,179 @@
1
1
  import { ColumnedSectionItemSettings, SectionSettings, SectionItem } from "../../../../models";
2
- import { LayoutCanvasStore, BlockCatalogStore } from "../../";
3
- import { VueComponentBaseProps, VueComponentBase } from "../../../VueComponentBase";
4
- import { MediaPickerService } from "../../../../services";
2
+ import { VueComponentBaseProps } from "../../../VueComponentBase";
5
3
  export interface ColumnRendererProps extends VueComponentBaseProps {
6
4
  column: SectionItem<ColumnedSectionItemSettings>;
7
5
  settings: SectionSettings;
8
6
  layoutId: string;
9
7
  useScrollMargingFix: boolean;
10
8
  }
11
- export declare class LayoutColumnRenderer extends VueComponentBase<ColumnRendererProps> {
12
- layoutEditorStore: LayoutCanvasStore;
13
- mediaPickerService: MediaPickerService;
14
- blockCatalogStore: BlockCatalogStore;
15
- column: SectionItem<ColumnedSectionItemSettings>;
16
- settings: SectionSettings;
17
- layoutId: string;
18
- useScrollMargingFix: boolean;
19
- private renderedOnce;
20
- private blockInstances;
21
- private cacheKeys;
22
- private blockSettings;
23
- created(): void;
24
- private destroyed;
25
- private get backgroundImage();
26
- private onBlockInstanceCreated;
27
- private onBlockInstanceCacheKeyUpdated;
28
- /**
29
- * Function to render the columns
30
- * @param h is the hyperscript reference
31
- */
32
- private renderChildren;
33
- render(): JSX.Element;
34
- }
9
+ declare const _default: {
10
+ new (...args: any[]): {
11
+ $: import("vue").ComponentInternalInstance;
12
+ $data: {};
13
+ $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
14
+ "theme-target-id": {
15
+ type: import("vue").PropType<string>;
16
+ };
17
+ themeTargetId: {
18
+ type: import("vue").PropType<string>;
19
+ };
20
+ "use-scroll-marging-fix": {
21
+ type: import("vue").PropType<boolean>;
22
+ };
23
+ useScrollMargingFix: {
24
+ type: import("vue").PropType<boolean>;
25
+ };
26
+ "layout-id": {
27
+ type: import("vue").PropType<string>;
28
+ };
29
+ layoutId: {
30
+ type: import("vue").PropType<string>;
31
+ };
32
+ settings: {
33
+ type: import("vue").PropType<SectionSettings>;
34
+ } & {
35
+ type: import("vue").PropType<SectionSettings>;
36
+ };
37
+ column: {
38
+ type: import("vue").PropType<SectionItem<ColumnedSectionItemSettings>>;
39
+ } & {
40
+ type: import("vue").PropType<SectionItem<ColumnedSectionItemSettings>>;
41
+ };
42
+ }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
43
+ $attrs: {
44
+ [x: string]: unknown;
45
+ };
46
+ $refs: {
47
+ [x: string]: unknown;
48
+ };
49
+ $slots: Readonly<{
50
+ [name: string]: import("vue").Slot;
51
+ }>;
52
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
53
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
54
+ $emit: (event: string, ...args: any[]) => void;
55
+ $el: any;
56
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
57
+ "theme-target-id": {
58
+ type: import("vue").PropType<string>;
59
+ };
60
+ themeTargetId: {
61
+ type: import("vue").PropType<string>;
62
+ };
63
+ "use-scroll-marging-fix": {
64
+ type: import("vue").PropType<boolean>;
65
+ };
66
+ useScrollMargingFix: {
67
+ type: import("vue").PropType<boolean>;
68
+ };
69
+ "layout-id": {
70
+ type: import("vue").PropType<string>;
71
+ };
72
+ layoutId: {
73
+ type: import("vue").PropType<string>;
74
+ };
75
+ settings: {
76
+ type: import("vue").PropType<SectionSettings>;
77
+ } & {
78
+ type: import("vue").PropType<SectionSettings>;
79
+ };
80
+ column: {
81
+ type: import("vue").PropType<SectionItem<ColumnedSectionItemSettings>>;
82
+ } & {
83
+ type: import("vue").PropType<SectionItem<ColumnedSectionItemSettings>>;
84
+ };
85
+ }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
86
+ beforeCreate?: (() => void) | (() => void)[];
87
+ created?: (() => void) | (() => void)[];
88
+ beforeMount?: (() => void) | (() => void)[];
89
+ mounted?: (() => void) | (() => void)[];
90
+ beforeUpdate?: (() => void) | (() => void)[];
91
+ updated?: (() => void) | (() => void)[];
92
+ activated?: (() => void) | (() => void)[];
93
+ deactivated?: (() => void) | (() => void)[];
94
+ beforeDestroy?: (() => void) | (() => void)[];
95
+ beforeUnmount?: (() => void) | (() => void)[];
96
+ destroyed?: (() => void) | (() => void)[];
97
+ unmounted?: (() => void) | (() => void)[];
98
+ renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
99
+ renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
100
+ errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
101
+ };
102
+ $forceUpdate: () => void;
103
+ $nextTick: typeof import("vue").nextTick;
104
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
105
+ } & Readonly<import("vue").ExtractPropTypes<{
106
+ "theme-target-id": {
107
+ type: import("vue").PropType<string>;
108
+ };
109
+ themeTargetId: {
110
+ type: import("vue").PropType<string>;
111
+ };
112
+ "use-scroll-marging-fix": {
113
+ type: import("vue").PropType<boolean>;
114
+ };
115
+ useScrollMargingFix: {
116
+ type: import("vue").PropType<boolean>;
117
+ };
118
+ "layout-id": {
119
+ type: import("vue").PropType<string>;
120
+ };
121
+ layoutId: {
122
+ type: import("vue").PropType<string>;
123
+ };
124
+ settings: {
125
+ type: import("vue").PropType<SectionSettings>;
126
+ } & {
127
+ type: import("vue").PropType<SectionSettings>;
128
+ };
129
+ column: {
130
+ type: import("vue").PropType<SectionItem<ColumnedSectionItemSettings>>;
131
+ } & {
132
+ type: import("vue").PropType<SectionItem<ColumnedSectionItemSettings>>;
133
+ };
134
+ }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
135
+ __isFragment?: never;
136
+ __isTeleport?: never;
137
+ __isSuspense?: never;
138
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
139
+ "theme-target-id": {
140
+ type: import("vue").PropType<string>;
141
+ };
142
+ themeTargetId: {
143
+ type: import("vue").PropType<string>;
144
+ };
145
+ "use-scroll-marging-fix": {
146
+ type: import("vue").PropType<boolean>;
147
+ };
148
+ useScrollMargingFix: {
149
+ type: import("vue").PropType<boolean>;
150
+ };
151
+ "layout-id": {
152
+ type: import("vue").PropType<string>;
153
+ };
154
+ layoutId: {
155
+ type: import("vue").PropType<string>;
156
+ };
157
+ settings: {
158
+ type: import("vue").PropType<SectionSettings>;
159
+ } & {
160
+ type: import("vue").PropType<SectionSettings>;
161
+ };
162
+ column: {
163
+ type: import("vue").PropType<SectionItem<ColumnedSectionItemSettings>>;
164
+ } & {
165
+ type: import("vue").PropType<SectionItem<ColumnedSectionItemSettings>>;
166
+ };
167
+ }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
168
+ propsDefinition: Readonly<{} & {
169
+ column?: SectionItem<ColumnedSectionItemSettings>;
170
+ themeTargetId?: string;
171
+ "theme-target-id"?: string;
172
+ settings?: SectionSettings;
173
+ layoutId?: string;
174
+ "layout-id"?: string;
175
+ useScrollMargingFix?: boolean;
176
+ "use-scroll-marging-fix"?: boolean;
177
+ }>;
178
+ };
179
+ export default _default;