@orion-studios/payload-studio 0.6.0-beta.170 → 0.6.0-beta.172

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/builder-v2/client.js +9 -6
  2. package/dist/builder-v2/client.mjs +9 -6
  3. package/package.json +1 -1
package/dist/builder-v2/client.js CHANGED
@@ -1412,10 +1412,11 @@ var decorateBuilderNumericSteppers = (root = document) => {
1412
1412
  "keydown",
1413
1413
  (event) => {
1414
1414
  if (property.startsWith("padding-") || property.startsWith("margin-")) {
1415
- const selectionStart2 = input.selectionStart ?? 0;
1416
- const selectionEnd2 = input.selectionEnd ?? selectionStart2;
1417
1415
  const value2 = input.dataset.orionPaddingDraft || input.value || "";
1418
1416
  const displayedValue = input.value || "";
1417
+ const draftRehydrated = Boolean(input.dataset.orionPaddingDraft?.startsWith("-") && displayedValue !== value2);
1418
+ const selectionStart2 = draftRehydrated ? value2.length : input.selectionStart ?? 0;
1419
+ const selectionEnd2 = draftRehydrated ? value2.length : input.selectionEnd ?? selectionStart2;
1419
1420
  const isReplacingAll = selectionStart2 === 0 && (selectionEnd2 === value2.length || selectionEnd2 === displayedValue.length);
1420
1421
  const isNegativeEntry = value2.startsWith("-") || Boolean(input.dataset.orionPaddingDraft?.startsWith("-")) || event.key === "-";
1421
1422
  if (input.dataset.orionPaddingDraft?.startsWith("-") && isReplacingAll && event.key !== "-" && event.key.length === 1 && /^[.\d]$/.test(event.key)) {
@@ -1779,10 +1780,12 @@ var negativePaddingCss = `
1779
1780
  }
1780
1781
 
1781
1782
  .orion-builder-v2-negative-padding > * {
1782
- margin-top: var(--orion-negative-padding-top, 0px);
1783
- margin-right: var(--orion-negative-padding-right, 0px);
1784
- margin-bottom: var(--orion-negative-padding-bottom, 0px);
1785
- margin-left: var(--orion-negative-padding-left, 0px);
1783
+ margin-top: var(--orion-negative-padding-top, 0px) !important;
1784
+ margin-right: var(--orion-negative-padding-right, 0px) !important;
1785
+ margin-bottom: var(--orion-negative-padding-bottom, 0px) !important;
1786
+ margin-left: var(--orion-negative-padding-left, 0px) !important;
1787
+ max-width: none !important;
1788
+ width: calc(100% - var(--orion-negative-padding-left, 0px) - var(--orion-negative-padding-right, 0px)) !important;
1786
1789
  }
1787
1790
  `;
1788
1791
  var canvasSelectionCss = `
package/dist/builder-v2/client.mjs CHANGED
@@ -1288,10 +1288,11 @@ var decorateBuilderNumericSteppers = (root = document) => {
1288
1288
  "keydown",
1289
1289
  (event) => {
1290
1290
  if (property.startsWith("padding-") || property.startsWith("margin-")) {
1291
- const selectionStart2 = input.selectionStart ?? 0;
1292
- const selectionEnd2 = input.selectionEnd ?? selectionStart2;
1293
1291
  const value2 = input.dataset.orionPaddingDraft || input.value || "";
1294
1292
  const displayedValue = input.value || "";
1293
+ const draftRehydrated = Boolean(input.dataset.orionPaddingDraft?.startsWith("-") && displayedValue !== value2);
1294
+ const selectionStart2 = draftRehydrated ? value2.length : input.selectionStart ?? 0;
1295
+ const selectionEnd2 = draftRehydrated ? value2.length : input.selectionEnd ?? selectionStart2;
1295
1296
  const isReplacingAll = selectionStart2 === 0 && (selectionEnd2 === value2.length || selectionEnd2 === displayedValue.length);
1296
1297
  const isNegativeEntry = value2.startsWith("-") || Boolean(input.dataset.orionPaddingDraft?.startsWith("-")) || event.key === "-";
1297
1298
  if (input.dataset.orionPaddingDraft?.startsWith("-") && isReplacingAll && event.key !== "-" && event.key.length === 1 && /^[.\d]$/.test(event.key)) {
@@ -1655,10 +1656,12 @@ var negativePaddingCss = `
1655
1656
  }
1656
1657
 
1657
1658
  .orion-builder-v2-negative-padding > * {
1658
- margin-top: var(--orion-negative-padding-top, 0px);
1659
- margin-right: var(--orion-negative-padding-right, 0px);
1660
- margin-bottom: var(--orion-negative-padding-bottom, 0px);
1661
- margin-left: var(--orion-negative-padding-left, 0px);
1659
+ margin-top: var(--orion-negative-padding-top, 0px) !important;
1660
+ margin-right: var(--orion-negative-padding-right, 0px) !important;
1661
+ margin-bottom: var(--orion-negative-padding-bottom, 0px) !important;
1662
+ margin-left: var(--orion-negative-padding-left, 0px) !important;
1663
+ max-width: none !important;
1664
+ width: calc(100% - var(--orion-negative-padding-left, 0px) - var(--orion-negative-padding-right, 0px)) !important;
1662
1665
  }
1663
1666
  `;
1664
1667
  var canvasSelectionCss = `
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@orion-studios/payload-studio",
3
- "version": "0.6.0-beta.170",
3
+ "version": "0.6.0-beta.172",
4
4
  "description": "Base CMS, builder, and custom admin toolkit for Orion Studios websites",
5
5
  "types": "./dist/index.d.ts",
6
6
  "main": "./dist/index.js",