itmar-block-packages 1.10.1 → 2.0.1

package/build/cjs/AnimationBlock.js

@@ -0,0 +1,107 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('./_virtual/_rollupPluginBabelHelpers.js');
+var i18n = require('@wordpress/i18n');
+var styledComponents = require('styled-components');
+var components = require('@wordpress/components');
+
+var _templateObject;
+var anime_comp = attributes => {
+  return styledComponents.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    &.fadeTrigger {\n      opacity: 0;\n    }\n    &.", " {\n      animation-name: ", ";\n      animation-delay: ", "s;\n      animation-duration: ", "s;\n      animation-fill-mode: forwards;\n      opacity: 0;\n    }\n  "])), attributes.pattern, attributes.pattern, attributes.delay, attributes.duration);
+};
+function AnimationBlock(props) {
+  var {
+    is_anime,
+    anime_prm
+  } = props.attributes;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(components.PanelBody, {
+    title: i18n.__("Animation Setting", "block-collections"),
+    initialOpen: true
+  }, /*#__PURE__*/React.createElement(components.ToggleControl, {
+    label: i18n.__("Is Animation", "block-collections"),
+    checked: is_anime,
+    onChange: newVal => {
+      props.onChange({
+        is_anime: newVal
+      });
+    }
+  }), is_anime && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "itmar_link_type"
+  }, /*#__PURE__*/React.createElement(components.RadioControl, {
+    label: i18n.__("Animation Pattern", "block-collections"),
+    selected: anime_prm.pattern,
+    options: [{
+      label: "flipDown",
+      value: "flipDown"
+    }, {
+      label: "fadeUp",
+      value: "fadeUp"
+    }, {
+      label: "fadeLeft",
+      value: "fadeLeft"
+    }, {
+      label: "fadeRight",
+      value: "fadeRight"
+    }],
+    onChange: changeOption => {
+      props.onChange({
+        anime_prm: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, anime_prm), {}, {
+          pattern: changeOption
+        })
+      });
+    }
+  })), /*#__PURE__*/React.createElement(components.RangeControl, {
+    value: anime_prm.duration,
+    label: i18n.__("Animation duration time", "block-collections"),
+    max: 5,
+    min: 0,
+    onChange: val => {
+      props.onChange({
+        anime_prm: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, anime_prm), {}, {
+          duration: val
+        })
+      });
+    },
+    step: 0.1,
+    withInputField: true
+  }), /*#__PURE__*/React.createElement(components.RangeControl, {
+    value: anime_prm.delay,
+    label: i18n.__("Animation delay time", "block-collections"),
+    max: 3,
+    min: 0,
+    onChange: val => {
+      props.onChange({
+        anime_prm: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, anime_prm), {}, {
+          delay: val
+        })
+      });
+    },
+    step: 0.1,
+    withInputField: true
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "itmar_link_type"
+  }, /*#__PURE__*/React.createElement(components.RadioControl, {
+    label: i18n.__("Animation Trigger", "block-collections"),
+    selected: anime_prm.trigger,
+    options: [{
+      label: i18n.__("Page Opend", "block-collections"),
+      value: "opend"
+    }, {
+      label: i18n.__("Enter Visible", "block-collections"),
+      value: "visible"
+    }],
+    onChange: changeOption => {
+      props.onChange({
+        anime_prm: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, anime_prm), {}, {
+          trigger: changeOption
+        })
+      });
+    }
+  })))));
+}
+
+exports.anime_comp = anime_comp;
+exports.default = AnimationBlock;
+//# sourceMappingURL=AnimationBlock.js.map

