@wordpress/components 19.14.0 → 19.15.0

package/build/range-control/input-range.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/range-control/input-range.js"],"names":["noop","InputRange","ref","describedBy","label","onHideTooltip","onMouseLeave","onMouseMove","onShowTooltip","value","props","hoverInteractions","onHide","onShow","ForwardedComponent"],"mappings":";;;;;;;;;AAIA;;;;AAKA;;AACA;;AAVA;;AACA;AACA;AACA;;AAGA;AACA;AACA;AAIA,MAAMA,IAAI,GAAG,MAAM,CAAE,CAArB;;AAEA,SAASC,UAAT,OAWCC,GAXD,EAYE;AAAA,MAXD;AACCC,IAAAA,WADD;AAECC,IAAAA,KAFD;AAGCC,IAAAA,aAAa,GAAGL,IAHjB;AAICM,IAAAA,YAAY,GAAGN,IAJhB;AAKCO,IAAAA,WAAW,GAAGP,IALf;AAMCQ,IAAAA,aAAa,GAAGR,IANjB;AAOCS,IAAAA,KAPD;AAQC,OAAGC;AARJ,GAWC;AACD,QAAMC,iBAAiB,GAAG,yCAA8B;AACvDC,IAAAA,MAAM,EAAEP,aAD+C;AAEvDC,IAAAA,YAFuD;AAGvDC,IAAAA,WAHuD;AAIvDM,IAAAA,MAAM,EAAEL;AAJ+C,GAA9B,CAA1B;AAOA,SACC,4BAAC,8BAAD,6BACME,KADN,EAEMC,iBAFN;AAGC,wBAAmBR,WAHpB;AAIC,kBAAaC,KAJd;AAKC,mBAAc,KALf;AAMC,IAAA,GAAG,EAAGF,GANP;AAOC,IAAA,QAAQ,EAAG,CAPZ;AAQC,IAAA,IAAI,EAAC,OARN;AASC,IAAA,KAAK,EAAGO;AATT,KADD;AAaA;;AAED,MAAMK,kBAAkB,GAAG,yBAAYb,UAAZ,CAA3B;eAEea,kB","sourcesContent":["// @ts-nocheck\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { InputRange as BaseInputRange } from './styles/range-control-styles';\nimport { useDebouncedHoverInteraction } from './utils';\n\nconst noop = () => {};\n\nfunction InputRange(\n\t{\n\t\tdescribedBy,\n\t\tlabel,\n\t\tonHideTooltip = noop,\n\t\tonMouseLeave = noop,\n\t\tonMouseMove = noop,\n\t\tonShowTooltip = noop,\n\t\tvalue,\n\t\t...props\n\t},\n\tref\n) {\n\tconst hoverInteractions = useDebouncedHoverInteraction( {\n\t\tonHide: onHideTooltip,\n\t\tonMouseLeave,\n\t\tonMouseMove,\n\t\tonShow: onShowTooltip,\n\t} );\n\n\treturn (\n\t\t<BaseInputRange\n\t\t\t{ ...props }\n\t\t\t{ ...hoverInteractions }\n\t\t\taria-describedby={ describedBy }\n\t\t\taria-label={ label }\n\t\t\taria-hidden={ false }\n\t\t\tref={ ref }\n\t\t\ttabIndex={ 0 }\n\t\t\ttype=\"range\"\n\t\t\tvalue={ value }\n\t\t/>\n\t);\n}\n\nconst ForwardedComponent = forwardRef( InputRange );\n\nexport default ForwardedComponent;\n"]}
+{"version":3,"sources":["@wordpress/components/src/range-control/input-range.tsx"],"names":["noop","InputRange","props","ref","describedBy","label","onHideTooltip","onMouseLeave","onMouseMove","onShowTooltip","value","otherProps","hoverInteractions","onHide","onShow","ForwardedComponent"],"mappings":";;;;;;;;;AAGA;;;;AAKA;;AACA;;AATA;AACA;AACA;;AAGA;AACA;AACA;AAOA,MAAMA,IAAI,GAAG,MAAM,CAAE,CAArB;;AAEA,SAASC,UAAT,CACCC,KADD,EAECC,GAFD,EAGE;AACD,QAAM;AACLC,IAAAA,WADK;AAELC,IAAAA,KAFK;AAGLC,IAAAA,aAAa,GAAGN,IAHX;AAILO,IAAAA,YAAY,GAAGP,IAJV;AAKLQ,IAAAA,WAAW,GAAGR,IALT;AAMLS,IAAAA,aAAa,GAAGT,IANX;AAOLU,IAAAA,KAPK;AAQL,OAAGC;AARE,MASFT,KATJ;AAWA,QAAMU,iBAAiB,GAAG,yCAA8B;AACvDC,IAAAA,MAAM,EAAEP,aAD+C;AAEvDC,IAAAA,YAFuD;AAGvDC,IAAAA,WAHuD;AAIvDM,IAAAA,MAAM,EAAEL;AAJ+C,GAA9B,CAA1B;AAOA,SACC,4BAAC,8BAAD,6BACME,UADN,EAEMC,iBAFN;AAGC,wBAAmBR,WAHpB;AAIC,kBAAaC,KAJd;AAKC,mBAAc,KALf;AAMC,IAAA,GAAG,EAAGF,GANP;AAOC,IAAA,QAAQ,EAAG,CAPZ;AAQC,IAAA,IAAI,EAAC,OARN;AASC,IAAA,KAAK,EAAGO;AATT,KADD;AAaA;;AAED,MAAMK,kBAAkB,GAAG,yBAAYd,UAAZ,CAA3B;eAEec,kB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { InputRange as BaseInputRange } from './styles/range-control-styles';\nimport { useDebouncedHoverInteraction } from './utils';\n\nimport type { InputRangeProps } from './types';\nimport type { WordPressComponentProps } from '../ui/context';\n\nconst noop = () => {};\n\nfunction InputRange(\n\tprops: WordPressComponentProps< InputRangeProps, 'input' >,\n\tref: React.ForwardedRef< HTMLInputElement >\n) {\n\tconst {\n\t\tdescribedBy,\n\t\tlabel,\n\t\tonHideTooltip = noop,\n\t\tonMouseLeave = noop,\n\t\tonMouseMove = noop,\n\t\tonShowTooltip = noop,\n\t\tvalue,\n\t\t...otherProps\n\t} = props;\n\n\tconst hoverInteractions = useDebouncedHoverInteraction( {\n\t\tonHide: onHideTooltip,\n\t\tonMouseLeave,\n\t\tonMouseMove,\n\t\tonShow: onShowTooltip,\n\t} );\n\n\treturn (\n\t\t<BaseInputRange\n\t\t\t{ ...otherProps }\n\t\t\t{ ...hoverInteractions }\n\t\t\taria-describedby={ describedBy }\n\t\t\taria-label={ label }\n\t\t\taria-hidden={ false }\n\t\t\tref={ ref }\n\t\t\ttabIndex={ 0 }\n\t\t\ttype=\"range\"\n\t\t\tvalue={ value }\n\t\t/>\n\t);\n}\n\nconst ForwardedComponent = forwardRef( InputRange );\n\nexport default ForwardedComponent;\n"]}

