Something went wrong on our end
Select Git revision
customelement.mjs
-
Volker Schukai authoredVolker Schukai authored
grapesjs-blocks-bootstrap5.min.js 87.96 KiB
/*! For license information please see grapesjs-blocks-bootstrap5.min.js.LICENSE.txt */
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("grapesjs")):"function"==typeof define&&define.amd?define(["grapesjs"],t):"object"==typeof exports?exports["@minerva/grapesjs-blocks-bootstrap5"]=t(require("grapesjs")):e["@minerva/grapesjs-blocks-bootstrap5"]=t(e.grapesjs)}(self,(e=>(()=>{"use strict";var t={362:t=>{t.exports=e}},a={};function n(e){var o=a[e];if(void 0!==o)return o.exports;var r=a[e]={exports:{}};return t[e](r,r.exports,n),r.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var a in t)n.o(t,a)&&!n.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{n.r(o),n.d(o,{default:()=>Rt});var e=n(362),t=n.n(e);const a=function(e){e.Commands},r=function(e){var t=e.TraitManager;t.addType("class_select",{events:{change:"onChange"},createInput:function(e){e.trait;for(var t=this.model.get("options")||[],a=document.createElement("select"),n=this.target.view.el,o=function(e){var o=document.createElement("option"),r=t[e].value;""===r&&(r="GJS_NO_CLASS"),o.text=t[e].name,o.value=r;var l=Array.from(n.classList),i=r.split(" ");l.filter((function(e){return i.includes(e)})).length===i.length&&o.setAttribute("selected","selected"),a.append(o)},r=0;r<t.length;r++)o(r);return a},onUpdate:function(e){for(var t=e.elInput,a=e.component.getClasses(),n=this.model.get("options")||[],o=0;o<n.length;o++){var r=n[o].value;if(r&&a.includes(r))return void(t.value=r)}t.value="GJS_NO_CLASS"},onEvent:function(e){e.elInput;for(var t=e.component,a=(e.event,this.model.get("options").map((function(e){return e.value}))),n=0;n<a.length;n++)if(a[n].length>0)for(var o=a[n].split(" "),r=0;r<o.length;r++)o[r].length>0&&t.removeClass(o[r]);var l=this.model.get("value");if(delete t.attributes.attributes[""],l.length>0&&"GJS_NO_CLASS"!==l)for(var i=l.split(" "),s=0;s<i.length;s++)t.addClass(i[s]);t.em.trigger("component:toggled")}});var a=t.getType("text");t.addType("content",{events:{keyup:"onChange"},onValueChange:function(){var e=this.model;e.target.set("content",e.get("value"))},getInputEl:function(){return this.inputEl||(this.inputEl=a.prototype.getInputEl.bind(this)(),this.inputEl.value=this.target.get("content")),this.inputEl}}),t.addType("content",{events:{keyup:"onChange"},onValueChange:function(){var e=this.model;e.target.set("content",e.get("value"))},getInputEl:function(){return this.inputEl||(this.inputEl=a.prototype.getInputEl.bind(this)(),this.inputEl.value=this.target.get("content")),this.inputEl}})};var l=function(e,t){e.add("list",{label:t,category:"Basic",attributes:{class:"fa fa-list"},content:{type:"list"}})};const i=function(e){var t=e.getType("default"),a=t.model,n=t.view;e.addType("list",{model:a.extend({defaults:Object.assign({},a.prototype.defaults,{"custom-name":"List",tagName:"ul",resizable:1,traits:[{type:"select",options:[{value:"ul",name:"No"},{value:"ol",name:"Yes"}],label:"Ordered?",name:"tagName",changeProp:1}].concat(a.prototype.defaults.traits)})},{isComponent:function(e){if(e&&["UL","OL"].includes(e.tagName))return{type:"list"}}}),view:n})};var s=function(e,t){e.add("collapse",{label:"\n ".concat('<svg aria-hidden="true" width="24" height="50" focusable="false" data-prefix="fas" data-icon="compress" class="svg-inline--fa fa-compress fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M436 192H312c-13.3 0-24-10.7-24-24V44c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v84h84c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm-276-24V44c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v84H12c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h124c13.3 0 24-10.7 24-24zm0 300V344c0-13.3-10.7-24-24-24H12c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h84v84c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-84h84c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12H312c-13.3 0-24 10.7-24 24v124c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12z"></path></svg>\n',"\n <div>").concat(t,"</div>\n "),category:"Components",content:{type:"collapse"}})};const c=function(e){var t=e.DomComponents,a=t.getType("default"),n=a.model,o=a.view;t.addType("collapse",{model:n.extend({defaults:Object.assign({},n.prototype.defaults,{"custom-name":"Dropdown",classes:["collapse"],droppable:!0,traits:[{type:"class_select",options:[{value:"",name:"Closed"},{value:"show",name:"Open"}],label:"Initial state"}].concat(n.prototype.defaults.traits)})},{isComponent:function(e){if(e&&e.classList&&e.classList.contains("dropdown"))return{type:"dropdown"}}}),view:o.extend({})})};function d(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function u(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?d(Object(a),!0).forEach((function(t){p(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):d(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}function p(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var m=function(e,t){e.add("dropdown",{label:"\n ".concat('<svg aria-hidden="true" width="24" height="50" focusable="false" data-prefix="far" data-icon="caret-square-down" class="svg-inline--fa fa-caret-square-down fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M125.1 208h197.8c10.7 0 16.1 13 8.5 20.5l-98.9 98.3c-4.7 4.7-12.2 4.7-16.9 0l-98.9-98.3c-7.7-7.5-2.3-20.5 8.4-20.5zM448 80v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48zm-48 346V86c0-3.3-2.7-6-6-6H54c-3.3 0-6 2.7-6 6v340c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z"></path></svg>\n',"\n <div>").concat(t,"</div>\n "),category:"Components",content:{type:"dropdown"}})};const f=function(e){var t=e.DomComponents,a=t.getType("default"),n=a.model,o=a.view;function r(e){var t=e._events["change:attributes"];return!!t&&0!==t.filter((function(e){return"setupToggle"===e.callback.name})).length}t.addType("dropdown",{model:n.extend({defaults:u(u({},n.prototype.defaults),{},{"custom-name":"Dropdown",classes:["dropdown"],droppable:"a, button, .dropdown-menu",traits:[{type:"select",label:"Initial state",name:"initial_state",options:[{value:"",name:"Closed"},{value:"show",name:"Open"}]}].concat(n.prototype.defaults.traits)}),init2:function(){this.append({type:"button",content:"Click to toggle",classes:["btn","dropdown-toggle"]})[0],this.append({type:"dropdown_menu"})[0];this.setupToggle(null,null,{force:!0});var e=this.components();e.bind("add",this.setupToggle.bind(this)),e.bind("remove",this.setupToggle.bind(this));var t=this.get("classes");t.bind("add",this.setupToggle.bind(this)),t.bind("change",this.setupToggle.bind(this)),t.bind("remove",this.setupToggle.bind(this))},setupToggle:function(e,t){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=this.components().filter((function(e){return e.getAttributes().class.split(" ").includes("dropdown-toggle")}))[0],o=this.components().filter((function(e){return e.getAttributes().class.split(" ").includes("dropdown-menu")}))[0];if((!0===a.force||!0!==a.ignore)&&n&&o){r(n)||this.listenTo(n,"change:attributes",this.setupToggle),r(o)||this.listenTo(o,"change:attributes",this.setupToggle);var l=n.getAttributes();l.role="button";var i=o.getAttributes();l.hasOwnProperty("data-toggle")||(l["data-toggle"]="dropdown"),l.hasOwnProperty("aria-haspopup")||(l["aria-haspopup"]=!0),n.set("attributes",l,{ignore:!0}),l.hasOwnProperty("id")?i["aria-labelledby"]=l.id:delete i["aria-labelledby"],o.set("attributes",i,{ignore:!0})}},updated:function(e,t){if(t.hasOwnProperty("initial_state")){var a=this.components().filter((function(e){return e.getAttributes().class.split(" ").includes("dropdown-menu")}))[0],n=a.getAttributes();n.class.split(" ").includes("show")?(n["aria-expanded"]=!1,a.removeClass("show")):(n["aria-expanded"]=!0,a.addClass("show"))}}},{isComponent:function(e){if(e&&e.classList&&e.classList.contains("dropdown"))return{type:"dropdown"}}}),view:o}),t.addType("dropdown_menu",{model:n.extend({defaults:Object.assign({},n.prototype.defaults,{"custom-name":"Dropdown Menu",classes:["dropdown-menu"],draggable:".dropdown",droppable:!0}),init2:function(){var e={type:"link",classes:["dropdown-item"],content:"Dropdown item"};this.append({type:"header",tagName:"h6",classes:["dropdown-header"],content:"Dropdown header"}),this.append(e),this.append({type:"default",classes:["dropdown-divider"]}),this.append(e)}},{isComponent:function(e){if(e&&e.classList&&e.classList.contains("dropdown-menu"))return{type:"dropdown_menu"}}}),view:o})};var b="tabs-",g="".concat(b,"container"),v="".concat(b,"navigation"),h="".concat(b,"panes"),y="".concat(b,"tab"),w="".concat(b,"tab-pane");const O={navigationName:v,tabPanesName:h,tabName:y,tabPaneName:w,navigationSelector:'[data-gjs-type="'.concat(v,'"]'),tabPanesSelector:'[data-gjs-type="'.concat(h,'"]'),tabSelector:'[data-gjs-type="'.concat(y,'"]'),tabPaneSelector:'[data-gjs-type="'.concat(w,'"]'),containerId:"data-".concat(g),navigationId:"data-".concat(v),tabPanesId:"data-".concat(h),tabId:"data-".concat(y),tabPaneId:"data-".concat(w)};var j=function(e,t){var a=e.className;if((a=a&&a.toString())&&a.split(" ").indexOf(t)>=0)return 1},x=function(e){return e.toLowerCase().split(" ").map((function(e){return e.charAt(0).toUpperCase()+e.slice(1)})).join(" ")};const C='<svg aria-hidden="true" width="24" height="50" focusable="false" data-prefix="fas" data-icon="window-maximize" class="svg-inline--fa fa-window-maximize fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-16 160H64v-84c0-6.6 5.4-12 12-12h360c6.6 0 12 5.4 12 12v84z"></path></svg>\n';function k(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function T(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?k(Object(a),!0).forEach((function(t){P(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):k(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}function P(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var _=function(e,t){e.add("tabs",{label:"\n ".concat('<svg aria-hidden="true" width="24" height="50" focusable="false" data-prefix="fas" data-icon="ellipsis-h" class="svg-inline--fa fa-ellipsis-h fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M328 256c0 39.8-32.2 72-72 72s-72-32.2-72-72 32.2-72 72-72 72 32.2 72 72zm104-72c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72zm-352 0c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72z"></path></svg>\n',"\n <div>").concat(t.labels.tabs,"</div>\n "),category:"Components",content:'\n <ul class="nav nav-tabs" role="tablist">\n <li class="nav-item">\n <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Tab 1</a>\n </li>\n <li class="nav-item">\n <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Tab 2</a>\n </li>\n <li class="nav-item">\n <a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false">Tab 3</a>\n </li>\n </ul>\n <div class="tab-content">\n <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab"></div>\n <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab"></div>\n <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab"></div>\n </div>\n '}),e.add("tabs-tab",{label:"\n ".concat('<svg aria-hidden="true" width="24" height="50" focusable="false" data-prefix="fas" data-icon="circle" class="svg-inline--fa fa-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg>\n',"\n <div>").concat(t.labels.tab,"</div>\n "),category:"Components",content:{type:"tabs-tab"}}),e.add("tabs-tab-pane",{label:"\n ".concat(C,"\n <div>").concat(t.labels.tabPane,"</div>\n "),category:"Components",content:{type:"tabs-tab-pane"}})};const L=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=e.getType("default"),n=a.model,o=a.view,r=O.navigationName,l=O.tabSelector,i=t.classNavigation,s=r;e.addType(s,{model:n.extend({defaults:T(T({},n.prototype.defaults),{},{name:"Tabs Navigation",copyable:0,draggable:!0,droppable:l,traits:[{type:"class_select",options:[{value:"nav-tabs",name:"Tabs"},{value:"nav-pills",name:"Pills"}],label:"Type"},{type:"class_select",options:[{value:"",name:"Left"},{value:"nav-fill",name:"Fill"},{value:"nav-justified",name:"Justify"}],label:"Layout"}]}),init:function(){this.get("classes").pluck("name").indexOf(i)<0&&this.addClass(i)}},{isComponent:function(e){if(j(e,i))return{type:s}}}),view:o.extend({init:function(){var e=["type","layout"].map((function(e){return"change:".concat(e)})).join(" ");this.listenTo(this.model,e,this.render);var t=this.model.components();t.length||t.add('\n <ul class="nav nav-tabs" role="tablist">\n <li class="nav-item">\n <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Tab 1</a>\n </li>\n <li class="nav-item">\n <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Tab 2</a>\n </li>\n <li class="nav-item">\n <a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false">Tab 3</a>\n </li>\n </ul>\n ')}})})};function S(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function D(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?S(Object(a),!0).forEach((function(t){N(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):S(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}function N(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}const M=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=e.getType("default"),n=a.model,o=a.view,r=O.tabPanesName,l=O.tabPaneSelector,i=t.classTabPanes,s=r;e.addType(s,{model:n.extend({defaults:D(D({},n.prototype.defaults),{},{name:"Tabs Panes",copyable:0,draggable:!0,droppable:l}),init:function(){this.get("classes").pluck("name").indexOf(i)<0&&this.addClass(i)}},{isComponent:function(e){if(j(e,i))return{type:s}}}),view:o.extend({init:function(){var e=this.model.components();e.length||e.add('\n <div class="tab-content" id="myTabContent">\n <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">Tab pane 1</div>\n <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">Tab pane 2</div>\n <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">Tab pane 3</div>\n </div>\n ')}})})};function A(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function E(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?A(Object(a),!0).forEach((function(t){I(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):A(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}function I(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}const B=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=e.getType("default"),n=a.model,o=a.view,r=O.tabName,l=O.navigationSelector,i=t.classTab,s=r;e.addType(s,{model:n.extend({defaults:E(E({},n.prototype.defaults),{},{name:"Tab",tagName:"li",copyable:!0,draggable:l}),init:function(){this.get("classes").pluck("name").indexOf(i)<0&&this.addClass(i)}},{isComponent:function(e){if(j(e,i))return{type:s}}}),view:o.extend({init:function(){var e=this.model.components();e.length||e.add('\n <a class="nav-link active" id="tab-1" data-toggle="tab" href="#tab-pane-1" role="tab" aria-controls="tab" aria-selected="true">Tab</a>\n ')}})})};function z(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function H(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?z(Object(a),!0).forEach((function(t){F(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):z(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}function F(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}const V=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=e.getType("default"),n=a.model,o=a.view,r=O.tabPaneName,l=O.tabPanesSelector,i=t.classTabPane,s=r;e.addType(s,{model:n.extend({defaults:H(H({},n.prototype.defaults),{},{name:"Tab Pane",copyable:!0,draggable:l,traits:["id",{type:"class_select",options:[{value:"fade",name:"Fade"},{value:"",name:"None"}],label:"Animation"},{type:"class_select",options:[{value:"",name:"Inactive"},{value:"active",name:"Active"}],label:"Is Active"}]}),init:function(){this.get("classes").pluck("name").indexOf(i)<0&&this.addClass(i)}},{isComponent:function(e){if(j(e,i))return{type:s}}}),view:o})};function q(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function R(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?q(Object(a),!0).forEach((function(t){Z(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):q(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}function Z(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var U=function(e,t){e.add("form",{label:"\n ".concat('<svg class="gjs-block-svg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">\n <path class="gjs-block-svg-path" d="M22,5.5 C22,5.2 21.5,5 20.75,5 L3.25,5 C2.5,5 2,5.2 2,5.5 L2,8.5 C2,8.8 2.5,9 3.25,9 L20.75,9 C21.5,9 22,8.8 22,8.5 L22,5.5 Z M21,8 L3,8 L3,6 L21,6 L21,8 Z" fill-rule="nonzero"></path>\n <path class="gjs-block-svg-path" d="M22,10.5 C22,10.2 21.5,10 20.75,10 L3.25,10 C2.5,10 2,10.2 2,10.5 L2,13.5 C2,13.8 2.5,14 3.25,14 L20.75,14 C21.5,14 22,13.8 22,13.5 L22,10.5 Z M21,13 L3,13 L3,11 L21,11 L21,13 Z" fill-rule="nonzero"></path>\n <rect class="gjs-block-svg-path" x="2" y="15" width="10" height="3" rx="0.5"></rect>\n</svg>\n',"\n <div>").concat(t,"</div>"),category:"Forms",content:'\n <form>\n <div class="form-group">\n <label>Name</label>\n <input name="name" placeholder="Type here your name" class="form-control"/>\n </div>\n <div class="form-group">\n <label>Email</label>\n <input name="email" type="email" placeholder="Type here your email" class="form-control"/>\n </div>\n <div class="form-check">\n <input name="sex" type="checkbox" class="form-check-input" value="M">\n <label class="form-check-label">M</label>\n </div>\n <div class="form-check">\n <input name="sex" type="checkbox" class="form-check-input" value="F">\n <label class="form-check-label">F</label>\n </div>\n <div class="form-group">\n <label>Message</label>\n <textarea name="message" class="form-control"></textarea>\n </div>\n <div class="form-group">\n <button type="submit" class="btn btn-primary">Send</button>\n </div>\n </form>\n '})};const $=function(e,t){var a,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=e.getType("default"),r=o.model,l=o.view;n.formPredefinedActions&&n.formPredefinedActions.length?(a={type:"select",label:n.labels.trait_action,name:"action",options:[]},n.formPredefinedActions.forEach((function(e){a.options.push({value:e.value,name:e.name})}))):a={label:n.labels.trait_action,name:"action"},e.addType("form",{model:r.extend({defaults:R(R({},r.prototype.defaults),{},{droppable:":not(form)",draggable:":not(form)",traits:[{type:"select",label:n.labels.trait_enctype,name:"enctype",options:[{value:"application/x-www-form-urlencoded",name:"application/x-www-form-urlencoded (default)"},{value:"multipart/form-data",name:"multipart/form-data"},{value:"text/plain",name:"text/plain"}]},{type:"select",label:n.labels.trait_method,name:"method",options:[{value:"post",name:"POST"},{value:"get",name:"GET"}]},a]}),init:function(){this.listenTo(this,"change:formState",this.updateFormState)},updateFormState:function(){switch(this.get("formState")){case"success":this.showState("success");break;case"error":this.showState("error");break;default:this.showState("normal")}},showState:function(e){var t,a,n=e||"normal";"success"===n?(t="none",a="block"):"error"===n?(t="block",a="none"):(t="none",a="none");var o=this.getStateModel("success"),r=this.getStateModel("error"),l=o.getStyle(),i=r.getStyle();l.display=a,i.display=t,o.setStyle(l),r.setStyle(i)},getStateModel:function(e){for(var t,a=e||"success",n=this.get("components"),o=0;o<n.length;o++){var r=n.models[o];if(r.get("form-state-type")===a){t=r;break}}if(!t){var l=formMsgSuccess;"error"===a&&(l=formMsgError),t=n.add({"form-state-type":a,type:"text",removable:!1,copyable:!1,draggable:!1,attributes:{"data-form-state":a},content:l})}return t}},{isComponent:function(e){if("FORM"===e.tagName)return{type:"form"}}}),view:l.extend({events:{submit:function(e){e.preventDefault()}}})})};function G(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function W(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?G(Object(a),!0).forEach((function(t){X(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):G(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}function X(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var J=function(e,t){e.add("input",{label:"\n ".concat('<svg class="gjs-block-svg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">\n <path class="gjs-block-svg-path" d="M22,9 C22,8.4 21.5,8 20.75,8 L3.25,8 C2.5,8 2,8.4 2,9 L2,15 C2,15.6 2.5,16 3.25,16 L20.75,16 C21.5,16 22,15.6 22,15 L22,9 Z M21,15 L3,15 L3,9 L21,9 L21,15 Z"></path>\n <polygon class="gjs-block-svg-path" points="4 10 5 10 5 14 4 14"></polygon>\n</svg>\n',"\n <div>").concat(t,"</div>"),category:"Forms",content:'<input name="input1" class="form-control"/>'})};const Y=function(e,t){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=e.getType("default"),o=n.model,r=n.view;e.addType("input",{model:o.extend({defaults:W(W({},o.prototype.defaults),{},{"custom-name":a.labels.input,tagName:"input",draggable:"form .form-group",droppable:!1,traits:[t.value,t.name,t.placeholder,{label:a.labels.trait_type,type:"select",name:"type",options:[{value:"text",name:a.labels.type_text},{value:"email",name:a.labels.type_email},{value:"password",name:a.labels.type_password},{value:"number",name:a.labels.type_number},{value:"date",name:a.labels.type_date},{value:"hidden",name:a.labels.type_hidden}]},t.required]})},{isComponent:function(e){if("INPUT"===e.tagName)return{type:"input"}}}),view:r})};function K(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function Q(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?K(Object(a),!0).forEach((function(t){ee(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):K(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}function ee(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var te=function(e,t,a){e.add("form_group_input",{label:"\n ".concat('<svg class="gjs-block-svg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">\n <path class="gjs-block-svg-path" d="M22,9 C22,8.4 21.5,8 20.75,8 L3.25,8 C2.5,8 2,8.4 2,9 L2,15 C2,15.6 2.5,16 3.25,16 L20.75,16 C21.5,16 22,15.6 22,15 L22,9 Z M21,15 L3,15 L3,9 L21,9 L21,15 Z"></path>\n <polygon class="gjs-block-svg-path" points="4 10 5 10 5 14 4 14"></polygon>\n</svg>\n',"\n <div>").concat(t,"</div>"),category:"Forms",content:'\n <div class="form-group">\n <label>Name</label>\n <input name="name" placeholder="Type here your name" class="form-control"/>\n </div>\n '}),e.add("input_group",{label:"\n ".concat('<svg class="gjs-block-svg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">\n <path class="gjs-block-svg-path" d="M22,9 C22,8.4 21.5,8 20.75,8 L3.25,8 C2.5,8 2,8.4 2,9 L2,15 C2,15.6 2.5,16 3.25,16 L20.75,16 C21.5,16 22,15.6 22,15 L22,9 Z M21,15 L3,15 L3,9 L21,9 L21,15 Z"></path>\n <polygon class="gjs-block-svg-path" points="4 10 5 10 5 14 4 14"></polygon>\n</svg>\n',"\n <div>").concat(t,"</div>"),category:"Forms",content:'\n <div class="input-group">\n <div class="input-group-prepend">\n <span class="input-group-text">$</span>\n </div>\n <input name="input1" type="text" class="form-control" aria-label="Amount (to the nearest dollar)">\n <div class="input-group-append">\n <span class="input-group-text">.00</span>\n </div>\n </div>\n '})};const ae=function(e,t){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=e.getType("default"),o=n.model,r=n.view;e.addType("input_group",{model:o.extend({defaults:Q(Q({},o.prototype.defaults),{},{"custom-name":a.labels.input_group,tagName:"div",traits:[]})},{isComponent:function(e){if(e&&e.classList&&e.classList.contains("form_group_input"))return{type:"form_group_input"}}}),view:r})};function ne(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function oe(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?ne(Object(a),!0).forEach((function(t){re(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):ne(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}function re(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var le=function(e,t){e.add("textarea",{label:"\n ".concat('<svg class="gjs-block-svg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">\n <path class="gjs-block-svg-path" d="M22,7.5 C22,6.6 21.5,6 20.75,6 L3.25,6 C2.5,6 2,6.6 2,7.5 L2,16.5 C2,17.4 2.5,18 3.25,18 L20.75,18 C21.5,18 22,17.4 22,16.5 L22,7.5 Z M21,17 L3,17 L3,7 L21,7 L21,17 Z"></path>\n <polygon class="gjs-block-svg-path" points="4 8 5 8 5 12 4 12"></polygon>\n <polygon class="gjs-block-svg-path" points="19 7 20 7 20 17 19 17"></polygon>\n <polygon class="gjs-block-svg-path" points="20 8 21 8 21 9 20 9"></polygon>\n <polygon class="gjs-block-svg-path" points="20 15 21 15 21 16 20 16"></polygon>\n</svg>\n',"\n <div>").concat(t,"</div>"),category:"Forms",content:'<textarea name="textarea1" class="form-control"></textarea>'})};const ie=function(e,t){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=e.getType("default"),o=n.view,r=e.getType("input"),l=r.model;e.addType("textarea",{model:l.extend({defaults:oe(oe({},l.prototype.defaults),{},{"custom-name":a.labels.textarea,tagName:"textarea",traits:[t.name,t.placeholder,t.required]})},{isComponent:function(e){if("TEXTAREA"===e.tagName)return{type:"textarea"}}}),view:o})};function se(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function ce(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?se(Object(a),!0).forEach((function(t){de(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):se(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}function de(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var ue=function(e,t){e.add("select",{label:"\n ".concat('<svg class="gjs-block-svg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">\n <path class="gjs-block-svg-path" d="M22,9 C22,8.4 21.5,8 20.75,8 L3.25,8 C2.5,8 2,8.4 2,9 L2,15 C2,15.6 2.5,16 3.25,16 L20.75,16 C21.5,16 22,15.6 22,15 L22,9 Z M21,15 L3,15 L3,9 L21,9 L21,15 Z" fill-rule="nonzero"></path>\n <polygon class="gjs-block-svg-path" transform="translate(18.500000, 12.000000) scale(1, -1) translate(-18.500000, -12.000000) " points="18.5 11 20 13 17 13"></polygon>\n <rect class="gjs-block-svg-path" x="4" y="11.5" width="11" height="1"></rect>\n</svg>\n',"\n <div>").concat(t,"</div>"),category:"Forms",content:'<select class="form-control" name="select1">\n '.concat(t?'<option value="">'.concat(t,"</option>"):"",'\n <option value="1">').concat(t," 1</option>\n </select>")})};const pe=function(e,t,a){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},o=t.getType("default"),r=o.model,l=t.getType("input"),i=l.model,s=function(){return o.view.extend({events:{mousedown:"handleClick"},handleClick:function(e){e.preventDefault()}})};t.addType("select",{model:r.extend({defaults:ce(ce({},i.prototype.defaults),{},{"custom-name":n.labels.select,tagName:"select",traits:[a.name,{label:n.labels.trait_options,type:"select-options"},a.required]})},{isComponent:function(e){if("SELECT"===e.tagName)return{type:"select"}}}),view:s()});var c=e.TraitManager;c.addType("select-options",{events:{keyup:"onChange"},onValueChange:function(){for(var e=this.model.get("value").trim().split("\n"),t=[],a=0;a<e.length;a++){var o=e[a].split(n.optionsStringSeparator),r={tagName:"option",attributes:{}};o[1]?(r.content=o[1],r.attributes.value=o[0]):(r.content=o[0],r.attributes.value=o[0]),t.push(r)}this.target.get("components").reset(t),this.target.view.render()},getInputEl:function(){if(!this.$input){for(var e="",t=this.target.get("components"),a=0;a<t.length;a++){var o=t.models[a],r=o.get("attributes").value||"";e+="".concat(r).concat(n.optionsStringSeparator).concat(o.get("content"),"\n")}this.$input=document.createElement("textarea"),this.$input.value=e}return this.$input}})};function me(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function fe(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?me(Object(a),!0).forEach((function(t){be(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):me(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}function be(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var ge=function(e,t){e.add("checkbox",{label:"\n ".concat('<svg aria-hidden="true" width="24" height="50" focusable="false" data-prefix="fas" data-icon="check-square" class="svg-inline--fa fa-check-square fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M400 480H48c-26.51 0-48-21.49-48-48V80c0-26.51 21.49-48 48-48h352c26.51 0 48 21.49 48 48v352c0 26.51-21.49 48-48 48zm-204.686-98.059l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.248-16.379-6.249-22.628 0L184 302.745l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.25 16.379 6.25 22.628.001z"></path></svg>\n',"\n <div>").concat(t,"</div>\n "),category:"Forms",content:'\n <div class="form-check">\n <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">\n <label class="form-check-label" for="defaultCheck1">\n Default checkbox\n </label>\n </div>\n '})};const ve=function(e,t){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=e.getType("default"),o=n.model,r=n.view,l=e.getType("input"),i=l.model;e.addType("checkbox",{model:o.extend({defaults:fe(fe({},i.prototype.defaults),{},{"custom-name":a.labels.checkbox_name,copyable:!1,droppable:!1,attributes:{type:"checkbox"},traits:[t.id,t.name,t.value,t.required,t.checked]}),init:function(){this.listenTo(this,"change:checked",this.handleChecked)},handleChecked:function(){var e=this.get("checked"),t=this.get("attributes"),a=this.view;e?t.checked=!0:delete t.checked,a&&(a.el.checked=e),this.set("attributes",fe({},t))}},{isComponent:function(e){if("INPUT"===e.tagName&&"checkbox"===e.type)return{type:"checkbox"}}}),view:r.extend({events:{click:"handleClick"},handleClick:function(e){e.preventDefault()}})})};function he(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function ye(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?he(Object(a),!0).forEach((function(t){we(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):he(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}function we(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var Oe=function(e,t){e.add("radio",{label:"\n ".concat('<svg aria-hidden="true" width="24" height="50" focusable="false" data-prefix="far" data-icon="dot-circle" class="svg-inline--fa fa-dot-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 56c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m0-48C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 168c-44.183 0-80 35.817-80 80s35.817 80 80 80 80-35.817 80-80-35.817-80-80-80z"></path></svg>\n',"\n <div>").concat(t,"</div>\n "),category:"Forms",content:'\n <div class="form-check">\n <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value="option1" checked>\n <label class="form-check-label" for="exampleRadios1">\n Default radio\n </label>\n </div>\n '})};const je=function(e,t){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=e.getType("checkbox");e.addType("radio",{model:n.model.extend({defaults:ye(ye({},n.model.prototype.defaults),{},{"custom-name":a.labels.radio,attributes:{type:"radio"}})},{isComponent:function(e){if("INPUT"===e.tagName&&"radio"===e.type)return{type:"radio"}}}),view:n.view})},xe=["primary","secondary","success","info","warning","danger","light","dark"],Ce={lg:"Large",sm:"Small"},ke='<svg class="gjs-block-svg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">\n <path class="gjs-block-svg-path" d="M22,9 C22,8.4 21.5,8 20.75,8 L3.25,8 C2.5,8 2,8.4 2,9 L2,15 C2,15.6 2.5,16 3.25,16 L20.75,16 C21.5,16 22,15.6 22,15 L22,9 Z M21,15 L3,15 L3,9 L21,9 L21,15 Z" fill-rule="nonzero"></path>\n <rect class="gjs-block-svg-path" x="4" y="11.5" width="16" height="1"></rect>\n</svg>\n';function Te(e){return function(e){if(Array.isArray(e))return Pe(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return Pe(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return Pe(e,t)}(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 Pe(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function _e(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function Le(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?_e(Object(a),!0).forEach((function(t){Se(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):_e(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}function Se(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var De=function(e,t){e.add("button",{label:"".concat(ke,"<div>").concat(t,"</div>"),category:"Forms",content:'<button class="btn btn-primary">Send</button>'})};const Ne=function(e){var t=e.getType("default"),a=t.model,n=t.view;e.addType("button",{model:a.extend({defaults:Le(Le({},a.prototype.defaults),{},{"custom-name":"Button",droppable:!1,attributes:{role:"button"},classes:["btn"],traits:[{type:"content",label:"Text"},{label:"Type",type:"select",name:"type",options:[{value:"submit",name:"Submit"},{value:"reset",name:"Reset"},{value:"button",name:"Button"}]},{type:"class_select",options:[{value:"",name:"None"}].concat(Te(xe.map((function(e){return{value:"btn-".concat(e),name:x(e)}}))),Te(xe.map((function(e){return{value:"btn-outline-".concat(e),name:x(e)+" (Outline)"}})))),label:"Context"},{type:"class_select",options:[{value:"",name:"Default"}].concat(Te(Object.keys(Ce).map((function(e){return{value:"btn-".concat(e),name:Ce[e]}})))),label:"Size"},{type:"class_select",options:[{value:"",name:"Inline"},{value:"btn-block",name:"Block"}],label:"Width"}].concat(a.prototype.defaults.traits)}),afterChange:function(e){"button"===this.attributes.type&&0===this.attributes.classes.filter((function(e){return"btn"===e.id})).length&&this.changeType("link")}},{isComponent:function(e){if(e&&e.classList&&e.classList.contains("btn"))return{type:"button"}}}),view:n.extend({events:{click:"handleClick"},init:function(){this.listenTo(this.model,"change:content",this.updateContent)},updateContent:function(){this.el.innerHTML=this.model.get("content")},handleClick:function(e){e.preventDefault()}})})};function Me(e){return function(e){if(Array.isArray(e))return Ae(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return Ae(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return Ae(e,t)}(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 Ae(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var Ee=function(e,t){e.add("button_group",{label:"\n ".concat(ke,"\n <div>").concat(t,"</div>\n "),category:"Forms",content:{type:"button_group"}})};const Ie=function(e){var t=e.getType("default"),a=t.model,n=t.view;e.addType("button_group",{model:a.extend({defaults:Object.assign({},a.prototype.defaults,{"custom-name":"Button Group",tagName:"div",classes:["btn-group"],droppable:".btn",attributes:{role:"group"},traits:[{type:"class_select",options:[{value:"",name:"Default"}].concat(Me(Object.keys(Ce).map((function(e){return{value:"btn-group-"+e,name:Ce[e]}})))),label:"Size"},{type:"class_select",options:[{value:"",name:"Horizontal"},{value:"btn-group-vertical",name:"Vertical"}],label:"Size"},{type:"Text",label:"ARIA Label",name:"aria-label",placeholder:"A group of buttons"}].concat(a.prototype.defaults.traits)})},{isComponent:function(e){if(e&&e.classList&&e.classList.contains("btn-group"))return{type:"button_group"}}}),view:n})};var Be=function(e,t){e.add("button_toolbar",{label:"\n ".concat(ke,"\n <div>").concat(t,"</div>\n "),category:"Forms",content:{type:"button_toolbar"}})};const ze=function(e){var t=e.getType("default"),a=t.model,n=t.view;e.addType("button_toolbar",{model:a.extend({defaults:Object.assign({},a.prototype.defaults,{"custom-name":"Button Toolbar",tagName:"div",classes:["btn-toolbar"],droppable:".btn-group",attributes:{role:"toolbar"},traits:[{type:"Text",label:"ARIA Label",name:"aria-label",placeholder:"A toolbar of button groups"}].concat(a.prototype.defaults.traits)})},{isComponent:function(e){if(e&&e.classList&&e.classList.contains("btn-toolbar"))return{type:"button_toolbar"}}}),view:n})};function He(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function Fe(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?He(Object(a),!0).forEach((function(t){Ve(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):He(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}function Ve(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var qe=function(e,t){e.add("label",{label:"\n ".concat('<svg class="gjs-block-svg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">\n <path class="gjs-block-svg-path" d="M22,11.875 C22,11.35 21.5,11 20.75,11 L3.25,11 C2.5,11 2,11.35 2,11.875 L2,17.125 C2,17.65 2.5,18 3.25,18 L20.75,18 C21.5,18 22,17.65 22,17.125 L22,11.875 Z M21,17 L3,17 L3,12 L21,12 L21,17 Z" fill-rule="nonzero"></path>\n <rect class="gjs-block-svg-path" x="2" y="5" width="14" height="5" rx="0.5"></rect>\n <polygon class="gjs-block-svg-path" fill-rule="nonzero" points="4 13 5 13 5 16 4 16"></polygon>\n</svg>\n',"\n <div>").concat(t,"</div>"),category:"Forms",content:"<label>Label</label>"})};const Re=function(e,t){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=e.getType("text"),o=n.model,r=n.view;e.addType("label",{model:o.extend({defaults:Fe(Fe({},o.prototype.defaults),{},{"custom-name":a.labels.label,tagName:"label",traits:[t.for]})},{isComponent:function(e){if("LABEL"==e.tagName)return{type:"label"}}}),view:r})};var Ze=function(e,t){e.add("link",{label:"\n ".concat('<svg aria-hidden="true" width="24" height="50" focusable="false" data-prefix="fas" data-icon="link" class="svg-inline--fa fa-link fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"></path></svg>\n',"\n <div>").concat(t,"</div>\n "),category:"Basic",content:{type:"link",content:"Link text"}})};const Ue=function(e){var t=e.DomComponents,a=t.getType("text").model,n=t.getType("link").view;t.addType("link",{model:a.extend({defaults:Object.assign({},a.prototype.defaults,{"custom-name":"Link",tagName:"a",droppable:!0,editable:!0,traits:[{type:"text",label:"Href",name:"href",placeholder:"https://www.grapesjs.com"},{type:"select",options:[{value:"",name:"This window"},{value:"_blank",name:"New window"}],label:"Target",name:"target"},{type:"select",options:[{value:"",name:"None"},{value:"button",name:"Self"},{value:"collapse",name:"Collapse"},{value:"dropdown",name:"Dropdown"}],label:"Toggles",name:"data-toggle",changeProp:1}].concat(a.prototype.defaults.traits)}),init2:function(){this.listenTo(this,"change:data-toggle",this.setupToggle),this.listenTo(this,"change:attributes",this.setupToggle)},setupToggle:function(e,t){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(!0!==a.ignore||!0===a.force){console.log("setup toggle");var n=this.getAttributes(),o=n.href;if(delete n["data-toggle"],delete n["aria-expanded"],delete n["aria-controls"],delete n["aria-haspopup"],o&&o.length>0&&o.match(/^#/)){console.log("link has href");var r=this.em.get("Editor").DomComponents.getWrapper().find(o);if(r.length>0){console.log("referenced el found");var l=r[0],i=l.getAttributes(),s=i.class;if(s){console.log("el has classes");var c=s.split(" "),d=["collapse","dropdown-menu"],u=c.filter((function(e){return d.includes(e)}));if(u.length){if(console.log("link data-toggle matches el class"),"collapse"===u[0])n["data-toggle"]="collapse";n["aria-expanded"]=c.includes("show"),"collapse"===u[0]&&(n["aria-controls"]=o.substring(1))}}}}this.set("attributes",n,{ignore:!0})}},classesChanged:function(e){console.log("classes changed"),"link"===this.attributes.type&&this.attributes.classes.filter((function(e){return"btn"===e.id})).length>0&&this.changeType("button")}},{isComponent:function(e){if(e&&e.tagName&&"A"===e.tagName)return{type:"link"}}}),view:n})};function $e(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function Ge(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?$e(Object(a),!0).forEach((function(t){We(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):$e(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}function We(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var Xe=function(e,t){e.add("file-input",{label:"\n ".concat('<svg class="gjs-block-svg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">\n <path class="gjs-block-svg-path" d="M22,9 C22,8.4 21.5,8 20.75,8 L3.25,8 C2.5,8 2,8.4 2,9 L2,15 C2,15.6 2.5,16 3.25,16 L20.75,16 C21.5,16 22,15.6 22,15 L22,9 Z M21,15 L3,15 L3,9 L21,9 L21,15 Z"></path>\n <polygon class="gjs-block-svg-path" points="4 10 5 10 5 14 4 14"></polygon>\n</svg>\n',"\n <div>").concat(t,"</div>\n "),category:"Forms",content:'<input type="file" name="file" class="form-control-file" id="exampleFormControlFile1">'})};const Je=function(e,t){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=e.getType("default"),o=n.model,r=n.view,l="file-input";e.addType(l,{model:o.extend({defaults:Ge(Ge({},o.prototype.defaults),{},{"custom-name":a.labels.input,tagName:"input",draggable:"form .form-group",droppable:!1,traits:[t.name,t.required,{type:"checkbox",label:a.labels.trait_multiple,name:"multiple"}]})},{isComponent:function(e){if("INPUT"===e.tagName&&j(e,"form-control-file"))return{type:l}}}),view:r})};var Ye=function(e,t){e.add("bs-image",{label:"\n ".concat('<svg aria-hidden="true" width="24" height="50" focusable="false" data-prefix="fas" data-icon="image" class="svg-inline--fa fa-image fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 448H48c-26.51 0-48-21.49-48-48V112c0-26.51 21.49-48 48-48h416c26.51 0 48 21.49 48 48v288c0 26.51-21.49 48-48 48zM112 120c-30.928 0-56 25.072-56 56s25.072 56 56 56 56-25.072 56-56-25.072-56-56-56zM64 384h384V272l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L208 320l-55.515-55.515c-4.686-4.686-12.284-4.686-16.971 0L64 336v48z"></path></svg>\n',"\n <div>").concat(t,"</div>\n "),category:"Media",content:{type:"bs-image"}})};const Ke=function(e){var t=e.getType("image"),a=t.model,n=t.view,o="bs-image";e.addType(o,{model:a.extend({defaults:Object.assign({},a.prototype.defaults,{"custom-name":"Image",tagName:"img",resizable:1,attributes:{src:"https://dummyimage.com/800x500/999/222"},classes:["img-fluid"],traits:[{type:"text",label:"Source (URL)",name:"src"},{type:"text",label:"Alternate text",name:"alt"}].concat(a.prototype.defaults.traits)})},{isComponent:function(e){if(e&&"IMG"===e.tagName)return{type:o}}}),view:n})};var Qe=function(e,t){e.add("bs-video",{label:"\n ".concat('<svg aria-hidden="true" width="24" height="50" focusable="false" data-prefix="fab" data-icon="youtube" class="svg-inline--fa fa-youtube fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path></svg>\n',"\n <div>").concat(t,"</div>\n "),category:"Media",content:{type:"bs-video"}})};const et=function(e){var t=e.getType("video"),a=t.model,n=t.view,o="bs-embed-responsive";e.addType(o,{model:a.extend({defaults:Object.assign({},a.prototype.defaults,{"custom-name":"Video",resizable:!1,droppable:!1,draggable:!1,copyable:!1,provider:"so",classes:["embed-responsive-item"]})},{isComponent:function(e){if(e&&"embed-responsive-item"===e.className){var t={provider:"so",type:o},a=/youtube\.com\/embed/.test(e.src),n=/youtube-nocookie\.com\/embed/.test(e.src),r=/player\.vimeo\.com\/video/.test(e.src),l=a||n||r;return("VIDEO"==e.tagName||"IFRAME"==e.tagName&&l)&&(e.src&&(t.src=e.src),l&&(a?t.provider="yt":n?t.provider="ytnc":r&&(t.provider="vi"))),t}}}),view:n})},tt=function(e){var t=e.getType("default"),a=t.model,n=t.view,o="bs-video";e.addType(o,{model:a.extend({defaults:Object.assign({},a.prototype.defaults,{"custom-name":"Embed",tagName:"div",resizable:!1,droppable:!1,classes:["embed-responsive","embed-responsive-16by9"],traits:[{type:"class_select",options:[{value:"embed-responsive-21by9",name:"21:9"},{value:"embed-responsive-16by9",name:"16:9"},{value:"embed-responsive-4by3",name:"4:3"},{value:"embed-responsive-1by1",name:"1:1"}],label:"Aspect Ratio"}].concat(a.prototype.defaults.traits)})},{isComponent:function(e){if(e&&"embed-responsive"===e.className)return{type:o}}}),view:n.extend({init:function(){var e=["Aspect Ratio"].map((function(e){return"change:".concat(e)})).join(" ");this.listenTo(this.model,e,this.render);var t=this.model.components();t.length||t.add('<iframe class="embed-responsive-item" src="'.concat("https://download.blender.org/peach/bigbuckbunny_movies/BigBuckBunny_320x180.mp4",'"></iframe>'))}})})};var at=function(e,t){e.add("paragraph",{label:"\n ".concat('<svg aria-hidden="true" width="24" height="50" focusable="false" data-prefix="fas" data-icon="paragraph" class="svg-inline--fa fa-paragraph fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M448 48v32a16 16 0 0 1-16 16h-48v368a16 16 0 0 1-16 16h-32a16 16 0 0 1-16-16V96h-32v368a16 16 0 0 1-16 16h-32a16 16 0 0 1-16-16V352h-32a160 160 0 0 1 0-320h240a16 16 0 0 1 16 16z"></path></svg>\n',"\n <div>").concat(t,"</div>\n "),category:"Typography",content:{type:"paragraph",content:"Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus."}})};const nt=function(e){var t=e.getType("text"),a=t.model,n=t.view;e.addType("paragraph",{model:a.extend({defaults:Object.assign({},a.prototype.defaults,{"custom-name":"Paragraph",tagName:"p",traits:[{type:"class_select",options:[{value:"",name:"No"},{value:"lead",name:"Yes"}],label:"Lead?"}].concat(a.prototype.defaults.traits)})},{isComponent:function(e){if(e&&e.tagName&&"P"===e.tagName)return{type:"paragraph"}}}),view:n})};var ot=function(e,t){e.add("header",{label:"\n ".concat('<svg aria-hidden="true" width="24" height="50" focusable="false" data-prefix="fas" data-icon="heading" class="svg-inline--fa fa-heading fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M448 96v320h32a16 16 0 0 1 16 16v32a16 16 0 0 1-16 16H320a16 16 0 0 1-16-16v-32a16 16 0 0 1 16-16h32V288H160v128h32a16 16 0 0 1 16 16v32a16 16 0 0 1-16 16H32a16 16 0 0 1-16-16v-32a16 16 0 0 1 16-16h32V96H32a16 16 0 0 1-16-16V48a16 16 0 0 1 16-16h160a16 16 0 0 1 16 16v32a16 16 0 0 1-16 16h-32v128h192V96h-32a16 16 0 0 1-16-16V48a16 16 0 0 1 16-16h160a16 16 0 0 1 16 16v32a16 16 0 0 1-16 16z"></path></svg>\n',"\n <div>").concat(t,"</div>\n "),category:"Typography",content:{type:"header",content:"Bootstrap heading"}})};const rt=function(e){var t=e.getType("text"),a=t.model,n=t.view;e.addType("header",{model:a.extend({defaults:Object.assign({},a.prototype.defaults,{"custom-name":"Header",tagName:"h1",traits:[{type:"select",options:[{value:"h1",name:"One (largest)"},{value:"h2",name:"Two"},{value:"h3",name:"Three"},{value:"h4",name:"Four"},{value:"h5",name:"Five"},{value:"h6",name:"Six (smallest)"}],label:"Size",name:"tagName",changeProp:1},{type:"class_select",options:[{value:"",name:"None"},{value:"display-1",name:"One (largest)"},{value:"display-2",name:"Two "},{value:"display-3",name:"Three "},{value:"display-4",name:"Four (smallest)"}],label:"Display Heading"}].concat(a.prototype.defaults.traits)})},{isComponent:function(e){if(e&&["H1","H2","H3","H4","H5","H6"].includes(e.tagName))return{type:"header"}}}),view:n})},lt='<svg aria-hidden="true" width="24" height="50" focusable="false" data-prefix="fas" data-icon="credit-card" class="svg-inline--fa fa-credit-card fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M0 432c0 26.5 21.5 48 48 48h480c26.5 0 48-21.5 48-48V256H0v176zm192-68c0-6.6 5.4-12 12-12h136c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H204c-6.6 0-12-5.4-12-12v-40zm-128 0c0-6.6 5.4-12 12-12h72c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM576 80v48H0V80c0-26.5 21.5-48 48-48h480c26.5 0 48 21.5 48 48z"></path></svg>\n';var it=function(e,t){e.add("card",{label:"\n ".concat(lt,"\n <div>").concat(t.labels.card,"</div>\n "),category:"Components",content:{type:"card"}}),e.add("card_container",{label:"\n ".concat(lt,"\n <div>").concat(t.labels.card_container,"</div>\n "),category:"Components",content:{type:"card_container"}})};const st=function(e,t){var a=t.DomComponents.getType("default"),n=a.model,o=a.view,r=e.getType("image"),l=r.model,i=r.view;e.addType("card",{model:n.extend({defaults:Object.assign({},n.prototype.defaults,{"custom-name":"Card",classes:["card"],traits:[{type:"checkbox",label:"Image Top",name:"card-img-top",changeProp:1},{type:"checkbox",label:"Header",name:"card-header",changeProp:1},{type:"checkbox",label:"Image",name:"card-img",changeProp:1},{type:"checkbox",label:"Image Overlay",name:"card-img-overlay",changeProp:1},{type:"checkbox",label:"Body",name:"card-body",changeProp:1},{type:"checkbox",label:"Footer",name:"card-footer",changeProp:1},{type:"checkbox",label:"Image Bottom",name:"card-img-bottom",changeProp:1}].concat(n.prototype.defaults.traits)}),init2:function(){this.listenTo(this,"change:card-img-top",this.cardImageTop),this.listenTo(this,"change:card-header",this.cardHeader),this.listenTo(this,"change:card-img",this.cardImage),this.listenTo(this,"change:card-img-overlay",this.cardImageOverlay),this.listenTo(this,"change:card-body",this.cardBody),this.listenTo(this,"change:card-footer",this.cardFooter),this.listenTo(this,"change:card-img-bottom",this.cardImageBottom),this.components().comparator="card-order",this.set("card-img-top",!0),this.set("card-body",!0)},cardImageTop:function(){this.createCardComponent("card-img-top")},cardHeader:function(){this.createCardComponent("card-header")},cardImage:function(){this.createCardComponent("card-img")},cardImageOverlay:function(){this.createCardComponent("card-img-overlay")},cardBody:function(){this.createCardComponent("card-body")},cardFooter:function(){this.createCardComponent("card-footer")},cardImageBottom:function(){this.createCardComponent("card-img-bottom")},createCardComponent:function(e){var t=this.get(e),a=e.replace(/-/g,"_").replace(/img/g,"image"),n=this.components(),o=n.filter((function(e){return e.attributes.type===a}))[0];if(t&&!o){var r=n.add({type:a}).components();"card-header"===e&&r.add({type:"header",tagName:"h4",style:{"margin-bottom":"0px"},content:"Card Header"}),"card-img-overlay"===e&&(r.add({type:"header",tagName:"h4",classes:["card-title"],content:"Card title"}),r.add({type:"text",tagName:"p",classes:["card-text"],content:"Some quick example text to build on the card title and make up the bulk of the card's content."})),"card-body"===e&&(r.add({type:"header",tagName:"h4",classes:["card-title"],content:"Card title"}),r.add({type:"header",tagName:"h6",classes:["card-subtitle","text-muted","mb-2"],content:"Card subtitle"}),r.add({type:"text",tagName:"p",classes:["card-text"],content:"Some quick example text to build on the card title and make up the bulk of the card's content."}),r.add({type:"link",classes:["card-link"],href:"#",content:"Card link"}),r.add({type:"link",classes:["card-link"],href:"#",content:"Another link"})),this.order()}else t||o.destroy()},order:function(){}},{isComponent:function(e){if(e&&e.classList&&e.classList.contains("card"))return{type:"card"}}}),view:o}),e.addType("card_image_top",{model:l.extend({defaults:Object.assign({},l.prototype.defaults,{"custom-name":"Card Image Top",classes:["card-img-top"],"card-order":1})},{isComponent:function(e){if(e&&e.classList&&e.classList.contains("card-img-top"))return{type:"card_image_top"}}}),view:i}),e.addType("card_header",{model:n.extend({defaults:Object.assign({},n.prototype.defaults,{"custom-name":"Card Header",classes:["card-header"],"card-order":2})},{isComponent:function(e){if(e&&e.classList&&e.classList.contains("card-header"))return{type:"card_header"}}}),view:o}),e.addType("card_image",{model:l.extend({defaults:Object.assign({},l.prototype.defaults,{"custom-name":"Card Image",classes:["card-img"],"card-order":3})},{isComponent:function(e){if(e&&e.classList&&e.classList.contains("card-img"))return{type:"card_image"}}}),view:i}),e.addType("card_image_overlay",{model:n.extend({defaults:Object.assign({},n.prototype.defaults,{"custom-name":"Card Image Overlay",classes:["card-img-overlay"],"card-order":4})},{isComponent:function(e){if(e&&e.classList&&e.classList.contains("card-img-overlay"))return{type:"card_image_overlay"}}}),view:o}),e.addType("card_body",{model:n.extend({defaults:Object.assign({},n.prototype.defaults,{"custom-name":"Card Body",classes:["card-body"],"card-order":5})},{isComponent:function(e){if(e&&e.classList&&e.classList.contains("card-body"))return{type:"card_body"}}}),view:o}),e.addType("card_footer",{model:n.extend({defaults:Object.assign({},n.prototype.defaults,{"custom-name":"Card Footer",classes:["card-footer"],"card-order":6})},{isComponent:function(e){if(e&&e.classList&&e.classList.contains("card-footer"))return{type:"card_footer"}}}),view:o}),e.addType("card_image_bottom",{model:l.extend({defaults:Object.assign({},l.prototype.defaults,{"custom-name":"Card Image Bottom",classes:["card-img-bottom"],"card-order":7})},{isComponent:function(e){if(e&&e.classList&&e.classList.contains("card-img-bottom"))return{type:"card_image_bottom"}}}),view:i}),e.addType("card_container",{model:n.extend({defaults:Object.assign({},n.prototype.defaults,{"custom-name":"Card Container",classes:["card-group"],droppable:".card",traits:[{type:"class_select",options:[{value:"card-group",name:"Group"},{value:"card-deck",name:"Deck"},{value:"card-columns",name:"Columns"}],label:"Layout"}].concat(n.prototype.defaults.traits)})},{isComponent:function(e){var t=Array.from(e.classList||[]),a=["card-group","card-deck","card-columns"],n=t.filter((function(e){return a.includes(e)}));if(e&&e.classList&&n.length)return{type:"card_container"}}}),view:o})};function ct(e){return function(e){if(Array.isArray(e))return dt(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return dt(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return dt(e,t)}(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 dt(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var ut=function(e,t){e.add("badge",{label:"\n ".concat('<svg aria-hidden="true" width="24" height="50" focusable="false" data-prefix="fas" data-icon="certificate" class="svg-inline--fa fa-certificate fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M458.622 255.92l45.985-45.005c13.708-12.977 7.316-36.039-10.664-40.339l-62.65-15.99 17.661-62.015c4.991-17.838-11.829-34.663-29.661-29.671l-61.994 17.667-15.984-62.671C337.085.197 313.765-6.276 300.99 7.228L256 53.57 211.011 7.229c-12.63-13.351-36.047-7.234-40.325 10.668l-15.984 62.671-61.995-17.667C74.87 57.907 58.056 74.738 63.046 92.572l17.661 62.015-62.65 15.99C.069 174.878-6.31 197.944 7.392 210.915l45.985 45.005-45.985 45.004c-13.708 12.977-7.316 36.039 10.664 40.339l62.65 15.99-17.661 62.015c-4.991 17.838 11.829 34.663 29.661 29.671l61.994-17.667 15.984 62.671c4.439 18.575 27.696 24.018 40.325 10.668L256 458.61l44.989 46.001c12.5 13.488 35.987 7.486 40.325-10.668l15.984-62.671 61.994 17.667c17.836 4.994 34.651-11.837 29.661-29.671l-17.661-62.015 62.65-15.99c17.987-4.302 24.366-27.367 10.664-40.339l-45.984-45.004z"></path></svg>\n',"\n <div>").concat(t,"</div>\n "),category:"Components",content:{type:"badge",content:"New!"}})};const pt=function(e){var t=e.getType("text"),a=t.model,n=t.view;e.addType("badge",{model:a.extend({defaults:Object.assign({},a.prototype.defaults,{"custom-name":"Badge",tagName:"span",classes:["badge"],traits:[{type:"class_select",options:[{value:"",name:"None"}].concat(ct(xe.map((function(e){return{value:"badge-"+e,name:x(e)}})))),label:"Context"},{type:"class_select",options:[{value:"",name:"Default"},{value:"badge-pill",name:"Pill"}],label:"Shape"}].concat(a.prototype.defaults.traits)})},{isComponent:function(e){if(e&&e.classList&&e.classList.contains("badge"))return{type:"badge"}}}),view:n})};function mt(e){return function(e){if(Array.isArray(e))return ft(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return ft(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return ft(e,t)}(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 ft(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var bt=function(e,t){e.add("alert",{label:"\n ".concat('<svg aria-hidden="true" width="24" height="50" focusable="false" data-prefix="fas" data-icon="exclamation-triangle" class="svg-inline--fa fa-exclamation-triangle fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"></path></svg>\n',"\n <div>").concat(t,"</div>\n "),category:"Components",content:{type:"alert",content:"This is an alert—check it out!"}})};const gt=function(e){var t=e.getType("text"),a=t.model,n=t.view;e.addType("alert",{model:a.extend({defaults:Object.assign({},a.prototype.defaults,{"custom-name":"Alert",tagName:"div",classes:["alert"],traits:[{type:"class_select",options:[{value:"",name:"None"}].concat(mt(xe.map((function(e){return{value:"alert-"+e,name:x(e)}})))),label:"Context"}].concat(a.prototype.defaults.traits)})},{isComponent:function(e){if(e&&e.classList&&e.classList.contains("alert"))return{type:"alert"}}}),view:n})},vt='<svg aria-hidden="true" width="24" height="50" focusable="false" data-prefix="fas" data-icon="columns" class="svg-inline--fa fa-columns fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zM224 416H64V160h160v256zm224 0H288V160h160v256z"></path></svg>\n';var ht=function(e,t){e.add("media_object").set({label:"\n ".concat(vt,"\n <div>").concat(t,"</div>\n "),category:"Layout",content:'<div class="media">\n <img class="mr-3" src="">\n <div class="media-body">\n <h5>Media heading</h5>\n <div>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</div>\n </div>\n </div>'})};const yt=function(e){var t=e.getType("default"),a=t.model,n=t.view;e.addType("media_object",{model:a.extend({defaults:Object.assign({},a.prototype.defaults,{"custom-name":"Media Object",tagName:"div",classes:["media"]})},{isComponent:function(e){if(e&&e.classList&&e.classList.contains("media"))return{type:"media"}}}),view:n}),e.addType("media_body",{model:a.extend({defaults:Object.assign({},a.prototype.defaults,{"custom-name":"Media Body",tagName:"div",classes:["media-body"]})},{isComponent:function(e){if(e&&e.classList&&e.classList.contains("media-body"))return{type:"media_body"}}}),view:n})};var wt=function(e,t){e.add("column_break").set({label:"\n ".concat('<svg aria-hidden="true" width="24" height="50" focusable="false" data-prefix="fas" data-icon="equals" class="svg-inline--fa fa-equals fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M416 304H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32zm0-192H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"></path></svg>\n',"\n <div>").concat(t,"</div>\n "),category:"Layout",content:{type:"column_break"}})};const Ot=function(e){var t=e.getType("default"),a=t.model,n=t.view;e.addType("column_break",{model:a.extend({defaults:Object.assign({},a.prototype.defaults,{"custom-name":"Column Break",tagName:"div",classes:["w-100"]})},{isComponent:function(e){if(e&&e.classList&&e.classList.contains("w-100"))return{type:"column_break"}}}),view:n})};function jt(e){return function(e){if(Array.isArray(e))return kt(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Ct(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 xt(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==a)return;var n,o,r=[],l=!0,i=!1;try{for(a=a.call(e);!(l=(n=a.next()).done)&&(r.push(n.value),!t||r.length!==t);l=!0);}catch(e){i=!0,o=e}finally{try{l||null==a.return||a.return()}finally{if(i)throw o}}return r}(e,t)||Ct(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 Ct(e,t){if(e){if("string"==typeof e)return kt(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?kt(e,t):void 0}}function kt(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var Tt=function(e,t){e.add("column").set({label:"\n ".concat(vt,"\n <div>").concat(t,"</div>\n "),category:"Layout",content:{type:"column",classes:["col"]}})};const Pt=function(e,t){var a=e.getType("default"),n=a.model,o=a.view,r=[1,2,3,4,5,6,7,8,9,10,11,12];e.addType("column",{model:n.extend({defaults:Object.assign({},n.prototype.defaults,{"custom-name":"Column",draggable:".row",droppable:!0,resizable:{updateTarget:function(e,a,n){var o=t.getSelected();if(o){var r=e.getRootNode().body.offsetWidth,l="";r>=1200?l="xl":r>=992?l="lg":r>=768?l="md":r>=576&&(l="sm");var i=.5*(e.parentElement.offsetWidth/12),s=a.w>e.offsetWidth+i,c=a.w<e.offsetWidth-i;if(s||c){new RegExp("^col-"+l+"-\\d{1,2}$");l||new RegExp("^col-\\d{1,2}$");var d,u=!1,p={},m=0,f=null,b=function(e,t){var a="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!a){if(Array.isArray(e)||(a=Ct(e))||t&&e&&"number"==typeof e.length){a&&(e=a);var n=0,o=function(){};return{s:o,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},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 r,l=!0,i=!1;return{s:function(){a=a.call(e)},n:function(){var e=a.next();return l=e.done,e},e:function(e){i=!0,r=e},f:function(){try{l||null==a.return||a.return()}finally{if(i)throw r}}}}(e.classList);try{for(b.s();!(d=b.n()).done;){var g=d.value;if(0===g.indexOf("col-")){var v=xt(g.split("-"),3),h=(v[0],v[1]),y=v[2];y||(y=h,h=""),p[h]=y,h===l&&(f=g,m=y,u=!0)}}}catch(e){b.e(e)}finally{b.f()}if(!u)for(var w=0,O=["","xs","sm","md","lg","xl"];w<O.length;w++){var j=O[w];if(p[j]&&(m=p[j],u=!0),j===l)break}var x=Number(m);s?x++:x--,x>12&&(x=12),x<1&&(x=1);var C="col-"+l+"-"+x;l||(C="col-"+x),o.addClass(C),f&&f!==C&&o.removeClass(f),o.getTrait((l||"xs")+"_width").view.postUpdate()}}},tl:0,tc:0,tr:0,cl:0,cr:1,bl:0,bc:0,br:0},traits:[{id:"xs_width",type:"class_select",options:[{value:"col",name:"Equal"},{value:"col-auto",name:"Variable"}].concat(jt(r.map((function(e){return{value:"col-"+e,name:e+"/12"}})))),label:"XS Width"},{id:"sm_width",type:"class_select",options:[{value:"",name:"None"},{value:"col-sm",name:"Equal"},{value:"col-sm-auto",name:"Variable"}].concat(jt(r.map((function(e){return{value:"col-sm-"+e,name:e+"/12"}})))),label:"SM Width"},{id:"md_width",type:"class_select",options:[{value:"",name:"None"},{value:"col-md",name:"Equal"},{value:"col-md-auto",name:"Variable"}].concat(jt(r.map((function(e){return{value:"col-md-"+e,name:e+"/12"}})))),label:"MD Width"},{id:"lg_width",type:"class_select",options:[{value:"",name:"None"},{value:"col-lg",name:"Equal"},{value:"col-lg-auto",name:"Variable"}].concat(jt(r.map((function(e){return{value:"col-lg-"+e,name:e+"/12"}})))),label:"LG Width"},{id:"xl_width",type:"class_select",options:[{value:"",name:"None"},{value:"col-xl",name:"Equal"},{value:"col-xl-auto",name:"Variable"}].concat(jt(r.map((function(e){return{value:"col-xl-"+e,name:e+"/12"}})))),label:"XL Width"},{type:"class_select",options:[{value:"",name:"None"}].concat(jt(r.map((function(e){return{value:"offset-"+e,name:e+"/12"}})))),label:"XS Offset"},{type:"class_select",options:[{value:"",name:"None"}].concat(jt(r.map((function(e){return{value:"offset-sm-"+e,name:e+"/12"}})))),label:"SM Offset"},{type:"class_select",options:[{value:"",name:"None"}].concat(jt(r.map((function(e){return{value:"offset-md-"+e,name:e+"/12"}})))),label:"MD Offset"},{type:"class_select",options:[{value:"",name:"None"}].concat(jt(r.map((function(e){return{value:"offset-lg-"+e,name:e+"/12"}})))),label:"LG Offset"},{type:"class_select",options:[{value:"",name:"None"}].concat(jt(r.map((function(e){return{value:"offset-xl-"+e,name:e+"/12"}})))),label:"XL Offset"}].concat(n.prototype.defaults.traits)})},{isComponent:function(e){var t=!1;if(e&&e.classList&&e.classList.forEach((function(e){("col"==e||e.match(/^col-/))&&(t=!0)})),t)return{type:"column"}}}),view:o})};var _t=function(e,t){e.add("row").set({label:"\n ".concat(C,"\n <div>").concat(t,"</div>\n "),category:"Layout",content:{type:"row",classes:["row"]}})};const Lt=function(e){var t=e.getType("default"),a=t.model,n=t.view;e.addType("row",{model:a.extend({defaults:Object.assign({},a.prototype.defaults,{"custom-name":"Row",tagName:"div",draggable:".container, .container-fluid",droppable:!0,traits:[{type:"class_select",options:[{value:"",name:"Yes"},{value:"no-gutters",name:"No"}],label:"Gutters?"}].concat(a.prototype.defaults.traits)})},{isComponent:function(e){if(e&&e.classList&&e.classList.contains("row"))return{type:"row"}}}),view:n})};var St=function(e,t){e.add("container").set({label:"\n ".concat(C,"\n <div>").concat(t,"</div>\n "),category:"Layout",content:{type:"container",classes:["container"]}})};const Dt=function(e){var t=e.getType("default"),a=t.model,n=t.view;e.addType("container",{model:a.extend({defaults:Object.assign({},a.prototype.defaults,{"custom-name":"Container",tagName:"div",droppable:!0,traits:[{type:"class_select",options:[{value:"container",name:"Fixed"},{value:"container-fluid",name:"Fluid"}],label:"Width"}].concat(a.prototype.defaults.traits)})},{isComponent:function(e){if(e&&e.classList&&(e.classList.contains("container")||e.classList.contains("container-fluid")))return{type:"container"}}}),view:n})};var Nt=function(e,t){e.add("text",{label:"\n ".concat('<svg aria-hidden="true" width="24" height="50" focusable="false" data-prefix="fas" data-icon="font" class="svg-inline--fa fa-font fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M432 416h-23.41L277.88 53.69A32 32 0 0 0 247.58 32h-47.16a32 32 0 0 0-30.3 21.69L39.41 416H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16h-19.58l23.3-64h152.56l23.3 64H304a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM176.85 272L224 142.51 271.15 272z"></path></svg>\n',"\n <div>").concat(t,"</div>\n "),category:"Typography",content:{type:"text",content:"Insert your text here"}})};const Mt=function(e){var t=e.getType("default").model,a=e.getType("text").view;e.addType("text",{model:t.extend({defaults:Object.assign({},t.prototype.defaults,{"custom-name":"Text",tagName:"div",droppable:!0,editable:!0})},{}),view:a})};function At(e){return function(e){if(Array.isArray(e))return Et(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return Et(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return Et(e,t)}(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 Et(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}const It=function(e){var t=xe.concat(["white"]),a=e.getType("default"),n=a.model,o=a.view;e.addType("default",{model:n.extend({defaults:Object.assign({},n.prototype.defaults,{tagName:"div",traits:[{type:"class_select",options:[{value:"",name:"Default"}].concat(At(t.map((function(e){return{value:"text-"+e,name:x(e)}})))),label:"Text color"},{type:"class_select",options:[{value:"",name:"Default"}].concat(At(t.map((function(e){return{value:"bg-"+e,name:x(e)}})))),label:"Background color"},{type:"class_select",options:[{value:"",name:"Default"},{value:"border",name:"Full"},{value:"border-top-0",name:"No top"},{value:"border-right-0",name:"No right"},{value:"border-bottom-0",name:"No bottom"},{value:"border-left-0",name:"No left"},{value:"border-0",name:"None"}],label:"Border width"},{type:"class_select",options:[{value:"",name:"Default"}].concat(At(t.map((function(e){return{value:"border border-"+e,name:x(e)}})))),label:"Border color"},{type:"class_select",options:[{value:"",name:"Default"},{value:"rounded",name:"Rounded"},{value:"rounded-top",name:"Rounded top"},{value:"rounded-right",name:"Rounded right"},{value:"rounded-bottom",name:"Rounded bottom"},{value:"rounded-left",name:"Rounded left"},{value:"rounded-circle",name:"Circle"},{value:"rounded-0",name:"Square"}],label:"Border radius"},{type:"text",label:"ID",name:"id",placeholder:"my_element"},{type:"text",label:"Title",name:"title",placeholder:"My Element"}]}),init:function(){var e=this.get("classes");e.bind("add",this.classesChanged.bind(this)),e.bind("change",this.classesChanged.bind(this)),e.bind("remove",this.classesChanged.bind(this)),this.init2()},init2:function(){},classesChanged:function(){},changeType:function(e){var t=this.collection,a=t.indexOf(this),n={type:e,style:this.getStyle(),attributes:this.getAttributes(),content:this.view.el.innerHTML};t.remove(this),t.add(n,{at:a}),this.destroy()}}),view:o})},Bt=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=t,n=e.DomComponents,o=a.blocks,r=e.BlockManager,d=a.blockCategories,u={id:{name:"id",label:a.labels.trait_id},for:{name:"for",label:a.labels.trait_for},name:{name:"name",label:a.labels.trait_name},placeholder:{name:"placeholder",label:a.labels.trait_placeholder},value:{name:"value",label:a.labels.trait_value},required:{type:"checkbox",name:"required",label:a.labels.trait_required},checked:{label:a.labels.trait_checked,type:"checkbox",name:"checked",changeProp:1}};d.media&&(o.image&&(Ye(r,a.labels.image),Ke(n)),o.video&&(tt(n),Qe(r,a.labels.video),et(n))),d.basic&&(o.default&&It(n),o.text&&(Nt(r,a.labels.text),Mt(n)),o.link&&(Ze(r,a.labels.link),Ue(e)),o.list&&(l(r,a.labels.list),i(n))),d.layout&&(o.container&&(St(r,a.labels.container),Dt(n)),o.row&&(_t(r,a.labels.row),Lt(n)),o.column&&(Tt(r,a.labels.column),Pt(n,e),wt(r,a.labels.column_break),Ot(n)),o.media_object&&(ht(r,a.labels.media_object),yt(n))),d.components&&(o.alert&&(bt(r,a.labels.alert),gt(n)),o.tabs&&(_(r,a),L(n,t),B(n,t),M(n,t),V(n,t)),o.badge&&(ut(r,a.labels.badge),pt(n)),o.card&&(it(r,a),st(n,e)),o.collapse&&(s(r,a.labels.collapse),c(e)),o.dropdown&&(m(r,a.labels.dropdown),f(e))),d.typography&&(o.header&&(ot(r,a.labels.header),rt(n)),o.paragraph&&(at(r,a.labels.paragraph),nt(n))),d.forms&&(o.form&&(U(r,a.labels.form),$(n,u,t)),o.input&&(J(r,a.labels.input),Y(n,u,t),Xe(r,a.labels.file_input),Je(n,u,t)),o.form_group_input&&(te(r,a.labels.form_group_input),ae(n,u,t)),o.textarea&&(le(r,a.labels.textarea),ie(n,u,t)),o.select&&(ue(r,a.labels.select),pe(e,n,u,t)),o.checkbox&&(ge(r,a.labels.checkbox),ve(n,u,t)),o.radio&&(Oe(r,a.labels.radio),je(n,u,t)),o.label&&(qe(r,a.labels.label),Re(n,u,t)),o.button&&(De(r,a.labels.button),Ne(n)),o.button_group&&(Ee(r,a.labels.button_group),Ie(n)),o.button_toolbar&&(Be(r,a.labels.button_toolbar),ze(n)))},zt=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=t,n=e.DeviceManager;if(a.gridDevices&&(n.add("Extra Small","575px"),n.add("Small","767px"),n.add("Medium","991px"),n.add("Large","1199px"),n.add("Extra Large"),a.gridDevicesPanel)){var o=e.Panels,r=e.Commands,l=o.addPanel({id:"devices-buttons"}),i=l.get("buttons");i.add([{id:"deviceXl",command:"set-device-xl",className:"fa fa-desktop",text:"XL",attributes:{title:"Extra Large"},active:1},{id:"deviceLg",command:"set-device-lg",className:"fa fa-desktop",attributes:{title:"Large"}},{id:"deviceMd",command:"set-device-md",className:"fa fa-tablet",attributes:{title:"Medium"}},{id:"deviceSm",command:"set-device-sm",className:"fa fa-mobile",attributes:{title:"Small"}},{id:"deviceXs",command:"set-device-xs",className:"fa fa-mobile",attributes:{title:"Extra Small"}}]),r.add("set-device-xs",{run:function(e){e.setDevice("Extra Small")}}),r.add("set-device-sm",{run:function(e){e.setDevice("Small")}}),r.add("set-device-md",{run:function(e){e.setDevice("Medium")}}),r.add("set-device-lg",{run:function(e){e.setDevice("Large")}}),r.add("set-device-xl",{run:function(e){e.setDevice("Extra Large")}})}};function Ht(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function Ft(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?Ht(Object(a),!0).forEach((function(t){Vt(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):Ht(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}function Vt(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var qt=function(e){e.Config.canvasCss+='\n /* Layout */\n\n .gjs-dashed .container, .gjs-dashed .container-fluid,\n .gjs-dashed .row,\n .gjs-dashed .col, .gjs-dashed [class^="col-"] {\n min-height: 1.5rem !important;\n }\n .gjs-dashed .w-100 {\n min-height: .25rem !important;\n background-color: rgba(0,0,0,0.1);\n }\n .gjs-dashed img {\n min-width: 25px;\n min-height: 25px;\n background-color: rgba(0,0,0,0.5);\n }\n\n /* Components */\n\n .gjs-dashed .btn-group,\n .gjs-dashed .btn-toolbar {\n padding-right: 1.5rem !important;\n min-height: 1.5rem !important;\n }\n .gjs-dashed .card,\n .gjs-dashed .card-group, .gjs-dashed .card-deck, .gjs-dashed .card-columns {\n min-height: 1.5rem !important;\n }\n .gjs-dashed .collapse {\n display: block !important;\n min-height: 1.5rem !important;\n }\n .gjs-dashed .dropdown {\n display: block !important;\n min-height: 1.5rem !important;\n }\n .gjs-dashed .dropdown-menu {\n min-height: 1.5rem !important;\n display: block !important;\n }\n '};const Rt=t().plugins.add("grapesjs-blocks-bootstrap4",(function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};window.editor=e;var n=t.blocks||{},o=t.labels||{},l=t.blockCategories||{};delete t.blocks,delete t.labels,delete t.blockCategories;var i={default:!0,text:!0,link:!0,image:!0,container:!0,row:!0,column:!0,column_break:!0,media_object:!0,alert:!0,tabs:!0,badge:!0,button:!0,button_group:!0,button_toolbar:!0,card:!0,card_container:!0,collapse:!0,dropdown:!0,video:!0,header:!0,paragraph:!0,list:!0,form:!0,input:!0,form_group_input:!0,input_group:!0,textarea:!0,select:!0,label:!0,checkbox:!0,radio:!0},s={container:"Container",row:"Row",column:"Column",column_break:"Column Break",media_object:"Media Object",alert:"Alert",tabs:"Tabs",tab:"Tab",tabPane:"Tab Pane",badge:"Badge",button:"Button",button_group:"Button Group",button_toolbar:"Button Toolbar",card:"Card",card_container:"Card Container",collapse:"Collapse",dropdown:"Dropdown",dropdown_menu:"Dropdown Menu",dropdown_item:"Dropdown Item",image:"Image",video:"Video",text:"Text",header:"Header",paragraph:"Paragraph",link:"Link",list:"Simple List",form:"Form",input:"Input",file_input:"File",form_group_input:"Form Group",input_group:"Input group",textarea:"Textarea",select:"Select",select_option:"- Select option -",option:"Option",label:"Label",checkbox:"Checkbox",radio:"Radio",trait_method:"Method",trait_enctype:"Encoding Type",trait_multiple:"Multiple",trait_action:"Action",trait_state:"State",trait_id:"ID",trait_for:"For",trait_name:"Name",trait_placeholder:"Placeholder",trait_value:"Value",trait_required:"Required",trait_type:"Type",trait_options:"Options",trait_checked:"Checked",type_text:"Text",type_email:"Email",type_password:"Password",type_number:"Number",type_date:"Date",type_hidden:"Hidden",type_submit:"Submit",type_reset:"Reset",type_button:"Button"},c={layout:!0,media:!0,components:!0,typography:!0,basic:!0,forms:!0},d=Ft(Ft({},{blocks:Object.assign(i,n),labels:Object.assign(s,o),blockCategories:Object.assign(c,l),optionsStringSeparator:"::",gridDevices:!0,gridDevicesPanel:!1,classNavigation:"nav",classTabPanes:"tab-content",classTabPane:"tab-pane",classTab:"nav-item"}),t);a(e,d),r(e,d),Bt(e,d),zt(e,d),qt(e)}))})(),o})()));