@onereach/ui-components 10.2.1-beta.4275.0 → 10.2.1-beta.4276.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.
Files changed (63) hide show
  1. package/dist/bundled/v2/components/OrCardCollectionV3/OrCardCollection.js +11 -9
  2. package/dist/bundled/v2/components/OrCardCollectionV3/OrCardCollection.vue.d.ts +2 -0
  3. package/dist/bundled/v2/components/OrCardCollectionV3/styles.d.ts +1 -0
  4. package/dist/bundled/v2/components/OrCardCollectionV3/styles.js +5 -2
  5. package/dist/bundled/v2/components/OrRichTextEditorV3/OrRichTextEditor.js +252 -382
  6. package/dist/bundled/v2/components/OrRichTextEditorV3/OrRichTextEditor.vue.d.ts +68 -21
  7. package/dist/bundled/v2/components/OrRichTextEditorV3/styles.d.ts +0 -1
  8. package/dist/bundled/v2/components/OrRichTextEditorV3/styles.js +4 -5
  9. package/dist/bundled/v2/components/OrRichTextEditorV3/utils/codemirror/codemirrorNode.js +1 -1
  10. package/dist/bundled/v2/components/OrRichTextEditorV3/utils/codemirror/codemirrorView.js +1 -1
  11. package/dist/bundled/v2/components/OrRichTextEditorV3/utils/markdown.js +2 -2
  12. package/dist/bundled/v2/{index-0e9c2b43.js → index-02a897ac.js} +1 -1
  13. package/dist/bundled/v2/{index-f379c836.js → index-7516cf60.js} +173 -258
  14. package/dist/bundled/v2/{markdown-2d22cf16.js → markdown-fe3bfb01.js} +113 -66
  15. package/dist/bundled/v3/components/OrCardCollectionV3/OrCardCollection.js +1 -1
  16. package/dist/bundled/v3/components/OrCardCollectionV3/OrCardCollection.vue.d.ts +1 -0
  17. package/dist/bundled/v3/components/OrCardCollectionV3/index.js +1 -1
  18. package/dist/bundled/v3/components/OrCardCollectionV3/props.js +1 -1
  19. package/dist/bundled/v3/components/OrCardCollectionV3/styles.d.ts +1 -0
  20. package/dist/bundled/v3/components/OrCardCollectionV3/styles.js +1 -1
  21. package/dist/bundled/v3/components/{OrCardCollectionV3-8ddb17cf.js → OrCardCollectionV3-b9d360ef.js} +16 -10
  22. package/dist/bundled/v3/components/OrRichTextEditorV3/OrRichTextEditor.js +1 -1
  23. package/dist/bundled/v3/components/OrRichTextEditorV3/OrRichTextEditor.vue.d.ts +18 -14
  24. package/dist/bundled/v3/components/OrRichTextEditorV3/index.js +1 -1
  25. package/dist/bundled/v3/components/OrRichTextEditorV3/props.js +1 -1
  26. package/dist/bundled/v3/components/OrRichTextEditorV3/styles.d.ts +0 -1
  27. package/dist/bundled/v3/components/OrRichTextEditorV3/styles.js +1 -1
  28. package/dist/bundled/v3/components/OrRichTextEditorV3/utils/codemirror/codemirrorNode.js +1 -1
  29. package/dist/bundled/v3/components/OrRichTextEditorV3/utils/codemirror/codemirrorView.js +1 -1
  30. package/dist/bundled/v3/components/OrRichTextEditorV3/utils/codemirror/index.js +1 -1
  31. package/dist/bundled/v3/components/OrRichTextEditorV3/utils/codemirror/theme.js +1 -1
  32. package/dist/bundled/v3/components/OrRichTextEditorV3/utils/markdown.js +1 -1
  33. package/dist/bundled/v3/components/{OrRichTextEditorV3-45e64a85.js → OrRichTextEditorV3-358d7df2.js} +532 -674
  34. package/dist/bundled/v3/components/index.js +2 -2
  35. package/dist/bundled/v3/index.js +2 -2
  36. package/dist/esm/v2/{OrCardCollection-e14978d3.js → OrCardCollection-2a2c0b31.js} +14 -9
  37. package/dist/esm/v2/{OrRichTextEditor-fbcc33fd.js → OrRichTextEditor-734b8b27.js} +244 -353
  38. package/dist/esm/v2/components/index.js +2 -2
  39. package/dist/esm/v2/components/or-card-collection-v3/OrCardCollection.vue.d.ts +2 -0
  40. package/dist/esm/v2/components/or-card-collection-v3/index.js +1 -1
  41. package/dist/esm/v2/components/or-card-collection-v3/styles.d.ts +1 -0
  42. package/dist/esm/v2/components/or-rich-text-editor-v3/OrRichTextEditor.vue.d.ts +68 -21
  43. package/dist/esm/v2/components/or-rich-text-editor-v3/index.js +7 -7
  44. package/dist/esm/v2/components/or-rich-text-editor-v3/styles.d.ts +0 -1
  45. package/dist/esm/v2/index.js +2 -2
  46. package/dist/esm/v3/{OrCardCollection-65c9e771.js → OrCardCollection-a39155b7.js} +15 -9
  47. package/dist/esm/v3/{OrRichTextEditor-cdd9e3e4.js → OrRichTextEditor-b5684aab.js} +242 -325
  48. package/dist/esm/v3/components/index.js +2 -2
  49. package/dist/esm/v3/components/or-card-collection-v3/OrCardCollection.vue.d.ts +1 -0
  50. package/dist/esm/v3/components/or-card-collection-v3/index.js +1 -1
  51. package/dist/esm/v3/components/or-card-collection-v3/styles.d.ts +1 -0
  52. package/dist/esm/v3/components/or-rich-text-editor-v3/OrRichTextEditor.vue.d.ts +18 -14
  53. package/dist/esm/v3/components/or-rich-text-editor-v3/index.js +6 -6
  54. package/dist/esm/v3/components/or-rich-text-editor-v3/styles.d.ts +0 -1
  55. package/dist/esm/v3/index.js +2 -2
  56. package/package.json +18 -18
  57. package/src/components/or-card-collection-v3/OrCardCollection.vue +25 -14
  58. package/src/components/or-card-collection-v3/styles.ts +6 -1
  59. package/src/components/or-rich-text-editor-v3/OrRichTextEditor.vue +203 -48
  60. package/src/components/or-rich-text-editor-v3/styles.ts +10 -13
  61. package/dist/esm/v2/components/or-rich-text-editor-v3/partials/EditorToolbar.vue.d.ts +0 -160
  62. package/dist/esm/v3/components/or-rich-text-editor-v3/partials/EditorToolbar.vue.d.ts +0 -89
  63. package/src/components/or-rich-text-editor-v3/partials/EditorToolbar.vue +0 -238
