Your IP : 216.73.216.43
/*! grapesjs-tabs - 0.1.2 */
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("grapesjs")):"function"==typeof define&&define.amd?define(["grapesjs"],e):"object"==typeof exports?exports["grapesjs-tabs"]=e(require("grapesjs")):t["grapesjs-tabs"]=e(t.grapesjs)}(this,function(t){return function(t){function e(n){if(a[n])return a[n].exports;var r=a[n]={i:n,l:!1,exports:{}};return t[n].call(r.exports,r,r.exports,e),r.l=!0,r.exports}var a={};return e.m=t,e.c=a,e.d=function(t,a,n){e.o(t,a)||Object.defineProperty(t,a,{configurable:!1,enumerable:!0,get:n})},e.n=function(t){var a=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(a,"a",a),a},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=0)}([function(t,e,a){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var a=arguments[e];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(t[n]=a[n])}return t},o=a(1),i=n(o),s=a(2),l=n(s),c=a(7),d=n(c);e.default=i.default.plugins.add("grapesjs-tabs",function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=r({tabsBlock:{},tabsProps:{},tabProps:{},tabContentProps:{},tabContainerProps:{},attrTabs:"data-tabs",attrTab:"data-tab",attrTabContent:"data-tab-content",attrTabContainer:"data-tab-container",classTab:"tab",classTabActive:"tab-active",classTabContent:"tab-content",classTabContainer:"tab-container",selectorTab:"href",template:'\n <nav data-tab-container>\n <a href="#tab1" data-tab>Tab 1</a>\n <a href="#tab2" data-tab>Tab 2</a>\n <a href="#tab3" data-tab>Tab 3</a>\n </nav>\n <div id="tab1" data-tab-content>\n <div>Tab 1 Content</div>\n </div>\n <div id="tab2" data-tab-content>\n <div>Tab 2 Content</div>\n </div>\n <div id="tab3" data-tab-content>\n <div>Tab 3 Content</div>\n </div>\n ',templateTabContent:"<div>New Tab Content</div>",style:"\n .tab {\n text-decoration: none;\n color: inherit;\n padding: 7px 14px;\n transition: opacity 0.3s;\n display: inline-block;\n border-radius: 3px;\n margin-right: 10px;\n }\n\n .tab.tab-active {\n background-color: #0d94e6;\n color: white;\n }\n\n .tab-content {\n padding: 6px 12px;\n min-height: 100px;\n animation: fadeEffect 1s;\n }\n\n @keyframes fadeEffect {\n from {opacity: 0;}\n to {opacity: 1;}\n }\n "},e);(0,l.default)(t,a),(0,d.default)(t,a)})},function(e,a){e.exports=t},function(t,e,a){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var a=arguments[e];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(t[n]=a[n])}return t},o=a(3),i=n(o),s=a(4),l=n(s),c=a(5),d=n(c),u=a(6),b=n(u);e.default=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=t.DomComponents,n=a.getType("default"),o=a.getType("link"),s=n.model,c=n.view,u=o.model,f=o.view,p=r({},e,{defaultModel:s,defaultView:c,linkModel:u,linkView:f});(0,i.default)(a,p),(0,l.default)(a,p),(0,d.default)(a,p),(0,b.default)(a,p)}},function(t,e,a){"use strict";function n(t,e,a){return e in t?Object.defineProperty(t,e,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[e]=a,t}function r(t,e){var a={};for(var n in t)e.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(t,n)&&(a[n]=t[n]);return a}Object.defineProperty(e,"__esModule",{value:!0});var o=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var a=arguments[e];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(t[n]=a[n])}return t};e.default=function(t,e){var a=e.linkModel,i=e.linkView,s=r(e,["linkModel","linkView"]),l=s.attrTab,c=s.classTab,d=s.selectorTab;t.addType("tab",{model:a.extend({defaults:o({},a.prototype.defaults,{name:"Tab",draggable:"["+s.attrTabContainer+"]",droppable:!1},s.tabProps),init:function(){var t=this.getAttributes();t[l]=1,this.setAttributes(t),c&&this.addClass(c)},clone:function(){var t=a.prototype.clone.apply(this,arguments);return t.addAttributes(n({},d,"")),t}},{isComponent:function(t){if(t.hasAttribute&&t.hasAttribute(l))return{type:"tab"}}}),view:i})}},function(t,e,a){"use strict";function n(t,e){var a={};for(var n in t)e.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(t,n)&&(a[n]=t[n]);return a}Object.defineProperty(e,"__esModule",{value:!0});var r=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var a=arguments[e];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(t[n]=a[n])}return t};e.default=function(t,e){var a=e.defaultModel,o=e.defaultView,i=n(e,["defaultModel","defaultView"]),s=i.attrTabs;t.addType("tabs",{model:a.extend({defaults:r({},a.prototype.defaults,{name:"Tabs","attr-tabs":i.attrTabs,"attr-tab":i.attrTab,"attr-tab-content":i.attrTabContent,"class-tab-active":i.classTabActive,"selector-tab":i.selectorTab,script:function(){var t,e=this,a="[{[ attr-tab ]}]",n=document.body,r=n.matchesSelector||n.webkitMatchesSelector||n.mozMatchesSelector||n.msMatchesSelector,o=function(){var a=e.querySelectorAll("[{[ attr-tab-content ]}]")||[];for(t=0;t<a.length;t++)a[t].style.display="none"},i=function(n){var r=e.querySelectorAll(a)||[];for(t=0;t<r.length;t++){var i=r[t],s=i.className.replace("{[ class-tab-active ]}","").trim();i.className=s}o(),n.className+=" {[ class-tab-active ]}";var l=n.getAttribute("{[ selector-tab ]}"),c=e.querySelector(l);c&&(c.style.display="")},s=e.querySelector(".{[ class-tab-active ]}"+a);s=s||e.querySelector(a),s&&i(s),e.addEventListener("click",function(t){var e=t.target;r.call(e,a)&&i(e)})}},i.tabsProps),init:function(){var t=this.getAttributes();t[i.attrTabs]=1,this.setAttributes(t)}},{isComponent:function(t){if(t.hasAttribute&&t.hasAttribute(s))return{type:"tabs"}}}),view:o.extend({init:function(){var t=this.model.components();!t.length&&t.add(i.template)},onRender:function(){var t=this.model.find("["+i.attrTabContainer+"]")[0];t&&t.components().each(function(e){t.onAdd(e)})}})})}},function(t,e,a){"use strict";function n(t,e){var a={};for(var n in t)e.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(t,n)&&(a[n]=t[n]);return a}Object.defineProperty(e,"__esModule",{value:!0});var r=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var a=arguments[e];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(t[n]=a[n])}return t};e.default=function(t,e){var a=e.defaultModel,o=e.defaultView,i=n(e,["defaultModel","defaultView"]),s=i.attrTabContent,l=i.classTabContent;t.addType("tab-content",{model:a.extend({defaults:r({},a.prototype.defaults,{name:"Tab Content",draggable:!1,copyable:!1,removable:!1},i.tabContentProps),init:function(){var t=this.getAttributes();t[s]=1,this.setAttributes(t),l&&this.addClass(l)}},{isComponent:function(t){if(t.hasAttribute&&t.hasAttribute(s))return{type:"tab-content"}}}),view:o})}},function(t,e,a){"use strict";function n(t,e,a){return e in t?Object.defineProperty(t,e,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[e]=a,t}function r(t,e){var a={};for(var n in t)e.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(t,n)&&(a[n]=t[n]);return a}Object.defineProperty(e,"__esModule",{value:!0});var o=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var a=arguments[e];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(t[n]=a[n])}return t};e.default=function(t,e){var a=e.defaultModel,i=e.defaultView,s=r(e,["defaultModel","defaultView"]),l="tab-container",c=s.attrTabs,d=s.attrTabContainer,u=s.classTabContainer,b=s.selectorTab;t.addType(l,{model:a.extend({defaults:o({},a.prototype.defaults,{name:"Tab Container",draggable:"["+c+"]",droppable:"["+s.attrTab+"]",copyable:!1,removable:!1},s.tabContainerProps),init:function(){var t=this.getAttributes();t[d]=1,this.setAttributes(t),u&&this.addClass(u);var e=this.components();this.listenTo(e,"add",this.onAdd),this.listenTo(e,"remove",this.onRemove)},onRemove:function(t,e){var a=(arguments.length>2&&void 0!==arguments[2]&&arguments[2],t.tabContent);a&&setTimeout(function(){var e=t.collection,n=a.collection;!e&&n&&n.remove(a)},0)},onAdd:function(t,e){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=(this.components(),t.getAttributes());if(!t.tabContent&&!a.avoidStore){var o=r[b],i=this.closest("["+c+"]"),l=(i.view,o&&i.view.$el.find(o));if(l.length)t.tabContent=l.data("model");else{var d=i.components().add({type:"tab-content",components:s.templateTabContent}),u=d.getId();d.addAttributes({id:u}),t.addAttributes(n({},b,"#"+u)),t.tabContent=d,d.getEl().style.display="none"}}}},{isComponent:function(t){if(t.hasAttribute&&t.hasAttribute(d))return{type:l}}}),view:i})}},function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var a=arguments[e];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(t[n]=a[n])}return t};e.default=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=t.BlockManager,r=e.tabsBlock,o=e.style,i='<div data-gjs-type="tabs"></div>\n '+(o?"<style>"+o+"</style>":"");r&&a.add("tabs",n({label:'\n <svg class="gjs-block-svg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">\n <g fill-rule="evenodd">\n <path d="M22 9.3c0-.8-.5-1.3-1.3-1.3H3.4C2.5 8 2 8.5 2 9.3v7.4c0 .8.5 1.3 1.3 1.3h17.4c.8 0 1.3-.5 1.3-1.3V9.3zM21 17H3V9h18v8z" fill-rule="nonzero"/><rect x="3" y="5" width="4" height="2" rx=".5"/><rect x="8" y="5" width="4" height="2" rx=".5"/><rect x="13" y="5" width="4" height="2" rx=".5"/>\n </g>\n </svg>\n <div class="gjs-block-label">Tabs</div>\n ',content:i},r))}}])});