@themarioga/grid-editor 7.3.0 → 8.0.0-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +60 -0
- package/README.md +27 -30
- package/UPGRADING.md +55 -0
- package/dist/grideditor.bundle.min.js +3 -3
- package/dist/grideditor.css +47 -6
- package/dist/grideditor.d.ts +3 -3
- package/dist/grideditor.esm.js +7 -58
- package/dist/grideditor.jquery.js +0 -13
- package/dist/grideditor.jquery.min.js +1 -1
- package/dist/grideditor.jquery.min.js.map +3 -3
- package/dist/grideditor.js +7 -58
- package/dist/grideditor.min.css +1 -1
- package/dist/grideditor.min.css.map +1 -1
- package/dist/grideditor.min.js +2 -2
- package/dist/grideditor.min.js.map +3 -3
- package/dist/locales/grideditor.es.esm.js +13 -6
- package/dist/locales/grideditor.es.js +13 -6
- package/dist/locales/grideditor.es.min.js +1 -1
- package/dist/locales/grideditor.es.min.js.map +2 -2
- package/dist/plugins/grideditor.accordion.min.js.map +2 -2
- package/dist/plugins/grideditor.alignment.esm.js +11 -38
- package/dist/plugins/grideditor.alignment.js +11 -38
- package/dist/plugins/grideditor.alignment.min.js +1 -1
- package/dist/plugins/grideditor.alignment.min.js.map +3 -3
- package/dist/plugins/grideditor.card.min.js.map +1 -1
- package/dist/plugins/grideditor.ckeditor.esm.js +0 -5
- package/dist/plugins/grideditor.ckeditor.js +0 -5
- package/dist/plugins/grideditor.ckeditor.min.js +1 -1
- package/dist/plugins/grideditor.ckeditor.min.js.map +3 -3
- package/dist/plugins/grideditor.clipboard.min.js.map +1 -1
- package/dist/plugins/grideditor.codemirror-inline.min.js.map +1 -1
- package/dist/plugins/grideditor.codemirror.min.js.map +1 -1
- package/dist/plugins/grideditor.elements.min.js.map +2 -2
- package/dist/plugins/grideditor.gutters.min.js.map +1 -1
- package/dist/plugins/grideditor.order.min.js.map +1 -1
- package/dist/plugins/grideditor.popup.min.js.map +1 -1
- package/dist/plugins/grideditor.sections.min.js.map +2 -2
- package/dist/plugins/grideditor.style.esm.js +393 -60
- package/dist/plugins/grideditor.style.js +387 -56
- package/dist/plugins/grideditor.style.min.js +4 -2
- package/dist/plugins/grideditor.style.min.js.map +4 -4
- package/dist/plugins/grideditor.summernote.min.js.map +2 -2
- package/dist/plugins/grideditor.tabs.min.js.map +2 -2
- package/dist/plugins/grideditor.tinymce.esm.js +1 -8
- package/dist/plugins/grideditor.tinymce.js +1 -8
- package/dist/plugins/grideditor.tinymce.min.js +1 -1
- package/dist/plugins/grideditor.tinymce.min.js.map +3 -3
- package/docs/events.md +4 -6
- package/docs/locale-keys.md +18 -13
- package/docs/plugins.md +15 -35
- package/example/ckeditor.html +0 -5
- package/example/index.html +5 -4
- package/example/style.html +16 -4
- package/example/utilities.html +12 -11
- package/package.json +1 -1
- package/src/js/dom.js +1 -2
- package/src/js/grideditor.jquery.js +7 -28
- package/src/js/grideditor.js +12 -81
- package/src/js/locales/grideditor.es.js +13 -6
- package/src/js/plugins/grideditor.alignment.js +21 -50
- package/src/js/plugins/grideditor.ckeditor.js +10 -23
- package/src/js/plugins/grideditor.style.js +18 -12
- package/src/js/plugins/grideditor.summernote.js +4 -5
- package/src/js/plugins/grideditor.tinymce.js +4 -17
- package/src/js/style/accordion.js +14 -3
- package/src/js/style/display.js +229 -0
- package/src/js/style/drawerflow.js +118 -0
- package/src/js/style/flex.js +156 -0
- package/src/js/style/float.js +2 -4
- package/src/js/style/options.js +5 -20
- package/src/js/style/sections.js +42 -15
- package/src/js/style/spacing.js +2 -4
- package/src/js/style/sticky.js +39 -0
- package/src/js/style/textalign.js +2 -4
- package/src/js/text/grideditor.text.js +1 -1
- package/src/less/grideditor.less +40 -10
- package/types/grideditor.d.ts +3 -3
- package/dist/plugins/grideditor.float.esm.js +0 -43
- package/dist/plugins/grideditor.float.js +0 -47
- package/dist/plugins/grideditor.float.min.js +0 -1
- package/dist/plugins/grideditor.float.min.js.map +0 -7
- package/dist/plugins/grideditor.spacing.esm.js +0 -327
- package/dist/plugins/grideditor.spacing.js +0 -329
- package/dist/plugins/grideditor.spacing.min.js +0 -1
- package/dist/plugins/grideditor.spacing.min.js.map +0 -7
- package/dist/plugins/grideditor.textalign.esm.js +0 -49
- package/dist/plugins/grideditor.textalign.js +0 -53
- package/dist/plugins/grideditor.textalign.min.js +0 -1
- package/dist/plugins/grideditor.textalign.min.js.map +0 -7
- package/dist/plugins/grideditor.visibility.esm.js +0 -167
- package/dist/plugins/grideditor.visibility.js +0 -169
- package/dist/plugins/grideditor.visibility.min.js +0 -1
- package/dist/plugins/grideditor.visibility.min.js.map +0 -7
- package/src/js/plugins/grideditor.float.js +0 -29
- package/src/js/plugins/grideditor.spacing.js +0 -31
- package/src/js/plugins/grideditor.textalign.js +0 -27
- package/src/js/plugins/grideditor.visibility.js +0 -32
- package/src/js/style/visibility.js +0 -160
|
@@ -1,2 +1,4 @@
|
|
|
1
|
-
(()=>{var k=window.GridEditor;if(!k||typeof k.get!="function")throw new Error("grid-editor: load grideditor.js (or grideditor.bundle.min.js) before its plugins, its locales and grideditor.jquery.js");function L(e,t){return e?Array.prototype.slice.call(e.querySelectorAll(t)):[]}function R(e,t){return e?e.querySelector(t):null}function q(e,t){if(!e)return[];var r=L(e,t);return e.nodeType===1&&e.matches(t)&&r.unshift(e),r}function W(e,t){return e?Array.prototype.filter.call(e.children,function(r){return!t||r.matches(t)}):[]}function j(e,t){return W(e,t)[0]||null}function z(e,t){return!!e&&e.nodeType===1&&e.matches(t)}function m(e,t,r){var i=document.createElement(e);return Object.keys(t||{}).forEach(function(n){var l=t[n];l!=null&&l!==!1&&i.setAttribute(n,l)}),r!=null&&(i.textContent=r),i}function ce(e,t){return J(t).forEach(function(r){e.classList.add(r)}),e}function X(e,t){return J(t).forEach(function(r){e.classList.remove(r)}),e}function $(e,t,r){return J(t).forEach(function(i){r===void 0?e.classList.toggle(i):e.classList.toggle(i,!!r)}),e}function H(e,t){return!!e&&e.nodeType===1&&e.classList.contains(t)}function J(e){return String(e||"").split(/\s+/).filter(Boolean)}function ue(e){return e.getAttribute("class")||e.removeAttribute("class"),e}function Q(e,t){return Object.keys(t).forEach(function(r){var i=t[r];typeof i=="number"&&!Be[r]&&(i=i+"px"),e.style.setProperty(r,i==null?"":String(i))}),e}var Be={opacity:!0,"z-index":!0,"flex-grow":!0,"flex-shrink":!0,order:!0},I={};function Pe(e){var t=e.nodeName;if(!I[t]){var r=document.body.appendChild(document.createElement(t));I[t]=getComputedStyle(r).display,r.remove(),I[t]==="none"&&(I[t]="block")}return I[t]}function Re(e){return e.style.removeProperty("display"),getComputedStyle(e).display==="none"&&(e.style.display=Pe(e)),e}function ze(e){return e.style.display="none",e}function N(e,t){return t===void 0&&(t=!je(e)),t?Re(e):ze(e)}function je(e){return!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)}Object.assign(k.locales.en,{"utility.padding":"Padding","utility.margin":"Margin","utility.side_all":"All sides","utility.side_x":"Left and right","utility.side_y":"Top and bottom","utility.side_t":"Top","utility.side_b":"Bottom","utility.side_s":"Start","utility.side_e":"End","utility.spacing_gutter":"A column's side padding is its gutter: changing it changes the gutter"});var U=["0","1","2","3","4","5"],He=["0",".25rem",".5rem","1rem","1.5rem","3rem"],Y=["","x","y","t","e","b","s"],Ne={"":["top","right","bottom","left"],x:["left","right"],y:["top","bottom"],t:["top"],e:["right"],b:["bottom"],s:["left"]},de=["","sm","md","lg","xl","xxl"],ee={p:"padding",m:"margin"};function pe(e){return new RegExp("^"+e+"[xytbse]?-(?:(?:sm|md|lg|xl|xxl)-)?(?:[0-5]|auto)$")}function fe(e,t){var r=Object.assign({values:U,scale:He},t),i={p:pe("p"),m:pe("m")};function n(o,a){return a==="row"||a==="column"||a==="element"||z(o,"[data-ge-container]")}function l(o){return(o.getAttribute("class")||"").split(/\s+/)}function d(o,a){return l(o).some(function(p){return i[a].test(p)})}function y(o,a,p){for(var b=l(o),v=a.charAt(0)==="m"?U.concat(["auto"]):U,g=p;g>=0;g--)for(var E=0;E<v.length;E++){var K=a+(de[g]?"-"+de[g]:"")+"-"+v[E];if(b.indexOf(K)!==-1)return{tier:g,value:v[E]}}return null}function u(o,a){var p=o.getAttribute("class"),b,v={};return o.setAttribute("class",l(o).filter(function(g){return!i[a].test(g)}).join(" ")),b=getComputedStyle(o),["top","right","bottom","left"].forEach(function(g){v[g]=b.getPropertyValue(ee[a]+"-"+g)}),p===null?o.removeAttribute("class"):o.setAttribute("class",p),v}function h(o,a,p){var b=e.breakpoints.indexOf(p),v={},g={},E=null;return Y.forEach(function(K,T){var A=y(o,a+K,b);A&&Ne[K].forEach(function(F){var V=v[F];(!V||A.tier>V.tier||A.tier===V.tier&&T>V.order)&&(v[F]={tier:A.tier,order:T,value:A.value})})}),["top","right","bottom","left"].forEach(function(K){var T=v[K];T?g[ee[a]+"-"+K]=T.value==="auto"?"auto":r.scale[T.value]:(E=E||u(o,a),g[ee[a]+"-"+K]=E[K])}),g}function C(o,a){var p=l(o).filter(function(v){return i[a].test(v)}),b=Y.filter(function(v){return p.some(function(g){return g.indexOf(a+v+"-")===0})});return b.length?b[0]:""}function x(o){switch(o){case"x":return e.t("utility.side_x");case"y":return e.t("utility.side_y");case"t":return e.t("utility.side_t");case"b":return e.t("utility.side_b");case"s":return e.t("utility.side_s");case"e":return e.t("utility.side_e");default:return e.t("utility.side_all")}}function s(o,a,p){var b=m("div",{class:"ge-spacing-group","data-ge-spacing":a}),v=m("select",{class:"ge-spacing-side form-select form-select-sm"});b.appendChild(m("span",{class:"ge-utility-label"},p)),Y.forEach(function(E){v.appendChild(m("option",{value:E},x(E)))});var g=e.utilityField(o,a+C(o,a));return v.value=g.getAttribute("data-ge-family").slice(1),v.addEventListener("change",function(){var E=e.utilityField(o,a+this.value);g.replaceWith(E),g=E}),b.appendChild(v),b.appendChild(g),b}var c=".row, .column, .ge-element, [data-ge-container]";function O(o){q(o,c).forEach(function(a){var p=j(a,".ge-tools-drawer");if(!(!p||!n(a,e.kindOf(a)))){if(d(a,"p")){var b=getComputedStyle(a);Q(p,{"margin-top":"-"+b.paddingTop,"margin-left":"-"+b.paddingLeft,"margin-right":"-"+b.paddingRight,width:"calc(100% + "+b.paddingLeft+" + "+b.paddingRight+")"})}else Q(p,{"margin-top":"","margin-left":"","margin-right":"",width:""});if(H(a,"column")){var v=l(a).some(function(g){return/^p[xse]?-/.test(g)&&i.p.test(g)});L(p,".ge-spacing-gutter").forEach(function(g){N(g,v)})}}})}function _(o,a){var p=o==="m"?U.concat(["auto"]):U,b=r.values.concat(o==="m"?["auto"]:[]);return Y.map(function(v){return{name:o+v,prefix:o+v,values:p,appliesTo:["row","column","text","element","container"],labelKey:a,panel:!1,choices:function(){return p.filter(function(g){return b.indexOf(g)!==-1})}}})}return{families:_("p","utility.padding").concat(_("m","utility.margin")),panel:function(o,a){if(!n(o,a))return null;var p=m("div",{class:"ge-spacing"});return p.appendChild(s(o,"p",e.t("utility.padding"))),p.appendChild(s(o,"m",e.t("utility.margin"))),a==="column"&&p.appendChild(m("small",{class:"ge-spacing-gutter"},e.t("utility.spacing_gutter"))),p},preview:function(o,a,p){if(!n(o,a))return{};var b={};return["p","m"].forEach(function(v){d(o,v)&&Object.assign(b,h(o,v,p))}),b},onRefresh:O}}Object.assign(k.locales.en,{"utility.text_align":"Text alignment","utility.text_start":"Start","utility.text_center":"Center","utility.text_end":"End"});var Me={start:"left",center:"center",end:"right"};function ye(e){function t(r){return r==="start"?e.t("utility.text_start"):r==="center"?e.t("utility.text_center"):e.t("utility.text_end")}return{families:[{name:"text-align",prefix:"text",values:["start","center","end"],appliesTo:["row","column","text","element","container"],labelKey:"utility.text_align",label:t,preview:function(r,i){return{"text-align":r===null?e.bareStyle(i,"text-align","text-align"):Me[r]}}}]}}Object.assign(k.locales.en,{"utility.visibility":"Visibility","utility.visibility_hidden":"Hidden","utility.visibility_shown":"Shown","tool.hide_in_view":"Hide in this view","tool.show_in_view":"Show in this view","badge.hidden_in":"Hidden at {breakpoints}"});var De=/(?:^|\s)d-(?:(?:sm|md|lg|xl|xxl)-)?(?:none|block|flex)(?:\s|$)/,Fe=".row, .column, .ge-content, .ge-element, [data-ge-container]";function me(e,t){var r=Object.assign({drawer:!0},t);function i(s){return s==="row"?"flex":"block"}function n(s,c){return c==="row"||c==="column"||c==="element"||c==="text"||c==="plain"||z(s,"[data-ge-container]")}function l(s,c){return e.getUtility(s,"visibility",c)==="none"}function d(s){return e.breakpoints.filter(function(c){return l(s,c)})}function y(s){return e.view()==="all"?d(s).length===e.breakpoints.length:l(s,e.view())}function u(s){var c=e.breakpoints.indexOf(e.view());return c>0&&l(s,e.breakpoints[c-1])}function h(s,c){var O=!y(s),_;e.view()==="all"?_=O?"none":null:O?_=u(s)?null:"none":_=u(s)?i(c):null,e.setUtility(s,"visibility",_,{source:"tool"})}function C(s){q(s,Fe).forEach(function(c){var O=e.kindOf(c),_=n(c,O)&&De.test(c.getAttribute("class")||""),o=_?d(c):[],a=_&&y(c),p=_&&e.view()==="all"&&o.length>0&&!a;$(c,"ge-visibility",_),$(c,"ge-hidden-in-view",a),p?c.setAttribute("data-ge-hidden-in",e.t("badge.hidden_in",{breakpoints:o.join(", ")})):c.removeAttribute("data-ge-hidden-in"),W(c,".ge-tools-drawer").forEach(function(b){W(b,".ge-visibility-tool").forEach(function(v){v.setAttribute("title",a?e.t("tool.show_in_view"):e.t("tool.hide_in_view")),L(v,"i").forEach(function(g){g.setAttribute("class",a?"bi bi-eye-slash":"bi bi-eye")})})})})}function x(){L(e.canvas,".ge-visibility, .ge-hidden-in-view, [data-ge-hidden-in]").forEach(function(s){X(s,"ge-visibility ge-hidden-in-view"),s.removeAttribute("data-ge-hidden-in"),ue(s)})}return{families:[{name:"visibility",prefix:"d",values:["none","block","flex"],appliesTo:["row","column","text","element","container"],labelKey:"utility.visibility",choices:function(s,c){return["none",i(c)]},label:function(s){return s==="none"?e.t("utility.visibility_hidden"):e.t("utility.visibility_shown")}}],drawerTools:function(s,c,O){!r.drawer||!n(c,O)||e.createTool(s,e.t("tool.hide_in_view"),"ge-visibility-tool","bi bi-eye",function(){h(c,O)})},onRefresh:C,onDeinit:x}}Object.assign(k.locales.en,{"utility.float":"Float","utility.float_start":"Start","utility.float_end":"End","utility.float_none":"None"});var Ie={start:"left",end:"right",none:"none"};function he(e){function t(r){return r==="start"?e.t("utility.float_start"):r==="end"?e.t("utility.float_end"):e.t("utility.float_none")}return{families:[{name:"float",prefix:"float",values:["start","end","none"],appliesTo:["element"],labelKey:"utility.float",label:t,preview:function(r,i){return{float:r===null?e.bareStyle(i,"float","float"):Ie[r]}}}]}}var D=["primary","secondary","success","danger","warning","info","light","dark"],te=["top","end","bottom","start"];function S(e,t,r){return t.map(function(i){return e+i+(r||"")})}function w(e,t,r){return{classes:e,exclusive:t!==!1,notOn:r||[]}}function f(e,t){return{name:e,labelKey:t.labelKey,type:t.type||"text",values:t.values||null,notOn:t.notOn||[]}}var B=["column"],ne=[{key:"size",labelKey:"style.section_size",properties:[f("width",{labelKey:"style.prop_width",notOn:B}),f("height",{labelKey:"style.prop_height",notOn:B}),f("min-width",{labelKey:"style.prop_min_width"}),f("min-height",{labelKey:"style.prop_min_height"}),f("max-width",{labelKey:"style.prop_max_width"}),f("max-height",{labelKey:"style.prop_max_height"})],catalog:[w(S("w-",["25","50","75","100","auto"]),!0,B),w(S("h-",["25","50","75","100","auto"]),!0,B),w(["mw-100","mh-100","vw-100","vh-100","min-vw-100","min-vh-100"],!1,B)],parts:[]},{key:"spacing",labelKey:"style.section_spacing",properties:[f("margin-top",{labelKey:"style.prop_margin_top"}),f("margin-right",{labelKey:"style.prop_margin_right"}),f("margin-bottom",{labelKey:"style.prop_margin_bottom"}),f("margin-left",{labelKey:"style.prop_margin_left"}),f("padding-top",{labelKey:"style.prop_padding_top"}),f("padding-right",{labelKey:"style.prop_padding_right"}),f("padding-bottom",{labelKey:"style.prop_padding_bottom"}),f("padding-left",{labelKey:"style.prop_padding_left"})],catalog:[],parts:["spacing"]},{key:"border",labelKey:"style.section_border",properties:[f("border-width",{labelKey:"style.prop_border_width"}),f("border-style",{labelKey:"style.prop_border_style",type:"select",values:["none","solid","dashed","dotted","double","groove","ridge","inset","outset"]}),f("border-color",{labelKey:"style.prop_border_color",type:"color"}),f("border-radius",{labelKey:"style.prop_border_radius"}),f("box-shadow",{labelKey:"style.prop_box_shadow",type:"shadow"})],catalog:[w(["border","border-0"].concat(S("border-",te),S("border-",te,"-0")),!1),w(S("border-",["1","2","3","4","5"])),w(S("border-",D.concat(["black","white"]))),w(["rounded"].concat(S("rounded-",["0","1","2","3","4","5","circle","pill"]))),w(S("rounded-",te),!1),w(["shadow-none","shadow-sm","shadow","shadow-lg"])],parts:[]},{key:"background",labelKey:"style.section_background",properties:[f("background-color",{labelKey:"style.prop_background_color",type:"color"}),f("background-image",{labelKey:"style.prop_background_image",type:"url"}),f("background-size",{labelKey:"style.prop_background_size"}),f("background-position",{labelKey:"style.prop_background_position"}),f("background-repeat",{labelKey:"style.prop_background_repeat",type:"select",values:["repeat","no-repeat","repeat-x","repeat-y","space","round"]})],catalog:[w(S("bg-",D.concat(["body","body-secondary","body-tertiary","white","black","transparent"]))),w(["bg-gradient"],!1)],parts:[]},{key:"text",labelKey:"style.section_text",properties:[f("color",{labelKey:"style.prop_color",type:"color"}),f("font-size",{labelKey:"style.prop_font_size"}),f("text-align",{labelKey:"style.prop_text_align",type:"select",values:["start","center","end","left","right","justify"]}),f("text-shadow",{labelKey:"style.prop_text_shadow",type:"shadow"})],catalog:[w(S("text-",D.concat(["body","body-secondary","body-tertiary","white","black"]))),w(S("fs-",["1","2","3","4","5","6"])),w(S("text-decoration-",["none","underline","line-through"]))],parts:["textalign"]},{key:"typography",labelKey:"style.section_typography",properties:[f("font-family",{labelKey:"style.prop_font_family"}),f("font-weight",{labelKey:"style.prop_font_weight",type:"select",values:["100","200","300","400","500","600","700","800","900","normal","bold","lighter","bolder"]}),f("font-style",{labelKey:"style.prop_font_style",type:"select",values:["normal","italic","oblique"]}),f("line-height",{labelKey:"style.prop_line_height"}),f("letter-spacing",{labelKey:"style.prop_letter_spacing"}),f("text-transform",{labelKey:"style.prop_text_transform",type:"select",values:["none","uppercase","lowercase","capitalize"]}),f("text-decoration",{labelKey:"style.prop_text_decoration",type:"select",values:["none","underline","line-through","overline"]})],catalog:[w(S("fw-",["lighter","light","normal","medium","semibold","bold","bolder"])),w(S("fst-",["italic","normal"])),w(S("lh-",["1","sm","base","lg"])),w(S("text-",["lowercase","uppercase","capitalize"])),w(["font-monospace"],!1),w(["text-wrap","text-nowrap"]),w(["text-break"],!1)],parts:[]},{key:"display",labelKey:"style.section_display",properties:[f("display",{labelKey:"style.prop_display",type:"select",values:["none","block","inline","inline-block","flex","inline-flex","grid","inline-grid"]}),f("opacity",{labelKey:"style.prop_opacity"}),f("overflow",{labelKey:"style.prop_overflow",type:"select",values:["visible","hidden","auto","scroll","clip"]}),f("visibility",{labelKey:"style.prop_visibility",type:"select",values:["visible","hidden"]})],catalog:[w(S("opacity-",["0","25","50","75","100"])),w(S("overflow-",["auto","hidden","visible","scroll"])),w(["visible","invisible"])],parts:["visibility"]},{key:"position",labelKey:"style.section_position",properties:[f("position",{labelKey:"style.prop_position",type:"select",values:["static","relative","absolute","fixed","sticky"]}),f("top",{labelKey:"style.prop_top",notOn:B}),f("right",{labelKey:"style.prop_right",notOn:B}),f("bottom",{labelKey:"style.prop_bottom",notOn:B}),f("left",{labelKey:"style.prop_left",notOn:B}),f("z-index",{labelKey:"style.prop_z_index"})],catalog:[w(S("position-",["static","relative","absolute","fixed","sticky"])),w(S("top-",["0","50","100"])),w(S("bottom-",["0","50","100"])),w(S("start-",["0","50","100"])),w(S("end-",["0","50","100"])),w(["translate-middle","translate-middle-x","translate-middle-y"]),w(["z-n1","z-0","z-1","z-2","z-3"])],parts:["float"]},{key:"custom",labelKey:"style.section_custom",properties:[],catalog:[],parts:[],custom:!0}];function ge(e){return ne.filter(function(t){return t.key===e})[0]||null}function Z(e,t){return e.notOn.indexOf(t)===-1}var ie="(?:(?:sm|md|lg|xl|xxl)-)?",Ue="(?:[0-5]|auto)",Ge="(?:"+D.join("|")+"|black|white)",Ve="(?:"+D.join("|")+"|body|body-secondary|body-tertiary|white|black|transparent)",qe="(?:"+D.join("|")+"|body|body-secondary|body-tertiary|white|black|muted|black-50|white-50)",re="border(?:-(?:top|end|bottom|start))?(?:-0)?";function P(e,t){var r={top:"[ty]?",bottom:"[by]?",left:"[sx]?",right:"[ex]?"}[t];return new RegExp("^"+e+r+"-"+ie+Ue+"$")}var We={width:/^(?:w-(?:25|50|75|100|auto)|vw-100)$/,height:/^(?:h-(?:25|50|75|100|auto)|vh-100)$/,"max-width":/^mw-100$/,"max-height":/^mh-100$/,"min-width":/^min-vw-100$/,"min-height":/^min-vh-100$/,"margin-top":P("m","top"),"margin-right":P("m","right"),"margin-bottom":P("m","bottom"),"margin-left":P("m","left"),"padding-top":P("p","top"),"padding-right":P("p","right"),"padding-bottom":P("p","bottom"),"padding-left":P("p","left"),"border-width":new RegExp("^(?:"+re+"|border-[1-5])$"),"border-style":new RegExp("^"+re+"$"),"border-color":new RegExp("^(?:"+re+"|border-"+Ge+")$"),"border-radius":/^rounded(?:-(?:[0-5]|circle|pill|top|end|bottom|start))?$/,"box-shadow":/^shadow(?:-(?:none|sm|lg))?$/,"background-color":new RegExp("^bg-"+Ve+"$"),"background-image":/^bg-gradient$/,color:new RegExp("^text-"+qe+"$"),"font-size":/^fs-[1-6]$/,"text-align":new RegExp("^text-"+ie+"(?:start|center|end)$"),"text-decoration":/^text-decoration-(?:none|underline|line-through)$/,"font-family":/^font-monospace$/,"font-weight":/^fw-(?:lighter|light|normal|medium|semibold|bold|bolder)$/,"font-style":/^fst-(?:italic|normal)$/,"line-height":/^lh-(?:1|sm|base|lg)$/,"text-transform":/^text-(?:lowercase|uppercase|capitalize)$/,display:new RegExp("^d-"+ie+"(?:none|inline|inline-block|block|grid|inline-grid|table|table-row|table-cell|flex|inline-flex)$"),opacity:/^opacity-(?:0|25|50|75|100)$/,overflow:/^overflow-(?:auto|hidden|visible|scroll)$/,visibility:/^(?:visible|invisible)$/,position:/^position-(?:static|relative|absolute|fixed|sticky)$/,top:/^top-(?:0|50|100)$/,bottom:/^bottom-(?:0|50|100)$/,left:/^start-(?:0|50|100)$/,right:/^end-(?:0|50|100)$/,"z-index":/^z-(?:n1|[0-3])$/};function ve(e,t){var r=We[e];return r&&t.filter(function(i){return r.test(i)})[0]||null}function Xe(e,t){var r={};return Object.keys(t||{}).forEach(function(i){ge(i)||e.warn('style.sections: there is no "'+i+'" section: ignored')}),ne.forEach(function(i){var n=t&&t[i.key]!==void 0?t[i.key]:!0;if(n!==!1){var l=i.properties.map(function(u){return u.name}),d=i.properties,y=!0;n&&typeof n=="object"&&(Array.isArray(n.properties)&&(n.properties.forEach(function(u){l.indexOf(u)===-1&&e.warn("style.sections."+i.key+': "'+u+'" is not one of its properties: ignored')}),d=n.properties.filter(function(u){return l.indexOf(u)!==-1}).map(function(u){return i.properties[l.indexOf(u)]})),n.catalog===!1&&(y=!1)),r[i.key]={section:i,properties:d,catalog:y}}}),r}function be(e,t,r){if(t[r]!==void 0)return t[r];var i=(e.settings.utilities||{})[r];if(i!==void 0)return e.warn("utilities."+r+" is deprecated and will be removed in 8.0: use style."+r),i}function _e(e){var t=e.settings.style||{};return{sections:Xe(e,t.sections),spacing:be(e,t,"spacing"),visibility:be(e,t,"visibility")}}var Ee=new WeakMap,Ye=0;function Ze(e){return(e.getAttribute("class")||"").split(/\s+/).filter(Boolean)}function Ce(e,t,r,i){var n=String(i==null?"":i).trim(),l=/\s*!\s*important\s*$/i.exec(n),d;return l&&(n=n.slice(0,l.index).trim(),d="important"),e.setHostStyle(t,r,n,d)}function Se(e,t,r){$(e,"is-invalid",!t),t?e.removeAttribute("title"):e.setAttribute("title",r.t("style.invalid"))}function oe(e,t){H(e,"is-invalid")||(e.value=t)}function G(e){return m("input",{type:"text",class:"form-control form-control-sm "+(e||"")})}var Je=/^#([0-9a-f]{3}|[0-9a-f]{6})$/i;function xe(e){var t=Je.exec(e.trim());if(!t)return null;var r=t[1];return r.length===3&&(r=r.split("").map(function(i){return i+i}).join("")),"#"+r.toLowerCase()}function Oe(e){var t=m("div",{class:"input-group input-group-sm ge-style-color"}),r=t.appendChild(m("input",{type:"color",class:"form-control form-control-color"})),i=t.appendChild(G());return r.addEventListener("input",function(){X(i,"is-invalid"),i.value=r.value,e(r.value,i)}),i.addEventListener("change",function(){var n=xe(i.value);n&&(r.value=n),e(i.value,i)}),{element:t,set:function(n){oe(i,n);var l=xe(n);l&&(r.value=l)}}}var Qe=/^url\(\s*(["']?)(.*)\1\s*\)$/i;function et(e){var t=Qe.exec(e.trim());return t?t[1]?t[2].replace(/\\(["\\])/g,"$1"):t[2]:e}function tt(e){return e=e.trim(),e===""||/^(?:none|inherit|initial|unset|revert)$/i.test(e)||/^[a-z-]+\(/i.test(e)?e:'url("'+e.replace(/(["\\])/g,"\\$1")+'")'}function rt(e){for(var t=[],r=0,i="",n=0;n<e.length;n++){var l=e.charAt(n);l==="("&&r++,l===")"&&r--,r===0&&(l===" "||l===",")?(i&&t.push(i),l===","&&t.push(","),i=""):i+=l}return i&&t.push(i),t}var it=/^-?(?:\d*\.)?\d+(?:[a-z%]+)?$/i,we=[{name:"x",labelKey:"style.shadow_x"},{name:"y",labelKey:"style.shadow_y"},{name:"blur",labelKey:"style.shadow_blur"},{name:"spread",labelKey:"style.shadow_spread"}];function nt(e,t){if(e=e.trim(),e==="")return{inset:!1,lengths:[],color:""};if(/var\(/i.test(e))return null;var r=rt(e);if(r.indexOf(",")!==-1)return null;var i=!1,n=[],l=[];return r.forEach(function(d){t&&d.toLowerCase()==="inset"?i=!0:it.test(d)?n.push(d):l.push(d)}),l.length>1||n.length<2||n.length>(t?4:3)||l.length&&/^(?:none|inherit|initial|unset|revert)$/i.test(l[0])?null:{inset:i,lengths:n,color:l[0]||""}}function ot(e,t){for(var r=e.lengths.slice(),i=r.length-1;i>=0;i--)r[i]===""&&r.slice(i+1).some(Boolean)&&(r[i]="0");if(r=r.filter(Boolean),!r.length&&!e.color&&!e.inset)return"";for(;r.length<2;)r.push("0");return(t&&e.inset?"inset ":"")+r.join(" ")+(e.color?" "+e.color:"")}function lt(e,t,r,i){var n=r==="box-shadow",l=m("div",{class:"ge-style-shadow"}),d=!1;function y(s,c){var O=Ce(e,t,r,s);return Se(c,O,e),O&&i(),O}function u(s){l.innerHTML="";var c=l.appendChild(m("div",{class:"ge-style-shadow-builder"})),O=n?we:we.slice(0,3),_=O.map(function(E,K){var T=c.appendChild(m("label",{class:"ge-style-shadow-part"}));T.appendChild(m("span",{class:"ge-style-shadow-label"},e.t(E.labelKey)));var A=T.appendChild(G("ge-style-shadow-"+E.name));return A.value=s.lengths[K]||"",A}),o=c.appendChild(m("label",{class:"ge-style-shadow-part ge-style-shadow-color"}));o.appendChild(m("span",{class:"ge-style-shadow-label"},e.t("style.shadow_color")));var a=Oe(function(){g()});o.appendChild(a.element),a.set(s.color);var p=null;if(n){var b=c.appendChild(m("label",{class:"form-check ge-style-shadow-inset"}));p=b.appendChild(m("input",{type:"checkbox",class:"form-check-input"})),b.appendChild(m("span",{class:"form-check-label"},e.t("style.shadow_inset"))),p.checked=s.inset,p.addEventListener("change",function(){g()})}_.forEach(function(E){E.addEventListener("change",function(){g()})});var v=l.appendChild(m("a",{href:"#",class:"ge-style-shadow-mode"},e.t("style.shadow_text_mode")));v.addEventListener("click",function(E){E.preventDefault(),d=!0,x()});function g(){var E=ot({inset:p?p.checked:!1,lengths:_.map(function(K){return K.value.trim()}),color:R(a.element,'input[type="text"]').value.trim()},n);y(E,_[0])}}function h(s){l.innerHTML="";var c=l.appendChild(G("ge-style-shadow-text"));c.value=s,c.addEventListener("change",function(){if(c.value.trim()===""){y("",c)&&(d=!1,x());return}y(c.value,c)})}var C=null;function x(){if(!l.querySelector(".is-invalid")){var s=e.hostStyle(t,r).value,c=nt(s,n);s===C&&l.firstChild&&d===!!l.querySelector(".ge-style-shadow-text")||(C=s,d||!c?(d=!!s||d,h(s)):u(c))}}return{element:l,render:x,value:function(){return e.hostStyle(t,r).value}}}function Ke(e,t,r,i){var n=m("div",{class:"ge-style-field","data-ge-style-property":r.name}),l=n.appendChild(m("label",{class:"ge-style-label"},e.t(r.labelKey))),d;function y(){return e.hostStyle(t,r.name).value}function u(_,o){var a=Ce(e,t,r.name,_);Se(o,a,e),a&&i()}if(r.type==="select"){var h=n.appendChild(m("select",{class:"form-select form-select-sm"}));h.addEventListener("change",function(){u(h.value,h)}),d=function(){var _=y(),o=r.values.slice();_&&o.indexOf(_)===-1&&o.push(_),h.innerHTML="",h.appendChild(m("option",{value:""},"")),o.forEach(function(a){h.appendChild(m("option",{value:a},a))}),h.value=_}}else if(r.type==="color"){var C=Oe(function(_,o){u(_,o)});n.appendChild(C.element),d=function(){C.set(y())}}else if(r.type==="url"){var x=n.appendChild(G());x.addEventListener("change",function(){u(tt(x.value),x)}),d=function(){oe(x,et(y()))}}else if(r.type==="shadow"){var s=lt(e,t,r.name,i);n.appendChild(s.element),d=s.render}else{var c=n.appendChild(G());c.addEventListener("change",function(){u(c.value,c)}),d=function(){oe(c,y())}}var O=n.querySelector("input, select");return O&&(O.id="ge-style-field-"+ ++Ye,l.setAttribute("for",O.id)),n.appendChild(m("small",{class:"ge-style-note ge-style-overridden"})),Ee.set(n,function(){d();var _=y()?ve(r.name,Ze(t)):null,o=j(n,".ge-style-overridden");o.textContent=_?e.t("style.overridden",{class:_}):"",N(o,!!_)}),le(n),n}function le(e){var t=Ee.get(e);t&&t()}function Ae(e){return(e.getAttribute("class")||"").split(/\s+/).filter(Boolean)}function at(e,t,r,i){var n=e.detailsOf(t),l=n?R(n,".ge-classes"):null;if(l){var d=Ae(t).indexOf(i)!==-1,y=l.value.split(/\s+/).filter(Boolean).filter(function(u){return u===i?!1:!(r.exclusive&&!d&&r.classes.indexOf(u)!==-1)});d||y.push(i),l.value=y.join(" "),l.dispatchEvent(new Event("change",{bubbles:!0}))}}function ke(e,t,r,i){var n=i.filter(function(d){return Z(d,r)});if(!n.length)return null;var l=m("div",{class:"ge-style-catalog"});return l.appendChild(m("span",{class:"ge-style-label"},e.t("style.catalog"))),n.forEach(function(d){var y=l.appendChild(m("div",{class:"ge-style-chips"}));d.classes.forEach(function(u){var h=y.appendChild(m("button",{type:"button",class:"btn btn-sm btn-outline-secondary ge-style-chip","data-ge-class":u,"aria-pressed":"false"},u));h.addEventListener("click",function(){at(e,t,d,u)})})}),ae(l,t),l}function ae(e,t){var r=Ae(t);L(e,".ge-style-chip").forEach(function(i){var n=r.indexOf(i.getAttribute("data-ge-class"))!==-1;$(i,"active",n),i.setAttribute("aria-pressed",n?"true":"false")})}function st(e){var t=document.createElement("div").style,r=[];t.setProperty(e,"initial");for(var i=0;i<t.length;i++)r.push(t[i]);return r.length?r:[e]}function Te(e){var t=document.createElement("div").style;return t.cssText=e,t}function Le(e,t,r,i){var n={};r.forEach(function(h){st(h).forEach(function(C){n[C]=!0})});var l=m("div",{class:"ge-style-custom"}),d=l.appendChild(m("textarea",{class:"form-control form-control-sm font-monospace ge-style-custom-css",rows:"4",spellcheck:"false","aria-label":e.t("style.section_custom")}));function y(){for(var h=Te(e.hostStyle(t)),C=document.createElement("div").style,x=0;x<h.length;x++){var s=h[x];n[s]||C.setProperty(s,h.getPropertyValue(s),h.getPropertyPriority(s))}return C}d.addEventListener("change",function(){var h=y(),C=Te(d.value),x;for(x=0;x<h.length;x++)C.getPropertyValue(h[x])===""&&e.setHostStyle(t,h[x],"");for(x=0;x<C.length;x++)e.setHostStyle(t,C[x],C.getPropertyValue(C[x]),C.getPropertyPriority(C[x]));u(),i()});function u(){document.activeElement!==d&&(d.value=y().cssText.replace(/; /g,`;
|
|
2
|
-
|
|
1
|
+
(()=>{var A=window.GridEditor;if(!A||typeof A.get!="function")throw new Error("grid-editor: load grideditor.js (or grideditor.bundle.min.js) before its plugins, its locales and grideditor.jquery.js");function P(e,t){return e?Array.prototype.slice.call(e.querySelectorAll(t)):[]}function N(e,t){return e?e.querySelector(t):null}function I(e,t){if(!e)return[];var r=P(e,t);return e.nodeType===1&&e.matches(t)&&r.unshift(e),r}function J(e,t){return e?Array.prototype.filter.call(e.children,function(r){return!t||r.matches(t)}):[]}function j(e,t){return J(e,t)[0]||null}function H(e,t){return!!e&&e.nodeType===1&&e.matches(t)}function g(e,t,r){var n=document.createElement(e);return Object.keys(t||{}).forEach(function(l){var o=t[l];o!=null&&o!==!1&&n.setAttribute(l,o)}),r!=null&&(n.textContent=r),n}function Z(e,t){return oe(t).forEach(function(r){e.classList.add(r)}),e}function D(e,t){return oe(t).forEach(function(r){e.classList.remove(r)}),e}function $(e,t,r){return oe(t).forEach(function(n){r===void 0?e.classList.toggle(n):e.classList.toggle(n,!!r)}),e}function R(e,t){return!!e&&e.nodeType===1&&e.classList.contains(t)}function oe(e){return String(e||"").split(/\s+/).filter(Boolean)}function W(e){return e.getAttribute("class")||e.removeAttribute("class"),e}function ae(e,t){return Object.keys(t).forEach(function(r){var n=t[r];typeof n=="number"&&!Ve[r]&&(n=n+"px"),e.style.setProperty(r,n==null?"":String(n))}),e}var Ve={opacity:!0,"z-index":!0,"flex-grow":!0,"flex-shrink":!0,order:!0},V={};function We(e){var t=e.nodeName;if(!V[t]){var r=document.body.appendChild(document.createElement(t));V[t]=getComputedStyle(r).display,r.remove(),V[t]==="none"&&(V[t]="block")}return V[t]}function qe(e){return e.style.removeProperty("display"),getComputedStyle(e).display==="none"&&(e.style.display=We(e)),e}function Xe(e){return e.style.display="none",e}function F(e,t){return t===void 0&&(t=!Ye(e)),t?qe(e):Xe(e)}function Ye(e){return!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)}Object.assign(A.locales.en,{"utility.padding":"Padding","utility.margin":"Margin","utility.side_all":"All sides","utility.side_x":"Left and right","utility.side_y":"Top and bottom","utility.side_t":"Top","utility.side_b":"Bottom","utility.side_s":"Start","utility.side_e":"End","utility.spacing_gutter":"A column's side padding is its gutter: changing it changes the gutter"});var q=["0","1","2","3","4","5"],Je=["0",".25rem",".5rem","1rem","1.5rem","3rem"],Q=["","x","y","t","e","b","s"],Ze={"":["top","right","bottom","left"],x:["left","right"],y:["top","bottom"],t:["top"],e:["right"],b:["bottom"],s:["left"]},he=["","sm","md","lg","xl","xxl"],se={p:"padding",m:"margin"};function ve(e){return new RegExp("^"+e+"[xytbse]?-(?:(?:sm|md|lg|xl|xxl)-)?(?:[0-5]|auto)$")}function be(e,t){var r=Object.assign({values:q,scale:Je},t),n={p:ve("p"),m:ve("m")};function l(i,a){return a==="row"||a==="column"||a==="element"||H(i,"[data-ge-container]")}function o(i){return(i.getAttribute("class")||"").split(/\s+/)}function u(i,a){return o(i).some(function(p){return n[a].test(p)})}function c(i,a,p){for(var w=o(i),x=a.charAt(0)==="m"?q.concat(["auto"]):q,v=p;v>=0;v--)for(var E=0;E<x.length;E++){var O=a+(he[v]?"-"+he[v]:"")+"-"+x[E];if(w.indexOf(O)!==-1)return{tier:v,value:x[E]}}return null}function d(i,a){var p=i.getAttribute("class"),w,x={};return i.setAttribute("class",o(i).filter(function(v){return!n[a].test(v)}).join(" ")),w=getComputedStyle(i),["top","right","bottom","left"].forEach(function(v){x[v]=w.getPropertyValue(se[a]+"-"+v)}),p===null?i.removeAttribute("class"):i.setAttribute("class",p),x}function m(i,a,p){var w=e.breakpoints.indexOf(p),x={},v={},E=null;return Q.forEach(function(O,K){var k=c(i,a+O,w);k&&Ze[O].forEach(function(G){var Y=x[G];(!Y||k.tier>Y.tier||k.tier===Y.tier&&K>Y.order)&&(x[G]={tier:k.tier,order:K,value:k.value})})}),["top","right","bottom","left"].forEach(function(O){var K=x[O];K?v[se[a]+"-"+O]=K.value==="auto"?"auto":r.scale[K.value]:(E=E||d(i,a),v[se[a]+"-"+O]=E[O])}),v}function y(i,a){var p=o(i).filter(function(x){return n[a].test(x)}),w=Q.filter(function(x){return p.some(function(v){return v.indexOf(a+x+"-")===0})});return w.length?w[0]:""}function f(i){switch(i){case"x":return e.t("utility.side_x");case"y":return e.t("utility.side_y");case"t":return e.t("utility.side_t");case"b":return e.t("utility.side_b");case"s":return e.t("utility.side_s");case"e":return e.t("utility.side_e");default:return e.t("utility.side_all")}}function b(i,a,p){var w=g("div",{class:"ge-spacing-group","data-ge-spacing":a}),x=g("select",{class:"ge-spacing-side form-select form-select-sm"});w.appendChild(g("span",{class:"ge-utility-label"},p)),Q.forEach(function(E){x.appendChild(g("option",{value:E},f(E)))});var v=e.utilityField(i,a+y(i,a));return x.value=v.getAttribute("data-ge-family").slice(1),x.addEventListener("change",function(){var E=e.utilityField(i,a+this.value);v.replaceWith(E),v=E}),w.appendChild(x),w.appendChild(v),w}var S=".row, .column, .ge-element, [data-ge-container]";function T(i){I(i,S).forEach(function(a){var p=j(a,".ge-tools-drawer");if(!(!p||!l(a,e.kindOf(a)))){if(u(a,"p")){var w=getComputedStyle(a);ae(p,{"margin-top":"-"+w.paddingTop,"margin-left":"-"+w.paddingLeft,"margin-right":"-"+w.paddingRight,width:"calc(100% + "+w.paddingLeft+" + "+w.paddingRight+")"})}else ae(p,{"margin-top":"","margin-left":"","margin-right":"",width:""});if(R(a,"column")){var x=o(a).some(function(v){return/^p[xse]?-/.test(v)&&n.p.test(v)});P(p,".ge-spacing-gutter").forEach(function(v){F(v,x)})}}})}function s(i,a){var p=i==="m"?q.concat(["auto"]):q,w=r.values.concat(i==="m"?["auto"]:[]);return Q.map(function(x){return{name:i+x,prefix:i+x,values:p,appliesTo:["row","column","text","element","container"],labelKey:a,panel:!1,choices:function(){return p.filter(function(v){return w.indexOf(v)!==-1})}}})}return{families:s("p","utility.padding").concat(s("m","utility.margin")),panel:function(i,a){if(!l(i,a))return null;var p=g("div",{class:"ge-spacing"});return p.appendChild(b(i,"p",e.t("utility.padding"))),p.appendChild(b(i,"m",e.t("utility.margin"))),a==="column"&&p.appendChild(g("small",{class:"ge-spacing-gutter"},e.t("utility.spacing_gutter"))),p},preview:function(i,a,p){if(!l(i,a))return{};var w={};return["p","m"].forEach(function(x){u(i,x)&&Object.assign(w,m(i,x,p))}),w},onRefresh:T}}Object.assign(A.locales.en,{"utility.text_align":"Text alignment","utility.text_start":"Start","utility.text_center":"Center","utility.text_end":"End"});var Qe={start:"left",center:"center",end:"right"};function xe(e){function t(r){return r==="start"?e.t("utility.text_start"):r==="center"?e.t("utility.text_center"):e.t("utility.text_end")}return{families:[{name:"text-align",prefix:"text",values:["start","center","end"],appliesTo:["row","column","text","element","container"],labelKey:"utility.text_align",label:t,preview:function(r,n){return{"text-align":r===null?e.bareStyle(n,"text-align","text-align"):Qe[r]}}}]}}Object.assign(A.locales.en,{"utility.display":"Display","utility.visibility_hidden":"Hidden","tool.hide_in_view":"Hide in this view","tool.show_in_view":"Show in this view","badge.hidden_in":"Hidden at {breakpoints}"});var te=["none","inline","inline-block","block","grid","inline-grid","flex","inline-flex"],et=new RegExp("(?:^|\\s)d-(?:(?:sm|md|lg|xl|xxl)-)?(?:"+te.join("|")+")(?:\\s|$)"),tt=/^d-(?:(?:sm|md|lg|xl|xxl)-)?none$/,rt=".row, .column, .ge-content, .ge-element, [data-ge-container]",ee="data-ge-display";function _e(e,t){var r=Object.assign({drawer:!0},t);function n(s){return s==="row"?["none","flex"]:s==="text"||s==="plain"?["none","block"]:te}function l(s){return s==="row"?"flex":"block"}function o(s,i){return i==="row"||i==="column"||i==="element"||i==="text"||i==="plain"||H(s,"[data-ge-container]")}function u(s,i){return e.getUtility(s,"display",i)==="none"}function c(s){return e.breakpoints.filter(function(i){return u(s,i)})}function d(s){return e.view()==="all"?c(s).length===e.breakpoints.length:u(s,e.view())}function m(s){var i=e.breakpoints.indexOf(e.view());return i>0&&u(s,e.breakpoints[i-1])}function y(s,i){for(var a=e.breakpoints.indexOf(i)-1;a>=0;a--){var p=e.getUtility(s,"display",e.breakpoints[a]);if(p===null)return null;if(p!=="none")return p}return null}function f(s,i){var a=!d(s),p;e.view()==="all"?p=a?"none":null:a?p=m(s)?null:"none":p=m(s)?y(s,e.view())||l(i):null,e.setUtility(s,"display",p,{source:"tool"})}function b(s){var i=s.getAttribute("class");s.setAttribute("class",i.split(/\s+/).filter(function(p){return!tt.test(p)}).join(" "));var a=getComputedStyle(s).display;return s.setAttribute("class",i),a!=="none"&&te.indexOf(a)!==-1?a:"block"}function S(s){I(s,rt).forEach(function(i){var a=e.kindOf(i),p=o(i,a)&&et.test(i.getAttribute("class")||""),w=p?c(i):[],x=p&&d(i),v=p&&e.view()==="all"&&w.length>0&&!x;i.removeAttribute(ee),p&&getComputedStyle(i).display==="none"&&i.setAttribute(ee,b(i)),$(i,"ge-hidden-in-view",x),v?i.setAttribute("data-ge-hidden-in",e.t("badge.hidden_in",{breakpoints:w.join(", ")})):i.removeAttribute("data-ge-hidden-in"),J(i,".ge-tools-drawer").forEach(function(E){J(E,".ge-visibility-tool").forEach(function(O){O.setAttribute("title",x?e.t("tool.show_in_view"):e.t("tool.hide_in_view")),P(O,"i").forEach(function(K){K.setAttribute("class",x?"bi bi-eye-slash":"bi bi-eye")})})})})}function T(){P(e.canvas,".ge-hidden-in-view, [data-ge-hidden-in], ["+ee+"]").forEach(function(s){D(s,"ge-hidden-in-view"),s.removeAttribute("data-ge-hidden-in"),s.removeAttribute(ee),W(s)})}return{families:[{name:"display",prefix:"d",values:te,appliesTo:["row","column","text","element","container"],labelKey:"utility.display",choices:function(s,i){return n(i)},label:function(s){return s==="none"?e.t("utility.visibility_hidden"):s},preview:function(s,i){return s==="none"&&(s=y(i,e.view())),{display:s===null?e.bareStyle(i,"display","display"):s}}}],drawerTools:function(s,i,a){!r.drawer||!o(i,a)||e.createTool(s,e.t("tool.hide_in_view"),"ge-visibility-tool","bi bi-eye",function(){f(i,a)})},onRefresh:S,onDeinit:T}}Object.assign(A.locales.en,{"utility.flex_direction":"Direction","utility.flex_wrap":"Wrap","utility.justify_content":"Justify columns","utility.align_items":"Align columns","utility.align_content":"Align lines","utility.gap":"Gap","utility.row_gap":"Row gap","utility.column_gap":"Column gap","utility.flex_fill":"Fill","utility.flex_grow":"Grow","utility.flex_shrink":"Shrink"});var nt={start:"flex-start",end:"flex-end",center:"center",between:"space-between",around:"space-around",evenly:"space-evenly",baseline:"baseline",stretch:"stretch"},it=["0","1","2","3","4","5"],lt=["0",".25rem",".5rem","1rem","1.5rem","3rem"],ce=["row","column","element","container"],re=["column","element","container"];function we(e,t){var r=t&&t.scale||lt;function n(c){var d=c.property||c.name;return Object.assign({prefix:c.name,panel:!1,preview:function(m,y){var f={};return f[d]=m===null?e.bareStyle(y,c.name,d):c.css(m),f}},c)}function l(c){return n(Object.assign({appliesTo:ce,preview:function(d){var m={};return m[c.name]=d===null?"normal":nt[d],m}},c))}function o(c){return n(Object.assign({values:it,appliesTo:re,css:function(d){return r[d]}},c))}function u(c){return c}return{families:[n({name:"flex-direction",prefix:"flex",labelKey:"utility.flex_direction",values:["row","row-reverse","column","column-reverse"],appliesTo:ce,css:u}),n({name:"flex-wrap",prefix:"flex",labelKey:"utility.flex_wrap",values:["wrap","nowrap","wrap-reverse"],appliesTo:ce,css:u}),l({name:"justify-content",labelKey:"utility.justify_content",values:["start","center","end","between","around","evenly"]}),l({name:"align-items",labelKey:"utility.align_items",values:["start","center","end","baseline","stretch"]}),l({name:"align-content",labelKey:"utility.align_content",values:["start","center","end","between","around","stretch"]}),o({name:"gap",labelKey:"utility.gap"}),o({name:"row-gap",labelKey:"utility.row_gap"}),o({name:"column-gap",labelKey:"utility.column_gap"}),n({name:"flex-fill",prefix:"flex",property:"flex",labelKey:"utility.flex_fill",values:["fill"],appliesTo:re,css:function(){return"1 1 auto"}}),n({name:"flex-grow",prefix:"flex",labelKey:"utility.flex_grow",values:["grow-0","grow-1"],appliesTo:re,css:function(c){return c.slice(-1)}}),n({name:"flex-shrink",prefix:"flex",labelKey:"utility.flex_shrink",values:["shrink-0","shrink-1"],appliesTo:re,css:function(c){return c.slice(-1)}})]}}Object.assign(A.locales.en,{"utility.float":"Float","utility.float_start":"Start","utility.float_end":"End","utility.float_none":"None"});var ot={start:"left",end:"right",none:"none"};function Ee(e){function t(r){return r==="start"?e.t("utility.float_start"):r==="end"?e.t("utility.float_end"):e.t("utility.float_none")}return{families:[{name:"float",prefix:"float",values:["start","end","none"],appliesTo:["element"],labelKey:"utility.float",label:t,preview:function(r,n){return{float:r===null?e.bareStyle(n,"float","float"):ot[r]}}}]}}Object.assign(A.locales.en,{"utility.sticky":"Sticky"});var at={top:{position:"sticky",top:"0","z-index":"1020"},bottom:{position:"sticky",bottom:"0","z-index":"1020"}};function Ce(e){return{families:[{name:"sticky",prefix:"sticky",values:["top","bottom"],appliesTo:["row","column","element","container"],labelKey:"utility.sticky",panel:!1,preview:function(t,r){return t!==null?at[t]:{position:e.bareStyle(r,"sticky","position")}}}]}}var st=".row, .column, .ge-element, [data-ge-container]",U="ge-drawer-out",ne="data-ge-drawer-out",ct=5,ut=/^(?:inline-)?(?:flex|grid)$/;function Se(e){var t=null,r={},n=null;function l(y){if(!r[y]){r[y]=!0,t||(t=document.head.appendChild(g("style",{"data-ge-drawer-flow":""})));var f=".ge-canvas.ge-editing ["+ne+'="'+y+'"]';t.appendChild(document.createTextNode(f+" { border-top-width: "+y+`px !important; }
|
|
2
|
+
`+f+" > .ge-tools-drawer { top: -"+y+`px; }
|
|
3
|
+
`))}}function o(y){var f=getComputedStyle(y);return ut.test(f.display)?!(R(y,"row")&&f.flexDirection==="row"&&f.flexWrap==="wrap"):!1}function u(y,f){var b=Math.ceil(f.offsetHeight)+ct;l(b),y.setAttribute(ne,String(b))}function c(y){typeof ResizeObserver!="undefined"&&(n||(n=new ResizeObserver(function(f){f.forEach(function(b){var S=b.target.parentNode;S&&R(S,U)&&u(S,b.target)})})),n.observe(y))}function d(y){I(y,st).forEach(function(f){var b=j(f,".ge-tools-drawer");b&&(o(f)?(Z(f,U),u(f,b),c(b)):R(f,U)&&(D(f,U),f.removeAttribute(ne),W(f),n&&n.unobserve(b)))})}function m(){n&&n.disconnect(),n=null,P(e.canvas,"."+U).forEach(function(y){D(y,U),y.removeAttribute(ne),W(y)}),t&&t.remove(),t=null,r={}}return{families:[],onRefresh:d,onDeinit:m}}var L=["primary","secondary","success","danger","warning","info","light","dark"],ue=["top","end","bottom","start"],Oe=["10","25","50","75","100"];function C(e,t,r){return t.map(function(n){return e+n+(r||"")})}function _(e,t,r,n){return{classes:e,exclusive:t!==!1,notOn:r||[],onlyOn:n||null}}function h(e,t){return{name:e,labelKey:t.labelKey,type:t.type||"text",values:t.values||null,notOn:t.notOn||[]}}var B=["column"],ke=["element"],fe=[{key:"size",labelKey:"style.section_size",properties:[h("width",{labelKey:"style.prop_width",notOn:B}),h("height",{labelKey:"style.prop_height",notOn:B}),h("min-width",{labelKey:"style.prop_min_width"}),h("min-height",{labelKey:"style.prop_min_height"}),h("max-width",{labelKey:"style.prop_max_width"}),h("max-height",{labelKey:"style.prop_max_height"})],catalog:[_(C("w-",["25","50","75","100","auto"]),!0,B),_(C("h-",["25","50","75","100","auto"]),!0,B),_(["mw-100","mh-100","vw-100","vh-100","min-vw-100","min-vh-100"],!1,B),_(["img-fluid","img-thumbnail"],!1,[],ke),_(C("object-fit-",["contain","cover","fill","scale","none"]),!0,[],ke)],parts:[]},{key:"spacing",labelKey:"style.section_spacing",properties:[h("margin-top",{labelKey:"style.prop_margin_top"}),h("margin-right",{labelKey:"style.prop_margin_right"}),h("margin-bottom",{labelKey:"style.prop_margin_bottom"}),h("margin-left",{labelKey:"style.prop_margin_left"}),h("padding-top",{labelKey:"style.prop_padding_top"}),h("padding-right",{labelKey:"style.prop_padding_right"}),h("padding-bottom",{labelKey:"style.prop_padding_bottom"}),h("padding-left",{labelKey:"style.prop_padding_left"})],catalog:[],parts:["spacing"]},{key:"border",labelKey:"style.section_border",properties:[h("border-width",{labelKey:"style.prop_border_width"}),h("border-style",{labelKey:"style.prop_border_style",type:"select",values:["none","solid","dashed","dotted","double","groove","ridge","inset","outset"]}),h("border-color",{labelKey:"style.prop_border_color",type:"color"}),h("border-radius",{labelKey:"style.prop_border_radius"}),h("box-shadow",{labelKey:"style.prop_box_shadow",type:"shadow"})],catalog:[_(["border","border-0"].concat(C("border-",ue),C("border-",ue,"-0")),!1),_(C("border-",["1","2","3","4","5"])),_(C("border-",L.concat(["black","white"])).concat(C("border-",L,"-subtle"))),_(C("border-opacity-",Oe)),_(["rounded"].concat(C("rounded-",["0","1","2","3","4","5","circle","pill"]))),_(C("rounded-",ue),!1),_(["shadow-none","shadow-sm","shadow","shadow-lg"])],parts:[]},{key:"background",labelKey:"style.section_background",properties:[h("background-color",{labelKey:"style.prop_background_color",type:"color"}),h("background-image",{labelKey:"style.prop_background_image",type:"url"}),h("background-size",{labelKey:"style.prop_background_size"}),h("background-position",{labelKey:"style.prop_background_position"}),h("background-repeat",{labelKey:"style.prop_background_repeat",type:"select",values:["repeat","no-repeat","repeat-x","repeat-y","space","round"]})],catalog:[_(C("bg-",L.concat(["body","body-secondary","body-tertiary","white","black","transparent"])).concat(C("bg-",L,"-subtle"),C("text-bg-",L))),_(["bg-gradient"],!1),_(C("bg-opacity-",Oe))],parts:[]},{key:"text",labelKey:"style.section_text",properties:[h("color",{labelKey:"style.prop_color",type:"color"}),h("font-size",{labelKey:"style.prop_font_size"}),h("text-align",{labelKey:"style.prop_text_align",type:"select",values:["start","center","end","left","right","justify"]}),h("text-shadow",{labelKey:"style.prop_text_shadow",type:"shadow"})],catalog:[_(C("text-",L.concat(["body","body-secondary","body-tertiary","white","black"])).concat(C("text-",L,"-emphasis"),["text-body-emphasis"])),_(C("text-opacity-",["25","50","75","100"])),_(C("fs-",["1","2","3","4","5","6"])),_(C("text-decoration-",["none","underline","line-through"]))],parts:["textalign"]},{key:"typography",labelKey:"style.section_typography",properties:[h("font-family",{labelKey:"style.prop_font_family"}),h("font-weight",{labelKey:"style.prop_font_weight",type:"select",values:["100","200","300","400","500","600","700","800","900","normal","bold","lighter","bolder"]}),h("font-style",{labelKey:"style.prop_font_style",type:"select",values:["normal","italic","oblique"]}),h("line-height",{labelKey:"style.prop_line_height"}),h("letter-spacing",{labelKey:"style.prop_letter_spacing"}),h("text-transform",{labelKey:"style.prop_text_transform",type:"select",values:["none","uppercase","lowercase","capitalize"]}),h("text-decoration",{labelKey:"style.prop_text_decoration",type:"select",values:["none","underline","line-through","overline"]})],catalog:[_(C("fw-",["lighter","light","normal","medium","semibold","bold","bolder"])),_(C("fst-",["italic","normal"])),_(C("lh-",["1","sm","base","lg"])),_(C("text-",["lowercase","uppercase","capitalize"])),_(["font-monospace"],!1),_(["text-wrap","text-nowrap"]),_(["text-break"],!1)],parts:[]},{key:"display",labelKey:"style.section_display",properties:[h("display",{labelKey:"style.prop_display",type:"select",values:["none","block","inline","inline-block","flex","inline-flex","grid","inline-grid"]}),h("opacity",{labelKey:"style.prop_opacity"}),h("overflow",{labelKey:"style.prop_overflow",type:"select",values:["visible","hidden","auto","scroll","clip"]}),h("visibility",{labelKey:"style.prop_visibility",type:"select",values:["visible","hidden"]})],catalog:[_(C("opacity-",["0","25","50","75","100"])),_(C("overflow-",["auto","hidden","visible","scroll"])),_(["visible","invisible"])],parts:["display"]},{key:"flex",labelKey:"style.section_flex",properties:[],catalog:[_(["vstack","hstack"],!0,["row"])],parts:["flex"]},{key:"position",labelKey:"style.section_position",properties:[h("position",{labelKey:"style.prop_position",type:"select",values:["static","relative","absolute","fixed","sticky"]}),h("top",{labelKey:"style.prop_top",notOn:B}),h("right",{labelKey:"style.prop_right",notOn:B}),h("bottom",{labelKey:"style.prop_bottom",notOn:B}),h("left",{labelKey:"style.prop_left",notOn:B}),h("z-index",{labelKey:"style.prop_z_index"})],catalog:[_(C("position-",["static","relative","absolute","fixed","sticky"])),_(C("top-",["0","50","100"])),_(C("bottom-",["0","50","100"])),_(C("start-",["0","50","100"])),_(C("end-",["0","50","100"])),_(["translate-middle","translate-middle-x","translate-middle-y"]),_(["z-n1","z-0","z-1","z-2","z-3"]),_(["fixed-top","fixed-bottom"])],parts:["float","sticky"]},{key:"custom",labelKey:"style.section_custom",properties:[],catalog:[],parts:[],custom:!0}];function Ke(e){return fe.filter(function(t){return t.key===e})[0]||null}function le(e,t){return e.onlyOn&&e.onlyOn.indexOf(t)===-1?!1:e.notOn.indexOf(t)===-1}var ie="(?:(?:sm|md|lg|xl|xxl)-)?",pt="(?:[0-5]|auto)",dt="(?:"+L.join("|")+"|black|white)",ft="(?:"+L.join("|")+"|body|body-secondary|body-tertiary|white|black|transparent)",mt="(?:"+L.join("|")+"|body|body-secondary|body-tertiary|white|black|muted|black-50|white-50)",pe="border(?:-(?:top|end|bottom|start))?(?:-0)?",Ae="(?:"+L.join("|")+")-subtle",yt="(?:"+L.join("|")+"|body)-emphasis",Te="text-bg-(?:"+L.join("|")+")",de="sticky-"+ie;function z(e,t){var r={top:"[ty]?",bottom:"[by]?",left:"[sx]?",right:"[ex]?"}[t];return new RegExp("^"+e+r+"-"+ie+pt+"$")}var gt={width:/^(?:w-(?:25|50|75|100|auto)|vw-100)$/,height:/^(?:h-(?:25|50|75|100|auto)|vh-100)$/,"max-width":/^mw-100$/,"max-height":/^mh-100$/,"min-width":/^min-vw-100$/,"min-height":/^min-vh-100$/,"margin-top":z("m","top"),"margin-right":z("m","right"),"margin-bottom":z("m","bottom"),"margin-left":z("m","left"),"padding-top":z("p","top"),"padding-right":z("p","right"),"padding-bottom":z("p","bottom"),"padding-left":z("p","left"),"border-width":new RegExp("^(?:"+pe+"|border-[1-5])$"),"border-style":new RegExp("^"+pe+"$"),"border-color":new RegExp("^(?:"+pe+"|border-"+dt+"|border-"+Ae+")$"),"border-radius":/^rounded(?:-(?:[0-5]|circle|pill|top|end|bottom|start))?$/,"box-shadow":/^shadow(?:-(?:none|sm|lg))?$/,"background-color":new RegExp("^(?:bg-"+ft+"|bg-"+Ae+"|"+Te+")$"),"background-image":/^bg-gradient$/,color:new RegExp("^(?:text-"+mt+"|text-"+yt+"|"+Te+")$"),"font-size":/^fs-[1-6]$/,"text-align":new RegExp("^text-"+ie+"(?:start|center|end)$"),"text-decoration":/^text-decoration-(?:none|underline|line-through)$/,"font-family":/^font-monospace$/,"font-weight":/^fw-(?:lighter|light|normal|medium|semibold|bold|bolder)$/,"font-style":/^fst-(?:italic|normal)$/,"line-height":/^lh-(?:1|sm|base|lg)$/,"text-transform":/^text-(?:lowercase|uppercase|capitalize)$/,display:new RegExp("^(?:d-"+ie+"(?:none|inline|inline-block|block|grid|inline-grid|table|table-row|table-cell|flex|inline-flex)|vstack|hstack)$"),opacity:/^opacity-(?:0|25|50|75|100)$/,overflow:/^overflow-(?:auto|hidden|visible|scroll)$/,visibility:/^(?:visible|invisible)$/,position:new RegExp("^(?:position-(?:static|relative|absolute|fixed|sticky)|fixed-(?:top|bottom)|"+de+"(?:top|bottom))$"),top:new RegExp("^(?:top-(?:0|50|100)|fixed-top|"+de+"top)$"),bottom:new RegExp("^(?:bottom-(?:0|50|100)|fixed-bottom|"+de+"bottom)$"),left:/^start-(?:0|50|100)$/,right:/^end-(?:0|50|100)$/,"z-index":/^z-(?:n1|[0-3])$/};function Le(e,t){var r=gt[e];return r&&t.filter(function(n){return r.test(n)})[0]||null}function ht(e,t){var r={};return Object.keys(t||{}).forEach(function(n){Ke(n)||e.warn('style.sections: there is no "'+n+'" section: ignored')}),fe.forEach(function(n){var l=t&&t[n.key]!==void 0?t[n.key]:!0;if(l!==!1){var o=n.properties.map(function(d){return d.name}),u=n.properties,c=!0;l&&typeof l=="object"&&(Array.isArray(l.properties)&&(l.properties.forEach(function(d){o.indexOf(d)===-1&&e.warn("style.sections."+n.key+': "'+d+'" is not one of its properties: ignored')}),u=l.properties.filter(function(d){return o.indexOf(d)!==-1}).map(function(d){return n.properties[o.indexOf(d)]})),l.catalog===!1&&(c=!1)),r[n.key]={section:n,properties:u,catalog:c}}}),r}function Pe(e){var t=e.settings.style||{};return{sections:ht(e,t.sections),spacing:t.spacing,visibility:t.visibility}}var Be=new WeakMap,vt=0;function bt(e){return(e.getAttribute("class")||"").split(/\s+/).filter(Boolean)}function je(e,t,r,n){var l=String(n==null?"":n).trim(),o=/\s*!\s*important\s*$/i.exec(l),u;return o&&(l=l.slice(0,o.index).trim(),u="important"),e.setHostStyle(t,r,l,u)}function ze(e,t,r){$(e,"is-invalid",!t),t?e.removeAttribute("title"):e.setAttribute("title",r.t("style.invalid"))}function me(e,t){R(e,"is-invalid")||(e.value=t)}function X(e){return g("input",{type:"text",class:"form-control form-control-sm "+(e||"")})}var xt=/^#([0-9a-f]{3}|[0-9a-f]{6})$/i;function Re(e){var t=xt.exec(e.trim());if(!t)return null;var r=t[1];return r.length===3&&(r=r.split("").map(function(n){return n+n}).join("")),"#"+r.toLowerCase()}function Ne(e){var t=g("div",{class:"input-group input-group-sm ge-style-color"}),r=t.appendChild(g("input",{type:"color",class:"form-control form-control-color"})),n=t.appendChild(X());return r.addEventListener("input",function(){D(n,"is-invalid"),n.value=r.value,e(r.value,n)}),n.addEventListener("change",function(){var l=Re(n.value);l&&(r.value=l),e(n.value,n)}),{element:t,set:function(l){me(n,l);var o=Re(l);o&&(r.value=o)}}}var _t=/^url\(\s*(["']?)(.*)\1\s*\)$/i;function wt(e){var t=_t.exec(e.trim());return t?t[1]?t[2].replace(/\\(["\\])/g,"$1"):t[2]:e}function Et(e){return e=e.trim(),e===""||/^(?:none|inherit|initial|unset|revert)$/i.test(e)||/^[a-z-]+\(/i.test(e)?e:'url("'+e.replace(/(["\\])/g,"\\$1")+'")'}function Ct(e){for(var t=[],r=0,n="",l=0;l<e.length;l++){var o=e.charAt(l);o==="("&&r++,o===")"&&r--,r===0&&(o===" "||o===",")?(n&&t.push(n),o===","&&t.push(","),n=""):n+=o}return n&&t.push(n),t}var St=/^-?(?:\d*\.)?\d+(?:[a-z%]+)?$/i,$e=[{name:"x",labelKey:"style.shadow_x"},{name:"y",labelKey:"style.shadow_y"},{name:"blur",labelKey:"style.shadow_blur"},{name:"spread",labelKey:"style.shadow_spread"}];function Ot(e,t){if(e=e.trim(),e==="")return{inset:!1,lengths:[],color:""};if(/var\(/i.test(e))return null;var r=Ct(e);if(r.indexOf(",")!==-1)return null;var n=!1,l=[],o=[];return r.forEach(function(u){t&&u.toLowerCase()==="inset"?n=!0:St.test(u)?l.push(u):o.push(u)}),o.length>1||l.length<2||l.length>(t?4:3)||o.length&&/^(?:none|inherit|initial|unset|revert)$/i.test(o[0])?null:{inset:n,lengths:l,color:o[0]||""}}function kt(e,t){for(var r=e.lengths.slice(),n=r.length-1;n>=0;n--)r[n]===""&&r.slice(n+1).some(Boolean)&&(r[n]="0");if(r=r.filter(Boolean),!r.length&&!e.color&&!e.inset)return"";for(;r.length<2;)r.push("0");return(t&&e.inset?"inset ":"")+r.join(" ")+(e.color?" "+e.color:"")}function At(e,t,r,n){var l=r==="box-shadow",o=g("div",{class:"ge-style-shadow"}),u=!1;function c(b,S){var T=je(e,t,r,b);return ze(S,T,e),T&&n(),T}function d(b){o.innerHTML="";var S=o.appendChild(g("div",{class:"ge-style-shadow-builder"})),T=l?$e:$e.slice(0,3),s=T.map(function(E,O){var K=S.appendChild(g("label",{class:"ge-style-shadow-part"}));K.appendChild(g("span",{class:"ge-style-shadow-label"},e.t(E.labelKey)));var k=K.appendChild(X("ge-style-shadow-"+E.name));return k.value=b.lengths[O]||"",k}),i=S.appendChild(g("label",{class:"ge-style-shadow-part ge-style-shadow-color"}));i.appendChild(g("span",{class:"ge-style-shadow-label"},e.t("style.shadow_color")));var a=Ne(function(){v()});i.appendChild(a.element),a.set(b.color);var p=null;if(l){var w=S.appendChild(g("label",{class:"form-check ge-style-shadow-inset"}));p=w.appendChild(g("input",{type:"checkbox",class:"form-check-input"})),w.appendChild(g("span",{class:"form-check-label"},e.t("style.shadow_inset"))),p.checked=b.inset,p.addEventListener("change",function(){v()})}s.forEach(function(E){E.addEventListener("change",function(){v()})});var x=o.appendChild(g("a",{href:"#",class:"ge-style-shadow-mode"},e.t("style.shadow_text_mode")));x.addEventListener("click",function(E){E.preventDefault(),u=!0,f()});function v(){var E=kt({inset:p?p.checked:!1,lengths:s.map(function(O){return O.value.trim()}),color:N(a.element,'input[type="text"]').value.trim()},l);c(E,s[0])}}function m(b){o.innerHTML="";var S=o.appendChild(X("ge-style-shadow-text"));S.value=b,S.addEventListener("change",function(){if(S.value.trim()===""){c("",S)&&(u=!1,f());return}c(S.value,S)})}var y=null;function f(){if(!o.querySelector(".is-invalid")){var b=e.hostStyle(t,r).value,S=Ot(b,l);b===y&&o.firstChild&&u===!!o.querySelector(".ge-style-shadow-text")||(y=b,u||!S?(u=!!b||u,m(b)):d(S))}}return{element:o,render:f,value:function(){return e.hostStyle(t,r).value}}}function He(e,t,r,n){var l=g("div",{class:"ge-style-field","data-ge-style-property":r.name}),o=l.appendChild(g("label",{class:"ge-style-label"},e.t(r.labelKey))),u;function c(){return e.hostStyle(t,r.name).value}function d(s,i){var a=je(e,t,r.name,s);ze(i,a,e),a&&n()}if(r.type==="select"){var m=l.appendChild(g("select",{class:"form-select form-select-sm"}));m.addEventListener("change",function(){d(m.value,m)}),u=function(){var s=c(),i=r.values.slice();s&&i.indexOf(s)===-1&&i.push(s),m.innerHTML="",m.appendChild(g("option",{value:""},"")),i.forEach(function(a){m.appendChild(g("option",{value:a},a))}),m.value=s}}else if(r.type==="color"){var y=Ne(function(s,i){d(s,i)});l.appendChild(y.element),u=function(){y.set(c())}}else if(r.type==="url"){var f=l.appendChild(X());f.addEventListener("change",function(){d(Et(f.value),f)}),u=function(){me(f,wt(c()))}}else if(r.type==="shadow"){var b=At(e,t,r.name,n);l.appendChild(b.element),u=b.render}else{var S=l.appendChild(X());S.addEventListener("change",function(){d(S.value,S)}),u=function(){me(S,c())}}var T=l.querySelector("input, select");return T&&(T.id="ge-style-field-"+ ++vt,o.setAttribute("for",T.id)),l.appendChild(g("small",{class:"ge-style-note ge-style-overridden"})),Be.set(l,function(){u();var s=c()?Le(r.name,bt(t)):null,i=j(l,".ge-style-overridden");i.textContent=s?e.t("style.overridden",{class:s}):"",F(i,!!s)}),ye(l),l}function ye(e){var t=Be.get(e);t&&t()}function De(e){return(e.getAttribute("class")||"").split(/\s+/).filter(Boolean)}function Tt(e,t,r,n){var l=e.detailsOf(t),o=l?N(l,".ge-classes"):null;if(o){var u=De(t).indexOf(n)!==-1,c=o.value.split(/\s+/).filter(Boolean).filter(function(d){return d===n?!1:!(r.exclusive&&!u&&r.classes.indexOf(d)!==-1)});u||c.push(n),o.value=c.join(" "),o.dispatchEvent(new Event("change",{bubbles:!0}))}}function Me(e,t,r,n){var l=n.filter(function(u){return le(u,r)});if(!l.length)return null;var o=g("div",{class:"ge-style-catalog"});return o.appendChild(g("span",{class:"ge-style-label"},e.t("style.catalog"))),l.forEach(function(u){var c=o.appendChild(g("div",{class:"ge-style-chips"}));u.classes.forEach(function(d){var m=c.appendChild(g("button",{type:"button",class:"btn btn-sm btn-outline-secondary ge-style-chip","data-ge-class":d,"aria-pressed":"false"},d));m.addEventListener("click",function(){Tt(e,t,u,d)})})}),ge(o,t),o}function ge(e,t){var r=De(t);P(e,".ge-style-chip").forEach(function(n){var l=r.indexOf(n.getAttribute("data-ge-class"))!==-1;$(n,"active",l),n.setAttribute("aria-pressed",l?"true":"false")})}function Kt(e){var t=document.createElement("div").style,r=[];t.setProperty(e,"initial");for(var n=0;n<t.length;n++)r.push(t[n]);return r.length?r:[e]}function Ie(e){var t=document.createElement("div").style;return t.cssText=e,t}function Fe(e,t,r,n){var l={};r.forEach(function(m){Kt(m).forEach(function(y){l[y]=!0})});var o=g("div",{class:"ge-style-custom"}),u=o.appendChild(g("textarea",{class:"form-control form-control-sm font-monospace ge-style-custom-css",rows:"4",spellcheck:"false","aria-label":e.t("style.section_custom")}));function c(){for(var m=Ie(e.hostStyle(t)),y=document.createElement("div").style,f=0;f<m.length;f++){var b=m[f];l[b]||y.setProperty(b,m.getPropertyValue(b),m.getPropertyPriority(b))}return y}u.addEventListener("change",function(){var m=c(),y=Ie(u.value),f;for(f=0;f<m.length;f++)y.getPropertyValue(m[f])===""&&e.setHostStyle(t,m[f],"");for(f=0;f<y.length;f++)e.setHostStyle(t,y[f],y.getPropertyValue(y[f]),y.getPropertyPriority(y[f]));d(),n()});function d(){document.activeElement!==u&&(u.value=c().cssText.replace(/; /g,`;
|
|
4
|
+
`))}return d(),{element:o,render:d}}function Lt(e,t){return t==="row"||t==="column"||t==="element"||t==="section"||H(e,"[data-ge-container]")?!0:!!j(e,".ge-tools-drawer.ge-pane-drawer")}function Pt(e,t,r){return r==="plain"&&(r="text"),e.appliesTo.indexOf(r)!==-1?!0:e.appliesTo.indexOf("container")!==-1&&H(t,"[data-ge-container]")}function Rt(e,t,r,n){if(t.panel)return t.panel(r,n);var l=t.families.filter(function(u){return Pt(u,r,n)}).map(function(u){return e.utilityField(r,u.name)});if(l.length<2)return l[0]||null;var o=g("div",{class:"ge-style-part-fields"});return l.forEach(function(u){o.appendChild(u)}),o}function Ue(e,t,r,n){var l=Lt(t,r),o=g("div",{class:"accordion ge-style"}),u=[],c=[],d=[],m=null,y=null,f=function(){s()};function b(i,a){var p=o.appendChild(g("div",{class:"accordion-item","data-ge-style-section":i})),w=p.appendChild(g("h2",{class:"accordion-header"})),x=w.appendChild(g("button",{type:"button",class:"accordion-button collapsed","aria-expanded":"false"},e.t(a))),v=p.appendChild(g("div",{class:"accordion-collapse collapse"})),E=v.appendChild(g("div",{class:"accordion-body"}));return x.addEventListener("click",function(){var O=!R(v,"show");n.state.open=O?i:null,n.opened(n.state.open)}),{entry:p,body:E}}function S(i,a){$(N(i,".accordion-collapse"),"show",a);var p=N(i,".accordion-button");$(p,"collapsed",!a),p.setAttribute("aria-expanded",a?"true":"false")}if(Object.keys(n.sections).forEach(function(i){var a=n.sections[i],p=a.section;if(p.custom){l&&(y=b(i,p.labelKey));return}var w=p.parts.map(function(k){return n.parts[k]?Rt(e,n.parts[k],t,r):null}).filter(Boolean),x=l?a.properties.filter(function(k){return le(k,r)}):[],v=l&&a.catalog?Me(e,t,r,p.catalog):null;if(!(!w.length&&!x.length&&!v)){var E=b(i,p.labelKey).body;if(w.forEach(function(k){E.appendChild(Z(k,"ge-style-part"))}),x.length){var O=E.appendChild(g("small",{class:"ge-style-note ge-style-all-sizes"},e.t("style.all_sizes")));d.push(O);var K=E.appendChild(g("div",{class:"ge-style-fields"}));x.forEach(function(k){var G=He(e,t,k,f);u.push(G),K.appendChild(G)})}v&&(c.push(v),E.appendChild(v))}}),y&&(m=Fe(e,t,u.map(function(i){return i.getAttribute("data-ge-style-property")}),f),y.body.appendChild(m.element),o.appendChild(y.entry)),!o.children.length)return null;function T(i){P(o,".accordion-item").forEach(function(a){S(a,a.getAttribute("data-ge-style-section")===i)})}T(n.state.open);function s(){u.forEach(ye),c.forEach(function(i){ge(i,t)}),m&&m.render(),d.forEach(function(i){F(i,e.view()!=="all")})}return s(),{element:o,render:s,open:T}}Object.assign(A.locales.en,{"style.section_title":"Style","style.dialog_title":"Style: {kind}","style.section_size":"Size","style.section_spacing":"Spacing","style.section_border":"Border","style.section_background":"Background","style.section_text":"Text","style.section_typography":"Typography","style.section_display":"Display","style.section_flex":"Flex","style.section_position":"Position","style.section_custom":"Custom css","style.all_sizes":"Applies to every size","style.overridden":"The class {class} takes priority over this value","style.invalid":"Not a value this property takes","style.catalog":"Bootstrap classes","style.shadow_x":"X","style.shadow_y":"Y","style.shadow_blur":"Blur","style.shadow_spread":"Spread","style.shadow_color":"Color","style.shadow_inset":"Inset","style.shadow_text_mode":"Edit as text","style.prop_width":"Width","style.prop_height":"Height","style.prop_min_width":"Min width","style.prop_min_height":"Min height","style.prop_max_width":"Max width","style.prop_max_height":"Max height","style.prop_margin_top":"Margin top","style.prop_margin_right":"Margin right","style.prop_margin_bottom":"Margin bottom","style.prop_margin_left":"Margin left","style.prop_padding_top":"Padding top","style.prop_padding_right":"Padding right","style.prop_padding_bottom":"Padding bottom","style.prop_padding_left":"Padding left","style.prop_border_width":"Border width","style.prop_border_style":"Border style","style.prop_border_color":"Border color","style.prop_border_radius":"Border radius","style.prop_box_shadow":"Shadow","style.prop_background_color":"Background color","style.prop_background_image":"Background image","style.prop_background_size":"Background size","style.prop_background_position":"Background position","style.prop_background_repeat":"Background repeat","style.prop_color":"Color","style.prop_font_size":"Font size","style.prop_text_align":"Text align","style.prop_text_shadow":"Text shadow","style.prop_font_family":"Font family","style.prop_font_weight":"Font weight","style.prop_font_style":"Font style","style.prop_line_height":"Line height","style.prop_letter_spacing":"Letter spacing","style.prop_text_transform":"Text transform","style.prop_text_decoration":"Text decoration","style.prop_display":"Display","style.prop_opacity":"Opacity","style.prop_overflow":"Overflow","style.prop_visibility":"Visibility","style.prop_position":"Position","style.prop_top":"Top","style.prop_right":"Right","style.prop_bottom":"Bottom","style.prop_left":"Left","style.prop_z_index":"Z-index"});var Ge=["spacing","textalign","display","flex","float","sticky","drawerflow"];A.utilities.style=function(e){var t=Pe(e),r={spacing:be(e,t.spacing),textalign:xe(e),display:_e(e,t.visibility),flex:we(e,t.spacing),float:Ee(e),sticky:Ce(e),drawerflow:Se(e)},n=[],l={sections:t.sections,parts:r,state:{open:null},opened:function(c){n.forEach(function(d){d.accordion.open(c)})}};function o(c){return function(){var d=arguments;Ge.forEach(function(m){r[m][c]&&r[m][c].apply(null,d)})}}var u=o("onRefresh");return{families:Ge.reduce(function(c,d){return c.concat(r[d].families.map(function(m){return Object.assign({},m,{panel:!1})}))},[]),panelSection:function(c,d){var m=Ue(e,c,d,l);return m?(n.push({node:c,accordion:m}),{labelKey:"style.section_title",titleKey:"style.dialog_title",body:m.element}):null},preview:function(c,d,m){return r.spacing.preview(c,d,m)},onRefresh:function(c){u(c),n=n.filter(function(d){return d.accordion.element.isConnected}),n.forEach(function(d){(d.node===c||c.contains(d.node))&&d.accordion.render()})},drawerTools:o("drawerTools"),onDeinit:function(){o("onDeinit")(),n=[]}}};})();
|