@sc-360-v2/storefront-cms-library 0.0.4 → 0.0.5
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.
- package/README.md +7 -35
- package/dist/builder.js +1 -1
- package/dist/button.scss +139 -0
- package/dist/faq.scss +136 -0
- package/dist/functions.js +1 -0
- package/dist/htmlElement.js +1 -1
- package/dist/icons.js +1 -1
- package/dist/index.js +1 -1
- package/dist/tab-panel.scss +93 -0
- package/dist/text-editor.scss +8 -0
- package/dist/types/builder/elements/button/index.d.ts +26 -0
- package/dist/types/builder/elements/code/index.d.ts +59 -0
- package/dist/types/builder/elements/common.d.ts +6 -0
- package/dist/types/builder/elements/faq/index.d.ts +30 -0
- package/dist/types/builder/elements/gallery-slider/index.d.ts +30 -0
- package/dist/types/builder/elements/grid/index.d.ts +2 -0
- package/dist/types/builder/elements/image/index.d.ts +4 -1
- package/dist/types/builder/elements/section/index.d.ts +5 -0
- package/dist/types/builder/elements/social/index.d.ts +36 -0
- package/dist/types/builder/elements/tab/index.d.ts +30 -0
- package/dist/types/builder/elements/table/index.d.ts +30 -0
- package/dist/types/builder/elements/text-editor/index.d.ts +4 -3
- package/dist/types/builder/elements/video/index.d.ts +30 -0
- package/dist/types/builder/enums/cssVariables.d.ts +361 -0
- package/dist/types/builder/enums/index.d.ts +37 -3
- package/dist/types/builder/index.d.ts +11 -1
- package/dist/types/builder/interfaces/global.d.ts +48 -0
- package/dist/types/builder/tools/element-edit/button.d.ts +25 -0
- package/dist/types/builder/tools/element-edit/code.d.ts +15 -0
- package/dist/types/builder/tools/element-edit/common.d.ts +63 -0
- package/dist/types/builder/tools/element-edit/faq.d.ts +41 -0
- package/dist/types/builder/tools/element-edit/gallery-slider.d.ts +82 -0
- package/dist/types/builder/tools/element-edit/image.d.ts +26 -0
- package/dist/types/builder/tools/element-edit/index.d.ts +13 -0
- package/dist/types/builder/tools/element-edit/section.d.ts +15 -0
- package/dist/types/builder/tools/element-edit/slideShowLayouter.d.ts +21 -0
- package/dist/types/builder/tools/element-edit/social.d.ts +62 -0
- package/dist/types/builder/tools/element-edit/table.d.ts +200 -0
- package/dist/types/builder/tools/element-edit/tabs.d.ts +166 -0
- package/dist/types/builder/tools/element-edit/video.d.ts +73 -0
- package/dist/types/builder/utilities/global.d.ts +0 -2
- package/dist/types/global/attributes.d.ts +2 -2
- package/dist/types/global/style-properties.d.ts +3 -1
- package/dist/types/global/types.d.ts +6 -0
- package/dist/types/helper/helper-functions.d.ts +1 -0
- package/dist/types/html-elements/element-types.d.ts +11 -1
- package/dist/types/html-elements/elements.d.ts +3 -1
- package/dist/widget.scss +1 -0
- package/package.json +13 -1
package/README.md
CHANGED
|
@@ -1,40 +1,12 @@
|
|
|
1
|
-
|
|
1
|
+
# @sc-360-v2/storefront-cms-library
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
`@sc-360-v2/storefront-cms-library` is a versatile library that provides styling and property components for other modules in your projects. This package is designed to streamline the creation of consistent and customizable storefront layouts.
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
You can install the package using npm or yarn:
|
|
6
8
|
|
|
7
9
|
```bash
|
|
8
|
-
npm
|
|
9
|
-
# or
|
|
10
|
-
yarn dev
|
|
10
|
+
npm install @sc-360-v2/storefront-cms-library
|
|
11
11
|
# or
|
|
12
|
-
|
|
13
|
-
# or
|
|
14
|
-
bun dev
|
|
15
|
-
```
|
|
16
|
-
|
|
17
|
-
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
|
|
18
|
-
|
|
19
|
-
You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.
|
|
20
|
-
|
|
21
|
-
[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.ts`.
|
|
22
|
-
|
|
23
|
-
The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
|
|
24
|
-
|
|
25
|
-
This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
|
|
26
|
-
|
|
27
|
-
## Learn More
|
|
28
|
-
|
|
29
|
-
To learn more about Next.js, take a look at the following resources:
|
|
30
|
-
|
|
31
|
-
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
|
|
32
|
-
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
|
|
33
|
-
|
|
34
|
-
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
|
|
35
|
-
|
|
36
|
-
## Deploy on Vercel
|
|
37
|
-
|
|
38
|
-
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
|
|
39
|
-
|
|
40
|
-
Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
|
|
12
|
+
yarn add @sc-360-v2/storefront-cms-library
|
package/dist/builder.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see builder.js.LICENSE.txt */
|
|
2
|
-
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["storefront-cms-library"]=e():t["storefront-cms-library"]=e()}(this,(()=>(()=>{var t={633:(t,e,r)=>{var n=r(738).default;function o(){"use strict";t.exports=o=function(){return r},t.exports.__esModule=!0,t.exports.default=t.exports;var e,r={},a=Object.prototype,i=a.hasOwnProperty,c=Object.defineProperty||function(t,e,r){t[e]=r.value},u="function"==typeof Symbol?Symbol:{},l=u.iterator||"@@iterator",s=u.asyncIterator||"@@asyncIterator",f=u.toStringTag||"@@toStringTag";function d(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{d({},"")}catch(e){d=function(t,e,r){return t[e]=r}}function p(t,e,r,n){var o=e&&e.prototype instanceof x?e:x,a=Object.create(o.prototype),i=new z(n||[]);return c(a,"_invoke",{value:L(t,r,i)}),a}function v(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}r.wrap=p;var y="suspendedStart",h="suspendedYield",g="executing",b="completed",m={};function x(){}function S(){}function w(){}var j={};d(j,l,(function(){return this}));var O=Object.getPrototypeOf,_=O&&O(O(N([])));_&&_!==a&&i.call(_,l)&&(j=_);var T=w.prototype=x.prototype=Object.create(j);function C(t){["next","throw","return"].forEach((function(e){d(t,e,(function(t){return this._invoke(e,t)}))}))}function E(t,e){function r(o,a,c,u){var l=v(t[o],t,a);if("throw"!==l.type){var s=l.arg,f=s.value;return f&&"object"==n(f)&&i.call(f,"__await")?e.resolve(f.__await).then((function(t){r("next",t,c,u)}),(function(t){r("throw",t,c,u)})):e.resolve(f).then((function(t){s.value=t,c(s)}),(function(t){return r("throw",t,c,u)}))}u(l.arg)}var o;c(this,"_invoke",{value:function(t,n){function a(){return new e((function(e,o){r(t,n,e,o)}))}return o=o?o.then(a,a):a()}})}function L(t,r,n){var o=y;return function(a,i){if(o===g)throw Error("Generator is already running");if(o===b){if("throw"===a)throw i;return{value:e,done:!0}}for(n.method=a,n.arg=i;;){var c=n.delegate;if(c){var u=A(c,n);if(u){if(u===m)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===y)throw o=b,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=g;var l=v(t,r,n);if("normal"===l.type){if(o=n.done?b:h,l.arg===m)continue;return{value:l.arg,done:n.done}}"throw"===l.type&&(o=b,n.method="throw",n.arg=l.arg)}}}function A(t,r){var n=r.method,o=t.iterator[n];if(o===e)return r.delegate=null,"throw"===n&&t.iterator.return&&(r.method="return",r.arg=e,A(t,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),m;var a=v(o,t.iterator,r.arg);if("throw"===a.type)return r.method="throw",r.arg=a.arg,r.delegate=null,m;var i=a.arg;return i?i.done?(r[t.resultName]=i.value,r.next=t.nextLoc,"return"!==r.method&&(r.method="next",r.arg=e),r.delegate=null,m):i:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,m)}function k(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function I(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function z(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(k,this),this.reset(!0)}function N(t){if(t||""===t){var r=t[l];if(r)return r.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var o=-1,a=function r(){for(;++o<t.length;)if(i.call(t,o))return r.value=t[o],r.done=!1,r;return r.value=e,r.done=!0,r};return a.next=a}}throw new TypeError(n(t)+" is not iterable")}return S.prototype=w,c(T,"constructor",{value:w,configurable:!0}),c(w,"constructor",{value:S,configurable:!0}),S.displayName=d(w,f,"GeneratorFunction"),r.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===S||"GeneratorFunction"===(e.displayName||e.name))},r.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,w):(t.__proto__=w,d(t,f,"GeneratorFunction")),t.prototype=Object.create(T),t},r.awrap=function(t){return{__await:t}},C(E.prototype),d(E.prototype,s,(function(){return this})),r.AsyncIterator=E,r.async=function(t,e,n,o,a){void 0===a&&(a=Promise);var i=new E(p(t,e,n,o),a);return r.isGeneratorFunction(e)?i:i.next().then((function(t){return t.done?t.value:i.next()}))},C(T),d(T,f,"Generator"),d(T,l,(function(){return this})),d(T,"toString",(function(){return"[object Generator]"})),r.keys=function(t){var e=Object(t),r=[];for(var n in e)r.push(n);return r.reverse(),function t(){for(;r.length;){var n=r.pop();if(n in e)return t.value=n,t.done=!1,t}return t.done=!0,t}},r.values=N,z.prototype={constructor:z,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(I),!t)for(var r in this)"t"===r.charAt(0)&&i.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=e)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var r=this;function n(n,o){return c.type="throw",c.arg=t,r.next=n,o&&(r.method="next",r.arg=e),!!o}for(var o=this.tryEntries.length-1;o>=0;--o){var a=this.tryEntries[o],c=a.completion;if("root"===a.tryLoc)return n("end");if(a.tryLoc<=this.prev){var u=i.call(a,"catchLoc"),l=i.call(a,"finallyLoc");if(u&&l){if(this.prev<a.catchLoc)return n(a.catchLoc,!0);if(this.prev<a.finallyLoc)return n(a.finallyLoc)}else if(u){if(this.prev<a.catchLoc)return n(a.catchLoc,!0)}else{if(!l)throw Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return n(a.finallyLoc)}}}},abrupt:function(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var n=this.tryEntries[r];if(n.tryLoc<=this.prev&&i.call(n,"finallyLoc")&&this.prev<n.finallyLoc){var o=n;break}}o&&("break"===t||"continue"===t)&&o.tryLoc<=e&&e<=o.finallyLoc&&(o=null);var a=o?o.completion:{};return a.type=t,a.arg=e,o?(this.method="next",this.next=o.finallyLoc,m):this.complete(a)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),m},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),I(r),m}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;I(r)}return o}}throw Error("illegal catch attempt")},delegateYield:function(t,r,n){return this.delegate={iterator:N(t),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=e),m}},r}t.exports=o,t.exports.__esModule=!0,t.exports.default=t.exports},738:t=>{function e(r){return t.exports=e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},t.exports.__esModule=!0,t.exports.default=t.exports,e(r)}t.exports=e,t.exports.__esModule=!0,t.exports.default=t.exports},756:(t,e,r)=>{var n=r(633)();t.exports=n;try{regeneratorRuntime=n}catch(t){"object"==typeof globalThis?globalThis.regeneratorRuntime=n:Function("r","regeneratorRuntime = r")(n)}}},e={};function r(n){var o=e[n];if(void 0!==o)return o.exports;var a=e[n]={exports:{}};return t[n](a,a.exports,r),a.exports}r.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return r.d(e,{a:e}),e},r.d=(t,e)=>{for(var n in e)r.o(e,n)&&!r.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},r.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var n={};return(()=>{"use strict";r.r(n),r.d(n,{cmsTypes:()=>i,commonFunctions:()=>A,enums:()=>t,gridSchema:()=>a,interfaces:()=>e,sectionSchema:()=>o,textSchema:()=>c});var t={};r.r(t),r.d(t,{CMSElementSelectors:()=>y,CMSToolAttributes:()=>h,CMSToolIdTypes:()=>v});var e={};r.r(e);var o={};r.r(o),r.d(o,{getDefaultStyles:()=>k});var a={};r.r(a),r.d(a,{getDefaultStyles:()=>I});var i={};r.r(i);var c={};function u(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}function l(t,e){if(t){if("string"==typeof t)return u(t,e);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?u(t,e):void 0}}function s(t){return function(t){if(Array.isArray(t))return u(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||l(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function f(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,a,i,c=[],u=!0,l=!1;try{if(a=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=a.call(r)).done)&&(c.push(n.value),c.length!==e);u=!0);}catch(t){l=!0,o=t}finally{try{if(!u&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(l)throw o}}return c}}(t,e)||l(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(t){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},d(t)}function p(t,e,r){return(e=function(t){var e=function(t){if("object"!=d(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==d(e)?e:e+""}(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}r.r(c);var v,y,h,g=r(756),b=r.n(g);function m(t,e){var r="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!r){if(Array.isArray(t)||(r=function(t,e){if(t){if("string"==typeof t)return x(t,e);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?x(t,e):void 0}}(t))||e&&t&&"number"==typeof t.length){r&&(t=r);var n=0,o=function(){};return{s:o,n:function(){return n>=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,i=!0,c=!1;return{s:function(){r=r.call(t)},n:function(){var t=r.next();return i=t.done,t},e:function(t){c=!0,a=t},f:function(){try{i||null==r.return||r.return()}finally{if(c)throw a}}}}function x(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}!function(t){t.playgroundWrapper="playground_wrapper",t.layers="CMS Layers",t.addGrid="AddGrid",t.toolTip="custom-tooltip",t.customCanvas="custom-canvas",t.pageId="cms__template__editor",t.pageWrapper="page-wrapper",t.iframeContainerDiv="iframe-container-div",t.iframePlaygroud="iframe__playground",t.sectionLayersOverlay="section__layers__overlay",t.gridLayersOverlay="grid__layers__overlay",t.iframeRoot="cms-iframe-root",t.addElementTools="cms-add-element-tools",t.elementPopertiesPopup="cms-element-properties"}(v||(v={})),function(t){t.iframeSelector="iframe[data-title='iframe__playground']",t.templteEditiorSelector="[data-page-id='cms__template__editor']",t.gridSelector="section[data-div-type='section'] > .wrapper > div[data-div-type='grid']",t.sectionSelector="section[data-div-type='section']",t.layersParentSelector="section[data-div-type='section'] [data-cms-tool='CMS Layers']",t.layersGridSelector="section[data-div-type='section'] [data-cms-tool='CMS Layers'] > div[data-layer-style-id]",t.sectionLayersOverlay="[data-div-type = 'section__layers__overlay']",t.gridLayersOverlay="[data-div-type='grid__layers__overlay']",t.iframeRoot="#cms-iframe-root",t.playgroundScroll="playground-srolltop"}(y||(y={})),function(t){t.id="data-cms-tool",t.state="data-cms-state",t.style="data-style-id",t.pageId="data-page-id",t.dataDivType="data-div-type",t.title="data-title",t.layerStyle="data-layer-style-id",t.elementClick="data-has-clicked",t.viewportVisible="data-viewport-visible",t.playgroundScroll="data-playground-scroll",t.viewportVisibleTop="data-viewport-visible-top",t.viewportVisibleRight="data-viewport-visible-right",t.viewportVisibleBottom="data-viewport-visible-bottom",t.viewportVisibleLeft="data-viewport-visible-left"}(h||(h={}));var S=function(t,e,r,n){return new(r||(r=Promise))((function(o,a){function i(t){try{u(n.next(t))}catch(t){a(t)}}function c(t){try{u(n.throw(t))}catch(t){a(t)}}function u(t){var e;t.done?o(t.value):(e=t.value,e instanceof r?e:new r((function(t){t(e)}))).then(i,c)}u((n=n.apply(t,e||[])).next())}))};function w(t,e){var r,n=m(t.base);try{for(n.s();!(r=n.n()).done;)if(r.value.label===e)return"base"}catch(t){n.e(t)}finally{n.f()}var o,a=m(t.accent);try{for(a.s();!(o=a.n()).done;)if(o.value.label===e)return"accent"}catch(t){a.e(t)}finally{a.f()}return null}function j(t){return"rgba(".concat(null==t?void 0:t.r,", ").concat(null==t?void 0:t.g,", ").concat(null==t?void 0:t.b,", ").concat(null==t?void 0:t.a,")")}function O(t,e,r,n){return S(this,void 0,void 0,b().mark((function o(){var a,i,c,u,l;return b().wrap((function(o){for(;;)switch(o.prev=o.next){case 0:return a=t.parentNode,i=t.textContent.substring(0,e),c=t.textContent.substring(e+r),u=document.createTextNode(i),l=document.createTextNode(c),a.insertBefore(u,t),a.insertBefore(n,t),a.insertBefore(l,t.nextSibling),o.next=10,a.removeChild(t);case 10:case"end":return o.stop()}}),o)})))}function _(t){var e=[];if(t.nodeType===Node.TEXT_NODE)e.push(t);else for(var r=t.childNodes,n=0;n<r.length;n++)e=e.concat(_(r[n]));return e}function T(t){return t.replace(/-([a-z])/g,(function(t,e){return e.toUpperCase()}))}var C={fontSize:{px:[12,14,16,18,20,24,30,36,48,60,72],rem:[.75,.875,1,1.125,1.25,1.5,1.875,2.25,3,3.75,4.5]},lineHeight:{px:[18,20,24,28,30,32,38,44,60,72,90],rem:[1.125,1.25,1.5,1.75,1.875,2,2.375,2.75,3.75,4.5,5.625]}},E=[{id:1,label:"px",value:1},{id:2,label:"rem",value:2},{id:3,label:"em",value:3},{id:4,label:"%",value:4}],L={ReorderObj:function(t,e){var r={};return e.forEach((function(e){t.hasOwnProperty(e)&&(r[e]=t[e])})),r},reorderSections:function(t,e,r){var n=t[e],o=n.index,a="up"===r?o-1:o+1;if(a>=1&&a<=Object.keys(t).length){var i=Object.keys(t).find((function(e){return t[e].index===a}));return Object.assign(Object.assign({},t),p(p({},e,Object.assign(Object.assign({},n),{index:a})),i,Object.assign(Object.assign({},t[i]),{index:o})))}return t},returnUpdatedButton:function(t,e,r,n){var o={};return Object.keys(t).forEach((function(a){o[a]=Object.assign({},t[a]),Object.keys(t[a].children).forEach((function(i){Object.keys(t[a].children[i].children).forEach((function(c){var u=t[a].children[i].children[c];u.isDirty||u.attributes.datadivtype!==e||(o[a]=Object.assign(Object.assign({},o[a]),{children:Object.assign(Object.assign({},o[a].children),p({},i,Object.assign(Object.assign({},o[a].children[i]),{children:Object.assign(Object.assign({},o[a].children[i].children),p({},c,Object.assign(Object.assign({},o[a].children[i].children[c]),{properties:Object.assign(Object.assign({},o[a].children[i].children[c].properties),r.design),styles:Object.assign(Object.assign({},o[a].children[i].children[c].styles),n)})))})))}))}))}))})),o},getTextValue:function(t,e){if(void 0!==(null==e?void 0:e.type)){if("custom"===e.type)return j(t.customColors.find((function(t){return t.label===e.label})).value.rgb);var r=t.selectedTheme.colors;return j(r[w(r,e.type)].find((function(t){return t.label===e.type})).value.rgb)}return j(e.rgb)},returnFontStyle:function(t,e){var r=["bold","italic","lineThrough","underline"],n=r.findIndex((function(e){return""!==t[e].value}));return-1!==n?r[n]:e},convertToSlug:function(t){return t.toLowerCase().replace(/\s+/g,"-")},convertToCamelCase:function(t){return t.toLowerCase().split(" ").map((function(t,e){return 0===e?t:t.charAt(0).toUpperCase()+t.slice(1)})).join("")},convertIntoNumbers:function(t){var e=t.replace(/[^0-9.]/g,"").replace(/(\..*)\./g,"$1");return""===e?0:Number(e)},convertFormatToMask:function(t,e){return t.find((function(t){return t.value===e})).format.replaceAll("X","9")},convertToNumericValue:function(t){var e=parseInt(t,10);if(isNaN(e))throw new Error("Invalid size: ".concat(t));if(t.includes("vh"))return e/100*window.innerHeight;if(t.includes("px"))return e;throw new Error("Invalid unit in size: ".concat(t))},convertCamelCaseToWords:function(t){return t.replace(/([a-z])([A-Z])/g,"$1 $2").replace(/^\w/,(function(t){return t.toUpperCase()}))},convertAlphaNumericToText:function(t){return t.replace(/([a-zA-Z]+)(\d+)/,"$1 $2")},convertrgbObjToString:j,capitalizeFirstLetter:function(t){return t.charAt(0).toUpperCase()+t.slice(1)},convertStylesToVar:function(t){var e=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return Object.keys(t).reduce((function(r,n){return Object.assign(Object.assign({},r),p({},"--_"+e+n,t[n]))}),{})},r=e(t.defaultState.default),n=e(t.defaultState.text),o={},a={};return t.hoverState&&(t.hoverState.default&&(o=e(t.hoverState.default,"hover-")),t.hoverState.text&&(a=e(t.hoverState.text,"hover-"))),{parent:Object.assign(Object.assign({},r),o),child:Object.assign(Object.assign({},n),a)}},convertUpperCaseToCapitalise:function(t){return t.toLowerCase().replace(/\b\w/g,(function(t){return t.toUpperCase()}))},convertObjectToCssString:function(t){return Object.entries(t).map((function(t){var e=f(t,2),r=e[0],n=e[1];return"".concat(r,": ").concat(""===n?"fontStyle"===r||"fontWeight"===r?"normal":"none":n,";")})).join(" ").replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()},returnColorsArrName:w,convertPagesToDropdownList:function(t){var e=[];return t.forEach((function(t,r){var n={id:r+1,label:t.displayName,value:r+1};e.push(n)})),e},returnTheCharacter:function(t){return S(this,void 0,void 0,b().mark((function e(){var r,n,o,a,i,c,u,l,s,f,d,p,v,y,h;return b().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(r=window.getSelection(),!(n=null==r?void 0:r.toString())){e.next=36;break}o=null==r?void 0:r.getRangeAt(0),a=o.startContainer,i=o.startOffset,c=_(null==a?void 0:a.parentElement),u=null,l=0,s=m(c),e.prev=10,s.s();case 12:if((f=s.n()).done){e.next=21;break}if(d=f.value,p=d.textContent.length,!(i>=l&&i<=l+p)){e.next=18;break}return u=d,e.abrupt("break",21);case 18:l+=p;case 19:e.next=12;break;case 21:e.next=26;break;case 23:e.prev=23,e.t0=e.catch(10),s.e(e.t0);case 26:return e.prev=26,s.f(),e.finish(26);case 29:return(v=document.createElement("span")).textContent=n,y=Object.keys(t),h=Object.values(t),v.style[y[0]]=h[0],e.next=36,O(u,i,n.length,v);case 36:case"end":return e.stop()}}),e,null,[[10,23,26,29]])})))},generateSpanStylesToProperties:function(t,e){var r=Object.assign({},e),n={};return Object.keys(r).forEach((function(e){var o={};e===T(t[0])?o=Object.assign(Object.assign({},r[e]),{value:t[r[e].property]}):(r[e].property===T(t[0])&&(o=Object.assign(Object.assign({},r[e]),{value:"none"===t[r[e].property]||"normal"===t[r[e].property]?"":t[r[e].property]})),o=r[e]),n[e]=o})),n},checkIfInactiveColorsAndModify:function(t,e){var r=s(e.general),n=s(e.text),o=r.map((function(e){var r=w(t,e.value.value),n=t[r].find((function(t){return t.label===e.value.value}));if(!n.active){var o=L.returnColorsArrName(t,n.value.value),a=t[o].find((function(t){return t.label===n.value.value}));return Object.assign(Object.assign({},e),{value:{value:a.label}})}return Object.assign({},e)})),a=n.map((function(e){var r=w(t,e.value.value),n=t[r].find((function(t){return t.label===e.value.value}));if(!n.active){var o=L.returnColorsArrName(t,n.value.value),a=t[o].find((function(t){return t.label===n.value.value}));return Object.assign(Object.assign({},e),{value:{value:a.label}})}return Object.assign({},e)}));return{general:s(o),text:s(a)}},kebabToCamelCase:T,returnDefaultValue:function(t,e,r,n,o){var a,i,c=C;if(1===r||2===r){var u=null===(a=null==E?void 0:E.find((function(t){return t.value===r})))||void 0===a?void 0:a.label,l=null===(i=null==E?void 0:E.find((function(t){return t.value===o})))||void 0===i?void 0:i.label;if(r===o){var s=c.fontSize["".concat(u)].findIndex((function(t){return t===e}));if(-1===s){for(var f=0,d=c.fontSize["".concat(u)].length-1,p=null;f<=d;){var v=Math.floor((f+d)/2);if(c.fontSize["".concat(u)][v]===e)return c.fontSize["".concat(u)][v];c.fontSize["".concat(u)][v]<e?(p=c.fontSize["".concat(u)][v],f=v+1):d=v-1}s=c.fontSize["".concat(u)].findIndex((function(t){return t===p}))}var y=c.lineHeight["".concat(l)][s];return"bool"===t?n===y:{value:y,unit:o}}l=u;var h=c.fontSize["".concat(u)].findIndex((function(t){return t===e}));if(-1===h){for(var g=0,b=c.fontSize["".concat(u)].length-1,m=null;g<=b;){var x=Math.floor((g+b)/2);if(c.fontSize["".concat(u)][x]===e)return c.fontSize["".concat(u)][x];c.fontSize["".concat(u)][x]<e?(m=c.fontSize["".concat(u)][x],g=x+1):b=x-1}h=c.fontSize["".concat(u)].findIndex((function(t){return t===m}))}var S=c.lineHeight["".concat(l)][h];return"bool"===t?n===S:{value:S,unit:r}}return"bool"===t||{}},rgbaToHex:function(t){var e=t.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\)$/);if(!e)return t;var r=parseInt(e[1]),n=parseInt(e[2]),o=parseInt(e[3]),a=1;void 0!==e[4]&&(a=parseFloat(e[4]));var i=r.toString(16).padStart(2,"0"),c=n.toString(16).padStart(2,"0"),u=o.toString(16).padStart(2,"0"),l=Math.round(255*a).toString(16).padStart(2,"0");return"ff"===l?"#".concat(i).concat(c).concat(u):"#".concat(i).concat(c).concat(u).concat(l)},convertToKebabCase:function(t){var e={};return Object.keys(t).forEach((function(r){var n=r.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase();e[n]=t[r]})),e},loadNAppendStyleTag:function(t,e){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,n=document.querySelector(y.iframeSelector).contentDocument.querySelector(y.templteEditiorSelector);if(n&&null!==n){var o=n.querySelector("[".concat(h.style,'="').concat(e,'"]'));null!==r&&(o=r.querySelector("[".concat(h.layerStyle,'="').concat(e,'"]'))),o&&null!==o&&o.remove(),null===r?n.appendChild(t):r.appendChild(t)}},stylesToString:function(t){return Object.entries(t).map((function(t){var e=f(t,2),r=e[0],n=e[1],o=r.replace(/[A-Z]/g,(function(t){return"-"+t.toLowerCase()}));return"".concat(o,": ").concat(n,";")})).join(" ")}};const A=L;var k=function(){return{minHeight:"0px",height:"auto",minWidth:"0px",maxWidth:"99999px",maxHeight:"99999px",gridArea:"1/1/2/2",display:"grid",boxSizing:"border-box",rowGap:"0px",columnGap:"0px",gridTemplateRows:"auto",gridTemplateColumns:"auto"}},I=function(){return{minHeight:"0px",height:"auto",minWidth:"0px",maxWidth:"99999px",maxHeight:"99999px",gridArea:"1/1/2/2",display:"grid",boxSizing:"border-box",rowGap:"0px",columnGap:"0px",gridTemplateRows:"auto",gridTemplateColumns:"auto"}}})(),n})()));
|
|
2
|
+
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["storefront-cms-library"]=t():e["storefront-cms-library"]=t()}(this,(()=>(()=>{var e={633:(e,t,r)=>{var o=r(738).default;function n(){"use strict";e.exports=n=function(){return r},e.exports.__esModule=!0,e.exports.default=e.exports;var t,r={},i=Object.prototype,a=i.hasOwnProperty,l=Object.defineProperty||function(e,t,r){e[t]=r.value},p="function"==typeof Symbol?Symbol:{},u=p.iterator||"@@iterator",c=p.asyncIterator||"@@asyncIterator",d=p.toStringTag||"@@toStringTag";function s(e,t,r){return Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{s({},"")}catch(t){s=function(e,t,r){return e[t]=r}}function y(e,t,r,o){var n=t&&t.prototype instanceof b?t:b,i=Object.create(n.prototype),a=new j(o||[]);return l(i,"_invoke",{value:E(e,r,a)}),i}function g(e,t,r){try{return{type:"normal",arg:e.call(t,r)}}catch(e){return{type:"throw",arg:e}}}r.wrap=y;var h="suspendedStart",S="suspendedYield",v="executing",f="completed",T={};function b(){}function m(){}function C(){}var O={};s(O,u,(function(){return this}));var w=Object.getPrototypeOf,x=w&&w(w(P([])));x&&x!==i&&a.call(x,u)&&(O=x);var L=C.prototype=b.prototype=Object.create(O);function A(e){["next","throw","return"].forEach((function(t){s(e,t,(function(e){return this._invoke(t,e)}))}))}function R(e,t){function r(n,i,l,p){var u=g(e[n],e,i);if("throw"!==u.type){var c=u.arg,d=c.value;return d&&"object"==o(d)&&a.call(d,"__await")?t.resolve(d.__await).then((function(e){r("next",e,l,p)}),(function(e){r("throw",e,l,p)})):t.resolve(d).then((function(e){c.value=e,l(c)}),(function(e){return r("throw",e,l,p)}))}p(u.arg)}var n;l(this,"_invoke",{value:function(e,o){function i(){return new t((function(t,n){r(e,o,t,n)}))}return n=n?n.then(i,i):i()}})}function E(e,r,o){var n=h;return function(i,a){if(n===v)throw Error("Generator is already running");if(n===f){if("throw"===i)throw a;return{value:t,done:!0}}for(o.method=i,o.arg=a;;){var l=o.delegate;if(l){var p=N(l,o);if(p){if(p===T)continue;return p}}if("next"===o.method)o.sent=o._sent=o.arg;else if("throw"===o.method){if(n===h)throw n=f,o.arg;o.dispatchException(o.arg)}else"return"===o.method&&o.abrupt("return",o.arg);n=v;var u=g(e,r,o);if("normal"===u.type){if(n=o.done?f:S,u.arg===T)continue;return{value:u.arg,done:o.done}}"throw"===u.type&&(n=f,o.method="throw",o.arg=u.arg)}}}function N(e,r){var o=r.method,n=e.iterator[o];if(n===t)return r.delegate=null,"throw"===o&&e.iterator.return&&(r.method="return",r.arg=t,N(e,r),"throw"===r.method)||"return"!==o&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+o+"' method")),T;var i=g(n,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,T;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,T):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,T)}function D(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function I(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function j(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(D,this),this.reset(!0)}function P(e){if(e||""===e){var r=e[u];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var n=-1,i=function r(){for(;++n<e.length;)if(a.call(e,n))return r.value=e[n],r.done=!1,r;return r.value=t,r.done=!0,r};return i.next=i}}throw new TypeError(o(e)+" is not iterable")}return m.prototype=C,l(L,"constructor",{value:C,configurable:!0}),l(C,"constructor",{value:m,configurable:!0}),m.displayName=s(C,d,"GeneratorFunction"),r.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===m||"GeneratorFunction"===(t.displayName||t.name))},r.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,C):(e.__proto__=C,s(e,d,"GeneratorFunction")),e.prototype=Object.create(L),e},r.awrap=function(e){return{__await:e}},A(R.prototype),s(R.prototype,c,(function(){return this})),r.AsyncIterator=R,r.async=function(e,t,o,n,i){void 0===i&&(i=Promise);var a=new R(y(e,t,o,n),i);return r.isGeneratorFunction(t)?a:a.next().then((function(e){return e.done?e.value:a.next()}))},A(L),s(L,d,"Generator"),s(L,u,(function(){return this})),s(L,"toString",(function(){return"[object Generator]"})),r.keys=function(e){var t=Object(e),r=[];for(var o in t)r.push(o);return r.reverse(),function e(){for(;r.length;){var o=r.pop();if(o in t)return e.value=o,e.done=!1,e}return e.done=!0,e}},r.values=P,j.prototype={constructor:j,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(I),!e)for(var r in this)"t"===r.charAt(0)&&a.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=t)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var r=this;function o(o,n){return l.type="throw",l.arg=e,r.next=o,n&&(r.method="next",r.arg=t),!!n}for(var n=this.tryEntries.length-1;n>=0;--n){var i=this.tryEntries[n],l=i.completion;if("root"===i.tryLoc)return o("end");if(i.tryLoc<=this.prev){var p=a.call(i,"catchLoc"),u=a.call(i,"finallyLoc");if(p&&u){if(this.prev<i.catchLoc)return o(i.catchLoc,!0);if(this.prev<i.finallyLoc)return o(i.finallyLoc)}else if(p){if(this.prev<i.catchLoc)return o(i.catchLoc,!0)}else{if(!u)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return o(i.finallyLoc)}}}},abrupt:function(e,t){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&a.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var n=o;break}}n&&("break"===e||"continue"===e)&&n.tryLoc<=t&&t<=n.finallyLoc&&(n=null);var i=n?n.completion:{};return i.type=e,i.arg=t,n?(this.method="next",this.next=n.finallyLoc,T):this.complete(i)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),T},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.finallyLoc===e)return this.complete(r.completion,r.afterLoc),I(r),T}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.tryLoc===e){var o=r.completion;if("throw"===o.type){var n=o.arg;I(r)}return n}}throw Error("illegal catch attempt")},delegateYield:function(e,r,o){return this.delegate={iterator:P(e),resultName:r,nextLoc:o},"next"===this.method&&(this.arg=t),T}},r}e.exports=n,e.exports.__esModule=!0,e.exports.default=e.exports},738:e=>{function t(r){return e.exports=t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e.exports.__esModule=!0,e.exports.default=e.exports,t(r)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports},756:(e,t,r)=>{var o=r(633)();e.exports=o;try{regeneratorRuntime=o}catch(e){"object"==typeof globalThis?globalThis.regeneratorRuntime=o:Function("r","regeneratorRuntime = r")(o)}}},t={};function r(o){var n=t[o];if(void 0!==n)return n.exports;var i=t[o]={exports:{}};return e[o](i,i.exports,r),i.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{"use strict";r.r(o),r.d(o,{ElementEditSchema:()=>b,buttonSchema:()=>w,cmsTypes:()=>l,codeSchema:()=>E,commonFunctions:()=>oe,enums:()=>e,faqSchema:()=>R,gallerySliderSchema:()=>x,gridSchema:()=>i,imageSchema:()=>a,interfaces:()=>t,sectionSchema:()=>n,socialIconsSchema:()=>A,tabSchema:()=>L,tableSchema:()=>O,textSchema:()=>m,videoSChema:()=>C});var e={};r.r(e),r.d(e,{CMSCSSUnitTypesEnums:()=>G,CMSElementEditTypes:()=>B,CMSElementSelectors:()=>k,CMSToolAttributes:()=>H,CMSToolIdTypes:()=>z});var t={};r.r(t);var n={};r.r(n),r.d(n,{getDefaultStyles:()=>ie,getSectionDefaultStyles:()=>ae});var i={};r.r(i),r.d(i,{getDefaultStyles:()=>le});var a={};r.r(a),r.d(a,{getDefaultStyles:()=>pe});var l={};r.r(l);var p={};r.r(p),r.d(p,{cssInputInstances:()=>ue});var u={};r.r(u),r.d(u,{getDefaultData:()=>de,sectionSelectorKeysEnum:()=>ne});var c={};r.r(c),r.d(c,{SelectorKeysEnum:()=>ce,getDefaultData:()=>ge});var d={};r.r(d),r.d(d,{ButtonSelectorKeysEnum:()=>ye,getDefaultData:()=>ve});var s={};r.r(s),r.d(s,{VideoSelectorKeysEnum:()=>Se,getDefaultData:()=>be});var y={};r.r(y),r.d(y,{getDefaultData:()=>Oe});var g={};r.r(g),r.d(g,{getDefaultData:()=>xe});var h={};r.r(h),r.d(h,{TableSelectorKeysEnum:()=>Te,getDefaultData:()=>Re});var S={};r.r(S),r.d(S,{SelectorKeysEnum:()=>Ae,getDefaultData:()=>De});var v={};r.r(v),r.d(v,{SocialSelectorKeysEnum:()=>Ne,getDefaultData:()=>Pe});var f={};r.r(f),r.d(f,{ButtonSelectorKeysEnum:()=>je,getDefaultData:()=>ke});var T={};r.r(T),r.d(T,{codeSelectorKeysEnum:()=>ze,getDefaultData:()=>He});var b={};r.r(b),r.d(b,{button:()=>d,code:()=>T,common:()=>p,faq:()=>f,gallerySlider:()=>S,image:()=>c,section:()=>u,slideShowLayouter:()=>g,social:()=>v,table:()=>h,tabs:()=>y,video:()=>s});var m={};r.r(m),r.d(m,{getDefaultStyles:()=>Be});var C={};r.r(C),r.d(C,{getDefaultVideoStyles:()=>Ge});var O={};r.r(O),r.d(O,{getDefaultTableStyles:()=>We});var w={};r.r(w),r.d(w,{getDefaultStyles:()=>Ue});var x={};r.r(x),r.d(x,{getDefaultStyles:()=>Ke});var L={};r.r(L),r.d(L,{getDefaultStyles:()=>Me});var A={};r.r(A),r.d(A,{getDefaultSocialIconsStyles:()=>Ye});var R={};r.r(R),r.d(R,{getDefaultStyles:()=>Ve});var E={};function N(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,o=Array(t);r<t;r++)o[r]=e[r];return o}function D(e,t){if(e){if("string"==typeof e)return N(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?N(e,t):void 0}}function I(e){return function(e){if(Array.isArray(e))return N(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||D(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function j(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var o,n,i,a,l=[],p=!0,u=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;p=!1}else for(;!(p=(o=i.call(r)).done)&&(l.push(o.value),l.length!==t);p=!0);}catch(e){u=!0,n=e}finally{try{if(!p&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(u)throw n}}return l}}(e,t)||D(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function P(e){return P="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},P(e)}function _(e,t,r){return(t=function(e){var t=function(e){if("object"!=P(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=P(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==P(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}r.r(E),r.d(E,{getDefaultStyles:()=>Fe,getSectionDefaultStyles:()=>Xe});var z,k,H,B,G,W=r(756),U=r.n(W);function K(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=function(e,t){if(e){if("string"==typeof e)return M(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?M(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var o=0,n=function(){};return{s:n,n:function(){return o>=e.length?{done:!0}:{done:!1,value:e[o++]}},e:function(e){throw e},f:n}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,l=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return a=e.done,e},e:function(e){l=!0,i=e},f:function(){try{a||null==r.return||r.return()}finally{if(l)throw i}}}}function M(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,o=Array(t);r<t;r++)o[r]=e[r];return o}!function(e){e.playgroundWrapper="playground_wrapper",e.layers="CMS Layers",e.addGrid="AddGrid",e.toolTip="custom-tooltip",e.customCanvas="custom-canvas",e.pageId="cms__template__editor",e.pageWrapper="page-wrapper",e.iframeContainerDiv="iframe-container-div",e.iframePlaygroud="iframe__playground",e.sectionLayersOverlay="section__layers__overlay",e.gridLayersOverlay="grid__layers__overlay",e.iframeRoot="cms-iframe-root",e.addElementTools="cms-add-element-tools",e.elementPopertiesPopup="cms-element-properties",e.addElementComponent="cms-add-element-component",e.addElementCanvas="cms-custom-canvas",e.addElementPopup="cms-add-element-popup",e.sectionWrapper="cms-section-wrapper",e.gridWrapper="cms-grid-wrapper",e.addGridButton="add-grid-button",e.addGridButtonSpan="add-grid-span",e.addGridResizerSpan="add-grid-resizer-span",e.customTooltip="cms-custom-tooltip"}(z||(z={})),function(e){e.iframeSelector="iframe[data-title='iframe__playground']",e.templteEditiorSelector="[data-page-id='cms__template__editor']",e.gridSelector="section[data-div-type='section'] > .wrapper > div[data-div-type='grid']",e.insideGridSelector=".wrapper > div[data-div-type='grid']",e.elementSelector="section[data-div-type='section'] > .wrapper > div[data-div-type='grid'] > div[data-div-type='cms-grid-wrapper'] > div[data-div-type='element']",e.sectionSelector="section[data-div-type='section']",e.layersParentSelector="section[data-div-type='section'] [data-cms-tool='CMS Layers']",e.layersGridSelector="section[data-div-type='section'] [data-cms-tool='CMS Layers'] > .styles__wrapper > div[data-layer-div-type='grid']",e.layersGridElementSelector="section[data-div-type='section'] [data-cms-tool='CMS Layers'] > .styles__wrapper > div[data-layer-div-type='grid'] > div[data-layer-div-type='element']",e.sectionLayersOverlay="[data-div-type = 'section__layers__overlay']",e.gridLayersOverlay="[data-div-type='grid__layers__overlay']",e.iframeRoot="#cms-iframe-root",e.playgroundScroll="playground-srolltop",e.addElementComponentSelector="[data-cms-tool='cms-add-element-component']",e.playgroundWrapper="[data-cms-tool='playground_wrapper']",e.addElementPopup="[data-cms-tool='cms-add-element-popup']",e.addGridButtonSelector="button[data-cms-tool='add-grid-button']"}(k||(k={})),function(e){e.id="data-cms-tool",e.state="data-cms-state",e.style="data-style-id",e.pageId="data-page-id",e.dataDivType="data-div-type",e.dataChildCount="data-child-count",e.dataGridType="data-grid-type",e.dataElementType="data-element-type",e.layerDataDivType="data-layer-div-type",e.layerDataElementType="data-layer-element-type",e.title="data-title",e.layerStyle="data-layer-style-id",e.elementClick="data-has-clicked",e.viewportVisible="data-viewport-visible",e.playgroundScroll="data-playground-scroll",e.viewportVisibleTop="data-viewport-visible-top",e.viewportVisibleRight="data-viewport-visible-right",e.viewportVisibleBottom="data-viewport-visible-bottom",e.viewportVisibleLeft="data-viewport-visible-left"}(H||(H={})),function(e){e.CSS="css",e.TOOL="tool",e.CONTROLS="controls",e.SELECTOR="selector"}(B||(B={})),function(e){e[e.PIXELS=1]="PIXELS",e[e.REM=2]="REM",e[e.EM=3]="EM",e[e.PERCENTAGE=4]="PERCENTAGE",e[e.CUSTOM=5]="CUSTOM"}(G||(G={}));var Y=function(e,t,r,o){return new(r||(r=Promise))((function(n,i){function a(e){try{p(o.next(e))}catch(e){i(e)}}function l(e){try{p(o.throw(e))}catch(e){i(e)}}function p(e){var t;e.done?n(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(a,l)}p((o=o.apply(e,t||[])).next())}))};function V(e,t){var r,o=K(e.base);try{for(o.s();!(r=o.n()).done;)if(r.value.label===t)return"base"}catch(e){o.e(e)}finally{o.f()}var n,i=K(e.accent);try{for(i.s();!(n=i.n()).done;)if(n.value.label===t)return"accent"}catch(e){i.e(e)}finally{i.f()}return null}function F(e){return"rgba(".concat(null==e?void 0:e.r,", ").concat(null==e?void 0:e.g,", ").concat(null==e?void 0:e.b,", ").concat(null==e?void 0:e.a,")")}function X(e,t,r,o){return Y(this,void 0,void 0,U().mark((function n(){var i,a,l,p,u;return U().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return i=e.parentNode,a=e.textContent.substring(0,t),l=e.textContent.substring(t+r),p=document.createTextNode(a),u=document.createTextNode(l),i.insertBefore(p,e),i.insertBefore(o,e),i.insertBefore(u,e.nextSibling),n.next=10,i.removeChild(e);case 10:case"end":return n.stop()}}),n)})))}function $(e){var t=[];if(e.nodeType===Node.TEXT_NODE)t.push(e);else for(var r=e.childNodes,o=0;o<r.length;o++)t=t.concat($(r[o]));return t}function q(e){return e.replace(/-([a-z])/g,(function(e,t){return t.toUpperCase()}))}var Z={fontSize:{px:[12,14,16,18,20,24,30,36,48,60,72],rem:[.75,.875,1,1.125,1.25,1.5,1.875,2.25,3,3.75,4.5]},lineHeight:{px:[18,20,24,28,30,32,38,44,60,72,90],rem:[1.125,1.25,1.5,1.75,1.875,2,2.375,2.75,3.75,4.5,5.625]}},Q=[{id:1,label:"px",value:1},{id:2,label:"rem",value:2},{id:3,label:"em",value:3},{id:4,label:"%",value:4},{id:5,label:"✎",value:5},{id:6,label:"ms",value:6},{id:7,label:"noUnit",value:7}];function J(e){return!(e&&Object.keys(e).length>0)}function ee(e){return!(e&&null!==e)}function te(e){var t="all"===(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"all"),r=document.querySelector(k.iframeSelector),o=null==r?void 0:r.contentDocument;return t?null==o?void 0:o.querySelectorAll("".concat(e)):null==o?void 0:o.querySelector("".concat(e))}var re={ReorderObj:function(e,t){var r={};return t.forEach((function(t){e.hasOwnProperty(t)&&(r[t]=e[t])})),r},reorderSections:function(e,t,r){var o=e[t],n=o.index,i="up"===r?n-1:n+1;if(i>=1&&i<=Object.keys(e).length){var a=Object.keys(e).find((function(t){return e[t].index===i}));return Object.assign(Object.assign({},e),_(_({},t,Object.assign(Object.assign({},o),{index:i})),a,Object.assign(Object.assign({},e[a]),{index:n})))}return e},returnUpdatedButton:function(e,t,r,o){var n={};return Object.keys(e).forEach((function(i){n[i]=Object.assign({},e[i]),Object.keys(e[i].children).forEach((function(a){Object.keys(e[i].children[a].children).forEach((function(l){var p=e[i].children[a].children[l];p.isDirty||p.attributes.datadivtype!==t||(n[i]=Object.assign(Object.assign({},n[i]),{children:Object.assign(Object.assign({},n[i].children),_({},a,Object.assign(Object.assign({},n[i].children[a]),{children:Object.assign(Object.assign({},n[i].children[a].children),_({},l,Object.assign(Object.assign({},n[i].children[a].children[l]),{properties:Object.assign(Object.assign({},n[i].children[a].children[l].properties),r.design),styles:Object.assign(Object.assign({},n[i].children[a].children[l].styles),o)})))})))}))}))}))})),n},getTextValue:function(e,t){if(void 0!==(null==t?void 0:t.type)){if("custom"===t.type)return F(e.customColors.find((function(e){return e.label===t.label})).value.rgb);var r=e.selectedTheme.colors;return F(r[V(r,t.type)].find((function(e){return e.label===t.type})).value.rgb)}return F(t.rgb)},returnFontStyle:function(e,t){var r=["bold","italic","lineThrough","underline"],o=r.findIndex((function(t){return""!==e[t].value}));return-1!==o?r[o]:t},convertToSlug:function(e){return e.toLowerCase().replace(/\s+/g,"-")},convertToCamelCase:function(e){return e.toLowerCase().split(" ").map((function(e,t){return 0===t?e:e.charAt(0).toUpperCase()+e.slice(1)})).join("")},convertIntoNumbers:function(e){var t=e.replace(/[^0-9.]/g,"").replace(/(\..*?)\..*/g,"$1");return""===t?0:parseFloat(t)},convertFormatToMask:function(e,t){return e.find((function(e){return e.value===t})).format.replaceAll("X","9")},convertToNumericValue:function(e){var t=parseInt(e,10);if(isNaN(t))throw new Error("Invalid size: ".concat(e));if(e.includes("vh"))return t/100*window.innerHeight;if(e.includes("px"))return t;throw new Error("Invalid unit in size: ".concat(e))},convertCamelCaseToWords:function(e){return e.replace(/([a-z])([A-Z])/g,"$1 $2").replace(/^\w/,(function(e){return e.toUpperCase()}))},convertAlphaNumericToText:function(e){return e.replace(/([a-zA-Z]+)(\d+)/,"$1 $2")},convertrgbObjToString:F,capitalizeFirstLetter:function(e){return e.charAt(0).toUpperCase()+e.slice(1)},convertStylesToVar:function(e){var t=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return Object.keys(e).reduce((function(r,o){return Object.assign(Object.assign({},r),_({},"--_"+t+o,e[o]))}),{})},r=t(e.defaultState.default),o=t(e.defaultState.text),n={},i={};return e.hoverState&&(e.hoverState.default&&(n=t(e.hoverState.default,"hover-")),e.hoverState.text&&(i=t(e.hoverState.text,"hover-"))),{parent:Object.assign(Object.assign({},r),n),child:Object.assign(Object.assign({},o),i)}},convertUpperCaseToCapitalise:function(e){return e.toLowerCase().replace(/\b\w/g,(function(e){return e.toUpperCase()}))},convertObjectToCssString:function(e){return Object.entries(e).map((function(e){var t=j(e,2),r=t[0],o=t[1];return"".concat(r,": ").concat(""===o?"fontStyle"===r||"fontWeight"===r?"normal":"none":o,";")})).join(" ").replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()},returnColorsArrName:V,convertPagesToDropdownList:function(e){var t=[];return e.forEach((function(e,r){var o={id:r+1,label:e.displayName,value:r+1};t.push(o)})),t},returnTheCharacter:function(e){return Y(this,void 0,void 0,U().mark((function t(){var r,o,n,i,a,l,p,u,c,d,s,y,g,h,S;return U().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(r=window.getSelection(),!(o=null==r?void 0:r.toString())){t.next=36;break}n=null==r?void 0:r.getRangeAt(0),i=n.startContainer,a=n.startOffset,l=$(null==i?void 0:i.parentElement),p=null,u=0,c=K(l),t.prev=10,c.s();case 12:if((d=c.n()).done){t.next=21;break}if(s=d.value,y=s.textContent.length,!(a>=u&&a<=u+y)){t.next=18;break}return p=s,t.abrupt("break",21);case 18:u+=y;case 19:t.next=12;break;case 21:t.next=26;break;case 23:t.prev=23,t.t0=t.catch(10),c.e(t.t0);case 26:return t.prev=26,c.f(),t.finish(26);case 29:return(g=document.createElement("span")).textContent=o,h=Object.keys(e),S=Object.values(e),g.style[h[0]]=S[0],t.next=36,X(p,a,o.length,g);case 36:case"end":return t.stop()}}),t,null,[[10,23,26,29]])})))},generateSpanStylesToProperties:function(e,t){var r=Object.assign({},t),o={};return Object.keys(r).forEach((function(t){var n={};t===q(e[0])?n=Object.assign(Object.assign({},r[t]),{value:e[r[t].property]}):(r[t].property===q(e[0])&&(n=Object.assign(Object.assign({},r[t]),{value:"none"===e[r[t].property]||"normal"===e[r[t].property]?"":e[r[t].property]})),n=r[t]),o[t]=n})),o},checkIfInactiveColorsAndModify:function(e,t){var r=I(t.general),o=I(t.text),n=r.map((function(t){var r=V(e,t.value.value),o=e[r].find((function(e){return e.label===t.value.value}));if(!o.active){var n=re.returnColorsArrName(e,o.value.value),i=e[n].find((function(e){return e.label===o.value.value}));return Object.assign(Object.assign({},t),{value:{value:i.label}})}return Object.assign({},t)})),i=o.map((function(t){var r=V(e,t.value.value),o=e[r].find((function(e){return e.label===t.value.value}));if(!o.active){var n=re.returnColorsArrName(e,o.value.value),i=e[n].find((function(e){return e.label===o.value.value}));return Object.assign(Object.assign({},t),{value:{value:i.label}})}return Object.assign({},t)}));return{general:I(n),text:I(i)}},kebabToCamelCase:q,returnDefaultValue:function(e,t,r,o,n){var i,a,l=Z;if(1===r||2===r){var p=null===(i=null==Q?void 0:Q.find((function(e){return e.value===r})))||void 0===i?void 0:i.label,u=null===(a=null==Q?void 0:Q.find((function(e){return e.value===n})))||void 0===a?void 0:a.label;if(r===n){var c=l.fontSize["".concat(p)].findIndex((function(e){return e===t}));if(-1===c){for(var d=0,s=l.fontSize["".concat(p)].length-1,y=null;d<=s;){var g=Math.floor((d+s)/2);if(l.fontSize["".concat(p)][g]===t)return l.fontSize["".concat(p)][g];l.fontSize["".concat(p)][g]<t?(y=l.fontSize["".concat(p)][g],d=g+1):s=g-1}c=l.fontSize["".concat(p)].findIndex((function(e){return e===y}))}var h=l.lineHeight["".concat(u)][c];return"bool"===e?o===h:{value:h,unit:n}}u=p;var S=l.fontSize["".concat(p)].findIndex((function(e){return e===t}));if(-1===S){for(var v=0,f=l.fontSize["".concat(p)].length-1,T=null;v<=f;){var b=Math.floor((v+f)/2);if(l.fontSize["".concat(p)][b]===t)return l.fontSize["".concat(p)][b];l.fontSize["".concat(p)][b]<t?(T=l.fontSize["".concat(p)][b],v=b+1):f=b-1}S=l.fontSize["".concat(p)].findIndex((function(e){return e===T}))}var m=l.lineHeight["".concat(u)][S];return"bool"===e?o===m:{value:m,unit:r}}return"bool"===e||{}},rgbaToHex:function(e){var t=e.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\)$/);if(!t)return e;var r=parseInt(t[1]),o=parseInt(t[2]),n=parseInt(t[3]),i=1;void 0!==t[4]&&(i=parseFloat(t[4]));var a=r.toString(16).padStart(2,"0"),l=o.toString(16).padStart(2,"0"),p=n.toString(16).padStart(2,"0"),u=Math.round(255*i).toString(16).padStart(2,"0");return"ff"===u?"#".concat(a).concat(l).concat(p):"#".concat(a).concat(l).concat(p).concat(u)},convertToKebabCase:function(e){var t={};return Object.keys(e).forEach((function(r){var o=r.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase();t[o]=e[r]})),t},loadNAppendStyleTag:function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,o=document.querySelector(k.iframeSelector).contentDocument.querySelector(k.templteEditiorSelector);if(o&&null!==o){var n=o.querySelector("[".concat(H.style,'="').concat(t,'"]'));null!==r&&(n=r.querySelector("[".concat(H.layerStyle,'="').concat(t,'"]'))),n&&null!==n&&n.remove(),null===r?o.appendChild(e):r.appendChild(e)}},stylesToString:function(e){return Object.entries(e).map((function(e){var t=j(e,2),r=t[0],o=t[1],n=r.replace(/[A-Z]/g,(function(e){return"-"+e.toLowerCase()}));return"".concat(n,": ").concat(o,";")})).join(" ")},IsObjectNull:J,IsNullOrEmpty:ee,IsArrayOrEmpty:function(e){return!(e&&e.length>0)},removeHyphens:function(e){return null==e?void 0:e.replaceAll("-","")},getCMSElementType:function(e){var t=null;if(!J(e)){var r=null==e?void 0:e.attributes;if(!J(r)){var o=null==r?void 0:r.BUILDER;J(o)||(t=null==o?void 0:o.dataElementType)}}return t},getCMSDataDivType:function(e){var t=null;if(!J(e)){var r=null==e?void 0:e.attributes;if(!J(r)){var o=null==r?void 0:r.BUILDER;J(o)||(t=null==o?void 0:o.dataDivType)}}return t},GetCMSElementBySelector:te,CreateAspectRationNWidthConvertion:function(e,t,r){var o,n,i=parseFloat(t)/parseFloat(e),a=te("#".concat(r),"single"),l=e;if(!ee(a)&&/px/.test(e)){var p=null===(n=null===(o=null==a?void 0:a.parentElement)||void 0===o?void 0:o.parentElement)||void 0===n?void 0:n.getBoundingClientRect();l=parseFloat(e)/(null==p?void 0:p.width)*100}return{width:l,aspectRatio:i}},CSSUnits:Q};const oe=re;var ne,ie=function(){return{minHeight:"0px",height:"auto",minWidth:"0px",maxWidth:"99999px",maxHeight:"99999px",gridArea:"1/1/2/2",display:"grid",boxSizing:"border-box",rowGap:"0px",columnGap:"0px",gridTemplateRows:"auto",gridTemplateColumns:"auto",justifySelf:"center"}},ae=function(){return{minHeight:"0px",height:"auto",minWidth:"0px",maxWidth:"99999px",maxHeight:"99999px",gridArea:"1/1/2/2",display:"grid",boxSizing:"border-box",rowGap:"0px",columnGap:"0px",gridTemplateRows:"auto",gridTemplateColumns:"100%"}},le=function(){return{minHeight:"0px",height:"auto",minWidth:"0px",maxWidth:"99999px",maxHeight:"99999px",gridArea:"1/1/2/2",display:"grid",boxSizing:"border-box",rowGap:"0px",columnGap:"0px",gridTemplateRows:"auto",gridTemplateColumns:"auto"}},pe=function(){return{minHeight:"0px",height:"auto",minWidth:"0px",maxWidth:"99999px",maxHeight:"99999px",gridArea:"1/1/2/2",boxSizing:"border-box",padding:"0px",justifySelf:"start",alignSelf:"start"}},ue={adjustment:{value:"fluid",property:"adjustment",propertyType:B.TOOL},width:{value:"100",property:"width",unit:4,propertyType:B.CSS},height:{value:"100",property:"height",unit:1,propertyType:B.CSS},margin:{isAll:!1,sides:{top:{value:0,unit:1},right:{value:0,unit:1},bottom:{value:0,unit:1},left:{value:0,unit:1}},property:"margin",propertyType:B.CSS},padding:{isAll:!0,sides:{top:{value:0,unit:1},right:{value:0,unit:1},bottom:{value:0,unit:1},left:{value:0,unit:1}},property:"padding",propertyType:B.CSS},overflowContent:{value:"scroll",property:"overflow",propertyType:B.TOOL},scrollDirection:{value:"horizontal",property:"scroll",propertyType:B.TOOL},displayScrollbar:{value:!1,property:"displayScrollbar",propertyType:B.TOOL},positionType:{value:"fixed",property:"position",propertyType:B.TOOL},pinTo:{value:"page",property:"pinTo",propertyType:B.TOOL},backgroundColor:{value:{hex:"#ffffff",rgb:{r:"255",g:"255",b:"255",a:1}},property:"backgroundColor",propertyType:B.CSS},borderColor:{value:{hex:"#ffffff",rgb:{r:"255",g:"255",b:"255",a:1}},property:"borderColor",propertyType:B.CSS},borderStyle:{value:"solid",property:"borderStyle",propertyType:B.CSS},borderPerSlide:{isAll:!0,sides:{top:{value:0,unit:1},right:{value:0,unit:1},bottom:{value:0,unit:1},left:{value:0,unit:1}},property:"borderWidth",propertyType:B.CSS},showBorder:{value:!0,propertyType:B.CONTROLS},showShadow:{value:!0,property:"showBorder",propertyType:B.CONTROLS},shadowColor:{value:{hex:"#000000",rgb:{r:"0",g:"0",b:"0",a:1}},property:"shadowColor",propertyType:B.CSS},angle:{property:"shadowAngle",propertyType:B.CSS,value:{x:{value:0,unit:1},y:{value:0,unit:1}}},spread:{value:0,property:"shadowSpread",unit:1,propertyType:B.CSS},blur:{value:0,property:"shadowBlur",unit:1,propertyType:B.CSS},borderRadius:{isAll:!0,sides:{topLeft:{value:0,unit:1},topRight:{value:0,unit:1},bottomLeft:{value:0,unit:1},bottomRight:{value:0,unit:1}},property:"borderRadius",propertyType:B.CSS},cropRatio:{value:"16:9",propertyType:B.CONTROLS},zoomImage:{value:1,property:"zoomImage",propertyType:B.CSS},exposure:{value:0,propertyType:B.CONTROLS},contrast:{value:0,propertyType:B.CONTROLS},saturation:{value:0,propertyType:B.CONTROLS},temperature:{value:0,propertyType:B.CONTROLS},tint:{value:0,propertyType:B.CONTROLS},highlights:{value:0,propertyType:B.CONTROLS},shadows:{value:0,propertyType:B.CONTROLS},flip:{value:{x:!1,y:!1},property:"flip",propertyType:B.CONTROLS},rotate:{value:0,unit:7,propertyType:B.CONTROLS},font:{value:"Lato",property:"fontFamily",propertyType:B.CSS},fontSize:{value:14,unit:1,property:"fontSize",propertyType:B.CSS},textColor:{value:{hex:"#000000",rgb:{r:"0",g:"0",b:"0",a:1}},property:"color",propertyType:B.CSS},textHighlight:{value:{hex:"#000000",rgb:{r:"0",g:"0",b:"0",a:1}},property:"textHighlight",propertyType:B.CSS},bold:{value:"",property:"fontWeight",propertyType:B.CSS},italic:{value:"",property:"fontStyleItalic",propertyType:B.CSS},linethrough:{value:"",property:"textDecoration",propertyType:B.CSS},underline:{value:"",property:"textDecoration",propertyType:B.CSS},textAlign:{value:"left",property:"textAlign",propertyType:B.CSS},charactorSpacing:{value:0,unit:1,property:"letterSpacing",propertyType:B.CSS},paragraphSpacing:{value:0,unit:1,property:"paragraphSpacing",propertyType:B.CSS},lineHeight:{value:1,unit:2,property:"lineHeight",propertyType:B.CSS},iconSize:{value:26,unit:1,property:"iconSize",propertyType:B.CSS},iconColor:{value:{hex:"#000",rgb:{r:"0",g:"0",b:"0",a:1}},property:"iconColor1",propertyType:B.CSS},showIcon:{value:!0,property:"showIcon",propertyType:B.CONTROLS}};!function(e){e.LAYOUT="layout",e.DESIGN="design"}(ne||(ne={}));var ce,de=function(e){return{layout:{selectorKey:ne.LAYOUT,adjustment:ue.adjustment,width:{fixedWidth:{value:"".concat(e.value),property:"width",unit:parseFloat(null==e?void 0:e.unit)||1,propertyType:B.CSS,isReadOnly:!0},fluidWidth:{value:"100",property:"width",unit:4,propertyType:B.CSS,isReadOnly:!0},value:"100",property:"width",unit:4,propertyType:B.CSS,isReadOnly:!0},height:Object.assign(Object.assign({},ue.height),{isReadOnly:!0}),padding:ue.padding,overflowContent:ue.overflowContent,scrollDirection:ue.scrollDirection,displayScrollbar:ue.displayScrollbar,positionType:ue.positionType,pinTo:ue.pinTo},design:{selectorKey:ne.DESIGN,backgroundColor:ue.backgroundColor,borderColor:ue.borderColor,borderStyle:ue.borderStyle,borderPerSlide:ue.borderPerSlide,showBorder:ue.showBorder,showShadow:ue.showShadow,shadowColor:ue.shadowColor,blur:ue.blur,spread:ue.spread,angle:ue.angle,borderRadius:ue.borderRadius}}},se={onClick:{value:"Show Image Lightbox",propertyType:B.CONTROLS},onHover:{value:"Zoom Image",propertyType:B.CONTROLS},imageRatio:{value:"16:9",property:"aspectRatio",propertyType:B.CSS},fitOptions:{value:"fill",propert:"objectFit",propertyType:B.CSS},horizontalAlignment:{value:"left",propert:"textAlign",propertyType:B.CSS},verticalAlignment:{value:"bottom",propert:"textAlign",propertyType:B.CSS}};!function(e){e.LAYOUT="layout",e.DESIGN="design"}(ce||(ce={}));var ye,ge=function(){return{layout:{selectorKey:ce.LAYOUT,width:Object.assign(Object.assign({},ue.width),{propertyType:B.CONTROLS}),height:Object.assign(Object.assign({},ue.height),{propertyType:B.CONTROLS}),margin:ue.margin,padding:ue.padding,overflowContent:ue.overflowContent,scrollDirection:ue.scrollDirection,displayScrollbar:ue.displayScrollbar,positionType:ue.positionType,pinTo:ue.pinTo,onClick:se.onClick,onHover:se.onHover,imageRatio:se.imageRatio,fitOptions:se.fitOptions,horizontalAlignment:se.horizontalAlignment,verticalAlignment:se.verticalAlignment},design:{selectorKey:ce.DESIGN,cropRatio:ue.cropRatio,zoomImage:ue.zoomImage,flip:ue.flip,rotate:ue.rotate,backgroundColor:ue.backgroundColor,exposure:ue.exposure,contrast:ue.contrast,saturation:ue.saturation,temperature:ue.temperature,tint:ue.tint,highlights:ue.highlights,shadows:ue.shadows,showBorder:ue.showBorder,borderStyle:ue.borderStyle,borderColor:ue.borderColor,borderPerSlide:ue.borderPerSlide,borderRadius:ue.borderRadius,showShadow:ue.showShadow,shadowColor:ue.shadowColor,angle:ue.angle,spread:ue.spread,blur:ue.blur},content:{image:{value:{src:"https://vishnu.sirv.com/image_element.png"},propertyType:B.CONTROLS}}}},he={buttonStyle:{value:"Text",propertyType:B.CONTROLS},buttonText:{value:"Get Started",property:"buttonText",propertyType:B.CONTROLS},buttonIcon:{value:"shopping-cart-01",property:"buttonIcon",propertyType:B.CONTROLS},iconPosition:{value:"left",property:"iconPosition",propertyType:B.CONTROLS},iconAndTextSpacing:{value:10,property:"gap",unit:1,propertyType:B.CSS},alignment:{value:"center",property:"textAlign",propertyType:B.CSS}};!function(e){e.HOVER_STATE="hover",e.DEFAULT_STATE="default",e.LAYOUT="layout",e.DESIGN="design"}(ye||(ye={}));var Se,ve=function(){return{layout:{selectorKey:ye.LAYOUT,width:Object.assign(Object.assign({},ue.width),{value:"200",unit:1}),height:Object.assign(Object.assign({},ue.height),{value:"40",unit:1}),margin:ue.margin,positionType:ue.positionType,pinTo:ue.pinTo,buttonStyle:he.buttonStyle,buttonText:he.buttonText,buttonIcon:he.buttonIcon,iconPosition:he.iconPosition,iconAndTextSpacing:he.iconAndTextSpacing,alignment:he.alignment},design:{selectorKey:ye.DESIGN,defaultState:{selectorKey:ye.DEFAULT_STATE,backgroundColor:ue.backgroundColor,borderColor:ue.borderColor,borderStyle:ue.borderStyle,borderPerSlide:ue.borderPerSlide,showBorder:ue.showBorder,showShadow:ue.showShadow,shadowColor:ue.shadowColor,blur:ue.blur,spread:ue.spread,angle:ue.angle,borderRadius:ue.borderRadius,font:ue.font,fontSize:ue.fontSize,textColor:ue.textColor,bold:ue.bold,italic:ue.italic,linethrough:ue.linethrough,underline:ue.underline,textAlign:ue.textAlign,charactorSpacing:ue.charactorSpacing,lineHeight:ue.lineHeight,showIcon:ue.showIcon,iconSize:ue.iconSize,iconColor:ue.iconColor},hoverState:{selectorKey:ye.HOVER_STATE,borderStyle:Object.assign(Object.assign({},ue.borderStyle),{value:"dotted"}),borderColor:ue.borderColor}},content:{}}},fe={layout:{autoplay:{value:!0,propertyType:B.CONTROLS},showControls:{value:"onHover",propertyType:B.CONTROLS},loopVideo:{value:!0,propertyType:B.CONTROLS},loopCount:{value:4,propertyType:B.CONTROLS}},content:{videoFile:{value:"",propertyType:B.CONTROLS},showVideoTitle:{value:!0,propertyType:B.CONTROLS},videoTitle:{value:"Sample Video",propertyType:B.CONTROLS},showVideoDescription:{value:!0,propertyType:B.CONTROLS},videoDescription:{value:"This section contains the description of the video in this section. Double click to edit the content.",propertyType:B.CONTROLS},showCustomVideoThumbnail:{value:!0,propertyType:B.CONTROLS},thumbnailImage:{value:"",propertyType:B.CONTROLS}},design:{textPosition:{value:"center",property:"textPosition",propertyType:B.CONTROLS},textPositionOnTheImage:{value:"center",property:"textPositionOnTheImage",propertyType:B.CONTROLS},titleAndDescriptionAndAlignment:{value:"center",property:"titleAndDescriptionAndAlignment",propertyType:B.CONTROLS},icon:{value:"",propertyType:B.CONTROLS},iconSize:{value:100,unit:1,property:"iconSize",propertyType:B.CSS},iconColor:{value:{hex:"#BE6C00",rgb:{r:"190",g:"108",b:"0",a:1}},property:"iconColor1",propertyType:B.CSS}}};!function(e){e.LAYOUT="layout",e.DESIGN="design",e.CONTENT="content",e.VIDEO_PLAYER_TEXT="videoPlayerText",e.PLAY_PAUSE="playPause",e.VIDEO="video"}(Se||(Se={}));var Te,be=function(){return{layout:{selectorKey:Se.LAYOUT,width:Object.assign(Object.assign({},ue.width),{value:"300",unit:1}),height:Object.assign(Object.assign({},ue.height),{value:"150",unit:1}),margin:ue.margin,padding:ue.padding,autoplay:fe.layout.autoplay,showControls:fe.layout.showControls,loopVideo:fe.layout.loopVideo,loopCount:fe.layout.loopCount,positionType:ue.positionType,pinTo:ue.pinTo},content:{selectorKey:Se.CONTENT,videoFile:fe.content.videoFile,showVideoTitle:fe.content.showVideoTitle,videoTitle:fe.content.videoTitle,showVideoDescription:fe.content.showVideoDescription,videoDescription:fe.content.videoDescription,showCustomVideoThumbnail:fe.content.showCustomVideoThumbnail,thumbnailImage:fe.content.thumbnailImage},design:{selectorKey:Se.DESIGN,videoPlayerText:{selectorKey:Se.VIDEO_PLAYER_TEXT,textPosition:fe.design.textPosition,textPositionOnTheImage:fe.design.textPositionOnTheImage,titleAndDescriptionAndAlignment:fe.design.titleAndDescriptionAndAlignment},playPause:{selectorKey:Se.PLAY_PAUSE,icon:fe.design.icon,iconSize:fe.design.iconSize,iconColor:fe.design.iconColor},video:{selectorKey:Se.LAYOUT,backgroundColor:ue.backgroundColor,borderColor:ue.borderColor,borderStyle:ue.borderStyle,borderPerSlide:ue.borderPerSlide,showBorder:ue.showBorder,showShadow:ue.showShadow,shadowColor:ue.shadowColor,blur:ue.blur,spread:ue.spread,angle:ue.angle,borderRadius:ue.borderRadius}}}},me={tabPosition:{value:"Horizontal",property:"tabPosition",propertyType:B.CSS},tabLayout:{value:"streched",property:"tabLayout",propertyType:B.CSS},tabAlignment:{value:"center",property:"tabAlignment",propertyType:B.CSS},tabSpacing:{value:90,property:"tabSpacing",propertyType:B.CSS},tabContainer:{value:90,property:"tabContainer",propertyType:B.CSS},horizontalPadding:{value:90,property:"horizontalPadding",propertyType:B.CSS},verticalPadding:{value:90,property:"verticalPadding",propertyType:B.CSS},overflowTabs:{value:"streched",property:"overflowTabs",propertyType:B.CSS},spacingBetweenRows:{value:90,property:"spacingBetweenRows",propertyType:B.CSS},tabContent:{value:["Tab 1","Tab 2"],property:"tabContent",propertyType:B.CSS}},Ce={borderColor:ue.borderColor,borderStyle:ue.borderStyle,borderPerSlide:ue.borderPerSlide,showBorder:ue.showBorder,backgroundColor:ue.backgroundColor,showShadow:ue.showShadow,shadowColor:ue.shadowColor,blur:ue.blur,spread:ue.spread,angle:ue.angle,borderRadius:ue.borderRadius,exposure:ue.exposure,contrast:ue.contrast,saturation:ue.saturation,temperature:ue.temperature,tint:ue.tint,highlights:ue.highlights,shadows:ue.shadows},Oe=function(){return{layout:{adjustment:ue.adjustment,width:ue.width,height:ue.height,margin:ue.margin,padding:ue.padding,overflowContent:ue.overflowContent,scrollDirection:ue.scrollDirection,displayScrollbar:ue.displayScrollbar,positionType:ue.positionType,pinTo:ue.pinTo,tabPosition:me.tabPosition,tabLayout:me.tabLayout,tabAlignment:me.tabAlignment,tabSpacing:me.tabSpacing,tabContainer:me.tabContainer,horizontalPadding:me.horizontalPadding,verticalPadding:me.verticalPadding,overflowTabs:me.overflowTabs,spacingBetweenRows:me.spacingBetweenRows},design:{tabContainer:Ce,tabs:Ce,tabContentContainer:Ce,arrows:Ce},content:{tabContent:me.tabContent}}},we={onClick:{value:"Show Image Lightbox",propertyType:B.CONTROLS},onHover:{value:"Zoom Image",propertyType:B.CONTROLS},imageRatio:{value:"16:9",property:"aspectRatio",propertyType:B.CSS},fitOptions:{value:"fill",propert:"objectFit",propertyType:B.CSS},horizontalAlignment:{value:"left",propert:"textAlign",propertyType:B.CSS},verticalAlignment:{value:"bottom",propert:"textAlign",propertyType:B.CSS}},xe=function(){return{layout:{adjustment:ue.adjustment,width:ue.width,height:ue.height,margin:ue.margin,padding:ue.padding,overflowContent:ue.overflowContent,scrollDirection:ue.scrollDirection,displayScrollbar:ue.displayScrollbar,positionType:ue.positionType,pinTo:ue.pinTo,onClick:we.onClick,onHover:we.onHover,imageRatio:we.imageRatio,fitOptions:we.fitOptions,horizontalAlignment:we.horizontalAlignment,verticalAlignment:we.verticalAlignment},design:{layouter:{backgroundColor:ue.backgroundColor}},content:{url:"https://vishnu.sirv.com/image_element.png"}}},Le={layout:{header:{value:!0,propertyType:B.CONTROLS,property:"header"},headerHeight:{value:0,propertyType:B.CSS,unit:1,property:"headerHeight"},rowHeight:{value:0,propertyType:B.CSS,unit:1,property:"rowHeight"},headerDivider:{value:!0,propertyType:B.CONTROLS,property:"headerDivider"},rowDivider:{value:!0,propertyType:B.CONTROLS,property:"rowDivider"},columnDivider:{value:!0,propertyType:B.CONTROLS,property:"columnDivider"},alternativeRowColors:{value:!0,propertyType:B.CONTROLS,property:"alternativeRowColors"},headerCellPadding:{value:0,propertyType:B.CSS,unit:1,property:"headerCellPadding"},rowCellPadding:{value:0,propertyType:B.CSS,unit:1,property:"rowCellPadding"},contentAlignment:{value:"left",propertyType:B.CSS,property:"contentAlignment"},showMoreRows:{value:"onScroll",propertyType:B.CONTROLS,property:"showMoreRows"},rowsPerPage:{value:5,propertyType:B.CONTROLS,property:"rowsPerPage"},paginationType:{value:"arrows",propertyType:B.CONTROLS,property:"paginationType"},paginationAlignment:{value:"center",propertyType:B.CSS,property:"paginationAlignment"},noOfItemsToLoad:{value:"allItems",propertyType:B.CONTROLS,property:"noOfItemsToLoad"}},content:{showTitle:{value:!0,propertyType:B.CONTROLS,property:"showTitle"},tableTitle:{value:"Your Quota",propertyType:B.CONTROLS,property:"tableTitle"},connectWith:{value:"static",propertyType:B.CONTROLS,property:"static"},columns:{value:[{columnId:1,columnTitle:"Name",columnMapsTo:"name"},{columnId:2,columnTitle:"Email",columnMapsTo:"email"},{columnId:3,columnTitle:"Address",columnMapsTo:"address"}],propertyType:B.CONTROLS,property:"columns"},rows:{value:[{rowId:1,name:"Venkatesh",email:"venkatesh@gmail.com",address:"Hyderabad"},{rowId:2,name:"John",email:"john@gmail.com",address:"Vijayawada"},{rowId:3,name:"Priya",email:"priya@gmail.com",address:"Delhi"},{rowId:4,name:"Krish",email:"krish@gmail.com",address:"Pune"}],propertyType:B.CONTROLS,property:"rows"}},design:{table:{borderColor:{value:{hex:"#667085",rgb:{r:"102",g:"112",b:"133",a:1}},property:"borderColor",propertyType:B.CSS},borderStyle:{value:"solid",property:"borderStyle",propertyType:B.CSS},borderPerSlide:{isAll:!0,sides:{top:{value:1,unit:1},right:{value:1,unit:1},bottom:{value:1,unit:1},left:{value:1,unit:1}},property:"borderWidth",propertyType:B.CSS}},headerText:{font:{value:"lato",propertyType:B.CONTROLS},fontSize:{value:"32",propertyType:B.CSS,unit:1},textColor:{value:"#BE6C00",propertyType:B.CSS},textHighlight:{value:"#BE6C00",propertyType:B.CSS},characterSpacing:{value:"32",propertyType:B.CSS,unit:1},defaultCharacterSpacing:{value:"32",propertyType:B.CSS,unit:1},lineHeight:{value:"32",propertyType:B.CSS,unit:1},paragraphSpacing:{value:"32",propertyType:B.CSS,unit:1}},rowText:{font:{value:"lato",propertyType:B.CSS},fontSize:{value:"32",propertyType:B.CONTROLS,unit:1},textColor:{value:"#BE6C00",propertyType:B.CSS},textHighlight:{value:"#BE6C00",propertyType:B.CSS},characterSpacing:{value:"32",propertyType:B.CSS,unit:1},lineHeight:{value:"32",propertyType:B.CSS,unit:1},paragraphSpacing:{value:"32",propertyType:B.CSS,unit:1}},scrollBar:{scrollBarWidth:{value:"5",propertyType:B.CSS,unit:1,property:"scrollBarWidth"},scrollBarColor:{value:{hex:"#BE6C00",rgb:{r:"190",g:"108",b:"0",a:1}},property:"scrollBarColor",propertyType:B.CSS}},pagination:{pagination:{value:"defaultState",propertyType:B.CONTROLS},paginationStyle:{value:"dotted",propertyType:B.CONTROLS},arrowIconStyle:{value:"Content 1",propertyType:B.CONTROLS},arrowSize:{value:"32",propertyType:B.CSS,unit:1},arrowColor:{value:"#BE6C00",propertyType:B.CSS},backgroundShape:{value:"circle",propertyType:B.CONTROLS},backgroundColor:{value:"#BE6C00",propertyType:B.CSS},font:{value:"lato",propertyType:B.CSS},fontSize:{value:"32",propertyType:B.CSS,unit:1},textColor:{value:"#BE6C00",propertyType:B.CSS},textHighlight:{value:"#BE6C00",propertyType:B.CSS},hoverBackgroundShape:{value:"circle",propertyType:B.CSS},hoverBackgroundColor:{value:"#BE6C00",propertyType:B.CSS},hoverFont:{value:"lato",propertyType:B.CSS},hoverFontSize:{value:"#BE6C00",propertyType:B.CSS,unit:1},hoverTextColor:{value:"#BE6C00",propertyType:B.CSS},hoverTextHighlight:{value:"#BE6C00",propertyType:B.CSS},icon:{value:"",propertyType:B.CONTROLS},iconSize:{value:"30",propertyType:B.CSS,unit:1,property:"iconSize"},iconColor:{value:{hex:"#BE6C00",rgb:{r:"190",g:"108",b:"0",a:1}},property:"iconColor1",propertyType:B.CSS}}}};!function(e){e.LAYOUT="layout",e.CONTENT="content",e.DESIGN="design",e.TABLE_WIDGET="tableWidget",e.TABLE="table",e.TABLE_HEADER="tableHeader",e.HEADER_TEXT="headerText",e.TABLE_ROW="tableRow",e.ROW_TEXT="rowText",e.ROW_AND_HEADER_DIVIDER="rowAndHeaderDividers",e.SCROLL_BAR="scrollBar",e.PAGINATION="pagination",e.LOAD_MORE_BUTTON="loadMoreButton"}(Te||(Te={}));var Ae,Re=function(){return{layout:{selectorKey:Te.LAYOUT,width:Object.assign(Object.assign({},ue.width),{value:"300",unit:1}),height:Object.assign(Object.assign({},ue.height),{value:"150",unit:1}),margin:ue.margin,padding:ue.padding,header:Le.layout.header,headerHeight:Le.layout.headerHeight,rowHeight:Le.layout.rowHeight,headerDivider:Le.layout.headerDivider,rowDivider:Le.layout.rowDivider,columnDivider:Le.layout.columnDivider,alternativeRowColors:Le.layout.alternativeRowColors,headerCellPadding:Le.layout.headerCellPadding,rowCellPadding:Le.layout.rowCellPadding,contentAlignment:Le.layout.contentAlignment,showMoreRows:Le.layout.showMoreRows,rowsPerPage:Le.layout.rowsPerPage,paginationType:Le.layout.paginationType,paginationAlignment:Le.layout.paginationAlignment,noOfItemsToLoad:Le.layout.noOfItemsToLoad},content:{selectorKey:Te.CONTENT,showTitle:Le.content.showTitle,tableTitle:Le.content.tableTitle,connectWith:Le.content.connectWith,columns:Le.content.columns,rows:Le.content.rows},design:{selectorKey:Te.DESIGN,tableWidget:{selectorKey:Te.TABLE_WIDGET,backgroundColor:ue.backgroundColor,borderColor:ue.borderColor,borderStyle:ue.borderStyle,borderPerSlide:ue.borderPerSlide,showBorder:ue.showBorder,showShadow:ue.showShadow,shadowColor:ue.shadowColor,blur:ue.blur,spread:ue.spread,angle:ue.angle,borderRadius:ue.borderRadius},table:{selectorKey:Te.TABLE,showBorder:ue.showBorder,borderStyle:Le.design.table.borderStyle,borderColor:Le.design.table.borderColor,borderPerSlide:Le.design.table.borderPerSlide,borderRadius:ue.borderRadius,showShadow:ue.showShadow,shadowColor:ue.shadowColor,angle:ue.angle,spread:ue.spread,blur:ue.blur},tableHeader:{selectorKey:Te.TABLE_HEADER,backgroundColor:ue.backgroundColor},headerText:{selectorKey:Te.HEADER_TEXT,font:ue.font,fontSize:ue.fontSize,textColor:ue.textColor,bold:ue.bold,italic:ue.italic,linethrough:ue.linethrough,underline:ue.underline,textAlign:ue.textAlign,charactorSpacing:ue.charactorSpacing,lineHeight:ue.lineHeight},tableRow:{selectorKey:Te.TABLE_ROW,backgroundColor:ue.backgroundColor},rowText:{selectorKey:Te.ROW_TEXT,font:ue.font,fontSize:ue.fontSize,textColor:ue.textColor,bold:ue.bold,italic:ue.italic,linethrough:ue.linethrough,underline:ue.underline,textAlign:ue.textAlign,charactorSpacing:ue.charactorSpacing,lineHeight:ue.lineHeight},rowAndHeaderDividers:{selectorKey:Te.ROW_AND_HEADER_DIVIDER,headerDivider:Le.design.table.borderColor,rowDivider:Le.design.table.borderColor},scrollBar:{selectorKey:Te.SCROLL_BAR,scrollBarWidth:Le.design.scrollBar.scrollBarWidth,scrollBarColor:Le.design.scrollBar.scrollBarColor},pagination:{selectorKey:Te.PAGINATION,font:ue.font,fontSize:ue.fontSize,textColor:ue.textColor,bold:ue.bold,italic:ue.italic,linethrough:ue.linethrough,underline:ue.underline,textAlign:ue.textAlign,charactorSpacing:ue.charactorSpacing,lineHeight:ue.lineHeight,icon:Le.design.pagination.icon,iconSize:Le.design.pagination.iconSize,iconColor:Le.design.pagination.iconColor,backgroundShape:Le.design.pagination.backgroundShape,backgroundColor:ue.backgroundColor,pagination:Le.design.pagination.pagination},loadMoreButton:{selectorKey:Te.LOAD_MORE_BUTTON,backgroundColor:ue.backgroundColor,borderColor:ue.borderColor,borderStyle:ue.borderStyle,borderPerSlide:ue.borderPerSlide,showBorder:ue.showBorder,showShadow:ue.showShadow,shadowColor:ue.shadowColor,blur:ue.blur,spread:ue.spread,angle:ue.angle,borderRadius:ue.borderRadius,font:ue.font,fontSize:ue.fontSize,textColor:ue.textColor,bold:ue.bold,italic:ue.italic,linethrough:ue.linethrough,underline:ue.underline,textAlign:ue.textAlign,charactorSpacing:ue.charactorSpacing,lineHeight:ue.lineHeight}}}},Ee={displayStyle:{value:"Slider",propertyType:B.CONTROLS},itemsPerSlide:{value:1,unit:7,property:"itemsPerSlide",propertyType:B.CSS},itemGap:{value:"0",property:"itemGap",unit:1,propertyType:B.CSS},rowGap:{value:"0",property:"rowGap",unit:4,propertyType:B.CSS},sliderControl:{value:"Arrows",propertyType:B.CONTROLS},controlPosition:{value:"Side-Overflow",propertyType:B.CONTROLS},loopImages:{value:!1,propertyType:B.CONTROLS},sliderDisplayScrollbar:{value:!1,propertyType:B.CONTROLS},autoplay:{value:!1,propertyType:B.CONTROLS},autoplayStyle:{value:"Intervals",propertyType:B.CONTROLS},autoplayDuration:{value:3e3,unit:6,propertyType:B.CONTROLS},sliderSpeed:{value:3e3,unit:6,propertyType:B.CONTROLS},showGalleryTitle:{value:!1,propertyType:B.CONTROLS},galleryTitle:{value:"",propertyType:B.CONTROLS},showGalleryDescription:{value:!1,propertyType:B.CONTROLS},galleryDescription:{value:"",propertyType:B.CONTROLS},showItemTitle:{value:!1,propertyType:B.CONTROLS},showItemDescription:{value:!1,propertyType:B.CONTROLS},allowLinkToOtherPage:{value:!1,propertyType:B.CONTROLS},slides:{value:[{src:"https://vishnu.sirv.com/image_element.png",alt:"Place holder image",title:"",description:""},{src:"https://vishnu.sirv.com/New%20folder/newton-s-cradle-balls-sphere-action-60582.webp",alt:"Place holder image",title:"",description:""},{src:"https://vishnu.sirv.com/New%20folder/art-2.jfif",alt:"Place holder image",title:"",description:""}],propertyType:B.CONTROLS},galleryTextAndItemAlignment:{value:"left",property:"align",propertyType:B.CSS},galleryTextAndItemSpacing:{value:20,property:"textAndItemSpacing",unit:1,propertyType:B.CSS},galleryTextAndDescriptionSpacing:{value:20,property:"textAndDescriptionSpacing",unit:1,propertyType:B.CSS},imageRatio:{value:"16:9",property:"aspectRatio",propertyType:B.CSS},fitOptions:{value:"fill",property:"objectFit",propertyType:B.CSS},textLayout:{value:"fill",property:"objectFit",propertyType:B.CSS},itemTitleAndDescriptionAlignment:{value:"left",property:"align",propertyType:B.CSS},textVerticalPadding:{value:20,property:"gap",unit:1,propertyType:B.CSS},texHorizontalPadding:{value:20,property:"gap",unit:1,propertyType:B.CSS},titleAndDescriptionSpacing:{value:20,property:"gap",unit:1,propertyType:B.CSS},arrowIconStyle:{value:"chevron-right",propertyType:B.CONTROLS},backgroundShape:{value:"Round",propertyType:B.CONTROLS},arrowSize:{value:20,property:"arrowSize",unit:1,propertyType:B.CSS},arrowColor:{value:{hex:"#000000",rgb:{r:"0",g:"0",b:"0",a:1}},property:"arrowColor",propertyType:B.CSS},dotSize:{value:8,property:"dotSize",unit:1,propertyType:B.CSS},currentDotColor:{value:{hex:"#ffffff",rgb:{r:"255",g:"255",b:"255",a:1}},property:"currentDotColor",propertyType:B.CSS},otherDotColor:{value:{hex:"#667085",rgb:{r:"102",g:"112",b:"133",a:1}},property:"otherDotColor",propertyType:B.CSS},currentLineColor:{value:{hex:"#ffffff",rgb:{r:"255",g:"255",b:"255",a:1}},property:"currentLineColor",propertyType:B.CSS},otherLineColor:{value:{hex:"#667085",rgb:{r:"102",g:"112",b:"133",a:1}},property:"otherLineColor",propertyType:B.CSS},lineHeight:{value:7,property:"lineHeight",unit:1,propertyType:B.CSS},lineWidth:{value:36,property:"lineWidth",unit:1,propertyType:B.CSS}};!function(e){e.LAYOUT="layout",e.DESIGN="design",e.GALLERY_WIDGET_STYLE="gallery-widget-style",e.GALLERY_LAYOUT="gallery-layout",e.ITEM_STYLE="item-style",e.PAGINATION_ARROWS="pagination-arrows",e.PAGINATION_DOTS="pagination-dots",e.PAGINATION_LINE="pagination-lines"}(Ae||(Ae={}));var Ne,De=function(){return{layout:{selectorKey:Ae.LAYOUT,width:Object.assign(Object.assign({},ue.width),{value:"400",unit:1}),height:Object.assign(Object.assign({},ue.height),{value:"auto",unit:G.CUSTOM}),margin:ue.margin,padding:ue.padding,overflowContent:ue.overflowContent,scrollDirection:ue.scrollDirection,displayScrollbar:ue.displayScrollbar,positionType:ue.positionType,pinTo:ue.pinTo,displayStyle:Ee.displayStyle,itemsPerSlide:Ee.itemsPerSlide,itemGap:Ee.itemGap,rowGap:Ee.rowGap,sliderControl:Ee.sliderControl,controlPosition:Ee.controlPosition,loopImages:Ee.loopImages,sliderDisplayScrollbar:Ee.sliderDisplayScrollbar,autoplay:Ee.autoplay,autoplayStyle:Ee.autoplayStyle,autoplayDuration:Ee.autoplayDuration,sliderSpeed:Ee.sliderSpeed},content:{showGalleryTitle:Ee.showGalleryTitle,galleryTitle:Ee.galleryTitle,showGalleryDescription:Ee.showGalleryDescription,galleryDescription:Ee.galleryDescription,showItemTitle:Ee.showItemTitle,showItemDescription:Ee.showItemDescription,allowLinkToOtherPage:Ee.allowLinkToOtherPage,slides:Ee.slides},design:{selectorKey:Ae.DESIGN,galleryWidgetStyle:{selectorKey:Ae.GALLERY_WIDGET_STYLE,backgroundColor:ue.backgroundColor,borderColor:ue.borderColor,borderStyle:ue.borderStyle,borderPerSlide:ue.borderPerSlide,showBorder:ue.showBorder,showShadow:ue.showShadow,shadowColor:ue.shadowColor,blur:ue.blur,spread:ue.spread,angle:ue.angle,borderRadius:ue.borderRadius},galleryLayout:{selectorKey:Ae.GALLERY_LAYOUT,galleryTextAndItemAlignment:Ee.galleryTextAndItemAlignment,galleryTextAndItemSpacing:Ee.galleryTextAndItemSpacing,galleryTitleAndDescriptionSpacing:Ee.galleryTextAndDescriptionSpacing},itemStyle:{selectorKey:Ae.ITEM_STYLE,imageRatio:Ee.imageRatio,fitOptions:Ee.fitOptions,textLayout:Ee.textLayout,itemTitleAndDescriptionAlignment:Ee.itemTitleAndDescriptionAlignment,textVerticalPadding:Ee.textVerticalPadding,texHorizontalPadding:Ee.texHorizontalPadding,titleAndDescriptionSpacing:Ee.titleAndDescriptionSpacing},paginationArrows:{selectorKey:Ae.PAGINATION_ARROWS,arrowIconStyle:Ee.arrowIconStyle,backgroundShape:Ee.backgroundShape,arrowSize:Ee.arrowSize,arrowColor:Ee.arrowColor},paginationDots:{selectorKey:Ae.PAGINATION_DOTS,dotSize:Ee.dotSize,currentDotColor:Ee.currentDotColor,otherDotColor:Ee.otherDotColor},paginationLine:{selectorKey:Ae.PAGINATION_LINE,currentLineColor:Ee.currentLineColor,otherLineColor:Ee.otherLineColor,lineHeight:Ee.lineHeight,lineWidth:Ee.lineWidth}}}},Ie={layout:{alignment:{value:"horizontal",propertyType:B.CONTROLS},itemSpacing:{value:"10",propertyType:B.CSS,unit:1,property:"itemSpacing"},iconSize:{value:"30",propertyType:B.CSS,unit:1,property:"iconSize"}},content:{website:{value:!0,propertyType:B.CONTROLS},websiteUrl:{value:"https://www.sellerscommerce.com/",propertyType:B.CONTROLS},instagram:{value:!0,propertyType:B.CONTROLS},instagramUrl:{value:"https://instagram.com",propertyType:B.CONTROLS},facebook:{value:!0,propertyType:B.CONTROLS},facebookUrl:{value:"https://facebook.com",propertyType:B.CONTROLS},linkedIn:{value:!1,propertyType:B.CONTROLS},linkedInUrl:{value:"",propertyType:B.CONTROLS},twitter:{value:!0,propertyType:B.CONTROLS},twitterUrl:{value:"https://x.com/",propertyType:B.CONTROLS},amazon:{value:!0,propertyType:B.CONTROLS},amazonUrl:{value:"https://amazon.com",propertyType:B.CONTROLS}},design:{icon:{value:"",propertyType:B.CONTROLS},designiconSize:{value:"30",propertyType:B.CSS,unit:1,property:"iconSize"},iconColor:{value:{hex:"#BE6C00",rgb:{r:"190",g:"108",b:"0",a:1}},property:"iconColor1",propertyType:B.CSS}}};!function(e){e.LAYOUT="layout",e.DESIGN="design",e.CONTENT="content",e.FILL_AND_BACKGROUND="fillAndBackground",e.ICON_STYLE="iconStyle"}(Ne||(Ne={}));var je,Pe=function(){return{layout:{selectorKey:Ne.LAYOUT,width:Object.assign(Object.assign({},ue.width),{value:"250",unit:1}),height:Object.assign(Object.assign({},ue.height),{value:"50",unit:1}),margin:ue.margin,padding:ue.padding,alignment:Ie.layout.alignment,itemSpacing:Ie.layout.itemSpacing,positionType:ue.positionType,pinTo:ue.pinTo},content:{selectorKey:Ne.CONTENT,website:Ie.content.website,websiteUrl:Ie.content.websiteUrl,instagram:Ie.content.instagram,instagramUrl:Ie.content.instagramUrl,linkedIn:Ie.content.linkedIn,linkedInUrl:Ie.content.linkedInUrl,facebook:Ie.content.facebook,facebookUrl:Ie.content.facebookUrl,amazon:Ie.content.amazon,amazonUrl:Ie.content.amazonUrl,twitter:Ie.content.twitter,twitterUrl:Ie.content.twitterUrl},design:{selectorKey:Ne.DESIGN,fillAndBackground:{selectorKey:Ne.LAYOUT,backgroundColor:ue.backgroundColor},iconStyle:{selectorKey:Ne.ICON_STYLE,icon:Ie.design.icon,iconSize:Ie.design.designiconSize,iconColor:Ie.design.iconColor}}}},_e={expandFirstItemByDefault:{value:!1,propertyType:B.CONTROLS},allowMultipleOpenItems:{value:!1,propertyType:B.CONTROLS},itemDividers:{value:!1,propertyType:B.CONTROLS},iconPosition:{value:"Right",propertyType:B.CONTROLS},accordionsList:{value:[{title:"What is your return policy?",description:"You can return any item within 30 days of purchase for a full refund. Please ensure the item is in its original condition."},{title:"How can I track my order?",description:"Once your order is shipped, you will receive an email with the tracking number. You can use this number on our website to track your order."},{title:"Do you offer international shipping?",description:"Yes, we offer international shipping to many countries. Shipping fees and delivery times vary depending on the destination."},{title:"How can I contact customer service?",description:"You can contact our customer service team via email at support@example.com or call us at 1-800-123-4567. Our team is available Monday to Friday, 9 AM to 5 PM."},{title:"What payment methods do you accept?",description:"We accept all major credit cards, PayPal, and Apple Pay. You can select your preferred payment method at checkout."}],propertyType:B.CONTROLS}};!function(e){e.LAYOUT="layout",e.DESIGN="design",e.FAQ_WIDGET="faqWidget",e.TITLE_TEXT="titleText",e.DESCRIPTION_TEXT="DescriptionText",e.ICON="icon",e.DIVIDER="divider"}(je||(je={}));var ze,ke=function(){return{layout:{selectorKey:je.LAYOUT,width:ue.width,height:Object.assign(Object.assign({},ue.height),{value:"auto",unit:G.CUSTOM}),margin:ue.margin,padding:ue.padding,positionType:ue.positionType,pinTo:ue.pinTo,expandFirstItemByDefault:_e.expandFirstItemByDefault,allowMultipleOpenItems:_e.allowMultipleOpenItems,itemDividers:_e.itemDividers,iconPosition:_e.iconPosition},content:{accordionsList:_e.accordionsList},design:{selectorKey:je.DESIGN,faqWidget:{selectorKey:je.FAQ_WIDGET,backgroundColor:ue.backgroundColor,borderColor:ue.borderColor,borderStyle:ue.borderStyle,borderPerSlide:ue.borderPerSlide,showBorder:ue.showBorder,showShadow:ue.showShadow,shadowColor:ue.shadowColor,blur:ue.blur,spread:ue.spread,angle:ue.angle,borderRadius:ue.borderRadius},titleText:{selectorKey:je.TITLE_TEXT,font:ue.font,fontSize:ue.fontSize,textColor:ue.textColor,textHighlight:ue.textHighlight,bold:ue.bold,italic:ue.italic,linethrough:ue.linethrough,underline:ue.underline,charactorSpacing:ue.charactorSpacing,lineHeight:ue.lineHeight,paragraphSpacing:ue.paragraphSpacing},descriptionText:{selectorKey:je.DESCRIPTION_TEXT,font:ue.font,fontSize:ue.fontSize,textColor:ue.textColor,textHighlight:ue.textHighlight,bold:ue.bold,italic:ue.italic,linethrough:ue.linethrough,underline:ue.underline,charactorSpacing:ue.charactorSpacing,lineHeight:ue.lineHeight,paragraphSpacing:ue.paragraphSpacing},icon:{selectorKey:je.ICON,showIcon:ue.showIcon,iconSize:ue.iconSize,iconColor:ue.iconColor},divider:{selectorKey:je.DIVIDER,dividerColor:ue.backgroundColor}}}};!function(e){e.LAYOUT="layout",e.DESIGN="design"}(ze||(ze={}));var He=function(){return{layout:{selectorKey:ze.LAYOUT,width:ue.width,height:ue.height,margin:ue.margin,padding:ue.padding,overflowContent:ue.overflowContent,scrollDirection:ue.scrollDirection,displayScrollbar:ue.displayScrollbar,positionType:ue.positionType,pinTo:ue.pinTo},design:{selectorKey:ze.DESIGN,backgroundColor:ue.backgroundColor,borderColor:ue.borderColor,borderStyle:ue.borderStyle,borderPerSlide:ue.borderPerSlide,showBorder:ue.showBorder,showShadow:ue.showShadow,shadowColor:ue.shadowColor,blur:ue.blur,spread:ue.spread,angle:ue.angle,borderRadius:ue.borderRadius}}},Be=function(){return{minHeight:"0px",height:"auto",minWidth:"0px",maxWidth:"99999px",maxHeight:"99999px",gridArea:"1/1/2/2",boxSizing:"border-box",padding:"0px",marginLeft:"0%",marginTop:"0%",marginBottom:"0%",marginRight:"0%",justifySelf:"start",alignSelf:"start"}},Ge=function(){return{minHeight:"0px",height:"auto",minWidth:"0px",maxWidth:"99999px",maxHeight:"99999px",boxSizing:"border-box",gridArea:"1/1/2/2",padding:"0px",marginLeft:"0%",marginTop:"0%",marginBottom:"0%",marginRight:"0%",justifySelf:"start",alignSelf:"start"}},We=function(){return{minHeight:"0px",height:"auto",minWidth:"0px",maxWidth:"99999px",maxHeight:"99999px",boxSizing:"border-box",gridArea:"1/1/2/2",padding:"0px",marginLeft:"0%",marginTop:"0%",marginBottom:"0%",marginRight:"0%",justifySelf:"start",alignSelf:"start"}},Ue=function(){return{minHeight:"0px",height:"auto",minWidth:"0px",maxWidth:"99999px",maxHeight:"99999px",gridArea:"1/1/2/2",boxSizing:"border-box",padding:"0px",justifySelf:"start",alignSelf:"start"}},Ke=function(){return{minHeight:"0px",height:"auto",minWidth:"0px",maxWidth:"99999px",maxHeight:"99999px",gridArea:"1/1/2/2",boxSizing:"border-box",padding:"0px",justifySelf:"start",alignSelf:"start"}},Me=function(){return{minHeight:"0px",height:"auto",minWidth:"0px",maxWidth:"99999px",maxHeight:"99999px",gridArea:"1/1/2/2",boxSizing:"border-box",padding:"0px",marginLeft:"0%",marginTop:"0%",marginBottom:"0%",marginRight:"0%",justifySelf:"start",alignSelf:"start"}},Ye=function(){return{minHeight:"0px",height:"auto",minWidth:"0px",maxWidth:"99999px",maxHeight:"99999px",boxSizing:"border-box",gridArea:"1/1/2/2",padding:"0px",marginLeft:"0%",marginTop:"0%",marginBottom:"0%",marginRight:"0%",justifySelf:"start",alignSelf:"start"}},Ve=function(){return{minHeight:"0px",height:"auto",minWidth:"0px",maxWidth:"99999px",maxHeight:"99999px",gridArea:"1/1/2/2",boxSizing:"border-box",padding:"0px",justifySelf:"start",alignSelf:"start"}},Fe=function(){return{minHeight:"0px",height:"auto",minWidth:"0px",maxWidth:"99999px",maxHeight:"99999px",gridArea:"1/1/2/2",display:"grid",boxSizing:"border-box",rowGap:"0px",columnGap:"0px",gridTemplateRows:"auto",gridTemplateColumns:"auto",justifySelf:"center"}},Xe=function(){return{minHeight:"0px",height:"auto",minWidth:"0px",maxWidth:"99999px",maxHeight:"99999px",gridArea:"1/1/2/2",display:"grid",boxSizing:"border-box",rowGap:"0px",columnGap:"0px",gridTemplateRows:"auto",gridTemplateColumns:"100%"}}})(),o})()));
|
package/dist/button.scss
ADDED
|
@@ -0,0 +1,139 @@
|
|
|
1
|
+
@use "sass:map";
|
|
2
|
+
@use "sass:list";
|
|
3
|
+
|
|
4
|
+
[data-div-type="element"] {
|
|
5
|
+
&[data-element-type="button"] {
|
|
6
|
+
width: var(--_sf-nw-wh, var(--_tst-lt-wh));
|
|
7
|
+
margin: var(--_ctm-lt-mn, --_tst-lt-mn);
|
|
8
|
+
aspect-ratio: 1 / var(--_sf-aspect-ratio);
|
|
9
|
+
|
|
10
|
+
& > .wrapper {
|
|
11
|
+
// width: 100%;
|
|
12
|
+
// height: 100%;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
&[data-show-shadow="false"] {
|
|
16
|
+
--_show-shadow: none;
|
|
17
|
+
}
|
|
18
|
+
&[data-icon-position="left"] {
|
|
19
|
+
--_sf-fd-bn: row;
|
|
20
|
+
}
|
|
21
|
+
&[data-icon-position="right"] {
|
|
22
|
+
--_sf-fd-bn: row-reverse;
|
|
23
|
+
}
|
|
24
|
+
&[data-icon-position="center"] {
|
|
25
|
+
--_sf-fd-bn: row;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
&:hover {
|
|
29
|
+
--_sf-hr-bd-cr: var(--_ctm-dn-hr-se-bd-cr, var(--_tst-dn-hr-se-bd-cr));
|
|
30
|
+
--_sf-hr-br-cr: var(--_ctm-dn-hr-se-br-cr, var(--_tst-dn-hr-se-br-cr));
|
|
31
|
+
--_sf-hr-br-st: var(--_ctm-dn-hr-se-br-se, var(--_tst-dn-hr-se-br-se));
|
|
32
|
+
--_sf-hr-br-wt: var(--_ctm-dn-hr-se-br-wh, var(--_tst-dn-hr-se-br-wh));
|
|
33
|
+
--_sf-hr-br-br: var(--_ctm-dn-hr-se-br-rs, var(--_tst-dn-hr-se-br-rs));
|
|
34
|
+
--_sf-hr-bx-sw: var(--_ctm-dn-hr-se-sw-ae, var(--_tst-dn-hr-se-sw-ae))
|
|
35
|
+
var(--_ctm-dn-hr-se-sw-br, var(--_tst-dn-hr-se-sw-br))
|
|
36
|
+
var(--_ctm-dn-hr-se-sw-sd, var(--_tst-dn-hr-se-sw-sd))
|
|
37
|
+
var(--_ctm-dn-hr-se-sw-cr, var(--_tst-dn-hr-se-sw-cr));
|
|
38
|
+
|
|
39
|
+
--_sf-hr-fc: var(--_ctm-dn-hr-se-cr, var(--_tst-dn-hr-se-cr));
|
|
40
|
+
--_sf-hr-ff: var(--_ctm-dn-hr-se-ft-fy, var(--_tst-dn-hr-se-ft-fy));
|
|
41
|
+
--_sf-hr-fs: var(--_ctm-dn-hr-se-ft-se, var(--_tst-dn-hr-se-ft-se));
|
|
42
|
+
--_sf-hr-fw: var(--_ctm-dn-hr-se-ft-wt, var(--_tst-dn-hr-se-ft-wt));
|
|
43
|
+
--_sf-hr-ft: var(--_ctm-dn-hr-se-ft-se-ic, var(--_tst-dn-hr-se-ft-se-ic));
|
|
44
|
+
--_sf-hr-ta: var(--_ctm-dn-hr-se-tt-an, var(--_tst-dn-hr-se-tt-an));
|
|
45
|
+
--_sf-hr-ls: var(--_ctm-dn-hr-se-lr-sg, var(--_tst-dn-hr-se-lr-sg));
|
|
46
|
+
--_sf-hr-lh: var(--_ctm-dn-hr-se-le-ht, var(--_tst-dn-hr-se-le-ht));
|
|
47
|
+
|
|
48
|
+
--_sf-hr-ic-wt: var(--_ctm-dn-hr-se-in-se, var(--_tst-dn-hr-se-in-se));
|
|
49
|
+
--_sf-hr-ic-ht: var(--_ctm-dn-hr-se-in-se, var(--_tst-dn-hr-se-in-se));
|
|
50
|
+
--_sf-hr-ic-st: var(--_ctm-dn-hr-se-in-c1, var(--_tst-dn-hr-se-in-c1));
|
|
51
|
+
|
|
52
|
+
&[data-hover-show-shadow="false"] {
|
|
53
|
+
--_hover-show-shadow: none;
|
|
54
|
+
}
|
|
55
|
+
&[data-hover-show-icon="false"] {
|
|
56
|
+
--_hover-show-icon: none;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
&[data-show-icon="false"] {
|
|
60
|
+
--_show-icon: none;
|
|
61
|
+
}
|
|
62
|
+
&[data-element-style="Icon"] {
|
|
63
|
+
&[data-icon-position="left"] {
|
|
64
|
+
--_sf-jc: start;
|
|
65
|
+
}
|
|
66
|
+
&[data-icon-position="right"] {
|
|
67
|
+
--_sf-jc: end;
|
|
68
|
+
}
|
|
69
|
+
&[data-icon-position="center"] {
|
|
70
|
+
--_sf-jc: center;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.btn__with__text {
|
|
75
|
+
background-color: var(--_sf-hr-bd-cr, var(--_ctm-dn-dt-se-bd-cr, var(--_tst-dn-dt-se-bd-cr)));
|
|
76
|
+
// padding: var(--_ctm-lt-pg, var(--_tst-lt-pg));
|
|
77
|
+
padding: var(--_sf-element-vt-pd) var(--_sf-element-hr-pd);
|
|
78
|
+
display: flex;
|
|
79
|
+
flex-direction: var(--_sf-fd-bn);
|
|
80
|
+
align-items: center;
|
|
81
|
+
justify-content: var(--_sf-jc, center);
|
|
82
|
+
gap: var(--_ctm-lt-gp, var(--_tst-lt-gp));
|
|
83
|
+
|
|
84
|
+
width: 100%;
|
|
85
|
+
height: 100%;
|
|
86
|
+
border-color: var(--_sf-hr-br-cr, var(--_ctm-dn-dt-se-br-cr, var(--_tst-dn-dt-se-br-cr)));
|
|
87
|
+
border-style: var(--_sf-hr-br-st, var(--_ctm-dn-dt-se-br-se, var(--_tst-dn-dt-se-br-se)));
|
|
88
|
+
border-width: var(--_sf-hr-br-wt, var(--_ctm-dn-dt-se-br-wh, var(--_tst-dn-dt-se-br-wh)));
|
|
89
|
+
border-radius: var(--_sf-hr-br-br, var(--_ctm-dn-dt-se-br-rs, var(--_tst-dn-dt-se-br-rs)));
|
|
90
|
+
box-shadow: var(
|
|
91
|
+
--_hover-show-shadow,
|
|
92
|
+
var(
|
|
93
|
+
--_sf-hr-bx-sw,
|
|
94
|
+
var(
|
|
95
|
+
--_show-shadow,
|
|
96
|
+
var(--_ctm-dn-dt-se-sw-ae, var(--_tst-dn-dt-se-sw-ae))
|
|
97
|
+
var(--_ctm-dn-dt-se-sw-br, var(--_tst-dn-dt-se-sw-br))
|
|
98
|
+
var(--_ctm-dn-dt-se-sw-sd, var(--_tst-dn-dt-se-sw-sd))
|
|
99
|
+
var(--_ctm-dn-dt-se-sw-cr, var(--_tst-dn-dt-se-sw-cr))
|
|
100
|
+
)
|
|
101
|
+
)
|
|
102
|
+
);
|
|
103
|
+
&.btn__with__text__icon {
|
|
104
|
+
justify-content: center;
|
|
105
|
+
// gap: 10px;
|
|
106
|
+
}
|
|
107
|
+
& > span {
|
|
108
|
+
align-items: center;
|
|
109
|
+
justify-content: center;
|
|
110
|
+
&.txt {
|
|
111
|
+
display: flex;
|
|
112
|
+
color: var(--_sf-hr-fc, var(--_ctm-dn-dt-se-cr, var(--_tst-dn-dt-se-cr)));
|
|
113
|
+
font-family: var(--_sf-hr-ff, var(--_ctm-dn-dt-se-ft-fy, var(--_tst-dn-dt-se-ft-fy))),
|
|
114
|
+
sans-serif;
|
|
115
|
+
font-size: var(--_sf-hr-fs, var(--_ctm-dn-dt-se-ft-se, var(--_tst-dn-dt-se-ft-se)));
|
|
116
|
+
font-weight: var(--_sf-hr-fw, var(--_ctm-dn-dt-se-ft-wt, var(--_tst-dn-dt-se-ft-wt)));
|
|
117
|
+
font-style: var(
|
|
118
|
+
--_sf-hr-ft,
|
|
119
|
+
var(--_ctm-dn-dt-se-ft-se-ic, var(--_tst-dn-dt-se-ft-se-ic))
|
|
120
|
+
);
|
|
121
|
+
text-align: var(--_sf-hr-ta, var(--_ctm-dn-dt-se-tt-an, var(--_tst-dn-dt-se-tt-an)));
|
|
122
|
+
letter-spacing: var(--_sf-hr-ls, var(--_ctm-dn-dt-se-lr-sg, var(--_tst-dn-dt-se-lr-sg)));
|
|
123
|
+
line-height: var(--_sf-hr-lh, var(--_ctm-dn-dt-se-le-ht, var(--_tst-dn-dt-se-le-ht)));
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
&.icon {
|
|
127
|
+
display: var(--_hover-show-icon, var(--_show-icon, flex));
|
|
128
|
+
svg {
|
|
129
|
+
width: var(--_sf-hr-ic-wt, var(--_ctm-dn-dt-se-in-se, var(--_tst-dn-dt-se-in-se)));
|
|
130
|
+
height: var(--_sf-hr-ic-ht, var(--_ctm-dn-dt-se-in-se, var(--_tst-dn-dt-se-in-se)));
|
|
131
|
+
path {
|
|
132
|
+
stroke: var(--_sf-hr-ic-st, var(--_ctm-dn-dt-se-in-c1, var(--_tst-dn-dt-se-in-c1)));
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
}
|
package/dist/faq.scss
ADDED
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
@use "sass:map";
|
|
2
|
+
@use "sass:list";
|
|
3
|
+
|
|
4
|
+
[data-div-type="element"] {
|
|
5
|
+
&[data-element-type="faq"] {
|
|
6
|
+
// width: var(--_lt-wh);
|
|
7
|
+
// height: var(--_lt-ht);
|
|
8
|
+
// margin: var(--_lt-mn);
|
|
9
|
+
// padding: var(--_lt-pg);
|
|
10
|
+
// width: var(--_ctm-lt-wh, var(--_tst-lt-wh));
|
|
11
|
+
width: var(--_sf-nw-wh, var(--_tst-lt-wh));
|
|
12
|
+
margin: var(--_ctm-lt-mn, --_tst-lt-mn);
|
|
13
|
+
// height: var(--_ctm-lt-ht, var(--_tst-lt-ht));
|
|
14
|
+
// height: ;
|
|
15
|
+
aspect-ratio: 1 / var(--_sf-aspect-ratio);
|
|
16
|
+
--_aspect-ratio: calc(
|
|
17
|
+
1 * (var(--_ctm-lt-ht, var(--_tst-lt-ht)) / var(--_ctm-lt-wh, var(--_tst-lt-wh)))
|
|
18
|
+
);
|
|
19
|
+
|
|
20
|
+
& > .wrapper {
|
|
21
|
+
width: 100%;
|
|
22
|
+
// height: 100%;
|
|
23
|
+
}
|
|
24
|
+
&[data-show-shadow="false"] {
|
|
25
|
+
--_show-shadow: none;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.accordion-element {
|
|
29
|
+
background-color: var(--_ctm-dn-fq-wt-bd-cr, var(--_tst-dn-fq-wt-bd-cr));
|
|
30
|
+
padding: var(--_ctm-lt-pg, var(--_tst-lt-pg));
|
|
31
|
+
display: flex;
|
|
32
|
+
flex-direction: column;
|
|
33
|
+
--_sf-gp: 16px;
|
|
34
|
+
--_sf-cd-gp: calc(var(--_sf-gp) * 0.5);
|
|
35
|
+
row-gap: var(--_sf-gp);
|
|
36
|
+
width: 100%;
|
|
37
|
+
// height: 100%;
|
|
38
|
+
border-color: var(--_ctm-dn-fq-wt-br-cr, var(--_tst-dn-fq-wt-br-cr));
|
|
39
|
+
border-style: var(--_ctm-dn-fq-wt-br-se, var(--_tst-dn-fq-wt-br-se));
|
|
40
|
+
border-width: var(--_ctm-dn-fq-wt-br-wh, var(--_tst-dn-fq-wt-br-wh));
|
|
41
|
+
border-radius: var(--_ctm-dn-fq-wt-br-rs, var(--_tst-dn-fq-wt-br-rs));
|
|
42
|
+
box-shadow: var(
|
|
43
|
+
--_show-shadow,
|
|
44
|
+
var(--_ctm-dn-fq-wt-sw-ae, var(--_tst-dn-fq-wt-sw-ae))
|
|
45
|
+
var(--_ctm-dn-fq-wt-sw-br, var(--_tst-dn-fq-wt-sw-br))
|
|
46
|
+
var(--_ctm-dn-fq-wt-sw-sd, var(--_tst-dn-fq-wt-sw-sd))
|
|
47
|
+
var(--_ctm-dn-fq-wt-sw-cr, var(--_tst-dn-fq-wt-sw-cr))
|
|
48
|
+
);
|
|
49
|
+
|
|
50
|
+
&[data-divider-show="true"] {
|
|
51
|
+
--_sf-dvdr: 1px solid var(--_ctm-dn-dr-bd-cr, var(--_tst-dn-dr-bd-cr));
|
|
52
|
+
--_sf-dvdr-gap: var(--_sf-gp);
|
|
53
|
+
}
|
|
54
|
+
&[data-icon-position="Left"] {
|
|
55
|
+
--_sf-fd: row-reverse;
|
|
56
|
+
--_sf-jc: flex-end;
|
|
57
|
+
}
|
|
58
|
+
&[data-show-icon="false"] {
|
|
59
|
+
--_sf-show-icon-ff: none;
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.accordion-item {
|
|
64
|
+
width: 100%;
|
|
65
|
+
display: grid;
|
|
66
|
+
overflow: clip;
|
|
67
|
+
grid-template-rows: var(
|
|
68
|
+
--_self-active-gtr,
|
|
69
|
+
minmax(var(--_ctm-dn-in-in-se, var(--_tst-dn-in-in-se)), auto) 0px
|
|
70
|
+
);
|
|
71
|
+
// transition: grid-template-rows 0.45s ease-in-out;
|
|
72
|
+
|
|
73
|
+
--_sf-pd-cd: var(--_sf-dvdr-gap);
|
|
74
|
+
&:not(:last-of-type) {
|
|
75
|
+
border-block-end: var(--_sf-dvdr);
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
&[data-state="open"] {
|
|
79
|
+
// overflow: inherit;
|
|
80
|
+
--_self-active-gtr: minmax(var(--_ctm-dn-in-in-se, var(--_tst-dn-in-in-se)), auto)
|
|
81
|
+
minmax(50px, auto);
|
|
82
|
+
|
|
83
|
+
--_sf-dc-pd: var(--_sf-dvdr-gap, var(--_sf-cd-gp));
|
|
84
|
+
--_sf-dc-mb: var(--_sf-cd-gp);
|
|
85
|
+
--_sf-tt-pd: 0px;
|
|
86
|
+
--_sf-dc-pd-bt: var(--_sf-dvdr-gap, 0px);
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
.accordion-title {
|
|
90
|
+
display: flex;
|
|
91
|
+
flex-direction: var(--_sf-fd, row);
|
|
92
|
+
align-content: center;
|
|
93
|
+
gap: var(--_sf-cd-gp);
|
|
94
|
+
align-items: center;
|
|
95
|
+
justify-content: var(--_sf-jc, space-between);
|
|
96
|
+
cursor: pointer;
|
|
97
|
+
padding-block-end: var(--_sf-dc-pd, var(--_sf-pd-cd));
|
|
98
|
+
|
|
99
|
+
p {
|
|
100
|
+
padding-inline: var(--_sf-cd-gp);
|
|
101
|
+
color: var(--_ctm-dn-te-tt-cr, var(--_tst-dn-te-tt-cr));
|
|
102
|
+
font-family: var(--_ctm-dn-te-tt-ft-fy, var(--_tst-dn-te-tt-ft-fy)), sans-serif;
|
|
103
|
+
font-size: var(--_ctm-dn-te-tt-ft-se, var(--_tst-dn-te-tt-ft-se));
|
|
104
|
+
font-weight: var(--_ctm-dn-te-tt-ft-wt, var(--_tst-dn-te-tt-ft-wt));
|
|
105
|
+
font-style: var(--_ctm-dn-te-tt-ft-se-ic, var(--_tst-dn-te-tt-ft-se-ic));
|
|
106
|
+
text-align: var(--_ctm-dn-te-tt-tt-an, var(--_tst-dn-te-tt-tt-an));
|
|
107
|
+
letter-spacing: var(--_ctm-dn-te-tt-lr-sg, var(--_tst-dn-te-tt-lr-sg));
|
|
108
|
+
line-height: var(--_ctm-dn-te-tt-le-ht, var(--_tst-dn-te-tt-le-ht));
|
|
109
|
+
}
|
|
110
|
+
.icon {
|
|
111
|
+
display: var(--_sf-show-icon-ff, flex);
|
|
112
|
+
svg {
|
|
113
|
+
width: var(--_ctm-dn-in-in-se, var(--_tst-dn-in-in-se));
|
|
114
|
+
height: var(--_ctm-dn-in-in-se, var(--_tst-dn-in-in-se));
|
|
115
|
+
path {
|
|
116
|
+
stroke: var(--_ctm-dn-in-in-c1, var(--_tst-dn-in-in-c1));
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
.accordion-description {
|
|
122
|
+
// margin-block-start: calc(-1 * var(--_sf-dc-mb));
|
|
123
|
+
padding-block-end: var(--_sf-dc-pd-bt);
|
|
124
|
+
p {
|
|
125
|
+
color: var(--_ctm-dn-dn-tt-cr, var(--_tst-dn-dn-tt-cr));
|
|
126
|
+
font-family: var(--_ctm-dn-dn-tt-ft-fy, var(--_tst-dn-dn-tt-ft-fy)), sans-serif;
|
|
127
|
+
font-size: var(--_ctm-dn-dn-tt-ft-se, var(--_tst-dn-dn-tt-ft-se));
|
|
128
|
+
font-weight: var(--_ctm-dn-dn-tt-ft-wt, var(--_tst-dn-dn-tt-ft-wt));
|
|
129
|
+
font-style: var(--_ctm-dn-dn-tt-ft-se-ic, var(--_tst-dn-dn-tt-ft-se-ic));
|
|
130
|
+
text-align: var(--_ctm-dn-dn-tt-tt-an, var(--_tst-dn-dn-tt-tt-an));
|
|
131
|
+
letter-spacing: var(--_ctm-dn-dn-tt-lr-sg, var(--_tst-dn-dn-tt-lr-sg));
|
|
132
|
+
line-height: var(--_ctm-dn-dn-tt-le-ht, var(--_tst-dn-dn-tt-le-ht));
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
}
|