@@ -5,29 +5,58 @@ import { Level } from '@tiptap/extension-heading';
5
5
  declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
6
6
  editor: Editor | null;
7
7
  editorRef: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
8
- toolbarContainerRef: import("@vue/composition-api").Ref<ComponentPublicInstance<HTMLInputElement, {}, {}, {}, {}, {}, HTMLInputElement, {}, false> | undefined>;
8
+ toolbarRef: import("@vue/composition-api").Ref<ComponentPublicInstance<HTMLInputElement, {}, {}, {}, {}, {}, HTMLInputElement, {}, false> | undefined>;
9
9
  containerRef: import("@vue/composition-api").Ref<ComponentPublicInstance<HTMLInputElement, {}, {}, {}, {}, {}, HTMLInputElement, {}, false> | undefined>;
10
+ toolbarButtonRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
11
+ [x: string]: ((...args: any[]) => any) | null;
12
+ } | string[], {} & {}, {
13
+ [x: number]: string;
14
+ } | {}, true> | undefined>;
15
+ moreButtonRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
16
+ [x: string]: ((...args: any[]) => any) | null;
17
+ } | string[], {} & {}, {
18
+ [x: number]: string;
19
+ } | {}, true> | undefined>;
10
20
  textareaRef: import("@vue/composition-api").Ref<HTMLTextAreaElement | undefined>;
11
- handleToolbarClick: ({ item, level }: {
12
- item: string;
13
- level?: number | undefined;
14
- }) => void;
21
+ moreRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
22
+ [x: string]: ((...args: any[]) => any) | null;
23
+ } | string[], {} & {}, {
24
+ [x: number]: string;
25
+ } | {}, true> | undefined>;
26
+ menuRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
27
+ [x: string]: ((...args: any[]) => any) | null;
28
+ } | string[], {} & {}, {
29
+ [x: number]: string;
30
+ } | {}, true> | undefined>;
31
+ iconsEnum: import("@vue/composition-api").Ref<{
32
+ [x: string]: string;
33
+ }>;
34
+ handleToolbarClick: (item: string, level?: number) => void;
15
35
  handleEditorClick: () => void;