package/build/range-control/mark.js

@@ -15,8 +15,6 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _rangeControlStyles = require("./styles/range-control-styles");
 
-// @ts-nocheck
-
 /**
  * External dependencies
  */
@@ -24,17 +22,17 @@ var _rangeControlStyles = require("./styles/range-control-styles");
 /**
  * Internal dependencies
  */
-function RangeMark(_ref) {
-  let {
+function RangeMark(props) {
+  const {
     className,
     isFilled = false,
     label,
     style = {},
-    ...props
-  } = _ref;
+    ...otherProps
+  } = props;
   const classes = (0, _classnames.default)('components-range-control__mark', isFilled && 'is-filled', className);
   const labelClasses = (0, _classnames.default)('components-range-control__mark-label', isFilled && 'is-filled');
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_rangeControlStyles.Mark, (0, _extends2.default)({}, props, {
+  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_rangeControlStyles.Mark, (0, _extends2.default)({}, otherProps, {
     "aria-hidden": "true",
     className: classes,
     isFilled: isFilled,

package/build/range-control/mark.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/range-control/mark.js"],"names":["RangeMark","className","isFilled","label","style","props","classes","labelClasses"],"mappings":";;;;;;;;;;;;;AAIA;;AAKA;;AATA;;AACA;AACA;AACA;;AAGA;AACA;AACA;AAGe,SAASA,SAAT,OAMX;AAAA,MAN+B;AAClCC,IAAAA,SADkC;AAElCC,IAAAA,QAAQ,GAAG,KAFuB;AAGlCC,IAAAA,KAHkC;AAIlCC,IAAAA,KAAK,GAAG,EAJ0B;AAKlC,OAAGC;AAL+B,GAM/B;AACH,QAAMC,OAAO,GAAG,yBACf,gCADe,EAEfJ,QAAQ,IAAI,WAFG,EAGfD,SAHe,CAAhB;AAKA,QAAMM,YAAY,GAAG,yBACpB,sCADoB,EAEpBL,QAAQ,IAAI,WAFQ,CAArB;AAKA,SACC,qDACC,4BAAC,wBAAD,6BACMG,KADN;AAEC,mBAAY,MAFb;AAGC,IAAA,SAAS,EAAGC,OAHb;AAIC,IAAA,QAAQ,EAAGJ,QAJZ;AAKC,IAAA,KAAK,EAAGE;AALT,KADD,EAQGD,KAAK,IACN,4BAAC,6BAAD;AACC,mBAAY,MADb;AAEC,IAAA,SAAS,EAAGI,YAFb;AAGC,IAAA,QAAQ,EAAGL,QAHZ;AAIC,IAAA,KAAK,EAAGE;AAJT,KAMGD,KANH,CATF,CADD;AAqBA","sourcesContent":["// @ts-nocheck\n/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * Internal dependencies\n */\nimport { Mark, MarkLabel } from './styles/range-control-styles';\n\nexport default function RangeMark( {\n\tclassName,\n\tisFilled = false,\n\tlabel,\n\tstyle = {},\n\t...props\n} ) {\n\tconst classes = classnames(\n\t\t'components-range-control__mark',\n\t\tisFilled && 'is-filled',\n\t\tclassName\n\t);\n\tconst labelClasses = classnames(\n\t\t'components-range-control__mark-label',\n\t\tisFilled && 'is-filled'\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<Mark\n\t\t\t\t{ ...props }\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName={ classes }\n\t\t\t\tisFilled={ isFilled }\n\t\t\t\tstyle={ style }\n\t\t\t/>\n\t\t\t{ label && (\n\t\t\t\t<MarkLabel\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tclassName={ labelClasses }\n\t\t\t\t\tisFilled={ isFilled }\n\t\t\t\t\tstyle={ style }\n\t\t\t\t>\n\t\t\t\t\t{ label }\n\t\t\t\t</MarkLabel>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/range-control/mark.tsx"],"names":["RangeMark","props","className","isFilled","label","style","otherProps","classes","labelClasses"],"mappings":";;;;;;;;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAMe,SAASA,SAAT,CACdC,KADc,EAEb;AACD,QAAM;AACLC,IAAAA,SADK;AAELC,IAAAA,QAAQ,GAAG,KAFN;AAGLC,IAAAA,KAHK;AAILC,IAAAA,KAAK,GAAG,EAJH;AAKL,OAAGC;AALE,MAMFL,KANJ;AAQA,QAAMM,OAAO,GAAG,yBACf,gCADe,EAEfJ,QAAQ,IAAI,WAFG,EAGfD,SAHe,CAAhB;AAKA,QAAMM,YAAY,GAAG,yBACpB,sCADoB,EAEpBL,QAAQ,IAAI,WAFQ,CAArB;AAKA,SACC,qDACC,4BAAC,wBAAD,6BACMG,UADN;AAEC,mBAAY,MAFb;AAGC,IAAA,SAAS,EAAGC,OAHb;AAIC,IAAA,QAAQ,EAAGJ,QAJZ;AAKC,IAAA,KAAK,EAAGE;AALT,KADD,EAQGD,KAAK,IACN,4BAAC,6BAAD;AACC,mBAAY,MADb;AAEC,IAAA,SAAS,EAAGI,YAFb;AAGC,IAAA,QAAQ,EAAGL,QAHZ;AAIC,IAAA,KAAK,EAAGE;AAJT,KAMGD,KANH,CATF,CADD;AAqBA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * Internal dependencies\n */\nimport { Mark, MarkLabel } from './styles/range-control-styles';\n\nimport type { RangeMarkProps } from './types';\nimport type { WordPressComponentProps } from '../ui/context';\n\nexport default function RangeMark(\n\tprops: WordPressComponentProps< RangeMarkProps, 'span' >\n) {\n\tconst {\n\t\tclassName,\n\t\tisFilled = false,\n\t\tlabel,\n\t\tstyle = {},\n\t\t...otherProps\n\t} = props;\n\n\tconst classes = classnames(\n\t\t'components-range-control__mark',\n\t\tisFilled && 'is-filled',\n\t\tclassName\n\t);\n\tconst labelClasses = classnames(\n\t\t'components-range-control__mark-label',\n\t\tisFilled && 'is-filled'\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<Mark\n\t\t\t\t{ ...otherProps }\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName={ classes }\n\t\t\t\tisFilled={ isFilled }\n\t\t\t\tstyle={ style }\n\t\t\t/>\n\t\t\t{ label && (\n\t\t\t\t<MarkLabel\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tclassName={ labelClasses }\n\t\t\t\t\tisFilled={ isFilled }\n\t\t\t\t\tstyle={ style }\n\t\t\t\t>\n\t\t\t\t\t{ label }\n\t\t\t\t</MarkLabel>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"]}

package/build/range-control/rail.js

@@ -17,8 +17,6 @@ var _mark = _interopRequireDefault(require("./mark"));
 
 var _rangeControlStyles = require("./styles/range-control-styles");
 
-// @ts-nocheck
-
 /**
  * WordPress dependencies
  */
@@ -26,8 +24,8 @@ var _rangeControlStyles = require("./styles/range-control-styles");
 /**
  * Internal dependencies
  */
-function RangeRail(_ref) {
-  let {
+function RangeRail(props) {
+  const {
     disabled = false,
     marks = false,
     min = 0,
@@ -35,7 +33,7 @@ function RangeRail(_ref) {
     step = 1,
     value = 0,
     ...restProps
-  } = _ref;
+  } = props;
   return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_rangeControlStyles.Rail, (0, _extends2.default)({
     disabled: disabled
   }, restProps)), marks && (0, _element.createElement)(Marks, {
@@ -48,20 +46,16 @@ function RangeRail(_ref) {
   }));
 }
 
-function Marks(_ref2) {
-  let {
+function Marks(props) {
+  const {
     disabled = false,
     marks = false,
     min = 0,
     max = 100,
-    step = 1,
+    step: stepProp = 1,
     value = 0
-  } = _ref2;
-
-  if (step === 'any') {
-    step = 1;
-  }
-
+  } = props;
+  const step = stepProp === 'any' ? 1 : stepProp;
   const marksData = useMarks({
     marks,
     min,
@@ -79,14 +73,14 @@ function Marks(_ref2) {
   }))));
 }
 
-function useMarks(_ref3) {
+function useMarks(_ref) {
   let {
     marks,
     min = 0,
     max = 100,
     step = 1,
     value = 0
-  } = _ref3;
+  } = _ref;
 
   if (!marks) {
     return [];

package/build/range-control/rail.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/range-control/rail.js"],"names":["RangeRail","disabled","marks","min","max","step","value","restProps","Marks","marksData","useMarks","map","mark","key","range","Array","isArray","count","Math","round","push","length","placedMarks","forEach","index","isFilled","offset","offsetStyle","style"],"mappings":"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","sourcesContent":["// @ts-nocheck\n/**\n * WordPress dependencies\n */\nimport { isRTL } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport RangeMark from './mark';\nimport { MarksWrapper, Rail } from './styles/range-control-styles';\n\nexport default function RangeRail( {\n\tdisabled = false,\n\tmarks = false,\n\tmin = 0,\n\tmax = 100,\n\tstep = 1,\n\tvalue = 0,\n\t...restProps\n} ) {\n\treturn (\n\t\t<>\n\t\t\t<Rail disabled={ disabled } { ...restProps } />\n\t\t\t{ marks && (\n\t\t\t\t<Marks\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\tmarks={ marks }\n\t\t\t\t\tmin={ min }\n\t\t\t\t\tmax={ max }\n\t\t\t\t\tstep={ step }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction Marks( {\n\tdisabled = false,\n\tmarks = false,\n\tmin = 0,\n\tmax = 100,\n\tstep = 1,\n\tvalue = 0,\n} ) {\n\tif ( step === 'any' ) {\n\t\tstep = 1;\n\t}\n\tconst marksData = useMarks( { marks, min, max, step, value } );\n\n\treturn (\n\t\t<MarksWrapper\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName=\"components-range-control__marks\"\n\t\t>\n\t\t\t{ marksData.map( ( mark ) => (\n\t\t\t\t<RangeMark\n\t\t\t\t\t{ ...mark }\n\t\t\t\t\tkey={ mark.key }\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</MarksWrapper>\n\t);\n}\n\nfunction useMarks( { marks, min = 0, max = 100, step = 1, value = 0 } ) {\n\tif ( ! marks ) {\n\t\treturn [];\n\t}\n\n\tconst range = max - min;\n\tif ( ! Array.isArray( marks ) ) {\n\t\tmarks = [];\n\t\tconst count = 1 + Math.round( range / step );\n\t\twhile ( count > marks.push( { value: step * marks.length + min } ) );\n\t}\n\n\tconst placedMarks = [];\n\tmarks.forEach( ( mark, index ) => {\n\t\tif ( mark.value < min || mark.value > max ) {\n\t\t\treturn;\n\t\t}\n\t\tconst key = `mark-${ index }`;\n\t\tconst isFilled = mark.value <= value;\n\t\tconst offset = `${ ( ( mark.value - min ) / range ) * 100 }%`;\n\n\t\tconst offsetStyle = {\n\t\t\t[ isRTL() ? 'right' : 'left' ]: offset,\n\t\t};\n\n\t\tplacedMarks.push( {\n\t\t\t...mark,\n\t\t\tisFilled,\n\t\t\tkey,\n\t\t\tstyle: offsetStyle,\n\t\t} );\n\t} );\n\n\treturn placedMarks;\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/range-control/rail.tsx"],"names":["RangeRail","props","disabled","marks","min","max","step","value","restProps","Marks","stepProp","marksData","useMarks","map","mark","key","range","Array","isArray","count","Math","round","push","length","placedMarks","forEach","index","isFilled","offset","offsetStyle","style"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { isRTL } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport RangeMark from './mark';\nimport { MarksWrapper, Rail } from './styles/range-control-styles';\n\nimport type { WordPressComponentProps } from '../ui/context';\nimport type {\n\tMarksProps,\n\tRangeMarkProps,\n\tRailProps,\n\tUseMarksArgs,\n} from './types';\n\nexport default function RangeRail(\n\tprops: WordPressComponentProps< RailProps, 'span' >\n) {\n\tconst {\n\t\tdisabled = false,\n\t\tmarks = false,\n\t\tmin = 0,\n\t\tmax = 100,\n\t\tstep = 1,\n\t\tvalue = 0,\n\t\t...restProps\n\t} = props;\n\n\treturn (\n\t\t<>\n\t\t\t<Rail disabled={ disabled } { ...restProps } />\n\t\t\t{ marks && (\n\t\t\t\t<Marks\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\tmarks={ marks }\n\t\t\t\t\tmin={ min }\n\t\t\t\t\tmax={ max }\n\t\t\t\t\tstep={ step }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction Marks( props: WordPressComponentProps< MarksProps, 'span' > ) {\n\tconst {\n\t\tdisabled = false,\n\t\tmarks = false,\n\t\tmin = 0,\n\t\tmax = 100,\n\t\tstep: stepProp = 1,\n\t\tvalue = 0,\n\t} = props;\n\n\tconst step = stepProp === 'any' ? 1 : stepProp;\n\tconst marksData = useMarks( { marks, min, max, step, value } );\n\n\treturn (\n\t\t<MarksWrapper\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName=\"components-range-control__marks\"\n\t\t>\n\t\t\t{ marksData.map( ( mark ) => (\n\t\t\t\t<RangeMark\n\t\t\t\t\t{ ...mark }\n\t\t\t\t\tkey={ mark.key }\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</MarksWrapper>\n\t);\n}\n\nfunction useMarks( {\n\tmarks,\n\tmin = 0,\n\tmax = 100,\n\tstep = 1,\n\tvalue = 0,\n}: UseMarksArgs ) {\n\tif ( ! marks ) {\n\t\treturn [];\n\t}\n\n\tconst range = max - min;\n\tif ( ! Array.isArray( marks ) ) {\n\t\tmarks = [];\n\t\tconst count = 1 + Math.round( range / step );\n\t\twhile ( count > marks.push( { value: step * marks.length + min } ) );\n\t}\n\n\tconst placedMarks: RangeMarkProps[] = [];\n\tmarks.forEach( ( mark, index ) => {\n\t\tif ( mark.value < min || mark.value > max ) {\n\t\t\treturn;\n\t\t}\n\t\tconst key = `mark-${ index }`;\n\t\tconst isFilled = mark.value <= value;\n\t\tconst offset = `${ ( ( mark.value - min ) / range ) * 100 }%`;\n\n\t\tconst offsetStyle = {\n\t\t\t[ isRTL() ? 'right' : 'left' ]: offset,\n\t\t};\n\n\t\tplacedMarks.push( {\n\t\t\t...mark,\n\t\t\tisFilled,\n\t\t\tkey,\n\t\t\tstyle: offsetStyle,\n\t\t} );\n\t} );\n\n\treturn placedMarks;\n}\n"]}