@payloadcms/next 3.0.0-alpha.40 → 3.0.0-alpha.42

package/dist/views/List/Default/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/views/List/Default/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  Gutter,\n  ListControls,\n  ListSelection,\n  Pagination,\n  PerPage,\n  Pill,\n  SelectionProvider,\n  StaggeredShimmers,\n  Table,\n  useComponentMap,\n  useConfig,\n  useListInfo,\n  useStepNav,\n  useTranslation,\n  useWindowInfo,\n} from '@payloadcms/ui'\nimport {\n  DeleteMany,\n  EditMany,\n  PublishMany,\n  SetViewActions,\n  UnpublishMany,\n} from '@payloadcms/ui/elements'\nimport LinkImport from 'next/link.js'\nimport { formatFilesize } from 'payload/utilities'\nimport React, { Fragment, useEffect } from 'react'\n\nimport type { CollectionComponentMap } from '../../../../../ui/src/utilities/buildComponentMap/types.js'\n\nimport { RelationshipProvider } from './RelationshipProvider/index.js'\nimport './index.scss'\n\nconst baseClass = 'collection-list'\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport const DefaultListView: React.FC = () => {\n  const {\n    Header,\n    collectionSlug,\n    data,\n    handlePageChange,\n    handlePerPageChange,\n    handleSearchChange,\n    handleSortChange,\n    handleWhereChange,\n    hasCreatePermission,\n    limit,\n    modifySearchParams,\n    newDocumentURL,\n    titleField,\n  } = useListInfo()\n\n  const config = useConfig()\n\n  const { getComponentMap } = useComponentMap()\n\n  const componentMap = getComponentMap({ collectionSlug }) as CollectionComponentMap\n\n  const { AfterList, AfterListTable, BeforeList, BeforeListTable, actionsMap } = componentMap || {}\n\n  const collectionConfig = config.collections.find(\n    (collection) => collection.slug === collectionSlug,\n  )\n\n  const { labels } = collectionConfig\n\n  const { i18n } = useTranslation()\n\n  const { setStepNav } = useStepNav()\n\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  let docs = data.docs || []\n\n  if (collectionConfig.upload) {\n    docs = docs?.map((doc) => {\n      return {\n        ...doc,\n        filesize: formatFilesize(doc.filesize),\n      }\n    })\n  }\n\n  useEffect(() => {\n    setStepNav([\n      {\n        label: labels?.plural,\n      },\n    ])\n  }, [setStepNav, labels])\n\n  return (\n    <div className={baseClass}>\n      <SetViewActions actions={actionsMap?.List} />\n      {BeforeList}\n      <SelectionProvider docs={data.docs} totalDocs={data.totalDocs}>\n        <Gutter className={`${baseClass}__wrap`}>\n          <header className={`${baseClass}__header`}>\n            {Header || (\n              <Fragment>\n                <h1>{getTranslation(labels?.plural, i18n)}</h1>\n                {hasCreatePermission && (\n                  <Pill\n                    aria-label={i18n.t('general:createNewLabel', {\n                      label: getTranslation(labels?.singular, i18n),\n                    })}\n                    to={newDocumentURL}\n                  >\n                    {i18n.t('general:createNew')}\n                  </Pill>\n                )}\n                {!smallBreak && (\n                  <ListSelection label={getTranslation(collectionConfig.labels.plural, i18n)} />\n                )}\n                {/* {description && (\n                  <div className={`${baseClass}__sub-header`}>\n                    <ViewDescription description={description} />\n                  </div>\n                )} */}\n              </Fragment>\n            )}\n          </header>\n          <ListControls\n            collectionConfig={collectionConfig}\n            // textFieldsToBeSearched={textFieldsToBeSearched}\n            // handleSearchChange={handleSearchChange}\n            // handleSortChange={handleSortChange}\n            // handleWhereChange={handleWhereChange}\n            // modifySearchQuery={modifySearchParams}\n            titleField={titleField}\n          />\n          {BeforeListTable}\n          {!data.docs && (\n            <StaggeredShimmers\n              className={[`${baseClass}__shimmer`, `${baseClass}__shimmer--rows`].join(' ')}\n              count={6}\n            />\n          )}\n          {data.docs && data.docs.length > 0 && (\n            <RelationshipProvider>\n              <Table\n                customCellContext={{\n                  collectionSlug,\n                  uploadConfig: collectionConfig.upload,\n                }}\n                data={docs}\n              />\n            </RelationshipProvider>\n          )}\n          {data.docs && data.docs.length === 0 && (\n            <div className={`${baseClass}__no-results`}>\n              <p>{i18n.t('general:noResults', { label: getTranslation(labels?.plural, i18n) })}</p>\n              {hasCreatePermission && newDocumentURL && (\n                <Button Link={Link} el=\"link\" to={newDocumentURL}>\n                  {i18n.t('general:createNewLabel', {\n                    label: getTranslation(labels?.singular, i18n),\n                  })}\n                </Button>\n              )}\n            </div>\n          )}\n          {AfterListTable}\n          {data.docs && data.docs.length > 0 && (\n            <div className={`${baseClass}__page-controls`}>\n              <Pagination\n                disableHistoryChange={modifySearchParams === false}\n                hasNextPage={data.hasNextPage}\n                hasPrevPage={data.hasPrevPage}\n                limit={data.limit}\n                nextPage={data.nextPage}\n                numberOfNeighbors={1}\n                onChange={handlePageChange}\n                page={data.page}\n                prevPage={data.prevPage}\n                totalPages={data.totalPages}\n              />\n              {data?.totalDocs > 0 && (\n                <Fragment>\n                  <div className={`${baseClass}__page-info`}>\n                    {data.page * data.limit - (data.limit - 1)}-\n                    {data.totalPages > 1 && data.totalPages !== data.page\n                      ? data.limit * data.page\n                      : data.totalDocs}{' '}\n                    {i18n.t('general:of')} {data.totalDocs}\n                  </div>\n                  <PerPage\n                    handleChange={handlePerPageChange}\n                    limit={limit}\n                    limits={collectionConfig?.admin?.pagination?.limits}\n                    modifySearchParams={modifySearchParams}\n                    resetPage={data.totalDocs <= data.pagingCounter}\n                  />\n                  {smallBreak && (\n                    <div className={`${baseClass}__list-selection`}>\n                      <Fragment>\n                        <ListSelection\n                          label={getTranslation(collectionConfig.labels.plural, i18n)}\n                        />\n                        <div className={`${baseClass}__list-selection-actions`}>\n                          <EditMany collection={collectionConfig} />\n                          <PublishMany collection={collectionConfig} />\n                          <UnpublishMany collection={collectionConfig} />\n                          <DeleteMany collection={collectionConfig} />\n                        </div>\n                      </Fragment>\n                    </div>\n                  )}\n                </Fragment>\n              )}\n            </div>\n          )}\n        </Gutter>\n      </SelectionProvider>\n      {AfterList}\n    </div>\n  )\n}\n"],"names":["getTranslation","Button","Gutter","ListControls","ListSelection","Pagination","PerPage","Pill","SelectionProvider","StaggeredShimmers","Table","useComponentMap","useConfig","useListInfo","useStepNav","useTranslation","useWindowInfo","DeleteMany","EditMany","PublishMany","SetViewActions","UnpublishMany","LinkImport","formatFilesize","React","Fragment","useEffect","RelationshipProvider","baseClass","Link","default","DefaultListView","Header","collectionSlug","data","handlePageChange","handlePerPageChange","handleSearchChange","handleSortChange","handleWhereChange","hasCreatePermission","limit","modifySearchParams","newDocumentURL","titleField","config","getComponentMap","componentMap","AfterList","AfterListTable","BeforeList","BeforeListTable","actionsMap","collectionConfig","collections","find","collection","slug","labels","i18n","setStepNav","breakpoints","s","smallBreak","docs","upload","map","doc","filesize","label","plural","div","className","actions","List","totalDocs","header","h1","aria-label","t","singular","to","join","count","length","customCellContext","uploadConfig","p","el","disableHistoryChange","hasNextPage","hasPrevPage","nextPage","numberOfNeighbors","onChange","page","prevPage","totalPages","handleChange","limits","admin","pagination","resetPage","pagingCounter"],"mappings":"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"}

package/dist/views/List/Default/types.js

@@ -1,3 +1,3 @@
 export { };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy92aWV3cy9MaXN0L0RlZmF1bHQvdHlwZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDb2x1bW5QcmVmZXJlbmNlcyB9IGZyb20gJ0BwYXlsb2FkY21zL3VpJ1xuaW1wb3J0IHR5cGUgeyBTYW5pdGl6ZWRDb2xsZWN0aW9uQ29uZmlnIH0gZnJvbSAncGF5bG9hZC90eXBlcydcblxuZXhwb3J0IHR5cGUgRGVmYXVsdExpc3RWaWV3UHJvcHMgPSB7XG4gIGNvbGxlY3Rpb25TbHVnOiBTYW5pdGl6ZWRDb2xsZWN0aW9uQ29uZmlnWydzbHVnJ11cbn1cblxuZXhwb3J0IHR5cGUgTGlzdEluZGV4UHJvcHMgPSB7XG4gIGNvbGxlY3Rpb246IFNhbml0aXplZENvbGxlY3Rpb25Db25maWdcbn1cblxuZXhwb3J0IHR5cGUgTGlzdFByZWZlcmVuY2VzID0ge1xuICBjb2x1bW5zOiBDb2x1bW5QcmVmZXJlbmNlc1xuICBsaW1pdDogbnVtYmVyXG4gIHNvcnQ6IG51bWJlclxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdBLFdBSUMifQ==
+//# sourceMappingURL=types.js.map

package/dist/views/List/Default/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/views/List/Default/types.ts"],"sourcesContent":["import type { ColumnPreferences } from '@payloadcms/ui'\nimport type { SanitizedCollectionConfig } from 'payload/types'\n\nexport type DefaultListViewProps = {\n  collectionSlug: SanitizedCollectionConfig['slug']\n}\n\nexport type ListIndexProps = {\n  collection: SanitizedCollectionConfig\n}\n\nexport type ListPreferences = {\n  columns: ColumnPreferences\n  limit: number\n  sort: number\n}\n"],"names":[],"mappings":"AAWA,WAIC"}

package/dist/views/List/index.js

@@ -67,4 +67,4 @@ export const ListView = async ({ initPageResult, searchParams })=>{
     return notFound();
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy92aWV3cy9MaXN0L2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBIeWRyYXRlQ2xpZW50VXNlcixcbiAgTGlzdEluZm9Qcm92aWRlcixcbiAgUmVuZGVyQ3VzdG9tQ29tcG9uZW50LFxuICBUYWJsZUNvbHVtbnNQcm92aWRlcixcbn0gZnJvbSAnQHBheWxvYWRjbXMvdWknXG5pbXBvcnQgeyBub3RGb3VuZCB9IGZyb20gJ25leHQvbmF2aWdhdGlvbi5qcydcbmltcG9ydCB7IGlzRW50aXR5SGlkZGVuIH0gZnJvbSAncGF5bG9hZC91dGlsaXRpZXMnXG5pbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHR5cGUgeyBBZG1pblZpZXdQcm9wcyB9IGZyb20gJy4uL1Jvb3QvaW5kZXguanMnXG5pbXBvcnQgdHlwZSB7IERlZmF1bHRMaXN0Vmlld1Byb3BzLCBMaXN0UHJlZmVyZW5jZXMgfSBmcm9tICcuL0RlZmF1bHQvdHlwZXMuanMnXG5cbmltcG9ydCB7IERlZmF1bHRMaXN0VmlldyB9IGZyb20gJy4vRGVmYXVsdC9pbmRleC5qcydcblxuZXhwb3J0IHsgZ2VuZXJhdGVMaXN0TWV0YWRhdGEgfSBmcm9tICcuL21ldGEuanMnXG5cbmV4cG9ydCBjb25zdCBMaXN0VmlldzogUmVhY3QuRkM8QWRtaW5WaWV3UHJvcHM+ID0gYXN5bmMgKHsgaW5pdFBhZ2VSZXN1bHQsIHNlYXJjaFBhcmFtcyB9KSA9PiB7XG4gIGNvbnN0IHtcbiAgICBjb2xsZWN0aW9uQ29uZmlnLFxuICAgIHBlcm1pc3Npb25zLFxuICAgIHJlcToge1xuICAgICAgcGF5bG9hZCxcbiAgICAgIHBheWxvYWQ6IHsgY29uZmlnIH0sXG4gICAgICB1c2VyLFxuICAgIH0sXG4gIH0gPSBpbml0UGFnZVJlc3VsdFxuXG4gIGNvbnN0IGNvbGxlY3Rpb25TbHVnID0gY29sbGVjdGlvbkNvbmZpZz8uc2x1Z1xuXG4gIGxldCBsaXN0UHJlZmVyZW5jZXM6IExpc3RQcmVmZXJlbmNlc1xuXG4gIHRyeSB7XG4gICAgbGlzdFByZWZlcmVuY2VzID0gKGF3YWl0IHBheWxvYWRcbiAgICAgIC5maW5kKHtcbiAgICAgICAgY29sbGVjdGlvbjogJ3BheWxvYWQtcHJlZmVyZW5jZXMnLFxuICAgICAgICBkZXB0aDogMCxcbiAgICAgICAgbGltaXQ6IDEsXG4gICAgICAgIHdoZXJlOiB7XG4gICAgICAgICAga2V5OiB7XG4gICAgICAgICAgICBlcXVhbHM6IGAke2NvbGxlY3Rpb25TbHVnfS1saXN0YCxcbiAgICAgICAgICB9LFxuICAgICAgICB9LFxuICAgICAgfSlcbiAgICAgID8udGhlbigocmVzKSA9PiByZXM/LmRvY3M/LlswXT8udmFsdWUpKSBhcyBMaXN0UHJlZmVyZW5jZXNcbiAgfSBjYXRjaCAoZXJyb3IpIHt9IC8vIGVzbGludC1kaXNhYmxlLWxpbmUgbm8tZW1wdHlcblxuICBjb25zdCB7XG4gICAgcm91dGVzOiB7IGFkbWluIH0sXG4gIH0gPSBjb25maWdcblxuICBpZiAoY29sbGVjdGlvbkNvbmZpZykge1xuICAgIGNvbnN0IHtcbiAgICAgIGFkbWluOiB7IGNvbXBvbmVudHM6IHsgdmlld3M6IHsgTGlzdDogQ3VzdG9tTGlzdCB9ID0ge30gfSA9IHt9LCBoaWRkZW4gfSxcbiAgICB9ID0gY29sbGVjdGlvbkNvbmZpZ1xuXG4gICAgaWYgKGlzRW50aXR5SGlkZGVuKHsgaGlkZGVuLCB1c2VyIH0pKSB7XG4gICAgICByZXR1cm4gbm90Rm91bmQoKVxuICAgIH1cblxuICAgIGxldCBDdXN0b21MaXN0VmlldyA9IG51bGxcblxuICAgIGlmIChDdXN0b21MaXN0ICYmIHR5cGVvZiBDdXN0b21MaXN0ID09PSAnZnVuY3Rpb24nKSB7XG4gICAgICBDdXN0b21MaXN0VmlldyA9IEN1c3RvbUxpc3RcbiAgICB9IGVsc2UgaWYgKHR5cGVvZiBDdXN0b21MaXN0ID09PSAnb2JqZWN0JyAmJiB0eXBlb2YgQ3VzdG9tTGlzdC5Db21wb25lbnQgPT09ICdmdW5jdGlvbicpIHtcbiAgICAgIEN1c3RvbUxpc3RWaWV3ID0gQ3VzdG9tTGlzdC5Db21wb25lbnRcbiAgICB9XG5cbiAgICBjb25zdCBsaW1pdCA9IE51bWJlcihzZWFyY2hQYXJhbXM/LmxpbWl0KSB8fCBjb2xsZWN0aW9uQ29uZmlnLmFkbWluLnBhZ2luYXRpb24uZGVmYXVsdExpbWl0XG5cbiAgICBjb25zdCBkYXRhID0gYXdhaXQgcGF5bG9hZC5maW5kKHtcbiAgICAgIGNvbGxlY3Rpb246IGNvbGxlY3Rpb25TbHVnLFxuICAgICAgZGVwdGg6IDAsXG4gICAgICBsaW1pdCxcbiAgICAgIHVzZXIsXG4gICAgfSlcblxuICAgIGNvbnN0IGNvbXBvbmVudFByb3BzOiBEZWZhdWx0TGlzdFZpZXdQcm9wcyA9IHtcbiAgICAgIGNvbGxlY3Rpb25TbHVnLFxuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8RnJhZ21lbnQ+XG4gICAgICAgIDxIeWRyYXRlQ2xpZW50VXNlciBwZXJtaXNzaW9ucz17cGVybWlzc2lvbnN9IHVzZXI9e3VzZXJ9IC8+XG4gICAgICAgIDxMaXN0SW5mb1Byb3ZpZGVyXG4gICAgICAgICAgY29sbGVjdGlvblNsdWc9e2NvbGxlY3Rpb25TbHVnfVxuICAgICAgICAgIGRhdGE9e2RhdGF9XG4gICAgICAgICAgaGFzQ3JlYXRlUGVybWlzc2lvbj17cGVybWlzc2lvbnM/LmNvbGxlY3Rpb25zPy5bY29sbGVjdGlvblNsdWddPy5jcmVhdGU/LnBlcm1pc3Npb259XG4gICAgICAgICAgbGltaXQ9e2xpbWl0fVxuICAgICAgICAgIG5ld0RvY3VtZW50VVJMPXtgJHthZG1pbn0vY29sbGVjdGlvbnMvJHtjb2xsZWN0aW9uU2x1Z30vY3JlYXRlYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxUYWJsZUNvbHVtbnNQcm92aWRlclxuICAgICAgICAgICAgY29sbGVjdGlvblNsdWc9e2NvbGxlY3Rpb25TbHVnfVxuICAgICAgICAgICAgZW5hYmxlUm93U2VsZWN0aW9uc1xuICAgICAgICAgICAgbGlzdFByZWZlcmVuY2VzPXtsaXN0UHJlZmVyZW5jZXN9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFJlbmRlckN1c3RvbUNvbXBvbmVudFxuICAgICAgICAgICAgICBDdXN0b21Db21wb25lbnQ9e0N1c3RvbUxpc3RWaWV3fVxuICAgICAgICAgICAgICBEZWZhdWx0Q29tcG9uZW50PXtEZWZhdWx0TGlzdFZpZXd9XG4gICAgICAgICAgICAgIGNvbXBvbmVudFByb3BzPXtjb21wb25lbnRQcm9wc31cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9UYWJsZUNvbHVtbnNQcm92aWRlcj5cbiAgICAgICAgPC9MaXN0SW5mb1Byb3ZpZGVyPlxuICAgICAgPC9GcmFnbWVudD5cbiAgICApXG4gIH1cblxuICByZXR1cm4gbm90Rm91bmQoKVxufVxuIl0sIm5hbWVzIjpbIkh5ZHJhdGVDbGllbnRVc2VyIiwiTGlzdEluZm9Qcm92aWRlciIsIlJlbmRlckN1c3RvbUNvbXBvbmVudCIsIlRhYmxlQ29sdW1uc1Byb3ZpZGVyIiwibm90Rm91bmQiLCJpc0VudGl0eUhpZGRlbiIsIlJlYWN0IiwiRnJhZ21lbnQiLCJEZWZhdWx0TGlzdFZpZXciLCJnZW5lcmF0ZUxpc3RNZXRhZGF0YSIsIkxpc3RWaWV3IiwiaW5pdFBhZ2VSZXN1bHQiLCJzZWFyY2hQYXJhbXMiLCJjb2xsZWN0aW9uQ29uZmlnIiwicGVybWlzc2lvbnMiLCJyZXEiLCJwYXlsb2FkIiwiY29uZmlnIiwidXNlciIsImNvbGxlY3Rpb25TbHVnIiwic2x1ZyIsImxpc3RQcmVmZXJlbmNlcyIsImZpbmQiLCJjb2xsZWN0aW9uIiwiZGVwdGgiLCJsaW1pdCIsIndoZXJlIiwia2V5IiwiZXF1YWxzIiwidGhlbiIsInJlcyIsImRvY3MiLCJ2YWx1ZSIsImVycm9yIiwicm91dGVzIiwiYWRtaW4iLCJjb21wb25lbnRzIiwidmlld3MiLCJMaXN0IiwiQ3VzdG9tTGlzdCIsImhpZGRlbiIsIkN1c3RvbUxpc3RWaWV3IiwiQ29tcG9uZW50IiwiTnVtYmVyIiwicGFnaW5hdGlvbiIsImRlZmF1bHRMaW1pdCIsImRhdGEiLCJjb21wb25lbnRQcm9wcyIsImhhc0NyZWF0ZVBlcm1pc3Npb24iLCJjb2xsZWN0aW9ucyIsImNyZWF0ZSIsInBlcm1pc3Npb24iLCJuZXdEb2N1bWVudFVSTCIsImVuYWJsZVJvd1NlbGVjdGlvbnMiLCJDdXN0b21Db21wb25lbnQiLCJEZWZhdWx0Q29tcG9uZW50Il0sIm1hcHBpbmdzIjoiQUFBQSxTQUNFQSxpQkFBaUIsRUFDakJDLGdCQUFnQixFQUNoQkMscUJBQXFCLEVBQ3JCQyxvQkFBb0IsUUFDZixpQkFBZ0I7QUFDdkIsU0FBU0MsUUFBUSxRQUFRLHFCQUFvQjtBQUM3QyxTQUFTQyxjQUFjLFFBQVEsb0JBQW1CO0FBQ2xELE9BQU9DLFNBQVNDLFFBQVEsUUFBUSxRQUFPO0FBS3ZDLFNBQVNDLGVBQWUsUUFBUSxxQkFBb0I7QUFFcEQsU0FBU0Msb0JBQW9CLFFBQVEsWUFBVztBQUVoRCxPQUFPLE1BQU1DLFdBQXFDLE9BQU8sRUFBRUMsY0FBYyxFQUFFQyxZQUFZLEVBQUU7SUFDdkYsTUFBTSxFQUNKQyxnQkFBZ0IsRUFDaEJDLFdBQVcsRUFDWEMsS0FBSyxFQUNIQyxPQUFPLEVBQ1BBLFNBQVMsRUFBRUMsTUFBTSxFQUFFLEVBQ25CQyxJQUFJLEVBQ0wsRUFDRixHQUFHUDtJQUVKLE1BQU1RLGlCQUFpQk4sa0JBQWtCTztJQUV6QyxJQUFJQztJQUVKLElBQUk7UUFDRkEsa0JBQW1CLE1BQU1MLFFBQ3RCTSxJQUFJLENBQUM7WUFDSkMsWUFBWTtZQUNaQyxPQUFPO1lBQ1BDLE9BQU87WUFDUEMsT0FBTztnQkFDTEMsS0FBSztvQkFDSEMsUUFBUSxDQUFDLEVBQUVULGVBQWUsS0FBSyxDQUFDO2dCQUNsQztZQUNGO1FBQ0YsSUFDRVUsS0FBSyxDQUFDQyxNQUFRQSxLQUFLQyxNQUFNLENBQUMsRUFBRSxFQUFFQztJQUNwQyxFQUFFLE9BQU9DLE9BQU8sQ0FBQyxFQUFFLCtCQUErQjtJQUVsRCxNQUFNLEVBQ0pDLFFBQVEsRUFBRUMsS0FBSyxFQUFFLEVBQ2xCLEdBQUdsQjtJQUVKLElBQUlKLGtCQUFrQjtRQUNwQixNQUFNLEVBQ0pzQixPQUFPLEVBQUVDLFlBQVksRUFBRUMsT0FBTyxFQUFFQyxNQUFNQyxVQUFVLEVBQUUsR0FBRyxDQUFDLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQyxFQUFFQyxNQUFNLEVBQUUsRUFDekUsR0FBRzNCO1FBRUosSUFBSVIsZUFBZTtZQUFFbUM7WUFBUXRCO1FBQUssSUFBSTtZQUNwQyxPQUFPZDtRQUNUO1FBRUEsSUFBSXFDLGlCQUFpQjtRQUVyQixJQUFJRixjQUFjLE9BQU9BLGVBQWUsWUFBWTtZQUNsREUsaUJBQWlCRjtRQUNuQixPQUFPLElBQUksT0FBT0EsZUFBZSxZQUFZLE9BQU9BLFdBQVdHLFNBQVMsS0FBSyxZQUFZO1lBQ3ZGRCxpQkFBaUJGLFdBQVdHLFNBQVM7UUFDdkM7UUFFQSxNQUFNakIsUUFBUWtCLE9BQU8vQixjQUFjYSxVQUFVWixpQkFBaUJzQixLQUFLLENBQUNTLFVBQVUsQ0FBQ0MsWUFBWTtRQUUzRixNQUFNQyxPQUFPLE1BQU05QixRQUFRTSxJQUFJLENBQUM7WUFDOUJDLFlBQVlKO1lBQ1pLLE9BQU87WUFDUEM7WUFDQVA7UUFDRjtRQUVBLE1BQU02QixpQkFBdUM7WUFDM0M1QjtRQUNGO1FBRUEscUJBQ0Usb0JBQUNaLDhCQUNDLG9CQUFDUDtZQUFrQmMsYUFBYUE7WUFBYUksTUFBTUE7MEJBQ25ELG9CQUFDakI7WUFDQ2tCLGdCQUFnQkE7WUFDaEIyQixNQUFNQTtZQUNORSxxQkFBcUJsQyxhQUFhbUMsYUFBYSxDQUFDOUIsZUFBZSxFQUFFK0IsUUFBUUM7WUFDekUxQixPQUFPQTtZQUNQMkIsZ0JBQWdCLENBQUMsRUFBRWpCLE1BQU0sYUFBYSxFQUFFaEIsZUFBZSxPQUFPLENBQUM7eUJBRS9ELG9CQUFDaEI7WUFDQ2dCLGdCQUFnQkE7WUFDaEJrQyxxQkFBQUE7WUFDQWhDLGlCQUFpQkE7eUJBRWpCLG9CQUFDbkI7WUFDQ29ELGlCQUFpQmI7WUFDakJjLGtCQUFrQi9DO1lBQ2xCdUMsZ0JBQWdCQTs7SUFNNUI7SUFFQSxPQUFPM0M7QUFDVCxFQUFDIn0=
+//# sourceMappingURL=index.js.map

package/dist/views/List/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/views/List/index.tsx"],"sourcesContent":["import {\n  HydrateClientUser,\n  ListInfoProvider,\n  RenderCustomComponent,\n  TableColumnsProvider,\n} from '@payloadcms/ui'\nimport { notFound } from 'next/navigation.js'\nimport { isEntityHidden } from 'payload/utilities'\nimport React, { Fragment } from 'react'\n\nimport type { AdminViewProps } from '../Root/index.js'\nimport type { DefaultListViewProps, ListPreferences } from './Default/types.js'\n\nimport { DefaultListView } from './Default/index.js'\n\nexport { generateListMetadata } from './meta.js'\n\nexport const ListView: React.FC<AdminViewProps> = async ({ initPageResult, searchParams }) => {\n  const {\n    collectionConfig,\n    permissions,\n    req: {\n      payload,\n      payload: { config },\n      user,\n    },\n  } = initPageResult\n\n  const collectionSlug = collectionConfig?.slug\n\n  let listPreferences: ListPreferences\n\n  try {\n    listPreferences = (await payload\n      .find({\n        collection: 'payload-preferences',\n        depth: 0,\n        limit: 1,\n        where: {\n          key: {\n            equals: `${collectionSlug}-list`,\n          },\n        },\n      })\n      ?.then((res) => res?.docs?.[0]?.value)) as ListPreferences\n  } catch (error) {} // eslint-disable-line no-empty\n\n  const {\n    routes: { admin },\n  } = config\n\n  if (collectionConfig) {\n    const {\n      admin: { components: { views: { List: CustomList } = {} } = {}, hidden },\n    } = collectionConfig\n\n    if (isEntityHidden({ hidden, user })) {\n      return notFound()\n    }\n\n    let CustomListView = null\n\n    if (CustomList && typeof CustomList === 'function') {\n      CustomListView = CustomList\n    } else if (typeof CustomList === 'object' && typeof CustomList.Component === 'function') {\n      CustomListView = CustomList.Component\n    }\n\n    const limit = Number(searchParams?.limit) || collectionConfig.admin.pagination.defaultLimit\n\n    const data = await payload.find({\n      collection: collectionSlug,\n      depth: 0,\n      limit,\n      user,\n    })\n\n    const componentProps: DefaultListViewProps = {\n      collectionSlug,\n    }\n\n    return (\n      <Fragment>\n        <HydrateClientUser permissions={permissions} user={user} />\n        <ListInfoProvider\n          collectionSlug={collectionSlug}\n          data={data}\n          hasCreatePermission={permissions?.collections?.[collectionSlug]?.create?.permission}\n          limit={limit}\n          newDocumentURL={`${admin}/collections/${collectionSlug}/create`}\n        >\n          <TableColumnsProvider\n            collectionSlug={collectionSlug}\n            enableRowSelections\n            listPreferences={listPreferences}\n          >\n            <RenderCustomComponent\n              CustomComponent={CustomListView}\n              DefaultComponent={DefaultListView}\n              componentProps={componentProps}\n            />\n          </TableColumnsProvider>\n        </ListInfoProvider>\n      </Fragment>\n    )\n  }\n\n  return notFound()\n}\n"],"names":["HydrateClientUser","ListInfoProvider","RenderCustomComponent","TableColumnsProvider","notFound","isEntityHidden","React","Fragment","DefaultListView","generateListMetadata","ListView","initPageResult","searchParams","collectionConfig","permissions","req","payload","config","user","collectionSlug","slug","listPreferences","find","collection","depth","limit","where","key","equals","then","res","docs","value","error","routes","admin","components","views","List","CustomList","hidden","CustomListView","Component","Number","pagination","defaultLimit","data","componentProps","hasCreatePermission","collections","create","permission","newDocumentURL","enableRowSelections","CustomComponent","DefaultComponent"],"mappings":"AAAA,SACEA,iBAAiB,EACjBC,gBAAgB,EAChBC,qBAAqB,EACrBC,oBAAoB,QACf,iBAAgB;AACvB,SAASC,QAAQ,QAAQ,qBAAoB;AAC7C,SAASC,cAAc,QAAQ,oBAAmB;AAClD,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAKvC,SAASC,eAAe,QAAQ,qBAAoB;AAEpD,SAASC,oBAAoB,QAAQ,YAAW;AAEhD,OAAO,MAAMC,WAAqC,OAAO,EAAEC,cAAc,EAAEC,YAAY,EAAE;IACvF,MAAM,EACJC,gBAAgB,EAChBC,WAAW,EACXC,KAAK,EACHC,OAAO,EACPA,SAAS,EAAEC,MAAM,EAAE,EACnBC,IAAI,EACL,EACF,GAAGP;IAEJ,MAAMQ,iBAAiBN,kBAAkBO;IAEzC,IAAIC;IAEJ,IAAI;QACFA,kBAAmB,MAAML,QACtBM,IAAI,CAAC;YACJC,YAAY;YACZC,OAAO;YACPC,OAAO;YACPC,OAAO;gBACLC,KAAK;oBACHC,QAAQ,CAAC,EAAET,eAAe,KAAK,CAAC;gBAClC;YACF;QACF,IACEU,KAAK,CAACC,MAAQA,KAAKC,MAAM,CAAC,EAAE,EAAEC;IACpC,EAAE,OAAOC,OAAO,CAAC,EAAE,+BAA+B;IAElD,MAAM,EACJC,QAAQ,EAAEC,KAAK,EAAE,EAClB,GAAGlB;IAEJ,IAAIJ,kBAAkB;QACpB,MAAM,EACJsB,OAAO,EAAEC,YAAY,EAAEC,OAAO,EAAEC,MAAMC,UAAU,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAEC,MAAM,EAAE,EACzE,GAAG3B;QAEJ,IAAIR,eAAe;YAAEmC;YAAQtB;QAAK,IAAI;YACpC,OAAOd;QACT;QAEA,IAAIqC,iBAAiB;QAErB,IAAIF,cAAc,OAAOA,eAAe,YAAY;YAClDE,iBAAiBF;QACnB,OAAO,IAAI,OAAOA,eAAe,YAAY,OAAOA,WAAWG,SAAS,KAAK,YAAY;YACvFD,iBAAiBF,WAAWG,SAAS;QACvC;QAEA,MAAMjB,QAAQkB,OAAO/B,cAAca,UAAUZ,iBAAiBsB,KAAK,CAACS,UAAU,CAACC,YAAY;QAE3F,MAAMC,OAAO,MAAM9B,QAAQM,IAAI,CAAC;YAC9BC,YAAYJ;YACZK,OAAO;YACPC;YACAP;QACF;QAEA,MAAM6B,iBAAuC;YAC3C5B;QACF;QAEA,qBACE,oBAACZ,8BACC,oBAACP;YAAkBc,aAAaA;YAAaI,MAAMA;0BACnD,oBAACjB;YACCkB,gBAAgBA;YAChB2B,MAAMA;YACNE,qBAAqBlC,aAAamC,aAAa,CAAC9B,eAAe,EAAE+B,QAAQC;YACzE1B,OAAOA;YACP2B,gBAAgB,CAAC,EAAEjB,MAAM,aAAa,EAAEhB,eAAe,OAAO,CAAC;yBAE/D,oBAAChB;YACCgB,gBAAgBA;YAChBkC,qBAAAA;YACAhC,iBAAiBA;yBAEjB,oBAACnB;YACCoD,iBAAiBb;YACjBc,kBAAkB/C;YAClBuC,gBAAgBA;;IAM5B;IAEA,OAAO3C;AACT,EAAC"}

package/dist/views/List/meta.js

@@ -16,4 +16,4 @@ export const generateListMetadata = async (args)=>{
     });
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy92aWV3cy9MaXN0L21ldGEudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBNZXRhZGF0YSB9IGZyb20gJ25leHQnXG5pbXBvcnQgdHlwZSB7IFNhbml0aXplZENvbGxlY3Rpb25Db25maWcgfSBmcm9tICdwYXlsb2FkL3R5cGVzJ1xuXG5pbXBvcnQgeyBnZXRUcmFuc2xhdGlvbiB9IGZyb20gJ0BwYXlsb2FkY21zL3RyYW5zbGF0aW9ucydcblxuaW1wb3J0IHR5cGUgeyBHZW5lcmF0ZVZpZXdNZXRhZGF0YSB9IGZyb20gJy4uL1Jvb3QvaW5kZXguanMnXG5cbmltcG9ydCB7IG1ldGEgfSBmcm9tICcuLi8uLi91dGlsaXRpZXMvbWV0YS5qcydcblxuZXhwb3J0IGNvbnN0IGdlbmVyYXRlTGlzdE1ldGFkYXRhID0gYXN5bmMgKFxuICBhcmdzOiBQYXJhbWV0ZXJzPEdlbmVyYXRlVmlld01ldGFkYXRhPlswXSAmIHtcbiAgICBjb2xsZWN0aW9uQ29uZmlnOiBTYW5pdGl6ZWRDb2xsZWN0aW9uQ29uZmlnXG4gIH0sXG4pOiBQcm9taXNlPE1ldGFkYXRhPiA9PiB7XG4gIGNvbnN0IHsgY29sbGVjdGlvbkNvbmZpZywgY29uZmlnLCBpMThuIH0gPSBhcmdzXG5cbiAgbGV0IHRpdGxlOiBzdHJpbmcgPSAnJ1xuICBjb25zdCBkZXNjcmlwdGlvbjogc3RyaW5nID0gJydcbiAgY29uc3Qga2V5d29yZHM6IHN0cmluZyA9ICcnXG5cbiAgaWYgKGNvbGxlY3Rpb25Db25maWcpIHtcbiAgICB0aXRsZSA9IGdldFRyYW5zbGF0aW9uKGNvbGxlY3Rpb25Db25maWcubGFiZWxzLnBsdXJhbCwgaTE4bilcbiAgfVxuXG4gIHJldHVybiBtZXRhKHtcbiAgICBjb25maWcsXG4gICAgZGVzY3JpcHRpb24sXG4gICAga2V5d29yZHMsXG4gICAgdGl0bGUsXG4gIH0pXG59XG4iXSwibmFtZXMiOlsiZ2V0VHJhbnNsYXRpb24iLCJtZXRhIiwiZ2VuZXJhdGVMaXN0TWV0YWRhdGEiLCJhcmdzIiwiY29sbGVjdGlvbkNvbmZpZyIsImNvbmZpZyIsImkxOG4iLCJ0aXRsZSIsImRlc2NyaXB0aW9uIiwia2V5d29yZHMiLCJsYWJlbHMiLCJwbHVyYWwiXSwibWFwcGluZ3MiOiJBQUdBLFNBQVNBLGNBQWMsUUFBUSwyQkFBMEI7QUFJekQsU0FBU0MsSUFBSSxRQUFRLDBCQUF5QjtBQUU5QyxPQUFPLE1BQU1DLHVCQUF1QixPQUNsQ0M7SUFJQSxNQUFNLEVBQUVDLGdCQUFnQixFQUFFQyxNQUFNLEVBQUVDLElBQUksRUFBRSxHQUFHSDtJQUUzQyxJQUFJSSxRQUFnQjtJQUNwQixNQUFNQyxjQUFzQjtJQUM1QixNQUFNQyxXQUFtQjtJQUV6QixJQUFJTCxrQkFBa0I7UUFDcEJHLFFBQVFQLGVBQWVJLGlCQUFpQk0sTUFBTSxDQUFDQyxNQUFNLEVBQUVMO0lBQ3pEO0lBRUEsT0FBT0wsS0FBSztRQUNWSTtRQUNBRztRQUNBQztRQUNBRjtJQUNGO0FBQ0YsRUFBQyJ9
+//# sourceMappingURL=meta.js.map

package/dist/views/List/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/views/List/meta.ts"],"sourcesContent":["import type { Metadata } from 'next'\nimport type { SanitizedCollectionConfig } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport type { GenerateViewMetadata } from '../Root/index.js'\n\nimport { meta } from '../../utilities/meta.js'\n\nexport const generateListMetadata = async (\n  args: Parameters<GenerateViewMetadata>[0] & {\n    collectionConfig: SanitizedCollectionConfig\n  },\n): Promise<Metadata> => {\n  const { collectionConfig, config, i18n } = args\n\n  let title: string = ''\n  const description: string = ''\n  const keywords: string = ''\n\n  if (collectionConfig) {\n    title = getTranslation(collectionConfig.labels.plural, i18n)\n  }\n\n  return meta({\n    config,\n    description,\n    keywords,\n    title,\n  })\n}\n"],"names":["getTranslation","meta","generateListMetadata","args","collectionConfig","config","i18n","title","description","keywords","labels","plural"],"mappings":"AAGA,SAASA,cAAc,QAAQ,2BAA0B;AAIzD,SAASC,IAAI,QAAQ,0BAAyB;AAE9C,OAAO,MAAMC,uBAAuB,OAClCC;IAIA,MAAM,EAAEC,gBAAgB,EAAEC,MAAM,EAAEC,IAAI,EAAE,GAAGH;IAE3C,IAAII,QAAgB;IACpB,MAAMC,cAAsB;IAC5B,MAAMC,WAAmB;IAEzB,IAAIL,kBAAkB;QACpBG,QAAQP,eAAeI,iBAAiBM,MAAM,CAACC,MAAM,EAAEL;IACzD;IAEA,OAAOL,KAAK;QACVI;QACAG;QACAC;QACAF;IACF;AACF,EAAC"}

package/dist/views/LivePreview/Context/collisionDetection.js

@@ -23,4 +23,4 @@ export const customCollisionDetection = ({ collisionRect, droppableContainers, .
     }
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy92aWV3cy9MaXZlUHJldmlldy9Db250ZXh0L2NvbGxpc2lvbkRldGVjdGlvbi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbGxpc2lvbkRldGVjdGlvbiB9IGZyb20gJ0BkbmQta2l0L2NvcmUnXG5cbmltcG9ydCB7IHJlY3RJbnRlcnNlY3Rpb24gfSBmcm9tICdAZG5kLWtpdC9jb3JlJ1xuXG4vLyBJZiB0aGUgdG9vbGJhciBleGl0cyB0aGUgcHJldmlldyBhcmVhLCB3ZSBuZWVkIHRvIHJlc2V0IGl0cyBwb3NpdGlvblxuLy8gVGhpcyB3aWxsIHByZXZlbnQgdGhlIHRvb2xiYXIgZnJvbSBnZXR0aW5nIHN0dWNrIG91dHNpZGUgdGhlIHByZXZpZXcgYXJlYVxuZXhwb3J0IGNvbnN0IGN1c3RvbUNvbGxpc2lvbkRldGVjdGlvbjogQ29sbGlzaW9uRGV0ZWN0aW9uID0gKHtcbiAgY29sbGlzaW9uUmVjdCxcbiAgZHJvcHBhYmxlQ29udGFpbmVycyxcbiAgLi4uYXJnc1xufSkgPT4ge1xuICBjb25zdCBkcm9wcGFibGVDb250YWluZXIgPSBkcm9wcGFibGVDb250YWluZXJzLmZpbmQoKHsgaWQgfSkgPT4gaWQgPT09ICdsaXZlLXByZXZpZXctYXJlYScpXG5cbiAgY29uc3QgcmVjdEludGVyc2VjdGlvbkNvbGxpc2lvbnMgPSByZWN0SW50ZXJzZWN0aW9uKHtcbiAgICAuLi5hcmdzLFxuICAgIGNvbGxpc2lvblJlY3QsXG4gICAgZHJvcHBhYmxlQ29udGFpbmVyczogW2Ryb3BwYWJsZUNvbnRhaW5lcl0sXG4gIH0pXG5cbiAgLy8gQ29sbGlzaW9uIGRldGVjdGlvbiBhbGdvcml0aG1zIHJldHVybiBhbiBhcnJheSBvZiBjb2xsaXNpb25zXG4gIGlmIChyZWN0SW50ZXJzZWN0aW9uQ29sbGlzaW9ucy5sZW5ndGggPT09IDApIHtcbiAgICAvLyBUaGUgcHJldmlldyBhcmVhIGlzIG5vdCBpbnRlcnNlY3RpbmcsIHJldHVybiBlYXJseVxuICAgIHJldHVybiByZWN0SW50ZXJzZWN0aW9uQ29sbGlzaW9uc1xuICB9XG5cbiAgLy8gQ29tcHV0ZSB3aGV0aGVyIHRoZSBkcmFnZ2FibGUgZWxlbWVudCBpcyBjb21wbGV0ZWx5IGNvbnRhaW5lZCB3aXRoaW4gdGhlIHByZXZpZXcgYXJlYVxuICBjb25zdCBwcmV2aWV3QXJlYVJlY3QgPSBkcm9wcGFibGVDb250YWluZXI/LnJlY3Q/LmN1cnJlbnRcblxuICBjb25zdCBpc0NvbnRhaW5lZCA9XG4gICAgY29sbGlzaW9uUmVjdC50b3AgPj0gcHJldmlld0FyZWFSZWN0LnRvcCAmJlxuICAgIGNvbGxpc2lvblJlY3QubGVmdCA+PSBwcmV2aWV3QXJlYVJlY3QubGVmdCAmJlxuICAgIGNvbGxpc2lvblJlY3QuYm90dG9tIDw9IHByZXZpZXdBcmVhUmVjdC5ib3R0b20gJiZcbiAgICBjb2xsaXNpb25SZWN0LnJpZ2h0IDw9IHByZXZpZXdBcmVhUmVjdC5yaWdodFxuXG4gIGlmIChpc0NvbnRhaW5lZCkge1xuICAgIHJldHVybiByZWN0SW50ZXJzZWN0aW9uQ29sbGlzaW9uc1xuICB9XG59XG4iXSwibmFtZXMiOlsicmVjdEludGVyc2VjdGlvbiIsImN1c3RvbUNvbGxpc2lvbkRldGVjdGlvbiIsImNvbGxpc2lvblJlY3QiLCJkcm9wcGFibGVDb250YWluZXJzIiwiYXJncyIsImRyb3BwYWJsZUNvbnRhaW5lciIsImZpbmQiLCJpZCIsInJlY3RJbnRlcnNlY3Rpb25Db2xsaXNpb25zIiwibGVuZ3RoIiwicHJldmlld0FyZWFSZWN0IiwicmVjdCIsImN1cnJlbnQiLCJpc0NvbnRhaW5lZCIsInRvcCIsImxlZnQiLCJib3R0b20iLCJyaWdodCJdLCJtYXBwaW5ncyI6IkFBRUEsU0FBU0EsZ0JBQWdCLFFBQVEsZ0JBQWU7QUFFaEQsdUVBQXVFO0FBQ3ZFLDRFQUE0RTtBQUM1RSxPQUFPLE1BQU1DLDJCQUErQyxDQUFDLEVBQzNEQyxhQUFhLEVBQ2JDLG1CQUFtQixFQUNuQixHQUFHQyxNQUNKO0lBQ0MsTUFBTUMscUJBQXFCRixvQkFBb0JHLElBQUksQ0FBQyxDQUFDLEVBQUVDLEVBQUUsRUFBRSxHQUFLQSxPQUFPO0lBRXZFLE1BQU1DLDZCQUE2QlIsaUJBQWlCO1FBQ2xELEdBQUdJLElBQUk7UUFDUEY7UUFDQUMscUJBQXFCO1lBQUNFO1NBQW1CO0lBQzNDO0lBRUEsK0RBQStEO0lBQy9ELElBQUlHLDJCQUEyQkMsTUFBTSxLQUFLLEdBQUc7UUFDM0MscURBQXFEO1FBQ3JELE9BQU9EO0lBQ1Q7SUFFQSx3RkFBd0Y7SUFDeEYsTUFBTUUsa0JBQWtCTCxvQkFBb0JNLE1BQU1DO0lBRWxELE1BQU1DLGNBQ0pYLGNBQWNZLEdBQUcsSUFBSUosZ0JBQWdCSSxHQUFHLElBQ3hDWixjQUFjYSxJQUFJLElBQUlMLGdCQUFnQkssSUFBSSxJQUMxQ2IsY0FBY2MsTUFBTSxJQUFJTixnQkFBZ0JNLE1BQU0sSUFDOUNkLGNBQWNlLEtBQUssSUFBSVAsZ0JBQWdCTyxLQUFLO0lBRTlDLElBQUlKLGFBQWE7UUFDZixPQUFPTDtJQUNUO0FBQ0YsRUFBQyJ9
+//# sourceMappingURL=collisionDetection.js.map

package/dist/views/LivePreview/Context/collisionDetection.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/views/LivePreview/Context/collisionDetection.ts"],"sourcesContent":["import type { CollisionDetection } from '@dnd-kit/core'\n\nimport { rectIntersection } from '@dnd-kit/core'\n\n// If the toolbar exits the preview area, we need to reset its position\n// This will prevent the toolbar from getting stuck outside the preview area\nexport const customCollisionDetection: CollisionDetection = ({\n  collisionRect,\n  droppableContainers,\n  ...args\n}) => {\n  const droppableContainer = droppableContainers.find(({ id }) => id === 'live-preview-area')\n\n  const rectIntersectionCollisions = rectIntersection({\n    ...args,\n    collisionRect,\n    droppableContainers: [droppableContainer],\n  })\n\n  // Collision detection algorithms return an array of collisions\n  if (rectIntersectionCollisions.length === 0) {\n    // The preview area is not intersecting, return early\n    return rectIntersectionCollisions\n  }\n\n  // Compute whether the draggable element is completely contained within the preview area\n  const previewAreaRect = droppableContainer?.rect?.current\n\n  const isContained =\n    collisionRect.top >= previewAreaRect.top &&\n    collisionRect.left >= previewAreaRect.left &&\n    collisionRect.bottom <= previewAreaRect.bottom &&\n    collisionRect.right <= previewAreaRect.right\n\n  if (isContained) {\n    return rectIntersectionCollisions\n  }\n}\n"],"names":["rectIntersection","customCollisionDetection","collisionRect","droppableContainers","args","droppableContainer","find","id","rectIntersectionCollisions","length","previewAreaRect","rect","current","isContained","top","left","bottom","right"],"mappings":"AAEA,SAASA,gBAAgB,QAAQ,gBAAe;AAEhD,uEAAuE;AACvE,4EAA4E;AAC5E,OAAO,MAAMC,2BAA+C,CAAC,EAC3DC,aAAa,EACbC,mBAAmB,EACnB,GAAGC,MACJ;IACC,MAAMC,qBAAqBF,oBAAoBG,IAAI,CAAC,CAAC,EAAEC,EAAE,EAAE,GAAKA,OAAO;IAEvE,MAAMC,6BAA6BR,iBAAiB;QAClD,GAAGI,IAAI;QACPF;QACAC,qBAAqB;YAACE;SAAmB;IAC3C;IAEA,+DAA+D;IAC/D,IAAIG,2BAA2BC,MAAM,KAAK,GAAG;QAC3C,qDAAqD;QACrD,OAAOD;IACT;IAEA,wFAAwF;IACxF,MAAME,kBAAkBL,oBAAoBM,MAAMC;IAElD,MAAMC,cACJX,cAAcY,GAAG,IAAIJ,gBAAgBI,GAAG,IACxCZ,cAAca,IAAI,IAAIL,gBAAgBK,IAAI,IAC1Cb,cAAcc,MAAM,IAAIN,gBAAgBM,MAAM,IAC9Cd,cAAce,KAAK,IAAIP,gBAAgBO,KAAK;IAE9C,IAAIJ,aAAa;QACf,OAAOL;IACT;AACF,EAAC"}

package/dist/views/LivePreview/Context/context.js

@@ -37,4 +37,4 @@ export const LivePreviewContext = createContext({
 });
 export const useLivePreviewContext = ()=>useContext(LivePreviewContext);
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy92aWV3cy9MaXZlUHJldmlldy9Db250ZXh0L2NvbnRleHQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBMaXZlUHJldmlld0NvbmZpZyB9IGZyb20gJ3BheWxvYWQvY29uZmlnJ1xuaW1wb3J0IHR5cGUgeyBmaWVsZFNjaGVtYVRvSlNPTiB9IGZyb20gJ3BheWxvYWQvdXRpbGl0aWVzJ1xuaW1wb3J0IHR5cGUgeyBEaXNwYXRjaCB9IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgeyBjcmVhdGVDb250ZXh0LCB1c2VDb250ZXh0IH0gZnJvbSAncmVhY3QnXG5cbmltcG9ydCB0eXBlIHsgdXNlUG9wdXBXaW5kb3cgfSBmcm9tICcuLi91c2VQb3B1cFdpbmRvdy5qcydcbmltcG9ydCB0eXBlIHsgU2l6ZVJlZHVjZXJBY3Rpb24gfSBmcm9tICcuL3NpemVSZWR1Y2VyLmpzJ1xuXG5leHBvcnQgaW50ZXJmYWNlIExpdmVQcmV2aWV3Q29udGV4dFR5cGUge1xuICBhcHBJc1JlYWR5OiBib29sZWFuXG4gIGJyZWFrcG9pbnQ6IExpdmVQcmV2aWV3Q29uZmlnWydicmVha3BvaW50cyddW251bWJlcl1bJ25hbWUnXVxuICBicmVha3BvaW50czogTGl2ZVByZXZpZXdDb25maWdbJ2JyZWFrcG9pbnRzJ11cbiAgZmllbGRTY2hlbWFKU09OPzogUmV0dXJuVHlwZTx0eXBlb2YgZmllbGRTY2hlbWFUb0pTT04+XG4gIGlmcmFtZUhhc0xvYWRlZDogYm9vbGVhblxuICBpZnJhbWVSZWY6IFJlYWN0LlJlZk9iamVjdDxIVE1MSUZyYW1lRWxlbWVudD5cbiAgaXNQb3B1cE9wZW46IGJvb2xlYW5cbiAgbWVhc3VyZWREZXZpY2VTaXplOiB7XG4gICAgaGVpZ2h0OiBudW1iZXJcbiAgICB3aWR0aDogbnVtYmVyXG4gIH1cbiAgb3BlblBvcHVwV2luZG93OiBSZXR1cm5UeXBlPHR5cGVvZiB1c2VQb3B1cFdpbmRvdz5bJ29wZW5Qb3B1cFdpbmRvdyddXG4gIHBvcHVwUmVmPzogUmVhY3QuTXV0YWJsZVJlZk9iamVjdDxXaW5kb3cgfCBudWxsPlxuICBwcmV2aWV3V2luZG93VHlwZTogJ2lmcmFtZScgfCAncG9wdXAnXG4gIHNldEFwcElzUmVhZHk6IChhcHBJc1JlYWR5OiBib29sZWFuKSA9PiB2b2lkXG4gIHNldEJyZWFrcG9pbnQ6IChicmVha3BvaW50OiBMaXZlUHJldmlld0NvbmZpZ1snYnJlYWtwb2ludHMnXVtudW1iZXJdWyduYW1lJ10pID0+IHZvaWRcbiAgc2V0SGVpZ2h0OiAoaGVpZ2h0OiBudW1iZXIpID0+IHZvaWRcbiAgc2V0SWZyYW1lSGFzTG9hZGVkOiAobG9hZGVkOiBib29sZWFuKSA9PiB2b2lkXG4gIHNldE1lYXN1cmVkRGV2aWNlU2l6ZTogKHNpemU6IHsgaGVpZ2h0OiBudW1iZXI7IHdpZHRoOiBudW1iZXIgfSkgPT4gdm9pZFxuICBzZXRQcmV2aWV3V2luZG93VHlwZTogKHByZXZpZXdXaW5kb3dUeXBlOiAnaWZyYW1lJyB8ICdwb3B1cCcpID0+IHZvaWRcbiAgc2V0U2l6ZTogRGlzcGF0Y2g8U2l6ZVJlZHVjZXJBY3Rpb24+XG4gIHNldFRvb2xiYXJQb3NpdGlvbjogKHBvc2l0aW9uOiB7IHg6IG51bWJlcjsgeTogbnVtYmVyIH0pID0+IHZvaWRcbiAgc2V0V2lkdGg6ICh3aWR0aDogbnVtYmVyKSA9PiB2b2lkXG4gIHNldFpvb206ICh6b29tOiBudW1iZXIpID0+IHZvaWRcbiAgc2l6ZToge1xuICAgIGhlaWdodDogbnVtYmVyXG4gICAgd2lkdGg6IG51bWJlclxuICB9XG4gIHRvb2xiYXJQb3NpdGlvbjoge1xuICAgIHg6IG51bWJlclxuICAgIHk6IG51bWJlclxuICB9XG4gIHVybDogc3RyaW5nIHwgdW5kZWZpbmVkXG4gIHpvb206IG51bWJlclxufVxuXG5leHBvcnQgY29uc3QgTGl2ZVByZXZpZXdDb250ZXh0ID0gY3JlYXRlQ29udGV4dDxMaXZlUHJldmlld0NvbnRleHRUeXBlPih7XG4gIGFwcElzUmVhZHk6IGZhbHNlLFxuICBicmVha3BvaW50OiB1bmRlZmluZWQsXG4gIGJyZWFrcG9pbnRzOiB1bmRlZmluZWQsXG4gIGZpZWxkU2NoZW1hSlNPTjogdW5kZWZpbmVkLFxuICBpZnJhbWVIYXNMb2FkZWQ6IGZhbHNlLFxuICBpZnJhbWVSZWY6IHVuZGVmaW5lZCxcbiAgaXNQb3B1cE9wZW46IGZhbHNlLFxuICBtZWFzdXJlZERldmljZVNpemU6IHtcbiAgICBoZWlnaHQ6IDAsXG4gICAgd2lkdGg6IDAsXG4gIH0sXG4gIG9wZW5Qb3B1cFdpbmRvdzogKCkgPT4ge30sXG4gIHBvcHVwUmVmOiB1bmRlZmluZWQsXG4gIHByZXZpZXdXaW5kb3dUeXBlOiAnaWZyYW1lJyxcbiAgc2V0QXBwSXNSZWFkeTogKCkgPT4ge30sXG4gIHNldEJyZWFrcG9pbnQ6ICgpID0+IHt9LFxuICBzZXRIZWlnaHQ6ICgpID0+IHt9LFxuICBzZXRJZnJhbWVIYXNMb2FkZWQ6ICgpID0+IHt9LFxuICBzZXRNZWFzdXJlZERldmljZVNpemU6ICgpID0+IHt9LFxuICBzZXRQcmV2aWV3V2luZG93VHlwZTogKCkgPT4ge30sXG4gIHNldFNpemU6ICgpID0+IHt9LFxuICBzZXRUb29sYmFyUG9zaXRpb246ICgpID0+IHt9LFxuICBzZXRXaWR0aDogKCkgPT4ge30sXG4gIHNldFpvb206ICgpID0+IHt9LFxuICBzaXplOiB7XG4gICAgaGVpZ2h0OiAwLFxuICAgIHdpZHRoOiAwLFxuICB9LFxuICB0b29sYmFyUG9zaXRpb246IHtcbiAgICB4OiAwLFxuICAgIHk6IDAsXG4gIH0sXG4gIHVybDogdW5kZWZpbmVkLFxuICB6b29tOiAxLFxufSlcblxuZXhwb3J0IGNvbnN0IHVzZUxpdmVQcmV2aWV3Q29udGV4dCA9ICgpID0+IHVzZUNvbnRleHQoTGl2ZVByZXZpZXdDb250ZXh0KVxuIl0sIm5hbWVzIjpbImNyZWF0ZUNvbnRleHQiLCJ1c2VDb250ZXh0IiwiTGl2ZVByZXZpZXdDb250ZXh0IiwiYXBwSXNSZWFkeSIsImJyZWFrcG9pbnQiLCJ1bmRlZmluZWQiLCJicmVha3BvaW50cyIsImZpZWxkU2NoZW1hSlNPTiIsImlmcmFtZUhhc0xvYWRlZCIsImlmcmFtZVJlZiIsImlzUG9wdXBPcGVuIiwibWVhc3VyZWREZXZpY2VTaXplIiwiaGVpZ2h0Iiwid2lkdGgiLCJvcGVuUG9wdXBXaW5kb3ciLCJwb3B1cFJlZiIsInByZXZpZXdXaW5kb3dUeXBlIiwic2V0QXBwSXNSZWFkeSIsInNldEJyZWFrcG9pbnQiLCJzZXRIZWlnaHQiLCJzZXRJZnJhbWVIYXNMb2FkZWQiLCJzZXRNZWFzdXJlZERldmljZVNpemUiLCJzZXRQcmV2aWV3V2luZG93VHlwZSIsInNldFNpemUiLCJzZXRUb29sYmFyUG9zaXRpb24iLCJzZXRXaWR0aCIsInNldFpvb20iLCJzaXplIiwidG9vbGJhclBvc2l0aW9uIiwieCIsInkiLCJ1cmwiLCJ6b29tIiwidXNlTGl2ZVByZXZpZXdDb250ZXh0Il0sIm1hcHBpbmdzIjoiQUFJQSxTQUFTQSxhQUFhLEVBQUVDLFVBQVUsUUFBUSxRQUFPO0FBMENqRCxPQUFPLE1BQU1DLHFCQUFxQkYsY0FBc0M7SUFDdEVHLFlBQVk7SUFDWkMsWUFBWUM7SUFDWkMsYUFBYUQ7SUFDYkUsaUJBQWlCRjtJQUNqQkcsaUJBQWlCO0lBQ2pCQyxXQUFXSjtJQUNYSyxhQUFhO0lBQ2JDLG9CQUFvQjtRQUNsQkMsUUFBUTtRQUNSQyxPQUFPO0lBQ1Q7SUFDQUMsaUJBQWlCLEtBQU87SUFDeEJDLFVBQVVWO0lBQ1ZXLG1CQUFtQjtJQUNuQkMsZUFBZSxLQUFPO0lBQ3RCQyxlQUFlLEtBQU87SUFDdEJDLFdBQVcsS0FBTztJQUNsQkMsb0JBQW9CLEtBQU87SUFDM0JDLHVCQUF1QixLQUFPO0lBQzlCQyxzQkFBc0IsS0FBTztJQUM3QkMsU0FBUyxLQUFPO0lBQ2hCQyxvQkFBb0IsS0FBTztJQUMzQkMsVUFBVSxLQUFPO0lBQ2pCQyxTQUFTLEtBQU87SUFDaEJDLE1BQU07UUFDSmYsUUFBUTtRQUNSQyxPQUFPO0lBQ1Q7SUFDQWUsaUJBQWlCO1FBQ2ZDLEdBQUc7UUFDSEMsR0FBRztJQUNMO0lBQ0FDLEtBQUsxQjtJQUNMMkIsTUFBTTtBQUNSLEdBQUU7QUFFRixPQUFPLE1BQU1DLHdCQUF3QixJQUFNaEMsV0FBV0Msb0JBQW1CIn0=
+//# sourceMappingURL=context.js.map

package/dist/views/LivePreview/Context/context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/views/LivePreview/Context/context.ts"],"sourcesContent":["import type { LivePreviewConfig } from 'payload/config'\nimport type { fieldSchemaToJSON } from 'payload/utilities'\nimport type { Dispatch } from 'react'\n\nimport { createContext, useContext } from 'react'\n\nimport type { usePopupWindow } from '../usePopupWindow.js'\nimport type { SizeReducerAction } from './sizeReducer.js'\n\nexport interface LivePreviewContextType {\n  appIsReady: boolean\n  breakpoint: LivePreviewConfig['breakpoints'][number]['name']\n  breakpoints: LivePreviewConfig['breakpoints']\n  fieldSchemaJSON?: ReturnType<typeof fieldSchemaToJSON>\n  iframeHasLoaded: boolean\n  iframeRef: React.RefObject<HTMLIFrameElement>\n  isPopupOpen: boolean\n  measuredDeviceSize: {\n    height: number\n    width: number\n  }\n  openPopupWindow: ReturnType<typeof usePopupWindow>['openPopupWindow']\n  popupRef?: React.MutableRefObject<Window | null>\n  previewWindowType: 'iframe' | 'popup'\n  setAppIsReady: (appIsReady: boolean) => void\n  setBreakpoint: (breakpoint: LivePreviewConfig['breakpoints'][number]['name']) => void\n  setHeight: (height: number) => void\n  setIframeHasLoaded: (loaded: boolean) => void\n  setMeasuredDeviceSize: (size: { height: number; width: number }) => void\n  setPreviewWindowType: (previewWindowType: 'iframe' | 'popup') => void\n  setSize: Dispatch<SizeReducerAction>\n  setToolbarPosition: (position: { x: number; y: number }) => void\n  setWidth: (width: number) => void\n  setZoom: (zoom: number) => void\n  size: {\n    height: number\n    width: number\n  }\n  toolbarPosition: {\n    x: number\n    y: number\n  }\n  url: string | undefined\n  zoom: number\n}\n\nexport const LivePreviewContext = createContext<LivePreviewContextType>({\n  appIsReady: false,\n  breakpoint: undefined,\n  breakpoints: undefined,\n  fieldSchemaJSON: undefined,\n  iframeHasLoaded: false,\n  iframeRef: undefined,\n  isPopupOpen: false,\n  measuredDeviceSize: {\n    height: 0,\n    width: 0,\n  },\n  openPopupWindow: () => {},\n  popupRef: undefined,\n  previewWindowType: 'iframe',\n  setAppIsReady: () => {},\n  setBreakpoint: () => {},\n  setHeight: () => {},\n  setIframeHasLoaded: () => {},\n  setMeasuredDeviceSize: () => {},\n  setPreviewWindowType: () => {},\n  setSize: () => {},\n  setToolbarPosition: () => {},\n  setWidth: () => {},\n  setZoom: () => {},\n  size: {\n    height: 0,\n    width: 0,\n  },\n  toolbarPosition: {\n    x: 0,\n    y: 0,\n  },\n  url: undefined,\n  zoom: 1,\n})\n\nexport const useLivePreviewContext = () => useContext(LivePreviewContext)\n"],"names":["createContext","useContext","LivePreviewContext","appIsReady","breakpoint","undefined","breakpoints","fieldSchemaJSON","iframeHasLoaded","iframeRef","isPopupOpen","measuredDeviceSize","height","width","openPopupWindow","popupRef","previewWindowType","setAppIsReady","setBreakpoint","setHeight","setIframeHasLoaded","setMeasuredDeviceSize","setPreviewWindowType","setSize","setToolbarPosition","setWidth","setZoom","size","toolbarPosition","x","y","url","zoom","useLivePreviewContext"],"mappings":"AAIA,SAASA,aAAa,EAAEC,UAAU,QAAQ,QAAO;AA0CjD,OAAO,MAAMC,qBAAqBF,cAAsC;IACtEG,YAAY;IACZC,YAAYC;IACZC,aAAaD;IACbE,iBAAiBF;IACjBG,iBAAiB;IACjBC,WAAWJ;IACXK,aAAa;IACbC,oBAAoB;QAClBC,QAAQ;QACRC,OAAO;IACT;IACAC,iBAAiB,KAAO;IACxBC,UAAUV;IACVW,mBAAmB;IACnBC,eAAe,KAAO;IACtBC,eAAe,KAAO;IACtBC,WAAW,KAAO;IAClBC,oBAAoB,KAAO;IAC3BC,uBAAuB,KAAO;IAC9BC,sBAAsB,KAAO;IAC7BC,SAAS,KAAO;IAChBC,oBAAoB,KAAO;IAC3BC,UAAU,KAAO;IACjBC,SAAS,KAAO;IAChBC,MAAM;QACJf,QAAQ;QACRC,OAAO;IACT;IACAe,iBAAiB;QACfC,GAAG;QACHC,GAAG;IACL;IACAC,KAAK1B;IACL2B,MAAM;AACR,GAAE;AAEF,OAAO,MAAMC,wBAAwB,IAAMhC,WAAWC,oBAAmB"}

package/dist/views/LivePreview/Context/index.js

@@ -154,4 +154,4 @@ export const LivePreviewProvider = (props)=>{
     }, children));
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy92aWV3cy9MaXZlUHJldmlldy9Db250ZXh0L2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcbmltcG9ydCB0eXBlIHsgTGl2ZVByZXZpZXdDb25maWcgfSBmcm9tICdwYXlsb2FkL2NvbmZpZydcblxuaW1wb3J0IHsgRG5kQ29udGV4dCB9IGZyb20gJ0BkbmQta2l0L2NvcmUnXG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHR5cGUgeyB1c2VQb3B1cFdpbmRvdyB9IGZyb20gJy4uL3VzZVBvcHVwV2luZG93LmpzJ1xuXG5pbXBvcnQgeyBjdXN0b21Db2xsaXNpb25EZXRlY3Rpb24gfSBmcm9tICcuL2NvbGxpc2lvbkRldGVjdGlvbi5qcydcbmltcG9ydCB7IExpdmVQcmV2aWV3Q29udGV4dCB9IGZyb20gJy4vY29udGV4dC5qcydcbmltcG9ydCB7IHNpemVSZWR1Y2VyIH0gZnJvbSAnLi9zaXplUmVkdWNlci5qcydcblxuZXhwb3J0IHR5cGUgTGl2ZVByZXZpZXdQcm92aWRlclByb3BzID0ge1xuICBhcHBJc1JlYWR5PzogYm9vbGVhblxuICBicmVha3BvaW50cz86IExpdmVQcmV2aWV3Q29uZmlnWydicmVha3BvaW50cyddXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVcbiAgZGV2aWNlU2l6ZT86IHtcbiAgICBoZWlnaHQ6IG51bWJlclxuICAgIHdpZHRoOiBudW1iZXJcbiAgfVxuICBpc1BvcHVwT3Blbj86IGJvb2xlYW5cbiAgb3BlblBvcHVwV2luZG93PzogUmV0dXJuVHlwZTx0eXBlb2YgdXNlUG9wdXBXaW5kb3c+WydvcGVuUG9wdXBXaW5kb3cnXVxuICBwb3B1cFJlZj86IFJlYWN0Lk11dGFibGVSZWZPYmplY3Q8V2luZG93PlxuICB1cmw/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IExpdmVQcmV2aWV3UHJvdmlkZXI6IFJlYWN0LkZDPExpdmVQcmV2aWV3UHJvdmlkZXJQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgY29uc3QgeyBicmVha3BvaW50cywgY2hpbGRyZW4sIGlzUG9wdXBPcGVuLCBvcGVuUG9wdXBXaW5kb3csIHBvcHVwUmVmLCB1cmwgfSA9IHByb3BzXG5cbiAgY29uc3QgW3ByZXZpZXdXaW5kb3dUeXBlLCBzZXRQcmV2aWV3V2luZG93VHlwZV0gPSB1c2VTdGF0ZTwnaWZyYW1lJyB8ICdwb3B1cCc+KCdpZnJhbWUnKVxuXG4gIGNvbnN0IFthcHBJc1JlYWR5LCBzZXRBcHBJc1JlYWR5XSA9IHVzZVN0YXRlKGZhbHNlKVxuXG4gIGNvbnN0IGlmcmFtZVJlZiA9IFJlYWN0LnVzZVJlZjxIVE1MSUZyYW1lRWxlbWVudD4obnVsbClcblxuICBjb25zdCBbaWZyYW1lSGFzTG9hZGVkLCBzZXRJZnJhbWVIYXNMb2FkZWRdID0gdXNlU3RhdGUoZmFsc2UpXG5cbiAgY29uc3QgW3pvb20sIHNldFpvb21dID0gdXNlU3RhdGUoMSlcblxuICBjb25zdCBbcG9zaXRpb24sIHNldFBvc2l0aW9uXSA9IHVzZVN0YXRlKHsgeDogMCwgeTogMCB9KVxuXG4gIGNvbnN0IFtzaXplLCBzZXRTaXplXSA9IFJlYWN0LnVzZVJlZHVjZXIoc2l6ZVJlZHVjZXIsIHsgaGVpZ2h0OiAwLCB3aWR0aDogMCB9KVxuXG4gIGNvbnN0IFttZWFzdXJlZERldmljZVNpemUsIHNldE1lYXN1cmVkRGV2aWNlU2l6ZV0gPSB1c2VTdGF0ZSh7XG4gICAgaGVpZ2h0OiAwLFxuICAgIHdpZHRoOiAwLFxuICB9KVxuXG4gIGNvbnN0IFticmVha3BvaW50LCBzZXRCcmVha3BvaW50XSA9XG4gICAgUmVhY3QudXNlU3RhdGU8TGl2ZVByZXZpZXdDb25maWdbJ2JyZWFrcG9pbnRzJ11bMF1bJ25hbWUnXT4oJ3Jlc3BvbnNpdmUnKVxuXG4gIC8vIGNvbnN0IFtmaWVsZFNjaGVtYUpTT05dID0gdXNlU3RhdGUoKCkgPT4ge1xuICAvLyAgIGxldCBmaWVsZHM6IEZpZWxkW11cblxuICAvLyAgIGlmICgnY29sbGVjdGlvbicgaW4gcHJvcHMpIHtcbiAgLy8gICAgIGNvbnN0IHsgY29sbGVjdGlvbiB9ID0gcHJvcHNcbiAgLy8gICAgIGZpZWxkcyA9IGNvbGxlY3Rpb24uZmllbGRzXG4gIC8vICAgfVxuXG4gIC8vICAgaWYgKCdnbG9iYWwnIGluIHByb3BzKSB7XG4gIC8vICAgICBjb25zdCB7IGdsb2JhbCB9ID0gcHJvcHNcbiAgLy8gICAgIGZpZWxkcyA9IGdsb2JhbC5maWVsZHNcbiAgLy8gICB9XG5cbiAgLy8gICByZXR1cm4gZmllbGRTY2hlbWFUb0pTT04oZmllbGRzKVxuICAvLyB9KVxuXG4gIC8vIFRoZSB0b29sYmFyIG5lZWRzIHRvIGZyZWVseSBkcmFnIGFuZCBkcm9wIGFyb3VuZCB0aGUgcGFnZVxuICBjb25zdCBoYW5kbGVEcmFnRW5kID0gKGV2KSA9PiB7XG4gICAgLy8gb25seSB1cGRhdGUgcG9zaXRpb24gaWYgdGhlIHRvb2xiYXIgaXMgY29tcGxldGVseSB3aXRoaW4gdGhlIHByZXZpZXcgYXJlYVxuICAgIC8vIG90aGVyd2lzZSByZXNldCBpdCBiYWNrIHRvIHRoZSBwcmV2aW91cyBwb3NpdGlvblxuICAgIC8vIFRPRE86IHJlc2V0IHRvIHRoZSBuZWFyZXN0IGVkZ2Ugb2YgdGhlIHByZXZpZXcgYXJlYVxuICAgIGlmIChldi5vdmVyICYmIGV2Lm92ZXIuaWQgPT09ICdsaXZlLXByZXZpZXctYXJlYScpIHtcbiAgICAgIGNvbnN0IG5ld1BvcyA9IHtcbiAgICAgICAgeDogcG9zaXRpb24ueCArIGV2LmRlbHRhLngsXG4gICAgICAgIHk6IHBvc2l0aW9uLnkgKyBldi5kZWx0YS55LFxuICAgICAgfVxuXG4gICAgICBzZXRQb3NpdGlvbihuZXdQb3MpXG4gICAgfSBlbHNlIHtcbiAgICAgIC8vIHJlc2V0XG4gICAgfVxuICB9XG5cbiAgY29uc3Qgc2V0V2lkdGggPSB1c2VDYWxsYmFjayhcbiAgICAod2lkdGgpID0+IHtcbiAgICAgIHNldFNpemUoeyB0eXBlOiAnd2lkdGgnLCB2YWx1ZTogd2lkdGggfSlcbiAgICB9LFxuICAgIFtzZXRTaXplXSxcbiAgKVxuXG4gIGNvbnN0IHNldEhlaWdodCA9IHVzZUNhbGxiYWNrKFxuICAgIChoZWlnaHQpID0+IHtcbiAgICAgIHNldFNpemUoeyB0eXBlOiAnaGVpZ2h0JywgdmFsdWU6IGhlaWdodCB9KVxuICAgIH0sXG4gICAgW3NldFNpemVdLFxuICApXG5cbiAgLy8gZXhwbGljaXRseSBzZXQgbmV3IHdpZHRoIGFuZCBoZWlnaHQgd2hlbiBhcyBuZXcgYnJlYWtwb2ludHMgYXJlIHNlbGVjdGVkXG4gIC8vIGV4Y2x1ZGUgYGN1c3RvbWAgYnJlYWtwb2ludCBhcyBpdCBpcyBoYW5kbGVkIGJ5IHRoZSBgc2V0V2lkdGhgIGFuZCBgc2V0SGVpZ2h0YCBkaXJlY3RseVxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGZvdW5kQnJlYWtwb2ludCA9IGJyZWFrcG9pbnRzPy5maW5kKChicCkgPT4gYnAubmFtZSA9PT0gYnJlYWtwb2ludClcblxuICAgIGlmIChcbiAgICAgIGZvdW5kQnJlYWtwb2ludCAmJlxuICAgICAgYnJlYWtwb2ludCAhPT0gJ3Jlc3BvbnNpdmUnICYmXG4gICAgICBicmVha3BvaW50ICE9PSAnY3VzdG9tJyAmJlxuICAgICAgdHlwZW9mIGZvdW5kQnJlYWtwb2ludD8ud2lkdGggPT09ICdudW1iZXInICYmXG4gICAgICB0eXBlb2YgZm91bmRCcmVha3BvaW50Py5oZWlnaHQgPT09ICdudW1iZXInXG4gICAgKSB7XG4gICAgICBzZXRTaXplKHtcbiAgICAgICAgdHlwZTogJ3Jlc2V0JyxcbiAgICAgICAgdmFsdWU6IHtcbiAgICAgICAgICBoZWlnaHQ6IGZvdW5kQnJlYWtwb2ludC5oZWlnaHQsXG4gICAgICAgICAgd2lkdGg6IGZvdW5kQnJlYWtwb2ludC53aWR0aCxcbiAgICAgICAgfSxcbiAgICAgIH0pXG4gICAgfVxuICB9LCBbYnJlYWtwb2ludCwgYnJlYWtwb2ludHNdKVxuXG4gIC8vIFJlY2VpdmUgdGhlIGByZWFkeWAgbWVzc2FnZSBmcm9tIHRoZSBwb3B1cCB3aW5kb3dcbiAgLy8gVGhpcyBpbmRpY2F0ZXMgdGhhdCB0aGUgYXBwIGlzIHJlYWR5IHRvIHJlY2VpdmUgYHdpbmRvdy5wb3N0TWVzc2FnZWAgZXZlbnRzXG4gIC8vIFRoaXMgaXMgYWxzbyB0aGUgb25seSBjcm9zcy1vcmlnaW4gd2F5IG9mIGRldGVjdGluZyB3aGVuIGEgcG9wdXAgd2luZG93IGhhcyBsb2FkZWRcbiAgLy8gVW5saWtlIGlmcmFtZSBlbGVtZW50cyB3aGljaCBoYXZlIGFuIGBvbkxvYWRgIGhhbmRsZXIsIHRoZXJlIGlzIG5vIHdheSB0byBhY2Nlc3MgYHdpbmRvdy5vcGVuYCBvbiBwb3B1cHNcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBoYW5kbGVNZXNzYWdlID0gKGV2ZW50OiBNZXNzYWdlRXZlbnQpID0+IHtcbiAgICAgIGlmIChcbiAgICAgICAgdXJsPy5zdGFydHNXaXRoKGV2ZW50Lm9yaWdpbikgJiZcbiAgICAgICAgZXZlbnQuZGF0YSAmJlxuICAgICAgICB0eXBlb2YgZXZlbnQuZGF0YSA9PT0gJ29iamVjdCcgJiZcbiAgICAgICAgZXZlbnQuZGF0YS50eXBlID09PSAncGF5bG9hZC1saXZlLXByZXZpZXcnXG4gICAgICApIHtcbiAgICAgICAgaWYgKGV2ZW50LmRhdGEucmVhZHkpIHtcbiAgICAgICAgICBzZXRBcHBJc1JlYWR5KHRydWUpXG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcignbWVzc2FnZScsIGhhbmRsZU1lc3NhZ2UpXG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ21lc3NhZ2UnLCBoYW5kbGVNZXNzYWdlKVxuICAgIH1cbiAgfSwgW3VybF0pXG5cbiAgY29uc3QgaGFuZGxlV2luZG93Q2hhbmdlID0gdXNlQ2FsbGJhY2soXG4gICAgKHR5cGU6ICdpZnJhbWUnIHwgJ3BvcHVwJykgPT4ge1xuICAgICAgc2V0QXBwSXNSZWFkeShmYWxzZSlcbiAgICAgIHNldFByZXZpZXdXaW5kb3dUeXBlKHR5cGUpXG4gICAgICBpZiAodHlwZSA9PT0gJ3BvcHVwJykgb3BlblBvcHVwV2luZG93KClcbiAgICB9LFxuICAgIFtvcGVuUG9wdXBXaW5kb3ddLFxuICApXG5cbiAgLy8gd2hlbiB0aGUgdXNlciBjbG9zZXMgdGhlIHBvcHVwIHdpbmRvdywgc3dpdGNoIGJhY2sgdG8gdGhlIGlmcmFtZVxuICAvLyB0aGUgYHVzZVBvcHVwV2luZG93YCByZXBvcnRzIHRoZSBgaXNQb3B1cE9wZW5gIHN0YXRlIGZvciB1cyB0byB1c2UgaGVyZVxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghaXNQb3B1cE9wZW4pIHtcbiAgICAgIGhhbmRsZVdpbmRvd0NoYW5nZSgnaWZyYW1lJylcbiAgICB9XG4gIH0sIFtpc1BvcHVwT3BlbiwgaGFuZGxlV2luZG93Q2hhbmdlXSlcblxuICByZXR1cm4gKFxuICAgIDxMaXZlUHJldmlld0NvbnRleHQuUHJvdmlkZXJcbiAgICAgIHZhbHVlPXt7XG4gICAgICAgIGFwcElzUmVhZHksXG4gICAgICAgIGJyZWFrcG9pbnQsXG4gICAgICAgIGJyZWFrcG9pbnRzLFxuICAgICAgICBmaWVsZFNjaGVtYUpTT046IFtdLFxuICAgICAgICBpZnJhbWVIYXNMb2FkZWQsXG4gICAgICAgIGlmcmFtZVJlZixcbiAgICAgICAgaXNQb3B1cE9wZW4sXG4gICAgICAgIG1lYXN1cmVkRGV2aWNlU2l6ZSxcbiAgICAgICAgb3BlblBvcHVwV2luZG93LFxuICAgICAgICBwb3B1cFJlZixcbiAgICAgICAgcHJldmlld1dpbmRvd1R5cGUsXG4gICAgICAgIHNldEFwcElzUmVhZHksXG4gICAgICAgIHNldEJyZWFrcG9pbnQsXG4gICAgICAgIHNldEhlaWdodCxcbiAgICAgICAgc2V0SWZyYW1lSGFzTG9hZGVkLFxuICAgICAgICBzZXRNZWFzdXJlZERldmljZVNpemUsXG4gICAgICAgIHNldFByZXZpZXdXaW5kb3dUeXBlOiBoYW5kbGVXaW5kb3dDaGFuZ2UsXG4gICAgICAgIHNldFNpemUsXG4gICAgICAgIHNldFRvb2xiYXJQb3NpdGlvbjogc2V0UG9zaXRpb24sXG4gICAgICAgIHNldFdpZHRoLFxuICAgICAgICBzZXRab29tLFxuICAgICAgICBzaXplLFxuICAgICAgICB0b29sYmFyUG9zaXRpb246IHBvc2l0aW9uLFxuICAgICAgICB1cmwsXG4gICAgICAgIHpvb20sXG4gICAgICB9fVxuICAgID5cbiAgICAgIDxEbmRDb250ZXh0IGNvbGxpc2lvbkRldGVjdGlvbj17Y3VzdG9tQ29sbGlzaW9uRGV0ZWN0aW9ufSBvbkRyYWdFbmQ9e2hhbmRsZURyYWdFbmR9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0RuZENvbnRleHQ+XG4gICAgPC9MaXZlUHJldmlld0NvbnRleHQuUHJvdmlkZXI+XG4gIClcbn1cbiJdLCJuYW1lcyI6WyJEbmRDb250ZXh0IiwiUmVhY3QiLCJ1c2VDYWxsYmFjayIsInVzZUVmZmVjdCIsInVzZVN0YXRlIiwiY3VzdG9tQ29sbGlzaW9uRGV0ZWN0aW9uIiwiTGl2ZVByZXZpZXdDb250ZXh0Iiwic2l6ZVJlZHVjZXIiLCJMaXZlUHJldmlld1Byb3ZpZGVyIiwicHJvcHMiLCJicmVha3BvaW50cyIsImNoaWxkcmVuIiwiaXNQb3B1cE9wZW4iLCJvcGVuUG9wdXBXaW5kb3ciLCJwb3B1cFJlZiIsInVybCIsInByZXZpZXdXaW5kb3dUeXBlIiwic2V0UHJldmlld1dpbmRvd1R5cGUiLCJhcHBJc1JlYWR5Iiwic2V0QXBwSXNSZWFkeSIsImlmcmFtZVJlZiIsInVzZVJlZiIsImlmcmFtZUhhc0xvYWRlZCIsInNldElmcmFtZUhhc0xvYWRlZCIsInpvb20iLCJzZXRab29tIiwicG9zaXRpb24iLCJzZXRQb3NpdGlvbiIsIngiLCJ5Iiwic2l6ZSIsInNldFNpemUiLCJ1c2VSZWR1Y2VyIiwiaGVpZ2h0Iiwid2lkdGgiLCJtZWFzdXJlZERldmljZVNpemUiLCJzZXRNZWFzdXJlZERldmljZVNpemUiLCJicmVha3BvaW50Iiwic2V0QnJlYWtwb2ludCIsImhhbmRsZURyYWdFbmQiLCJldiIsIm92ZXIiLCJpZCIsIm5ld1BvcyIsImRlbHRhIiwic2V0V2lkdGgiLCJ0eXBlIiwidmFsdWUiLCJzZXRIZWlnaHQiLCJmb3VuZEJyZWFrcG9pbnQiLCJmaW5kIiwiYnAiLCJuYW1lIiwiaGFuZGxlTWVzc2FnZSIsImV2ZW50Iiwic3RhcnRzV2l0aCIsIm9yaWdpbiIsImRhdGEiLCJyZWFkeSIsIndpbmRvdyIsImFkZEV2ZW50TGlzdGVuZXIiLCJyZW1vdmVFdmVudExpc3RlbmVyIiwiaGFuZGxlV2luZG93Q2hhbmdlIiwiUHJvdmlkZXIiLCJmaWVsZFNjaGVtYUpTT04iLCJzZXRUb29sYmFyUG9zaXRpb24iLCJ0b29sYmFyUG9zaXRpb24iLCJjb2xsaXNpb25EZXRlY3Rpb24iLCJvbkRyYWdFbmQiXSwibWFwcGluZ3MiOiJBQUFBO0FBR0EsU0FBU0EsVUFBVSxRQUFRLGdCQUFlO0FBQzFDLE9BQU9DLFNBQVNDLFdBQVcsRUFBRUMsU0FBUyxFQUFFQyxRQUFRLFFBQVEsUUFBTztBQUkvRCxTQUFTQyx3QkFBd0IsUUFBUSwwQkFBeUI7QUFDbEUsU0FBU0Msa0JBQWtCLFFBQVEsZUFBYztBQUNqRCxTQUFTQyxXQUFXLFFBQVEsbUJBQWtCO0FBZ0I5QyxPQUFPLE1BQU1DLHNCQUEwRCxDQUFDQztJQUN0RSxNQUFNLEVBQUVDLFdBQVcsRUFBRUMsUUFBUSxFQUFFQyxXQUFXLEVBQUVDLGVBQWUsRUFBRUMsUUFBUSxFQUFFQyxHQUFHLEVBQUUsR0FBR047SUFFL0UsTUFBTSxDQUFDTyxtQkFBbUJDLHFCQUFxQixHQUFHYixTQUE2QjtJQUUvRSxNQUFNLENBQUNjLFlBQVlDLGNBQWMsR0FBR2YsU0FBUztJQUU3QyxNQUFNZ0IsWUFBWW5CLE1BQU1vQixNQUFNLENBQW9CO0lBRWxELE1BQU0sQ0FBQ0Ms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
+//# sourceMappingURL=index.js.map

package/dist/views/LivePreview/Context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/views/LivePreview/Context/index.tsx"],"sourcesContent":["'use client'\nimport type { LivePreviewConfig } from 'payload/config'\n\nimport { DndContext } from '@dnd-kit/core'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { usePopupWindow } from '../usePopupWindow.js'\n\nimport { customCollisionDetection } from './collisionDetection.js'\nimport { LivePreviewContext } from './context.js'\nimport { sizeReducer } from './sizeReducer.js'\n\nexport type LivePreviewProviderProps = {\n  appIsReady?: boolean\n  breakpoints?: LivePreviewConfig['breakpoints']\n  children: React.ReactNode\n  deviceSize?: {\n    height: number\n    width: number\n  }\n  isPopupOpen?: boolean\n  openPopupWindow?: ReturnType<typeof usePopupWindow>['openPopupWindow']\n  popupRef?: React.MutableRefObject<Window>\n  url?: string\n}\n\nexport const LivePreviewProvider: React.FC<LivePreviewProviderProps> = (props) => {\n  const { breakpoints, children, isPopupOpen, openPopupWindow, popupRef, url } = props\n\n  const [previewWindowType, setPreviewWindowType] = useState<'iframe' | 'popup'>('iframe')\n\n  const [appIsReady, setAppIsReady] = useState(false)\n\n  const iframeRef = React.useRef<HTMLIFrameElement>(null)\n\n  const [iframeHasLoaded, setIframeHasLoaded] = useState(false)\n\n  const [zoom, setZoom] = useState(1)\n\n  const [position, setPosition] = useState({ x: 0, y: 0 })\n\n  const [size, setSize] = React.useReducer(sizeReducer, { height: 0, width: 0 })\n\n  const [measuredDeviceSize, setMeasuredDeviceSize] = useState({\n    height: 0,\n    width: 0,\n  })\n\n  const [breakpoint, setBreakpoint] =\n    React.useState<LivePreviewConfig['breakpoints'][0]['name']>('responsive')\n\n  // const [fieldSchemaJSON] = useState(() => {\n  //   let fields: Field[]\n\n  //   if ('collection' in props) {\n  //     const { collection } = props\n  //     fields = collection.fields\n  //   }\n\n  //   if ('global' in props) {\n  //     const { global } = props\n  //     fields = global.fields\n  //   }\n\n  //   return fieldSchemaToJSON(fields)\n  // })\n\n  // The toolbar needs to freely drag and drop around the page\n  const handleDragEnd = (ev) => {\n    // only update position if the toolbar is completely within the preview area\n    // otherwise reset it back to the previous position\n    // TODO: reset to the nearest edge of the preview area\n    if (ev.over && ev.over.id === 'live-preview-area') {\n      const newPos = {\n        x: position.x + ev.delta.x,\n        y: position.y + ev.delta.y,\n      }\n\n      setPosition(newPos)\n    } else {\n      // reset\n    }\n  }\n\n  const setWidth = useCallback(\n    (width) => {\n      setSize({ type: 'width', value: width })\n    },\n    [setSize],\n  )\n\n  const setHeight = useCallback(\n    (height) => {\n      setSize({ type: 'height', value: height })\n    },\n    [setSize],\n  )\n\n  // explicitly set new width and height when as new breakpoints are selected\n  // exclude `custom` breakpoint as it is handled by the `setWidth` and `setHeight` directly\n  useEffect(() => {\n    const foundBreakpoint = breakpoints?.find((bp) => bp.name === breakpoint)\n\n    if (\n      foundBreakpoint &&\n      breakpoint !== 'responsive' &&\n      breakpoint !== 'custom' &&\n      typeof foundBreakpoint?.width === 'number' &&\n      typeof foundBreakpoint?.height === 'number'\n    ) {\n      setSize({\n        type: 'reset',\n        value: {\n          height: foundBreakpoint.height,\n          width: foundBreakpoint.width,\n        },\n      })\n    }\n  }, [breakpoint, breakpoints])\n\n  // Receive the `ready` message from the popup window\n  // This indicates that the app is ready to receive `window.postMessage` events\n  // This is also the only cross-origin way of detecting when a popup window has loaded\n  // Unlike iframe elements which have an `onLoad` handler, there is no way to access `window.open` on popups\n  useEffect(() => {\n    const handleMessage = (event: MessageEvent) => {\n      if (\n        url?.startsWith(event.origin) &&\n        event.data &&\n        typeof event.data === 'object' &&\n        event.data.type === 'payload-live-preview'\n      ) {\n        if (event.data.ready) {\n          setAppIsReady(true)\n        }\n      }\n    }\n\n    window.addEventListener('message', handleMessage)\n\n    return () => {\n      window.removeEventListener('message', handleMessage)\n    }\n  }, [url])\n\n  const handleWindowChange = useCallback(\n    (type: 'iframe' | 'popup') => {\n      setAppIsReady(false)\n      setPreviewWindowType(type)\n      if (type === 'popup') openPopupWindow()\n    },\n    [openPopupWindow],\n  )\n\n  // when the user closes the popup window, switch back to the iframe\n  // the `usePopupWindow` reports the `isPopupOpen` state for us to use here\n  useEffect(() => {\n    if (!isPopupOpen) {\n      handleWindowChange('iframe')\n    }\n  }, [isPopupOpen, handleWindowChange])\n\n  return (\n    <LivePreviewContext.Provider\n      value={{\n        appIsReady,\n        breakpoint,\n        breakpoints,\n        fieldSchemaJSON: [],\n        iframeHasLoaded,\n        iframeRef,\n        isPopupOpen,\n        measuredDeviceSize,\n        openPopupWindow,\n        popupRef,\n        previewWindowType,\n        setAppIsReady,\n        setBreakpoint,\n        setHeight,\n        setIframeHasLoaded,\n        setMeasuredDeviceSize,\n        setPreviewWindowType: handleWindowChange,\n        setSize,\n        setToolbarPosition: setPosition,\n        setWidth,\n        setZoom,\n        size,\n        toolbarPosition: position,\n        url,\n        zoom,\n      }}\n    >\n      <DndContext collisionDetection={customCollisionDetection} onDragEnd={handleDragEnd}>\n        {children}\n      </DndContext>\n    </LivePreviewContext.Provider>\n  )\n}\n"],"names":["DndContext","React","useCallback","useEffect","useState","customCollisionDetection","LivePreviewContext","sizeReducer","LivePreviewProvider","props","breakpoints","children","isPopupOpen","openPopupWindow","popupRef","url","previewWindowType","setPreviewWindowType","appIsReady","setAppIsReady","iframeRef","useRef","iframeHasLoaded","setIframeHasLoaded","zoom","setZoom","position","setPosition","x","y","size","setSize","useReducer","height","width","measuredDeviceSize","setMeasuredDeviceSize","breakpoint","setBreakpoint","handleDragEnd","ev","over","id","newPos","delta","setWidth","type","value","setHeight","foundBreakpoint","find","bp","name","handleMessage","event","startsWith","origin","data","ready","window","addEventListener","removeEventListener","handleWindowChange","Provider","fieldSchemaJSON","setToolbarPosition","toolbarPosition","collisionDetection","onDragEnd"],"mappings":"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"}

package/dist/views/LivePreview/Context/sizeReducer.js

@@ -28,4 +28,4 @@ export const sizeReducer = (state, action)=>{
     }
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy92aWV3cy9MaXZlUHJldmlldy9Db250ZXh0L3NpemVSZWR1Y2VyLnRzIl0sInNvdXJjZXNDb250ZW50IjpbIi8vIGV4cG9ydCBjb25zdCBzaXplUmVkdWNlcjogKHN0YXRlLCBhY3Rpb24pID0+IHtcbi8vICAgc3dpdGNoIChhY3Rpb24udHlwZSkge1xuLy8gICAgIGNhc2UgJ3dpZHRoJzpcbi8vICAgICAgIHJldHVybiB7IC4uLnN0YXRlLCB3aWR0aDogYWN0aW9uLnZhbHVlIH1cbi8vICAgICBjYXNlICdoZWlnaHQnOlxuLy8gICAgICAgcmV0dXJuIHsgLi4uc3RhdGUsIGhlaWdodDogYWN0aW9uLnZhbHVlIH1cbi8vICAgICBkZWZhdWx0OlxuLy8gICAgICAgcmV0dXJuIHsgLi4uc3RhdGUsIC4uLihhY3Rpb24/LnZhbHVlIHx8IHt9KSB9XG4vLyAgIH1cbi8vIH0sXG5cbnR5cGUgU2l6ZVJlZHVjZXJTdGF0ZSA9IHtcbiAgaGVpZ2h0OiBudW1iZXJcbiAgd2lkdGg6IG51bWJlclxufVxuXG5leHBvcnQgdHlwZSBTaXplUmVkdWNlckFjdGlvbiA9XG4gIHwge1xuICAgICAgdHlwZTogJ2hlaWdodCcgfCAnd2lkdGgnXG4gICAgICB2YWx1ZTogbnVtYmVyXG4gICAgfVxuICB8IHtcbiAgICAgIHR5cGU6ICdyZXNldCdcbiAgICAgIHZhbHVlOiB7XG4gICAgICAgIGhlaWdodDogbnVtYmVyXG4gICAgICAgIHdpZHRoOiBudW1iZXJcbiAgICAgIH1cbiAgICB9XG5cbmV4cG9ydCBjb25zdCBzaXplUmVkdWNlciA9IChzdGF0ZTogU2l6ZVJlZHVjZXJTdGF0ZSwgYWN0aW9uOiBTaXplUmVkdWNlckFjdGlvbikgPT4ge1xuICBzd2l0Y2ggKGFjdGlvbi50eXBlKSB7XG4gICAgY2FzZSAnd2lkdGgnOlxuICAgICAgcmV0dXJuIHsgLi4uc3RhdGUsIHdpZHRoOiBhY3Rpb24udmFsdWUgfVxuICAgIGNhc2UgJ2hlaWdodCc6XG4gICAgICByZXR1cm4geyAuLi5zdGF0ZSwgaGVpZ2h0OiBhY3Rpb24udmFsdWUgfVxuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4geyAuLi5zdGF0ZSwgLi4uKGFjdGlvbj8udmFsdWUgfHwge30pIH1cbiAgfVxufVxuIl0sIm5hbWVzIjpbInNpemVSZWR1Y2VyIiwic3RhdGUiLCJhY3Rpb24iLCJ0eXBlIiwid2lkdGgiLCJ2YWx1ZSIsImhlaWdodCJdLCJtYXBwaW5ncyI6IkFBQUEsaURBQWlEO0FBQ2pELDJCQUEyQjtBQUMzQixvQkFBb0I7QUFDcEIsaURBQWlEO0FBQ2pELHFCQUFxQjtBQUNyQixrREFBa0Q7QUFDbEQsZUFBZTtBQUNmLHNEQUFzRDtBQUN0RCxNQUFNO0FBQ04sS0FBSztBQW9CTCxPQUFPLE1BQU1BLGNBQWMsQ0FBQ0MsT0FBeUJDO0lBQ25ELE9BQVFBLE9BQU9DLElBQUk7UUFDakIsS0FBSztZQUNILE9BQU87Z0JBQUUsR0FBR0YsS0FBSztnQkFBRUcsT0FBT0YsT0FBT0csS0FBSztZQUFDO1FBQ3pDLEtBQUs7WUFDSCxPQUFPO2dCQUFFLEdBQUdKLEtBQUs7Z0JBQUVLLFFBQVFKLE9BQU9HLEtBQUs7WUFBQztRQUMxQztZQUNFLE9BQU87Z0JBQUUsR0FBR0osS0FBSztnQkFBRSxHQUFJQyxRQUFRRyxTQUFTLENBQUMsQ0FBQztZQUFFO0lBQ2hEO0FBQ0YsRUFBQyJ9
+//# sourceMappingURL=sizeReducer.js.map

package/dist/views/LivePreview/Context/sizeReducer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/views/LivePreview/Context/sizeReducer.ts"],"sourcesContent":["// export const sizeReducer: (state, action) => {\n//   switch (action.type) {\n//     case 'width':\n//       return { ...state, width: action.value }\n//     case 'height':\n//       return { ...state, height: action.value }\n//     default:\n//       return { ...state, ...(action?.value || {}) }\n//   }\n// },\n\ntype SizeReducerState = {\n  height: number\n  width: number\n}\n\nexport type SizeReducerAction =\n  | {\n      type: 'height' | 'width'\n      value: number\n    }\n  | {\n      type: 'reset'\n      value: {\n        height: number\n        width: number\n      }\n    }\n\nexport const sizeReducer = (state: SizeReducerState, action: SizeReducerAction) => {\n  switch (action.type) {\n    case 'width':\n      return { ...state, width: action.value }\n    case 'height':\n      return { ...state, height: action.value }\n    default:\n      return { ...state, ...(action?.value || {}) }\n  }\n}\n"],"names":["sizeReducer","state","action","type","width","value","height"],"mappings":"AAAA,iDAAiD;AACjD,2BAA2B;AAC3B,oBAAoB;AACpB,iDAAiD;AACjD,qBAAqB;AACrB,kDAAkD;AAClD,eAAe;AACf,sDAAsD;AACtD,MAAM;AACN,KAAK;AAoBL,OAAO,MAAMA,cAAc,CAACC,OAAyBC;IACnD,OAAQA,OAAOC,IAAI;QACjB,KAAK;YACH,OAAO;gBAAE,GAAGF,KAAK;gBAAEG,OAAOF,OAAOG,KAAK;YAAC;QACzC,KAAK;YACH,OAAO;gBAAE,GAAGJ,KAAK;gBAAEK,QAAQJ,OAAOG,KAAK;YAAC;QAC1C;YACE,OAAO;gBAAE,GAAGJ,KAAK;gBAAE,GAAIC,QAAQG,SAAS,CAAC,CAAC;YAAE;IAChD;AACF,EAAC"}

package/dist/views/LivePreview/Device/index.js

@@ -48,4 +48,4 @@ export const DeviceContainer = (props)=>{
     }, children);
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy92aWV3cy9MaXZlUHJldmlldy9EZXZpY2UvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuaW1wb3J0IHsgdXNlUmVzaXplIH0gZnJvbSAnQHBheWxvYWRjbXMvdWknXG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnXG5cbmltcG9ydCB7IHVzZUxpdmVQcmV2aWV3Q29udGV4dCB9IGZyb20gJy4uL0NvbnRleHQvY29udGV4dC5qcydcblxuZXhwb3J0IGNvbnN0IERldmljZUNvbnRhaW5lcjogUmVhY3QuRkM8e1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG59PiA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuIH0gPSBwcm9wc1xuXG4gIGNvbnN0IGRldmljZUZyYW1lUmVmID0gUmVhY3QudXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKVxuXG4gIGNvbnN0IHsgYnJlYWtwb2ludCwgc2V0TWVhc3VyZWREZXZpY2VTaXplLCBzaXplLCB6b29tIH0gPSB1c2VMaXZlUHJldmlld0NvbnRleHQoKVxuXG4gIC8vIEtlZXAgYW4gYWNjdXJhdGUgbWVhc3VyZW1lbnQgb2YgdGhlIGFjdHVhbCBkZXZpY2Ugc2l6ZSBhcyBpdCBpcyB0cnVseSByZW5kZXJlZFxuICAvLyBUaGlzIGlzIGhlbHBmdWwgd2hlbiBgc2l6ZXNgIGFyZSBub24tbnVtYmVyIHVuaXRzIGxpa2UgcGVyY2VudGFnZXMsIGV0Yy5cbiAgY29uc3QgeyBzaXplOiBtZWFzdXJlZERldmljZVNpemUgfSA9IHVzZVJlc2l6ZShkZXZpY2VGcmFtZVJlZilcblxuICAvLyBTeW5jIHRoZSBtZWFzdXJlZCBkZXZpY2Ugc2l6ZSB3aXRoIHRoZSBjb250ZXh0IHNvIHRoYXQgb3RoZXIgY29tcG9uZW50cyBjYW4gdXNlIGl0XG4gIC8vIFRoaXMgaGFwcGVucyBmcm9tIHRoZSBib3R0b20gdXAgc28gdGhhdCBhcyB0aGlzIGNvbXBvbmVudCBtb3VudHMgYW5kIHVubW91bnRzLFxuICAvLyBJdHMgc2l6ZSBpcyBmcmVzaGx5IHBvcHVsYXRlZCBhZ2FpbiB1cG9uIHJlLW1vdW50aW5nLCBpLmUuIGdvaW5nIGZyb20gaWZyYW1lLT5wb3B1cC0+aWZyYW1lXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG1lYXN1cmVkRGV2aWNlU2l6ZSkge1xuICAgICAgc2V0TWVhc3VyZWREZXZpY2VTaXplKG1lYXN1cmVkRGV2aWNlU2l6ZSlcbiAgICB9XG4gIH0sIFttZWFzdXJlZERldmljZVNpemUsIHNldE1lYXN1cmVkRGV2aWNlU2l6ZV0pXG5cbiAgbGV0IHggPSAnMCdcbiAgbGV0IG1hcmdpbiA9ICcwJ1xuXG4gIGlmIChicmVha3BvaW50ICYmIGJyZWFrcG9pbnQgIT09ICdyZXNwb25zaXZlJykge1xuICAgIHggPSAnLTUwJSdcblxuICAgIGlmIChcbiAgICAgIHR5cGVvZiB6b29tID09PSAnbnVtYmVyJyAmJlxuICAgICAgdHlwZW9mIHNpemUud2lkdGggPT09ICdudW1iZXInICYmXG4gICAgICB0eXBlb2Ygc2l6ZS5oZWlnaHQgPT09ICdudW1iZXInXG4gICAgKSB7XG4gICAgICBjb25zdCBzY2FsZWRXaWR0aCA9IHNpemUud2lkdGggLyB6b29tXG4gICAgICBjb25zdCBkaWZmZXJlbmNlID0gc2NhbGVkV2lkdGggLSBzaXplLndpZHRoXG4gICAgICB4ID0gYCR7ZGlmZmVyZW5jZSAvIDJ9cHhgXG4gICAgICBtYXJnaW4gPSAnMCBhdXRvJ1xuICAgIH1cbiAgfVxuXG4gIGxldCB3aWR0aCA9IHpvb20gPyBgJHsxMDAgLyB6b29tfSVgIDogJzEwMCUnXG4gIGxldCBoZWlnaHQgPSB6b29tID8gYCR7MTAwIC8gem9vbX0lYCA6ICcxMDAlJ1xuXG4gIGlmIChicmVha3BvaW50ICE9PSAncmVzcG9uc2l2ZScpIHtcbiAgICB3aWR0aCA9IGAke3NpemU/LndpZHRoIC8gKHR5cGVvZiB6b29tID09PSAnbnVtYmVyJyA/IHpvb20gOiAxKX1weGBcbiAgICBoZWlnaHQgPSBgJHtzaXplPy5oZWlnaHQgLyAodHlwZW9mIHpvb20gPT09ICdudW1iZXInID8gem9vbSA6IDEpfXB4YFxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICByZWY9e2RldmljZUZyYW1lUmVmfVxuICAgICAgc3R5bGU9e3tcbiAgICAgICAgaGVpZ2h0LFxuICAgICAgICBtYXJnaW4sXG4gICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZTNkKCR7eH0sIDAsIDApYCxcbiAgICAgICAgd2lkdGgsXG4gICAgICB9fVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKVxufVxuIl0sIm5hbWVzIjpbInVzZVJlc2l6ZSIsIlJlYWN0IiwidXNlRWZmZWN0IiwidXNlTGl2ZVByZXZpZXdDb250ZXh0IiwiRGV2aWNlQ29udGFpbmVyIiwicHJvcHMiLCJjaGlsZHJlbiIsImRldmljZUZyYW1lUmVmIiwidXNlUmVmIiwiYnJlYWtwb2ludCIsInNldE1lYXN1cmVkRGV2aWNlU2l6ZSIsInNpemUiLCJ6b29tIiwibWVhc3VyZWREZXZpY2VTaXplIiwieCIsIm1hcmdpbiIsIndpZHRoIiwiaGVpZ2h0Iiwic2NhbGVkV2lkdGgiLCJkaWZmZXJlbmNlIiwiZGl2IiwicmVmIiwic3R5bGUiLCJ0cmFuc2Zvcm0iXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0EsU0FBU0EsU0FBUyxRQUFRLGlCQUFnQjtBQUMxQyxPQUFPQyxTQUFTQyxTQUFTLFFBQVEsUUFBTztBQUV4QyxTQUFTQyxxQkFBcUIsUUFBUSx3QkFBdUI7QUFFN0QsT0FBTyxNQUFNQyxrQkFFUixDQUFDQztJQUNKLE1BQU0sRUFBRUMsUUFBUSxFQUFFLEdBQUdEO0lBRXJCLE1BQU1FLGlCQUFpQk4sTUFBTU8sTUFBTSxDQUFpQjtJQUVwRCxNQUFNLEVBQUVDLFVBQVUsRUFBRUMscUJBQXFCLEVBQUVDLElBQUksRUFBRUMsSUFBSSxFQUFFLEdBQUdUO0lBRTFELGlGQUFpRjtJQUNqRiwyRUFBMkU7SUFDM0UsTUFBTSxFQUFFUSxNQUFNRSxrQkFBa0IsRUFBRSxHQUFHYixVQUFVTztJQUUvQyxxRkFBcUY7SUFDckYsaUZBQWlGO0lBQ2pGLDhGQUE4RjtJQUM5RkwsVUFBVTtRQUNSLElBQUlXLG9CQUFvQjtZQUN0Qkgsc0JBQXNCRztRQUN4QjtJQUNGLEdBQUc7UUFBQ0E7UUFBb0JIO0tBQXNCO0lBRTlDLElBQUlJLElBQUk7SUFDUixJQUFJQyxTQUFTO0lBRWIsSUFBSU4sY0FBY0EsZUFBZSxjQUFjO1FBQzdDSyxJQUFJO1FBRUosSUFDRSxPQUFPRixTQUFTLFlBQ2hCLE9BQU9ELEtBQUtLLEtBQUssS0FBSyxZQUN0QixPQUFPTCxLQUFLTSxNQUFNLEtBQUssVUFDdkI7WUFDQSxNQUFNQyxjQUFjUCxLQUFLSyxLQUFLLEdBQUdKO1lBQ2pDLE1BQU1PLGFBQWFELGNBQWNQLEtBQUtLLEtBQUs7WUFDM0NGLElBQUksQ0FBQyxFQUFFSyxhQUFhLEVBQUUsRUFBRSxDQUFDO1lBQ3pCSixTQUFTO1FBQ1g7SUFDRjtJQUVBLElBQUlDLFFBQVFKLE9BQU8sQ0FBQyxFQUFFLE1BQU1BLEtBQUssQ0FBQyxDQUFDLEdBQUc7SUFDdEMsSUFBSUssU0FBU0wsT0FBTyxDQUFDLEVBQUUsTUFBTUEsS0FBSyxDQUFDLENBQUMsR0FBRztJQUV2QyxJQUFJSCxlQUFlLGNBQWM7UUFDL0JPLFFBQVEsQ0FBQyxFQUFFTCxNQUFNSyxRQUFTLENBQUEsT0FBT0osU0FBUyxXQUFXQSxPQUFPLENBQUEsRUFBRyxFQUFFLENBQUM7UUFDbEVLLFNBQVMsQ0FBQyxFQUFFTixNQUFNTSxTQUFVLENBQUEsT0FBT0wsU0FBUyxXQUFXQSxPQUFPLENBQUEsRUFBRyxFQUFFLENBQUM7SUFDdEU7SUFFQSxxQkFDRSxvQkFBQ1E7UUFDQ0MsS0FBS2Q7UUFDTGUsT0FBTztZQUNMTDtZQUNBRjtZQUNBUSxXQUFXLENBQUMsWUFBWSxFQUFFVCxFQUFFLE9BQU8sQ0FBQztZQUNwQ0U7UUFDRjtPQUVDVjtBQUdQLEVBQUMifQ==
+//# sourceMappingURL=index.js.map

package/dist/views/LivePreview/Device/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/views/LivePreview/Device/index.tsx"],"sourcesContent":["'use client'\nimport { useResize } from '@payloadcms/ui'\nimport React, { useEffect } from 'react'\n\nimport { useLivePreviewContext } from '../Context/context.js'\n\nexport const DeviceContainer: React.FC<{\n  children: React.ReactNode\n}> = (props) => {\n  const { children } = props\n\n  const deviceFrameRef = React.useRef<HTMLDivElement>(null)\n\n  const { breakpoint, setMeasuredDeviceSize, size, zoom } = useLivePreviewContext()\n\n  // Keep an accurate measurement of the actual device size as it is truly rendered\n  // This is helpful when `sizes` are non-number units like percentages, etc.\n  const { size: measuredDeviceSize } = useResize(deviceFrameRef)\n\n  // Sync the measured device size with the context so that other components can use it\n  // This happens from the bottom up so that as this component mounts and unmounts,\n  // Its size is freshly populated again upon re-mounting, i.e. going from iframe->popup->iframe\n  useEffect(() => {\n    if (measuredDeviceSize) {\n      setMeasuredDeviceSize(measuredDeviceSize)\n    }\n  }, [measuredDeviceSize, setMeasuredDeviceSize])\n\n  let x = '0'\n  let margin = '0'\n\n  if (breakpoint && breakpoint !== 'responsive') {\n    x = '-50%'\n\n    if (\n      typeof zoom === 'number' &&\n      typeof size.width === 'number' &&\n      typeof size.height === 'number'\n    ) {\n      const scaledWidth = size.width / zoom\n      const difference = scaledWidth - size.width\n      x = `${difference / 2}px`\n      margin = '0 auto'\n    }\n  }\n\n  let width = zoom ? `${100 / zoom}%` : '100%'\n  let height = zoom ? `${100 / zoom}%` : '100%'\n\n  if (breakpoint !== 'responsive') {\n    width = `${size?.width / (typeof zoom === 'number' ? zoom : 1)}px`\n    height = `${size?.height / (typeof zoom === 'number' ? zoom : 1)}px`\n  }\n\n  return (\n    <div\n      ref={deviceFrameRef}\n      style={{\n        height,\n        margin,\n        transform: `translate3d(${x}, 0, 0)`,\n        width,\n      }}\n    >\n      {children}\n    </div>\n  )\n}\n"],"names":["useResize","React","useEffect","useLivePreviewContext","DeviceContainer","props","children","deviceFrameRef","useRef","breakpoint","setMeasuredDeviceSize","size","zoom","measuredDeviceSize","x","margin","width","height","scaledWidth","difference","div","ref","style","transform"],"mappings":"AAAA;AACA,SAASA,SAAS,QAAQ,iBAAgB;AAC1C,OAAOC,SAASC,SAAS,QAAQ,QAAO;AAExC,SAASC,qBAAqB,QAAQ,wBAAuB;AAE7D,OAAO,MAAMC,kBAER,CAACC;IACJ,MAAM,EAAEC,QAAQ,EAAE,GAAGD;IAErB,MAAME,iBAAiBN,MAAMO,MAAM,CAAiB;IAEpD,MAAM,EAAEC,UAAU,EAAEC,qBAAqB,EAAEC,IAAI,EAAEC,IAAI,EAAE,GAAGT;IAE1D,iFAAiF;IACjF,2EAA2E;IAC3E,MAAM,EAAEQ,MAAME,kBAAkB,EAAE,GAAGb,UAAUO;IAE/C,qFAAqF;IACrF,iFAAiF;IACjF,8FAA8F;IAC9FL,UAAU;QACR,IAAIW,oBAAoB;YACtBH,sBAAsBG;QACxB;IACF,GAAG;QAACA;QAAoBH;KAAsB;IAE9C,IAAII,IAAI;IACR,IAAIC,SAAS;IAEb,IAAIN,cAAcA,eAAe,cAAc;QAC7CK,IAAI;QAEJ,IACE,OAAOF,SAAS,YAChB,OAAOD,KAAKK,KAAK,KAAK,YACtB,OAAOL,KAAKM,MAAM,KAAK,UACvB;YACA,MAAMC,cAAcP,KAAKK,KAAK,GAAGJ;YACjC,MAAMO,aAAaD,cAAcP,KAAKK,KAAK;YAC3CF,IAAI,CAAC,EAAEK,aAAa,EAAE,EAAE,CAAC;YACzBJ,SAAS;QACX;IACF;IAEA,IAAIC,QAAQJ,OAAO,CAAC,EAAE,MAAMA,KAAK,CAAC,CAAC,GAAG;IACtC,IAAIK,SAASL,OAAO,CAAC,EAAE,MAAMA,KAAK,CAAC,CAAC,GAAG;IAEvC,IAAIH,eAAe,cAAc;QAC/BO,QAAQ,CAAC,EAAEL,MAAMK,QAAS,CAAA,OAAOJ,SAAS,WAAWA,OAAO,CAAA,EAAG,EAAE,CAAC;QAClEK,SAAS,CAAC,EAAEN,MAAMM,SAAU,CAAA,OAAOL,SAAS,WAAWA,OAAO,CAAA,EAAG,EAAE,CAAC;IACtE;IAEA,qBACE,oBAACQ;QACCC,KAAKd;QACLe,OAAO;YACLL;YACAF;YACAQ,WAAW,CAAC,YAAY,EAAET,EAAE,OAAO,CAAC;YACpCE;QACF;OAECV;AAGP,EAAC"}

package/dist/views/LivePreview/DeviceContainer/index.js

@@ -26,4 +26,4 @@ export const DeviceContainer = (props)=>{
     }, children);
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy92aWV3cy9MaXZlUHJldmlldy9EZXZpY2VDb250YWluZXIvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgeyB1c2VMaXZlUHJldmlld0NvbnRleHQgfSBmcm9tICcuLi9Db250ZXh0L2NvbnRleHQuanMnXG5cbmV4cG9ydCBjb25zdCBEZXZpY2VDb250YWluZXI6IFJlYWN0LkZDPHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZVxufT4gPSAocHJvcHMpID0+IHtcbiAgY29uc3QgeyBjaGlsZHJlbiB9ID0gcHJvcHNcblxuICBjb25zdCB7IGJyZWFrcG9pbnQsIGJyZWFrcG9pbnRzLCBzaXplLCB6b29tIH0gPSB1c2VMaXZlUHJldmlld0NvbnRleHQoKVxuXG4gIGNvbnN0IGZvdW5kQnJlYWtwb2ludCA9IGJyZWFrcG9pbnQgJiYgYnJlYWtwb2ludHM/LmZpbmQoKGJwKSA9PiBicC5uYW1lID09PSBicmVha3BvaW50KVxuXG4gIGxldCB4ID0gJzAnXG4gIGxldCBtYXJnaW4gPSAnMCdcblxuICBpZiAoZm91bmRCcmVha3BvaW50ICYmIGJyZWFrcG9pbnQgIT09ICdyZXNwb25zaXZlJykge1xuICAgIHggPSAnLTUwJSdcblxuICAgIGlmIChcbiAgICAgIHR5cGVvZiB6b29tID09PSAnbnVtYmVyJyAmJlxuICAgICAgdHlwZW9mIHNpemUud2lkdGggPT09ICdudW1iZXInICYmXG4gICAgICB0eXBlb2Ygc2l6ZS5oZWlnaHQgPT09ICdudW1iZXInXG4gICAgKSB7XG4gICAgICBjb25zdCBzY2FsZWRXaWR0aCA9IHNpemUud2lkdGggLyB6b29tXG4gICAgICBjb25zdCBkaWZmZXJlbmNlID0gc2NhbGVkV2lkdGggLSBzaXplLndpZHRoXG4gICAgICB4ID0gYCR7ZGlmZmVyZW5jZSAvIDJ9cHhgXG4gICAgICBtYXJnaW4gPSAnMCBhdXRvJ1xuICAgIH1cbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgc3R5bGU9e3tcbiAgICAgICAgaGVpZ2h0OlxuICAgICAgICAgIGZvdW5kQnJlYWtwb2ludCAmJiBmb3VuZEJyZWFrcG9pbnQ/Lm5hbWUgIT09ICdyZXNwb25zaXZlJ1xuICAgICAgICAgICAgPyBgJHtzaXplPy5oZWlnaHQgLyAodHlwZW9mIHpvb20gPT09ICdudW1iZXInID8gem9vbSA6IDEpfXB4YFxuICAgICAgICAgICAgOiB0eXBlb2Ygem9vbSA9PT0gJ251bWJlcidcbiAgICAgICAgICAgICAgPyBgJHsxMDAgLyB6b29tfSVgXG4gICAgICAgICAgICAgIDogJzEwMCUnLFxuICAgICAgICBtYXJnaW4sXG4gICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZTNkKCR7eH0sIDAsIDApYCxcbiAgICAgICAgd2lkdGg6XG4gICAgICAgICAgZm91bmRCcmVha3BvaW50ICYmIGZvdW5kQnJlYWtwb2ludD8ubmFtZSAhPT0gJ3Jlc3BvbnNpdmUnXG4gICAgICAgICAgICA/IGAke3NpemU/LndpZHRoIC8gKHR5cGVvZiB6b29tID09PSAnbnVtYmVyJyA/IHpvb20gOiAxKX1weGBcbiAgICAgICAgICAgIDogdHlwZW9mIHpvb20gPT09ICdudW1iZXInXG4gICAgICAgICAgICAgID8gYCR7MTAwIC8gem9vbX0lYFxuICAgICAgICAgICAgICA6ICcxMDAlJyxcbiAgICAgIH19XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApXG59XG4iXSwibmFtZXMiOlsiUmVhY3QiLCJ1c2VMaXZlUHJldmlld0NvbnRleHQiLCJEZXZpY2VDb250YWluZXIiLCJwcm9wcyIsImNoaWxkcmVuIiwiYnJlYWtwb2ludCIsImJyZWFrcG9pbnRzIiwic2l6ZSIsInpvb20iLCJmb3VuZEJyZWFrcG9pbnQiLCJmaW5kIiwiYnAiLCJuYW1lIiwieCIsIm1hcmdpbiIsIndpZHRoIiwiaGVpZ2h0Iiwic2NhbGVkV2lkdGgiLCJkaWZmZXJlbmNlIiwiZGl2Iiwic3R5bGUiLCJ0cmFuc2Zvcm0iXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0EsT0FBT0EsV0FBVyxRQUFPO0FBRXpCLFNBQVNDLHFCQUFxQixRQUFRLHdCQUF1QjtBQUU3RCxPQUFPLE1BQU1DLGtCQUVSLENBQUNDO0lBQ0osTUFBTSxFQUFFQyxRQUFRLEVBQUUsR0FBR0Q7SUFFckIsTUFBTSxFQUFFRSxVQUFVLEVBQUVDLFdBQVcsRUFBRUMsSUFBSSxFQUFFQyxJQUFJLEVBQUUsR0FBR1A7SUFFaEQsTUFBTVEsa0JBQWtCSixjQUFjQyxhQUFhSSxLQUFLLENBQUNDLEtBQU9BLEdBQUdDLElBQUksS0FBS1A7SUFFNUUsSUFBSVEsSUFBSTtJQUNSLElBQUlDLFNBQVM7SUFFYixJQUFJTCxtQkFBbUJKLGVBQWUsY0FBYztRQUNsRFEsSUFBSTtRQUVKLElBQ0UsT0FBT0wsU0FBUyxZQUNoQixPQUFPRCxLQUFLUSxLQUFLLEtBQUssWUFDdEIsT0FBT1IsS0FBS1MsTUFBTSxLQUFLLFVBQ3ZCO1lBQ0EsTUFBTUMsY0FBY1YsS0FBS1EsS0FBSyxHQUFHUDtZQUNqQyxNQUFNVSxhQUFhRCxjQUFjVixLQUFLUSxLQUFLO1lBQzNDRixJQUFJLENBQUMsRUFBRUssYUFBYSxFQUFFLEVBQUUsQ0FBQztZQUN6QkosU0FBUztRQUNYO0lBQ0Y7SUFFQSxxQkFDRSxvQkFBQ0s7UUFDQ0MsT0FBTztZQUNMSixRQUNFUCxtQkFBbUJBLGlCQUFpQkcsU0FBUyxlQUN6QyxDQUFDLEVBQUVMLE1BQU1TLFNBQVUsQ0FBQSxPQUFPUixTQUFTLFdBQVdBLE9BQU8sQ0FBQSxFQUFHLEVBQUUsQ0FBQyxHQUMzRCxPQUFPQSxTQUFTLFdBQ2QsQ0FBQyxFQUFFLE1BQU1BLEtBQUssQ0FBQyxDQUFDLEdBQ2hCO1lBQ1JNO1lBQ0FPLFdBQVcsQ0FBQyxZQUFZLEVBQUVSLEVBQUUsT0FBTyxDQUFDO1lBQ3BDRSxPQUNFTixtQkFBbUJBLGlCQUFpQkcsU0FBUyxlQUN6QyxDQUFDLEVBQUVMLE1BQU1RLFFBQVMsQ0FBQSxPQUFPUCxTQUFTLFdBQVdBLE9BQU8sQ0FBQSxFQUFHLEVBQUUsQ0FBQyxHQUMxRCxPQUFPQSxTQUFTLFdBQ2QsQ0FBQyxFQUFFLE1BQU1BLEtBQUssQ0FBQyxDQUFDLEdBQ2hCO1FBQ1Y7T0FFQ0o7QUFHUCxFQUFDIn0=
+//# sourceMappingURL=index.js.map

package/dist/views/LivePreview/DeviceContainer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/views/LivePreview/DeviceContainer/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useLivePreviewContext } from '../Context/context.js'\n\nexport const DeviceContainer: React.FC<{\n  children: React.ReactNode\n}> = (props) => {\n  const { children } = props\n\n  const { breakpoint, breakpoints, size, zoom } = useLivePreviewContext()\n\n  const foundBreakpoint = breakpoint && breakpoints?.find((bp) => bp.name === breakpoint)\n\n  let x = '0'\n  let margin = '0'\n\n  if (foundBreakpoint && breakpoint !== 'responsive') {\n    x = '-50%'\n\n    if (\n      typeof zoom === 'number' &&\n      typeof size.width === 'number' &&\n      typeof size.height === 'number'\n    ) {\n      const scaledWidth = size.width / zoom\n      const difference = scaledWidth - size.width\n      x = `${difference / 2}px`\n      margin = '0 auto'\n    }\n  }\n\n  return (\n    <div\n      style={{\n        height:\n          foundBreakpoint && foundBreakpoint?.name !== 'responsive'\n            ? `${size?.height / (typeof zoom === 'number' ? zoom : 1)}px`\n            : typeof zoom === 'number'\n              ? `${100 / zoom}%`\n              : '100%',\n        margin,\n        transform: `translate3d(${x}, 0, 0)`,\n        width:\n          foundBreakpoint && foundBreakpoint?.name !== 'responsive'\n            ? `${size?.width / (typeof zoom === 'number' ? zoom : 1)}px`\n            : typeof zoom === 'number'\n              ? `${100 / zoom}%`\n              : '100%',\n      }}\n    >\n      {children}\n    </div>\n  )\n}\n"],"names":["React","useLivePreviewContext","DeviceContainer","props","children","breakpoint","breakpoints","size","zoom","foundBreakpoint","find","bp","name","x","margin","width","height","scaledWidth","difference","div","style","transform"],"mappings":"AAAA;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,qBAAqB,QAAQ,wBAAuB;AAE7D,OAAO,MAAMC,kBAER,CAACC;IACJ,MAAM,EAAEC,QAAQ,EAAE,GAAGD;IAErB,MAAM,EAAEE,UAAU,EAAEC,WAAW,EAAEC,IAAI,EAAEC,IAAI,EAAE,GAAGP;IAEhD,MAAMQ,kBAAkBJ,cAAcC,aAAaI,KAAK,CAACC,KAAOA,GAAGC,IAAI,KAAKP;IAE5E,IAAIQ,IAAI;IACR,IAAIC,SAAS;IAEb,IAAIL,mBAAmBJ,eAAe,cAAc;QAClDQ,IAAI;QAEJ,IACE,OAAOL,SAAS,YAChB,OAAOD,KAAKQ,KAAK,KAAK,YACtB,OAAOR,KAAKS,MAAM,KAAK,UACvB;YACA,MAAMC,cAAcV,KAAKQ,KAAK,GAAGP;YACjC,MAAMU,aAAaD,cAAcV,KAAKQ,KAAK;YAC3CF,IAAI,CAAC,EAAEK,aAAa,EAAE,EAAE,CAAC;YACzBJ,SAAS;QACX;IACF;IAEA,qBACE,oBAACK;QACCC,OAAO;YACLJ,QACEP,mBAAmBA,iBAAiBG,SAAS,eACzC,CAAC,EAAEL,MAAMS,SAAU,CAAA,OAAOR,SAAS,WAAWA,OAAO,CAAA,EAAG,EAAE,CAAC,GAC3D,OAAOA,SAAS,WACd,CAAC,EAAE,MAAMA,KAAK,CAAC,CAAC,GAChB;YACRM;YACAO,WAAW,CAAC,YAAY,EAAER,EAAE,OAAO,CAAC;YACpCE,OACEN,mBAAmBA,iBAAiBG,SAAS,eACzC,CAAC,EAAEL,MAAMQ,QAAS,CAAA,OAAOP,SAAS,WAAWA,OAAO,CAAA,EAAG,EAAE,CAAC,GAC1D,OAAOA,SAAS,WACd,CAAC,EAAE,MAAMA,KAAK,CAAC,CAAC,GAChB;QACV;OAECJ;AAGP,EAAC"}

package/dist/views/LivePreview/IFrame/index.js

@@ -1,7 +1,6 @@
 'use client';
 import React, { forwardRef } from 'react';
 import { useLivePreviewContext } from '../Context/context.js';
-import './index.scss';
 const baseClass = 'live-preview-iframe';
 export const IFrame = /*#__PURE__*/ forwardRef((props, ref)=>{
     const { setIframeHasLoaded, url } = props;
@@ -20,4 +19,4 @@ export const IFrame = /*#__PURE__*/ forwardRef((props, ref)=>{
     });
 });
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy92aWV3cy9MaXZlUHJldmlldy9JRnJhbWUvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHsgdXNlTGl2ZVByZXZpZXdDb250ZXh0IH0gZnJvbSAnLi4vQ29udGV4dC9jb250ZXh0LmpzJ1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdsaXZlLXByZXZpZXctaWZyYW1lJ1xuXG5leHBvcnQgY29uc3QgSUZyYW1lOiBSZWFjdC5GQzx7XG4gIHJlZjogUmVhY3QuUmVmPEhUTUxJRnJhbWVFbGVtZW50PlxuICBzZXRJZnJhbWVIYXNMb2FkZWQ6ICh2YWx1ZTogYm9vbGVhbikgPT4gdm9pZFxuICB1cmw6IHN0cmluZ1xufT4gPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHsgc2V0SWZyYW1lSGFzTG9hZGVkLCB1cmwgfSA9IHByb3BzXG5cbiAgY29uc3QgeyB6b29tIH0gPSB1c2VMaXZlUHJldmlld0NvbnRleHQoKVxuXG4gIHJldHVybiAoXG4gICAgPGlmcmFtZVxuICAgICAgY2xhc3NOYW1lPXtiYXNlQ2xhc3N9XG4gICAgICBvbkxvYWQ9eygpID0+IHtcbiAgICAgICAgc2V0SWZyYW1lSGFzTG9hZGVkKHRydWUpXG4gICAgICB9fVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBzcmM9e3VybH1cbiAgICAgIHN0eWxlPXt7XG4gICAgICAgIHRyYW5zZm9ybTogdHlwZW9mIHpvb20gPT09ICdudW1iZXInID8gYHNjYWxlKCR7em9vbX0pIGAgOiB1bmRlZmluZWQsXG4gICAgICB9fVxuICAgICAgdGl0bGU9e3VybH1cbiAgICAvPlxuICApXG59KVxuIl0sIm5hbWVzIjpbIlJlYWN0IiwiZm9yd2FyZFJlZiIsInVzZUxpdmVQcmV2aWV3Q29udGV4dCIsImJhc2VDbGFzcyIsIklGcmFtZSIsInByb3BzIiwicmVmIiwic2V0SWZyYW1lSGFzTG9hZGVkIiwidXJsIiwiem9vbSIsImlmcmFtZSIsImNsYXNzTmFtZSIsIm9uTG9hZCIsInNyYyIsInN0eWxlIiwidHJhbnNmb3JtIiwidW5kZWZpbmVkIiwidGl0bGUiXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0EsT0FBT0EsU0FBU0MsVUFBVSxRQUFRLFFBQU87QUFFekMsU0FBU0MscUJBQXFCLFFBQVEsd0JBQXVCO0FBQzdELE9BQU8sZUFBYztBQUVyQixNQUFNQyxZQUFZO0FBRWxCLE9BQU8sTUFBTUMsdUJBSVJILFdBQVcsQ0FBQ0ksT0FBT0M7SUFDdEIsTUFBTSxFQUFFQyxrQkFBa0IsRUFBRUMsR0FBRyxFQUFFLEdBQUdIO0lBRXBDLE1BQU0sRUFBRUksSUFBSSxFQUFFLEdBQUdQO0lBRWpCLHFCQUNFLG9CQUFDUTtRQUNDQyxXQUFXUjtRQUNYUyxRQUFRO1lBQ05MLG1CQUFtQjtRQUNyQjtRQUNBRCxLQUFLQTtRQUNMTyxLQUFLTDtRQUNMTSxPQUFPO1lBQ0xDLFdBQVcsT0FBT04sU0FBUyxXQUFXLENBQUMsTUFBTSxFQUFFQSxLQUFLLEVBQUUsQ0FBQyxHQUFHTztRQUM1RDtRQUNBQyxPQUFPVDs7QUFHYixHQUFFIn0=
+//# sourceMappingURL=index.js.map

package/dist/views/LivePreview/IFrame/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/views/LivePreview/IFrame/index.tsx"],"sourcesContent":["'use client'\nimport React, { forwardRef } from 'react'\n\nimport { useLivePreviewContext } from '../Context/context.js'\nimport './index.scss'\n\nconst baseClass = 'live-preview-iframe'\n\nexport const IFrame: React.FC<{\n  ref: React.Ref<HTMLIFrameElement>\n  setIframeHasLoaded: (value: boolean) => void\n  url: string\n}> = forwardRef((props, ref) => {\n  const { setIframeHasLoaded, url } = props\n\n  const { zoom } = useLivePreviewContext()\n\n  return (\n    <iframe\n      className={baseClass}\n      onLoad={() => {\n        setIframeHasLoaded(true)\n      }}\n      ref={ref}\n      src={url}\n      style={{\n        transform: typeof zoom === 'number' ? `scale(${zoom}) ` : undefined,\n      }}\n      title={url}\n    />\n  )\n})\n"],"names":["React","forwardRef","useLivePreviewContext","baseClass","IFrame","props","ref","setIframeHasLoaded","url","zoom","iframe","className","onLoad","src","style","transform","undefined","title"],"mappings":"AAAA;AACA,OAAOA,SAASC,UAAU,QAAQ,QAAO;AAEzC,SAASC,qBAAqB,QAAQ,wBAAuB;AAG7D,MAAMC,YAAY;AAElB,OAAO,MAAMC,uBAIRH,WAAW,CAACI,OAAOC;IACtB,MAAM,EAAEC,kBAAkB,EAAEC,GAAG,EAAE,GAAGH;IAEpC,MAAM,EAAEI,IAAI,EAAE,GAAGP;IAEjB,qBACE,oBAACQ;QACCC,WAAWR;QACXS,QAAQ;YACNL,mBAAmB;QACrB;QACAD,KAAKA;QACLO,KAAKL;QACLM,OAAO;YACLC,WAAW,OAAON,SAAS,WAAW,CAAC,MAAM,EAAEA,KAAK,EAAE,CAAC,GAAGO;QAC5D;QACAC,OAAOT;;AAGb,GAAE"}

package/dist/views/LivePreview/Preview/index.js

@@ -5,7 +5,6 @@ import { useLivePreviewContext } from '../Context/context.js';
 import { DeviceContainer } from '../Device/index.js';
 import { IFrame } from '../IFrame/index.js';
 import { LivePreviewToolbar } from '../Toolbar/index.js';
-import './index.scss';
 const baseClass = 'live-preview-window';
 export const LivePreview = (props)=>{
     const { appIsReady, iframeHasLoaded, iframeRef, popupRef, previewWindowType, setIframeHasLoaded, url } = useLivePreviewContext();
@@ -73,4 +72,4 @@ export const LivePreview = (props)=>{
     }
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy92aWV3cy9MaXZlUHJldmlldy9QcmV2aWV3L2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHR5cGUgeyBFZGl0Vmlld1Byb3BzIH0gZnJvbSAncGF5bG9hZC90eXBlcydcblxuaW1wb3J0IHtcbiAgU2hpbW1lckVmZmVjdCxcbiAgcmVkdWNlRmllbGRzVG9WYWx1ZXMsXG4gIHVzZUFsbEZvcm1GaWVsZHMsXG4gIHVzZURvY3VtZW50RXZlbnRzLFxufSBmcm9tICdAcGF5bG9hZGNtcy91aSdcbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHsgdXNlTGl2ZVByZXZpZXdDb250ZXh0IH0gZnJvbSAnLi4vQ29udGV4dC9jb250ZXh0LmpzJ1xuaW1wb3J0IHsgRGV2aWNlQ29udGFpbmVyIH0gZnJvbSAnLi4vRGV2aWNlL2luZGV4LmpzJ1xuaW1wb3J0IHsgSUZyYW1lIH0gZnJvbSAnLi4vSUZyYW1lL2luZGV4LmpzJ1xuaW1wb3J0IHsgTGl2ZVByZXZpZXdUb29sYmFyIH0gZnJvbSAnLi4vVG9vbGJhci9pbmRleC5qcydcbmltcG9ydCAnLi9pbmRleC5zY3NzJ1xuXG5jb25zdCBiYXNlQ2xhc3MgPSAnbGl2ZS1wcmV2aWV3LXdpbmRvdydcblxuZXhwb3J0IGNvbnN0IExpdmVQcmV2aWV3OiBSZWFjdC5GQzxFZGl0Vmlld1Byb3BzPiA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7XG4gICAgYXBwSXNSZWFkeSxcbiAgICBpZnJhbWVIYXNMb2FkZWQsXG4gICAgaWZyYW1lUmVmLFxuICAgIHBvcHVwUmVmLFxuICAgIHByZXZpZXdXaW5kb3dUeXBlLFxuICAgIHNldElmcmFtZUhhc0xvYWRlZCxcbiAgICB1cmwsXG4gIH0gPSB1c2VMaXZlUHJldmlld0NvbnRleHQoKVxuXG4gIGNvbnN0IHsgbW9zdFJlY2VudFVwZGF0ZSB9ID0gdXNlRG9jdW1lbnRFdmVudHMoKVxuXG4gIGNvbnN0IHsgYnJlYWtwb2ludCwgZmllbGRTY2hlbWFKU09OIH0gPSB1c2VMaXZlUHJldmlld0NvbnRleHQoKVxuXG4gIGNvbnN0IHByZXZXaW5kb3dUeXBlID1cbiAgICBSZWFjdC51c2VSZWY8UmV0dXJuVHlwZTx0eXBlb2YgdXNlTGl2ZVByZXZpZXdDb250ZXh0PlsncHJldmlld1dpbmRvd1R5cGUnXT4oKVxuXG4gIGNvbnN0IFtmaWVsZHNdID0gdXNlQWxsRm9ybUZpZWxkcygpXG5cbiAgLy8gVGhlIHByZXZpZXcgY291bGQgZWl0aGVyIGJlIGFuIGlmcmFtZSBlbWJlZGRlZCBvbiB0aGUgcGFnZVxuICAvLyBPciBpdCBjb3VsZCBiZSBhIHNlcGFyYXRlIHBvcHVwIHdpbmRvd1xuICAvLyBXZSBuZWVkIHRvIHRyYW5zbWl0IGRhdGEgdG8gYm90aCBhY2NvcmRpbmdseVxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIC8vIEZvciBwZXJmb3JtYW5jZSwgZG8gbm8gcmVkdWNlIGZpZWxkcyB0byB2YWx1ZXMgdW50aWwgYWZ0ZXIgdGhlIGlmcmFtZSBvciBwb3B1cCBoYXMgbG9hZGVkXG4gICAgaWYgKGZpZWxkcyAmJiB3aW5kb3cgJiYgJ3Bvc3RNZXNzYWdlJyBpbiB3aW5kb3cgJiYgYXBwSXNSZWFkeSkge1xuICAgICAgY29uc3QgdmFsdWVzID0gcmVkdWNlRmllbGRzVG9WYWx1ZXMoZmllbGRzLCB0cnVlKVxuXG4gICAgICAvLyBUbyByZWR1Y2Ugb24gbGFyZ2UgYHBvc3RNZXNzYWdlYCBwYXlsb2Fkcywgb25seSBzZW5kIGBmaWVsZFNjaGVtYVRvSlNPTmAgb25lIHRpbWVcbiAgICAgIC8vIFRvIGRvIHRoaXMsIHRoZSB1bmRlcmx5aW5nIEpTIGZ1bmN0aW9uIG1haW50YWlucyBhIGNhY2hlIG9mIHRoaXMgdmFsdWVcbiAgICAgIC8vIFNvIHdlIG5lZWQgdG8gc2VuZCBpdCB0aHJvdWdoIGVhY2ggdGltZSB0aGUgd2luZG93IHR5cGUgY2hhbmdlc1xuICAgICAgLy8gQnV0IG9ubHkgb25jZSBwZXIgd2luZG93IHR5cGUgY2hhbmdlLCBub3Qgb24gZXZlcnkgcmVuZGVyLCBiZWNhdXNlIHRoaXMgaXMgYSBwb3RlbnRpYWxseSBsYXJnZSBvYmpcbiAgICAgIGNvbnN0IHNob3VsZFNlbmRTY2hlbWEgPVxuICAgICAgICAhcHJldldpbmRvd1R5cGUuY3VycmVudCB8fCBwcmV2V2luZG93VHlwZS5jdXJyZW50ICE9PSBwcmV2aWV3V2luZG93VHlwZVxuXG4gICAgICBwcmV2V2luZG93VHlwZS5jdXJyZW50ID0gcHJldmlld1dpbmRvd1R5cGVcblxuICAgICAgY29uc3QgbWVzc2FnZSA9IHtcbiAgICAgICAgdHlwZTogJ3BheWxvYWQtbGl2ZS1wcmV2aWV3JyxcbiAgICAgICAgZGF0YTogdmFsdWVzLFxuICAgICAgICBleHRlcm5hbGx5VXBkYXRlZFJlbGF0aW9uc2hpcDogbW9zdFJlY2VudFVwZGF0ZSxcbiAgICAgICAgZmllbGRTY2hlbWFKU09OOiBzaG91bGRTZW5kU2NoZW1hID8gZmllbGRTY2hlbWFKU09OIDogdW5kZWZpbmVkLFxuICAgICAgfVxuXG4gICAgICAvLyBQb3N0IG1lc3NhZ2UgdG8gZXh0ZXJuYWwgcG9wdXAgd2luZG93XG4gICAgICBpZiAocHJldmlld1dpbmRvd1R5cGUgPT09ICdwb3B1cCcgJiYgcG9wdXBSZWYuY3VycmVudCkge1xuICAgICAgICBwb3B1cFJlZi5jdXJyZW50LnBvc3RNZXNzYWdlKG1lc3NhZ2UsIHVybClcbiAgICAgIH1cblxuICAgICAgLy8gUG9zdCBtZXNzYWdlIHRvIGVtYmVkZGVkIGlmcmFtZVxuICAgICAgaWYgKHByZXZpZXdXaW5kb3dUeXBlID09PSAnaWZyYW1lJyAmJiBpZnJhbWVSZWYuY3VycmVudCkge1xuICAgICAgICBpZnJhbWVSZWYuY3VycmVudC5jb250ZW50V2luZG93Py5wb3N0TWVzc2FnZShtZXNzYWdlLCB1cmwpXG4gICAgICB9XG4gICAgfVxuICB9LCBbXG4gICAgZmllbGRzLFxuICAgIHVybCxcbiAgICBpZnJhbWVIYXNMb2FkZWQsXG4gICAgcHJldmlld1dpbmRvd1R5cGUsXG4gICAgcG9wdXBSZWYsXG4gICAgYXBwSXNSZWFkeSxcbiAgICBpZnJhbWVSZWYsXG4gICAgc2V0SWZyYW1lSGFzTG9hZGVkLFxuICAgIGZpZWxkU2NoZW1hSlNPTixcbiAgICBtb3N0UmVjZW50VXBkYXRlLFxuICBdKVxuXG4gIGlmIChwcmV2aWV3V2luZG93VHlwZSA9PT0gJ2lmcmFtZScpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICBjbGFzc05hbWU9e1tcbiAgICAgICAgICBiYXNlQ2xhc3MsXG4gICAgICAgICAgYnJlYWtwb2ludCAmJiBicmVha3BvaW50ICE9PSAncmVzcG9uc2l2ZScgJiYgYCR7YmFzZUNsYXNzfS0taGFzLWJyZWFrcG9pbnRgLFxuICAgICAgICBdXG4gICAgICAgICAgLmZpbHRlcihCb29sZWFuKVxuICAgICAgICAgIC5qb2luKCcgJyl9XG4gICAgICA+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X193cmFwcGVyYH0+XG4gICAgICAgICAgPExpdmVQcmV2aWV3VG9vbGJhciB7Li4ucHJvcHN9IC8+XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX21haW5gfT5cbiAgICAgICAgICAgIDxEZXZpY2VDb250YWluZXI+XG4gICAgICAgICAgICAgIHt1cmwgPyAoXG4gICAgICAgICAgICAgICAgPElGcmFtZSByZWY9e2lmcmFtZVJlZn0gc2V0SWZyYW1lSGFzTG9hZGVkPXtzZXRJZnJhbWVIYXNMb2FkZWR9IHVybD17dXJsfSAvPlxuICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgIDxTaGltbWVyRWZmZWN0IGhlaWdodD1cIjEwMCVcIiAvPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9EZXZpY2VDb250YWluZXI+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgKVxuICB9XG59XG4iXSwibmFtZXMiOlsiU2hpbW1lckVmZmVjdCIsInJlZHVjZUZpZWxkc1RvVmFsdWVzIiwidXNlQWxsRm9ybUZpZWxkcyIsInVzZURvY3VtZW50RXZlbnRzIiwiUmVhY3QiLCJ1c2VFZmZlY3QiLCJ1c2VMaXZlUHJldmlld0NvbnRleHQiLCJEZXZpY2VDb250YWluZXIiLCJJRnJhbWUiLCJMaXZlUHJldmlld1Rvb2xiYXIiLCJiYXNlQ2xhc3MiLCJMaXZlUHJldmlldyIsInByb3BzIiwiYXBwSXNSZWFkeSIsImlmcmFtZUhhc0xvYWRlZCIsImlmcmFtZVJlZiIsInBvcHVwUmVmIiwicHJldmlld1dpbmRvd1R5cGUiLCJzZXRJZnJhbWVIYXNMb2FkZWQiLCJ1cmwiLCJtb3N0UmVjZW50VXBkYXRlIiwiYnJlYWtwb2ludCIsImZpZWxkU2NoZW1hSlNPTiIsInByZXZXaW5kb3dUeXBlIiwidXNlUmVmIiwiZmllbGRzIiwid2luZG93IiwidmFsdWVzIiwic2hvdWxkU2VuZFNjaGVtYSIsImN1cnJlbnQiLCJtZXNzYWdlIiwidHlwZSIsImRhdGEiLCJleHRlcm5hbGx5VXBkYXRlZFJlbGF0aW9uc2hpcCIsInVuZGVmaW5lZCIsInBvc3RNZXNzYWdlIiwiY29udGVudFdpbmRvdyIsImRpdiIsImNsYXNzTmFtZSIsImZpbHRlciIsIkJvb2xlYW4iLCJqb2luIiwicmVmIiwiaGVpZ2h0Il0sIm1hcHBpbmdzIjoiQUFBQTtBQUlBLFNBQ0VBLGFBQWEsRUFDYkMsb0JBQW9CLEVBQ3BCQyxnQkFBZ0IsRUFDaEJDLGlCQUFpQixRQUNaLGlCQUFnQjtBQUN2QixPQUFPQyxTQUFTQyxTQUFTLFFBQVEsUUFBTztBQUV4QyxTQUFTQyxxQkFBcUIsUUFBUSx3QkFBdUI7QUFDN0QsU0FBU0MsZUFBZSxRQUFRLHFCQUFvQjtBQUNwRCxTQUFTQyxNQUFNLFFBQVEscUJBQW9CO0FBQzNDLFNBQVNDLGtCQUFrQixRQUFRLHNCQUFxQjtBQUN4RCxPQUFPLGVBQWM7QUFFckIsTUFBTUMsWUFBWTtBQUVsQixPQUFPLE1BQU1DLGNBQXVDLENBQUNDO0lBQ25ELE1BQU0sRUFDSkMsVUFBVSxFQUNWQyxlQUFlLEVBQ2ZDLFNBQVMsRUFDVEMsUUFBUSxFQUNSQyxpQkFBaUIsRUFDakJDLGtCQUFrQixFQUNsQkMsR0FBRyxFQUNKLEdBQUdiO0lBRUosTUFBTSxFQUFFYyxnQkFBZ0IsRUFBRSxHQUFHakI7SUFFN0IsTUFBTSxFQUFFa0IsVUFBVSxFQUFFQyxlQUFlLEVBQUUsR0FBR2hCO0lBRXhDLE1BQU1pQixpQkFDSm5CLE1BQU1vQixNQUFNO0lBRWQsTUFBTSxDQUFDQyxPQUFPLEdBQUd2QjtJQUVqQiw2REFBNkQ7SUFDN0QseUNBQXlDO0lBQ3pDLCtDQUErQztJQUMvQ0csVUFBVTtRQUNSLDRGQUE0RjtRQUM1RixJQUFJb0IsVUFBVUMsVUFBVSxpQkFBaUJBLFVBQVViLFlBQVk7WUFDN0QsTUFBTWMsU0FBUzFCLHFCQUFxQndCLFFBQVE7WUFFNUMsb0ZBQW9GO1lBQ3BGLHlFQUF5RTtZQUN6RSxrRUFBa0U7WUFDbEUscUdBQXFHO1lBQ3JHLE1BQU1HLG1CQUNKLENBQUNMLGVBQWVNLE9BQU8sSUFBSU4sZUFBZU0sT0FBTyxLQUFLWjtZQUV4RE0sZUFBZU0sT0FBTyxHQUFHWjtZQUV6QixNQUFNYSxVQUFVO2dCQUNkQyxNQUFNO2dCQUNOQyxNQUFNTDtnQkFDTk0sK0JBQStCYjtnQkFDL0JFLGlCQUFpQk0sbUJBQW1CTixrQkFBa0JZO1lBQ3hEO1lBRUEsd0NBQXdDO1lBQ3hDLElBQUlqQixzQkFBc0IsV0FBV0QsU0FBU2EsT0FBTyxFQUFFO2dCQUNyRGIsU0FBU2EsT0FBTyxDQUFDTSxXQUFXLENBQUNMLFNBQVNYO1lBQ3hDO1lBRUEsa0NBQWtDO1lBQ2xDLElBQUlGLHNCQUFzQixZQUFZRixVQUFVYyxPQUFPLEVBQUU7Z0JBQ3ZEZCxVQUFVYyxPQUFPLENBQUNPLGFBQWEsRUFBRUQsWUFBWUwsU0FBU1g7WUFDeEQ7UUFDRjtJQUNGLEdBQUc7UUFDRE07UUFDQU47UUFDQUw7UUFDQUc7UUFDQUQ7UUFDQUg7UUFDQUU7UUFDQUc7UUFDQUk7UUFDQUY7S0FDRDtJQUVELElBQUlILHNCQUFzQixVQUFVO1FBQ2xDLHFCQUNFLG9CQUFDb0I7WUFDQ0MsV0FBVztnQkFDVDVCO2dCQUNBVyxjQUFjQSxlQUFlLGdCQUFnQixDQUFDLEVBQUVYLFVBQVUsZ0JBQWdCLENBQUM7YUFDNUUsQ0FDRTZCLE1BQU0sQ0FBQ0MsU0FDUEMsSUFBSSxDQUFDO3lCQUVSLG9CQUFDSjtZQUFJQyxXQUFXLENBQUMsRUFBRTVCLFVBQVUsU0FBUyxDQUFDO3lCQUNyQyxvQkFBQ0Qsb0JBQXVCRyxzQkFDeEIsb0JBQUN5QjtZQUFJQyxXQUFXLENBQUMsRUFBRTVCLFVBQVUsTUFBTSxDQUFDO3lCQUNsQyxvQkFBQ0gsdUJBQ0VZLG9CQUNDLG9CQUFDWDtZQUFPa0MsS0FBSzNCO1lBQVdHLG9CQUFvQkE7WUFBb0JDLEtBQUtBOzJCQUVyRSxvQkFBQ25CO1lBQWMyQyxRQUFPOztJQU9wQztBQUNGLEVBQUMifQ==
+//# sourceMappingURL=index.js.map

package/dist/views/LivePreview/Preview/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/views/LivePreview/Preview/index.tsx"],"sourcesContent":["'use client'\n\nimport type { EditViewProps } from 'payload/types'\n\nimport {\n  ShimmerEffect,\n  reduceFieldsToValues,\n  useAllFormFields,\n  useDocumentEvents,\n} from '@payloadcms/ui'\nimport React, { useEffect } from 'react'\n\nimport { useLivePreviewContext } from '../Context/context.js'\nimport { DeviceContainer } from '../Device/index.js'\nimport { IFrame } from '../IFrame/index.js'\nimport { LivePreviewToolbar } from '../Toolbar/index.js'\nimport './index.scss'\n\nconst baseClass = 'live-preview-window'\n\nexport const LivePreview: React.FC<EditViewProps> = (props) => {\n  const {\n    appIsReady,\n    iframeHasLoaded,\n    iframeRef,\n    popupRef,\n    previewWindowType,\n    setIframeHasLoaded,\n    url,\n  } = useLivePreviewContext()\n\n  const { mostRecentUpdate } = useDocumentEvents()\n\n  const { breakpoint, fieldSchemaJSON } = useLivePreviewContext()\n\n  const prevWindowType =\n    React.useRef<ReturnType<typeof useLivePreviewContext>['previewWindowType']>()\n\n  const [fields] = useAllFormFields()\n\n  // The preview could either be an iframe embedded on the page\n  // Or it could be a separate popup window\n  // We need to transmit data to both accordingly\n  useEffect(() => {\n    // For performance, do no reduce fields to values until after the iframe or popup has loaded\n    if (fields && window && 'postMessage' in window && appIsReady) {\n      const values = reduceFieldsToValues(fields, true)\n\n      // To reduce on large `postMessage` payloads, only send `fieldSchemaToJSON` one time\n      // To do this, the underlying JS function maintains a cache of this value\n      // So we need to send it through each time the window type changes\n      // But only once per window type change, not on every render, because this is a potentially large obj\n      const shouldSendSchema =\n        !prevWindowType.current || prevWindowType.current !== previewWindowType\n\n      prevWindowType.current = previewWindowType\n\n      const message = {\n        type: 'payload-live-preview',\n        data: values,\n        externallyUpdatedRelationship: mostRecentUpdate,\n        fieldSchemaJSON: shouldSendSchema ? fieldSchemaJSON : undefined,\n      }\n\n      // Post message to external popup window\n      if (previewWindowType === 'popup' && popupRef.current) {\n        popupRef.current.postMessage(message, url)\n      }\n\n      // Post message to embedded iframe\n      if (previewWindowType === 'iframe' && iframeRef.current) {\n        iframeRef.current.contentWindow?.postMessage(message, url)\n      }\n    }\n  }, [\n    fields,\n    url,\n    iframeHasLoaded,\n    previewWindowType,\n    popupRef,\n    appIsReady,\n    iframeRef,\n    setIframeHasLoaded,\n    fieldSchemaJSON,\n    mostRecentUpdate,\n  ])\n\n  if (previewWindowType === 'iframe') {\n    return (\n      <div\n        className={[\n          baseClass,\n          breakpoint && breakpoint !== 'responsive' && `${baseClass}--has-breakpoint`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        <div className={`${baseClass}__wrapper`}>\n          <LivePreviewToolbar {...props} />\n          <div className={`${baseClass}__main`}>\n            <DeviceContainer>\n              {url ? (\n                <IFrame ref={iframeRef} setIframeHasLoaded={setIframeHasLoaded} url={url} />\n              ) : (\n                <ShimmerEffect height=\"100%\" />\n              )}\n            </DeviceContainer>\n          </div>\n        </div>\n      </div>\n    )\n  }\n}\n"],"names":["ShimmerEffect","reduceFieldsToValues","useAllFormFields","useDocumentEvents","React","useEffect","useLivePreviewContext","DeviceContainer","IFrame","LivePreviewToolbar","baseClass","LivePreview","props","appIsReady","iframeHasLoaded","iframeRef","popupRef","previewWindowType","setIframeHasLoaded","url","mostRecentUpdate","breakpoint","fieldSchemaJSON","prevWindowType","useRef","fields","window","values","shouldSendSchema","current","message","type","data","externallyUpdatedRelationship","undefined","postMessage","contentWindow","div","className","filter","Boolean","join","ref","height"],"mappings":"AAAA;AAIA,SACEA,aAAa,EACbC,oBAAoB,EACpBC,gBAAgB,EAChBC,iBAAiB,QACZ,iBAAgB;AACvB,OAAOC,SAASC,SAAS,QAAQ,QAAO;AAExC,SAASC,qBAAqB,QAAQ,wBAAuB;AAC7D,SAASC,eAAe,QAAQ,qBAAoB;AACpD,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,SAASC,kBAAkB,QAAQ,sBAAqB;AAGxD,MAAMC,YAAY;AAElB,OAAO,MAAMC,cAAuC,CAACC;IACnD,MAAM,EACJC,UAAU,EACVC,eAAe,EACfC,SAAS,EACTC,QAAQ,EACRC,iBAAiB,EACjBC,kBAAkB,EAClBC,GAAG,EACJ,GAAGb;IAEJ,MAAM,EAAEc,gBAAgB,EAAE,GAAGjB;IAE7B,MAAM,EAAEkB,UAAU,EAAEC,eAAe,EAAE,GAAGhB;IAExC,MAAMiB,iBACJnB,MAAMoB,MAAM;IAEd,MAAM,CAACC,OAAO,GAAGvB;IAEjB,6DAA6D;IAC7D,yCAAyC;IACzC,+CAA+C;IAC/CG,UAAU;QACR,4FAA4F;QAC5F,IAAIoB,UAAUC,UAAU,iBAAiBA,UAAUb,YAAY;YAC7D,MAAMc,SAAS1B,qBAAqBwB,QAAQ;YAE5C,oFAAoF;YACpF,yEAAyE;YACzE,kEAAkE;YAClE,qGAAqG;YACrG,MAAMG,mBACJ,CAACL,eAAeM,OAAO,IAAIN,eAAeM,OAAO,KAAKZ;YAExDM,eAAeM,OAAO,GAAGZ;YAEzB,MAAMa,UAAU;gBACdC,MAAM;gBACNC,MAAML;gBACNM,+BAA+Bb;gBAC/BE,iBAAiBM,mBAAmBN,kBAAkBY;YACxD;YAEA,wCAAwC;YACxC,IAAIjB,sBAAsB,WAAWD,SAASa,OAAO,EAAE;gBACrDb,SAASa,OAAO,CAACM,WAAW,CAACL,SAASX;YACxC;YAEA,kCAAkC;YAClC,IAAIF,sBAAsB,YAAYF,UAAUc,OAAO,EAAE;gBACvDd,UAAUc,OAAO,CAACO,aAAa,EAAED,YAAYL,SAASX;YACxD;QACF;IACF,GAAG;QACDM;QACAN;QACAL;QACAG;QACAD;QACAH;QACAE;QACAG;QACAI;QACAF;KACD;IAED,IAAIH,sBAAsB,UAAU;QAClC,qBACE,oBAACoB;YACCC,WAAW;gBACT5B;gBACAW,cAAcA,eAAe,gBAAgB,CAAC,EAAEX,UAAU,gBAAgB,CAAC;aAC5E,CACE6B,MAAM,CAACC,SACPC,IAAI,CAAC;yBAER,oBAACJ;YAAIC,WAAW,CAAC,EAAE5B,UAAU,SAAS,CAAC;yBACrC,oBAACD,oBAAuBG,sBACxB,oBAACyB;YAAIC,WAAW,CAAC,EAAE5B,UAAU,MAAM,CAAC;yBAClC,oBAACH,uBACEY,oBACC,oBAACX;YAAOkC,KAAK3B;YAAWG,oBAAoBA;YAAoBC,KAAKA;2BAErE,oBAACnB;YAAc2C,QAAO;;IAOpC;AACF,EAAC"}

package/dist/views/LivePreview/Toolbar/Controls/index.js

@@ -3,7 +3,6 @@ import { Chevron, LinkIcon, Popup, PopupList, X } from '@payloadcms/ui';
 import React from 'react';
 import { useLivePreviewContext } from '../../Context/context.js';
 import { PreviewFrameSizeInput } from '../SizeInput/index.js';
-import './index.scss';
 const baseClass = 'live-preview-toolbar-controls';
 const zoomOptions = [
     50,
@@ -78,4 +77,4 @@ export const ToolbarControls = ()=>{
     }, /*#__PURE__*/ React.createElement(LinkIcon, null)));
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy92aWV3cy9MaXZlUHJldmlldy9Ub29sYmFyL0NvbnRyb2xzL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHR5cGUgeyBFZGl0Vmlld1Byb3BzIH0gZnJvbSAncGF5bG9hZC90eXBlcydcblxuaW1wb3J0IHsgQ2hldnJvbiwgTGlua0ljb24sIFBvcHVwLCBQb3B1cExpc3QsIFggfSBmcm9tICdAcGF5bG9hZGNtcy91aSdcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHsgdXNlTGl2ZVByZXZpZXdDb250ZXh0IH0gZnJvbSAnLi4vLi4vQ29udGV4dC9jb250ZXh0LmpzJ1xuaW1wb3J0IHsgUHJldmlld0ZyYW1lU2l6ZUlucHV0IH0gZnJvbSAnLi4vU2l6ZUlucHV0L2luZGV4LmpzJ1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdsaXZlLXByZXZpZXctdG9vbGJhci1jb250cm9scydcbmNvbnN0IHpvb21PcHRpb25zID0gWzUwLCA3NSwgMTAwLCAxMjUsIDE1MCwgMjAwXVxuY29uc3QgY3VzdG9tT3B0aW9uID0ge1xuICBsYWJlbDogJ0N1c3RvbScsIC8vIFRPRE86IEFkZCBpMThuIHRvIHRoaXMgc3RyaW5nXG4gIHZhbHVlOiAnY3VzdG9tJyxcbn1cblxuZXhwb3J0IGNvbnN0IFRvb2xiYXJDb250cm9sczogUmVhY3QuRkM8RWRpdFZpZXdQcm9wcz4gPSAoKSA9PiB7XG4gIGNvbnN0IHsgYnJlYWtwb2ludCwgYnJlYWtwb2ludHMsIHNldEJyZWFrcG9pbnQsIHNldFByZXZpZXdXaW5kb3dUeXBlLCBzZXRab29tLCB1cmwsIHpvb20gfSA9XG4gICAgdXNlTGl2ZVByZXZpZXdDb250ZXh0KClcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtiYXNlQ2xhc3N9PlxuICAgICAge2JyZWFrcG9pbnRzPy5sZW5ndGggPiAwICYmIChcbiAgICAgICAgPFBvcHVwXG4gICAgICAgICAgYnV0dG9uPXtcbiAgICAgICAgICAgIDxSZWFjdC5GcmFnbWVudD5cbiAgICAgICAgICAgICAgPHNwYW4+XG4gICAgICAgICAgICAgICAge2JyZWFrcG9pbnRzLmZpbmQoKGJwKSA9PiBicC5uYW1lID09IGJyZWFrcG9pbnQpPy5sYWJlbCA/PyBjdXN0b21PcHRpb24ubGFiZWx9XG4gICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgJm5ic3A7XG4gICAgICAgICAgICAgIDxDaGV2cm9uIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fY2hldnJvbmB9IC8+XG4gICAgICAgICAgICA8L1JlYWN0LkZyYWdtZW50PlxuICAgICAgICAgIH1cbiAgICAgICAgICBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2JyZWFrcG9pbnRgfVxuICAgICAgICAgIGhvcml6b250YWxBbGlnbj1cInJpZ2h0XCJcbiAgICAgICAgICByZW5kZXI9eyh7IGNsb3NlIH0pID0+IChcbiAgICAgICAgICAgIDxQb3B1cExpc3QuQnV0dG9uR3JvdXA+XG4gICAgICAgICAgICAgIDxSZWFjdC5GcmFnbWVudD5cbiAgICAgICAgICAgICAgICB7YnJlYWtwb2ludHMubWFwKChicCkgPT4gKFxuICAgICAgICAgICAgICAgICAgPFBvcHVwTGlzdC5CdXR0b25cbiAgICAgICAgICAgICAgICAgICAgYWN0aXZlPXticC5uYW1lID09IGJyZWFrcG9pbnR9XG4gICAgICAgICAgICAgICAgICAgIGtleT17YnAubmFtZX1cbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgIHNldEJyZWFrcG9pbnQoYnAubmFtZSlcbiAgICAgICAgICAgICAgICAgICAgICBjbG9zZSgpXG4gICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHticC5sYWJlbH1cbiAgICAgICAgICAgICAgICAgIDwvUG9wdXBMaXN0LkJ1dHRvbj5cbiAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgICAgICB7LyogRHluYW1pY2FsbHkgYWRkIHRoaXMgb3B0aW9uIHNvIHRoYXQgaXQgb25seSBhcHBlYXJzIHdoZW4gdGhlIHdpZHRoIGFuZCBoZWlnaHQgaW5wdXRzIGFyZSBleHBsaWNpdGx5IGNoYW5nZWQgKi99XG4gICAgICAgICAgICAgICAge2JyZWFrcG9pbnQgPT09ICdjdXN0b20nICYmIChcbiAgICAgICAgICAgICAgICAgIDxQb3B1cExpc3QuQnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIGFjdGl2ZT17YnJlYWtwb2ludCA9PSBjdXN0b21PcHRpb24udmFsdWV9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICBzZXRCcmVha3BvaW50KGN1c3RvbU9wdGlvbi52YWx1ZSlcbiAgICAgICAgICAgICAgICAgICAgICBjbG9zZSgpXG4gICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtjdXN0b21PcHRpb24ubGFiZWx9XG4gICAgICAgICAgICAgICAgICA8L1BvcHVwTGlzdC5CdXR0b24+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgICAgICAgICAgIDwvUG9wdXBMaXN0LkJ1dHRvbkdyb3VwPlxuICAgICAgICAgICl9XG4gICAgICAgICAgc2hvd1Njcm9sbGJhclxuICAgICAgICAgIHZlcnRpY2FsQWxpZ249XCJib3R0b21cIlxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19kZXZpY2Utc2l6ZWB9PlxuICAgICAgICA8UHJldmlld0ZyYW1lU2l6ZUlucHV0IGF4aXM9XCJ4XCIgLz5cbiAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19zaXplLWRpdmlkZXJgfT5cbiAgICAgICAgICA8WCAvPlxuICAgICAgICA8L3NwYW4+XG4gICAgICAgIDxQcmV2aWV3RnJhbWVTaXplSW5wdXQgYXhpcz1cInlcIiAvPlxuICAgICAgPC9kaXY+XG4gICAgICA8UG9wdXBcbiAgICAgICAgYnV0dG9uPXtcbiAgICAgICAgICA8UmVhY3QuRnJhZ21lbnQ+XG4gICAgICAgICAgICA8c3Bhbj57em9vbSAqIDEwMH0lPC9zcGFuPlxuICAgICAgICAgICAgJm5ic3A7XG4gICAgICAgICAgICA8Q2hldnJvbiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2NoZXZyb25gfSAvPlxuICAgICAgICAgIDwvUmVhY3QuRnJhZ21lbnQ+XG4gICAgICAgIH1cbiAgICAgICAgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X196b29tYH1cbiAgICAgICAgaG9yaXpvbnRhbEFsaWduPVwicmlnaHRcIlxuICAgICAgICByZW5kZXI9eyh7IGNsb3NlIH0pID0+IChcbiAgICAgICAgICA8UG9wdXBMaXN0LkJ1dHRvbkdyb3VwPlxuICAgICAgICAgICAgPFJlYWN0LkZyYWdtZW50PlxuICAgICAgICAgICAgICB7em9vbU9wdGlvbnMubWFwKCh6b29tVmFsdWUpID0+IChcbiAgICAgICAgICAgICAgICA8UG9wdXBMaXN0LkJ1dHRvblxuICAgICAgICAgICAgICAgICAgYWN0aXZlPXt6b29tICogMTAwID09IHpvb21WYWx1ZX1cbiAgICAgICAgICAgICAgICAgIGtleT17em9vbVZhbHVlfVxuICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICBzZXRab29tKHpvb21WYWx1ZSAvIDEwMClcbiAgICAgICAgICAgICAgICAgICAgY2xvc2UoKVxuICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICB7em9vbVZhbHVlfSVcbiAgICAgICAgICAgICAgICA8L1BvcHVwTGlzdC5CdXR0b24+XG4gICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgICAgICAgICA8L1BvcHVwTGlzdC5CdXR0b25Hcm91cD5cbiAgICAgICAgKX1cbiAgICAgICAgc2hvd1Njcm9sbGJhclxuICAgICAgICB2ZXJ0aWNhbEFsaWduPVwiYm90dG9tXCJcbiAgICAgIC8+XG4gICAgICA8YVxuICAgICAgICBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2V4dGVybmFsYH1cbiAgICAgICAgaHJlZj17dXJsfVxuICAgICAgICBvbkNsaWNrPXsoZSkgPT4ge1xuICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKVxuICAgICAgICAgIHNldFByZXZpZXdXaW5kb3dUeXBlKCdwb3B1cCcpXG4gICAgICAgIH19XG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgPlxuICAgICAgICA8TGlua0ljb24gLz5cbiAgICAgIDwvYT5cbiAgICA8L2Rpdj5cbiAgKVxufVxuIl0sIm5hbWVzIjpbIkNoZXZyb24iLCJMaW5rSWNvbiIsIlBvcHVwIiwiUG9wdXBMaXN0IiwiWCIsIlJlYWN0IiwidXNlTGl2ZVByZXZpZXdDb250ZXh0IiwiUHJldmlld0ZyYW1lU2l6ZUlucHV0IiwiYmFzZUNsYXNzIiwiem9vbU9wdGlvbnMiLCJjdXN0b21PcHRpb24iLCJsYWJlbCIsInZhbHVlIiwiVG9vbGJhckNvbnRyb2xzIiwiYnJlYWtwb2ludCIsImJyZWFrcG9pbnRzIiwic2V0QnJlYWtwb2ludCIsInNldFByZXZpZXdXaW5kb3dUeXBlIiwic2V0Wm9vbSIsInVybCIsInpvb20iLCJkaXYiLCJjbGFzc05hbWUiLCJsZW5ndGgiLCJidXR0b24iLCJGcmFnbWVudCIsInNwYW4iLCJmaW5kIiwiYnAiLCJuYW1lIiwiaG9yaXpvbnRhbEFsaWduIiwicmVuZGVyIiwiY2xvc2UiLCJCdXR0b25Hcm91cCIsIm1hcCIsIkJ1dHRvbiIsImFjdGl2ZSIsImtleSIsIm9uQ2xpY2siLCJzaG93U2Nyb2xsYmFyIiwidmVydGljYWxBbGlnbiIsImF4aXMiLCJ6b29tVmFsdWUiLCJhIiwiaHJlZiIsImUiLCJwcmV2ZW50RGVmYXVsdCIsInR5cGUiXSwibWFwcGluZ3MiOiJBQUFBO0FBSUEsU0FBU0EsT0FBTyxFQUFFQyxRQUFRLEVBQUVDLEtBQUssRUFBRUMsU0FBUyxFQUFFQyxDQUFDLFFBQVEsaUJBQWdCO0FBQ3ZFLE9BQU9DLFdBQVcsUUFBTztBQUV6QixTQUFTQyxxQkFBcUIsUUFBUSwyQkFBMEI7QUFDaEUsU0FBU0MscUJBQXFCLFFBQVEsd0JBQXVCO0FBQzdELE9BQU8sZUFBYztBQUVyQixNQUFNQyxZQUFZO0FBQ2xCLE1BQU1DLGNBQWM7SUFBQztJQUFJO0lBQUk7SUFBSztJQUFLO0lBQUs7Q0FBSTtBQUNoRCxNQUFNQyxlQUFlO0lBQ25CQyxPQUFPO0lBQ1BDLE9BQU87QUFDVDtBQUVBLE9BQU8sTUFBTUMsa0JBQTJDO0lBQ3RELE1BQU0sRUFBRUMsVUFBVSxFQUFFQyxXQUFXLEVBQUVDLGFBQWEsRUFBRUMsb0JBQW9CLEVBQUVDLE9BQU8sRUFBRUMsR0FBRyxFQUFFQyxJQUFJLEVBQUUsR0FDeEZkO0lBRUYscUJBQ0Usb0JBQUNlO1FBQUlDLFdBQVdkO09BQ2JPLGFBQWFRLFNBQVMsbUJBQ3JCLG9CQUFDckI7UUFDQ3NCLHNCQUNFLG9CQUFDbkIsTUFBTW9CLFFBQVEsc0JBQ2Isb0JBQUNDLGNBQ0VYLFlBQVlZLElBQUksQ0FBQyxDQUFDQyxLQUFPQSxHQUFHQyxJQUFJLElBQUlmLGFBQWFILFNBQVNELGFBQWFDLEtBQUssR0FDeEUsbUJBRVAsb0JBQUNYO1lBQVFzQixXQUFXLENBQUMsRUFBRWQsVUFBVSxTQUFTLENBQUM7O1FBRy9DYyxXQUFXLENBQUMsRUFBRWQsVUFBVSxZQUFZLENBQUM7UUFDckNzQixpQkFBZ0I7UUFDaEJDLFFBQVEsQ0FBQyxFQUFFQyxLQUFLLEVBQUUsaUJBQ2hCLG9CQUFDN0IsVUFBVThCLFdBQVcsc0JBQ3BCLG9CQUFDNUIsTUFBTW9CLFFBQVEsUUFDWlYsWUFBWW1CLEdBQUcsQ0FBQyxDQUFDTixtQkFDaEIsb0JBQUN6QixVQUFVZ0MsTUFBTTtvQkFDZkMsUUFBUVIsR0FBR0MsSUFBSSxJQUFJZjtvQkFDbkJ1QixLQUFLVCxHQUFHQyxJQUFJO29CQUNaUyxTQUFTO3dCQUNQdEIsY0FBY1ksR0FBR0MsSUFBSTt3QkFDckJHO29CQUNGO21CQUVDSixHQUFHakIsS0FBSyxJQUlaRyxlQUFlLDBCQUNkLG9CQUFDWCxVQUFVZ0MsTUFBTTtnQkFDZkMsUUFBUXRCLGNBQWNKLGFBQWFFLEtBQUs7Z0JBQ3hDMEIsU0FBUztvQkFDUHRCLGNBQWNOLGFBQWFFLEtBQUs7b0JBQ2hDb0I7Z0JBQ0Y7ZUFFQ3RCLGFBQWFDLEtBQUs7UUFNN0I0QixlQUFBQTtRQUNBQyxlQUFjO3NCQUdsQixvQkFBQ25CO1FBQUlDLFdBQVcsQ0FBQyxFQUFFZCxVQUFVLGFBQWEsQ0FBQztxQkFDekMsb0JBQUNEO1FBQXNCa0MsTUFBSztzQkFDNUIsb0JBQUNmO1FBQUtKLFdBQVcsQ0FBQyxFQUFFZCxVQUFVLGNBQWMsQ0FBQztxQkFDM0Msb0JBQUNKLHlCQUVILG9CQUFDRztRQUFzQmtDLE1BQUs7dUJBRTlCLG9CQUFDdkM7UUFDQ3NCLHNCQUNFLG9CQUFDbkIsTUFBTW9CLFFBQVEsc0JBQ2Isb0JBQUNDLGNBQU1OLE9BQU8sS0FBSSxNQUFRLG1CQUUxQixvQkFBQ3BCO1lBQVFzQixXQUFXLENBQUMsRUFBRWQsVUFBVSxTQUFTLENBQUM7O1FBRy9DYyxXQUFXLENBQUMsRUFBRWQsVUFBVSxNQUFNLENBQUM7UUFDL0JzQixpQkFBZ0I7UUFDaEJDLFFBQVEsQ0FBQyxFQUFFQyxLQUFLLEVBQUUsaUJBQ2hCLG9CQUFDN0IsVUFBVThCLFdBQVcsc0JBQ3BCLG9CQUFDNUIsTUFBTW9CLFFBQVEsUUFDWmhCLFlBQVl5QixHQUFHLENBQUMsQ0FBQ1EsMEJBQ2hCLG9CQUFDdkMsVUFBVWdDLE1BQU07b0JBQ2ZDLFFBQVFoQixPQUFPLE9BQU9zQjtvQkFDdEJMLEtBQUtLO29CQUNMSixTQUFTO3dCQUNQcEIsUUFBUXdCLFlBQVk7d0JBQ3BCVjtvQkFDRjttQkFFQ1UsV0FBVTtRQU1yQkgsZUFBQUE7UUFDQUMsZUFBYztzQkFFaEIsb0JBQUNHO1FBQ0NyQixXQUFXLENBQUMsRUFBRWQsVUFBVSxVQUFVLENBQUM7UUFDbkNvQyxNQUFNekI7UUFDTm1CLFNBQVMsQ0FBQ087WUFDUkEsRUFBRUMsY0FBYztZQUNoQjdCLHFCQUFxQjtRQUN2QjtRQUNBOEIsTUFBSztxQkFFTCxvQkFBQzlDO0FBSVQsRUFBQyJ9
+//# sourceMappingURL=index.js.map

package/dist/views/LivePreview/Toolbar/Controls/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/views/LivePreview/Toolbar/Controls/index.tsx"],"sourcesContent":["'use client'\n\nimport type { EditViewProps } from 'payload/types'\n\nimport { Chevron, LinkIcon, Popup, PopupList, X } from '@payloadcms/ui'\nimport React from 'react'\n\nimport { useLivePreviewContext } from '../../Context/context.js'\nimport { PreviewFrameSizeInput } from '../SizeInput/index.js'\nimport './index.scss'\n\nconst baseClass = 'live-preview-toolbar-controls'\nconst zoomOptions = [50, 75, 100, 125, 150, 200]\nconst customOption = {\n  label: 'Custom', // TODO: Add i18n to this string\n  value: 'custom',\n}\n\nexport const ToolbarControls: React.FC<EditViewProps> = () => {\n  const { breakpoint, breakpoints, setBreakpoint, setPreviewWindowType, setZoom, url, zoom } =\n    useLivePreviewContext()\n\n  return (\n    <div className={baseClass}>\n      {breakpoints?.length > 0 && (\n        <Popup\n          button={\n            <React.Fragment>\n              <span>\n                {breakpoints.find((bp) => bp.name == breakpoint)?.label ?? customOption.label}\n              </span>\n              &nbsp;\n              <Chevron className={`${baseClass}__chevron`} />\n            </React.Fragment>\n          }\n          className={`${baseClass}__breakpoint`}\n          horizontalAlign=\"right\"\n          render={({ close }) => (\n            <PopupList.ButtonGroup>\n              <React.Fragment>\n                {breakpoints.map((bp) => (\n                  <PopupList.Button\n                    active={bp.name == breakpoint}\n                    key={bp.name}\n                    onClick={() => {\n                      setBreakpoint(bp.name)\n                      close()\n                    }}\n                  >\n                    {bp.label}\n                  </PopupList.Button>\n                ))}\n                {/* Dynamically add this option so that it only appears when the width and height inputs are explicitly changed */}\n                {breakpoint === 'custom' && (\n                  <PopupList.Button\n                    active={breakpoint == customOption.value}\n                    onClick={() => {\n                      setBreakpoint(customOption.value)\n                      close()\n                    }}\n                  >\n                    {customOption.label}\n                  </PopupList.Button>\n                )}\n              </React.Fragment>\n            </PopupList.ButtonGroup>\n          )}\n          showScrollbar\n          verticalAlign=\"bottom\"\n        />\n      )}\n      <div className={`${baseClass}__device-size`}>\n        <PreviewFrameSizeInput axis=\"x\" />\n        <span className={`${baseClass}__size-divider`}>\n          <X />\n        </span>\n        <PreviewFrameSizeInput axis=\"y\" />\n      </div>\n      <Popup\n        button={\n          <React.Fragment>\n            <span>{zoom * 100}%</span>\n            &nbsp;\n            <Chevron className={`${baseClass}__chevron`} />\n          </React.Fragment>\n        }\n        className={`${baseClass}__zoom`}\n        horizontalAlign=\"right\"\n        render={({ close }) => (\n          <PopupList.ButtonGroup>\n            <React.Fragment>\n              {zoomOptions.map((zoomValue) => (\n                <PopupList.Button\n                  active={zoom * 100 == zoomValue}\n                  key={zoomValue}\n                  onClick={() => {\n                    setZoom(zoomValue / 100)\n                    close()\n                  }}\n                >\n                  {zoomValue}%\n                </PopupList.Button>\n              ))}\n            </React.Fragment>\n          </PopupList.ButtonGroup>\n        )}\n        showScrollbar\n        verticalAlign=\"bottom\"\n      />\n      <a\n        className={`${baseClass}__external`}\n        href={url}\n        onClick={(e) => {\n          e.preventDefault()\n          setPreviewWindowType('popup')\n        }}\n        type=\"button\"\n      >\n        <LinkIcon />\n      </a>\n    </div>\n  )\n}\n"],"names":["Chevron","LinkIcon","Popup","PopupList","X","React","useLivePreviewContext","PreviewFrameSizeInput","baseClass","zoomOptions","customOption","label","value","ToolbarControls","breakpoint","breakpoints","setBreakpoint","setPreviewWindowType","setZoom","url","zoom","div","className","length","button","Fragment","span","find","bp","name","horizontalAlign","render","close","ButtonGroup","map","Button","active","key","onClick","showScrollbar","verticalAlign","axis","zoomValue","a","href","e","preventDefault","type"],"mappings":"AAAA;AAIA,SAASA,OAAO,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,SAAS,EAAEC,CAAC,QAAQ,iBAAgB;AACvE,OAAOC,WAAW,QAAO;AAEzB,SAASC,qBAAqB,QAAQ,2BAA0B;AAChE,SAASC,qBAAqB,QAAQ,wBAAuB;AAG7D,MAAMC,YAAY;AAClB,MAAMC,cAAc;IAAC;IAAI;IAAI;IAAK;IAAK;IAAK;CAAI;AAChD,MAAMC,eAAe;IACnBC,OAAO;IACPC,OAAO;AACT;AAEA,OAAO,MAAMC,kBAA2C;IACtD,MAAM,EAAEC,UAAU,EAAEC,WAAW,EAAEC,aAAa,EAAEC,oBAAoB,EAAEC,OAAO,EAAEC,GAAG,EAAEC,IAAI,EAAE,GACxFd;IAEF,qBACE,oBAACe;QAAIC,WAAWd;OACbO,aAAaQ,SAAS,mBACrB,oBAACrB;QACCsB,sBACE,oBAACnB,MAAMoB,QAAQ,sBACb,oBAACC,cACEX,YAAYY,IAAI,CAAC,CAACC,KAAOA,GAAGC,IAAI,IAAIf,aAAaH,SAASD,aAAaC,KAAK,GACxE,mBAEP,oBAACX;YAAQsB,WAAW,CAAC,EAAEd,UAAU,SAAS,CAAC;;QAG/Cc,WAAW,CAAC,EAAEd,UAAU,YAAY,CAAC;QACrCsB,iBAAgB;QAChBC,QAAQ,CAAC,EAAEC,KAAK,EAAE,iBAChB,oBAAC7B,UAAU8B,WAAW,sBACpB,oBAAC5B,MAAMoB,QAAQ,QACZV,YAAYmB,GAAG,CAAC,CAACN,mBAChB,oBAACzB,UAAUgC,MAAM;oBACfC,QAAQR,GAAGC,IAAI,IAAIf;oBACnBuB,KAAKT,GAAGC,IAAI;oBACZS,SAAS;wBACPtB,cAAcY,GAAGC,IAAI;wBACrBG;oBACF;mBAECJ,GAAGjB,KAAK,IAIZG,eAAe,0BACd,oBAACX,UAAUgC,MAAM;gBACfC,QAAQtB,cAAcJ,aAAaE,KAAK;gBACxC0B,SAAS;oBACPtB,cAAcN,aAAaE,KAAK;oBAChCoB;gBACF;eAECtB,aAAaC,KAAK;QAM7B4B,eAAAA;QACAC,eAAc;sBAGlB,oBAACnB;QAAIC,WAAW,CAAC,EAAEd,UAAU,aAAa,CAAC;qBACzC,oBAACD;QAAsBkC,MAAK;sBAC5B,oBAACf;QAAKJ,WAAW,CAAC,EAAEd,UAAU,cAAc,CAAC;qBAC3C,oBAACJ,yBAEH,oBAACG;QAAsBkC,MAAK;uBAE9B,oBAACvC;QACCsB,sBACE,oBAACnB,MAAMoB,QAAQ,sBACb,oBAACC,cAAMN,OAAO,KAAI,MAAQ,mBAE1B,oBAACpB;YAAQsB,WAAW,CAAC,EAAEd,UAAU,SAAS,CAAC;;QAG/Cc,WAAW,CAAC,EAAEd,UAAU,MAAM,CAAC;QAC/BsB,iBAAgB;QAChBC,QAAQ,CAAC,EAAEC,KAAK,EAAE,iBAChB,oBAAC7B,UAAU8B,WAAW,sBACpB,oBAAC5B,MAAMoB,QAAQ,QACZhB,YAAYyB,GAAG,CAAC,CAACQ,0BAChB,oBAACvC,UAAUgC,MAAM;oBACfC,QAAQhB,OAAO,OAAOsB;oBACtBL,KAAKK;oBACLJ,SAAS;wBACPpB,QAAQwB,YAAY;wBACpBV;oBACF;mBAECU,WAAU;QAMrBH,eAAAA;QACAC,eAAc;sBAEhB,oBAACG;QACCrB,WAAW,CAAC,EAAEd,UAAU,UAAU,CAAC;QACnCoC,MAAMzB;QACNmB,SAAS,CAACO;YACRA,EAAEC,cAAc;YAChB7B,qBAAqB;QACvB;QACA8B,MAAK;qBAEL,oBAAC9C;AAIT,EAAC"}

package/dist/views/LivePreview/Toolbar/SizeInput/index.js

@@ -1,7 +1,6 @@
 'use client';
 import React, { useCallback, useEffect } from 'react';
 import { useLivePreviewContext } from '../../Context/context.js';
-import './index.scss';
 const baseClass = 'toolbar-input';
 export const PreviewFrameSizeInput = (props)=>{
     const { axis } = props;
@@ -58,4 +57,4 @@ export const PreviewFrameSizeInput = (props)=>{
     });
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy92aWV3cy9MaXZlUHJldmlldy9Ub29sYmFyL1NpemVJbnB1dC9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCB9IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgeyB1c2VMaXZlUHJldmlld0NvbnRleHQgfSBmcm9tICcuLi8uLi9Db250ZXh0L2NvbnRleHQuanMnXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcblxuY29uc3QgYmFzZUNsYXNzID0gJ3Rvb2xiYXItaW5wdXQnXG5cbmV4cG9ydCBjb25zdCBQcmV2aWV3RnJhbWVTaXplSW5wdXQ6IFJlYWN0LkZDPHtcbiAgYXhpcz86ICd4JyB8ICd5J1xufT4gPSAocHJvcHMpID0+IHtcbiAgY29uc3QgeyBheGlzIH0gPSBwcm9wc1xuXG4gIGNvbnN0IHsgYnJlYWtwb2ludCwgbWVhc3VyZWREZXZpY2VTaXplLCBzZXRCcmVha3BvaW50LCBzZXRTaXplLCBzaXplLCB6b29tIH0gPVxuICAgIHVzZUxpdmVQcmV2aWV3Q29udGV4dCgpXG5cbiAgY29uc3QgW2ludGVybmFsU3RhdGUsIHNldEludGVybmFsU3RhdGVdID0gUmVhY3QudXNlU3RhdGU8bnVtYmVyPihcbiAgICAoYXhpcyA9PT0gJ3gnID8gbWVhc3VyZWREZXZpY2VTaXplPy53aWR0aCA6IG1lYXN1cmVkRGV2aWNlU2l6ZT8uaGVpZ2h0KSB8fCAwLFxuICApXG5cbiAgLy8gd2hlbiB0aGUgaW5wdXQgaXMgY2hhbmdlZCBtYW51YWxseSwgd2UgbmVlZCB0byBzZXQgdGhlIGJyZWFrcG9pbnQgYXMgYGN1c3RvbWBcbiAgLy8gdGhpcyB3aWxsIHRoZW4gYWxsb3cgdXMgdG8gc2V0IGFuIGV4cGxpY2l0IHdpZHRoIGFuZCBoZWlnaHRcbiAgY29uc3QgaGFuZGxlQ2hhbmdlID0gdXNlQ2FsbGJhY2soXG4gICAgKGU6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgICBsZXQgbmV3VmFsdWUgPSBOdW1iZXIoZS50YXJnZXQudmFsdWUpXG5cbiAgICAgIGlmIChuZXdWYWx1ZSA8IDApIG5ld1ZhbHVlID0gMFxuXG4gICAgICBzZXRJbnRlcm5hbFN0YXRlKG5ld1ZhbHVlKVxuICAgICAgc2V0QnJlYWtwb2ludCgnY3VzdG9tJylcblxuICAgICAgLy8gYmUgc3VyZSB0byBzZXQgX2JvdGhfIGF4aXMgdmFsdWVzIHRvIHNvIHRoYXQgdGhlIG90aGVyIGF4aXMgZG9lc24ndCBmYWxsYmFjayB0byAwIG9uIGluaXRpYWwgY2hhbmdlXG4gICAgICAvLyB0aGlzIGlzIGJlY2F1c2UgdGhlIGByZXNwb25zaXZlYCBzaXplIGlzICcxMDAlJyBpbiBDU1MsIGFuZCBgMGAgaW4gaW5pdGlhbCBzdGF0ZVxuICAgICAgc2V0U2l6ZSh7XG4gICAgICAgIHR5cGU6ICdyZXNldCcsXG4gICAgICAgIHZhbHVlOiB7XG4gICAgICAgICAgaGVpZ2h0OiBheGlzID09PSAneScgPyBuZXdWYWx1ZSA6IE51bWJlcihtZWFzdXJlZERldmljZVNpemU/LmhlaWdodC50b0ZpeGVkKDApKSAqIHpvb20sXG4gICAgICAgICAgd2lkdGg6IGF4aXMgPT09ICd4JyA/IG5ld1ZhbHVlIDogTnVtYmVyKG1lYXN1cmVkRGV2aWNlU2l6ZT8ud2lkdGgudG9GaXhlZCgwKSkgKiB6b29tLFxuICAgICAgICB9LFxuICAgICAgfSlcbiAgICB9LFxuICAgIFtheGlzLCBzZXRCcmVha3BvaW50LCBtZWFzdXJlZERldmljZVNpemUsIHNldFNpemUsIHpvb21dLFxuICApXG5cbiAgLy8gaWYgdGhlIGJyZWFrcG9pbnQgaXMgYHJlc3BvbnNpdmVgIHRoZW4gdGhlIGRldmljZSdzIGRpdiB3aWxsIGhhdmUgYDEwMCVgIHdpZHRoIGFuZCBoZWlnaHRcbiAgLy8gc28gd2UgbmVlZCB0byB0YWtlIHRoZSBtZWFzdXJlbWVudHMgcHJvdmlkZWQgYnkgYGFjdHVhbERldmljZVNpemVgIGFuZCBzeW5jIGludGVybmFsIHN0YXRlXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGJyZWFrcG9pbnQgPT09ICdyZXNwb25zaXZlJyAmJiBtZWFzdXJlZERldmljZVNpemUpIHtcbiAgICAgIGlmIChheGlzID09PSAneCcpIHNldEludGVybmFsU3RhdGUoTnVtYmVyKG1lYXN1cmVkRGV2aWNlU2l6ZS53aWR0aC50b0ZpeGVkKDApKSAqIHpvb20pXG4gICAgICBlbHNlIHNldEludGVybmFsU3RhdGUoTnVtYmVyKG1lYXN1cmVkRGV2aWNlU2l6ZS5oZWlnaHQudG9GaXhlZCgwKSkgKiB6b29tKVxuICAgIH1cblxuICAgIGlmIChicmVha3BvaW50ICE9PSAncmVzcG9uc2l2ZScgJiYgc2l6ZSkge1xuICAgICAgc2V0SW50ZXJuYWxTdGF0ZShheGlzID09PSAneCcgPyBzaXplLndpZHRoIDogc2l6ZS5oZWlnaHQpXG4gICAgfVxuICB9LCBbYnJlYWtwb2ludCwgYXhpcywgbWVhc3VyZWREZXZpY2VTaXplLCBzaXplLCB6b29tXSlcblxuICByZXR1cm4gKFxuICAgIDxpbnB1dFxuICAgICAgY2xhc3NOYW1lPXtiYXNlQ2xhc3N9XG4gICAgICBtaW49ezB9XG4gICAgICBuYW1lPXtheGlzID09PSAneCcgPyAnbGl2ZS1wcmV2aWV3LXdpZHRoJyA6ICdsaXZlLXByZXZpZXctaGVpZ2h0J31cbiAgICAgIG9uQ2hhbmdlPXtoYW5kbGVDaGFuZ2V9XG4gICAgICBzdGVwPXsxfVxuICAgICAgdHlwZT1cIm51bWJlclwiXG4gICAgICB2YWx1ZT17aW50ZXJuYWxTdGF0ZSB8fCAwfVxuICAgIC8+XG4gIClcbn1cbiJdLCJuYW1lcyI6WyJSZWFjdCIsInVzZUNhbGxiYWNrIiwidXNlRWZmZWN0IiwidXNlTGl2ZVByZXZpZXdDb250ZXh0IiwiYmFzZUNsYXNzIiwiUHJldmlld0ZyYW1lU2l6ZUlucHV0IiwicHJvcHMiLCJheGlzIiwiYnJlYWtwb2ludCIsIm1lYXN1cmVkRGV2aWNlU2l6ZSIsInNldEJyZWFrcG9pbnQiLCJzZXRTaXplIiwic2l6ZSIsInpvb20iLCJpbnRlcm5hbFN0YXRlIiwic2V0SW50ZXJuYWxTdGF0ZSIsInVzZVN0YXRlIiwid2lkdGgiLCJoZWlnaHQiLCJoYW5kbGVDaGFuZ2UiLCJlIiwibmV3VmFsdWUiLCJOdW1iZXIiLCJ0YXJnZXQiLCJ2YWx1ZSIsInR5cGUiLCJ0b0ZpeGVkIiwiaW5wdXQiLCJjbGFzc05hbWUiLCJtaW4iLCJuYW1lIiwib25DaGFuZ2UiLCJzdGVwIl0sIm1hcHBpbmdzIjoiQUFBQTtBQUNBLE9BQU9BLFNBQVNDLFdBQVcsRUFBRUMsU0FBUyxRQUFRLFFBQU87QUFFckQsU0FBU0MscUJBQXFCLFFBQVEsMkJBQTBCO0FBQ2hFLE9BQU8sZUFBYztBQUVyQixNQUFNQyxZQUFZO0FBRWxCLE9BQU8sTUFBTUMsd0JBRVIsQ0FBQ0M7SUFDSixNQUFNLEVBQUVDLElBQUksRUFBRSxHQUFHRDtJQUVqQixNQUFNLEVBQUVFLFVBQVUsRUFBRUMsa0JBQWtCLEVBQUVDLGFBQWEsRUFBRUMsT0FBTyxFQUFFQyxJQUFJLEVBQUVDLElBQUksRUFBRSxHQUMxRVY7SUFFRixNQUFNLENBQUNXLGVBQWVDLGlCQUFpQixHQUFHZixNQUFNZ0IsUUFBUSxDQUN0RCxBQUFDVCxDQUFBQSxTQUFTLE1BQU1FLG9CQUFvQlEsUUFBUVIsb0JBQW9CUyxNQUFLLEtBQU07SUFHN0UsZ0ZBQWdGO0lBQ2hGLDhEQUE4RDtJQUM5RCxNQUFNQyxlQUFlbEIsWUFDbkIsQ0FBQ21CO1FBQ0MsSUFBSUMsV0FBV0MsT0FBT0YsRUFBRUcsTUFBTSxDQUFDQyxLQUFLO1FBRXBDLElBQUlILFdBQVcsR0FBR0EsV0FBVztRQUU3Qk4saUJBQWlCTTtRQUNqQlgsY0FBYztRQUVkLHNHQUFzRztRQUN0RyxtRkFBbUY7UUFDbkZDLFFBQVE7WUFDTmMsTUFBTTtZQUNORCxPQUFPO2dCQUNMTixRQUFRWCxTQUFTLE1BQU1jLFdBQVdDLE9BQU9iLG9CQUFvQlMsT0FBT1EsUUFBUSxNQUFNYjtnQkFDbEZJLE9BQU9WLFNBQVMsTUFBTWMsV0FBV0MsT0FBT2Isb0JBQW9CUSxNQUFNUyxRQUFRLE1BQU1iO1lBQ2xGO1FBQ0Y7SUFDRixHQUNBO1FBQUNOO1FBQU1HO1FBQWVEO1FBQW9CRTtRQUFTRTtLQUFLO0lBRzFELDRGQUE0RjtJQUM1Riw2RkFBNkY7SUFDN0ZYLFVBQVU7UUFDUixJQUFJTSxlQUFlLGdCQUFnQkMsb0JBQW9CO1lBQ3JELElBQUlGLFNBQVMsS0FBS1EsaUJBQWlCTyxPQUFPYixtQkFBbUJRLEtBQUssQ0FBQ1MsT0FBTyxDQUFDLE1BQU1iO2lCQUM1RUUsaUJBQWlCTyxPQUFPYixtQkFBbUJTLE1BQU0sQ0FBQ1EsT0FBTyxDQUFDLE1BQU1iO1FBQ3ZFO1FBRUEsSUFBSUwsZUFBZSxnQkFBZ0JJLE1BQU07WUFDdkNHLGlCQUFpQlIsU0FBUyxNQUFNSyxLQUFLSyxLQUFLLEdBQUdMLEtBQUtNLE1BQU07UUFDMUQ7SUFDRixHQUFHO1FBQUNWO1FBQVlEO1FBQU1FO1FBQW9CRztRQUFNQztLQUFLO0lBRXJELHFCQUNFLG9CQUFDYztRQUNDQyxXQUFXeEI7UUFDWHlCLEtBQUs7UUFDTEMsTUFBTXZCLFNBQVMsTUFBTSx1QkFBdUI7UUFDNUN3QixVQUFVWjtRQUNWYSxNQUFNO1FBQ05QLE1BQUs7UUFDTEQsT0FBT1YsaUJBQWlCOztBQUc5QixFQUFDIn0=
+//# sourceMappingURL=index.js.map

package/dist/views/LivePreview/Toolbar/SizeInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/views/LivePreview/Toolbar/SizeInput/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback, useEffect } from 'react'\n\nimport { useLivePreviewContext } from '../../Context/context.js'\nimport './index.scss'\n\nconst baseClass = 'toolbar-input'\n\nexport const PreviewFrameSizeInput: React.FC<{\n  axis?: 'x' | 'y'\n}> = (props) => {\n  const { axis } = props\n\n  const { breakpoint, measuredDeviceSize, setBreakpoint, setSize, size, zoom } =\n    useLivePreviewContext()\n\n  const [internalState, setInternalState] = React.useState<number>(\n    (axis === 'x' ? measuredDeviceSize?.width : measuredDeviceSize?.height) || 0,\n  )\n\n  // when the input is changed manually, we need to set the breakpoint as `custom`\n  // this will then allow us to set an explicit width and height\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      let newValue = Number(e.target.value)\n\n      if (newValue < 0) newValue = 0\n\n      setInternalState(newValue)\n      setBreakpoint('custom')\n\n      // be sure to set _both_ axis values to so that the other axis doesn't fallback to 0 on initial change\n      // this is because the `responsive` size is '100%' in CSS, and `0` in initial state\n      setSize({\n        type: 'reset',\n        value: {\n          height: axis === 'y' ? newValue : Number(measuredDeviceSize?.height.toFixed(0)) * zoom,\n          width: axis === 'x' ? newValue : Number(measuredDeviceSize?.width.toFixed(0)) * zoom,\n        },\n      })\n    },\n    [axis, setBreakpoint, measuredDeviceSize, setSize, zoom],\n  )\n\n  // if the breakpoint is `responsive` then the device's div will have `100%` width and height\n  // so we need to take the measurements provided by `actualDeviceSize` and sync internal state\n  useEffect(() => {\n    if (breakpoint === 'responsive' && measuredDeviceSize) {\n      if (axis === 'x') setInternalState(Number(measuredDeviceSize.width.toFixed(0)) * zoom)\n      else setInternalState(Number(measuredDeviceSize.height.toFixed(0)) * zoom)\n    }\n\n    if (breakpoint !== 'responsive' && size) {\n      setInternalState(axis === 'x' ? size.width : size.height)\n    }\n  }, [breakpoint, axis, measuredDeviceSize, size, zoom])\n\n  return (\n    <input\n      className={baseClass}\n      min={0}\n      name={axis === 'x' ? 'live-preview-width' : 'live-preview-height'}\n      onChange={handleChange}\n      step={1}\n      type=\"number\"\n      value={internalState || 0}\n    />\n  )\n}\n"],"names":["React","useCallback","useEffect","useLivePreviewContext","baseClass","PreviewFrameSizeInput","props","axis","breakpoint","measuredDeviceSize","setBreakpoint","setSize","size","zoom","internalState","setInternalState","useState","width","height","handleChange","e","newValue","Number","target","value","type","toFixed","input","className","min","name","onChange","step"],"mappings":"AAAA;AACA,OAAOA,SAASC,WAAW,EAAEC,SAAS,QAAQ,QAAO;AAErD,SAASC,qBAAqB,QAAQ,2BAA0B;AAGhE,MAAMC,YAAY;AAElB,OAAO,MAAMC,wBAER,CAACC;IACJ,MAAM,EAAEC,IAAI,EAAE,GAAGD;IAEjB,MAAM,EAAEE,UAAU,EAAEC,kBAAkB,EAAEC,aAAa,EAAEC,OAAO,EAAEC,IAAI,EAAEC,IAAI,EAAE,GAC1EV;IAEF,MAAM,CAACW,eAAeC,iBAAiB,GAAGf,MAAMgB,QAAQ,CACtD,AAACT,CAAAA,SAAS,MAAME,oBAAoBQ,QAAQR,oBAAoBS,MAAK,KAAM;IAG7E,gFAAgF;IAChF,8DAA8D;IAC9D,MAAMC,eAAelB,YACnB,CAACmB;QACC,IAAIC,WAAWC,OAAOF,EAAEG,MAAM,CAACC,KAAK;QAEpC,IAAIH,WAAW,GAAGA,WAAW;QAE7BN,iBAAiBM;QACjBX,cAAc;QAEd,sGAAsG;QACtG,mFAAmF;QACnFC,QAAQ;YACNc,MAAM;YACND,OAAO;gBACLN,QAAQX,SAAS,MAAMc,WAAWC,OAAOb,oBAAoBS,OAAOQ,QAAQ,MAAMb;gBAClFI,OAAOV,SAAS,MAAMc,WAAWC,OAAOb,oBAAoBQ,MAAMS,QAAQ,MAAMb;YAClF;QACF;IACF,GACA;QAACN;QAAMG;QAAeD;QAAoBE;QAASE;KAAK;IAG1D,4FAA4F;IAC5F,6FAA6F;IAC7FX,UAAU;QACR,IAAIM,eAAe,gBAAgBC,oBAAoB;YACrD,IAAIF,SAAS,KAAKQ,iBAAiBO,OAAOb,mBAAmBQ,KAAK,CAACS,OAAO,CAAC,MAAMb;iBAC5EE,iBAAiBO,OAAOb,mBAAmBS,MAAM,CAACQ,OAAO,CAAC,MAAMb;QACvE;QAEA,IAAIL,eAAe,gBAAgBI,MAAM;YACvCG,iBAAiBR,SAAS,MAAMK,KAAKK,KAAK,GAAGL,KAAKM,MAAM;QAC1D;IACF,GAAG;QAACV;QAAYD;QAAME;QAAoBG;QAAMC;KAAK;IAErD,qBACE,oBAACc;QACCC,WAAWxB;QACXyB,KAAK;QACLC,MAAMvB,SAAS,MAAM,uBAAuB;QAC5CwB,UAAUZ;QACVa,MAAM;QACNP,MAAK;QACLD,OAAOV,iBAAiB;;AAG9B,EAAC"}

package/dist/views/LivePreview/Toolbar/index.js

@@ -4,7 +4,6 @@ import { DragHandle } from '@payloadcms/ui';
 import React from 'react';
 import { useLivePreviewContext } from '../Context/context.js';
 import { ToolbarControls } from './Controls/index.js';
-import './index.scss';
 const baseClass = 'live-preview-toolbar';
 const DraggableToolbar = (props)=>{
     const { toolbarPosition } = useLivePreviewContext();
@@ -47,4 +46,4 @@ export const LivePreviewToolbar = (props)=>{
     return /*#__PURE__*/ React.createElement(StaticToolbar, props);
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy92aWV3cy9MaXZlUHJldmlldy9Ub29sYmFyL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcbmltcG9ydCB0eXBlIHsgRWRpdFZpZXdQcm9wcyB9IGZyb20gJ3BheWxvYWQvdHlwZXMnXG5cbmltcG9ydCB7IHVzZURyYWdnYWJsZSB9IGZyb20gJ0BkbmQta2l0L2NvcmUnXG5pbXBvcnQgeyBEcmFnSGFuZGxlIH0gZnJvbSAnQHBheWxvYWRjbXMvdWknXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5cbmltcG9ydCB7IHVzZUxpdmVQcmV2aWV3Q29udGV4dCB9IGZyb20gJy4uL0NvbnRleHQvY29udGV4dC5qcydcbmltcG9ydCB7IFRvb2xiYXJDb250cm9scyB9IGZyb20gJy4vQ29udHJvbHMvaW5kZXguanMnXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcblxuY29uc3QgYmFzZUNsYXNzID0gJ2xpdmUtcHJldmlldy10b29sYmFyJ1xuXG5jb25zdCBEcmFnZ2FibGVUb29sYmFyOiBSZWFjdC5GQzxFZGl0Vmlld1Byb3BzPiA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7IHRvb2xiYXJQb3NpdGlvbiB9ID0gdXNlTGl2ZVByZXZpZXdDb250ZXh0KClcblxuICBjb25zdCB7IGF0dHJpYnV0ZXMsIGxpc3RlbmVycywgc2V0Tm9kZVJlZiwgdHJhbnNmb3JtIH0gPSB1c2VEcmFnZ2FibGUoe1xuICAgIGlkOiAnbGl2ZS1wcmV2aWV3LXRvb2xiYXInLFxuICB9KVxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY2xhc3NOYW1lPXtbYmFzZUNsYXNzLCBgJHtiYXNlQ2xhc3N9LS1kcmFnZ2FibGVgXS5qb2luKCcgJyl9XG4gICAgICBzdHlsZT17e1xuICAgICAgICBsZWZ0OiBgJHt0b29sYmFyUG9zaXRpb24ueH1weGAsXG4gICAgICAgIHRvcDogYCR7dG9vbGJhclBvc2l0aW9uLnl9cHhgLFxuICAgICAgICAuLi4odHJhbnNmb3JtXG4gICAgICAgICAgPyB7XG4gICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNmb3JtXG4gICAgICAgICAgICAgICAgPyBgdHJhbnNsYXRlM2QoJHt0cmFuc2Zvcm0/LnggfHwgMH1weCwgJHt0cmFuc2Zvcm0/LnkgfHwgMH1weCwgMClgXG4gICAgICAgICAgICAgICAgOiB1bmRlZmluZWQsXG4gICAgICAgICAgICB9XG4gICAgICAgICAgOiB7fSksXG4gICAgICB9fVxuICAgID5cbiAgICAgIDxidXR0b25cbiAgICAgICAgey4uLmxpc3RlbmVyc31cbiAgICAgICAgey4uLmF0dHJpYnV0ZXN9XG4gICAgICAgIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fZHJhZy1oYW5kbGVgfVxuICAgICAgICByZWY9e3NldE5vZGVSZWZ9XG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgPlxuICAgICAgICA8RHJhZ0hhbmRsZSAvPlxuICAgICAgPC9idXR0b24+XG4gICAgICA8VG9vbGJhckNvbnRyb2xzIHsuLi5wcm9wc30gLz5cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5jb25zdCBTdGF0aWNUb29sYmFyOiBSZWFjdC5GQzxFZGl0Vmlld1Byb3BzPiA9IChwcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtbYmFzZUNsYXNzLCBgJHtiYXNlQ2xhc3N9LS1zdGF0aWNgXS5qb2luKCcgJyl9PlxuICAgICAgPFRvb2xiYXJDb250cm9scyB7Li4ucHJvcHN9IC8+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGNvbnN0IExpdmVQcmV2aWV3VG9vbGJhcjogUmVhY3QuRkM8XG4gIEVkaXRWaWV3UHJvcHMgJiB7XG4gICAgZHJhZ2dhYmxlPzogYm9vbGVhblxuICB9XG4+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHsgZHJhZ2dhYmxlIH0gPSBwcm9wc1xuXG4gIGlmIChkcmFnZ2FibGUpIHtcbiAgICByZXR1cm4gPERyYWdnYWJsZVRvb2xiYXIgey4uLnByb3BzfSAvPlxuICB9XG5cbiAgcmV0dXJuIDxTdGF0aWNUb29sYmFyIHsuLi5wcm9wc30gLz5cbn1cbiJdLCJuYW1lcyI6WyJ1c2VEcmFnZ2FibGUiLCJEcmFnSGFuZGxlIiwiUmVhY3QiLCJ1c2VMaXZlUHJldmlld0NvbnRleHQiLCJUb29sYmFyQ29udHJvbHMiLCJiYXNlQ2xhc3MiLCJEcmFnZ2FibGVUb29sYmFyIiwicHJvcHMiLCJ0b29sYmFyUG9zaXRpb24iLCJhdHRyaWJ1dGVzIiwibGlzdGVuZXJzIiwic2V0Tm9kZVJlZiIsInRyYW5zZm9ybSIsImlkIiwiZGl2IiwiY2xhc3NOYW1lIiwiam9pbiIsInN0eWxlIiwibGVmdCIsIngiLCJ0b3AiLCJ5IiwidW5kZWZpbmVkIiwiYnV0dG9uIiwicmVmIiwidHlwZSIsIlN0YXRpY1Rvb2xiYXIiLCJMaXZlUHJldmlld1Rvb2xiYXIiLCJkcmFnZ2FibGUiXSwibWFwcGluZ3MiOiJBQUFBO0FBR0EsU0FBU0EsWUFBWSxRQUFRLGdCQUFlO0FBQzVDLFNBQVNDLFVBQVUsUUFBUSxpQkFBZ0I7QUFDM0MsT0FBT0MsV0FBVyxRQUFPO0FBRXpCLFNBQVNDLHFCQUFxQixRQUFRLHdCQUF1QjtBQUM3RCxTQUFTQyxlQUFlLFFBQVEsc0JBQXFCO0FBQ3JELE9BQU8sZUFBYztBQUVyQixNQUFNQyxZQUFZO0FBRWxCLE1BQU1DLG1CQUE0QyxDQUFDQztJQUNqRCxNQUFNLEVBQUVDLGVBQWUsRUFBRSxHQUFHTDtJQUU1QixNQUFNLEVBQUVNLFVBQVUsRUFBRUMsU0FBUyxFQUFFQyxVQUFVLEVBQUVDLFNBQVMsRUFBRSxHQUFHWixhQUFhO1FBQ3BFYSxJQUFJO0lBQ047SUFFQSxxQkFDRSxvQkFBQ0M7UUFDQ0MsV0FBVztZQUFDVjtZQUFXLENBQUMsRUFBRUEsVUFBVSxXQUFXLENBQUM7U0FBQyxDQUFDVyxJQUFJLENBQUM7UUFDdkRDLE9BQU87WUFDTEMsTUFBTSxDQUFDLEVBQUVWLGdCQUFnQlcsQ0FBQyxDQUFDLEVBQUUsQ0FBQztZQUM5QkMsS0FBSyxDQUFDLEVBQUVaLGdCQUFnQmEsQ0FBQyxDQUFDLEVBQUUsQ0FBQztZQUM3QixHQUFJVCxZQUNBO2dCQUNFQSxXQUFXQSxZQUNQLENBQUMsWUFBWSxFQUFFQSxXQUFXTyxLQUFLLEVBQUUsSUFBSSxFQUFFUCxXQUFXUyxLQUFLLEVBQUUsTUFBTSxDQUFDLEdBQ2hFQztZQUNOLElBQ0EsQ0FBQyxDQUFDO1FBQ1I7cUJBRUEsb0JBQUNDO1FBQ0UsR0FBR2IsU0FBUztRQUNaLEdBQUdELFVBQVU7UUFDZE0sV0FBVyxDQUFDLEVBQUVWLFVBQVUsYUFBYSxDQUFDO1FBQ3RDbUIsS0FBS2I7UUFDTGMsTUFBSztxQkFFTCxvQkFBQ3hCLGtDQUVILG9CQUFDRyxpQkFBb0JHO0FBRzNCO0FBRUEsTUFBTW1CLGdCQUF5QyxDQUFDbkI7SUFDOUMscUJBQ0Usb0JBQUNPO1FBQUlDLFdBQVc7WUFBQ1Y7WUFBVyxDQUFDLEVBQUVBLFVBQVUsUUFBUSxDQUFDO1NBQUMsQ0FBQ1csSUFBSSxDQUFDO3FCQUN2RCxvQkFBQ1osaUJBQW9CRztBQUczQjtBQUVBLE9BQU8sTUFBTW9CLHFCQUlULENBQUNwQjtJQUNILE1BQU0sRUFBRXFCLFNBQVMsRUFBRSxHQUFHckI7SUFFdEIsSUFBSXFCLFdBQVc7UUFDYixxQkFBTyxvQkFBQ3RCLGtCQUFxQkM7SUFDL0I7SUFFQSxxQkFBTyxvQkFBQ21CLGVBQWtCbkI7QUFDNUIsRUFBQyJ9
+//# sourceMappingURL=index.js.map

package/dist/views/LivePreview/Toolbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/views/LivePreview/Toolbar/index.tsx"],"sourcesContent":["'use client'\nimport type { EditViewProps } from 'payload/types'\n\nimport { useDraggable } from '@dnd-kit/core'\nimport { DragHandle } from '@payloadcms/ui'\nimport React from 'react'\n\nimport { useLivePreviewContext } from '../Context/context.js'\nimport { ToolbarControls } from './Controls/index.js'\nimport './index.scss'\n\nconst baseClass = 'live-preview-toolbar'\n\nconst DraggableToolbar: React.FC<EditViewProps> = (props) => {\n  const { toolbarPosition } = useLivePreviewContext()\n\n  const { attributes, listeners, setNodeRef, transform } = useDraggable({\n    id: 'live-preview-toolbar',\n  })\n\n  return (\n    <div\n      className={[baseClass, `${baseClass}--draggable`].join(' ')}\n      style={{\n        left: `${toolbarPosition.x}px`,\n        top: `${toolbarPosition.y}px`,\n        ...(transform\n          ? {\n              transform: transform\n                ? `translate3d(${transform?.x || 0}px, ${transform?.y || 0}px, 0)`\n                : undefined,\n            }\n          : {}),\n      }}\n    >\n      <button\n        {...listeners}\n        {...attributes}\n        className={`${baseClass}__drag-handle`}\n        ref={setNodeRef}\n        type=\"button\"\n      >\n        <DragHandle />\n      </button>\n      <ToolbarControls {...props} />\n    </div>\n  )\n}\n\nconst StaticToolbar: React.FC<EditViewProps> = (props) => {\n  return (\n    <div className={[baseClass, `${baseClass}--static`].join(' ')}>\n      <ToolbarControls {...props} />\n    </div>\n  )\n}\n\nexport const LivePreviewToolbar: React.FC<\n  EditViewProps & {\n    draggable?: boolean\n  }\n> = (props) => {\n  const { draggable } = props\n\n  if (draggable) {\n    return <DraggableToolbar {...props} />\n  }\n\n  return <StaticToolbar {...props} />\n}\n"],"names":["useDraggable","DragHandle","React","useLivePreviewContext","ToolbarControls","baseClass","DraggableToolbar","props","toolbarPosition","attributes","listeners","setNodeRef","transform","id","div","className","join","style","left","x","top","y","undefined","button","ref","type","StaticToolbar","LivePreviewToolbar","draggable"],"mappings":"AAAA;AAGA,SAASA,YAAY,QAAQ,gBAAe;AAC5C,SAASC,UAAU,QAAQ,iBAAgB;AAC3C,OAAOC,WAAW,QAAO;AAEzB,SAASC,qBAAqB,QAAQ,wBAAuB;AAC7D,SAASC,eAAe,QAAQ,sBAAqB;AAGrD,MAAMC,YAAY;AAElB,MAAMC,mBAA4C,CAACC;IACjD,MAAM,EAAEC,eAAe,EAAE,GAAGL;IAE5B,MAAM,EAAEM,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGZ,aAAa;QACpEa,IAAI;IACN;IAEA,qBACE,oBAACC;QACCC,WAAW;YAACV;YAAW,CAAC,EAAEA,UAAU,WAAW,CAAC;SAAC,CAACW,IAAI,CAAC;QACvDC,OAAO;YACLC,MAAM,CAAC,EAAEV,gBAAgBW,CAAC,CAAC,EAAE,CAAC;YAC9BC,KAAK,CAAC,EAAEZ,gBAAgBa,CAAC,CAAC,EAAE,CAAC;YAC7B,GAAIT,YACA;gBACEA,WAAWA,YACP,CAAC,YAAY,EAAEA,WAAWO,KAAK,EAAE,IAAI,EAAEP,WAAWS,KAAK,EAAE,MAAM,CAAC,GAChEC;YACN,IACA,CAAC,CAAC;QACR;qBAEA,oBAACC;QACE,GAAGb,SAAS;QACZ,GAAGD,UAAU;QACdM,WAAW,CAAC,EAAEV,UAAU,aAAa,CAAC;QACtCmB,KAAKb;QACLc,MAAK;qBAEL,oBAACxB,kCAEH,oBAACG,iBAAoBG;AAG3B;AAEA,MAAMmB,gBAAyC,CAACnB;IAC9C,qBACE,oBAACO;QAAIC,WAAW;YAACV;YAAW,CAAC,EAAEA,UAAU,QAAQ,CAAC;SAAC,CAACW,IAAI,CAAC;qBACvD,oBAACZ,iBAAoBG;AAG3B;AAEA,OAAO,MAAMoB,qBAIT,CAACpB;IACH,MAAM,EAAEqB,SAAS,EAAE,GAAGrB;IAEtB,IAAIqB,WAAW;QACb,qBAAO,oBAACtB,kBAAqBC;IAC/B;IAEA,qBAAO,oBAACmB,eAAkBnB;AAC5B,EAAC"}

package/dist/views/LivePreview/ToolbarArea/index.js

@@ -1,7 +1,6 @@
 'use client';
 import { useDroppable } from '@dnd-kit/core';
 import React from 'react';
-import './index.scss';
 const baseClass = 'toolbar-area';
 export const ToolbarArea = (props)=>{
     const { children } = props;
@@ -14,4 +13,4 @@ export const ToolbarArea = (props)=>{
     }, children);
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy92aWV3cy9MaXZlUHJldmlldy9Ub29sYmFyQXJlYS9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5pbXBvcnQgeyB1c2VEcm9wcGFibGUgfSBmcm9tICdAZG5kLWtpdC9jb3JlJ1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcblxuY29uc3QgYmFzZUNsYXNzID0gJ3Rvb2xiYXItYXJlYSdcblxuZXhwb3J0IGNvbnN0IFRvb2xiYXJBcmVhOiBSZWFjdC5GQzx7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVcbn0+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHsgY2hpbGRyZW4gfSA9IHByb3BzXG5cbiAgY29uc3QgeyBzZXROb2RlUmVmIH0gPSB1c2VEcm9wcGFibGUoe1xuICAgIGlkOiAnbGl2ZS1wcmV2aWV3LWFyZWEnLFxuICB9KVxuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2Jhc2VDbGFzc30gcmVmPXtzZXROb2RlUmVmfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKVxufVxuIl0sIm5hbWVzIjpbInVzZURyb3BwYWJsZSIsIlJlYWN0IiwiYmFzZUNsYXNzIiwiVG9vbGJhckFyZWEiLCJwcm9wcyIsImNoaWxkcmVuIiwic2V0Tm9kZVJlZiIsImlkIiwiZGl2IiwiY2xhc3NOYW1lIiwicmVmIl0sIm1hcHBpbmdzIjoiQUFBQTtBQUNBLFNBQVNBLFlBQVksUUFBUSxnQkFBZTtBQUM1QyxPQUFPQyxXQUFXLFFBQU87QUFFekIsT0FBTyxlQUFjO0FBRXJCLE1BQU1DLFlBQVk7QUFFbEIsT0FBTyxNQUFNQyxjQUVSLENBQUNDO0lBQ0osTUFBTSxFQUFFQyxRQUFRLEVBQUUsR0FBR0Q7SUFFckIsTUFBTSxFQUFFRSxVQUFVLEVBQUUsR0FBR04sYUFBYTtRQUNsQ08sSUFBSTtJQUNOO0lBRUEscUJBQ0Usb0JBQUNDO1FBQUlDLFdBQVdQO1FBQVdRLEtBQUtKO09BQzdCRDtBQUdQLEVBQUMifQ==
+//# sourceMappingURL=index.js.map

package/dist/views/LivePreview/ToolbarArea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/views/LivePreview/ToolbarArea/index.tsx"],"sourcesContent":["'use client'\nimport { useDroppable } from '@dnd-kit/core'\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'toolbar-area'\n\nexport const ToolbarArea: React.FC<{\n  children: React.ReactNode\n}> = (props) => {\n  const { children } = props\n\n  const { setNodeRef } = useDroppable({\n    id: 'live-preview-area',\n  })\n\n  return (\n    <div className={baseClass} ref={setNodeRef}>\n      {children}\n    </div>\n  )\n}\n"],"names":["useDroppable","React","baseClass","ToolbarArea","props","children","setNodeRef","id","div","className","ref"],"mappings":"AAAA;AACA,SAASA,YAAY,QAAQ,gBAAe;AAC5C,OAAOC,WAAW,QAAO;AAIzB,MAAMC,YAAY;AAElB,OAAO,MAAMC,cAER,CAACC;IACJ,MAAM,EAAEC,QAAQ,EAAE,GAAGD;IAErB,MAAM,EAAEE,UAAU,EAAE,GAAGN,aAAa;QAClCO,IAAI;IACN;IAEA,qBACE,oBAACC;QAAIC,WAAWP;QAAWQ,KAAKJ;OAC7BD;AAGP,EAAC"}

package/dist/views/LivePreview/index.client.js

@@ -7,7 +7,6 @@ import { SetStepNav } from '../Edit/Default/SetStepNav/index.js';
 import { useLivePreviewContext } from './Context/context.js';
 import { LivePreviewProvider } from './Context/index.js';
 import { LivePreview } from './Preview/index.js';
-import './index.scss';
 import { usePopupWindow } from './usePopupWindow.js';
 const baseClass = 'live-preview';
 const PreviewView = (props)=>{
@@ -138,4 +137,4 @@ export const LivePreviewClient = (props)=>{
     }, /*#__PURE__*/ React.createElement(PreviewView, null)));
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy92aWV3cy9MaXZlUHJldmlldy9pbmRleC5jbGllbnQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuaW1wb3J0IHR5cGUgeyBGb3JtUHJvcHMgfSBmcm9tICdAcGF5bG9hZGNtcy91aSdcbmltcG9ydCB0eXBlIHsgTGl2ZVByZXZpZXdDb25maWcgfSBmcm9tICdwYXlsb2FkL2NvbmZpZydcbmltcG9ydCB0eXBlIHsgRGF0YSB9IGZyb20gJ3BheWxvYWQvdHlwZXMnXG5cbmltcG9ydCB7XG4gIERvY3VtZW50Q29udHJvbHMsXG4gIERvY3VtZW50RmllbGRzLFxuICBGaWVsZFBhdGhQcm92aWRlcixcbiAgRm9ybSxcbiAgTG9hZGluZ092ZXJsYXksXG4gIE9wZXJhdGlvblByb3ZpZGVyLFxuICBTZXRWaWV3QWN0aW9ucyxcbiAgZ2V0Rm9ybVN0YXRlLFxuICB1c2VDb21wb25lbnRNYXAsXG4gIHVzZUNvbmZpZyxcbiAgdXNlRG9jdW1lbnRJbmZvLFxuICB1c2VUcmFuc2xhdGlvbixcbn0gZnJvbSAnQHBheWxvYWRjbXMvdWknXG5pbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQsIHVzZUNhbGxiYWNrIH0gZnJvbSAncmVhY3QnXG5cbmltcG9ydCB7IExlYXZlV2l0aG91dFNhdmluZyB9IGZyb20gJy4uLy4uL2VsZW1lbnRzL0xlYXZlV2l0aG91dFNhdmluZy9pbmRleC5qcydcbmltcG9ydCB7IFNldERvY3VtZW50VGl0bGUgfSBmcm9tICcuLi9FZGl0L0RlZmF1bHQvU2V0RG9jdW1lbnRUaXRsZS9pbmRleC5qcydcbmltcG9ydCB7IFNldFN0ZXBOYXYgfSBmcm9tICcuLi9FZGl0L0RlZmF1bHQvU2V0U3RlcE5hdi9pbmRleC5qcydcbmltcG9ydCB7IHVzZUxpdmVQcmV2aWV3Q29udGV4dCB9IGZyb20gJy4vQ29udGV4dC9jb250ZXh0LmpzJ1xuaW1wb3J0IHsgTGl2ZVByZXZpZXdQcm92aWRlciB9IGZyb20gJy4vQ29udGV4dC9pbmRleC5qcydcbmltcG9ydCB7IExpdmVQcmV2aWV3IH0gZnJvbSAnLi9QcmV2aWV3L2luZGV4LmpzJ1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5pbXBvcnQgeyB1c2VQb3B1cFdpbmRvdyB9IGZyb20gJy4vdXNlUG9wdXBXaW5kb3cuanMnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdsaXZlLXByZXZpZXcnXG5cbmNvbnN0IFByZXZpZXdWaWV3OiBSZWFjdC5GQyA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7XG4gICAgaWQsXG4gICAgQWZ0ZXJEb2N1bWVudCxcbiAgICBBZnRlckZpZWxkcyxcbiAgICBCZWZvcmVEb2N1bWVudCxcbiAgICBCZWZvcmVGaWVsZHMsXG4gICAgYWN0aW9uLFxuICAgIGFwaVVSTCxcbiAgICBjb2xsZWN0aW9uU2x1ZyxcbiAgICBkaXNhYmxlQWN0aW9ucyxcbiAgICBkaXNhYmxlTGVhdmVXaXRob3V0U2F2aW5nLFxuICAgIGRvY1Blcm1pc3Npb25zLFxuICAgIGdsb2JhbFNsdWcsXG4gICAgaGFzU2F2ZVBlcm1pc3Npb24sXG4gICAgaW5pdGlhbERhdGE6IGRhdGEsXG4gICAgaW5pdGlhbFN0YXRlLFxuICAgIG9uU2F2ZTogb25TYXZlRnJvbVByb3BzLFxuICB9ID0gdXNlRG9jdW1lbnRJbmZvKClcblxuICBjb25zdCBjb25maWcgPSB1c2VDb25maWcoKVxuXG4gIGNvbnN0IHtcbiAgICBjb2xsZWN0aW9ucyxcbiAgICBnbG9iYWxzLFxuICAgIHJvdXRlczogeyBhcGk6IGFwaVJvdXRlIH0sXG4gICAgc2VydmVyVVJMLFxuICB9ID0gY29uZmlnXG5cbiAgY29uc3QgeyBnZXRGaWVsZE1hcCB9ID0gdXNlQ29tcG9uZW50TWFwKClcblxuICBjb25zdCBjb2xsZWN0aW9uQ29uZmlnID1cbiAgICBjb2xsZWN0aW9uU2x1ZyAmJiBjb2xsZWN0aW9ucy5maW5kKChjb2xsZWN0aW9uKSA9PiBjb2xsZWN0aW9uLnNsdWcgPT09IGNvbGxlY3Rpb25TbHVnKVxuXG4gIGNvbnN0IGdsb2JhbENvbmZpZyA9IGdsb2JhbFNsdWcgJiYgZ2xvYmFscy5maW5kKChnbG9iYWwpID0+IGdsb2JhbC5zbHVnID09PSBnbG9iYWxTbHVnKVxuXG4gIGNvbnN0IHNjaGVtYVBhdGggPSBjb2xsZWN0aW9uU2x1ZyB8fCBnbG9iYWxTbHVnXG5cbiAgY29uc3QgZmllbGRNYXAgPSBnZXRGaWVsZE1hcCh7XG4gICAgY29sbGVjdGlvblNsdWc6IGNvbGxlY3Rpb25Db25maWc/LnNsdWcsXG4gICAgZ2xvYmFsU2x1ZzogZ2xvYmFsQ29uZmlnPy5zbHVnLFxuICB9KVxuXG4gIGNvbnN0IG9wZXJhdGlvbiA9IGlkID8gJ3VwZGF0ZScgOiAnY3JlYXRlJ1xuXG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKVxuICBjb25zdCB7IHByZXZpZXdXaW5kb3dUeXBlIH0gPSB1c2VMaXZlUHJldmlld0NvbnRleHQoKVxuXG4gIGNvbnN0IG9uU2F2ZSA9IHVzZUNhbGxiYWNrKFxuICAgIGFzeW5jIChqc29uKSA9PiB7XG4gICAgICAvLyByZXBvcnRVcGRhdGUoe1xuICAgICAgLy8gICBpZCxcbiAgICAgIC8vICAgZW50aXR5U2x1ZzogY29sbGVjdGlvbkNvbmZpZy5zbHVnLFxuICAgICAgLy8gICB1cGRhdGVkQXQ6IGpzb24/LnJlc3VsdD8udXBkYXRlZEF0IHx8IG5ldyBEYXRlKCkudG9JU09TdHJpbmcoKSxcbiAgICAgIC8vIH0pXG5cbiAgICAgIC8vIGlmIChhdXRoICYmIGlkID09PSB1c2VyLmlkKSB7XG4gICAgICAvLyAgIGF3YWl0IHJlZnJlc2hDb29raWVBc3luYygpXG4gICAgICAvLyB9XG5cbiAgICAgIGlmICh0eXBlb2Ygb25TYXZlRnJvbVByb3BzID09PSAnZnVuY3Rpb24nKSB7XG4gICAgICAgIG9uU2F2ZUZyb21Qcm9wcyh7XG4gICAgICAgICAgLi4uanNvbixcbiAgICAgICAgICBvcGVyYXRpb246IGlkID8gJ3VwZGF0ZScgOiAnY3JlYXRlJyxcbiAgICAgICAgfSlcbiAgICAgIH1cbiAgICB9LFxuICAgIFtcbiAgICAgIGlkLFxuICAgICAgb25TYXZlRnJvbVByb3BzLFxuICAgICAgLy8gcmVmcmVzaENvb2tpZUFzeW5jLFxuICAgICAgLy8gIHJlcG9ydFVwZGF0ZVxuICAgIF0sXG4gIClcblxuICBjb25zdCBvbkNoYW5nZTogRm9ybVByb3BzWydvbkNoYW5nZSddWzBdID0gdXNlQ2FsbGJhY2soXG4gICAgYXN5bmMgKHsgZm9ybVN0YXRlOiBwcmV2Rm9ybVN0YXRlIH0pID0+XG4gICAgICBnZXRGb3JtU3RhdGUoe1xuICAgICAgICBhcGlSb3V0ZSxcbiAgICAgICAgYm9keToge1xuICAgICAgICAgIGlkLFxuICAgICAgICAgIGZvcm1TdGF0ZTogcHJldkZvcm1TdGF0ZSxcbiAgICAgICAgICBvcGVyYXRpb24sXG4gICAgICAgICAgc2NoZW1hUGF0aCxcbiAgICAgICAgfSxcbiAgICAgICAgc2VydmVyVVJMLFxuICAgICAgfSksXG4gICAgW3NlcnZlclVSTCwgYXBpUm91dGUsIGlkLCBvcGVyYXRpb24sIHNjaGVtYVBhdGhdLFxuICApXG5cbiAgLy8gQWxsb3cgdGhlIGBEb2N1bWVudEluZm9Qcm92aWRlcmAgdG8gaHlkcmF0ZVxuICBpZiAoIWNvbGxlY3Rpb25TbHVnICYmICFnbG9iYWxTbHVnKSB7XG4gICAgcmV0dXJuIDxMb2FkaW5nT3ZlcmxheSAvPlxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8RnJhZ21lbnQ+XG4gICAgICA8RmllbGRQYXRoUHJvdmlkZXIgcGF0aD1cIlwiIHNjaGVtYVBhdGg9e3NjaGVtYVBhdGh9PlxuICAgICAgICA8T3BlcmF0aW9uUHJvdmlkZXIgb3BlcmF0aW9uPXtvcGVyYXRpb259PlxuICAgICAgICAgIDxGb3JtXG4gICAgICAgICAgICBhY3Rpb249e2FjdGlvbn1cbiAgICAgICAgICAgIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fZm9ybWB9XG4gICAgICAgICAgICBkaXNhYmxlZD17IWhhc1NhdmVQZXJtaXNzaW9ufVxuICAgICAgICAgICAgaW5pdGlhbFN0YXRlPXtpbml0aWFsU3RhdGV9XG4gICAgICAgICAgICBtZXRob2Q9e2lkID8gJ1BBVENIJyA6ICdQT1NUJ31cbiAgICAgICAgICAgIG9uQ2hhbmdlPXtbb25DaGFuZ2VdfVxuICAgICAgICAgICAgb25TdWNjZXNzPXtvblNhdmV9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgeygoY29sbGVjdGlvbkNvbmZpZyAmJlxuICAgICAgICAgICAgICAhKFxuICAgICAgICAgICAgICAgIGNvbGxlY3Rpb25Db25maWcudmVyc2lvbnM/LmRyYWZ0cyAmJiBjb2xsZWN0aW9uQ29uZmlnLnZlcnNpb25zPy5kcmFmdHM/LmF1dG9zYXZlXG4gICAgICAgICAgICAgICkpIHx8XG4gICAgICAgICAgICAgIChnbG9iYWwgJiYgIShnbG9iYWwudmVyc2lvbnM/LmRyYWZ0cyAmJiBnbG9iYWwudmVyc2lvbnM/LmRyYWZ0cz8uYXV0b3NhdmUpKSkgJiZcbiAgICAgICAgICAgICAgIWRpc2FibGVMZWF2ZVdpdGhvdXRTYXZpbmcgJiYgPExlYXZlV2l0aG91dFNhdmluZyAvPn1cbiAgICAgICAgICAgIDxTZXRTdGVwTmF2XG4gICAgICAgICAgICAgIGNvbGxlY3Rpb25TbHVnPXtjb2xsZWN0aW9uU2x1Z31cbiAgICAgICAgICAgICAgZ2xvYmFsTGFiZWw9e2dsb2JhbENvbmZpZz8ubGFiZWx9XG4gICAgICAgICAgICAgIGdsb2JhbFNsdWc9e2dsb2JhbFNsdWd9XG4gICAgICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICAgICAgdmlldz17dCgnZ2VuZXJhbDpsaXZlUHJldmlldycpfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxTZXREb2N1bWVudFRpdGxlXG4gICAgICAgICAgICAgIGNvbGxlY3Rpb25Db25maWc9e2NvbGxlY3Rpb25Db25maWd9XG4gICAgICAgICAgICAgIGNvbmZpZz17Y29uZmlnfVxuICAgICAgICAgICAgICBnbG9iYWxDb25maWc9e2dsb2JhbENvbmZpZ31cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8RG9jdW1lbnRDb250cm9sc1xuICAgICAgICAgICAgICBhcGlVUkw9e2FwaVVSTH1cbiAgICAgICAgICAgICAgZGF0YT17ZGF0YX1cbiAgICAgICAgICAgICAgZGlzYWJsZUFjdGlvbnM9e2Rpc2FibGVBY3Rpb25zfVxuICAgICAgICAgICAgICBoYXNTYXZlUGVybWlzc2lvbj17aGFzU2F2ZVBlcm1pc3Npb259XG4gICAgICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICAgICAgaXNFZGl0aW5nPXtCb29sZWFuKGlkKX1cbiAgICAgICAgICAgICAgcGVybWlzc2lvbnM9e2RvY1Blcm1pc3Npb25zfVxuICAgICAgICAgICAgICBzbHVnPXtjb2xsZWN0aW9uQ29uZmlnPy5zbHVnfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgY2xhc3NOYW1lPXtbYmFzZUNsYXNzLCBwcmV2aWV3V2luZG93VHlwZSA9PT0gJ3BvcHVwJyAmJiBgJHtiYXNlQ2xhc3N9LS1kZXRhY2hlZGBdXG4gICAgICAgICAgICAgICAgLmZpbHRlcihCb29sZWFuKVxuICAgICAgICAgICAgICAgIC5qb2luKCcgJyl9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9e1tcbiAgICAgICAgICAgICAgICAgIGAke2Jhc2VDbGFzc31fX21haW5gLFxuICAgICAgICAgICAgICAgICAgcHJldmlld1dpbmRvd1R5cGUgPT09ICdwb3B1cCcgJiYgYCR7YmFzZUNsYXNzfV9fbWFpbi0tcG9wdXAtb3BlbmAsXG4gICAgICAgICAgICAgICAgXVxuICAgICAgICAgICAgICAgICAgLmZpbHRlcihCb29sZWFuKVxuICAgICAgICAgICAgICAgICAgLmpvaW4oJyAnKX1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtCZWZvcmVEb2N1bWVudH1cbiAgICAgICAgICAgICAgICA8RG9jdW1lbnRGaWVsZHNcbiAgICAgICAgICAgICAgICAgIEFmdGVyRmllbGRzPXtBZnRlckZpZWxkc31cbiAgICAgICAgICAgICAgICAgIEJlZm9yZUZpZWxkcz17QmVmb3JlRmllbGRzfVxuICAgICAgICAgICAgICAgICAgZmllbGRNYXA9e2ZpZWxkTWFwfVxuICAgICAgICAgICAgICAgICAgZm9yY2VTaWRlYmFyV3JhcFxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAge0FmdGVyRG9jdW1lbnR9XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICA8TGl2ZVByZXZpZXcgey4uLnByb3BzfSAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9Gb3JtPlxuICAgICAgICA8L09wZXJhdGlvblByb3ZpZGVyPlxuICAgICAgPC9GaWVsZFBhdGhQcm92aWRlcj5cbiAgICA8L0ZyYWdtZW50PlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBMaXZlUHJldmlld0NsaWVudDogUmVhY3QuRkM8e1xuICBicmVha3BvaW50czogTGl2ZVByZXZpZXdDb25maWdbJ2JyZWFrcG9pbnRzJ11cbiAgaW5pdGlhbERhdGE6IERhdGFcbiAgbGl2ZVByZXZpZXdDb25maWc6IExpdmVQcmV2aWV3Q29uZmlnXG4gIHVybDogc3RyaW5nXG59PiA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7IGJyZWFrcG9pbnRzLCB1cmwgfSA9IHByb3BzXG4gIGNvbnN0IHsgY29sbGVjdGlvblNsdWcsIGdsb2JhbFNsdWcgfSA9IHVzZURvY3VtZW50SW5mbygpXG5cbiAgY29uc3QgeyBpc1BvcHVwT3Blbiwgb3BlblBvcHVwV2luZG93LCBwb3B1cFJlZiB9ID0gdXNlUG9wdXBXaW5kb3coe1xuICAgIGV2ZW50VHlwZTogJ3BheWxvYWQtbGl2ZS1wcmV2aWV3JyxcbiAgICB1cmwsXG4gIH0pXG5cbiAgY29uc3QgeyBnZXRDb21wb25lbnRNYXAgfSA9IHVzZUNvbXBvbmVudE1hcCgpXG5cbiAgY29uc3QgY29tcG9uZW50TWFwID0gZ2V0Q29tcG9uZW50TWFwKHsgY29sbGVjdGlvblNsdWcsIGdsb2JhbFNsdWcgfSlcblxuICByZXR1cm4gKFxuICAgIDxGcmFnbWVudD5cbiAgICAgIDxTZXRWaWV3QWN0aW9ucyBhY3Rpb25zPXtjb21wb25lbnRNYXA/LmFjdGlvbnNNYXA/LkVkaXQ/LkxpdmVQcmV2aWV3fSAvPlxuICAgICAgPExpdmVQcmV2aWV3UHJvdmlkZXJcbiAgICAgICAgYnJlYWtwb2ludHM9e2JyZWFrcG9pbnRzfVxuICAgICAgICBpc1BvcHVwT3Blbj17aXNQb3B1cE9wZW59XG4gICAgICAgIG9wZW5Qb3B1cFdpbmRvdz17b3BlblBvcHVwV2luZG93fVxuICAgICAgICBwb3B1cFJlZj17cG9wdXBSZWZ9XG4gICAgICAgIHVybD17dXJsfVxuICAgICAgPlxuICAgICAgICA8UHJldmlld1ZpZXcgLz5cbiAgICAgIDwvTGl2ZVByZXZpZXdQcm92aWRlcj5cbiAgICA8L0ZyYWdtZW50PlxuICApXG59XG4iXSwibmFtZXMiOlsiRG9jdW1lbnRDb250cm9scyIsIkRvY3VtZW50RmllbGRzIiwiRmllbGRQYXRoUHJvdmlkZXIiLCJGb3JtIiwiTG9hZGluZ092ZXJsYXkiLCJPcGVyYXRpb25Qcm92aWRlciIsIlNldFZpZXdBY3Rpb25zIiwiZ2V0Rm9ybVN0YXRlIiwidXNlQ29tcG9uZW50TWFwIiwidXNlQ29uZmlnIiwidXNlRG9jdW1lbnRJbmZvIiwidXNlVHJhbnNsYXRpb24iLCJSZWFjdCIsIkZyYWdtZW50IiwidXNlQ2FsbGJhY2siLCJMZWF2ZVdpdGhvdXRTYXZpbmciLCJTZXREb2N1bWVudFRpdGxlIiwiU2V0U3RlcE5hdiIsInVzZUxpdmVQcmV2aWV3Q29udGV4dCIsIkxpdmVQcmV2aWV3UHJvdmlkZXIiLCJMaXZlUHJldmlldyIsInVzZVBvcHVwV2luZG93IiwiYmFzZUNsYXNzIiwiUHJldmlld1ZpZXciLCJwcm9wcyIsImlkIiwiQWZ0ZXJEb2N1bWVudCIsIkFmdGVyRmllbGRzIiwiQmVmb3JlRG9jdW1lbnQiLCJCZWZvcmVGaWVsZHMiLCJhY3Rpb24iLCJhcGlVUkwiLCJjb2xsZWN0aW9uU2x1ZyIsImRpc2FibGVBY3Rpb25zIiwiZGlzYWJsZUxlYXZlV2l0aG91dFNhdmluZyIsImRvY1Blcm1pc3Npb25zIiwiZ2xvYmFsU2x1ZyIsImhhc1NhdmVQZXJtaXNzaW9uIiwiaW5pdGlhbERhdGEiLCJkYXRhIiwiaW5pdGlhbFN0YXRlIiwib25TYXZlIiwib25TYXZlRnJvbVByb3BzIiwiY29uZmlnIiwiY29sbGVjdGlvbnMiLCJnbG9iYWxzIiwicm91dGVzIiwiYXBpIiwiYXBpUm91dGUiLCJzZXJ2ZXJVUkwiLCJnZXRGaWVsZE1hcCIsImNvbGxlY3Rpb25Db25maWciLCJmaW5kIiwiY29sbGVjdGlvbiIsInNsdWciLCJnbG9iYWxDb25maWciLCJnbG9iYWwiLCJzY2hlbWFQYXRoIiwiZmllbGRNYXAiLCJvcGVyYXRpb24iLCJ0IiwicHJldmlld1dpbmRvd1R5cGUiLCJqc29uIiwib25DaGFuZ2UiLCJmb3JtU3RhdGUiLCJwcmV2Rm9ybVN0YXRlIiwiYm9keSIsInBhdGgiLCJjbGFzc05hbWUiLCJkaXNhYmxlZCIsIm1ldGhvZCIsIm9uU3VjY2VzcyIsInZlcnNpb25zIiwiZHJhZnRzIiwiYXV0b3NhdmUiLCJnbG9iYWxMYWJlbCIsImxhYmVsIiwidmlldyIsImlzRWRpdGluZyIsIkJvb2xlYW4iLCJwZXJtaXNzaW9ucyIsImRpdiIsImZpbHRlciIsImpvaW4iLCJmb3JjZVNpZGViYXJXcmFwIiwiTGl2ZVByZXZpZXdDbGllbnQiLCJicmVha3BvaW50cyIsInVybCIsImlzUG9wdXBPcGVuIiwib3BlblBvcHVwV2luZG93IiwicG9wdXBSZWYiLCJldmVudFR5cGUiLCJnZXRDb21wb25lbnRNYXAiLCJjb21wb25lbnRNYXAiLCJhY3Rpb25zIiwiYWN0aW9uc01hcCIsIkVkaXQiXSwibWFwcGluZ3MiOiJBQUFBO0FBS0EsU0FDRUEsZ0JBQWdCLEVBQ2hCQyxjQUFjLEVBQ2RDLGlCQUFpQixFQUNqQkMsSUFBSSxFQUNKQyxjQUFj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
+//# sourceMappingURL=index.client.js.map