16
36
  isActive: import("@vue/composition-api").Ref<{
17
37
  [x: string]: boolean;
18
38
  }>;
39
+ iconTooltipsEnum: import("@vue/composition-api").Ref<{
40
+ [x: string]: string;
41
+ }>;
19
42
  containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
43
+ toolbarContainerStyles: import("@vue/composition-api").ComputedRef<string[]>;
44
+ toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
20
45
  rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
21
46
  root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
22
47
  editorInputStyles: import("@vue/composition-api").ComputedRef<string[]>;
48
+ getIndexOfHeading: import("@vue/composition-api").ComputedRef<number>;
23
49
  headingLevels: Level[];
50
+ headingIcon: import("@vue/composition-api").ComputedRef<string>;
24
51
  attachLink: () => Promise<void>;
25
52
  discardLink: () => void;
26
53
  isOpenLinkModal: import("@vue/composition-api").Ref<boolean>;
27
54
  text: import("@vue/composition-api").Ref<string>;
28
55
  link: import("@vue/composition-api").Ref<string>;
29
56
  isFocused: import("@vue/composition-api").Ref<boolean>;
57
+ isVisible: (value: string | Array<string>) => boolean;
30
58
  countOfNotVisibleTools: import("@vue/composition-api").Ref<number>;
59
+ notVisibleTools: import("@vue/composition-api").ComputedRef<Set<string>>;
31
60
  handleInput: (event: InputEvent) => void;
32
61
  proxyModelValue: import("@vue/composition-api").WritableComputedRef<string>;
33
62
  disableMarkdown: import("@vue/composition-api").Ref<boolean>;
@@ -74,10 +103,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
74
103
  type: (BooleanConstructor | StringConstructor)[];
75
104
  default: undefined;
76
105
  };
77
- readonly: {
78
- type: BooleanConstructor;
79
- default: boolean;
80
- };
81
106
  }, import("@vue/composition-api").ExtractPropTypes<{
82
107
  modelValue: {
83
108
  type: StringConstructor;
@@ -119,10 +144,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
119
144
  type: (BooleanConstructor | StringConstructor)[];
120
145
  default: undefined;
121
146
  };
122
- readonly: {
123
- type: BooleanConstructor;
124
- default: boolean;
125
- };
126
147
  }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
127
148
  modelValue: string;
128
149
  toolbar: Tools;
@@ -134,35 +155,63 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
134
155
  hint: string;
135
156
  disabled: boolean;
136
157
  error: string | boolean;
137
- readonly: boolean;
138
158
  } & {} & {
139
159
  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
140
160
  }, import("@vue/composition-api").ShallowUnwrapRef<{
141
161
  editor: Editor | null;
142
162
  editorRef: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
143
- toolbarContainerRef: import("@vue/composition-api").Ref<ComponentPublicInstance<HTMLInputElement, {}, {}, {}, {}, {}, HTMLInputElement, {}, false> | undefined>;
163
+ toolbarRef: import("@vue/composition-api").Ref<ComponentPublicInstance<HTMLInputElement, {}, {}, {}, {}, {}, HTMLInputElement, {}, false> | undefined>;
144
164
  containerRef: import("@vue/composition-api").Ref<ComponentPublicInstance<HTMLInputElement, {}, {}, {}, {}, {}, HTMLInputElement, {}, false> | undefined>;
165
+ toolbarButtonRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
166
+ [x: string]: ((...args: any[]) => any) | null;
167
+ } | string[], {} & {}, {
168
+ [x: number]: string;
169
+ } | {}, true> | undefined>;
170
+ moreButtonRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
171
+ [x: string]: ((...args: any[]) => any) | null;
172
+ } | string[], {} & {}, {
173
+ [x: number]: string;
174
+ } | {}, true> | undefined>;
145
175
  textareaRef: import("@vue/composition-api").Ref<HTMLTextAreaElement | undefined>;
