@wordpress/widgets 3.34.0 → 4.0.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 (51) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/build/blocks/legacy-widget/edit/convert-to-blocks-button.js +5 -4
  3. package/build/blocks/legacy-widget/edit/convert-to-blocks-button.js.map +1 -1
  4. package/build/blocks/legacy-widget/edit/form.js +29 -24
  5. package/build/blocks/legacy-widget/edit/form.js.map +1 -1
  6. package/build/blocks/legacy-widget/edit/index.js +87 -69
  7. package/build/blocks/legacy-widget/edit/index.js.map +1 -1
  8. package/build/blocks/legacy-widget/edit/inspector-card.js +10 -6
  9. package/build/blocks/legacy-widget/edit/inspector-card.js.map +1 -1
  10. package/build/blocks/legacy-widget/edit/no-preview.js +9 -4
  11. package/build/blocks/legacy-widget/edit/no-preview.js.map +1 -1
  12. package/build/blocks/legacy-widget/edit/preview.js +29 -22
  13. package/build/blocks/legacy-widget/edit/preview.js.map +1 -1
  14. package/build/blocks/legacy-widget/edit/widget-type-selector.js +3 -3
  15. package/build/blocks/legacy-widget/edit/widget-type-selector.js.map +1 -1
  16. package/build/blocks/widget-group/deprecated.js +8 -6
  17. package/build/blocks/widget-group/deprecated.js.map +1 -1
  18. package/build/blocks/widget-group/edit.js +35 -29
  19. package/build/blocks/widget-group/edit.js.map +1 -1
  20. package/build/blocks/widget-group/save.js +11 -8
  21. package/build/blocks/widget-group/save.js.map +1 -1
  22. package/build/components/move-to-widget-area/index.js +27 -21
  23. package/build/components/move-to-widget-area/index.js.map +1 -1
  24. package/build-module/blocks/legacy-widget/edit/convert-to-blocks-button.js +5 -4
  25. package/build-module/blocks/legacy-widget/edit/convert-to-blocks-button.js.map +1 -1
  26. package/build-module/blocks/legacy-widget/edit/form.js +30 -24
  27. package/build-module/blocks/legacy-widget/edit/form.js.map +1 -1
  28. package/build-module/blocks/legacy-widget/edit/index.js +89 -69
  29. package/build-module/blocks/legacy-widget/edit/index.js.map +1 -1
  30. package/build-module/blocks/legacy-widget/edit/inspector-card.js +11 -6
  31. package/build-module/blocks/legacy-widget/edit/inspector-card.js.map +1 -1
  32. package/build-module/blocks/legacy-widget/edit/no-preview.js +10 -4
  33. package/build-module/blocks/legacy-widget/edit/no-preview.js.map +1 -1
  34. package/build-module/blocks/legacy-widget/edit/preview.js +31 -22
  35. package/build-module/blocks/legacy-widget/edit/preview.js.map +1 -1
  36. package/build-module/blocks/legacy-widget/edit/widget-type-selector.js +3 -3
  37. package/build-module/blocks/legacy-widget/edit/widget-type-selector.js.map +1 -1
  38. package/build-module/blocks/widget-group/deprecated.js +10 -6
  39. package/build-module/blocks/widget-group/deprecated.js.map +1 -1
  40. package/build-module/blocks/widget-group/edit.js +37 -29
  41. package/build-module/blocks/widget-group/edit.js.map +1 -1
  42. package/build-module/blocks/widget-group/save.js +13 -8
  43. package/build-module/blocks/widget-group/save.js.map +1 -1
  44. package/build-module/components/move-to-widget-area/index.js +27 -21
  45. package/build-module/components/move-to-widget-area/index.js.map +1 -1
  46. package/package.json +18 -14
  47. package/src/blocks/legacy-widget/edit/form.js +2 -2
  48. package/src/blocks/legacy-widget/edit/index.js +2 -2
  49. package/src/blocks/legacy-widget/edit/preview.js +4 -7
  50. package/src/blocks/legacy-widget/index.php +6 -0
  51. package/src/blocks/widget-group/index.php +8 -0
@@ -1,8 +1,7 @@
1
- import { createElement, Fragment } from "react";
2
1
  /**
3
2
  * External dependencies
4
3
  */
5
- import classnames from 'classnames';
4
+ import clsx from 'clsx';
6
5
 
7
6
  /**
8
7
  * WordPress dependencies
@@ -24,6 +23,9 @@ import Form from './form';
24
23
  import Preview from './preview';
25
24
  import NoPreview from './no-preview';
26
25
  import ConvertToBlocksButton from './convert-to-blocks-button';
26
+ import { jsx as _jsx } from "react/jsx-runtime";
27
+ import { Fragment as _Fragment } from "react/jsx-runtime";
28
+ import { jsxs as _jsxs } from "react/jsx-runtime";
27
29
  export default function Edit(props) {
28
30
  const {
29
31
  id,
@@ -33,17 +35,18 @@ export default function Edit(props) {
33
35
  isWide = false
34
36
  } = props;
35
37
  const blockProps = useBlockProps({
36
- className: classnames({
38
+ className: clsx({
37
39
  'is-wide-widget': isWide
38
40
  })
39
41
  });
40
- return createElement("div", {
41
- ...blockProps
42
- }, !id && !idBase ? createElement(Empty, {
43
- ...props
44
- }) : createElement(NotEmpty, {
45
- ...props
46
- }));
42
+ return /*#__PURE__*/_jsx("div", {
43
+ ...blockProps,
44
+ children: !id && !idBase ? /*#__PURE__*/_jsx(Empty, {
45
+ ...props
46
+ }) : /*#__PURE__*/_jsx(NotEmpty, {
47
+ ...props
48
+ })
49
+ });
47
50
  }
