@instructure/canvas-rce 5.1.2-alpha.7 → 5.2.0

package/es/rce/plugins/shared/ContentSelection.js

@@ -20,6 +20,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { fromImageEmbed, fromVideoEmbed } from "../instructure_image/ImageEmbedOptions.js";
 import { isOnlyTextSelected } from "../../contentInsertionUtils.js";
 import * as url from 'url';
+import formatMessage from "../../../format-message.js";
 const FILE_DOWNLOAD_PATH_REGEX = /^\/(courses\/\d+\/)?files\/\d+\/download$/;
 export const LINK_TYPE = 'link';
 export const FILE_LINK_TYPE = 'file-link';
@@ -90,7 +91,7 @@ export function asLink($element, editor) {
 export function asVideoElement($element) {
   var _$videoElem$parentEle;
 
-  const $videoElem = findVideoPlayerIframe($element);
+  const $videoElem = findMediaPlayerIframe($element);
 
   if (!isVideoElement($videoElem)) {
     return null;
@@ -102,6 +103,38 @@ export function asVideoElement($element) {
     id: ((_$videoElem$parentEle = $videoElem.parentElement) === null || _$videoElem$parentEle === void 0 ? void 0 : _$videoElem$parentEle.getAttribute('data-mce-p-data-media-id')) || $videoElem.getAttribute('data-mce-p-data-media-id')
   });
 }
+export function asAudioElement($element) {
+  var _$element$parentEleme;
+
+  if (!$element) {
+    return null;
+  }
+
+  const $audioIframe = $element.tagName === 'IFRAME' ? $element : $element.firstElementChild;
+  const $tinymceIframeShim = $audioIframe.parentElement;
+  const title = ($audioIframe.getAttribute('title') || $tinymceIframeShim.getAttribute('data-mce-p-title') || '').replace(formatMessage('Video player for '), '');
+  const audioOptions = {
+    titleText: title,
+    id: ((_$element$parentEleme = $element.parentElement) === null || _$element$parentEleme === void 0 ? void 0 : _$element$parentEleme.getAttribute('data-mce-p-data-media-id')) || $element.getAttribute('data-mce-p-data-media-id')
+  };
+
+  if ($audioIframe.tagName === 'IFRAME') {
+    const audioDoc = $audioIframe.contentDocument;
+
+    try {
+      var _audioDoc$querySelect;
+
+      const trackSJson = (_audioDoc$querySelect = audioDoc.querySelector('[data-tracks]')) === null || _audioDoc$querySelect === void 0 ? void 0 : _audioDoc$querySelect.getAttribute('data-tracks');
+
+      if (trackSJson) {
+        audioOptions.tracks = JSON.parse(trackSJson);
+      } // eslint-disable-next-line no-empty
+
+    } catch (e) {}
+  }
+
+  return audioOptions;
+}
 
 function asText($element, editor) {
   const text = editor && editor.selection.getContent({
@@ -165,7 +198,8 @@ export function isFileLink($element, editor) {
 export function isImageEmbed($element) {
   return !!asImageEmbed($element) && !$element.getAttribute('data-placeholder-for');
 }
-export function isVideoElement($element) {
+
+function isMediaElement($element, mediaType) {
   var _tinymceIframeShim$fi;
 
   // the video is hosted in an iframe, but tinymce
@@ -187,14 +221,16 @@ export function isVideoElement($element) {
   }
 
   const media_type = tinymceIframeShim.getAttribute('data-mce-p-data-media-type');
+  return media_type === mediaType;
+}
 
-  if (media_type !== 'video') {
-    return false;
-  }
-
-  return true;
+export function isVideoElement($element) {
+  return isMediaElement($element, 'video');
+}
+export function isAudioElement($element) {
+  return isMediaElement($element, 'audio');
 }
-export function findVideoPlayerIframe(elem) {
+export function findMediaPlayerIframe(elem) {
   var _elem$firstElementChi;
 
   if (elem.tagName === 'IFRAME') {

package/es/rce/plugins/shared/DimensionsInput/index.js

@@ -21,40 +21,89 @@ import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { FormFieldGroup } from '@instructure/ui-form-field';
 import { IconLockLine } from '@instructure/ui-icons';
 import { Flex } from '@instructure/ui-flex';
+import { RadioInput, RadioInputGroup } from '@instructure/ui-radio-input';
 import formatMessage from "../../../../format-message.js";
 import DimensionInput from "./DimensionInput.js";
 export { default as useDimensionsState } from "./useDimensionsState.js";
-export default function DimensionsInput(props) {
-  const dimensionsState = props.dimensionsState,
-        minHeight = props.minHeight,
-        minWidth = props.minWidth;
-  let messages = [{
+
+const getMessage = (dimensionsState, minWidth, minHeight, minPercentage) => {
+  let result = {
     text: formatMessage('Aspect ratio will be preserved'),
     type: 'hint'
-  }];
+  };
 
-  if (!dimensionsState.isNumeric) {
-    messages = [{
+  if (dimensionsState.usePercentageUnits) {
+    if (!dimensionsState.isNumeric) {
+      result = {
+        text: formatMessage('Percentage must be a number'),
+        type: 'error'
+      };
+    } else if (!dimensionsState.isAtLeastMinimums) {
+      result = {
+        text: formatMessage('Must be at least {percentage}%', {
+          percentage: minPercentage
+        }),
+        type: 'error'
+      };
+    }
+  } else if (!dimensionsState.isNumeric) {
+    result = {
       text: formatMessage('Width and height must be numbers'),
       type: 'error'
-    }];
+    };
   } else if (!dimensionsState.isAtLeastMinimums) {
-    messages = [{
+    result = {
       text: formatMessage('Must be at least {width} x {height}px', {
         width: minWidth,
         height: minHeight
       }),
       type: 'error'
-    }];
+    };
   }
 
-  return /*#__PURE__*/React.createElement(FormFieldGroup, {
+  return result;
+};
+
+export default function DimensionsInput(props) {
+  const dimensionsState = props.dimensionsState,
+        minHeight = props.minHeight,
+        minWidth = props.minWidth,
+        minPercentage = props.minPercentage;
+  const message = getMessage(dimensionsState, minWidth, minHeight, minPercentage);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Flex, {
+    direction: "column"
+  }, /*#__PURE__*/React.createElement(Flex.Item, {
+    padding: "small"
+  }, /*#__PURE__*/React.createElement(RadioInputGroup, {
+    "data-testid": "dimension-type",
+    name: "dimension-type",
+    description: formatMessage('Dimension type'),
+    onChange: e => {
+      dimensionsState.setUsePercentageUnits(e.target.value === 'percentage');
+    },
+    value: dimensionsState.usePercentageUnits ? 'percentage' : 'pixels'
+  }, /*#__PURE__*/React.createElement(RadioInput, {
+    label: formatMessage('Pixels'),
+    value: "pixels"
+  }), /*#__PURE__*/React.createElement(RadioInput, {
+    label: formatMessage('Percentage'),
+    value: "percentage"
+  })))), /*#__PURE__*/React.createElement(FormFieldGroup, {
     description: /*#__PURE__*/React.createElement(ScreenReaderContent, null, formatMessage('Dimensions')),
-    messages: messages
+    messages: [message]
   }, /*#__PURE__*/React.createElement(Flex, {
     alignItems: "start",
-    direction: "row"
-  }, /*#__PURE__*/React.createElement(Flex.Item, {
+    direction: "row",
+    "data-testid": "input-number-container"
+  }, dimensionsState.usePercentageUnits ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Flex.Item, {
+    shouldShrink: true,
+    shouldGrow: true
+  }, /*#__PURE__*/React.createElement(DimensionInput, {
+    dimensionState: dimensionsState.percentageState,
+    label: formatMessage('Percentage')
+  })), /*#__PURE__*/React.createElement(Flex.Item, {
+    padding: "x-small small"
+  }, "%")) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Flex.Item, {
     shrink: true
   }, /*#__PURE__*/React.createElement(DimensionInput, {
     dimensionState: dimensionsState.widthState,
@@ -68,7 +117,7 @@ export default function DimensionsInput(props) {
     dimensionState: dimensionsState.heightState,
     label: formatMessage('Height'),
     minValue: minHeight
-  }))));
+  }))))));
 }
 DimensionsInput.propTypes = {
   dimensionsState: shape({
@@ -78,12 +127,20 @@ DimensionsInput.propTypes = {
       setInputValue: func.isRequired
     }).isRequired,
     isNumeric: bool.isRequired,
+    usePercentageUnits: bool.isRequired,
+    setUsePercentageUnits: func.isRequired,
     widthState: shape({
       addOffset: func.isRequired,
       inputValue: string.isRequired,
       setInputValue: func.isRequired
+    }).isRequired,
+    percentageState: shape({
+      addOffset: func.isRequired,
+      inputValue: string.isRequired,
+      setInputValue: func.isRequired
     }).isRequired
   }),
   minHeight: number.isRequired,
-  minWidth: number.isRequired
+  minWidth: number.isRequired,
+  minPercentage: number.isRequired
 };

package/es/rce/plugins/shared/DimensionsInput/useDimensionsState.js

@@ -45,20 +45,27 @@ function inputValueFor(initialNumber) {
 export default function useDimensionsState(initialDimensions, constraints) {
   const appliedHeight = initialDimensions.appliedHeight,
         appliedWidth = initialDimensions.appliedWidth,
+        appliedPercentage = initialDimensions.appliedPercentage,
         naturalHeight = initialDimensions.naturalHeight,
-        naturalWidth = initialDimensions.naturalWidth;
+        naturalWidth = initialDimensions.naturalWidth,
+        usePercentageUnits = initialDimensions.usePercentageUnits;
   const minHeight = constraints.minHeight,
-        minWidth = constraints.minWidth;
+        minWidth = constraints.minWidth,
+        minPercentage = constraints.minPercentage;
   const initialNumericValues = {
-    height: appliedHeight || naturalHeight,
-    width: appliedWidth || naturalWidth
+    height: usePercentageUnits ? naturalHeight : appliedHeight || naturalHeight,
+    width: usePercentageUnits ? naturalWidth : appliedWidth || naturalWidth,
+    percentage: appliedPercentage || 100
   };
 
   const _useState = useState({
+    usePercentageUnits,
     inputHeight: inputValueFor(initialNumericValues.height),
     inputWidth: inputValueFor(initialNumericValues.width),
+    inputPercentage: inputValueFor(initialNumericValues.percentage),
     numericHeight: initialNumericValues.height,
-    numericWidth: initialNumericValues.width
+    numericWidth: initialNumericValues.width,
+    numericPercentage: initialNumericValues.percentage
   }),
         _useState2 = _slicedToArray(_useState, 2),
         dimensions = _useState2[0],
@@ -66,11 +73,13 @@ export default function useDimensionsState(initialDimensions, constraints) {
 
   const currentNumericValues = {
     height: dimensions.numericHeight,
-    width: dimensions.numericWidth
+    width: dimensions.numericWidth,
+    percentage: dimensions.numericPercentage
   };
   const dimensionMinimums = {
     height: minHeight,
-    width: minWidth
+    width: minWidth,
+    percentage: minPercentage
   };
   const dimensionScaleFns = {
     height: scaleForHeight,
@@ -78,40 +87,66 @@ export default function useDimensionsState(initialDimensions, constraints) {
   };
 
   function updateDimensions(attributes) {
-    setDimensions(_objectSpread(_objectSpread({}, attributes), {}, {
+    setDimensions(_objectSpread(_objectSpread(_objectSpread({}, dimensions), attributes), {}, {
       numericHeight: normalizedNumber(attributes.numericHeight),
-      numericWidth: normalizedNumber(attributes.numericWidth)
+      numericWidth: normalizedNumber(attributes.numericWidth),
+      numericPercentage: normalizedNumber(attributes.numericPercentage)
     }));
   }
 
-  function setNumericDimension(dimensionName, number) {
-    const scaleFn = dimensionScaleFns[dimensionName];
+  function scaleDimensions(dimensionName, number, scaleConstraints) {
+    let width, height, percentage;
+
+    if (dimensionName === 'percentage') {
+      width = naturalWidth;
+      height = naturalHeight;
+      percentage = number;
+    } else {
+      const scaleFn = dimensionScaleFns[dimensionName];
+      const scaledDimensions = scaleFn(naturalWidth, naturalHeight, number, scaleConstraints);
+      width = scaledDimensions.width;
+      height = scaledDimensions.height;
+      percentage = initialNumericValues.percentage;
+    }
 
-    const _scaleFn = scaleFn(naturalWidth, naturalHeight, number, constraints),
-          height = _scaleFn.height,
-          width = _scaleFn.width;
+    return {
+      width,
+      height,
+      percentage
+    };
+  }
+
+  function setNumericDimension(dimensionName, number) {
+    const _scaleDimensions = scaleDimensions(dimensionName, number, constraints),
+          height = _scaleDimensions.height,
+          width = _scaleDimensions.width,
+          percentage = _scaleDimensions.percentage;
 
     updateDimensions({
       numericHeight: height,
       numericWidth: width,
+      numericPercentage: percentage,
       inputHeight: inputValueFor(height),
-      inputWidth: inputValueFor(width)
+      inputWidth: inputValueFor(width),
+      inputPercentage: inputValueFor(percentage)
     });
   }
 
   function setDimensionValue(dimensionName, value) {
-    const scaleFn = dimensionScaleFns[dimensionName];
     const number = parseAsInteger(value);
 
-    const _scaleFn2 = scaleFn(naturalWidth, naturalHeight, number),
-          height = _scaleFn2.height,
-          width = _scaleFn2.width;
+    const _scaleDimensions2 = scaleDimensions(dimensionName, number),
+          height = _scaleDimensions2.height,
+          width = _scaleDimensions2.width,
+          percentage = _scaleDimensions2.percentage;
 
     updateDimensions({
       numericHeight: height,
       numericWidth: width,
+      numericPercentage: percentage,
       inputHeight: dimensionName === 'height' ? value : inputValueFor(height),
-      inputWidth: dimensionName === 'width' ? value : inputValueFor(width)
+      inputWidth: dimensionName === 'width' ? value : inputValueFor(width),
+      inputPercentage: dimensionName === 'percentage' ? value : inputValueFor(percentage)
     });
   }
 
@@ -152,15 +187,35 @@ export default function useDimensionsState(initialDimensions, constraints) {
     }
 
   };
-  const isNumeric = [dimensions.numericHeight, dimensions.numericWidth].every(Number.isFinite);
-  const isAtLeastMinimums = dimensions.numericHeight >= minHeight && dimensions.numericWidth >= minWidth;
+  const percentageState = {
+    inputValue: dimensions.inputPercentage,
+
+    addOffset(offset) {
+      offsetDimension('percentage', offset);
+    },
+
+    setInputValue(value) {
+      setDimensionValue('percentage', value);
+    }
+
+  };
+  const isNumeric = dimensions.usePercentageUnits ? Number.isFinite(dimensions.numericPercentage) : [dimensions.numericHeight, dimensions.numericWidth].every(Number.isFinite);
+  const isAtLeastMinimums = dimensions.usePercentageUnits ? dimensions.numericPercentage >= minPercentage : dimensions.numericHeight >= minHeight && dimensions.numericWidth >= minWidth;
   return {
-    height: dimensions.numericHeight,
+    widthState,
     heightState,
+    percentageState,
     isAtLeastMinimums,
     isNumeric,
-    isValid: isAtLeastMinimums && isNumeric,
     width: dimensions.numericWidth,
-    widthState
+    height: dimensions.numericHeight,
+    percentage: dimensions.numericPercentage,
+    usePercentageUnits: dimensions.usePercentageUnits,
+    setUsePercentageUnits: value => {
+      setDimensions(_objectSpread(_objectSpread({}, dimensions), {}, {
+        usePercentageUnits: value
+      }));
+    },
+    isValid: isAtLeastMinimums && isNumeric
   };
 }

package/es/rce/plugins/shared/ImageOptionsForm.js

@@ -26,7 +26,7 @@ import { IconQuestionLine } from '@instructure/ui-icons';
 import { Flex } from '@instructure/ui-flex';
 import { View } from '@instructure/ui-view';
 import { Tooltip } from '@instructure/ui-tooltip';
-import { CUSTOM, MIN_HEIGHT, MIN_WIDTH, imageSizes, labelForImageSize } from "../instructure_image/ImageEmbedOptions.js";
+import { CUSTOM, MIN_HEIGHT, MIN_WIDTH, MIN_PERCENTAGE, imageSizes, labelForImageSize } from "../instructure_image/ImageEmbedOptions.js";
 import formatMessage from "../../../format-message.js";
 import DimensionsInput from "./DimensionsInput/index.js";
 
@@ -123,7 +123,8 @@ const ImageOptionsForm = ({
     dimensionsState: dimensionsState,
     disabled: displayAs !== 'embed',
     minHeight: MIN_HEIGHT,
-    minWidth: MIN_WIDTH
+    minWidth: MIN_WIDTH,
+    minPercentage: MIN_PERCENTAGE
   }))));
 };
 

package/es/translations/locales/ar.js

@@ -279,6 +279,12 @@ const locale = {
   "details_98a31b68": {
     "message": "التفاصيل"
   },
+  "diamond_b8dfe7ae": {
+    "message": "معيّن"
+  },
+  "dimension_type_55c83e4e": {
+    "message": "نوع البعد"
+  },
   "dimensions_45ddb7b7": {
     "message": "الأبعاد"
   },
@@ -591,6 +597,9 @@ const locale = {
   "multi_color_image_63d7372f": {
     "message": "صورة متعددة الألوان"
   },
+  "must_be_at_least_percentage_22e373b6": {
+    "message": "يجب أن يكون { percentage }% على الأقل"
+  },
   "must_be_at_least_width_x_height_px_41dc825e": {
     "message": "يجب أن تكون { width } x { height } بكسل على الأقل."
   },
@@ -657,9 +666,18 @@ const locale = {
   "paragraph_5e5ad8eb": {
     "message": "الفقرة"
   },
+  "pentagon_17d82ea3": {
+    "message": "خماسي"
+  },
   "people_b4ebb13c": {
     "message": "أشخاص"
   },
+  "percentage_34ab7c2c": {
+    "message": "نسبة مئوية"
+  },
+  "pixels_52ece7d1": {
+    "message": "بكسل"
+  },
   "posted_when_a578f5ab": {
     "message": "المنشور: { when }"
   },

package/es/translations/locales/ca.js

@@ -279,6 +279,12 @@ const locale = {
   "details_98a31b68": {
     "message": "Detalls"
   },
+  "diamond_b8dfe7ae": {
+    "message": "Diamant"
+  },
+  "dimension_type_55c83e4e": {
+    "message": "Tipus de dimensió"
+  },
   "dimensions_45ddb7b7": {
     "message": "Mides"
   },
@@ -591,6 +597,9 @@ const locale = {
   "multi_color_image_63d7372f": {
     "message": "Imatge multicolor"
   },
+  "must_be_at_least_percentage_22e373b6": {
+    "message": "Ha de ser un { percentage }% com a mínim"
+  },
   "must_be_at_least_width_x_height_px_41dc825e": {
     "message": "Ha de ser de { width } × { height }píxels com a mínim"
   },
@@ -657,9 +666,18 @@ const locale = {
   "paragraph_5e5ad8eb": {
     "message": "Paràgraf"
   },
+  "pentagon_17d82ea3": {
+    "message": "Pentàgon"
+  },
   "people_b4ebb13c": {
     "message": "Persones"
   },
+  "percentage_34ab7c2c": {
+    "message": "Percentatge"
+  },
+  "pixels_52ece7d1": {
+    "message": "Píxels"
+  },
   "posted_when_a578f5ab": {
     "message": "Publicat: { when }"
   },

package/es/translations/locales/cy.js

@@ -279,6 +279,12 @@ const locale = {
   "details_98a31b68": {
     "message": "Manylion"
   },
+  "diamond_b8dfe7ae": {
+    "message": "Diemwnt"
+  },
+  "dimension_type_55c83e4e": {
+    "message": "Math o ddimensiwn"
+  },
   "dimensions_45ddb7b7": {
     "message": "Dimensiynau"
   },
@@ -591,6 +597,9 @@ const locale = {
   "multi_color_image_63d7372f": {
     "message": "Delwedd mwy nag un lliw"
   },
+  "must_be_at_least_percentage_22e373b6": {
+    "message": "Yn gorfod bod yn { percentage }% o leiaf"
+  },
   "must_be_at_least_width_x_height_px_41dc825e": {
     "message": "Yn gorfod bod o leiaf { width } x { height }px"
   },
@@ -657,9 +666,18 @@ const locale = {
   "paragraph_5e5ad8eb": {
     "message": "Paragraff"
   },
+  "pentagon_17d82ea3": {
+    "message": "Pentagon"
+  },
   "people_b4ebb13c": {
     "message": "Pobl"
   },
+  "percentage_34ab7c2c": {
+    "message": "Canran"
+  },
+  "pixels_52ece7d1": {
+    "message": "Picseli"
+  },
   "posted_when_a578f5ab": {
     "message": "Wedi postio: { when }"
   },

package/es/translations/locales/da-x-k12.js

@@ -279,6 +279,12 @@ const locale = {
   "details_98a31b68": {
     "message": "Nærmere oplysninger"
   },
+  "diamond_b8dfe7ae": {
+    "message": "Diamant"
+  },
+  "dimension_type_55c83e4e": {
+    "message": "Dimensionstype"
+  },
   "dimensions_45ddb7b7": {
     "message": "Dimensioner"
   },
@@ -570,6 +576,9 @@ const locale = {
   "loading_please_wait_d276220a": {
     "message": "Indlæser, vent venligst"
   },
+  "loading_preview_9f077aa1": {
+    "message": "Indlæser forhåndsvisning"
+  },
   "locked_762f138b": {
     "message": "Låst"
   },
@@ -591,6 +600,9 @@ const locale = {
   "multi_color_image_63d7372f": {
     "message": "Billede i flere farver"
   },
+  "must_be_at_least_percentage_22e373b6": {
+    "message": "Skal være mindst { percentage }%"
+  },
   "must_be_at_least_width_x_height_px_41dc825e": {
     "message": "Skal være mindst { width } x { height } px"
   },
@@ -657,9 +669,18 @@ const locale = {
   "paragraph_5e5ad8eb": {
     "message": "Paragraf"
   },
+  "pentagon_17d82ea3": {
+    "message": "Femkant"
+  },
   "people_b4ebb13c": {
     "message": "Deltagere"
   },
+  "percentage_34ab7c2c": {
+    "message": "Procentdel"
+  },
+  "pixels_52ece7d1": {
+    "message": "Pixels"
+  },
   "posted_when_a578f5ab": {
     "message": "Slået op: { when }"
   },

package/es/translations/locales/da.js

@@ -279,6 +279,12 @@ const locale = {
   "details_98a31b68": {
     "message": "Nærmere oplysninger"
   },
+  "diamond_b8dfe7ae": {
+    "message": "Diamant"
+  },
+  "dimension_type_55c83e4e": {
+    "message": "Dimensionstype"
+  },
   "dimensions_45ddb7b7": {
     "message": "Dimensioner"
   },
@@ -591,6 +597,9 @@ const locale = {
   "multi_color_image_63d7372f": {
     "message": "Billede i flere farver"
   },
+  "must_be_at_least_percentage_22e373b6": {
+    "message": "Skal være mindst { percentage }%"
+  },
   "must_be_at_least_width_x_height_px_41dc825e": {
     "message": "Skal være mindst { width } x { height } px"
   },
@@ -657,9 +666,18 @@ const locale = {
   "paragraph_5e5ad8eb": {
     "message": "Paragraf"
   },
+  "pentagon_17d82ea3": {
+    "message": "Femkant"
+  },
   "people_b4ebb13c": {
     "message": "Deltagere"
   },
+  "percentage_34ab7c2c": {
+    "message": "Procentdel"
+  },
+  "pixels_52ece7d1": {
+    "message": "Pixels"
+  },
   "posted_when_a578f5ab": {
     "message": "Slået op: { when }"
   },

package/es/translations/locales/de.js

@@ -279,6 +279,12 @@ const locale = {
   "details_98a31b68": {
     "message": "Details"
   },
+  "diamond_b8dfe7ae": {
+    "message": "Diamond"
+  },
+  "dimension_type_55c83e4e": {
+    "message": "Dimensionstyp"
+  },
   "dimensions_45ddb7b7": {
     "message": "Abmessungen"
   },
@@ -591,6 +597,9 @@ const locale = {
   "multi_color_image_63d7372f": {
     "message": "Mehrfarbiges Bild"
   },
+  "must_be_at_least_percentage_22e373b6": {
+    "message": "Mindestens { percentage }%"
+  },
   "must_be_at_least_width_x_height_px_41dc825e": {
     "message": "Mindestgröße ist { width } x { height } px."
   },
@@ -657,9 +666,18 @@ const locale = {
   "paragraph_5e5ad8eb": {
     "message": "Absatz"
   },
+  "pentagon_17d82ea3": {
+    "message": "Pentagon"
+  },
   "people_b4ebb13c": {
     "message": "Teilnehmer"
   },
+  "percentage_34ab7c2c": {
+    "message": "Prozentsatz"
+  },
+  "pixels_52ece7d1": {
+    "message": "Pixel"
+  },
   "posted_when_a578f5ab": {
     "message": "Gepostet am: { when }"
   },

package/es/translations/locales/el.js

@@ -240,6 +240,9 @@ const locale = {
   "people_b4ebb13c": {
     "message": "Κοινό"
   },
+  "percentage_34ab7c2c": {
+    "message": "Εκατοστιαία αναλογία"
+  },
   "preview_53003fd2": {
     "message": "Προεπισκόπηση"
   },