146
- handleToolbarClick: ({ item, level }: {
147
- item: string;
148
- level?: number | undefined;
149
- }) => void;
176
+ moreRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
177
+ [x: string]: ((...args: any[]) => any) | null;
178
+ } | string[], {} & {}, {
179
+ [x: number]: string;
180
+ } | {}, true> | undefined>;
181
+ menuRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
182
+ [x: string]: ((...args: any[]) => any) | null;
183
+ } | string[], {} & {}, {
184
+ [x: number]: string;
185
+ } | {}, true> | undefined>;
186
+ iconsEnum: import("@vue/composition-api").Ref<{
187
+ [x: string]: string;
188
+ }>;
189
+ handleToolbarClick: (item: string, level?: number) => void;
150
190
  handleEditorClick: () => void;
151
191
  isActive: import("@vue/composition-api").Ref<{
152
192
  [x: string]: boolean;
153
193
  }>;
194
+ iconTooltipsEnum: import("@vue/composition-api").Ref<{
195
+ [x: string]: string;
196
+ }>;
154
197
  containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
198
+ toolbarContainerStyles: import("@vue/composition-api").ComputedRef<string[]>;
199
+ toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
155
200
  rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
156
201
  root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
157
202
  editorInputStyles: import("@vue/composition-api").ComputedRef<string[]>;
203
+ getIndexOfHeading: import("@vue/composition-api").ComputedRef<number>;
158
204
  headingLevels: Level[];
205
+ headingIcon: import("@vue/composition-api").ComputedRef<string>;
159
206
  attachLink: () => Promise<void>;
160
207
  discardLink: () => void;
161
208
  isOpenLinkModal: import("@vue/composition-api").Ref<boolean>;
162
209
  text: import("@vue/composition-api").Ref<string>;
163
210
  link: import("@vue/composition-api").Ref<string>;
164
211
  isFocused: import("@vue/composition-api").Ref<boolean>;
212
+ isVisible: (value: string | Array<string>) => boolean;
165
213
  countOfNotVisibleTools: import("@vue/composition-api").Ref<number>;
214
+ notVisibleTools: import("@vue/composition-api").ComputedRef<Set<string>>;
166
215
  handleInput: (event: InputEvent) => void;
167
216
  proxyModelValue: import("@vue/composition-api").WritableComputedRef<string>;
168
217
  disableMarkdown: import("@vue/composition-api").Ref<boolean>;
@@ -179,7 +228,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
179
228
  hint: string;
180
229
  disabled: boolean;
181
230
  error: string | boolean;
182
- readonly: boolean;
183
231
  } & {} & {
184
232
  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
185
233
  }, {
@@ -193,6 +241,5 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
193
241
  hint: string;
194
242
  disabled: boolean;
195
243
  error: string | boolean;
196
- readonly: boolean;
197
244
  }, true>);
198
245
  export default _default;
@@ -1,6 +1,5 @@
1
1
  export declare const OrRichTextEditor: string[];
2
2
  export declare const EditorContainer: string[];
3
- export declare const EditorContainerFocus: string[];
4
3
  export declare const ToolbarContainer: string[];
5
4
  export declare const Toolbar: string[];
6
5
  export declare const ToolbarButton: string[];
@@ -4,17 +4,16 @@ const OrRichTextEditor = [
4
4
  // Spacing
5
5
  'gap-xs',
6
6
  // Box
7
- 'max-h-full', 'w-full'];
7
+ 'max-h-full'];
8
8
  const EditorContainer = [
9
9
  // Layout
10
10
  'layout-column',
11
+ // Theme (focus)
12
+ 'focus-within:theme-background-primary-translucent-1', 'dark:focus-within:theme-background-primary-translucent-1-dark', 'focus-within:theme-border-1-primary', 'dark:focus-within:theme-border-1-primary-dark', 'focus-within:theme-outline-2-primary', 'dark:focus-within:theme-outline-2-primary-dark',
11
13
  // Theme (invalid)
12
14
  'invalid:theme-background-error-translucent-1', 'dark:invalid:theme-background-error-translucent-1-dark', 'invalid:theme-foreground-default', 'dark:invalid:theme-foreground-default-dark', 'invalid:theme-border-1-error', 'dark:invalid:theme-border-1-error-dark', 'invalid:theme-outline-2-transparent', 'dark:invalid:theme-outline-2-transparent',
13
15
  // Box
14
16
  'border-1', 'rounded-md', 'w-full', 'overflow-hidden', 'grow'];