package/build/cjs/AnimationBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimationBlock.js","sources":["../../src/AnimationBlock.js"],"sourcesContent":["import { __ } from \"@wordpress/i18n\";\nimport { css, keyframes } from \"styled-components\";\n\nimport {\n  PanelBody,\n  ToggleControl,\n  RadioControl,\n  RangeControl,\n} from \"@wordpress/components\";\n\nexport const anime_comp = (attributes) => {\n  return css`\n    &.fadeTrigger {\n      opacity: 0;\n    }\n    &.${attributes.pattern} {\n      animation-name: ${attributes.pattern};\n      animation-delay: ${attributes.delay}s;\n      animation-duration: ${attributes.duration}s;\n      animation-fill-mode: forwards;\n      opacity: 0;\n    }\n  `;\n};\n\nexport default function AnimationBlock(props) {\n  const { is_anime, anime_prm } = props.attributes;\n\n  return (\n    <>\n      <PanelBody\n        title={__(\"Animation Setting\", \"block-collections\")}\n        initialOpen={true}\n      >\n        <ToggleControl\n          label={__(\"Is Animation\", \"block-collections\")}\n          checked={is_anime}\n          onChange={(newVal) => {\n            props.onChange({ is_anime: newVal });\n          }}\n        />\n        {is_anime && (\n          <>\n            <div className=\"itmar_link_type\">\n              <RadioControl\n                label={__(\"Animation Pattern\", \"block-collections\")}\n                selected={anime_prm.pattern}\n                options={[\n                  { label: \"flipDown\", value: \"flipDown\" },\n                  { label: \"fadeUp\", value: \"fadeUp\" },\n                  { label: \"fadeLeft\", value: \"fadeLeft\" },\n                  { label: \"fadeRight\", value: \"fadeRight\" },\n                ]}\n                onChange={(changeOption) => {\n                  props.onChange({\n                    anime_prm: { ...anime_prm, pattern: changeOption },\n                  });\n                }}\n              />\n            </div>\n\n            <RangeControl\n              value={anime_prm.duration}\n              label={__(\"Animation duration time\", \"block-collections\")}\n              max={5}\n              min={0}\n              onChange={(val) => {\n                props.onChange({ anime_prm: { ...anime_prm, duration: val } });\n              }}\n              step={0.1}\n              withInputField={true}\n            />\n\n            <RangeControl\n              value={anime_prm.delay}\n              label={__(\"Animation delay time\", \"block-collections\")}\n              max={3}\n              min={0}\n              onChange={(val) => {\n                props.onChange({ anime_prm: { ...anime_prm, delay: val } });\n              }}\n              step={0.1}\n              withInputField={true}\n            />\n\n            <div className=\"itmar_link_type\">\n              <RadioControl\n                label={__(\"Animation Trigger\", \"block-collections\")}\n                selected={anime_prm.trigger}\n                options={[\n                  {\n                    label: __(\"Page Opend\", \"block-collections\"),\n                    value: \"opend\",\n                  },\n                  {\n                    label: __(\"Enter Visible\", \"block-collections\"),\n                    value: \"visible\",\n                  },\n                ]}\n                onChange={(changeOption) => {\n                  props.onChange({\n                    anime_prm: { ...anime_prm, trigger: changeOption },\n                  });\n                }}\n              />\n            </div>\n          </>\n        )}\n      </PanelBody>\n    </>\n  );\n}\n"],"names":["anime_comp","attributes","css","_templateObject","_taggedTemplateLiteral","pattern","delay","duration","AnimationBlock","props","is_anime","anime_prm","React","createElement","Fragment","PanelBody","title","__","initialOpen","ToggleControl","label","checked","onChange","newVal","className","RadioControl","selected","options","value","changeOption","_objectSpread","RangeControl","max","min","val","step","withInputField","trigger"],"mappings":"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"}

package/build/cjs/BlockEditWrapper.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('./_virtual/_rollupPluginBabelHelpers.js');
+var element = require('@wordpress/element');
+
+var _excluded = ["lazyComponent"];
+function BlockEditWrapper(_ref) {
+  var {
+      lazyComponent: LazyComponent
+    } = _ref,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(element.Suspense, {
+    fallback: /*#__PURE__*/React.createElement("div", null, "Loading...")
+  }, /*#__PURE__*/React.createElement(LazyComponent, props));
+}
+
+exports.default = BlockEditWrapper;
+//# sourceMappingURL=BlockEditWrapper.js.map

package/build/cjs/BlockEditWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockEditWrapper.js","sources":["../../src/BlockEditWrapper.js"],"sourcesContent":["import { Suspense } from '@wordpress/element';\n\nfunction BlockEditWrapper({ lazyComponent: LazyComponent, ...props }) {\n  return (\n    <Suspense fallback={<div>Loading...</div>}>\n      <LazyComponent {...props} />\n    </Suspense>\n  );\n}\n\nexport default BlockEditWrapper;"],"names":["BlockEditWrapper","_ref","lazyComponent","LazyComponent","props","_objectWithoutProperties","_excluded","React","createElement","Suspense","fallback"],"mappings":";;;;;;;;AAEA,SAASA,gBAAgBA,CAAAC,IAAA,EAA6C;EAAA,IAA5C;AAAEC,MAAAA,aAAa,EAAEC;AAAwB,KAAC,GAAAF,IAAA;AAAPG,IAAAA,KAAK,GAAAC,iDAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA;AAChE,EAAA,oBACEC,KAAA,CAAAC,aAAA,CAACC,gBAAQ,EAAA;AAACC,IAAAA,QAAQ,eAAEH,KAAA,CAAAC,aAAA,cAAK,YAAe;GAAE,eACxCD,KAAA,CAAAC,aAAA,CAACL,aAAa,EAAKC,KAAQ,CACnB,CAAC;AAEf;;;;"}