48
51
  function Empty({
49
52
  attributes: {
@@ -52,38 +55,43 @@ function Empty({
52
55
  },
53
56
  setAttributes
54
57
  }) {
55
- return createElement(Placeholder, {
56
- icon: createElement(BlockIcon, {
58
+ return /*#__PURE__*/_jsx(Placeholder, {
59
+ icon: /*#__PURE__*/_jsx(BlockIcon, {
57
60
  icon: brushIcon
58
61
  }),
59
- label: __('Legacy Widget')
60
- }, createElement(Flex, null, createElement(FlexBlock, null, createElement(WidgetTypeSelector, {
61
- selectedId: id !== null && id !== void 0 ? id : idBase,
62
- onSelect: ({
63
- selectedId,
64
- isMulti
65
- }) => {
66
- if (!selectedId) {
67
- setAttributes({
68
- id: null,
69
- idBase: null,
70
- instance: null
71
- });
72
- } else if (isMulti) {
73
- setAttributes({
74
- id: null,
75
- idBase: selectedId,
76
- instance: {}
77
- });
78
- } else {
79
- setAttributes({
80
- id: selectedId,
81
- idBase: null,
82
- instance: null
83
- });
84
- }
85
- }
86
- }))));
62
+ label: __('Legacy Widget'),
63
+ children: /*#__PURE__*/_jsx(Flex, {
64
+ children: /*#__PURE__*/_jsx(FlexBlock, {
65
+ children: /*#__PURE__*/_jsx(WidgetTypeSelector, {
66
+ selectedId: id !== null && id !== void 0 ? id : idBase,
67
+ onSelect: ({
68
+ selectedId,
69
+ isMulti
70
+ }) => {
71
+ if (!selectedId) {
72
+ setAttributes({
73
+ id: null,
74
+ idBase: null,
75
+ instance: null
76
+ });
77
+ } else if (isMulti) {
78
+ setAttributes({
79
+ id: null,
80
+ idBase: selectedId,
81
+ instance: {}
82
+ });
83
+ } else {
84
+ setAttributes({
85
+ id: selectedId,
86
+ idBase: null,
87
+ instance: null
88
+ });
89
+ }
90
+ }
91
+ })
92
+ })
93
+ })
94
+ });
87
95
  }
88
96
  function NotEmpty({
89
97
  attributes: {
@@ -109,40 +117,52 @@ function NotEmpty({
109
117
  });
110
118
  }, []);
111
119
  if (!widgetType && hasResolvedWidgetType) {
112
- return createElement(Placeholder, {
113
- icon: createElement(BlockIcon, {
120
+ return /*#__PURE__*/_jsx(Placeholder, {
121
+ icon: /*#__PURE__*/_jsx(BlockIcon, {
114
122
  icon: brushIcon
115
123
  }),
116
- label: __('Legacy Widget')
117
- }, __('Widget is missing.'));
124
+ label: __('Legacy Widget'),
125
+ children: __('Widget is missing.')
126
+ });
118
127
  }
119
128
  if (!hasResolvedWidgetType) {
120
- return createElement(Placeholder, null, createElement(Spinner, null));
129
+ return /*#__PURE__*/_jsx(Placeholder, {
130
+ children: /*#__PURE__*/_jsx(Spinner, {})
131
+ });
121
132
  }
122
133
  const mode = idBase && (isNavigationMode || !isSelected) ? 'preview' : 'edit';
123
- return createElement(Fragment, null, idBase === 'text' && createElement(BlockControls, {
124
- group: "other"
125
- }, createElement(ConvertToBlocksButton, {
126
- clientId: clientId,
127
- rawInstance: instance.raw
128
- })), createElement(InspectorControls, null, createElement(InspectorCard, {
129
- name: widgetType.name,
130
- description: widgetType.description
131
- })), createElement(Form, {
132
- title: widgetType.name,
133
- isVisible: mode === 'edit',
134
- id: id,
135
- idBase: idBase,
136
- instance: instance,
137
- isWide: isWide,
138
- onChangeInstance: setInstance,
139
- onChangeHasPreview: setHasPreview
140
- }), idBase && createElement(Fragment, null, hasPreview === null && mode === 'preview' && createElement(Placeholder, null, createElement(Spinner, null)), hasPreview === true && createElement(Preview, {
141
- idBase: idBase,
142
- instance: instance,
143
- isVisible: mode === 'preview'
144
- }), hasPreview === false && mode === 'preview' && createElement(NoPreview, {
145
- name: widgetType.name
146
- })));
134
+ return /*#__PURE__*/_jsxs(_Fragment, {
135
+ children: [idBase === 'text' && /*#__PURE__*/_jsx(BlockControls, {
136
+ group: "other",
137
+ children: /*#__PURE__*/_jsx(ConvertToBlocksButton, {
138
+ clientId: clientId,
139
+ rawInstance: instance.raw
140
+ })
141
+ }), /*#__PURE__*/_jsx(InspectorControls, {
142
+ children: /*#__PURE__*/_jsx(InspectorCard, {
143
+ name: widgetType.name,
144
+ description: widgetType.description
145
+ })
146
+ }), /*#__PURE__*/_jsx(Form, {
147
+ title: widgetType.name,
148
+ isVisible: mode === 'edit',
149
+ id: id,
150
+ idBase: idBase,
151
+ instance: instance,
152
+ isWide: isWide,
153
+ onChangeInstance: setInstance,
154
+ onChangeHasPreview: setHasPreview
155
+ }), idBase && /*#__PURE__*/_jsxs(_Fragment, {
156
+ children: [hasPreview === null && mode === 'preview' && /*#__PURE__*/_jsx(Placeholder, {
157
+ children: /*#__PURE__*/_jsx(Spinner, {})
158
+ }), hasPreview === true && /*#__PURE__*/_jsx(Preview, {
159
+ idBase: idBase,
160
+ instance: instance,
161
+ isVisible: mode === 'preview'
162
+ }), hasPreview === false && mode === 'preview' && /*#__PURE__*/_jsx(NoPreview, {
163
+ name: widgetType.name
164
+ })]
165
+ })]
166
+ });
147
167
  }
148
168
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["classnames","useBlockProps","BlockControls","InspectorControls","BlockIcon","store","blockEditorStore","Flex","FlexBlock","Spinner","Placeholder","brush","brushIcon","__","useState","useCallback","useSelect","useEntityRecord","WidgetTypeSelector","InspectorCard","Form","Preview","NoPreview","ConvertToBlocksButton","Edit","props","id","idBase","attributes","isWide","blockProps","className","createElement","Empty","NotEmpty","setAttributes","icon","label","selectedId","onSelect","isMulti","instance","clientId","isSelected","hasPreview","setHasPreview","widgetTypeId","record","widgetType","hasResolved","hasResolvedWidgetType","isNavigationMode","select","setInstance","nextInstance","mode","Fragment","group","rawInstance","raw","name","description","title","isVisible","onChangeInstance","onChangeHasPreview"],"sources":["@wordpress/widgets/src/blocks/legacy-widget/edit/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseBlockProps,\n\tBlockControls,\n\tInspectorControls,\n\tBlockIcon,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { Flex, FlexBlock, Spinner, Placeholder } from '@wordpress/components';\nimport { brush as brushIcon } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport { useState, useCallback } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { useEntityRecord } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport WidgetTypeSelector from './widget-type-selector';\nimport InspectorCard from './inspector-card';\nimport Form from './form';\nimport Preview from './preview';\nimport NoPreview from './no-preview';\nimport ConvertToBlocksButton from './convert-to-blocks-button';\n\nexport default function Edit( props ) {\n\tconst { id, idBase } = props.attributes;\n\tconst { isWide = false } = props;\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classnames( {\n\t\t\t'is-wide-widget': isWide,\n\t\t} ),\n\t} );\n\n\treturn (\n\t\t<div { ...blockProps }>\n\t\t\t{ ! id && ! idBase ? (\n\t\t\t\t<Empty { ...props } />\n\t\t\t) : (\n\t\t\t\t<NotEmpty { ...props } />\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nfunction Empty( { attributes: { id, idBase }, setAttributes } ) {\n\treturn (\n\t\t<Placeholder\n\t\t\ticon={ <BlockIcon icon={ brushIcon } /> }\n\t\t\tlabel={ __( 'Legacy Widget' ) }\n\t\t>\n\t\t\t<Flex>\n\t\t\t\t<FlexBlock>\n\t\t\t\t\t<WidgetTypeSelector\n\t\t\t\t\t\tselectedId={ id ?? idBase }\n\t\t\t\t\t\tonSelect={ ( { selectedId, isMulti } ) => {\n\t\t\t\t\t\t\tif ( ! selectedId ) {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tid: null,\n\t\t\t\t\t\t\t\t\tidBase: null,\n\t\t\t\t\t\t\t\t\tinstance: null,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} else if ( isMulti ) {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tid: null,\n\t\t\t\t\t\t\t\t\tidBase: selectedId,\n\t\t\t\t\t\t\t\t\tinstance: {},\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tid: selectedId,\n\t\t\t\t\t\t\t\t\tidBase: null,\n\t\t\t\t\t\t\t\t\tinstance: null,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t</FlexBlock>\n\t\t\t</Flex>\n\t\t</Placeholder>\n\t);\n}\n\nfunction NotEmpty( {\n\tattributes: { id, idBase, instance },\n\tsetAttributes,\n\tclientId,\n\tisSelected,\n\tisWide = false,\n} ) {\n\tconst [ hasPreview, setHasPreview ] = useState( null );\n\n\tconst widgetTypeId = id ?? idBase;\n\tconst { record: widgetType, hasResolved: hasResolvedWidgetType } =\n\t\tuseEntityRecord( 'root', 'widgetType', widgetTypeId );\n\n\tconst isNavigationMode = useSelect(\n\t\t( select ) => select( blockEditorStore ).isNavigationMode(),\n\t\t[]\n\t);\n\n\tconst setInstance = useCallback( ( nextInstance ) => {\n\t\tsetAttributes( { instance: nextInstance } );\n\t}, [] );\n\n\tif ( ! widgetType && hasResolvedWidgetType ) {\n\t\treturn (\n\t\t\t<Placeholder\n\t\t\t\ticon={ <BlockIcon icon={ brushIcon } /> }\n\t\t\t\tlabel={ __( 'Legacy Widget' ) }\n\t\t\t>\n\t\t\t\t{ __( 'Widget is missing.' ) }\n\t\t\t</Placeholder>\n\t\t);\n\t}\n\n\tif ( ! hasResolvedWidgetType ) {\n\t\treturn (\n\t\t\t<Placeholder>\n\t\t\t\t<Spinner />\n\t\t\t</Placeholder>\n\t\t);\n\t}\n\n\tconst mode =\n\t\tidBase && ( isNavigationMode || ! isSelected ) ? 'preview' : 'edit';\n\n\treturn (\n\t\t<>\n\t\t\t{ idBase === 'text' && (\n\t\t\t\t<BlockControls group=\"other\">\n\t\t\t\t\t<ConvertToBlocksButton\n\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\trawInstance={ instance.raw }\n\t\t\t\t\t/>\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\n\t\t\t<InspectorControls>\n\t\t\t\t<InspectorCard\n\t\t\t\t\tname={ widgetType.name }\n\t\t\t\t\tdescription={ widgetType.description }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\n\t\t\t<Form\n\t\t\t\ttitle={ widgetType.name }\n\t\t\t\tisVisible={ mode === 'edit' }\n\t\t\t\tid={ id }\n\t\t\t\tidBase={ idBase }\n\t\t\t\tinstance={ instance }\n\t\t\t\tisWide={ isWide }\n\t\t\t\tonChangeInstance={ setInstance }\n\t\t\t\tonChangeHasPreview={ setHasPreview }\n\t\t\t/>\n\n\t\t\t{ idBase && (\n\t\t\t\t<>\n\t\t\t\t\t{ hasPreview === null && mode === 'preview' && (\n\t\t\t\t\t\t<Placeholder>\n\t\t\t\t\t\t\t<Spinner />\n\t\t\t\t\t\t</Placeholder>\n\t\t\t\t\t) }\n\t\t\t\t\t{ hasPreview === true && (\n\t\t\t\t\t\t<Preview\n\t\t\t\t\t\t\tidBase={ idBase }\n\t\t\t\t\t\t\tinstance={ instance }\n\t\t\t\t\t\t\tisVisible={ mode === 'preview' }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ hasPreview === false && mode === 'preview' && (\n\t\t\t\t\t\t<NoPreview name={ widgetType.name } />\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["clsx","useBlockProps","BlockControls","InspectorControls","BlockIcon","store","blockEditorStore","Flex","FlexBlock","Spinner","Placeholder","brush","brushIcon","__","useState","useCallback","useSelect","useEntityRecord","WidgetTypeSelector","InspectorCard","Form","Preview","NoPreview","ConvertToBlocksButton","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Edit","props","id","idBase","attributes","isWide","blockProps","className","children","Empty","NotEmpty","setAttributes","icon","label","selectedId","onSelect","isMulti","instance","clientId","isSelected","hasPreview","setHasPreview","widgetTypeId","record","widgetType","hasResolved","hasResolvedWidgetType","isNavigationMode","select","setInstance","nextInstance","mode","group","rawInstance","raw","name","description","title","isVisible","onChangeInstance","onChangeHasPreview"],"sources":["@wordpress/widgets/src/blocks/legacy-widget/edit/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseBlockProps,\n\tBlockControls,\n\tInspectorControls,\n\tBlockIcon,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { Flex, FlexBlock, Spinner, Placeholder } from '@wordpress/components';\nimport { brush as brushIcon } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport { useState, useCallback } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { useEntityRecord } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport WidgetTypeSelector from './widget-type-selector';\nimport InspectorCard from './inspector-card';\nimport Form from './form';\nimport Preview from './preview';\nimport NoPreview from './no-preview';\nimport ConvertToBlocksButton from './convert-to-blocks-button';\n\nexport default function Edit( props ) {\n\tconst { id, idBase } = props.attributes;\n\tconst { isWide = false } = props;\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: clsx( {\n\t\t\t'is-wide-widget': isWide,\n\t\t} ),\n\t} );\n\n\treturn (\n\t\t<div { ...blockProps }>\n\t\t\t{ ! id && ! idBase ? (\n\t\t\t\t<Empty { ...props } />\n\t\t\t) : (\n\t\t\t\t<NotEmpty { ...props } />\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nfunction Empty( { attributes: { id, idBase }, setAttributes } ) {\n\treturn (\n\t\t<Placeholder\n\t\t\ticon={ <BlockIcon icon={ brushIcon } /> }\n\t\t\tlabel={ __( 'Legacy Widget' ) }\n\t\t>\n\t\t\t<Flex>\n\t\t\t\t<FlexBlock>\n\t\t\t\t\t<WidgetTypeSelector\n\t\t\t\t\t\tselectedId={ id ?? idBase }\n\t\t\t\t\t\tonSelect={ ( { selectedId, isMulti } ) => {\n\t\t\t\t\t\t\tif ( ! selectedId ) {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tid: null,\n\t\t\t\t\t\t\t\t\tidBase: null,\n\t\t\t\t\t\t\t\t\tinstance: null,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} else if ( isMulti ) {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tid: null,\n\t\t\t\t\t\t\t\t\tidBase: selectedId,\n\t\t\t\t\t\t\t\t\tinstance: {},\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tid: selectedId,\n\t\t\t\t\t\t\t\t\tidBase: null,\n\t\t\t\t\t\t\t\t\tinstance: null,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t</FlexBlock>\n\t\t\t</Flex>\n\t\t</Placeholder>\n\t);\n}\n\nfunction NotEmpty( {\n\tattributes: { id, idBase, instance },\n\tsetAttributes,\n\tclientId,\n\tisSelected,\n\tisWide = false,\n} ) {\n\tconst [ hasPreview, setHasPreview ] = useState( null );\n\n\tconst widgetTypeId = id ?? idBase;\n\tconst { record: widgetType, hasResolved: hasResolvedWidgetType } =\n\t\tuseEntityRecord( 'root', 'widgetType', widgetTypeId );\n\n\tconst isNavigationMode = useSelect(\n\t\t( select ) => select( blockEditorStore ).isNavigationMode(),\n\t\t[]\n\t);\n\n\tconst setInstance = useCallback( ( nextInstance ) => {\n\t\tsetAttributes( { instance: nextInstance } );\n\t}, [] );\n\n\tif ( ! widgetType && hasResolvedWidgetType ) {\n\t\treturn (\n\t\t\t<Placeholder\n\t\t\t\ticon={ <BlockIcon icon={ brushIcon } /> }\n\t\t\t\tlabel={ __( 'Legacy Widget' ) }\n\t\t\t>\n\t\t\t\t{ __( 'Widget is missing.' ) }\n\t\t\t</Placeholder>\n\t\t);\n\t}\n\n\tif ( ! hasResolvedWidgetType ) {\n\t\treturn (\n\t\t\t<Placeholder>\n\t\t\t\t<Spinner />\n\t\t\t</Placeholder>\n\t\t);\n\t}\n\n\tconst mode =\n\t\tidBase && ( isNavigationMode || ! isSelected ) ? 'preview' : 'edit';\n\n\treturn (\n\t\t<>\n\t\t\t{ idBase === 'text' && (\n\t\t\t\t<BlockControls group=\"other\">\n\t\t\t\t\t<ConvertToBlocksButton\n\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\trawInstance={ instance.raw }\n\t\t\t\t\t/>\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\n\t\t\t<InspectorControls>\n\t\t\t\t<InspectorCard\n\t\t\t\t\tname={ widgetType.name }\n\t\t\t\t\tdescription={ widgetType.description }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\n\t\t\t<Form\n\t\t\t\ttitle={ widgetType.name }\n\t\t\t\tisVisible={ mode === 'edit' }\n\t\t\t\tid={ id }\n\t\t\t\tidBase={ idBase }\n\t\t\t\tinstance={ instance }\n\t\t\t\tisWide={ isWide }\n\t\t\t\tonChangeInstance={ setInstance }\n\t\t\t\tonChangeHasPreview={ setHasPreview }\n\t\t\t/>\n\n\t\t\t{ idBase && (\n\t\t\t\t<>\n\t\t\t\t\t{ hasPreview === null && mode === 'preview' && (\n\t\t\t\t\t\t<Placeholder>\n\t\t\t\t\t\t\t<Spinner />\n\t\t\t\t\t\t</Placeholder>\n\t\t\t\t\t) }\n\t\t\t\t\t{ hasPreview === true && (\n\t\t\t\t\t\t<Preview\n\t\t\t\t\t\t\tidBase={ idBase }\n\t\t\t\t\t\t\tinstance={ instance }\n\t\t\t\t\t\t\tisVisible={ mode === 'preview' }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ hasPreview === false && mode === 'preview' && (\n\t\t\t\t\t\t<NoPreview name={ widgetType.name } />\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
@@ -1,12 +1,17 @@
1
- import { createElement } from "react";
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { jsxs as _jsxs } from "react/jsx-runtime";
2
3
  export default function InspectorCard({
3
4
  name,
4
5
  description
5
6
  }) {
6
- return createElement("div", {
7
- className: "wp-block-legacy-widget-inspector-card"
8
- }, createElement("h3", {
9
- className: "wp-block-legacy-widget-inspector-card__name"
10
- }, name), createElement("span", null, description));
7
+ return /*#__PURE__*/_jsxs("div", {
8
+ className: "wp-block-legacy-widget-inspector-card",
9
+ children: [/*#__PURE__*/_jsx("h3", {
10
+ className: "wp-block-legacy-widget-inspector-card__name",
11
+ children: name
12
+ }), /*#__PURE__*/_jsx("span", {
13
+ children: description
14
+ })]
15
+ });
11
16
  }
12
17
  //# sourceMappingURL=inspector-card.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["InspectorCard","name","description","createElement","className"],"sources":["@wordpress/widgets/src/blocks/legacy-widget/edit/inspector-card.js"],"sourcesContent":["export default function InspectorCard( { name, description } ) {\n\treturn (\n\t\t<div className=\"wp-block-legacy-widget-inspector-card\">\n\t\t\t<h3 className=\"wp-block-legacy-widget-inspector-card__name\">\n\t\t\t\t{ name }\n\t\t\t</h3>\n\t\t\t<span>{ description }</span>\n\t\t</div>\n\t);\n}\n"],"mappings":";AAAA,eAAe,SAASA,aAAaA,CAAE;EAAEC,IAAI;EAAEC;AAAY,CAAC,EAAG;EAC9D,OACCC,aAAA;IAAKC,SAAS,EAAC;EAAuC,GACrDD,aAAA;IAAIC,SAAS,EAAC;EAA6C,GACxDH,IACC,CAAC,EACLE,aAAA,eAAQD,WAAmB,CACvB,CAAC;AAER","ignoreList":[]}
1
+ {"version":3,"names":["InspectorCard","name","description","_jsxs","className","children","_jsx"],"sources":["@wordpress/widgets/src/blocks/legacy-widget/edit/inspector-card.js"],"sourcesContent":["export default function InspectorCard( { name, description } ) {\n\treturn (\n\t\t<div className=\"wp-block-legacy-widget-inspector-card\">\n\t\t\t<h3 className=\"wp-block-legacy-widget-inspector-card__name\">\n\t\t\t\t{ name }\n\t\t\t</h3>\n\t\t\t<span>{ description }</span>\n\t\t</div>\n\t);\n}\n"],"mappings":";;AAAA,eAAe,SAASA,aAAaA,CAAE;EAAEC,IAAI;EAAEC;AAAY,CAAC,EAAG;EAC9D,oBACCC,KAAA;IAAKC,SAAS,EAAC,uCAAuC;IAAAC,QAAA,gBACrDC,IAAA;MAAIF,SAAS,EAAC,6CAA6C;MAAAC,QAAA,EACxDJ;IAAI,CACH,CAAC,eACLK,IAAA;MAAAD,QAAA,EAAQH;IAAW,CAAQ,CAAC;EAAA,CACxB,CAAC;AAER","ignoreList":[]}
@@ -1,13 +1,19 @@
1
- import { createElement } from "react";
2
1
  /**
3
2
  * WordPress dependencies
4
3
  */
5
4
  import { __ } from '@wordpress/i18n';
5
+ import { jsx as _jsx } from "react/jsx-runtime";
6
+ import { jsxs as _jsxs } from "react/jsx-runtime";
6
7
  export default function NoPreview({
7
8
  name
8
9
  }) {
9
- return createElement("div", {
10
- className: "wp-block-legacy-widget__edit-no-preview"
11
- }, name && createElement("h3", null, name), createElement("p", null, __('No preview available.')));
10
+ return /*#__PURE__*/_jsxs("div", {
11
+ className: "wp-block-legacy-widget__edit-no-preview",
12
+ children: [name && /*#__PURE__*/_jsx("h3", {
13
+ children: name
14
+ }), /*#__PURE__*/_jsx("p", {
15
+ children: __('No preview available.')
16
+ })]
17
+ });
12
18
  }
13
19
  //# sourceMappingURL=no-preview.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["__","NoPreview","name","createElement","className"],"sources":["@wordpress/widgets/src/blocks/legacy-widget/edit/no-preview.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nexport default function NoPreview( { name } ) {\n\treturn (\n\t\t<div className=\"wp-block-legacy-widget__edit-no-preview\">\n\t\t\t{ name && <h3>{ name }</h3> }\n\t\t\t<p>{ __( 'No preview available.' ) }</p>\n\t\t</div>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AAEpC,eAAe,SAASC,SAASA,CAAE;EAAEC;AAAK,CAAC,EAAG;EAC7C,OACCC,aAAA;IAAKC,SAAS,EAAC;EAAyC,GACrDF,IAAI,IAAIC,aAAA,aAAMD,IAAU,CAAC,EAC3BC,aAAA,YAAKH,EAAE,CAAE,uBAAwB,CAAM,CACnC,CAAC;AAER","ignoreList":[]}
1
+ {"version":3,"names":["__","jsx","_jsx","jsxs","_jsxs","NoPreview","name","className","children"],"sources":["@wordpress/widgets/src/blocks/legacy-widget/edit/no-preview.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nexport default function NoPreview( { name } ) {\n\treturn (\n\t\t<div className=\"wp-block-legacy-widget__edit-no-preview\">\n\t\t\t{ name && <h3>{ name }</h3> }\n\t\t\t<p>{ __( 'No preview available.' ) }</p>\n\t\t</div>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAErC,eAAe,SAASC,SAASA,CAAE;EAAEC;AAAK,CAAC,EAAG;EAC7C,oBACCF,KAAA;IAAKG,SAAS,EAAC,yCAAyC;IAAAC,QAAA,GACrDF,IAAI,iBAAIJ,IAAA;MAAAM,QAAA,EAAMF;IAAI,CAAM,CAAC,eAC3BJ,IAAA;MAAAM,QAAA,EAAKR,EAAE,CAAE,uBAAwB;IAAC,CAAK,CAAC;EAAA,CACpC,CAAC;AAER","ignoreList":[]}
@@ -1,8 +1,7 @@
1
- import { createElement, Fragment } from "react";
2
1
  /**
3
2
  * External dependencies
4
3
  */
5
- import classnames from 'classnames';
4
+ import clsx from 'clsx';
6
5
 
7
6
  /**
8
7
  * WordPress dependencies
@@ -12,6 +11,9 @@ import { useEffect, useState } from '@wordpress/element';
12
11
  import { Disabled, Placeholder, Spinner } from '@wordpress/components';
13
12
  import { __ } from '@wordpress/i18n';
14
13
  import apiFetch from '@wordpress/api-fetch';
14
+ import { jsx as _jsx } from "react/jsx-runtime";
15
+ import { Fragment as _Fragment } from "react/jsx-runtime";
16
+ import { jsxs as _jsxs } from "react/jsx-runtime";
15
17
  export default function Preview({
16
18
  idBase,
17
19
  instance,
@@ -85,25 +87,32 @@ export default function Preview({
85
87
  iframe.removeEventListener('load', setHeight);
86
88
  };
87
89
  }, [isLoaded]);
88
- return createElement(Fragment, null, isVisible && !isLoaded && createElement(Placeholder, null, createElement(Spinner, null)), createElement("div", {
89
- className: classnames('wp-block-legacy-widget__edit-preview', {
90
- 'is-offscreen': !isVisible || !isLoaded
91
- })
92
- }, createElement(Disabled, null, createElement("iframe", {
93
- ref: ref,
94
- className: "wp-block-legacy-widget__edit-preview-iframe",
95
- tabIndex: "-1",
96
- title: __('Legacy Widget Preview'),
97
- srcDoc: srcDoc,
98
- onLoad: event => {
99
- // To hide the scrollbars of the preview frame for some edge cases,
100
- // such as negative margins in the Gallery Legacy Widget.
101
- // It can't be scrolled anyway.
102
- // TODO: Ideally, this should be fixed in core.
103
- event.target.contentDocument.body.style.overflow = 'hidden';
104
- setIsLoaded(true);
105
- },
106
- height: 100
107
- }))));
90
+ return /*#__PURE__*/_jsxs(_Fragment, {
91
+ children: [isVisible && !isLoaded && /*#__PURE__*/_jsx(Placeholder, {
92
+ children: /*#__PURE__*/_jsx(Spinner, {})
93
+ }), /*#__PURE__*/_jsx("div", {
94
+ className: clsx('wp-block-legacy-widget__edit-preview', {
95
+ 'is-offscreen': !isVisible || !isLoaded
96
+ }),
97
+ children: /*#__PURE__*/_jsx(Disabled, {
98
+ children: /*#__PURE__*/_jsx("iframe", {
99
+ ref: ref,
100
+ className: "wp-block-legacy-widget__edit-preview-iframe",
101
+ tabIndex: "-1",
102
+ title: __('Legacy Widget Preview'),
103
+ srcDoc: srcDoc,
104
+ onLoad: event => {
105
+ // To hide the scrollbars of the preview frame for some edge cases,
106
+ // such as negative margins in the Gallery Legacy Widget.
107
+ // It can't be scrolled anyway.
108
+ // TODO: Ideally, this should be fixed in core.
109
+ event.target.contentDocument.body.style.overflow = 'hidden';
110
+ setIsLoaded(true);
111
+ },
112
+ height: 100
113
+ })
114
+ })
115
+ })]
116
+ });
108
117
  }
109
118
  //# sourceMappingURL=preview.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["classnames","useRefEffect","useEffect","useState","Disabled","Placeholder","Spinner","__","apiFetch","Preview","idBase","instance","isVisible","isLoaded","setIsLoaded","srcDoc","setSrcDoc","abortController","window","AbortController","undefined","fetchPreviewHTML","restRoute","path","method","signal","data","then","response","preview","catch","error","name","abort","ref","iframe","setHeight","_iframe$contentDocume","_iframe$contentDocume2","height","Math","max","contentDocument","documentElement","offsetHeight","body","style","IntersectionObserver","ownerDocument","defaultView","intersectionObserver","entry","isIntersecting","threshold","observe","addEventListener","disconnect","removeEventListener","createElement","Fragment","className","tabIndex","title","onLoad","event","target","overflow"],"sources":["@wordpress/widgets/src/blocks/legacy-widget/edit/preview.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useRefEffect } from '@wordpress/compose';\nimport { useEffect, useState } from '@wordpress/element';\nimport { Disabled, Placeholder, Spinner } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport apiFetch from '@wordpress/api-fetch';\n\nexport default function Preview( { idBase, instance, isVisible } ) {\n\tconst [ isLoaded, setIsLoaded ] = useState( false );\n\tconst [ srcDoc, setSrcDoc ] = useState( '' );\n\n\tuseEffect( () => {\n\t\tconst abortController =\n\t\t\ttypeof window.AbortController === 'undefined'\n\t\t\t\t? undefined\n\t\t\t\t: new window.AbortController();\n\n\t\tasync function fetchPreviewHTML() {\n\t\t\tconst restRoute = `/wp/v2/widget-types/${ idBase }/render`;\n\t\t\treturn await apiFetch( {\n\t\t\t\tpath: restRoute,\n\t\t\t\tmethod: 'POST',\n\t\t\t\tsignal: abortController?.signal,\n\t\t\t\tdata: instance ? { instance } : {},\n\t\t\t} );\n\t\t}\n\n\t\tfetchPreviewHTML()\n\t\t\t.then( ( response ) => {\n\t\t\t\tsetSrcDoc( response.preview );\n\t\t\t} )\n\t\t\t.catch( ( error ) => {\n\t\t\t\tif ( 'AbortError' === error.name ) {\n\t\t\t\t\t// We don't want to log aborted requests.\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tthrow error;\n\t\t\t} );\n\n\t\treturn () => abortController?.abort();\n\t}, [ idBase, instance ] );\n\n\t// Resize the iframe on either the load event, or when the iframe becomes visible.\n\tconst ref = useRefEffect(\n\t\t( iframe ) => {\n\t\t\t// Only set height if the iframe is loaded,\n\t\t\t// or it will grow to an unexpected large height in Safari if it's hidden initially.\n\t\t\tif ( ! isLoaded ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t// If the preview frame has another origin then this won't work.\n\t\t\t// One possible solution is to add custom script to call `postMessage` in the preview frame.\n\t\t\t// Or, better yet, we migrate away from iframe.\n\t\t\tfunction setHeight() {\n\t\t\t\t// Pick the maximum of these two values to account for margin collapsing.\n\t\t\t\tconst height = Math.max(\n\t\t\t\t\tiframe.contentDocument.documentElement?.offsetHeight ?? 0,\n\t\t\t\t\tiframe.contentDocument.body?.offsetHeight ?? 0\n\t\t\t\t);\n\n\t\t\t\t// Fallback to a height of 100px if the height cannot be determined.\n\t\t\t\t// This ensures the block is still selectable. 100px should hopefully\n\t\t\t\t// be not so big that it's annoying, and not so small that nothing\n\t\t\t\t// can be seen.\n\t\t\t\tiframe.style.height = `${ height !== 0 ? height : 100 }px`;\n\t\t\t}\n\n\t\t\tconst { IntersectionObserver } = iframe.ownerDocument.defaultView;\n\n\t\t\t// Observe for intersections that might cause a change in the height of\n\t\t\t// the iframe, e.g. a Widget Area becoming expanded.\n\t\t\tconst intersectionObserver = new IntersectionObserver(\n\t\t\t\t( [ entry ] ) => {\n\t\t\t\t\tif ( entry.isIntersecting ) {\n\t\t\t\t\t\tsetHeight();\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tthreshold: 1,\n\t\t\t\t}\n\t\t\t);\n\t\t\tintersectionObserver.observe( iframe );\n\n\t\t\tiframe.addEventListener( 'load', setHeight );\n\n\t\t\treturn () => {\n\t\t\t\tintersectionObserver.disconnect();\n\t\t\t\tiframe.removeEventListener( 'load', setHeight );\n\t\t\t};\n\t\t},\n\t\t[ isLoaded ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{ /*\n\t\t\tWhile the iframe contents are loading, we move the iframe off-screen\n\t\t\tand display a placeholder instead. This ensures that the user\n\t\t\tdoesn't see the iframe resize (which looks really janky). We have to\n\t\t\tmove the iframe off-screen instead of hiding it because web browsers\n\t\t\twill not trigger onLoad if the iframe is hidden.\n\t\t\t*/ }\n\t\t\t{ isVisible && ! isLoaded && (\n\t\t\t\t<Placeholder>\n\t\t\t\t\t<Spinner />\n\t\t\t\t</Placeholder>\n\t\t\t) }\n\t\t\t<div\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\t'wp-block-legacy-widget__edit-preview',\n\t\t\t\t\t{\n\t\t\t\t\t\t'is-offscreen': ! isVisible || ! isLoaded,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<Disabled>\n\t\t\t\t\t{ /*\n\t\t\t\t\tWe use an iframe so that the widget has an opportunity to\n\t\t\t\t\tload scripts and styles that it needs to run.\n\t\t\t\t\t*/ }\n\t\t\t\t\t<iframe\n\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\tclassName=\"wp-block-legacy-widget__edit-preview-iframe\"\n\t\t\t\t\t\ttabIndex=\"-1\"\n\t\t\t\t\t\ttitle={ __( 'Legacy Widget Preview' ) }\n\t\t\t\t\t\tsrcDoc={ srcDoc }\n\t\t\t\t\t\tonLoad={ ( event ) => {\n\t\t\t\t\t\t\t// To hide the scrollbars of the preview frame for some edge cases,\n\t\t\t\t\t\t\t// such as negative margins in the Gallery Legacy Widget.\n\t\t\t\t\t\t\t// It can't be scrolled anyway.\n\t\t\t\t\t\t\t// TODO: Ideally, this should be fixed in core.\n\t\t\t\t\t\t\tevent.target.contentDocument.body.style.overflow =\n\t\t\t\t\t\t\t\t'hidden';\n\n\t\t\t\t\t\t\tsetIsLoaded( true );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\theight={ 100 }\n\t\t\t\t\t/>\n\t\t\t\t</Disabled>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["clsx","useRefEffect","useEffect","useState","Disabled","Placeholder","Spinner","__","apiFetch","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Preview","idBase","instance","isVisible","isLoaded","setIsLoaded","srcDoc","setSrcDoc","abortController","window","AbortController","undefined","fetchPreviewHTML","restRoute","path","method","signal","data","then","response","preview","catch","error","name","abort","ref","iframe","setHeight","_iframe$contentDocume","_iframe$contentDocume2","height","Math","max","contentDocument","documentElement","offsetHeight","body","style","IntersectionObserver","ownerDocument","defaultView","intersectionObserver","entry","isIntersecting","threshold","observe","addEventListener","disconnect","removeEventListener","children","className","tabIndex","title","onLoad","event","target","overflow"],"sources":["@wordpress/widgets/src/blocks/legacy-widget/edit/preview.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useRefEffect } from '@wordpress/compose';\nimport { useEffect, useState } from '@wordpress/element';\nimport { Disabled, Placeholder, Spinner } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport apiFetch from '@wordpress/api-fetch';\n\nexport default function Preview( { idBase, instance, isVisible } ) {\n\tconst [ isLoaded, setIsLoaded ] = useState( false );\n\tconst [ srcDoc, setSrcDoc ] = useState( '' );\n\n\tuseEffect( () => {\n\t\tconst abortController =\n\t\t\ttypeof window.AbortController === 'undefined'\n\t\t\t\t? undefined\n\t\t\t\t: new window.AbortController();\n\n\t\tasync function fetchPreviewHTML() {\n\t\t\tconst restRoute = `/wp/v2/widget-types/${ idBase }/render`;\n\t\t\treturn await apiFetch( {\n\t\t\t\tpath: restRoute,\n\t\t\t\tmethod: 'POST',\n\t\t\t\tsignal: abortController?.signal,\n\t\t\t\tdata: instance ? { instance } : {},\n\t\t\t} );\n\t\t}\n\n\t\tfetchPreviewHTML()\n\t\t\t.then( ( response ) => {\n\t\t\t\tsetSrcDoc( response.preview );\n\t\t\t} )\n\t\t\t.catch( ( error ) => {\n\t\t\t\tif ( 'AbortError' === error.name ) {\n\t\t\t\t\t// We don't want to log aborted requests.\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tthrow error;\n\t\t\t} );\n\n\t\treturn () => abortController?.abort();\n\t}, [ idBase, instance ] );\n\n\t// Resize the iframe on either the load event, or when the iframe becomes visible.\n\tconst ref = useRefEffect(\n\t\t( iframe ) => {\n\t\t\t// Only set height if the iframe is loaded,\n\t\t\t// or it will grow to an unexpected large height in Safari if it's hidden initially.\n\t\t\tif ( ! isLoaded ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t// If the preview frame has another origin then this won't work.\n\t\t\t// One possible solution is to add custom script to call `postMessage` in the preview frame.\n\t\t\t// Or, better yet, we migrate away from iframe.\n\t\t\tfunction setHeight() {\n\t\t\t\t// Pick the maximum of these two values to account for margin collapsing.\n\t\t\t\tconst height = Math.max(\n\t\t\t\t\tiframe.contentDocument.documentElement?.offsetHeight ?? 0,\n\t\t\t\t\tiframe.contentDocument.body?.offsetHeight ?? 0\n\t\t\t\t);\n\n\t\t\t\t// Fallback to a height of 100px if the height cannot be determined.\n\t\t\t\t// This ensures the block is still selectable. 100px should hopefully\n\t\t\t\t// be not so big that it's annoying, and not so small that nothing\n\t\t\t\t// can be seen.\n\t\t\t\tiframe.style.height = `${ height !== 0 ? height : 100 }px`;\n\t\t\t}\n\n\t\t\tconst { IntersectionObserver } = iframe.ownerDocument.defaultView;\n\n\t\t\t// Observe for intersections that might cause a change in the height of\n\t\t\t// the iframe, e.g. a Widget Area becoming expanded.\n\t\t\tconst intersectionObserver = new IntersectionObserver(\n\t\t\t\t( [ entry ] ) => {\n\t\t\t\t\tif ( entry.isIntersecting ) {\n\t\t\t\t\t\tsetHeight();\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tthreshold: 1,\n\t\t\t\t}\n\t\t\t);\n\t\t\tintersectionObserver.observe( iframe );\n\n\t\t\tiframe.addEventListener( 'load', setHeight );\n\n\t\t\treturn () => {\n\t\t\t\tintersectionObserver.disconnect();\n\t\t\t\tiframe.removeEventListener( 'load', setHeight );\n\t\t\t};\n\t\t},\n\t\t[ isLoaded ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{ /*\n\t\t\tWhile the iframe contents are loading, we move the iframe off-screen\n\t\t\tand display a placeholder instead. This ensures that the user\n\t\t\tdoesn't see the iframe resize (which looks really janky). We have to\n\t\t\tmove the iframe off-screen instead of hiding it because web browsers\n\t\t\twill not trigger onLoad if the iframe is hidden.\n\t\t\t*/ }\n\t\t\t{ isVisible && ! isLoaded && (\n\t\t\t\t<Placeholder>\n\t\t\t\t\t<Spinner />\n\t\t\t\t</Placeholder>\n\t\t\t) }\n\t\t\t<div\n\t\t\t\tclassName={ clsx( 'wp-block-legacy-widget__edit-preview', {\n\t\t\t\t\t'is-offscreen': ! isVisible || ! isLoaded,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t<Disabled>\n\t\t\t\t\t{ /*\n\t\t\t\t\tWe use an iframe so that the widget has an opportunity to\n\t\t\t\t\tload scripts and styles that it needs to run.\n\t\t\t\t\t*/ }\n\t\t\t\t\t<iframe\n\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\tclassName=\"wp-block-legacy-widget__edit-preview-iframe\"\n\t\t\t\t\t\ttabIndex=\"-1\"\n\t\t\t\t\t\ttitle={ __( 'Legacy Widget Preview' ) }\n\t\t\t\t\t\tsrcDoc={ srcDoc }\n\t\t\t\t\t\tonLoad={ ( event ) => {\n\t\t\t\t\t\t\t// To hide the scrollbars of the preview frame for some edge cases,\n\t\t\t\t\t\t\t// such as negative margins in the Gallery Legacy Widget.\n\t\t\t\t\t\t\t// It can't be scrolled anyway.\n\t\t\t\t\t\t\t// TODO: Ideally, this should be fixed in core.\n\t\t\t\t\t\t\tevent.target.contentDocument.body.style.overflow =\n\t\t\t\t\t\t\t\t'hidden';\n\n\t\t\t\t\t\t\tsetIsLoaded( true );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\theight={ 100 }\n\t\t\t\t\t/>\n\t\t\t\t</Disabled>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
@@ -1,4 +1,3 @@
1
- import { createElement } from "react";
2
1
  /**
3
2
  * WordPress dependencies
4
3
  */
@@ -7,6 +6,7 @@ import { __ } from '@wordpress/i18n';
7
6
  import { useSelect } from '@wordpress/data';
8
7
  import { store as coreStore } from '@wordpress/core-data';
9
8
  import { store as blockEditorStore } from '@wordpress/block-editor';
9
+ import { jsx as _jsx } from "react/jsx-runtime";
10
10
  export default function WidgetTypeSelector({
11
11
  selectedId,
12
12
  onSelect
@@ -19,12 +19,12 @@ export default function WidgetTypeSelector({
19
19
  })?.filter(widgetType => !hiddenIds.includes(widgetType.id));
20
20
  }, []);
21
21
  if (!widgetTypes) {
22
- return createElement(Spinner, null);
22
+ return /*#__PURE__*/_jsx(Spinner, {});
23
23
  }
24
24
  if (widgetTypes.length === 0) {
25
25
  return __('There are no widgets available.');
26
26
  }
27
- return createElement(SelectControl, {
27
+ return /*#__PURE__*/_jsx(SelectControl, {
28
28
  __nextHasNoMarginBottom: true,
29
29
  label: __('Select a legacy widget to display:'),
30
30
  value: selectedId !== null && selectedId !== void 0 ? selectedId : '',
@@ -1 +1 @@
1
- {"version":3,"names":["Spinner","SelectControl","__","useSelect","store","coreStore","blockEditorStore","WidgetTypeSelector","selectedId","onSelect","widgetTypes","select","_select$getSettings$w","hiddenIds","getSettings","widgetTypesToHideFromLegacyWidgetBlock","getWidgetTypes","per_page","filter","widgetType","includes","id","createElement","length","__nextHasNoMarginBottom","label","value","options","map","name","onChange","selected","find","isMulti","is_multi"],"sources":["@wordpress/widgets/src/blocks/legacy-widget/edit/widget-type-selector.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Spinner, SelectControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\nexport default function WidgetTypeSelector( { selectedId, onSelect } ) {\n\tconst widgetTypes = useSelect( ( select ) => {\n\t\tconst hiddenIds =\n\t\t\tselect( blockEditorStore ).getSettings()\n\t\t\t\t?.widgetTypesToHideFromLegacyWidgetBlock ?? [];\n\t\treturn select( coreStore )\n\t\t\t.getWidgetTypes( { per_page: -1 } )\n\t\t\t?.filter( ( widgetType ) => ! hiddenIds.includes( widgetType.id ) );\n\t}, [] );\n\n\tif ( ! widgetTypes ) {\n\t\treturn <Spinner />;\n\t}\n\n\tif ( widgetTypes.length === 0 ) {\n\t\treturn __( 'There are no widgets available.' );\n\t}\n\n\treturn (\n\t\t<SelectControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ __( 'Select a legacy widget to display:' ) }\n\t\t\tvalue={ selectedId ?? '' }\n\t\t\toptions={ [\n\t\t\t\t{ value: '', label: __( 'Select widget' ) },\n\t\t\t\t...widgetTypes.map( ( widgetType ) => ( {\n\t\t\t\t\tvalue: widgetType.id,\n\t\t\t\t\tlabel: widgetType.name,\n\t\t\t\t} ) ),\n\t\t\t] }\n\t\t\tonChange={ ( value ) => {\n\t\t\t\tif ( value ) {\n\t\t\t\t\tconst selected = widgetTypes.find(\n\t\t\t\t\t\t( widgetType ) => widgetType.id === value\n\t\t\t\t\t);\n\t\t\t\t\tonSelect( {\n\t\t\t\t\t\tselectedId: selected.id,\n\t\t\t\t\t\tisMulti: selected.is_multi,\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tonSelect( { selectedId: null } );\n\t\t\t\t}\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,OAAO,EAAEC,aAAa,QAAQ,uBAAuB;AAC9D,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;AACzD,SAASD,KAAK,IAAIE,gBAAgB,QAAQ,yBAAyB;AAEnE,eAAe,SAASC,kBAAkBA,CAAE;EAAEC,UAAU;EAAEC;AAAS,CAAC,EAAG;EACtE,MAAMC,WAAW,GAAGP,SAAS,CAAIQ,MAAM,IAAM;IAAA,IAAAC,qBAAA;IAC5C,MAAMC,SAAS,IAAAD,qBAAA,GACdD,MAAM,CAAEL,gBAAiB,CAAC,CAACQ,WAAW,CAAC,CAAC,EACrCC,sCAAsC,cAAAH,qBAAA,cAAAA,qBAAA,GAAI,EAAE;IAChD,OAAOD,MAAM,CAAEN,SAAU,CAAC,CACxBW,cAAc,CAAE;MAAEC,QAAQ,EAAE,CAAC;IAAE,CAAE,CAAC,EACjCC,MAAM,CAAIC,UAAU,IAAM,CAAEN,SAAS,CAACO,QAAQ,CAAED,UAAU,CAACE,EAAG,CAAE,CAAC;EACrE,CAAC,EAAE,EAAG,CAAC;EAEP,IAAK,CAAEX,WAAW,EAAG;IACpB,OAAOY,aAAA,CAACtB,OAAO,MAAE,CAAC;EACnB;EAEA,IAAKU,WAAW,CAACa,MAAM,KAAK,CAAC,EAAG;IAC/B,OAAOrB,EAAE,CAAE,iCAAkC,CAAC;EAC/C;EAEA,OACCoB,aAAA,CAACrB,aAAa;IACbuB,uBAAuB;IACvBC,KAAK,EAAGvB,EAAE,CAAE,oCAAqC,CAAG;IACpDwB,KAAK,EAAGlB,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAI,EAAI;IAC1BmB,OAAO,EAAG,CACT;MAAED,KAAK,EAAE,EAAE;MAAED,KAAK,EAAEvB,EAAE,CAAE,eAAgB;IAAE,CAAC,EAC3C,GAAGQ,WAAW,CAACkB,GAAG,CAAIT,UAAU,KAAQ;MACvCO,KAAK,EAAEP,UAAU,CAACE,EAAE;MACpBI,KAAK,EAAEN,UAAU,CAACU;IACnB,CAAC,CAAG,CAAC,CACH;IACHC,QAAQ,EAAKJ,KAAK,IAAM;MACvB,IAAKA,KAAK,EAAG;QACZ,MAAMK,QAAQ,GAAGrB,WAAW,CAACsB,IAAI,CAC9Bb,UAAU,IAAMA,UAAU,CAACE,EAAE,KAAKK,KACrC,CAAC;QACDjB,QAAQ,CAAE;UACTD,UAAU,EAAEuB,QAAQ,CAACV,EAAE;UACvBY,OAAO,EAAEF,QAAQ,CAACG;QACnB,CAAE,CAAC;MACJ,CAAC,MAAM;QACNzB,QAAQ,CAAE;UAAED,UAAU,EAAE;QAAK,CAAE,CAAC;MACjC;IACD;EAAG,CACH,CAAC;AAEJ","ignoreList":[]}
1
+ {"version":3,"names":["Spinner","SelectControl","__","useSelect","store","coreStore","blockEditorStore","jsx","_jsx","WidgetTypeSelector","selectedId","onSelect","widgetTypes","select","_select$getSettings$w","hiddenIds","getSettings","widgetTypesToHideFromLegacyWidgetBlock","getWidgetTypes","per_page","filter","widgetType","includes","id","length","__nextHasNoMarginBottom","label","value","options","map","name","onChange","selected","find","isMulti","is_multi"],"sources":["@wordpress/widgets/src/blocks/legacy-widget/edit/widget-type-selector.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Spinner, SelectControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\nexport default function WidgetTypeSelector( { selectedId, onSelect } ) {\n\tconst widgetTypes = useSelect( ( select ) => {\n\t\tconst hiddenIds =\n\t\t\tselect( blockEditorStore ).getSettings()\n\t\t\t\t?.widgetTypesToHideFromLegacyWidgetBlock ?? [];\n\t\treturn select( coreStore )\n\t\t\t.getWidgetTypes( { per_page: -1 } )\n\t\t\t?.filter( ( widgetType ) => ! hiddenIds.includes( widgetType.id ) );\n\t}, [] );\n\n\tif ( ! widgetTypes ) {\n\t\treturn <Spinner />;\n\t}\n\n\tif ( widgetTypes.length === 0 ) {\n\t\treturn __( 'There are no widgets available.' );\n\t}\n\n\treturn (\n\t\t<SelectControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ __( 'Select a legacy widget to display:' ) }\n\t\t\tvalue={ selectedId ?? '' }\n\t\t\toptions={ [\n\t\t\t\t{ value: '', label: __( 'Select widget' ) },\n\t\t\t\t...widgetTypes.map( ( widgetType ) => ( {\n\t\t\t\t\tvalue: widgetType.id,\n\t\t\t\t\tlabel: widgetType.name,\n\t\t\t\t} ) ),\n\t\t\t] }\n\t\t\tonChange={ ( value ) => {\n\t\t\t\tif ( value ) {\n\t\t\t\t\tconst selected = widgetTypes.find(\n\t\t\t\t\t\t( widgetType ) => widgetType.id === value\n\t\t\t\t\t);\n\t\t\t\t\tonSelect( {\n\t\t\t\t\t\tselectedId: selected.id,\n\t\t\t\t\t\tisMulti: selected.is_multi,\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tonSelect( { selectedId: null } );\n\t\t\t\t}\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,EAAEC,aAAa,QAAQ,uBAAuB;AAC9D,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;AACzD,SAASD,KAAK,IAAIE,gBAAgB,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEpE,eAAe,SAASC,kBAAkBA,CAAE;EAAEC,UAAU;EAAEC;AAAS,CAAC,EAAG;EACtE,MAAMC,WAAW,GAAGT,SAAS,CAAIU,MAAM,IAAM;IAAA,IAAAC,qBAAA;IAC5C,MAAMC,SAAS,IAAAD,qBAAA,GACdD,MAAM,CAAEP,gBAAiB,CAAC,CAACU,WAAW,CAAC,CAAC,EACrCC,sCAAsC,cAAAH,qBAAA,cAAAA,qBAAA,GAAI,EAAE;IAChD,OAAOD,MAAM,CAAER,SAAU,CAAC,CACxBa,cAAc,CAAE;MAAEC,QAAQ,EAAE,CAAC;IAAE,CAAE,CAAC,EACjCC,MAAM,CAAIC,UAAU,IAAM,CAAEN,SAAS,CAACO,QAAQ,CAAED,UAAU,CAACE,EAAG,CAAE,CAAC;EACrE,CAAC,EAAE,EAAG,CAAC;EAEP,IAAK,CAAEX,WAAW,EAAG;IACpB,oBAAOJ,IAAA,CAACR,OAAO,IAAE,CAAC;EACnB;EAEA,IAAKY,WAAW,CAACY,MAAM,KAAK,CAAC,EAAG;IAC/B,OAAOtB,EAAE,CAAE,iCAAkC,CAAC;EAC/C;EAEA,oBACCM,IAAA,CAACP,aAAa;IACbwB,uBAAuB;IACvBC,KAAK,EAAGxB,EAAE,CAAE,oCAAqC,CAAG;IACpDyB,KAAK,EAAGjB,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAI,EAAI;IAC1BkB,OAAO,EAAG,CACT;MAAED,KAAK,EAAE,EAAE;MAAED,KAAK,EAAExB,EAAE,CAAE,eAAgB;IAAE,CAAC,EAC3C,GAAGU,WAAW,CAACiB,GAAG,CAAIR,UAAU,KAAQ;MACvCM,KAAK,EAAEN,UAAU,CAACE,EAAE;MACpBG,KAAK,EAAEL,UAAU,CAACS;IACnB,CAAC,CAAG,CAAC,CACH;IACHC,QAAQ,EAAKJ,KAAK,IAAM;MACvB,IAAKA,KAAK,EAAG;QACZ,MAAMK,QAAQ,GAAGpB,WAAW,CAACqB,IAAI,CAC9BZ,UAAU,IAAMA,UAAU,CAACE,EAAE,KAAKI,KACrC,CAAC;QACDhB,QAAQ,CAAE;UACTD,UAAU,EAAEsB,QAAQ,CAACT,EAAE;UACvBW,OAAO,EAAEF,QAAQ,CAACG;QACnB,CAAE,CAAC;MACJ,CAAC,MAAM;QACNxB,QAAQ,CAAE;UAAED,UAAU,EAAE;QAAK,CAAE,CAAC;MACjC;IACD;EAAG,CACH,CAAC;AAEJ","ignoreList":[]}
@@ -1,8 +1,10 @@
1
- import { createElement, Fragment } from "react";
2
1
  /**
3
2
  * WordPress dependencies
4
3
  */
5
4
  import { InnerBlocks, RichText } from '@wordpress/block-editor';
5
+ import { jsx as _jsx } from "react/jsx-runtime";
6
+ import { Fragment as _Fragment } from "react/jsx-runtime";
7
+ import { jsxs as _jsxs } from "react/jsx-runtime";
6
8
  const v1 = {
7
9
  attributes: {
8
10
  title: {
@@ -18,11 +20,13 @@ const v1 = {
18
20
  save({
19
21
  attributes
20
22
  }) {
21
- return createElement(Fragment, null, createElement(RichText.Content, {
22
- tagName: "h2",
23
- className: "widget-title",
24
- value: attributes.title
25
- }), createElement(InnerBlocks.Content, null));
23
+ return /*#__PURE__*/_jsxs(_Fragment, {
24
+ children: [/*#__PURE__*/_jsx(RichText.Content, {
25
+ tagName: "h2",
26
+ className: "widget-title",
27
+ value: attributes.title
28
+ }), /*#__PURE__*/_jsx(InnerBlocks.Content, {})]
29
+ });
26
30
  }
27
31
  };
28
32
  export default [v1];
@@ -1 +1 @@
1
- {"version":3,"names":["InnerBlocks","RichText","v1","attributes","title","type","supports","html","inserter","customClassName","reusable","save","createElement","Fragment","Content","tagName","className","value"],"sources":["@wordpress/widgets/src/blocks/widget-group/deprecated.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { InnerBlocks, RichText } from '@wordpress/block-editor';\n\nconst v1 = {\n\tattributes: {\n\t\ttitle: {\n\t\t\ttype: 'string',\n\t\t},\n\t},\n\tsupports: {\n\t\thtml: false,\n\t\tinserter: true,\n\t\tcustomClassName: true,\n\t\treusable: false,\n\t},\n\tsave( { attributes } ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<RichText.Content\n\t\t\t\t\ttagName=\"h2\"\n\t\t\t\t\tclassName=\"widget-title\"\n\t\t\t\t\tvalue={ attributes.title }\n\t\t\t\t/>\n\t\t\t\t<InnerBlocks.Content />\n\t\t\t</>\n\t\t);\n\t},\n};\n\nexport default [ v1 ];\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,yBAAyB;AAE/D,MAAMC,EAAE,GAAG;EACVC,UAAU,EAAE;IACXC,KAAK,EAAE;MACNC,IAAI,EAAE;IACP;EACD,CAAC;EACDC,QAAQ,EAAE;IACTC,IAAI,EAAE,KAAK;IACXC,QAAQ,EAAE,IAAI;IACdC,eAAe,EAAE,IAAI;IACrBC,QAAQ,EAAE;EACX,CAAC;EACDC,IAAIA,CAAE;IAAER;EAAW,CAAC,EAAG;IACtB,OACCS,aAAA,CAAAC,QAAA,QACCD,aAAA,CAACX,QAAQ,CAACa,OAAO;MAChBC,OAAO,EAAC,IAAI;MACZC,SAAS,EAAC,cAAc;MACxBC,KAAK,EAAGd,UAAU,CAACC;IAAO,CAC1B,CAAC,EACFQ,aAAA,CAACZ,WAAW,CAACc,OAAO,MAAE,CACrB,CAAC;EAEL;AACD,CAAC;AAED,eAAe,CAAEZ,EAAE,CAAE","ignoreList":[]}
1
+ {"version":3,"names":["InnerBlocks","RichText","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","v1","attributes","title","type","supports","html","inserter","customClassName","reusable","save","children","Content","tagName","className","value"],"sources":["@wordpress/widgets/src/blocks/widget-group/deprecated.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { InnerBlocks, RichText } from '@wordpress/block-editor';\n\nconst v1 = {\n\tattributes: {\n\t\ttitle: {\n\t\t\ttype: 'string',\n\t\t},\n\t},\n\tsupports: {\n\t\thtml: false,\n\t\tinserter: true,\n\t\tcustomClassName: true,\n\t\treusable: false,\n\t},\n\tsave( { attributes } ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<RichText.Content\n\t\t\t\t\ttagName=\"h2\"\n\t\t\t\t\tclassName=\"widget-title\"\n\t\t\t\t\tvalue={ attributes.title }\n\t\t\t\t/>\n\t\t\t\t<InnerBlocks.Content />\n\t\t\t</>\n\t\t);\n\t},\n};\n\nexport default [ v1 ];\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEhE,MAAMC,EAAE,GAAG;EACVC,UAAU,EAAE;IACXC,KAAK,EAAE;MACNC,IAAI,EAAE;IACP;EACD,CAAC;EACDC,QAAQ,EAAE;IACTC,IAAI,EAAE,KAAK;IACXC,QAAQ,EAAE,IAAI;IACdC,eAAe,EAAE,IAAI;IACrBC,QAAQ,EAAE;EACX,CAAC;EACDC,IAAIA,CAAE;IAAER;EAAW,CAAC,EAAG;IACtB,oBACCF,KAAA,CAAAF,SAAA;MAAAa,QAAA,gBACCf,IAAA,CAACF,QAAQ,CAACkB,OAAO;QAChBC,OAAO,EAAC,IAAI;QACZC,SAAS,EAAC,cAAc;QACxBC,KAAK,EAAGb,UAAU,CAACC;MAAO,CAC1B,CAAC,eACFP,IAAA,CAACH,WAAW,CAACmB,OAAO,IAAE,CAAC;IAAA,CACtB,CAAC;EAEL;AACD,CAAC;AAED,eAAe,CAAEX,EAAE,CAAE","ignoreList":[]}