15
- const EditorContainerFocus = [
16
- // Theme (focus)
17
- 'focus-within:theme-background-primary-translucent-1', 'dark:focus-within:theme-background-primary-translucent-1-dark', 'focus-within:theme-border-1-primary', 'dark:focus-within:theme-border-1-primary-dark', 'focus-within:theme-outline-2-primary', 'dark:focus-within:theme-outline-2-primary-dark'];
18
17
  const ToolbarContainer = [
19
18
  // Layout
20
19
  'layout-row',
@@ -45,4 +44,4 @@ const EditorInput = [
45
44
  // Typography
46
45
  'typography-body-2-regular'];
47
46
 
48
- export { EditorContainer, EditorContainerFocus, EditorInput, OrRichTextEditor, Toolbar, ToolbarButton, ToolbarButtonFocused, ToolbarContainer };
47
+ export { EditorContainer, EditorInput, OrRichTextEditor, Toolbar, ToolbarButton, ToolbarButtonFocused, ToolbarContainer };
@@ -1,4 +1,4 @@
1
- import { N as Node } from '../../../../index-f379c836.js';
1
+ import { N as Node } from '../../../../index-7516cf60.js';
2
2
  import CodeMirrorView from './codemirrorView.js';
3
3
  import { m as minimalSetup } from '../../../../index-f1a845c3.js';
4
4
  import { javascript } from '../../../../index-5d81edfd.js';
@@ -1,4 +1,4 @@
1
- import { n as exitCode, T as TextSelection, S as Selection } from '../../../../index-0e9c2b43.js';
1
+ import { n as exitCode, T as TextSelection, S as Selection } from '../../../../index-02a897ac.js';
2
2
  import { a as EditorState, E as EditorView, W as highlightActiveLine, z as highlightActiveLineGutter, y as lineNumbers, k as keymap } from '../../../../index-10711eb4.js';
3
3
  import theme from './theme.js';
4
4
 
@@ -1,2 +1,2 @@
1
- export { d as deserialize, s as serialize } from '../../../markdown-2d22cf16.js';
2
- import '../../../index-0e9c2b43.js';
1
+ export { d as deserialize, s as serialize } from '../../../markdown-fe3bfb01.js';
2
+ import '../../../index-02a897ac.js';
@@ -7124,4 +7124,4 @@ typeof navigator != "undefined" ? /Mac|iP(hone|[oa]d)/.test(navigator.platform)
7124
7124
  // @ts-ignore
7125
7125
  : typeof os != "undefined" && os.platform ? os.platform() == "darwin" : false;
7126
7126
 
7127
- export { AllSelection as A, selectTextblockStart as B, Transform as C, DOMParser as D, EditorState as E, Fragment as F, setBlockType as G, wrapIn as H, ReplaceStep as I, Mapping as M, NodeSelection as N, Plugin as P, ReplaceAroundStep as R, Selection as S, TextSelection as T, PluginKey as a, Slice as b, Schema as c, dropPoint as d, Mark as e, DOMSerializer as f, NodeRange as g, findWrapping as h, canSplit as i, canJoin as j, createParagraphNear as k, liftTarget as l, deleteSelection as m, exitCode as n, joinUp as o, joinDown as p, joinBackward as q, joinForward as r, joinPoint as s, lift as t, liftEmptyBlock as u, newlineInCode as v, selectNodeBackward as w, selectNodeForward as x, selectParentNode as y, selectTextblockEnd as z };
7127
+ export { AllSelection as A, Transform as B, setBlockType as C, DOMParser as D, EditorState as E, Fragment as F, wrapIn as G, ReplaceStep as H, Mapping as M, NodeSelection as N, Plugin as P, ReplaceAroundStep as R, Selection as S, TextSelection as T, PluginKey as a, Slice as b, Schema as c, dropPoint as d, Mark as e, DOMSerializer as f, NodeRange as g, findWrapping as h, canSplit as i, canJoin as j, createParagraphNear as k, liftTarget as l, deleteSelection as m, exitCode as n, joinUp as o, joinDown as p, joinBackward as q, joinForward as r, lift as s, liftEmptyBlock as t, newlineInCode as u, selectNodeBackward as v, selectNodeForward as w, selectParentNode as x, selectTextblockEnd as y, selectTextblockStart as z };