@saltcorn/builder 0.7.1-beta.1 → 0.7.1
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/dist/builder_bundle.js +1 -1
- package/package.json +1 -1
- package/src/components/elements/Field.js +19 -13
- package/src/components/elements/Link.js +15 -0
- package/src/components/elements/View.js +16 -0
- package/src/components/elements/ViewLink.js +18 -1
- package/src/components/elements/utils.js +48 -41
- package/src/components/storage.js +2 -0
package/dist/builder_bundle.js
CHANGED
|
@@ -77,4 +77,4 @@ function m(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;v
|
|
|
77
77
|
/*!
|
|
78
78
|
* Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com
|
|
79
79
|
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
|
80
|
-
*/function dn(e){return function(e){if(Array.isArray(e))return pn(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return pn(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return pn(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 pn(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var mn={regular:["address-book","address-card","angry","arrow-alt-circle-down","arrow-alt-circle-left","arrow-alt-circle-right","arrow-alt-circle-up","bell","bell-slash","bookmark","building","calendar","calendar-alt","calendar-check","calendar-minus","calendar-plus","calendar-times","caret-square-down","caret-square-left","caret-square-right","caret-square-up","chart-bar","check-circle","check-square","circle","clipboard","clock","clone","closed-captioning","comment","comment-alt","comment-dots","comments","compass","copy","copyright","credit-card","dizzy","dot-circle","edit","envelope","envelope-open","eye","eye-slash","file","file-alt","file-archive","file-audio","file-code","file-excel","file-image","file-pdf","file-powerpoint","file-video","file-word","flag","flushed","folder","folder-open","frown","frown-open","futbol","gem","grimace","grin","grin-alt","grin-beam","grin-beam-sweat","grin-hearts","grin-squint","grin-squint-tears","grin-stars","grin-tears","grin-tongue","grin-tongue-squint","grin-tongue-wink","grin-wink","hand-lizard","hand-paper","hand-peace","hand-point-down","hand-point-left","hand-point-right","hand-point-up","hand-pointer","hand-rock","hand-scissors","hand-spock","handshake","hdd","heart","hospital","hourglass","id-badge","id-card","image","images","keyboard","kiss","kiss-beam","kiss-wink-heart","laugh","laugh-beam","laugh-squint","laugh-wink","lemon","life-ring","lightbulb","list-alt","map","meh","meh-blank","meh-rolling-eyes","minus-square","money-bill-alt","moon","newspaper","object-group","object-ungroup","paper-plane","pause-circle","play-circle","plus-square","question-circle","registered","sad-cry","sad-tear","save","share-square","smile","smile-beam","smile-wink","snowflake","square","star","star-half","sticky-note","stop-circle","sun","surprise","thumbs-down","thumbs-up","times-circle","tired","trash-alt","user","user-circle","window-close","window-maximize","window-minimize","window-restore"],solid:["ad","address-book","address-card","adjust","air-freshener","align-center","align-justify","align-left","align-right","allergies","ambulance","american-sign-language-interpreting","anchor","angle-double-down","angle-double-left","angle-double-right","angle-double-up","angle-down","angle-left","angle-right","angle-up","angry","ankh","apple-alt","archive","archway","arrow-alt-circle-down","arrow-alt-circle-left","arrow-alt-circle-right","arrow-alt-circle-up","arrow-circle-down","arrow-circle-left","arrow-circle-right","arrow-circle-up","arrow-down","arrow-left","arrow-right","arrow-up","arrows-alt","arrows-alt-h","arrows-alt-v","assistive-listening-systems","asterisk","at","atlas","atom","audio-description","award","baby","baby-carriage","backspace","backward","bacon","bacteria","bacterium","bahai","balance-scale","balance-scale-left","balance-scale-right","ban","band-aid","barcode","bars","baseball-ball","basketball-ball","bath","battery-empty","battery-full","battery-half","battery-quarter","battery-three-quarters","bed","beer","bell","bell-slash","bezier-curve","bible","bicycle","biking","binoculars","biohazard","birthday-cake","blender","blender-phone","blind","blog","bold","bolt","bomb","bone","bong","book","book-dead","book-medical","book-open","book-reader","bookmark","border-all","border-none","border-style","bowling-ball","box","box-open","box-tissue","boxes","braille","brain","bread-slice","briefcase","briefcase-medical","broadcast-tower","broom","brush","bug","building","bullhorn","bullseye","burn","bus","bus-alt","business-time","calculator","calendar","calendar-alt","calendar-check","calendar-day","calendar-minus","calendar-plus","calendar-times","calendar-week","camera","camera-retro","campground","candy-cane","cannabis","capsules","car","car-alt","car-battery","car-crash","car-side","caravan","caret-down","caret-left","caret-right","caret-square-down","caret-square-left","caret-square-right","caret-square-up","caret-up","carrot","cart-arrow-down","cart-plus","cash-register","cat","certificate","chair","chalkboard","chalkboard-teacher","charging-station","chart-area","chart-bar","chart-line","chart-pie","check","check-circle","check-double","check-square","cheese","chess","chess-bishop","chess-board","chess-king","chess-knight","chess-pawn","chess-queen","chess-rook","chevron-circle-down","chevron-circle-left","chevron-circle-right","chevron-circle-up","chevron-down","chevron-left","chevron-right","chevron-up","child","church","circle","circle-notch","city","clinic-medical","clipboard","clipboard-check","clipboard-list","clock","clone","closed-captioning","cloud","cloud-download-alt","cloud-meatball","cloud-moon","cloud-moon-rain","cloud-rain","cloud-showers-heavy","cloud-sun","cloud-sun-rain","cloud-upload-alt","cocktail","code","code-branch","coffee","cog","cogs","coins","columns","comment","comment-alt","comment-dollar","comment-dots","comment-medical","comment-slash","comments","comments-dollar","compact-disc","compass","compress","compress-alt","compress-arrows-alt","concierge-bell","cookie","cookie-bite","copy","copyright","couch","credit-card","crop","crop-alt","cross","crosshairs","crow","crown","crutch","cube","cubes","cut","database","deaf","democrat","desktop","dharmachakra","diagnoses","dice","dice-d20","dice-d6","dice-five","dice-four","dice-one","dice-six","dice-three","dice-two","digital-tachograph","directions","disease","divide","dizzy","dna","dog","dollar-sign","dolly","dolly-flatbed","donate","door-closed","door-open","dot-circle","dove","download","drafting-compass","dragon","draw-polygon","drum","drum-steelpan","drumstick-bite","dumbbell","dumpster","dumpster-fire","dungeon","edit","egg","eject","ellipsis-h","ellipsis-v","envelope","envelope-open","envelope-open-text","envelope-square","equals","eraser","ethernet","euro-sign","exchange-alt","exclamation","exclamation-circle","exclamation-triangle","expand","expand-alt","expand-arrows-alt","external-link-alt","external-link-square-alt","eye","eye-dropper","eye-slash","fan","fast-backward","fast-forward","faucet","fax","feather","feather-alt","female","fighter-jet","file","file-alt","file-archive","file-audio","file-code","file-contract","file-csv","file-download","file-excel","file-export","file-image","file-import","file-invoice","file-invoice-dollar","file-medical","file-medical-alt","file-pdf","file-powerpoint","file-prescription","file-signature","file-upload","file-video","file-word","fill","fill-drip","film","filter","fingerprint","fire","fire-alt","fire-extinguisher","first-aid","fish","fist-raised","flag","flag-checkered","flag-usa","flask","flushed","folder","folder-minus","folder-open","folder-plus","font","football-ball","forward","frog","frown","frown-open","funnel-dollar","futbol","gamepad","gas-pump","gavel","gem","genderless","ghost","gift","gifts","glass-cheers","glass-martini","glass-martini-alt","glass-whiskey","glasses","globe","globe-africa","globe-americas","globe-asia","globe-europe","golf-ball","gopuram","graduation-cap","greater-than","greater-than-equal","grimace","grin","grin-alt","grin-beam","grin-beam-sweat","grin-hearts","grin-squint","grin-squint-tears","grin-stars","grin-tears","grin-tongue","grin-tongue-squint","grin-tongue-wink","grin-wink","grip-horizontal","grip-lines","grip-lines-vertical","grip-vertical","guitar","h-square","hamburger","hammer","hamsa","hand-holding","hand-holding-heart","hand-holding-medical","hand-holding-usd","hand-holding-water","hand-lizard","hand-middle-finger","hand-paper","hand-peace","hand-point-down","hand-point-left","hand-point-right","hand-point-up","hand-pointer","hand-rock","hand-scissors","hand-sparkles","hand-spock","hands","hands-helping","hands-wash","handshake","handshake-alt-slash","handshake-slash","hanukiah","hard-hat","hashtag","hat-cowboy","hat-cowboy-side","hat-wizard","hdd","head-side-cough","head-side-cough-slash","head-side-mask","head-side-virus","heading","headphones","headphones-alt","headset","heart","heart-broken","heartbeat","helicopter","highlighter","hiking","hippo","history","hockey-puck","holly-berry","home","horse","horse-head","hospital","hospital-alt","hospital-symbol","hospital-user","hot-tub","hotdog","hotel","hourglass","hourglass-end","hourglass-half","hourglass-start","house-damage","house-user","hryvnia","i-cursor","ice-cream","icicles","icons","id-badge","id-card","id-card-alt","igloo","image","images","inbox","indent","industry","infinity","info","info-circle","italic","jedi","joint","journal-whills","kaaba","key","keyboard","khanda","kiss","kiss-beam","kiss-wink-heart","kiwi-bird","landmark","language","laptop","laptop-code","laptop-house","laptop-medical","laugh","laugh-beam","laugh-squint","laugh-wink","layer-group","leaf","lemon","less-than","less-than-equal","level-down-alt","level-up-alt","life-ring","lightbulb","link","lira-sign","list","list-alt","list-ol","list-ul","location-arrow","lock","lock-open","long-arrow-alt-down","long-arrow-alt-left","long-arrow-alt-right","long-arrow-alt-up","low-vision","luggage-cart","lungs","lungs-virus","magic","magnet","mail-bulk","male","map","map-marked","map-marked-alt","map-marker","map-marker-alt","map-pin","map-signs","marker","mars","mars-double","mars-stroke","mars-stroke-h","mars-stroke-v","mask","medal","medkit","meh","meh-blank","meh-rolling-eyes","memory","menorah","mercury","meteor","microchip","microphone","microphone-alt","microphone-alt-slash","microphone-slash","microscope","minus","minus-circle","minus-square","mitten","mobile","mobile-alt","money-bill","money-bill-alt","money-bill-wave","money-bill-wave-alt","money-check","money-check-alt","monument","moon","mortar-pestle","mosque","motorcycle","mountain","mouse","mouse-pointer","mug-hot","music","network-wired","neuter","newspaper","not-equal","notes-medical","object-group","object-ungroup","oil-can","om","otter","outdent","pager","paint-brush","paint-roller","palette","pallet","paper-plane","paperclip","parachute-box","paragraph","parking","passport","pastafarianism","paste","pause","pause-circle","paw","peace","pen","pen-alt","pen-fancy","pen-nib","pen-square","pencil-alt","pencil-ruler","people-arrows","people-carry","pepper-hot","percent","percentage","person-booth","phone","phone-alt","phone-slash","phone-square","phone-square-alt","phone-volume","photo-video","piggy-bank","pills","pizza-slice","place-of-worship","plane","plane-arrival","plane-departure","plane-slash","play","play-circle","plug","plus","plus-circle","plus-square","podcast","poll","poll-h","poo","poo-storm","poop","portrait","pound-sign","power-off","pray","praying-hands","prescription","prescription-bottle","prescription-bottle-alt","print","procedures","project-diagram","pump-medical","pump-soap","puzzle-piece","qrcode","question","question-circle","quidditch","quote-left","quote-right","quran","radiation","radiation-alt","rainbow","random","receipt","record-vinyl","recycle","redo","redo-alt","registered","remove-format","reply","reply-all","republican","restroom","retweet","ribbon","ring","road","robot","rocket","route","rss","rss-square","ruble-sign","ruler","ruler-combined","ruler-horizontal","ruler-vertical","running","rupee-sign","sad-cry","sad-tear","satellite","satellite-dish","save","school","screwdriver","scroll","sd-card","search","search-dollar","search-location","search-minus","search-plus","seedling","server","shapes","share","share-alt","share-alt-square","share-square","shekel-sign","shield-alt","shield-virus","ship","shipping-fast","shoe-prints","shopping-bag","shopping-basket","shopping-cart","shower","shuttle-van","sign","sign-in-alt","sign-language","sign-out-alt","signal","signature","sim-card","sink","sitemap","skating","skiing","skiing-nordic","skull","skull-crossbones","slash","sleigh","sliders-h","smile","smile-beam","smile-wink","smog","smoking","smoking-ban","sms","snowboarding","snowflake","snowman","snowplow","soap","socks","solar-panel","sort","sort-alpha-down","sort-alpha-down-alt","sort-alpha-up","sort-alpha-up-alt","sort-amount-down","sort-amount-down-alt","sort-amount-up","sort-amount-up-alt","sort-down","sort-numeric-down","sort-numeric-down-alt","sort-numeric-up","sort-numeric-up-alt","sort-up","spa","space-shuttle","spell-check","spider","spinner","splotch","spray-can","square","square-full","square-root-alt","stamp","star","star-and-crescent","star-half","star-half-alt","star-of-david","star-of-life","step-backward","step-forward","stethoscope","sticky-note","stop","stop-circle","stopwatch","stopwatch-20","store","store-alt","store-alt-slash","store-slash","stream","street-view","strikethrough","stroopwafel","subscript","subway","suitcase","suitcase-rolling","sun","superscript","surprise","swatchbook","swimmer","swimming-pool","synagogue","sync","sync-alt","syringe","table","table-tennis","tablet","tablet-alt","tablets","tachometer-alt","tag","tags","tape","tasks","taxi","teeth","teeth-open","temperature-high","temperature-low","tenge","terminal","text-height","text-width","th","th-large","th-list","theater-masks","thermometer","thermometer-empty","thermometer-full","thermometer-half","thermometer-quarter","thermometer-three-quarters","thumbs-down","thumbs-up","thumbtack","ticket-alt","times","times-circle","tint","tint-slash","tired","toggle-off","toggle-on","toilet","toilet-paper","toilet-paper-slash","toolbox","tools","tooth","torah","torii-gate","tractor","trademark","traffic-light","trailer","train","tram","transgender","transgender-alt","trash","trash-alt","trash-restore","trash-restore-alt","tree","trophy","truck","truck-loading","truck-monster","truck-moving","truck-pickup","tshirt","tty","tv","umbrella","umbrella-beach","underline","undo","undo-alt","universal-access","university","unlink","unlock","unlock-alt","upload","user","user-alt","user-alt-slash","user-astronaut","user-check","user-circle","user-clock","user-cog","user-edit","user-friends","user-graduate","user-injured","user-lock","user-md","user-minus","user-ninja","user-nurse","user-plus","user-secret","user-shield","user-slash","user-tag","user-tie","user-times","users","users-cog","users-slash","utensil-spoon","utensils","vector-square","venus","venus-double","venus-mars","vest","vest-patches","vial","vials","video","video-slash","vihara","virus","virus-slash","viruses","voicemail","volleyball-ball","volume-down","volume-mute","volume-off","volume-up","vote-yea","vr-cardboard","walking","wallet","warehouse","water","wave-square","weight","weight-hanging","wheelchair","wifi","wind","window-close","window-maximize","window-minimize","window-restore","wine-bottle","wine-glass","wine-glass-alt","won-sign","wrench","x-ray","yen-sign","yin-yang"],brands:["500px","accessible-icon","accusoft","acquisitions-incorporated","adn","adversal","affiliatetheme","airbnb","algolia","alipay","amazon","amazon-pay","amilia","android","angellist","angrycreative","angular","app-store","app-store-ios","apper","apple","apple-pay","artstation","asymmetrik","atlassian","audible","autoprefixer","avianex","aviato","aws","bandcamp","battle-net","behance","behance-square","bimobject","bitbucket","bitcoin","bity","black-tie","blackberry","blogger","blogger-b","bluetooth","bluetooth-b","bootstrap","btc","buffer","buromobelexperte","buy-n-large","buysellads","canadian-maple-leaf","cc-amazon-pay","cc-amex","cc-apple-pay","cc-diners-club","cc-discover","cc-jcb","cc-mastercard","cc-paypal","cc-stripe","cc-visa","centercode","centos","chrome","chromecast","cloudflare","cloudscale","cloudsmith","cloudversify","codepen","codiepie","confluence","connectdevelop","contao","cotton-bureau","cpanel","creative-commons","creative-commons-by","creative-commons-nc","creative-commons-nc-eu","creative-commons-nc-jp","creative-commons-nd","creative-commons-pd","creative-commons-pd-alt","creative-commons-remix","creative-commons-sa","creative-commons-sampling","creative-commons-sampling-plus","creative-commons-share","creative-commons-zero","critical-role","css3","css3-alt","cuttlefish","d-and-d","d-and-d-beyond","dailymotion","dashcube","deezer","delicious","deploydog","deskpro","dev","deviantart","dhl","diaspora","digg","digital-ocean","discord","discourse","dochub","docker","draft2digital","dribbble","dribbble-square","dropbox","drupal","dyalog","earlybirds","ebay","edge","edge-legacy","elementor","ello","ember","empire","envira","erlang","ethereum","etsy","evernote","expeditedssl","facebook","facebook-f","facebook-messenger","facebook-square","fantasy-flight-games","fedex","fedora","figma","firefox","firefox-browser","first-order","first-order-alt","firstdraft","flickr","flipboard","fly","font-awesome","font-awesome-alt","font-awesome-flag","fonticons","fonticons-fi","fort-awesome","fort-awesome-alt","forumbee","foursquare","free-code-camp","freebsd","fulcrum","galactic-republic","galactic-senate","get-pocket","gg","gg-circle","git","git-alt","git-square","github","github-alt","github-square","gitkraken","gitlab","gitter","glide","glide-g","gofore","goodreads","goodreads-g","google","google-drive","google-pay","google-play","google-plus","google-plus-g","google-plus-square","google-wallet","gratipay","grav","gripfire","grunt","guilded","gulp","hacker-news","hacker-news-square","hackerrank","hips","hire-a-helper","hive","hooli","hornbill","hotjar","houzz","html5","hubspot","ideal","imdb","innosoft","instagram","instagram-square","instalod","intercom","internet-explorer","invision","ioxhost","itch-io","itunes","itunes-note","java","jedi-order","jenkins","jira","joget","joomla","js","js-square","jsfiddle","kaggle","keybase","keycdn","kickstarter","kickstarter-k","korvue","laravel","lastfm","lastfm-square","leanpub","less","line","linkedin","linkedin-in","linode","linux","lyft","magento","mailchimp","mandalorian","markdown","mastodon","maxcdn","mdb","medapps","medium","medium-m","medrt","meetup","megaport","mendeley","microblog","microsoft","mix","mixcloud","mixer","mizuni","modx","monero","napster","neos","nimblr","node","node-js","npm","ns8","nutritionix","octopus-deploy","odnoklassniki","odnoklassniki-square","old-republic","opencart","openid","opera","optin-monster","orcid","osi","page4","pagelines","palfed","patreon","paypal","penny-arcade","perbyte","periscope","phabricator","phoenix-framework","phoenix-squadron","php","pied-piper","pied-piper-alt","pied-piper-hat","pied-piper-pp","pied-piper-square","pinterest","pinterest-p","pinterest-square","playstation","product-hunt","pushed","python","qq","quinscape","quora","r-project","raspberry-pi","ravelry","react","reacteurope","readme","rebel","red-river","reddit","reddit-alien","reddit-square","redhat","renren","replyd","researchgate","resolving","rev","rocketchat","rockrms","rust","safari","salesforce","sass","schlix","scribd","searchengin","sellcast","sellsy","servicestack","shirtsinbulk","shopify","shopware","simplybuilt","sistrix","sith","sketch","skyatlas","skype","slack","slack-hash","slideshare","snapchat","snapchat-ghost","snapchat-square","soundcloud","sourcetree","speakap","speaker-deck","spotify","squarespace","stack-exchange","stack-overflow","stackpath","staylinked","steam","steam-square","steam-symbol","sticker-mule","strava","stripe","stripe-s","studiovinari","stumbleupon","stumbleupon-circle","superpowers","supple","suse","swift","symfony","teamspeak","telegram","telegram-plane","tencent-weibo","the-red-yeti","themeco","themeisle","think-peaks","tiktok","trade-federation","trello","tumblr","tumblr-square","twitch","twitter","twitter-square","typo3","uber","ubuntu","uikit","umbraco","uncharted","uniregistry","unity","unsplash","untappd","ups","usb","usps","ussunnah","vaadin","viacoin","viadeo","viadeo-square","viber","vimeo","vimeo-square","vimeo-v","vine","vk","vnv","vuejs","watchman-monitoring","waze","weebly","weibo","weixin","whatsapp","whatsapp-square","whmcs","wikipedia-w","windows","wix","wizards-of-the-coast","wodu","wolf-pack-battalion","wordpress","wordpress-simple","wpbeginner","wpexplorer","wpforms","wpressr","xbox","xing","xing-square","y-combinator","yahoo","yammer","yandex","yandex-international","yarn","yelp","yoast","youtube","youtube-square","zhihu"]},hn=[].concat(dn(mn.regular.map((function(e){return"far fa-".concat(e)}))),dn(mn.solid.map((function(e){return"fas fa-".concat(e)}))),dn(mn.brands.map((function(e){return"fab fa-".concat(e)}))));var vn=function(e){var t=e.children,n=(e.align,lt((function(e){return{selected:e.events.selected}}))),r=n.selected,o=n.id,i=n.connectors,l=i.connect,c=i.drag;return a.a.createElement("div",{className:r?"selected-node":"",ref:function(e){return l(c(e))}},a.a.createElement("div",{className:"canvas ".concat("ROOT"===o?"root-canvas":"")},t))};function gn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,l=e[Symbol.iterator]();!(r=(i=l.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==l.return||l.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return yn(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return yn(e,t)}(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 yn(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}vn.craft={displayName:"Column",props:{},rules:{canDrag:function(){return!0}},related:{settings:function(){return function(e){if(null==e)throw new TypeError("Cannot destructure undefined")}(lt((function(e){return{}}))),a.a.createElement("div",null)}}};var bn=function(e){var t=e.setProp,n=e.node,o=e.sizeWithStyle,i=gn(Object(r.useState)(!1),2),l=i[0],c=i[1],u=gn(Object(r.useState)(!1),2),s=u[0],f=u[1],d=!!l&&(s?"".concat(l,"-").concat(s):l),p=function(e,t){c(e),f(t)},m=n.style;return a.a.createElement(r.Fragment,null,a.a.createElement("div",{className:"w-100 text-center"},a.a.createElement("div",{className:"boxmodel-container boxmodel-chrome-skin mt-2 mx-auto text-center"},a.a.createElement("div",{className:"boxmodel-container"},a.a.createElement("div",{className:"boxmodel-margin"},a.a.createElement("span",{className:"boxmodel-text boxmodel-header",onClick:function(){return p("margin",null)}},"Margin"),a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-left",onClick:function(){return p("margin","left")}},a.a.createElement("div",{className:"rotate dim-display"},m["margin-left"]||m.margin||"")),a.a.createElement("div",{className:"flex-row"},a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-top",onClick:function(){return p("margin","top")}},a.a.createElement("input",{disabled:!0,type:"text",autoComplete:"off",name:"boxmodel-ex-1_top_margin",size:"3",value:m["margin-top"]||m.margin||""})),a.a.createElement("div",{className:"boxmodel-border"},a.a.createElement("span",{className:"boxmodel-text boxmodel-header",onClick:function(){return p("border",null)}},"Border"),a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-left",onClick:function(){return p("border","left")}},a.a.createElement("div",{className:"rotate dim-display"},m["border-left-width"]||m["border-width"]||"")),a.a.createElement("div",{className:"flex-row"},a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-top",onClick:function(){return p("border","top")}},a.a.createElement("input",{disabled:!0,type:"text",autoComplete:"off",name:"boxmodel-ex-1_top_border",value:m["border-top-width"]||m["border-width"]||"",size:"3"})),a.a.createElement("div",{className:"boxmodel-padding"},a.a.createElement("span",{className:"boxmodel-text boxmodel-header",onClick:function(){return p("padding",null)}},"Padding"),a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-left",onClick:function(){return p("padding","left")}},a.a.createElement("div",{className:"rotate dim-display-padding"},m["padding-left"]||m.padding||"")),a.a.createElement("div",{className:"flex-row"},a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-top",onClick:function(){return p("padding","top")}},a.a.createElement("input",{disabled:!0,type:"text",autoComplete:"off",name:"boxmodel-ex-1_top_padding",value:m["padding-top"]||m.padding||"",size:"3"})),a.a.createElement("div",{className:"boxmodel-content",onClick:function(){return c("size")}},a.a.createElement("input",{disabled:!0,type:"text",autoComplete:"off",name:"boxmodel-ex-1_width",size:"3",value:o?m.width:n.width?"".concat(n.width).concat(n.widthUnits||"px"):""}),"x",a.a.createElement("input",{disabled:!0,type:"text",autoComplete:"off",name:"boxmodel-ex-1_height",size:"3",value:o?m.height:n.height?"".concat(n.height).concat(n.heightUnits||"px"):""})),a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-bottom",onClick:function(){return p("padding","bottom")}},a.a.createElement("input",{disabled:!0,type:"text",autoComplete:"off",name:"boxmodel-ex-1_bottom_padding",size:"3",value:m["padding-bottom"]||m.padding||""}))),a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-right",onClick:function(){return p("padding","right")}},a.a.createElement("div",{className:"rotate dim-display-padding"},m["padding-right"]||m.padding||""))),a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-bottom",onClick:function(){return p("border","bottom")}},a.a.createElement("input",{disabled:!0,type:"text",autoComplete:"off",name:"boxmodel-ex-1_bottom_border",size:"3",value:m["border-bottom-width"]||m["border-width"]||""}))),a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-right",onClick:function(){return p("border","right")}},a.a.createElement("div",{className:"rotate dim-display"},m["border-right-width"]||m["border-width"]||""))),a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-bottom",onClick:function(){return p("margin","bottom")}},a.a.createElement("input",{disabled:!0,type:"text",autoComplete:"off",name:"boxmodel-ex-1_bottom_margin",size:"3",value:m["margin-bottom"]||m.margin||""}))),a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-right",onClick:function(){return p("margin","right")}},a.a.createElement("div",{className:"rotate dim-display"},m["margin-right"]||m.margin||"")))))),a.a.createElement("table",{className:"w-100 mt-2"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",{width:"45%"}),a.a.createElement("td",null)),d&&["margin","padding"].includes(l)&&a.a.createElement(ur,{field:{name:d,label:d,type:"DimUnits",autoable:"margin"===l},node:n,setProp:t,isStyle:!0}),"size"===l&&a.a.createElement(r.Fragment,null,a.a.createElement(ur,{field:{name:"width",label:"width",type:"DimUnits"},node:n,setProp:t,isStyle:!!o}),a.a.createElement(ur,{field:{name:"height",label:"height",type:"DimUnits"},node:n,setProp:t,isStyle:!!o}),a.a.createElement(ur,{field:{name:o?"min-height":"minHeight",label:"min height",type:"DimUnits"},node:n,setProp:t,isStyle:!!o})),"border"===l&&a.a.createElement(r.Fragment,null,a.a.createElement(cr,{title:d}),a.a.createElement(ur,{field:{name:d+"-width",label:"width",type:"DimUnits"},node:n,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:d+"-style",label:"style",type:"btn_select",btnClass:"btnstylesel",options:["solid","dotted","dashed","double","groove","ridge","inset","outset"].map(dr)},node:n,isStyle:!0,setProp:t}),a.a.createElement(ur,{field:{name:d+"-color",label:"color",type:"Color"},node:n,isStyle:!0,setProp:t}),!s&&a.a.createElement(ur,{field:{name:d+"-radius",label:"radius",type:"DimUnits"},node:n,setProp:t,isStyle:!0}),s&&wn[s].map((function(e,r){return a.a.createElement(ur,{key:r,field:{name:"border-".concat(e,"-radius"),label:e.replace("-"," ")+" radius",type:"DimUnits"},node:n,setProp:t,isStyle:!0})}))),!d&&a.a.createElement("tr",null,a.a.createElement("td",{colSpan:2},a.a.createElement("div",null,"Click above to select a property to adjust."),a.a.createElement("div",null,a.a.createElement("small",null,"Click a label (margin, border, padding) to adjust all edges.")),a.a.createElement("div",null,a.a.createElement("small",null,"Click an edge to adjust that edge.")),a.a.createElement("div",null,a.a.createElement("small",null,"Click center to adjust height and width")))))))},wn={left:["bottom-left","top-left"],right:["bottom-right","top-right"],top:["top-left","top-right"],bottom:["bottom-left","bottom-right"]};function En(e){if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(e=function(e,t){if(!e)return;if("string"==typeof e)return xn(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return xn(e,t)}(e))){var t=0,n=function(){};return{s:n,n:function(){return t>=e.length?{done:!0}:{done:!1,value:e[t++]}},e:function(e){throw e},f:n}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,a,o=!0,i=!1;return{s:function(){r=e[Symbol.iterator]()},n:function(){var e=r.next();return o=e.done,e},e:function(e){i=!0,a=e},f:function(){try{o||null==r.return||r.return()}finally{if(i)throw a}}}}function xn(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var kn=function(e,t){for(var n=[],r=0;r<e;r++)n.push(t(r));return n},_n=function(e){var t,n=0,r=En(e);try{for(r.s();!(t=r.n()).done;){n+=t.value}}catch(e){r.e(e)}finally{r.f()}return n},On=function(e,t){return t<e.length?e[t]:12-_n(e)},Sn=function(e){var t=e.widths,n=e.contents,r=e.ncols,o=e.style,i=lt((function(e){return{selected:e.events.selected}})),l=i.selected,c=i.connectors,u=c.connect,s=c.drag;return a.a.createElement("div",{className:"row ".concat(l?"selected-node":""),ref:function(e){return u(s(e))},style:tr(o||{})},kn(r,(function(e){return a.a.createElement("div",{key:e,className:"split-col col-sm-".concat(On(t,e))},a.a.createElement(mt,{canvas:!0,id:"Col".concat(e),is:vn},n[e]))})))};function Cn(e){return(Cn="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function jn(e){return function(e){if(Array.isArray(e))return qn(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||Un(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 Pn(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function Nn(e,t){return(Nn=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function Tn(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=Rn(e);if(t){var a=Rn(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return An(this,n)}}function An(e,t){return!t||"object"!==Cn(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function Rn(e){return(Rn=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function In(){return(In=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function zn(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}function Mn(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Fn(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Mn(Object(n),!0).forEach((function(t){Ln(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Mn(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ln(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Dn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,l=e[Symbol.iterator]();!(r=(i=l.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==l.return||l.return()}finally{if(a)throw o}}return n}(e,t)||Un(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 Un(e,t){if(e){if("string"==typeof e)return qn(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?qn(e,t):void 0}}function qn(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}Sn.craft={displayName:"Columns",defaultProps:{widths:[6],ncols:2,style:{},breakpoints:["sm","sm"]},related:{settings:function(){var e=lt((function(e){return{widths:e.data.props.widths,ncols:e.data.props.ncols,breakpoints:e.data.props.breakpoints,style:e.data.props.style}})),t=e.actions.setProp,n=e.widths,o=e.ncols,i=e.breakpoints;e.style;return a.a.createElement(Xn,null,a.a.createElement("table",{accordiontitle:"Column properties"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"3"},a.a.createElement("label",null,"Number of columns")),a.a.createElement("td",null,a.a.createElement("input",{type:"number",value:o,className:"form-control",step:"1",min:"1",max:"4",onChange:function(e){return t((function(t){t.ncols=e.target.value,t.widths=function(e){return kn(e-1,(function(){return 12/e}))}(e.target.value)}))}}))),a.a.createElement("tr",null,a.a.createElement("th",{colSpan:"4"},"Widths & Breakpoint")),kn(o,(function(e){return a.a.createElement(r.Fragment,{key:e},a.a.createElement("tr",null,a.a.createElement("th",{colSpan:"4"},"Column ",e+1)),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Width")),a.a.createElement("td",{align:"right"},e<o-1?a.a.createElement("input",{type:"number",value:n[e],className:"form-control",step:"1",min:"1",max:12-(_n(n)-n[e])-1,onChange:function(n){return t((function(t){return t.widths[e]=+n.target.value}))}}):"".concat(12-_n(n))),a.a.createElement("td",null,"/12"),a.a.createElement("td",null,a.a.createElement("select",{className:"form-control form-select",value:i[e],onChange:function(n){return t((function(t){return t.breakpoints[e]=n.target.value}))}},a.a.createElement("option",{disabled:!0},"Breakpoint"),a.a.createElement("option",{value:""},"None"),a.a.createElement("option",{value:"sm"},"Small"),a.a.createElement("option",{value:"md"},"Medium"),a.a.createElement("option",{value:"lg"},"Large")))))})))),a.a.createElement("div",{accordiontitle:"Box",className:"w-100"},a.a.createElement(bn,{setProp:t,node:e,sizeWithStyle:!0})))}}};var Hn=function(e){var t=e.icon,n=e.className;return t?a.a.createElement("i",{className:"".concat(t," ").concat(n||"")}):null},Bn=function(e){return e?{style:{display:"block"}}:{}},Vn=function(e){var t=e.block,n=e.setProp;return a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:t,onChange:function(e){if(e.target){var t=e.target.checked;n((function(e){return e.block=t}))}}}),a.a.createElement("label",{className:"form-check-label"},"Block display"))},Wn=function(e){var t=e.block,n=e.inline,r=e.textStyle,o=e.setProp;return r&&r.startsWith("h")?a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"inline",type:"checkbox",checked:n,onChange:function(e){if(e.target){var t=e.target.checked;o((function(e){return e.inline=t}))}}}),a.a.createElement("label",{className:"form-check-label"},"Inline display")):a.a.createElement(Vn,{block:t,setProp:o})},$n=function(e){var t=e.setProp,n=e.isFormula,o=e.node,i=e.nodekey,l=e.children;return"show"!==Object(r.useContext)(Rt).mode?l:a.a.createElement(r.Fragment,null,a.a.createElement("div",{className:"input-group input-group-sm w-100"},n[i]?a.a.createElement("input",{type:"text",className:"form-control text-to-display",value:o[i],onChange:function(e){if(e.target){var n=e.target.value;t((function(e){return e[i]=n}))}}}):l,a.a.createElement("button",{className:"btn activate-formula ".concat(n[i]?"btn-secondary":"btn-outline-secondary"),title:"Calculated formula",type:"button",onClick:function(){var e=!n[i];t((function(t){t.isFormula[i]=e,e&&t[i]&&'"'!==t[i][0]?t[i]='"'.concat(t[i],'"'):e||"string"!=typeof t[i]||'"'!==t[i][0]||'"'!==t[i][t[i].length-1]||(t[i]=t[i].substring(1,t[i].length-1))}))}},a.a.createElement("i",{className:"fas fa-calculator"}))),n[i]&&a.a.createElement("div",{style:{marginTop:"-5px"}},a.a.createElement("small",{className:"text-muted font-monospace"},"FORMULA")))},Kn=function(e){var t=e.minRole,n=e.setProp,o=Object(r.useContext)(Rt);return a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Minimum Role")),a.a.createElement("td",null,a.a.createElement("select",{value:t,className:"form-control form-select",onChange:function(e){if(e.target){var t=e.target.value;n((function(e){return e.minRole=t}))}}},o.roles.map((function(e){return a.a.createElement("option",{key:e.id,value:e.id},e.role)})))))},Yn=function(e){var t=e.textStyle,n=e.setProp;return a.a.createElement("select",{value:t,className:"form-control form-select",onChange:function(e){if(e.target){var t=e.target.value;n((function(e){return e.textStyle=t}))}}},a.a.createElement("option",{value:""},"Normal"),a.a.createElement("option",{value:"h1"},"Heading 1"),a.a.createElement("option",{value:"h2"},"Heading 2"),a.a.createElement("option",{value:"h3"},"Heading 3"),a.a.createElement("option",{value:"h4"},"Heading 4"),a.a.createElement("option",{value:"h5"},"Heading 5"),a.a.createElement("option",{value:"h6"},"Heading 6"),a.a.createElement("option",{value:"fw-bold"},"Bold"),a.a.createElement("option",{value:"fst-italic"},"Italics"),a.a.createElement("option",{value:"small"},"Small"),a.a.createElement("option",{value:"text-muted"},"Muted"),a.a.createElement("option",{value:"text-underline"},"Underline"),a.a.createElement("option",{value:"font-monospace"},"Monospace"))},Gn=function(e){var t=e.textStyle,n=e.setProp;return a.a.createElement("div",null,a.a.createElement("label",null,"Text Style"),a.a.createElement(Yn,{textStyle:t,setProp:n}))},Qn=function(e){var t=e.textStyle,n=e.setProp;return a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Text Style")),a.a.createElement("td",null,a.a.createElement(Yn,{textStyle:t,setProp:n})))},Xn=function(e){var t=e.titles,n=e.children,o=Dn(Object(r.useState)(0),2),i=o[0],l=o[1];return a.a.createElement(r.Fragment,null,n.map((function(e,n){var o=n===i;return a.a.createElement(r.Fragment,{key:n},a.a.createElement("div",{className:"bg-".concat(o?"primary":"secondary"," ps-1 text-white w-100 mt-1"),onClick:function(){return l(n)}},a.a.createElement("span",{className:"w-1em"},o?a.a.createElement(Yt,{icon:Zt}):a.a.createElement(Yt,{icon:en})),e.props.accordiontitle||t[n]),o?e:null)})))},Jn=function(e){var t=e.url,n=e.body,r=e.options,a=e.setPreviews,o=e.node_id,i=e.isView;fetch(t,{method:"POST",headers:{"Content-Type":"application/json","CSRF-Token":r.csrfToken},body:JSON.stringify(n)}).then((function(e){return e.status<399?e.text():""})).then((function(e){$(".preview-scratchpad").html(e),$(".preview-scratchpad").find("a").attr("href","#"),$(".preview-scratchpad").find("[onclick], button, a, input, select").attr("onclick","return false"),$(".preview-scratchpad").find("textarea").attr("disabled",!0),$(".preview-scratchpad .full-page-width").removeClass("full-page-width"),i&&$(".preview-scratchpad").find("input").attr("readonly",!0);var t=$(".preview-scratchpad").html();a((function(e){return Fn(Fn({},e),{},Ln({},o,t))}))}))},Zn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Fn(Fn({},e),t),r=n.node_id,a=n.options,o=n.name,i=n.fieldview,l=n.setPreviews,c=Fn(Fn({},e.configuration||{}),t.configuration||{});Jn({options:a,node_id:r,setPreviews:l,url:"/field/preview/".concat(a.tableName,"/").concat(o,"/").concat(i),body:{configuration:c}})}},er=function(e){var t=e.vert,n=e.autoable,r=zn(e,["vert","autoable"]);return a.a.createElement("select",r,a.a.createElement("option",null,"px"),a.a.createElement("option",null,"%"),a.a.createElement("option",null,t?"vh":"vw"),a.a.createElement("option",null,"em"),a.a.createElement("option",null,"rem"),n&&a.a.createElement("option",null,"auto"))},tr=function(e){var t={};return Object.keys(e).forEach((function(n){var r;t[(r=n,r.replace(/([-][a-z])/gi,(function(e){return e.toUpperCase().replace("-","")})))]=e[n]})),t},nr=function(e,t,n){(n||[]).forEach((function(t,n){"select"===t.input_type&&e((function(e){e.configuration[t.name]||(e.configuration[t.name]=t.options[0]||"")}))}))},rr=function(e){var t=e.value,n=e.onChange;return t?a.a.createElement("input",{type:"color",value:t,className:"form-control",onChange:function(e){return e.target&&n(e.target.value)}}):a.a.createElement("button",{className:"btn btn-sm btn-outline-secondary",onClick:function(){return n("#000000")}},a.a.createElement("small",null,"Set color"))},ar=function(e){var t=e.fields,n=e.configuration,r=e.setProp,o=(e.node,e.onChange);return a.a.createElement("div",null,t.map((function(e,t){if(e.showIf&&n){var i=!1;if(Object.entries(e.showIf).forEach((function(e){var t=Dn(e,2),r=t[0],a=t[1];i=Array.isArray(a)?i||a.includes(n[r]):i||a!==n[r]})),i)return null}return a.a.createElement("div",{key:t},function(e){return e&&e.type&&("Bool"===e.type||"Bool"===e.type.name)}(e)?null:a.a.createElement("label",null,e.label||e.name),a.a.createElement(ir,{field:e,configuration:n,setProp:r,onChange:o}),e.sublabel?a.a.createElement("i",{dangerouslySetInnerHTML:{__html:e.sublabel}}):null)})),a.a.createElement("br",null))},or=function(e,t){return void 0===e?t:e},ir=function(e){var t=e.field,n=e.configuration,o=e.setProp,i=e.onChange,l=e.props,c=e.isStyle,u=Object(r.useContext)(Rt),s=function(e){o((function(r){n?(r.configuration||(r.configuration={}),r.configuration[t.name]=e):c?(r.style||(r.style={}),r.style[t.name]=e):r[t.name]=e})),i&&i(t.name,e)},f=or(n?n[t.name]:c?l.style[t.name]:l[t.name],t.default);"fromtype"===t.input_type&&(t.input_type=null),t.type&&"String"===t.type.name&&t.attributes.options&&(t.input_type="select",t.options=t.attributes.options,t.required||t.options.unshift(""));var d={String:function(){var e;if(null===(e=t.attributes)||void 0===e?void 0:e.options){var n="string"==typeof t.attributes.options?t.attributes.options.split(",").map((function(e){return e.trim()})):t.attributes.options;return a.a.createElement("select",{className:"form-control form-select",value:f||"",onChange:function(e){return e.target&&s(e.target.value)}},n.map((function(e,t){return a.a.createElement("option",{key:t,value:"string"==typeof e?e:e.value||e.name},"string"==typeof e?e:e.label)})))}return a.a.createElement("input",{type:"text",className:"form-control",value:f||"",onChange:function(e){return e.target&&s(e.target.value)}})},Font:function(){return a.a.createElement("select",{className:"form-control form-select",value:f||"",onChange:function(e){return e.target&&s(e.target.value)}},a.a.createElement("option",{value:""}),Object.entries(u.fonts||{}).map((function(e,t){var n=Dn(e,2),r=n[0],o=n[1];return a.a.createElement("option",{key:t,value:o},r)})))},Integer:function(){return a.a.createElement("input",{type:"number",className:"form-control",step:t.step||1,min:t.min,max:t.max,value:f||"",onChange:function(e){return e.target&&s(e.target.value)}})},Float:function(){return a.a.createElement("input",{type:"number",className:"form-control",value:f||"",step:.01,onChange:function(e){return e.target&&s(e.target.value)}})},Color:function(){return a.a.createElement(rr,{value:f,onChange:function(e){return s(e)}})},Bool:function(){return a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{type:"checkbox",className:"form-check-input",checked:f,onChange:function(e){return e.target&&s(e.target.checked)}}),a.a.createElement("label",{className:"form-check-label"},t.label))},textarea:function(){return a.a.createElement("textarea",{rows:"6",type:"text",className:"form-control",value:f,onChange:function(e){return e.target&&s(e.target.value)}})},code:function(){return a.a.createElement("textarea",{rows:"6",type:"text",className:"form-control",value:f,onChange:function(e){return e.target&&s(e.target.value)}})},select:function(){return a.a.createElement("select",{className:"form-control form-select",value:f||"",onChange:function(e){return e.target&&s(e.target.value)}},t.options.map((function(e,t){return a.a.createElement("option",{key:t},e)})))},btn_select:function(){return a.a.createElement("div",{className:"btn-group w-100",role:"group"},t.options.map((function(e,n){return a.a.createElement("button",{key:n,title:e.title||e.value,type:"button",style:{width:"".concat(Math.floor(100/t.options.length),"%")},className:"btn btn-sm btn-".concat(f!==e.value?"outline-":"","secondary ").concat(t.btnClass||""),onClick:function(){return s(e.value)}},e.label)})))},DimUnits:function(){var e,i;if(c&&"auto"===f)e="",i="auto";else if(c&&f&&"string"==typeof f){var u=f.match(/^([0-9]+\.?[0-9]*)(.*)/);u&&(e=u[1],i=u[2])}return a.a.createElement(r.Fragment,null,"auto"!==i&&a.a.createElement("input",{type:"number",value:(c?e:f)||"",className:"w-50 form-control-sm d-inline dimunit",disabled:t.autoable&&"auto"===i,onChange:function(e){return s(c?"".concat(e.target.value).concat(i||"px"):e.target.value)}}),a.a.createElement(er,{value:or(n?n[t.name+"Unit"]:c?i:l[t.name+"Unit"],"px"),autoable:t.autoable,className:"w-".concat("auto"===i?100:50," form-control-sm d-inline dimunit"),vert:!0,onChange:function(r){if(r.target){var a=r.target.value;o((function(r){var o="auto"===a&&t.autoable&&c?"":e;n?r.configuration[t.name+"Unit"]=a:c?r.style[t.name]="".concat(or(o,0)).concat(a):r[t.name+"Unit"]=a}))}}}))}}[t.input_type||t.type.name||t.type];return d?d():null},lr=function(e){return function(){var t=lt((function(t){var n={};return e.forEach((function(e){n[e.name]=t.data.props[e.name]})),e.some((function(e){return e.canBeFormula}))&&(n.isFormula=t.data.props.isFormula),n})),n=t.actions.setProp;return a.a.createElement("table",{className:"w-100"},a.a.createElement("tbody",null,e.map((function(e,r){return a.a.createElement(ur,{field:e,key:r,node:t,setProp:n})}))))}},cr=function(e){var t=e.title;return a.a.createElement("tr",null,a.a.createElement("th",{colSpan:"2"},t))},ur=function(e){var t=e.field,n=e.node,o=e.setProp,i=e.onChange,l=e.isStyle,c=["String","Bool","textarea"].includes(t.type),u="Bool"!==t.type,s=t.canBeFormula?a.a.createElement($n,In({nodekey:t.name,isFormula:n.isFormula},{setProp:o,node:n}),a.a.createElement(ir,{field:t,props:n,setProp:o,onChange:i})):a.a.createElement(ir,{field:t,props:n,setProp:o,onChange:i,isStyle:l});return a.a.createElement("tr",null,c?a.a.createElement("td",{colSpan:"2"},u&&a.a.createElement("label",null,t.label),s):a.a.createElement(r.Fragment,null,a.a.createElement("td",null,a.a.createElement("label",null,t.label)),a.a.createElement("td",null,s)))},sr=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&Nn(e,t)}(o,e);var t,n,r,a=Tn(o);function o(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,o),(t=a.call(this,e)).state={hasError:!1,reported:!1},t}return t=o,r=[{key:"getDerivedStateFromError",value:function(e){return{hasError:!0}}}],(n=[{key:"componentDidCatch",value:function(e,t){if(console.log("ErrorBoundary reporting: ",JSON.stringify(e),JSON.stringify(t)),!this.state.reported){var n={message:e.message,stack:e&&e.stack||""};fetch("/crashlog/",{method:"POST",headers:{"Content-Type":"application/json","CSRF-Token":_sc_globalCsrf},body:JSON.stringify(n)}),this.setState({reported:!0})}}},{key:"render",value:function(){return this.props.children}}])&&Pn(t.prototype,n),r&&Pn(t,r),o}(a.a.Component),fr=function(e){var t=e.setProp,n=e.btnClass,r=void 0===n?null:n,o=e.keyPrefix,i=void 0===o?"":o,l=e.values,c=e.linkFirst,u=void 0!==c&&c,s=function(e){return function(n){if(n.target){var r=n.target.value;t((function(t){return t[e]=r}))}}},f=function(e){return r?"".concat(r," ").concat(e):e};return[a.a.createElement("tr",{key:"btnstyle"},a.a.createElement("td",null,a.a.createElement("label",null,"Style")),a.a.createElement("td",null,a.a.createElement("select",{className:"form-control form-select",value:l[i+"style"],onChange:s(i+"style")},u?a.a.createElement("option",{value:f("btn-link")},"Link"):null,a.a.createElement("option",{value:f("btn-primary")},"Primary button"),a.a.createElement("option",{value:f("btn-secondary")},"Secondary button"),a.a.createElement("option",{value:f("btn-success")},"Success button"),a.a.createElement("option",{value:f("btn-danger")},"Danger button"),a.a.createElement("option",{value:f("btn-outline-primary")},"Primary outline button"),a.a.createElement("option",{value:f("btn-outline-secondary")},"Secondary outline button"),a.a.createElement("option",{value:f("btn-custom-color")},"Button custom color"),u?null:a.a.createElement("option",{value:f("btn-link")},"Link")))),a.a.createElement("tr",{key:"btnsz"},a.a.createElement("td",null,a.a.createElement("label",null,"Size")),a.a.createElement("td",null,a.a.createElement("select",{className:"form-control form-select",value:l[i+"size"],onChange:s(i+"size")},a.a.createElement("option",{value:""},"Standard"),a.a.createElement("option",{value:"btn-lg"},"Large"),a.a.createElement("option",{value:"btn-sm"},"Small"),a.a.createElement("option",{value:"btn-block"},"Block"),a.a.createElement("option",{value:"btn-block btn-lg"},"Large block")))),a.a.createElement("tr",{key:"btnicon"},a.a.createElement("td",null,a.a.createElement("label",null,"Icon")),a.a.createElement("td",null,a.a.createElement(fn.a,{value:l[i+"icon"],onChange:function(e){return t((function(t){return t[i+"icon"]=e}))},isMulti:!1,icons:hn})))].concat(jn(l[i+"style"]===f("btn-custom-color")?[a.a.createElement("tr",{key:"btnbgcol"},a.a.createElement("td",null,a.a.createElement("label",null,"Background")),a.a.createElement("td",null,a.a.createElement("input",{type:"color",value:l[i+"bgcol"],className:"form-control-sm w-50",onChange:s(i+"bgcol")}))),a.a.createElement("tr",{key:"btnbdcol"},a.a.createElement("td",null,a.a.createElement("label",null,"Border")),a.a.createElement("td",null,a.a.createElement("input",{type:"color",value:l[i+"bordercol"],className:"form-control-sm w-50",onChange:s(i+"bordercol")}))),a.a.createElement("tr",{key:"btntxtcol"},a.a.createElement("td",null,a.a.createElement("label",null,"Text")),a.a.createElement("td",null,a.a.createElement("input",{type:"color",value:l[i+"textcol"],className:"form-control-sm w-50",onChange:s(i+"textcol")})))]:[]))},dr=function(e){return{value:e,title:e,label:a.a.createElement("div",{style:{borderLeftStyle:e,borderTopStyle:e,height:"15px",width:"6px"}})}},pr=function e(t){return function(n,r){var o=t.node(n).get().data,i=o.type,l=o.props,c=(o.nodes||[]).map(e(t));if("Columns"===o.displayName){var u=kn(o.props.ncols,(function(n){return e(t)(o.linkedNodes["Col"+n])}));return a.a.createElement(Sn,Fn(Fn(Fn({},l),void 0!==r?{key:r}:{}),{},{contents:u}))}return o.isCanvas?a.a.createElement(mt,Fn(Fn({},l),{},{canvas:!0,is:i},void 0!==r?{key:r}:{}),c):a.a.createElement(i,Fn(Fn({},l),void 0!==r?{key:r}:{}),c)}},mr=function(e,t,n){return n&&n.startsWith("h")?!t:e},hr=n(21),vr=n.n(hr),gr=n(33),yr=n.n(gr);function br(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function wr(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?br(Object(n),!0).forEach((function(t){Er(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):br(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Er(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function xr(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,l=e[Symbol.iterator]();!(r=(i=l.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==l.return||l.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return kr(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return kr(e,t)}(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 kr(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var _r={toolbarGroups:[{name:"document",groups:["mode","document","doctools"]},{name:"clipboard",groups:["clipboard","undo"]},{name:"forms",groups:["forms"]},{name:"basicstyles",groups:["basicstyles","cleanup"]},{name:"editing",groups:["find","selection","spellchecker","editing"]},{name:"paragraph",groups:["list","indent","blocks","align","bidi","paragraph"]},{name:"links",groups:["links"]},"/",{name:"insert",groups:["insert"]},{name:"styles",groups:["styles"]},{name:"colors",groups:["colors"]},{name:"tools",groups:["tools"]},{name:"others",groups:["others"]},{name:"about",groups:["about"]}],autoParagraph:!1,fillEmptyBlocks:!1,removeButtons:"Source,Save,NewPage,ExportPdf,Print,Preview,Templates,Cut,Copy,Paste,PasteText,PasteFromWord,Find,Replace,SelectAll,Form,Checkbox,Radio,TextField,Textarea,Select,Button,ImageButton,HiddenField,CopyFormatting,CreateDiv,BidiLtr,BidiRtl,Language,Anchor,Flash,Iframe,PageBreak,Maximize,ShowBlocks,About,Undo,Redo,Image"};var Or=function(e){var t=e.text,n=e.block,o=e.inline,i=e.isFormula,l=e.textStyle,c=e.icon,u=e.font,s=e.style,f=lt((function(e){return{selected:e.events.selected,dragged:e.events.dragged}})),d=f.connectors,p=d.connect,m=d.drag,h=f.selected,v=f.actions.setProp,g=xr(Object(r.useState)(!1),2),y=g[0],b=g[1];return Object(r.useEffect)((function(){!h&&b(!1)}),[h]),a.a.createElement("div",{className:"".concat(mr(n,o,l)?"d-block":"d-inline-block"," ").concat(l," is-text ").concat(i.text?"font-monospace":""," ").concat(h?"selected-node":""),ref:function(e){return p(m(e))},onClick:function(e){return h&&b(!0)},style:wr(wr({},u?{fontFamily:u}:{}),tr(s||{}))},a.a.createElement(Hn,{icon:c,className:"me-1"}),i.text?a.a.createElement(r.Fragment,null,"=",a.a.createElement(vr.a,{html:t,style:{display:"inline"},disabled:!y,onChange:function(e){return v((function(t){return t.text=e.target.value}))}})):y?a.a.createElement(sr,null,a.a.createElement(yr.a,{data:t,style:{display:"inline"},onChange:function(e){return v((function(t){return t.text=e.editor.getData()}))},config:_r,type:"inline"})):a.a.createElement("div",{className:"d-inline",dangerouslySetInnerHTML:{__html:t}}))};Or.craft={defaultProps:{text:"Click here",block:!1,inline:!1,isFormula:{},textStyle:"",labelFor:"",font:"",style:{}},displayName:"Text",related:{settings:function(){var e=lt((function(e){return{text:e.data.props.text,block:e.data.props.block,inline:e.data.props.inline,isFormula:e.data.props.isFormula,textStyle:e.data.props.textStyle,labelFor:e.data.props.labelFor,icon:e.data.props.icon,font:e.data.props.font,style:e.data.props.style}})),t=e.actions.setProp,n=e.text,o=e.block,i=e.inline,l=e.textStyle,c=e.isFormula,u=e.labelFor,s=e.icon,f=(e.font,e.style,Object(r.useContext)(Rt)),d=f.mode,p=f.fields,m=function(e){return function(n){if(n.target){var r=n.target.value;t((function(t){return t[e]=r}))}}};return a.a.createElement("div",null,"show"===d&&a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{type:"checkbox",className:"form-check-input",checked:c.text,onChange:function(e){return t((function(t){return t.isFormula.text=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Formula?")),a.a.createElement("label",null,"Text to display"),"show"===d&&c.text?a.a.createElement("input",{type:"text",className:"text-to-display form-control",value:n,onChange:m("text")}):a.a.createElement(sr,null,a.a.createElement("div",{className:"border"},a.a.createElement(yr.a,{data:n,onChange:function(e){if(e.editor){var n=e.editor.getData();t((function(e){return e.text=n}))}},config:_r,type:"inline"}))),"edit"===d&&a.a.createElement(r.Fragment,null,a.a.createElement("label",null,"Label for Field"),a.a.createElement("select",{value:u,onChange:m("labelFor"),className:"form-control form-select"},a.a.createElement("option",{value:""}),p.map((function(e,t){return a.a.createElement("option",{key:t,value:e.name},e.label)})))),a.a.createElement("table",{className:"w-100 mt-2"},a.a.createElement("tbody",null,a.a.createElement(Qn,{textStyle:l,setProp:t}),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Icon")),a.a.createElement("td",null,a.a.createElement(fn.a,{className:"w-100",value:s,icons:hn,onChange:function(e){return t((function(t){return t.icon=e}))},isMulti:!1}))),a.a.createElement(ur,{field:{name:"font",label:"Font family",type:"Font"},node:e,setProp:t}),a.a.createElement(ur,{field:{name:"font-size",label:"Font size",type:"DimUnits"},node:e,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:"font-weight",label:"Weight",type:"Integer",min:100,max:900,step:100},node:e,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:"line-height",label:"Line height",type:"DimUnits"},node:e,setProp:t,isStyle:!0}))),a.a.createElement(Wn,{block:o,inline:i,textStyle:l,setProp:t}))}}};var Sr=Object(r.createContext)({});var Cr=function(e){var t=e.name,n=e.fieldview,o=e.block,i=e.inline,l=e.textStyle,c=e.configuration,u=lt((function(e){return{selected:e.events.selected,node_id:e.id}})),s=u.selected,f=u.node_id,d=u.connectors,p=d.connect,m=d.drag,h=Object(r.useContext)(Sr),v=h.previews,g=h.setPreviews,y=v[f],b=Object(r.useContext)(Rt);return Object(r.useEffect)((function(){Zn({options:b,name:t,fieldview:n,configuration:c,setPreviews:g,node_id:f})()}),[]),a.a.createElement("div",{className:"".concat(l," ").concat(s?"selected-node":""," ").concat(mr(o,i,l)?"d-block":"d-inline-block"),ref:function(e){return p(m(e))}},y?a.a.createElement("div",{className:"d-inline",dangerouslySetInnerHTML:{__html:y}}):"[".concat(n," ").concat(t,"]"))};function jr(){return(jr=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}Cr.craft={displayName:"Field",related:{settings:function(){var e=lt((function(e){return{name:e.data.props.name,fieldview:e.data.props.fieldview,block:e.data.props.block,inline:e.data.props.inline,textStyle:e.data.props.textStyle,configuration:e.data.props.configuration,node_id:e.id}})),t=e.actions.setProp,n=e.name,o=e.fieldview,i=e.block,l=e.inline,c=e.configuration,u=e.node_id,s=e.textStyle,f=Object(r.useContext)(Rt),d=Object(r.useContext)(Sr).setPreviews,p=f.field_view_options[n],m=(f.handlesTextStyle||{})[n],h=function(e){return((f.fieldViewConfigForms||{})[n]||{})[e]},v=h(o),g=Zn({options:f,name:n,fieldview:o,configuration:c,setPreviews:d,node_id:u});return a.a.createElement(r.Fragment,null,a.a.createElement("i",null,a.a.createElement("small",null,"Previews shown in canvas are indicative based on random rows")),a.a.createElement("table",{className:"w-100"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Field")),a.a.createElement("td",null,a.a.createElement("select",{value:n,className:"form-control form-select",onChange:function(e){t((function(t){return t.name=e.target.value}));var n=f.field_view_options[e.target.value];n&&n.length>0?(t((function(e){return e.fieldview=n[0]})),g({name:e.target.value,fieldview:n[0]})):g({name:e.target.value})}},f.fields.map((function(e,t){return a.a.createElement("option",{key:t,value:e.name},e.label)}))))),p&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Field view")),a.a.createElement("td",null,a.a.createElement("select",{value:o,className:"form-control form-select",onChange:function(e){t((function(t){return t.fieldview=e.target.value})),nr(t,e.target.value,h(e.target.value)),g({fieldview:e.target.value})}},(p||[]).map((function(e,t){return a.a.createElement("option",{key:t,value:e},e)}))))),a.a.createElement("tr",null,a.a.createElement("td",null),a.a.createElement("td",null,a.a.createElement(Wn,{block:i,inline:l,textStyle:s,setProp:t}))),!(m&&m.includes(o))&&a.a.createElement(Qn,{textStyle:s,setProp:t}))),v?a.a.createElement(ar,{fields:v,configuration:c,setProp:t,onChange:function(e,t){return g({configuration:(n={},r=e,a=t,r in n?Object.defineProperty(n,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):n[r]=a,n)});var n,r,a}}):null)},segment_type:"field",column_type:"Field",fields:[{name:"name",segment_name:"field_name",column_name:"field_name"},"fieldview","textStyle","block","inline",{name:"configuration",default:{}}]}};var Pr=function(e){var t=e.name,n=e.block,o=e.fieldview,i=e.textStyle,l=lt((function(e){return{selected:e.events.selected,node_id:e.id}})),c=l.selected,u=l.node_id,s=l.connectors,f=s.connect,d=s.drag,p=Object(r.useContext)(Sr),m=p.previews,h=p.setPreviews,v=m[u],g=Object(r.useContext)(Rt);return Object(r.useEffect)((function(){Zn({options:g,name:t,fieldview:o,configuration:{},setPreviews:h,node_id:u})()}),[]),a.a.createElement("span",jr({className:"".concat(i," ").concat(c?"selected-node":"")},Bn(n),{ref:function(e){return f(d(e))}}),v?a.a.createElement("div",{className:"d-inline",dangerouslySetInnerHTML:{__html:v}}):"[".concat(t,"]"))};function Nr(){return(Nr=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}Pr.craft={displayName:"JoinField",related:{settings:function(){var e,t=lt((function(e){return{name:e.data.props.name,block:e.data.props.block,textStyle:e.data.props.textStyle,fieldview:e.data.props.fieldview,configuration:e.data.props.configuration,node_id:e.id}})),n=t.actions.setProp,o=t.name,i=t.block,l=t.textStyle,c=t.configuration,u=t.fieldview,s=t.node_id,f=Object(r.useContext)(Rt),d=Object(r.useContext)(Sr).setPreviews,p=f.field_view_options[o],m=(e=u,((f.fieldViewConfigForms||{})[o]||{})[e]),h=Zn({options:f,name:o,fieldview:u,configuration:c,setPreviews:d,node_id:s});return a.a.createElement(r.Fragment,null,a.a.createElement("i",null,a.a.createElement("small",null,"Previews shown in canvas are indicative based on random rows")),a.a.createElement("table",{className:"w-100"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Join field")),a.a.createElement("td",null,a.a.createElement("select",{value:o,className:"form-control form-select",onChange:function(e){n((function(t){return t.name=e.target.value}));var t=f.field_view_options[e.target.value];t&&t.length>0?(n((function(e){return e.fieldview=t[0]})),h({name:e.target.value,fieldview:t[0]})):h({name:e.target.value})}},f.parent_field_list.map((function(e,t){return a.a.createElement("option",{key:t,value:e},e)}))))),p&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Field view")),a.a.createElement("td",null,a.a.createElement("select",{value:u,className:"form-control form-select",onChange:function(e){n((function(t){return t.fieldview=e.target.value})),h({fieldview:e.target.value})}},(p||[]).map((function(e,t){return a.a.createElement("option",{key:t,value:e},e)}))))),a.a.createElement("tr",null,a.a.createElement("td",null),a.a.createElement("td",null,a.a.createElement(Vn,{block:i,setProp:n}))),a.a.createElement(Qn,{textStyle:l,setProp:n}))),m?a.a.createElement(ar,{fields:m,configuration:c||{},setProp:n,onChange:function(e,t){return h({configuration:(n={},r=e,a=t,r in n?Object.defineProperty(n,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):n[r]=a,n)});var n,r,a}}):null)},segment_type:"join_field",column_type:"JoinField",fields:[{name:"name",segment_name:"join_field",column_name:"join_field"},"fieldview","textStyle","block",{name:"configuration",default:{}}]}};var Tr=function(e){var t=e.agg_relation,n=e.agg_field,r=e.stat,o=e.block,i=e.textStyle,l=lt((function(e){return{selected:e.events.selected}})),c=l.selected,u=l.connectors,s=u.connect,f=u.drag;return a.a.createElement("span",Nr({className:"".concat(i," ").concat(c?"selected-node":"")},Bn(o),{ref:function(e){return s(f(e))}}),"[",r," ",t," ",n,"]")};Tr.craft={displayName:"Aggregation",related:{settings:function(){var e=lt((function(e){return{agg_relation:e.data.props.agg_relation,agg_field:e.data.props.agg_field,aggwhere:e.data.props.aggwhere,stat:e.data.props.stat,block:e.data.props.block,textStyle:e.data.props.textStyle}})),t=e.actions.setProp,n=e.agg_relation,o=e.agg_field,i=e.stat,l=e.aggwhere,c=e.block,u=e.textStyle,s=Object(r.useContext)(Rt);return a.a.createElement("table",null,a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Relation")),a.a.createElement("td",null,a.a.createElement("select",{className:"form-control form-select",value:n,onChange:function(e){return t((function(t){t.agg_relation=e.target.value;var n=s.agg_field_opts[e.target.value];n&&n.length>0&&(t.agg_field=n[0])}))}},s.child_field_list.map((function(e,t){return a.a.createElement("option",{key:t,value:e},e)}))))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Child table field")),a.a.createElement("td",null,a.a.createElement("select",{className:"form-control form-select",value:o,onChange:function(e){return t((function(t){return t.agg_field=e.target.value}))}},(s.agg_field_opts[n]||[]).map((function(e,t){return a.a.createElement("option",{key:t,value:e},e)}))))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Statistic")),a.a.createElement("td",null,a.a.createElement("select",{value:i,className:"form-control form-select",onChange:function(e){return t((function(t){return t.stat=e.target.value}))}},a.a.createElement("option",{value:"Count"},"Count"),a.a.createElement("option",{value:"Avg"},"Avg"),a.a.createElement("option",{value:"Sum"},"Sum"),a.a.createElement("option",{value:"Max"},"Max"),a.a.createElement("option",{value:"Min"},"Min"),a.a.createElement("option",{value:"Array_Agg"},"Array_Agg"),s.fields.filter((function(e){return"Date"===e.type.name})).map((function(e){return a.a.createElement("option",{value:"Latest ".concat(e.name)},"Latest ",e.name)}))))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Where")),a.a.createElement("td",null,a.a.createElement("input",{type:"text",className:"form-control",value:l,onChange:function(e){return t((function(t){return t.aggwhere=e.target.value}))}}))),a.a.createElement(Qn,{textStyle:u,setProp:t}),a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement(Vn,{block:c,setProp:t})))))},segment_type:"aggregation",column_type:"Aggregation",fields:["agg_relation","textStyle","block","agg_field","aggwhere","stat"]}};var Ar=function(e){!function(e){if(null==e)throw new TypeError("Cannot destructure undefined")}(e);var t=lt((function(e){return{selected:e.events.selected}})),n=t.selected,o=t.connectors,i=o.connect,l=o.drag;return a.a.createElement(r.Fragment,null,a.a.createElement("span",{className:n?"selected-node":"",ref:function(e){return i(l(e))}},"↵"),a.a.createElement("br",null))};function Rr(){return(Rr=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}Ar.craft={displayName:"LineBreak",related:{settings:lr([]),segment_type:"line_break",fields:[]}};var Ir=function(e){var t=e.name,n=e.block,r=(e.minRole,e.link_style),o=e.link_size,i=e.link_icon,l=e.inModal,c=e.label,u=e.textStyle,s=e.link_bgcol,f=e.link_bordercol,d=e.link_textcol,p=lt((function(e){return{selected:e.events.selected}})),m=p.selected,h=p.connectors,v=h.connect,g=h.drag,y=t.split(":"),b=c||(y.length>1?y[1]:y[0]);return a.a.createElement("span",Rr({className:"".concat(u," ").concat(l?"btn btn-secondary btn-sm":""," ").concat(m?"selected-node":"is-builder-link"," ").concat(r," ").concat(o)},Bn(n),{ref:function(e){return v(g(e))},style:"btn btn-custom-color"===r?{backgroundColor:s||"#000000",borderColor:f||"#000000",color:d||"#000000"}:{}}),i?a.a.createElement("i",{className:"".concat(i," me-1")}):"",b)};function zr(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,l=e[Symbol.iterator]();!(r=(i=l.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==l.return||l.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Mr(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Mr(e,t)}(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 Mr(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}Ir.craft={displayName:"ViewLink",defaultProps:{isFormula:{}},related:{settings:function(){var e=lt((function(e){return{name:e.data.props.name,block:e.data.props.block,minRole:e.data.props.minRole,isFormula:e.data.props.isFormula,label:e.data.props.label,inModal:e.data.props.inModal,link_style:e.data.props.link_style,link_size:e.data.props.link_size,link_icon:e.data.props.link_icon,textStyle:e.data.props.textStyle,link_bgcol:e.data.props.link_bgcol,link_bordercol:e.data.props.link_bordercol,link_textcol:e.data.props.link_textcol}})),t=e.actions.setProp,n=e.name,o=e.block,i=e.minRole,l=e.label,c=e.isFormula,u=e.inModal,s=e.textStyle,f=Object(r.useContext)(Rt);return a.a.createElement("div",null,a.a.createElement("table",{className:"w-100"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement("label",null,"View to link to"),a.a.createElement("select",{value:n,className:"form-control form-select",onChange:function(e){return t((function(t){return t.name=e.target.value}))}},f.link_view_opts.map((function(e,t){return a.a.createElement("option",{key:t,value:e.name},e.label)}))))),a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement("label",null,"Label (leave blank for default)"),a.a.createElement($n,Rr({nodekey:"label"},{setProp:t,isFormula:c,node:e}),a.a.createElement("input",{type:"text",className:"viewlink-label form-control",value:l,onChange:function(e){return t((function(t){return t.label=e.target.value}))}})))),a.a.createElement(fr,{setProp:t,keyPrefix:"link_",btnClass:"btn",values:e,linkFirst:!0}))),a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:u,onChange:function(e){return t((function(t){return t.inModal=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Open in popup modal?")),a.a.createElement(Vn,{block:o,setProp:t}),a.a.createElement(Gn,{textStyle:s,setProp:t}),a.a.createElement("table",null,a.a.createElement("tbody",null,a.a.createElement(Kn,{minRole:i,setProp:t}))))},segment_type:"view_link",column_type:"ViewLink",fields:[{name:"name",segment_name:"view",column_name:"view"},{name:"label",segment_name:"view_label",canBeFormula:!0},"block","textStyle",{name:"inModal",segment_name:"in_modal",column_name:"in_modal"},"minRole","link_style","link_icon","link_size","link_bgcol","link_bordercol","link_textcol"]}};var Fr=function(e){var t=e.has_dropdown,n=e.children,o=e.show_badges,i=lt((function(e){return{selected:e.events.selected}})),l=i.selected,c=i.connectors,u=c.connect,s=c.drag,f=zr(Object(r.useState)(!1),2),d=f[0],p=f[1],m=zr(Object(r.useState)(200),2),h=m[0],v=m[1];return a.a.createElement("div",{className:"input-group ".concat(l?"selected-node":""),ref:function(e){if(e&&e.getBoundingClientRect){var t=e.getBoundingClientRect().width;t!==h&&v(t)}u(s(e))}},a.a.createElement("button",{className:"btn btn-outline-secondary",disabled:!0},a.a.createElement("i",{className:"fas fa-search"})),a.a.createElement("input",{type:"text",className:"form-control bg-light",placeholder:"Search...",disabled:!0}),o&&a.a.createElement("div",{className:"input-group-text"},a.a.createElement("span",{className:"badge bg-primary"},"X:Y")),t&&a.a.createElement(r.Fragment,null,a.a.createElement("button",{className:"btn btn-outline-secondary",onClick:function(){return p(!d)}},a.a.createElement(Yt,{icon:Jt})),a.a.createElement("div",{className:"dropdown-menu searchbar-dropdown ".concat(d?"show":""),style:{width:h,left:0}},a.a.createElement("div",{className:"canvas"},n))))};Fr.craft={displayName:"SearchBar",props:{has_dropdown:!1,show_badges:!1},related:{settings:function(){var e=lt((function(e){return{has_dropdown:e.data.props.has_dropdown,show_badges:e.data.props.show_badges}})),t=e.actions.setProp,n=e.has_dropdown,r=e.show_badges;return a.a.createElement("div",null,a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:n,onChange:function(e){return t((function(t){return t.has_dropdown=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Has Dropdown")),a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:r,onChange:function(e){return t((function(t){return t.show_badges=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Show current state badges")))},segment_type:"search_bar",hasContents:!0,fields:["has_dropdown","show_badges"]}};var Lr=function(e){var t=e.text,n=lt((function(e){return{selected:e.events.selected}})),r=n.selected,o=n.connectors,i=o.connect,l=o.drag;return a.a.createElement("span",{className:"is-html-block ".concat(r?"selected-node":""),ref:function(e){return i(l(e))}},a.a.createElement("div",{style:{fontSize:"8px"}},"HTML"),a.a.createElement("div",{dangerouslySetInnerHTML:{__html:t}}))},Dr=[{label:"HTML Code",name:"text",type:"textarea",segment_name:"contents"}];function Ur(){return(Ur=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}Lr.craft={displayName:"HTMLCode",related:{settings:lr(Dr),segment_type:"blank",segment_vars:{isHTML:!0},segment_match:function(e){return e.isHTML},fields:Dr}};var qr=function(e){var t=e.name,n=e.block,r=e.action_label,o=e.action_style,i=e.action_icon,l=e.action_size,c=e.action_bgcol,u=e.action_bordercol,s=e.action_textcol,f=lt((function(e){return{selected:e.events.selected}})),d=f.selected,p=f.connectors,m=p.connect,h=p.drag;return a.a.createElement("button",{className:"btn ".concat(o||"btn-primary"," ").concat(l||""," ").concat(d?"selected-node":""," ").concat(n?"d-block":""),ref:function(e){return m(h(e))},style:"btn-custom-color"===o?{backgroundColor:c||"#000000",borderColor:u||"#000000",color:s||"#000000"}:{}},a.a.createElement(Hn,{icon:i,className:"me-1"}),r||t)};function Hr(e){return function(e){if(Array.isArray(e))return Br(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return Br(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Br(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 Br(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Vr(){return(Vr=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}qr.craft={displayName:"Action",related:{settings:function(){var e=lt((function(e){return{name:e.data.props.name,block:e.data.props.block,minRole:e.data.props.minRole,confirm:e.data.props.confirm,action_label:e.data.props.action_label,configuration:e.data.props.configuration,isFormula:e.data.props.isFormula,action_style:e.data.props.action_style,action_size:e.data.props.action_size,action_icon:e.data.props.action_icon,action_bgcol:e.data.props.action_bgcol,action_bordercol:e.data.props.action_bordercol,action_textcol:e.data.props.action_textcol}})),t=e.actions.setProp,n=e.name,o=e.block,i=e.minRole,l=e.isFormula,c=e.confirm,u=e.configuration,s=e.action_label,f=Object(r.useContext)(Rt),d=function(e){return(f.actionConfigForms||{})[e]},p=d(n);return a.a.createElement("div",null,a.a.createElement("table",{className:"w-100"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Action")),a.a.createElement("td",null,a.a.createElement("select",{value:n,className:"form-control form-select",onChange:function(e){t((function(t){return t.name=e.target.value})),nr(t,e.target.value,d(e.target.value))}},f.actions.map((function(e,t){return a.a.createElement("option",{key:t,value:e},e)}))))),a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement("label",null,"Label (leave blank for default)"),a.a.createElement($n,Ur({nodekey:"action_label"},{setProp:t,isFormula:l,node:e}),a.a.createElement("input",{type:"text",className:"form-control",value:s,onChange:function(e){return t((function(t){return t.action_label=e.target.value}))}})))),a.a.createElement(fr,{setProp:t,keyPrefix:"action_",values:e}),a.a.createElement(Kn,{minRole:i,setProp:t}))),"show"===f.mode?a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:c,onChange:function(e){return t((function(t){return t.confirm=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"User confirmation?")):null,a.a.createElement(Vn,{block:o,setProp:t}),p?a.a.createElement(ar,{fields:p,configuration:u,setProp:t,node:e}):null)}}};var Wr=function(e){var t=e.fileid,n=e.block,r=e.srctype,o=e.url,i=e.alt,l=e.style,c=lt((function(e){return{selected:e.events.selected}})),u=c.selected,s=c.connectors,f=s.connect,d=s.drag,p="File"===r?"/files/serve/".concat(t):o;return a.a.createElement("span",Vr({},Bn(n),{ref:function(e){return f(d(e))}}),0===t?"No images Available":a.a.createElement("img",{className:"".concat(l&&l.width?"":"w-100"," image-widget ").concat(u?"selected-node":""),style:tr(l||{}),src:p,alt:i}))};function $r(e){return function(e){if(Array.isArray(e))return Gr(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||Yr(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 Kr(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,l=e[Symbol.iterator]();!(r=(i=l.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==l.return||l.return()}finally{if(a)throw o}}return n}(e,t)||Yr(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 Yr(e,t){if(e){if("string"==typeof e)return Gr(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Gr(e,t):void 0}}function Gr(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}Wr.craft={displayName:"Image",defaultProps:{alt:"",block:!1,isFormula:{},srctype:"File",style:{}},related:{settings:function(){var e=lt((function(e){return{fileid:e.data.props.fileid,field:e.data.props.field,url:e.data.props.url,filepath:e.data.props.filepath,srctype:e.data.props.srctype,alt:e.data.props.alt,block:e.data.props.block,style:e.data.props.style,isFormula:e.data.props.isFormula}})),t=e.actions.setProp,n=e.fileid,o=e.srctype,i=e.field,l=e.url,c=e.alt,u=e.block,s=e.isFormula,f=e.filepath,d=(e.style,Object(r.useContext)(Rt)),p=Object(r.useContext)(Sr),m=p.uploadedFiles,h=p.setUploadedFiles,v=function(e){return function(n){if(n.target){var r=n.target.value;t((function(t){return t[e]=r}))}}};return a.a.createElement(Xn,null,a.a.createElement("table",{accordiontitle:"Select image"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement("i",null,a.a.createElement("small",null,"Preview shown in canvas is indicative")))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Source")),a.a.createElement("td",null,a.a.createElement("select",{value:o,className:"form-control form-select",onChange:v("srctype")},a.a.createElement("option",null,"File"),a.a.createElement("option",null,"URL"),a.a.createElement("option",null,"Upload"),"show"===d.mode&&a.a.createElement("option",null,"Field")))),"File"===o&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"File")),a.a.createElement("td",null,a.a.createElement("select",{value:n,className:"form-control form-select",onChange:v("fileid")},d.images.map((function(e,t){return a.a.createElement("option",{key:t,value:e.id},e.filename)})),(m||[]).map((function(e,t){return a.a.createElement("option",{key:t,value:e.id},e.filename)}))))),"URL"===o&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"URL")),a.a.createElement("td",null,a.a.createElement($n,Vr({nodekey:"url"},{setProp:t,isFormula:s,node:e}),a.a.createElement("input",{type:"text",className:"form-control",value:l,onChange:v("url")})))),"Upload"===o&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"File")),a.a.createElement("td",null,a.a.createElement("input",{type:"file",className:"form-control",value:f,onChange:function(e){if(e.target.files&&e.target.files.length>0){var n=new FormData;n.append("file",e.target.files[0]),n.append("min_role_read",d.min_role||1),fetch("/files/upload",{method:"POST",body:n,headers:{"X-Requested-With":"XMLHttpRequest","CSRF-Token":d.csrfToken}}).then((function(e){return e.json()})).then((function(e){h((function(t){return[].concat(Hr(t),[{id:e.success.id,filename:e.success.filename}])})),t((function(t){t.fileid=e.success.id,t.srctype="File"}))})).catch((function(e){console.error("Error:",e)}))}}}))),"Field"===o&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Field")),a.a.createElement("td",null,a.a.createElement("select",{value:i,className:"form-control form-select",onChange:v("field")},d.fields.filter((function(e){return e.type&&"String"===e.type.name||"_sc_files"===e.reftable_name})).map((function(e,t){return a.a.createElement("option",{key:t,value:e.name},e.label)}))))),"Upload"!==o&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Alt text")),a.a.createElement("td",null,a.a.createElement($n,Vr({nodekey:"alt"},{setProp:t,isFormula:s,node:e}),a.a.createElement("input",{type:"text",className:"form-control",value:c,onChange:v("alt")})))),"Upload"!==o&&a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement(Vn,{block:u,setProp:t}))))),a.a.createElement("div",{accordiontitle:"Box",className:"w-100"},a.a.createElement(bn,{setProp:t,node:e,sizeWithStyle:!0})))},segment_type:"image",fields:[{name:"alt",canBeFormula:!0},{name:"url",canBeFormula:!0},{name:"srctype",default:"File"},{name:"fileid",default:0},"field","block",{name:"style",default:{}}]}};var Qr=function(e){var t=e.contents,n=e.titles,o=e.tabsStyle,i=e.ntabs,l=e.independent,c=(e.field,lt((function(e){return{selected:e.events.selected}}))),u=c.selected,s=c.connectors,f=s.connect,d=s.drag,p=Kr(Object(r.useState)(0),2),m=p[0],h=p[1],v=Kr(Object(r.useState)([!0]),2),g=v[0],y=v[1];return"Accordion"===o?a.a.createElement("div",{className:"accordion"},kn(i,(function(e){return a.a.createElement("div",{key:e,className:"card"},a.a.createElement("div",{className:"card-header"},a.a.createElement("h2",{className:"mb-0"},a.a.createElement("button",{className:"btn btn-link btn-block text-left",type:"button",onClick:function(){if(h(e),l){var t=$r(g);t[e]=!t[e],y(t)}else{var n=[];n[e]=!0,y(n)}}},n[e]))),a.a.createElement("div",{id:"collapse".concat(e),className:"collapse ".concat(l&&g[e]||!l&&m==e?"show":""),"aria-labelledby":"headingOne","data-parent":"#accordionExample"},a.a.createElement("div",{className:"card-body"},a.a.createElement(mt,{canvas:!0,id:"Tab".concat(e),is:vn},t[e]))))}))):a.a.createElement(r.Fragment,null,a.a.createElement("ul",{id:"myTab",role:"tablist",className:"nav ".concat("Tabs"===o?"nav-tabs":"nav-pills"," builder ").concat(u?"selected-node":""),ref:function(e){return f(d(e))}},kn(i,(function(e){return a.a.createElement("li",{key:e,className:"nav-item",role:"presentation"},a.a.createElement("a",{className:"nav-link ".concat(e===m?"active":""),onClick:function(){return h(e)}},n[e]&&(void 0===n[e].label?n[e]:""===n[e].label?"(empty)":n[e].label)))}))),a.a.createElement("div",{className:"tab-content",id:"myTabContent"},kn(i,(function(e){return a.a.createElement("div",{key:e,className:"tab-pane fade ".concat(e===m?"show active":""),role:"tabpanel","aria-labelledby":"home-tab"},a.a.createElement(mt,{canvas:!0,id:"Tab".concat(e),is:vn},t[e]))}))))};Qr.craft={props:{titles:["Tab1","Tab2"],ntabs:2,tabsStyle:"Tabs",independent:!1,deeplink:!0},displayName:"Tabs",related:{settings:function(){var e=lt((function(e){return{tabsStyle:e.data.props.tabsStyle,ntabs:e.data.props.ntabs,independent:e.data.props.independent,deeplink:e.data.props.deeplink,titles:e.data.props.titles,field:e.data.props.field}})),t=e.actions.setProp,n=e.titles,o=e.tabsStyle,i=e.deeplink,l=e.independent,c=e.ntabs,u=e.field,s=Object(r.useContext)(Rt);return Object(r.useEffect)((function(){u&&fetch("/api/".concat(s.tableName,"/distinct/").concat(u),{method:"GET",headers:{"Content-Type":"application/json","CSRF-Token":s.csrfToken}}).then((function(e){return e.status<399?e.json():""})).then((function(e){if(e.success){var n=e.success.length;t((function(e){return e.ntabs=n})),t((function(t){return t.titles=e.success}))}}))}),[u]),a.a.createElement("table",{className:"w-100",accordiontitle:"Placement"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("th",null,a.a.createElement("label",null,"Style")),a.a.createElement("td",null,a.a.createElement("select",{value:o,className:"form-control form-select",onChange:function(e){return t((function(t){t.tabsStyle=e.target.value}))}},a.a.createElement("option",null,"Tabs"),a.a.createElement("option",null,"Pills"),a.a.createElement("option",null,"Accordion"),["show","edit"].includes(s.mode)&&a.a.createElement("option",null,"Value switch")))),"Value switch"===o?a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Field")),a.a.createElement("td",null,a.a.createElement("select",{value:u,className:"form-control form-select",onChange:function(e){t((function(t){return t.field=e.target.value}))}},s.fields.map((function(e,t){return a.a.createElement("option",{key:t,value:e.name},e.label)}))))):a.a.createElement(r.Fragment,null,a.a.createElement("tr",null,a.a.createElement("th",null,a.a.createElement("label",null,"Number of sections")),a.a.createElement("td",null,a.a.createElement("input",{type:"number",className:"form-control",value:c,step:"1",min:"0",max:"20",onChange:function(e){return t((function(t){return t.ntabs=e.target.value}))}}))),a.a.createElement("tr",null,a.a.createElement("th",{colSpan:"2"},"Titles")),kn(c,(function(e){return a.a.createElement("tr",{key:e},a.a.createElement("th",null,e+1),a.a.createElement("td",null,a.a.createElement("input",{type:"text",className:"form-control text-to-display",value:n[e],onChange:function(n){return t((function(t){return t.titles[e]=n.target.value}))}})))})),"Accordion"===o?a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:l,onChange:function(e){e.target&&t((function(t){return t.independent=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Open independently")))):a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:i,onChange:function(e){e.target&&t((function(t){return t.deeplink=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Deep link")))))))}}};var Xr=function(e){!function(e){if(null==e)throw new TypeError("Cannot destructure undefined")}(e);var t=lt((function(e){return{selected:e.events.selected}})),n=(t.selected,t.connectors);n.connect,n.drag;return null};function Jr(){return(Jr=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}Xr.craft={displayName:"Empty"};var Zr=function(e){var t=e.name,n=e.block,r=e.full_width,o=lt((function(e){return{selected:e.events.selected}})),i=o.selected,l=o.connectors,c=l.connect,u=l.drag;return a.a.createElement("span",Jr({className:i?"selected-node":""},Bn(n),{ref:function(e){return c(u(e))}}),a.a.createElement("select",{disabled:!0,className:r?"w-100":""},a.a.createElement("option",null,t)))};function ea(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,l=e[Symbol.iterator]();!(r=(i=l.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==l.return||l.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return ta(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return ta(e,t)}(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 ta(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}Zr.craft={displayName:"DropDownFilter",related:{settings:function(){var e=lt((function(e){return{name:e.data.props.name,block:e.data.props.block,neutral_label:e.data.props.neutral_label,full_width:e.data.props.full_width,where:e.data.props.where}})),t=e.actions.setProp,n=e.name,o=e.block,i=e.neutral_label,l=e.full_width,c=e.where,u=Object(r.useContext)(Rt);return a.a.createElement("table",{className:"w-100"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Field")),a.a.createElement("td",null,a.a.createElement("select",{value:n,className:"form-control form-select",onChange:function(e){return t((function(t){return t.name=e.target.value}))}},u.fields.map((function(e,t){return a.a.createElement("option",{key:t,value:e.name},e.label)}))))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Neutral label")),a.a.createElement("td",null,a.a.createElement("input",{value:i,className:"form-control",onChange:function(e){return t((function(t){return t.neutral_label=e.target.value}))}}))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Where")),a.a.createElement("td",null,a.a.createElement("input",{value:c,className:"form-control",onChange:function(e){return t((function(t){return t.where=e.target.value}))}}))),a.a.createElement("tr",null,a.a.createElement("td",null),a.a.createElement("td",null,a.a.createElement(Vn,{block:o,setProp:t}))),a.a.createElement("tr",null,a.a.createElement("td",null),a.a.createElement("td",null,a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:l,onChange:function(e){return t((function(t){return t.full_width=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Full width"))))))},segment_type:"dropdown_filter",column_type:"DropDownFilter",fields:[{name:"name",segment_name:"field_name",column_name:"field_name"},"full_width","neutral_label","where","block"]}};var na=function(e){var t=e.children,n=e.action_style,o=e.action_size,i=e.action_icon,l=e.action_bgcol,c=e.action_bordercol,u=e.action_textcol,s=e.block,f=e.label,d=lt((function(e){return{selected:e.events.selected}})),p=d.selected,m=d.connectors,h=m.connect,v=m.drag,g=ea(Object(r.useState)(!1),2),y=g[0],b=g[1];return a.a.createElement("div",{className:"".concat(p?"selected-node":""," ").concat(s?"d-block":""),ref:function(e){return h(v(e))}},a.a.createElement("button",{className:"btn ".concat(n||"btn-primary"," ").concat(o||""," "),style:"btn-custom-color"===n?{backgroundColor:l||"#000000",borderColor:c||"#000000",color:u||"#000000"}:{}},a.a.createElement(Hn,{icon:i,className:"me-1"}),f,a.a.createElement(Yt,{icon:Jt,className:"ms-1",onClick:function(){return b(!y)}})),a.a.createElement("div",{className:"dropdown-menu dropmenu-dropdown ".concat(y?"show":"")},a.a.createElement("div",{className:"canvas d-flex flex-column"},t)))};function ra(){return(ra=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}na.craft={displayName:"DropMenu",props:{label:"Menu",block:!1},related:{settings:function(){var e=lt((function(e){return{label:e.data.props.label,block:e.data.props.block,action_style:e.data.props.action_style,action_size:e.data.props.action_size,action_icon:e.data.props.action_icon,action_bgcol:e.data.props.action_bgcol,action_bordercol:e.data.props.action_bordercol,action_textcol:e.data.props.action_textcol}})),t=e.actions.setProp,n=(e.label,e.block);return a.a.createElement("table",{className:"w-100"},a.a.createElement("tbody",null,a.a.createElement(ur,{field:{label:"Label",name:"label",type:"String"},node:e,setProp:t}),a.a.createElement(fr,{setProp:t,keyPrefix:"action_",values:e}),a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement(Vn,{block:n,setProp:t})))))},segment_type:"dropdown_menu",hasContents:!0,fields:["label","block","action_style","action_size","action_icon","action_bgcol","action_bordercol","action_textcol"]}};var aa=function(e){e.name;var t=e.value,n=e.preset_value,r=e.block,o=e.label,i=e.size,l=e.style,c=lt((function(e){return{selected:e.events.selected}})),u=c.selected,s=c.connectors,f=s.connect,d=s.drag;return a.a.createElement("span",ra({className:u?"selected-node":""},Bn(r),{ref:function(e){return f(d(e))}}),a.a.createElement("button",{className:"btn btn-outline-".concat(l||"primary"," ").concat(i)},o||t||n||"Set label"))};aa.craft={displayName:"ToggleFilter",related:{settings:function(){var e=lt((function(e){return{name:e.data.props.name,value:e.data.props.value,preset_value:e.data.props.preset_value,block:e.data.props.block,label:e.data.props.label,size:e.data.props.size,style:e.data.props.style}})),t=e.actions.setProp,n=e.name,o=e.value,i=e.block,l=e.preset_value,c=e.label,u=e.size,s=e.style,f=Object(r.useContext)(Rt),d=f.fields.find((function(e){return e.name===n})),p=d.preset_options,m=d&&"Bool"===d.type.name,h=function(e){return function(n){if(n.target){var r=n.target.value;t((function(t){return t[e]=r}))}}};return a.a.createElement("table",{className:"w-100"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Field")),a.a.createElement("td",null,a.a.createElement("select",{value:n,className:"form-control form-select",onChange:function(e){t((function(t){return t.name=e.target.value}));var n=f.fields.find((function(t){return t.name===e.target.value}));n&&"Bool"===n.type.name&&t((function(e){return e.value="on"})),t((function(e){return e.preset_value=""}))}},f.fields.map((function(e,t){return a.a.createElement("option",{key:t,value:e.name},e.label)}))))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Value")),a.a.createElement("td",null,m?a.a.createElement("select",{value:o,className:"w-100 form-select",onChange:h("value")},a.a.createElement("option",{value:"on"},"True"),a.a.createElement("option",{value:"off"},"False"),a.a.createElement("option",{value:"?"},"Both")):a.a.createElement("input",{value:o,className:"w-100",onChange:h("value")}))),p&&p.length>0?a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Preset")),a.a.createElement("td",null,a.a.createElement("select",{value:l,className:"form-control form-select",onChange:h("preset_value")},a.a.createElement("option",{value:""}),p.map((function(e,t){return a.a.createElement("option",{key:t,value:e},e)}))))):null,a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Label")),a.a.createElement("td",null,a.a.createElement("input",{value:c,className:"w-100",onChange:h("label")}))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Button size")),a.a.createElement("td",null,a.a.createElement("select",{className:"form-control form-select",value:u,onChange:h("size")},a.a.createElement("option",{value:""},"Standard"),a.a.createElement("option",{value:"btn-lg"},"Large"),a.a.createElement("option",{value:"btn-sm"},"Small"),a.a.createElement("option",{value:"btn-block"},"Block"),a.a.createElement("option",{value:"btn-block btn-lg"},"Large block"),a.a.createElement("option",{value:"btn-block btn-sm"},"Small block")))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Button style")),a.a.createElement("td",null,a.a.createElement("select",{className:"form-control form-select",value:s,onChange:h("style")},a.a.createElement("option",{value:"primary"},"Primary"),a.a.createElement("option",{value:"secondary"},"Secondary"),a.a.createElement("option",{value:"success"},"Success"),a.a.createElement("option",{value:"danger"},"Danger"),a.a.createElement("option",{value:"warning"},"Warning"),a.a.createElement("option",{value:"info"},"Info"),a.a.createElement("option",{value:"light"},"Light"),a.a.createElement("option",{value:"dark"},"Dark")))),a.a.createElement("tr",null,a.a.createElement("td",null),a.a.createElement("td",null,a.a.createElement(Vn,{block:i,setProp:t})))))},segment_type:"toggle_filter",column_type:"ToggleFilter",fields:[{name:"name",segment_name:"field_name",column_name:"field_name"},"value","preset_value","block","label","size","style"]}};var oa=function(e){var t=e.children,n=e.isFormula,r=e.title,o=e.shadow,i=e.noPadding,l=e.style,c=lt((function(e){return{selected:e.events.selected}})),u=c.selected,s=c.connectors,f=s.connect,d=s.drag;return a.a.createElement("div",{className:"card ".concat(o?"shadow":""," builder ").concat(u?"selected-node":""),style:tr(l),ref:function(e){return f(d(e))}},r&&r.length>0&&a.a.createElement("div",{className:"card-header"},n.title?a.a.createElement("span",{className:"font-monospace"},"=",r):r),a.a.createElement("div",{className:"card-body ".concat(i?"p-0":"")},a.a.createElement("div",{className:"canvas"},t)))},ia=[{label:"Card title",name:"title",type:"String",canBeFormula:!0},{label:"URL",name:"url",type:"String",canBeFormula:!0},{label:"Shadow",name:"shadow",type:"Bool"},{label:"No padding",name:"noPadding",type:"Bool"},{name:"style",default:{}}];function la(){return(la=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function ca(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}oa.craft={props:{title:"",url:"",shadow:!0,isFormula:{},style:{}},displayName:"Card",related:{settings:function(){var e=lt((function(e){var t={};return ia.forEach((function(n){t[n.name]=e.data.props[n.name]})),ia.some((function(e){return e.canBeFormula}))&&(t.isFormula=e.data.props.isFormula),t})),t=e.actions.setProp;return a.a.createElement(Xn,null,a.a.createElement("table",{className:"w-100",accordiontitle:"Card properties"},a.a.createElement("tbody",null,a.a.createElement(ur,{field:{label:"Card title",name:"title",type:"String",canBeFormula:!0},node:e,setProp:t}),a.a.createElement(ur,{field:{label:"URL",name:"url",type:"String",canBeFormula:!0},node:e,setProp:t}),a.a.createElement(ur,{field:{label:"Shadow",name:"shadow",type:"Bool"},node:e,setProp:t}),a.a.createElement(ur,{field:{label:"No padding",name:"noPadding",type:"Bool"},node:e,setProp:t}))),a.a.createElement("div",{accordiontitle:"Box",className:"w-100"},a.a.createElement(bn,{setProp:t,node:e,sizeWithStyle:!0})))},segment_type:"card",hasContents:!0,fields:ia}};var ua=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=ca(e,["color","size"]);return a.a.createElement("svg",la({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z"}),a.a.createElement("path",{d:"M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z"}))}));ua.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},ua.defaultProps={color:"currentColor",size:"1em"};var sa=ua;function fa(){return(fa=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function da(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var pa=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=da(e,["color","size"]);return a.a.createElement("svg",fa({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"m10.79 12.912-1.614-1.615a3.5 3.5 0 0 1-4.474-4.474l-2.06-2.06C.938 6.278 0 8 0 8s3 5.5 8 5.5a7.029 7.029 0 0 0 2.79-.588zM5.21 3.088A7.028 7.028 0 0 1 8 2.5c5 0 8 5.5 8 5.5s-.939 1.721-2.641 3.238l-2.062-2.062a3.5 3.5 0 0 0-4.474-4.474L5.21 3.089z"}),a.a.createElement("path",{d:"M5.525 7.646a2.5 2.5 0 0 0 2.829 2.829l-2.83-2.829zm4.95.708-2.829-2.83a2.5 2.5 0 0 1 2.829 2.829zm3.171 6-12-12 .708-.708 12 12-.708.708z"}))}));pa.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},pa.defaultProps={color:"currentColor",size:"1em"};var ma=pa;function ha(){return(ha=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function va(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var ga=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=va(e,["color","size"]);return a.a.createElement("svg",ha({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("rect",{width:"4",height:"12",rx:"1",transform:"matrix(1 0 0 -1 6 15)"}),a.a.createElement("path",{d:"M1.5 2a.5.5 0 0 1 0-1v1zm13-1a.5.5 0 0 1 0 1V1zm-13 0h13v1h-13V1z"}))}));ga.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},ga.defaultProps={color:"currentColor",size:"1em"};var ya=ga;function ba(){return(ba=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function wa(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var Ea=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=wa(e,["color","size"]);return a.a.createElement("svg",ba({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"M6 13a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v10zM1 8a.5.5 0 0 0 .5.5H6v-1H1.5A.5.5 0 0 0 1 8zm14 0a.5.5 0 0 1-.5.5H10v-1h4.5a.5.5 0 0 1 .5.5z"}))}));Ea.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},Ea.defaultProps={color:"currentColor",size:"1em"};var xa=Ea;function ka(){return(ka=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function _a(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var Oa=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=_a(e,["color","size"]);return a.a.createElement("svg",ka({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("rect",{width:"4",height:"12",x:"6",y:"1",rx:"1"}),a.a.createElement("path",{d:"M1.5 14a.5.5 0 0 0 0 1v-1zm13 1a.5.5 0 0 0 0-1v1zm-13 0h13v-1h-13v1z"}))}));Oa.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},Oa.defaultProps={color:"currentColor",size:"1em"};var Sa=Oa;function Ca(){return(Ca=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function ja(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var Pa=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=ja(e,["color","size"]);return a.a.createElement("svg",Ca({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{fillRule:"evenodd",d:"M1.5 1a.5.5 0 0 1 .5.5v13a.5.5 0 0 1-1 0v-13a.5.5 0 0 1 .5-.5z"}),a.a.createElement("path",{d:"M3 7a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7z"}))}));Pa.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},Pa.defaultProps={color:"currentColor",size:"1em"};var Na=Pa;function Ta(){return(Ta=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Aa(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var Ra=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=Aa(e,["color","size"]);return a.a.createElement("svg",Ta({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"M8 1a.5.5 0 0 1 .5.5V6h-1V1.5A.5.5 0 0 1 8 1zm0 14a.5.5 0 0 1-.5-.5V10h1v4.5a.5.5 0 0 1-.5.5zM2 7a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7z"}))}));Ra.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},Ra.defaultProps={color:"currentColor",size:"1em"};var Ia=Ra;function za(){return(za=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Ma(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var Fa=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=Ma(e,["color","size"]);return a.a.createElement("svg",za({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{fillRule:"evenodd",d:"M14.5 1a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 1 0v-13a.5.5 0 0 0-.5-.5z"}),a.a.createElement("path",{d:"M13 7a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V7z"}))}));Fa.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},Fa.defaultProps={color:"currentColor",size:"1em"};var La=Fa;function Da(){return(Da=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Ua(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var qa=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=Ua(e,["color","size"]);return a.a.createElement("svg",Da({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"}),a.a.createElement("path",{d:"M11.354 4.646a.5.5 0 0 0-.708 0l-6 6a.5.5 0 0 0 .708.708l6-6a.5.5 0 0 0 0-.708z"}))}));qa.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},qa.defaultProps={color:"currentColor",size:"1em"};var Ha=qa;function Ba(){return(Ba=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Va(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var Wa=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=Va(e,["color","size"]);return a.a.createElement("svg",Ba({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"M6.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"}),a.a.createElement("path",{d:"M2.002 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2h-12zm12 1a1 1 0 0 1 1 1v6.5l-3.777-1.947a.5.5 0 0 0-.577.093l-3.71 3.71-2.66-1.772a.5.5 0 0 0-.63.062L1.002 12V3a1 1 0 0 1 1-1h12z"}))}));Wa.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},Wa.defaultProps={color:"currentColor",size:"1em"};var $a=Wa;function Ka(){return(Ka=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Ya(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var Ga=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=Ya(e,["color","size"]);return a.a.createElement("svg",Ka({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"M8 5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm4 3a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zM5.5 7a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm.5 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"}),a.a.createElement("path",{d:"M16 8c0 3.15-1.866 2.585-3.567 2.07C11.42 9.763 10.465 9.473 10 10c-.603.683-.475 1.819-.351 2.92C9.826 14.495 9.996 16 8 16a8 8 0 1 1 8-8zm-8 7c.611 0 .654-.171.655-.176.078-.146.124-.464.07-1.119-.014-.168-.037-.37-.061-.591-.052-.464-.112-1.005-.118-1.462-.01-.707.083-1.61.704-2.314.369-.417.845-.578 1.272-.618.404-.038.812.026 1.16.104.343.077.702.186 1.025.284l.028.008c.346.105.658.199.953.266.653.148.904.083.991.024C14.717 9.38 15 9.161 15 8a7 7 0 1 0-7 7z"}))}));Ga.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},Ga.defaultProps={color:"currentColor",size:"1em"};var Qa=Ga;function Xa(){return(Xa=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Ja(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var Za=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=Ja(e,["color","size"]);return a.a.createElement("svg",Xa({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"M8 4.5a7 7 0 0 0-7 7 .5.5 0 0 1-1 0 8 8 0 1 1 16 0 .5.5 0 0 1-1 0 7 7 0 0 0-7-7zm0 2a5 5 0 0 0-5 5 .5.5 0 0 1-1 0 6 6 0 1 1 12 0 .5.5 0 0 1-1 0 5 5 0 0 0-5-5zm0 2a3 3 0 0 0-3 3 .5.5 0 0 1-1 0 4 4 0 1 1 8 0 .5.5 0 0 1-1 0 3 3 0 0 0-3-3zm0 2a1 1 0 0 0-1 1 .5.5 0 0 1-1 0 2 2 0 1 1 4 0 .5.5 0 0 1-1 0 1 1 0 0 0-1-1z"}))}));Za.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},Za.defaultProps={color:"currentColor",size:"1em"};var eo=Za;function to(){return(to=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function no(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ro(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?no(Object(n),!0).forEach((function(t){ao(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):no(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ao(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var oo=function(e){var t,n=e.children,r=e.minHeight,o=e.height,i=e.width,l=e.minHeightUnit,c=e.heightUnit,u=e.widthUnit,s=e.vAlign,f=e.hAlign,d=e.bgFileId,p=e.imageSize,m=e.bgType,h=e.display,v=e.bgColor,g=e.setTextColor,y=e.textColor,b=e.customClass,w=e.customCSS,E=(e.margin,e.padding,e.minScreenWidth,e.gradStartColor),x=e.gradEndColor,k=e.gradDirection,_=e.rotate,O=e.style,S=e.htmlElement,C=lt((function(e){return{selected:e.events.selected}})),j=C.selected,P=C.connectors,N=P.connect,T=P.drag;return a.a.createElement(S,{ref:function(e){return N(T(e))},className:"".concat(b||""," canvas text-").concat(f," ").concat("middle"===s?"d-flex align-items-center":""," ").concat("middle"===s&&"center"===f&&"justify-content-center"," ").concat(j?"selected-node":""),style:ro(ro(ro(ro(ro(ro(ro(ro(ro({},(t=w||"",(t||"").split("\n").join("").split(";").filter((function(e){return e.split(":")[0]&&e.split(":")[1]})).map((function(e){return[e.split(":")[0].trim().replace(/-./g,(function(e){return e.substr(1).toUpperCase()})),e.split(":")[1].trim()]})).reduce((function(e,t){return Fn(Fn({},e),{},Ln({},t[0],t[1]))}),{}))),tr(O)),{},{display:h,minHeight:r?"".concat(r).concat(l||"px"):null},"Image"===m&&d&&+d?{backgroundImage:"url('/files/serve/".concat(d,"')"),backgroundSize:"repeat"===p?void 0:p||"contain",backgroundRepeat:"repeat"===p?p:"no-repeat"}:{}),"Color"===m?{backgroundColor:v}:{}),"Gradient"===m?{backgroundImage:"linear-gradient(".concat(k||0,"deg, ").concat(E,", ").concat(x,")")}:{}),g?{color:y}:{}),void 0!==o?{height:"".concat(o).concat(c||"px")}:{}),void 0!==i?{width:"".concat(i).concat(u||"px")}:{}),_?{transform:"rotate(".concat(_,"deg)")}:{})},n)};oo.craft={displayName:"Container",props:{minHeight:0,vAlign:"top",hAlign:"left",bgFileId:0,rotate:0,isFormula:{},bgType:"None",fullPageWidth:!1,bgColor:"#ffffff",borderColor:"#000000",setTextColor:!1,textColor:"#ffffff",gradStartColor:"#ff8888",gradEndColor:"#88ff88",gradDirection:"0",imageSize:"contain",showIfFormula:"",showForRole:[],margin:[0,0,0,0],padding:[0,0,0,0],minScreenWidth:"",display:"block",show_for_owner:!1,style:{},htmlElement:"div"},rules:{canDrag:function(){return!0}},related:{settings:function(){var e=lt((function(e){return{minHeight:e.data.props.minHeight,height:e.data.props.height,width:e.data.props.width,minHeightUnit:e.data.props.minHeightUnit,heightUnit:e.data.props.heightUnit,widthUnit:e.data.props.widthUnit,bgType:e.data.props.bgType,bgColor:e.data.props.bgColor,isFormula:e.data.props.isFormula,bgFileId:e.data.props.bgFileId,imageSize:e.data.props.imageSize,htmlElement:e.data.props.htmlElement,vAlign:e.data.props.vAlign,hAlign:e.data.props.hAlign,fullPageWidth:e.data.props.fullPageWidth,showIfFormula:e.data.props.showIfFormula,setTextColor:e.data.props.setTextColor,showForRole:e.data.props.showForRole,textColor:e.data.props.textColor,customClass:e.data.props.customClass,customCSS:e.data.props.customCSS,minScreenWidth:e.data.props.minScreenWidth,maxScreenWidth:e.data.props.maxScreenWidth,show_for_owner:e.data.props.show_for_owner,margin:e.data.props.margin,padding:e.data.props.padding,url:e.data.props.url,hoverColor:e.data.props.hoverColor,gradStartColor:e.data.props.gradStartColor,gradEndColor:e.data.props.gradEndColor,gradDirection:e.data.props.gradDirection,overflow:e.data.props.overflow,rotate:e.data.props.rotate,display:e.data.props.display,style:e.data.props.style}})),t=e.actions.setProp,n=e.bgFileId,o=e.imageSize,i=e.bgType,l=e.display,c=e.bgColor,u=e.setTextColor,s=e.textColor,f=e.showIfFormula,d=e.isFormula,p=e.showForRole,m=e.customClass,h=e.customCSS,v=e.minScreenWidth,g=e.maxScreenWidth,y=e.show_for_owner,b=(e.margin,e.padding,e.url),w=e.hoverColor,E=e.gradStartColor,x=e.gradEndColor,k=e.gradDirection,_=e.fullPageWidth,O=(e.overflow,e.htmlElement,Object(r.useContext)(Rt)),S=Object(r.useContext)(Sr).uploadedFiles,C=!!O.ownership,j=function(e){return function(n){if(n.target){var r=n.target.value;t((function(t){return t[e]=r}))}}};return a.a.createElement(Xn,null,a.a.createElement("div",{accordiontitle:"Box",className:"w-100"},a.a.createElement(bn,{setProp:t,node:e})),a.a.createElement("table",{className:"w-100",accordiontitle:"Display"},a.a.createElement("tbody",null,a.a.createElement(ur,{field:{name:"display",label:"Display",type:"select",options:["block","inline","inline-block","none","flex","inline-flex"]},node:e,setProp:t}),a.a.createElement(ur,{field:{name:"htmlElement",label:"HTML element",type:"select",options:["div","span","article","section","header","nav","main","aside","footer"]},node:e,setProp:t}),a.a.createElement(ur,{field:{name:"overflow",label:"Overflow",type:"btn_select",options:[{value:"visible",title:"Visible",label:a.a.createElement(sa,null)},{value:"hidden",title:"Hidden",label:a.a.createElement(ma,null)},{value:"scroll",title:"Scroll",label:a.a.createElement(Yt,{icon:on})},{value:"auto",title:"Auto",label:a.a.createElement(Yt,{icon:an})}]},node:e,setProp:t}),a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:_,onChange:function(e){return t((function(t){return t.fullPageWidth=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Expand to full page width")))))),a.a.createElement("table",{className:"w-100",accordiontitle:"Contents"},a.a.createElement("tbody",null,a.a.createElement(ur,{field:{name:"rotate",label:"Rotate °",type:"Integer"},node:e,setProp:t}),a.a.createElement(cr,{title:"Align"}),a.a.createElement(ur,{field:{name:"vAlign",label:"Vertical",type:"btn_select",options:[{value:"top",title:"All",label:a.a.createElement(ya,null)},{value:"middle",title:"All",label:a.a.createElement(xa,null)},{value:"bottom",title:"All",label:a.a.createElement(Sa,null)}]},node:e,setProp:t}),a.a.createElement(ur,{field:{name:"hAlign",label:"Horizontal",type:"btn_select",options:[{value:"left",title:"Left",label:a.a.createElement(Na,null)},{value:"center",title:"Center",label:a.a.createElement(Ia,null)},{value:"right",title:"Right",label:a.a.createElement(La,null)}]},node:e,setProp:t}),a.a.createElement(cr,{title:"Background"}),a.a.createElement(ur,{field:{name:"bgType",label:"Type",type:"btn_select",options:[{value:"None",label:a.a.createElement(Ha,null)},{value:"Image",label:a.a.createElement($a,null)},{value:"Color",label:a.a.createElement(Qa,null)},{value:"Gradient",label:a.a.createElement(eo,null)}]},node:e,setProp:t,onChange:function(e){return t((function(e){e.bgFileId=e.bgFileId||O.images.length+S.length>0&&O.images[0].id}))}}),"Gradient"===i&&a.a.createElement(r.Fragment,null,a.a.createElement("tr",null,a.a.createElement("td",null,"Start"),a.a.createElement("td",null,a.a.createElement($n,to({nodekey:"gradStartColor"},{setProp:t,isFormula:d,node:e}),a.a.createElement("input",{type:"color",value:E,className:"form-control-sm w-50",onChange:j("gradStartColor")})))),a.a.createElement("tr",null,a.a.createElement("td",null,"End"),a.a.createElement("td",null,a.a.createElement($n,to({nodekey:"gradEndColor"},{setProp:t,isFormula:d,node:e}),a.a.createElement("input",{type:"color",value:x,className:"form-control-sm w-50",onChange:j("gradEndColor")})))),a.a.createElement("tr",null,a.a.createElement("td",null,"Direction (°)"),a.a.createElement("td",null,a.a.createElement($n,to({nodekey:"gradDirection"},{setProp:t,isFormula:d,node:e}),a.a.createElement("input",{type:"number",min:"0",max:"360",value:k,className:"form-control-sm w-50",onChange:j("gradDirection")}))))),"Image"===i&&a.a.createElement(r.Fragment,null,a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"File")),a.a.createElement("td",null,a.a.createElement("select",{value:n,className:"form-control-sm w-100 form-select",onChange:j("bgFileId")},O.images.map((function(e,t){return a.a.createElement("option",{key:t,value:e.id},e.filename)})),(S||[]).map((function(e,t){return a.a.createElement("option",{key:t,value:e.id},e.filename)}))," "))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Size")),a.a.createElement("td",null,a.a.createElement("select",{value:o,className:"form-control-sm form-select",onChange:j("imageSize")},a.a.createElement("option",null,"contain"),a.a.createElement("option",null,"cover"),a.a.createElement("option",null,"repeat"))))),"Color"===i&&a.a.createElement("tr",null,a.a.createElement("td",null,"Color"),a.a.createElement("td",null,a.a.createElement($n,to({nodekey:"bgColor"},{setProp:t,isFormula:d,node:e}),a.a.createElement("input",{type:"color",value:c,className:"form-control-sm w-50",onChange:j("bgColor")})))),a.a.createElement(cr,{title:"Typography"}),a.a.createElement(ur,{field:{name:"font-family",label:"Font family",type:"Font"},node:e,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:"font-size",label:"Font size",type:"DimUnits"},node:e,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:"font-weight",label:"Weight",type:"Integer",min:100,max:900,step:100},node:e,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:"line-height",label:"Line height",type:"DimUnits"},node:e,setProp:t,isStyle:!0}),a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement("label",null,"Set text color",a.a.createElement("input",{name:"setTextColor",type:"checkbox",checked:u,onChange:function(e){return t((function(t){return t.setTextColor=e.target.checked}))}})))),u&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Text")),a.a.createElement("td",null,a.a.createElement("input",{type:"color",value:s,className:"form-control-sm",onChange:j("textColor")}))))),a.a.createElement("table",{className:"w-100",accordiontitle:"Flex properties"},a.a.createElement("tbody",null,a.a.createElement(cr,{title:"Flex item"}),a.a.createElement(ur,{field:{name:"flex-grow",label:"Grow",type:"Float"},node:e,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:"flex-shrink",label:"Shrink",type:"Float"},node:e,setProp:t,isStyle:!0}),l&&l.includes("flex")&&a.a.createElement(r.Fragment,null,a.a.createElement(cr,{title:"Flex container"}),a.a.createElement(ur,{field:{name:"flex-direction",label:"Direction",type:"select",options:["row","row-reverse","column","column-reverse"]},node:e,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:"flex-wrap",label:"Wrap",type:"select",options:["nowrap","wrap","wrap-reverse"]},node:e,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:"justify-content",label:"Justify content",type:"select",options:["flex-start","flex-end","center","space-between","space-around","space-evenly","start","end","left","right"]},node:e,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:"align-items",label:"Align items",type:"select",options:["stretch","flex-start","flex-end","center","baseline","first baseline","last baseline","start","end","self-start","self-end"]},node:e,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:"align-content",label:"Align content",type:"select",options:["flex-start","flex-end","center","space-between","space-around","space-evenly","stretch","start","end","baseline","first baseline","last baseline"]},node:e,setProp:t,isStyle:!0})))),a.a.createElement("table",{className:"w-100",accordiontitle:"Show if..."},a.a.createElement("tbody",null,["show","edit"].includes(O.mode)&&a.a.createElement(cr,{title:"Formula - show if true"}),["show","edit"].includes(O.mode)&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("input",{type:"text",className:"form-control text-to-display",value:f,onChange:j("showIfFormula")}),a.a.createElement("div",{style:{marginTop:"-5px"}},a.a.createElement("small",{className:"text-muted font-monospace"},"FORMULA")))),a.a.createElement(cr,{title:"Role"}),O.roles.map((function(e){var n=e.role,r=e.id;return a.a.createElement("tr",{key:r},a.a.createElement("td",{colSpan:"2"},a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:void 0===p[r]||p[r],onChange:function(e){return t((function(t){t.showForRole&&0!==t.showForRole.length||O.roles.forEach((function(e){return t.showForRole[e.id]=!0})),t.showForRole[r]=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},n))))})),C?a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:y,onChange:function(e){return t((function(t){return t.show_for_owner=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Owner")))):null,a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Min screen width")),a.a.createElement("td",null,a.a.createElement("select",{value:v,className:"form-control form-select",onChange:j("minScreenWidth")},a.a.createElement("option",{value:""},"all"),a.a.createElement("option",{value:"sm"},"small"),a.a.createElement("option",{value:"md"},"medium"),a.a.createElement("option",{value:"lg"},"large"),a.a.createElement("option",{value:"xl"},"x-large")))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Max screen width")),a.a.createElement("td",null,a.a.createElement("select",{value:g,className:"form-control form-select",onChange:j("maxScreenWidth")},a.a.createElement("option",{value:""},"all"),a.a.createElement("option",{value:"md"},"small"),a.a.createElement("option",{value:"lg"},"medium"),a.a.createElement("option",{value:"xl"},"large")))))),a.a.createElement("div",{accordiontitle:"Container link"},a.a.createElement("label",null,"URL"),a.a.createElement($n,to({nodekey:"url"},{setProp:t,isFormula:d,node:e}),a.a.createElement("input",{type:"text",className:"form-control",value:b,onChange:j("url")})),a.a.createElement("label",null,"Hover color"),a.a.createElement("select",{value:w,className:"form-control form-select",onChange:j("hoverColor")},a.a.createElement("option",{value:""},"None"),a.a.createElement("option",{value:"gray"},"gray"),a.a.createElement("option",{value:"gray-dark"},"gray-dark"),a.a.createElement("option",{value:"light"},"light"),a.a.createElement("option",{value:"dark"},"dark"))),a.a.createElement("div",{accordiontitle:"Custom class/CSS"},a.a.createElement("div",null,a.a.createElement("label",null,"Custom class")),a.a.createElement($n,to({nodekey:"customClass"},{setProp:t,isFormula:d,node:e}),a.a.createElement("input",{type:"text",className:"form-control text-to-display",value:m,onChange:j("customClass")})),a.a.createElement("div",null,a.a.createElement("label",null,"Custom CSS")),a.a.createElement("textarea",{rows:"4",type:"text",className:"text-to-display form-control",value:h,onChange:j("customCSS")})))}}};var io=function(e){e.name;var t=e.view,n=e.configuration,o=e.state,i=lt((function(e){return{selected:e.events.selected,node_id:e.id}})),l=i.selected,c=i.node_id,u=i.connectors,s=u.connect,f=u.drag,d=Object(r.useContext)(Rt),p=d.views.find((function(e){return e.name===t})),m=p?p.label:t,h=Object(r.useContext)(Sr),v=h.previews,g=h.setPreviews,y=v[c];return Object(r.useEffect)((function(){!function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return function(){var t,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=Fn(Fn({},e),n),a=r.node_id,o=r.options,i=r.view,l=r.setPreviews,c=r.configuration,u=c?Fn({},c):{};if(i.includes(":")){var s=i.split(":"),f=Dn(s,2),d=f[0],p=f[1],m=p.split("."),h=Dn(m,1),v=h[0];t=v,u.reltype=d,u.path=p}else t=i;Jn({options:o,node_id:a,setPreviews:l,url:"/view/".concat(t,"/preview"),body:u,isView:!0})}}({options:d,view:t,setPreviews:g,configuration:n,node_id:c})()}),[t,n,o]),a.a.createElement("div",{ref:function(e){return s(f(e))},className:"".concat(y?"":"builder-embed-view"," text-center ").concat(l?"selected-node":"")},y?a.a.createElement("div",{className:"d-inline",dangerouslySetInnerHTML:{__html:y}}):"View: ".concat(m))};function lo(){return(lo=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}io.craft={displayName:"View",related:{settings:function(){var e,t=lt((function(e){return{name:e.data.props.name,view:e.data.props.view,state:e.data.props.state,configuration:e.data.props.configuration,node_id:e.id}})),n=t.actions.setProp,o=(t.name,t.view),i=t.state,l=(t.node_id,t.configuration),c=Object(r.useContext)(Rt),u=c.views,s=c.fixed_state_fields&&c.fixed_state_fields[o];Object(r.useContext)(Sr).setPreviews;return a.a.createElement("div",null,a.a.createElement("div",null,a.a.createElement("label",null,"View to ","show"===c.mode?"embed":"show"),a.a.createElement("select",{value:o,className:"form-control form-select",onChange:function(e){n((function(t){return t.view=e.target.value}))}},u.map((function(e,t){return a.a.createElement("option",{key:t,value:e.name},e.label||e.name)})))),"page"===c.mode&&a.a.createElement(r.Fragment,null,a.a.createElement("div",null,a.a.createElement("label",null,"State"),a.a.createElement("select",{value:i,className:"form-control form-select",onChange:(e="state",function(t){if(t.target){var r=t.target.value;n((function(t){return t[e]=r}))}})},a.a.createElement("option",{value:"shared"},"Shared"),a.a.createElement("option",{value:"fixed"},"Fixed"))),"fixed"===i&&s&&s.length>0&&a.a.createElement(r.Fragment,null,a.a.createElement("h6",null,"View state fields"),a.a.createElement(ar,{fields:s,configuration:l||{},setProp:n,node:t}))),o?a.a.createElement("a",{className:"d-block mt-2",target:"_blank",href:"/viewedit/config/".concat(o)},"Configure this view"):null)}}};var co=function(e){var t=e.text,n=e.block,r=e.isFormula,o=e.textStyle,i=e.link_style,l=e.link_size,c=e.link_icon,u=e.link_bgcol,s=e.link_bordercol,f=e.link_textcol,d=lt((function(e){return{selected:e.events.selected}})),p=d.selected,m=d.connectors,h=m.connect,v=m.drag;return a.a.createElement("span",lo({className:"".concat(o," is-builder-link ").concat(p?"selected-node":""," ").concat(r.text?"font-monospace":""," ").concat(i," ").concat(l)},Bn(n),{ref:function(e){return h(v(e))},style:"btn btn-custom-color"===i?{backgroundColor:u||"#000000",borderColor:s||"#000000",color:f||"#000000"}:{}}),a.a.createElement(Hn,{icon:c,className:"me-1"}),r.text?"=".concat(t):t)};function uo(){return(uo=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function so(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}co.craft={defaultProps:{text:"Click here",url:"https://saltcorn.com/",block:!1,nofollow:!1,target_blank:!1,isFormula:{},textStyle:"",link_src:"URL"},displayName:"Link",related:{settings:function(){var e=lt((function(e){return{text:e.data.props.text,url:e.data.props.url,block:e.data.props.block,isFormula:e.data.props.isFormula,textStyle:e.data.props.textStyle,nofollow:e.data.props.nofollow,link_src:e.data.props.link_src,target_blank:e.data.props.target_blank,link_style:e.data.props.link_style,link_size:e.data.props.link_size,link_icon:e.data.props.link_icon,link_bgcol:e.data.props.link_bgcol,link_bordercol:e.data.props.link_bordercol,link_textcol:e.data.props.link_textcol}})),t=e.actions.setProp,n=e.text,o=e.url,i=e.block,l=e.isFormula,c=e.textStyle,u=e.nofollow,s=e.target_blank,f=e.link_src,d=Object(r.useContext)(Rt),p=function(e){return function(n){if(n.target){var r=n.target.value;t((function(t){return t[e]=r}))}}};return a.a.createElement("div",null,a.a.createElement("table",{className:"w-100"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Text to display")),a.a.createElement("td",null,a.a.createElement($n,lo({nodekey:"text"},{setProp:t,isFormula:l,node:e}),a.a.createElement("input",{type:"text",className:"form-control text-to-display",value:n,onChange:p("text")})))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Link source")),a.a.createElement("td",null,a.a.createElement("select",{value:f,className:"form-control form-select",onChange:function(e){return t((function(t){t.link_src=e.target.value,"URL"!==e.target.value&&(t.isFormula.url=!1)}))}},a.a.createElement("option",null,"URL"),(d.pages||[]).length>0&&a.a.createElement("option",null,"Page"),(d.views||[]).length>0&&"page"===d.mode&&a.a.createElement("option",null,"View")))),"URL"===f&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"URL")),a.a.createElement("td",null,a.a.createElement($n,lo({nodekey:"url"},{setProp:t,isFormula:l,node:e}),a.a.createElement("input",{type:"text",className:"form-control ",value:o,onChange:p("url")})))),"Page"===f&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Page")),a.a.createElement("td",null,a.a.createElement("select",{value:o,className:"form-control form-select",onChange:p("url")},a.a.createElement("option",null),(d.pages||[]).map((function(e){return a.a.createElement("option",{value:"/page/".concat(e.name)},e.name)}))))),"View"===f&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"View")),a.a.createElement("td",null,a.a.createElement("select",{value:o,className:"form-control form-select",onChange:p("url")},a.a.createElement("option",null),(d.views||[]).map((function(e){return a.a.createElement("option",{value:"/view/".concat(e.name)},e.name," [",e.viewtemplate,"]")}))))),a.a.createElement(fr,{setProp:t,keyPrefix:"link_",btnClass:"btn",values:e,linkFirst:!0}))),a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:u,onChange:function(e){return t((function(t){return t.nofollow=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Nofollow")),a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:s,onChange:function(e){return t((function(t){return t.target_blank=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Open in new tab")),a.a.createElement(Vn,{block:i,setProp:t}),a.a.createElement(Gn,{textStyle:c,setProp:t}))},segment_type:"link",fields:[{name:"text",canBeFormula:!0},{name:"url",canBeFormula:!0},{name:"link_src",default:"URL"},"block","nofollow","target_blank","textStyle","link_size","link_icon","link_style","link_bgcol","link_bordercol","link_textcol"]}};var fo=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=so(e,["color","size"]);return a.a.createElement("svg",uo({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"M1.5 2.5A1.5 1.5 0 0 1 3 1h10a1.5 1.5 0 0 1 1.5 1.5v3.563a2 2 0 0 1 0 3.874V13.5A1.5 1.5 0 0 1 13 15H3a1.5 1.5 0 0 1-1.5-1.5V9.937a2 2 0 0 1 0-3.874V2.5zm1 3.563a2 2 0 0 1 0 3.874V13.5a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5V9.937a2 2 0 0 1 0-3.874V2.5A.5.5 0 0 0 13 2H3a.5.5 0 0 0-.5.5v3.563zM2 7a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm12 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"}),a.a.createElement("path",{d:"M11.434 4H4.566L4.5 5.994h.386c.21-1.252.612-1.446 2.173-1.495l.343-.011v6.343c0 .537-.116.665-1.049.748V12h3.294v-.421c-.938-.083-1.054-.21-1.054-.748V4.488l.348.01c1.56.05 1.963.244 2.173 1.496h.386L11.434 4z"}))}));fo.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},fo.defaultProps={color:"currentColor",size:"1em"};var po=fo;function mo(){return(mo=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function ho(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var vo=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=ho(e,["color","size"]);return a.a.createElement("svg",mo({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"M0 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6zm6 3h4V5H6v4zm9-1V6a1 1 0 0 0-1-1h-3v4h3a1 1 0 0 0 1-1z"}))}));vo.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},vo.defaultProps={color:"currentColor",size:"1em"};var go=vo;function yo(){return(yo=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function bo(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var wo=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=bo(e,["color","size"]);return a.a.createElement("svg",yo({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"M5 2V0H0v5h2v6H0v5h5v-2h6v2h5v-5h-2V5h2V0h-5v2H5zm6 1v2h2v6h-2v2H5v-2H3V5h2V3h6zm1-2h3v3h-3V1zm3 11v3h-3v-3h3zM4 15H1v-3h3v3zM1 4V1h3v3H1z"}))}));wo.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},wo.defaultProps={color:"currentColor",size:"1em"};var Eo=wo;function xo(){return(xo=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function ko(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var _o=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=ko(e,["color","size"]);return a.a.createElement("svg",xo({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{fillRule:"evenodd",d:"M6 3.5A1.5 1.5 0 0 1 7.5 2h1A1.5 1.5 0 0 1 10 3.5v1A1.5 1.5 0 0 1 8.5 6v1H14a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0v-1A.5.5 0 0 1 2 7h5.5V6A1.5 1.5 0 0 1 6 4.5v-1zm-6 8A1.5 1.5 0 0 1 1.5 10h1A1.5 1.5 0 0 1 4 11.5v1A1.5 1.5 0 0 1 2.5 14h-1A1.5 1.5 0 0 1 0 12.5v-1zm6 0A1.5 1.5 0 0 1 7.5 10h1a1.5 1.5 0 0 1 1.5 1.5v1A1.5 1.5 0 0 1 8.5 14h-1A1.5 1.5 0 0 1 6 12.5v-1zm6 0a1.5 1.5 0 0 1 1.5-1.5h1a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5h-1a1.5 1.5 0 0 1-1.5-1.5v-1z"}))}));_o.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},_o.defaultProps={color:"currentColor",size:"1em"};var Oo=_o,So=function(e){var t=e.children,n=e.connectors,r=e.icon,o=e.icons,i=e.text,l=e.fontSize,c=e.title,u=e.innerClass,s=e.bold,f=e.label,d=e.disable;return a.a.createElement("div",{className:"".concat(d?"text-muted":""," d-inline-flex wrap-builder-elem align-items-center justify-content-center"),title:c,ref:d?void 0:function(e){return n.create(e,t)}},a.a.createElement("div",{className:"inner ".concat(u||""),style:l?{fontSize:l}:{}},i&&(s?a.a.createElement("strong",null,i):i)||o&&o.map((function(e,t){return a.a.createElement("i",{key:t,className:"".concat(e)})}))||("string"==typeof r?a.a.createElement("i",{className:"fa-lg ".concat(r)}):r)),a.a.createElement("label",null,f))},Co=function(e){var t=e.connectors;return a.a.createElement(So,{connectors:t,icon:a.a.createElement(po,{className:"mb-2"}),fontSize:"22px",title:"Text",bold:!0,label:"Text"},a.a.createElement(Or,{text:"Hello world",block:!1,textStyle:""}))},jo=function(e){var t=e.connectors;return a.a.createElement(So,{connectors:t,innerClass:"mt-m1px",icon:"fas fa-columns",title:"Split into columns",label:"Columns"},a.a.createElement(Sn,{contents:[]}))},Po=function(e){var t=e.connectors;return a.a.createElement(So,{connectors:t,icon:a.a.createElement(go,{className:"mb-2 h4"}),title:"Tabbed content",label:"Tabs"},a.a.createElement(Qr,{contents:[]}))},No=function(e){var t=e.connectors;return a.a.createElement(So,{connectors:t,text:"↵",fontSize:"26px",title:"Line break",label:"Break"},a.a.createElement(Ar,null))},To=function(e){var t=e.connectors;return a.a.createElement(So,{connectors:t,icon:"fas fa-code",title:"HTML code",label:"Code"},a.a.createElement(Lr,{text:""}))},Ao=function(e){var t=e.connectors;return a.a.createElement(So,{connectors:t,title:"Card",icon:"far fa-square",label:"Card"},a.a.createElement(mt,{canvas:!0,is:oa,isFormula:{},url:""}))},Ro=function(e){var t=e.connectors,n=e.images;return a.a.createElement(So,{connectors:t,icon:"fas fa-image",title:"Image",label:"Image"},a.a.createElement(Wr,{fileid:n.length>0?n[0].id:0}))},Io=function(e){var t=e.connectors;return a.a.createElement(So,{connectors:t,icon:"fas fa-link",title:"Link",label:"Link"},a.a.createElement(co,null))},zo=function(e){var t=e.connectors,n=e.views;return a.a.createElement(So,{connectors:t,icon:"fas fa-eye",title:"Embed a view",label:"View",disable:0===n.length},a.a.createElement(io,{name:"not_assigned",state:"shared",view:n.length>0?n[0].name:"view"}))},Mo=function(e){var t=e.connectors;return a.a.createElement(So,{connectors:t,icon:"fas fa-search",title:"Search bar",label:"Search"},a.a.createElement(Fr,null))},Fo=function(e){var t=e.connectors;return a.a.createElement(So,{connectors:t,icon:a.a.createElement(Eo,{className:"mb-2 h5"}),title:"Container",label:"Contain"},a.a.createElement(mt,{canvas:!0,is:oo}))},Lo=function(e){var t=e.connectors,n=e.fields,r=e.field_view_options;return a.a.createElement(So,{connectors:t,icon:"fas fa-asterisk",title:"Field",label:"Field"},a.a.createElement(Cr,{name:n[0].name,block:!1,textStyle:"",configuration:{},fieldview:n[0].is_fkey?"":r[n[0].name][0]}))},Do=function(e){var t=e.connectors,n=e.fields;return a.a.createElement(So,{connectors:t,icon:"far fa-caret-square-down",title:"Dropdown filter",label:"Select"},a.a.createElement(Zr,{name:n[0].name,block:!1,neutral_label:"",full_width:!1}))},Uo=function(e){var t=e.connectors;return a.a.createElement(So,{connectors:t,icon:"far fa-caret-square-down",title:"Dropdown menu",label:"DropMenu"},a.a.createElement(mt,{canvas:!0,is:na}))},qo=function(e){var t=e.connectors,n=e.fields;return a.a.createElement(So,{connectors:t,icon:"fas fa-toggle-on",title:"Toggle filter",label:"Toggle"},a.a.createElement(aa,{name:n[0].name,value:"",label:"",block:!1}))},Ho=function(e){var t=e.connectors,n=e.options;return a.a.createElement(So,{connectors:t,icon:a.a.createElement(Oo,{className:"mb-2 h5"}),title:"Join field",label:"Join",disable:0===n.parent_field_list.length},a.a.createElement(Pr,{name:n.parent_field_list[0],configuration:{},textStyle:"",block:!1}))},Bo=function(e){var t=e.connectors,n=e.options;return a.a.createElement(So,{connectors:t,icons:["fas fa-eye","fas fa-link"],title:"Link to a view",label:"ViewLink",disable:0===n.link_view_opts.length},a.a.createElement(Ir,{name:n.link_view_opts.length>0?n.link_view_opts[0].name:"",block:!1,minRole:10,label:""}))},Vo=function(e){var t=e.connectors,n=e.options;return a.a.createElement(So,{connectors:t,label:"Action",icon:"fas fa-running",title:"Action button"},a.a.createElement(qr,{name:n.actions[0],block:!1,minRole:10,confirm:!1,action_label:"",isFormula:{},rndid:"not_assigned",configuration:{}}))},Wo=function(e){var t,n,r=e.connectors,o=e.child_field_list,i=e.agg_field_opts;return a.a.createElement(So,{connectors:r,text:"∑",title:"Aggregation",label:"Aggreg8",bold:!0,fontSize:"16px",disable:0===o.length},a.a.createElement(Tr,{agg_relation:o[0],agg_field:(t=i[o[0]],n="",t&&t.length>0?t[0]:n),stat:"Count",textStyle:"",aggwhere:"",block:!1}))},$o=function(){var e=bt(),t=e.connectors,n=(e.query,Object(r.useContext)(Rt)),o=n.fields,i=n.field_view_options,l=n.child_field_list,c=n.agg_field_opts,u=n.views,s=n.images;return a.a.createElement(r.Fragment,null,a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Co,{connectors:t}),a.a.createElement(jo,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Lo,{connectors:t,fields:o,field_view_options:i}),a.a.createElement(No,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Ho,{connectors:t,options:n}),a.a.createElement(Bo,{connectors:t,options:n})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Vo,{connectors:t,options:n}),a.a.createElement(Io,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Wo,{connectors:t,child_field_list:l,agg_field_opts:c}),a.a.createElement(zo,{connectors:t,views:u})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Fo,{connectors:t}),a.a.createElement(Ao,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Po,{connectors:t}),a.a.createElement(Ro,{connectors:t,images:s})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(To,{connectors:t}),a.a.createElement(Uo,{connectors:t})))},Ko=function(){var e=bt(),t=e.connectors,n=(e.query,Object(r.useContext)(Rt)),o=n.fields,i=n.views,l=n.field_view_options;return a.a.createElement(r.Fragment,null,a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Co,{connectors:t}),a.a.createElement(jo,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Lo,{connectors:t,fields:o,field_view_options:l}),a.a.createElement(No,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Do,{connectors:t,fields:o}),a.a.createElement(qo,{connectors:t,fields:o})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Mo,{connectors:t}),a.a.createElement(Vo,{connectors:t,options:n})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Fo,{connectors:t}),a.a.createElement(Ao,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Po,{connectors:t}),a.a.createElement(zo,{connectors:t,views:i})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(To,{connectors:t})))},Yo=function(){var e=bt(),t=e.connectors,n=(e.query,Object(r.useContext)(Rt)),o=n.fields,i=n.field_view_options,l=n.images,c=n.views;return a.a.createElement(r.Fragment,null,a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Co,{connectors:t}),a.a.createElement(jo,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Lo,{connectors:t,fields:o,field_view_options:i}),a.a.createElement(No,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Vo,{connectors:t,options:n}),a.a.createElement(Fo,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Ao,{connectors:t}),a.a.createElement(Po,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Io,{connectors:t}),a.a.createElement(Ro,{connectors:t,images:l})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(To,{connectors:t}),a.a.createElement(zo,{connectors:t,views:c})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Ho,{connectors:t,options:n}),a.a.createElement(Uo,{connectors:t})))},Go=function(){var e=bt(),t=e.connectors,n=(e.query,Object(r.useContext)(Rt)),o=n.views,i=n.images;return a.a.createElement(r.Fragment,null,a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Co,{connectors:t}),a.a.createElement(jo,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(No,{connectors:t}),a.a.createElement(To,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Ao,{connectors:t}),a.a.createElement(Ro,{connectors:t,images:i})," "),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Io,{connectors:t}),a.a.createElement(zo,{connectors:t,views:o})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Mo,{connectors:t}),a.a.createElement(Vo,{connectors:t,options:n})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Fo,{connectors:t}),a.a.createElement(Po,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Uo,{connectors:t})))};function Qo(){return(Qo=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Xo(e){return function(e){if(Array.isArray(e))return Jo(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return Jo(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Jo(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 Jo(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var Zo=function(e){if(!e.widths)return kn(e.besides.length-1,(function(){return 12/e.besides.length}));var t=Xo(e.widths);return t.pop(),t},ei=function(e){return kn(e.besides.length,(function(){return e.breakpoint||""}))},ti=[Or,Xr,Sn,Pr,Cr,Ir,qr,Lr,Ar,Tr,oa,Wr,co,io,Fr,oo,Zr,Qr,aa,na],ni=function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"ROOT";function o(e,t){if(!e)return a.a.createElement(Xr,{key:t});var n=ti.find((function(t){return t.craft.related&&t.craft.related.fields&&t.craft.related.segment_type&&t.craft.related.segment_type==e.type&&(!t.craft.related.segment_match||t.craft.related.segment_match(e))}));if(n){var r=n.craft.related,i={};return r.fields.forEach((function(t){var n=e[t.segment_name||t.name||t];i[t.name||t]=void 0===n?t.default:n})),r.fields.some((function(e){return e.canBeFormula}))&&(i.isFormula=e.isFormula),r.hasContents?a.a.createElement(mt,Qo({key:t,canvas:!0},i,{is:n}),o(e.contents)):a.a.createElement(n,Qo({key:t},i))}return"blank"===e.type?a.a.createElement(Or,{key:t,text:e.contents,isFormula:e.isFormula||{},block:e.block||!1,inline:e.inline||!1,textStyle:e.textStyle||"",labelFor:e.labelFor||"",style:e.style||{},icon:e.icon,font:e.font||""}):"view"===e.type?a.a.createElement(io,{key:t,view:e.view,name:e.name,state:e.state,configuration:e.configuration||{}}):"action"===e.type?a.a.createElement(qr,{key:t,name:e.action_name,rndid:e.rndid||"not_assigned",action_label:e.action_label||"",action_style:e.action_style||"btn-primary",action_size:e.action_size||"",action_icon:e.action_icon||"",action_bgcol:e.action_bgcol||"",action_bordercol:e.action_bordercol||"",action_textcol:e.action_textcol||"",confirm:e.confirm,configuration:e.configuration||{},block:e.block||!1,minRole:e.minRole||10,isFormula:e.isFormula||{}}):"container"===e.type?a.a.createElement(mt,{key:t,canvas:!0,gradStartColor:e.gradStartColor,gradEndColor:e.gradEndColor,gradDirection:e.gradDirection,rotate:e.rotate||0,customClass:e.customClass,customCSS:e.customCSS,overflow:e.overflow,margin:e.margin||[0,0,0,0],padding:e.padding||[0,0,0,0],minHeight:e.minHeight,height:e.height,width:e.width,url:e.url,hoverColor:e.hoverColor,minHeightUnit:e.minHeightUnit||"px",heightUnit:e.heightUnit||"px",widthUnit:e.widthUnit||"px",vAlign:e.vAlign,hAlign:e.hAlign,htmlElement:e.htmlElement||"div",display:e.display||(!0===e.block?"block":!1===e.block?"inline-block":"block"),fullPageWidth:void 0!==e.fullPageWidth&&e.fullPageWidth,bgFileId:e.bgFileId,imageSize:e.imageSize||"contain",bgType:e.bgType||"None",style:e.style||{},bgColor:e.bgColor||"#ffffff",setTextColor:!!e.setTextColor,textColor:e.textColor||"#000000",isFormula:e.isFormula||{},showIfFormula:e.showIfFormula||"",showForRole:e.showForRole||[],minScreenWidth:e.minScreenWidth||"",maxScreenWidth:e.maxScreenWidth||"",show_for_owner:!!e.show_for_owner,is:oo},o(e.contents)):"tabs"===e.type?a.a.createElement(Qr,{key:t,titles:e.titles,ntabs:e.ntabs,independent:e.independent,deeplink:e.deeplink,field:e.field,tabsStyle:e.tabsStyle,contents:e.contents.map(o)}):e.besides?a.a.createElement(Sn,{key:t,breakpoints:e.breakpoints||ei(e),ncols:e.besides.length,widths:Zo(e),style:e.style||{},contents:e.besides.map(o)}):e.above?e.above.map((function(e,t){return o(e,t)})):void 0}function i(e,r){if(e)if(e.above)e.above.forEach((function(e){e&&i(e,r)}));else if(e.besides){var l=t.parseReactElement(a.a.createElement(Sn,{widths:Zo(e),breakpoints:e.breakpoints||ei(e),ncols:e.besides.length,style:e.style||{},contents:e.besides.map(o)})).toNodeTree();n.addNodeTree(l,r)}else{var c=o(e);if(c){var u=t.parseReactElement(c).toNodeTree();n.addNodeTree(u,r)}}}i(e,r)},ri=function(){return Math.floor(16777215*Math.random()).toString(16)},ai=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"ROOT",n=[],r=function(t){return t.nodes&&0!=t.nodes.length?1==t.nodes.length?a(e[t.nodes[0]]):{above:t.nodes.map((function(t){return a(e[t])}))}:void 0},a=function t(a){var o=ti.find((function(e){return e.craft.related&&a.displayName===e.craft.displayName&&e.craft.related.fields&&e.craft.related.segment_type}));if(o){var i=o.craft.related,l={type:i.segment_type};if(i.hasContents&&(l.contents=r(a)),i.fields.forEach((function(e){l[e.segment_name||e.name||e]=a.props[e.name||e]})),i.fields.some((function(e){return e.canBeFormula}))&&(l.isFormula=a.props.isFormula),i.segment_vars&&Object.assign(l,i.segment_vars),i.column_type){var c={type:i.column_type};i.fields.forEach((function(e){c[e.column_name||e.name||e]=a.props[e.name||e]})),n.push(c)}return l}if(a.isCanvas)return a.displayName===oo.craft.displayName?{contents:r(a),type:"container",customCSS:a.props.customCSS,customClass:a.props.customClass,minHeight:a.props.minHeight,height:a.props.height,width:a.props.width,url:a.props.url,hoverColor:a.props.hoverColor,minHeightUnit:a.props.minHeightUnit,heightUnit:a.props.heightUnit,widthUnit:a.props.widthUnit,vAlign:a.props.vAlign,hAlign:a.props.hAlign,htmlElement:a.props.htmlElement,margin:a.props.margin,padding:a.props.padding,overflow:a.props.overflow,display:a.props.display,fullPageWidth:a.props.fullPageWidth||!1,bgFileId:a.props.bgFileId,bgType:a.props.bgType,imageSize:a.props.imageSize,bgColor:a.props.bgColor,setTextColor:a.props.setTextColor,textColor:a.props.textColor,isFormula:a.props.isFormula,showIfFormula:a.props.showIfFormula,showForRole:a.props.showForRole,minScreenWidth:a.props.minScreenWidth,maxScreenWidth:a.props.maxScreenWidth,show_for_owner:a.props.show_for_owner,gradStartColor:a.props.gradStartColor,gradEndColor:a.props.gradEndColor,gradDirection:a.props.gradDirection,rotate:a.props.rotate,style:a.props.style}:r(a);if(a.displayName===Or.craft.displayName)return{type:"blank",contents:a.props.text,block:a.props.block,inline:a.props.inline,textStyle:a.props.textStyle,isFormula:a.props.isFormula,labelFor:a.props.labelFor,style:a.props.style,icon:a.props.icon,font:a.props.font};if(a.displayName===Sn.craft.displayName){var u=[].concat(Xo(a.props.widths),[12-_n(a.props.widths)]);return{besides:u.map((function(n,r){return t(e[a.linkedNodes["Col"+r]])})),breakpoints:a.props.breakpoints,style:a.props.style,widths:u}}if(a.displayName===Qr.craft.displayName)return{type:"tabs",contents:kn(a.props.ntabs,(function(n){return t(e[a.linkedNodes["Tab"+n]])})),titles:a.props.titles,tabsStyle:a.props.tabsStyle,field:a.props.field,independent:a.props.independent,deeplink:a.props.deeplink,ntabs:a.props.ntabs};if(a.displayName===io.craft.displayName)return{type:"view",view:a.props.view,name:"not_assigned"===a.props.name?ri():a.props.name,state:a.props.state,configuration:a.props.configuration};if(a.displayName===qr.craft.displayName){var s=ri();return n.push({type:"Action",action_name:a.props.name,action_label:a.props.action_label,action_style:a.props.action_style,action_size:a.props.action_size,action_icon:a.props.action_icon,action_bgcol:a.props.action_bgcol,action_bordercol:a.props.action_bordercol,action_textcol:a.props.action_textcol,minRole:a.props.minRole,confirm:a.props.confirm,configuration:a.props.configuration,isFormula:a.props.isFormula,rndid:"not_assigned"===a.props.rndid?s:a.props.rndid}),{type:"action",block:a.props.block,configuration:a.props.configuration,confirm:a.props.confirm,action_name:a.props.name,action_label:a.props.action_label,action_style:a.props.action_style,action_size:a.props.action_size,action_icon:a.props.action_icon,action_bgcol:a.props.action_bgcol,action_bordercol:a.props.action_bordercol,action_textcol:a.props.action_textcol,minRole:a.props.minRole,isFormula:a.props.isFormula,rndid:"not_assigned"===a.props.rndid?s:a.props.rndid}}},o=a(e[t])||{type:"blank",contents:""};return{columns:n,layout:o}},oi=n(7),ii=function(e,t){return(ii=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])})(e,t)},li=function(){return(li=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e}).apply(this,arguments)};function ci(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}function ui(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var si=a.a.createContext({}),fi=Object(r.createContext)({});function di(e){return Pe(Object(r.useContext)(fi).store,e)}function pi(e){var t=Object(r.useContext)(si),n=t.id,a=t.depth,o=t.connectors,i=di((function(t){return n&&t.layers[n]&&e&&e(t.layers[n])})),l=i.actions,c=ci(i,["actions"]),u=bt((function(e,t){return{children:e.nodes[n]&&t.node(n).descendants()}})).children,s=Object(r.useMemo)((function(){return{toggleLayer:function(){return l.toggleLayer(n)}}}),[l,n]);return li({id:n,depth:a,children:u,actions:s,connectors:o},c)}var mi=function(){var e=pi((function(e){return{expanded:e.expanded}})),t=e.id,n=e.depth,o=e.children,i=e.expanded,l=bt((function(e,n){return{data:e.nodes[t]&&e.nodes[t].data,shouldBeExpanded:e.events.selected&&n.node(e.events.selected).ancestors(!0).includes(t)}})),c=l.data,u=l.shouldBeExpanded,s=di((function(e){return{renderLayer:e.options.renderLayer,expandRootOnLoad:e.options.expandRootOnLoad}})),f=s.actions,d=f.registerLayer,p=f.toggleLayer,m=s.renderLayer,h=s.expandRootOnLoad,v=Object(r.useState)(!1),g=v[0],y=v[1];Object(r.useLayoutEffect)((function(){d(t),y(!0)}),[d,t]);var b=Object(r.useRef)(i);b.current=i;var w=Object(r.useRef)(h&&"ROOT"===t);return Object(r.useEffect)((function(){!b.current&&u&&p(t)}),[p,t,u]),Object(r.useEffect)((function(){w.current&&p(t)}),[p,t]),c&&g?a.a.createElement("div",{className:"craft-layer-node "+t},a.a.createElement(m,{},o&&i?o.map((function(e){return a.a.createElement(vi,{key:e,id:e,depth:n+1})})):null)):null},hi=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}ii(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}(t,e),t.prototype.getLayer=function(e){return this.options.layerStore.getState().layers[e]},t.prototype.handlers=function(){var e=this,n=this.derived.options.store,r=this.options,a=r.layerStore,o=r.layerId;return{layer:function(r){var i=e.inherit((function(e){e.select(r,o),e.hover(r,o),e.drag(r,o),a.actions.setDOM(o,{dom:r})})),l=e.addCraftEventListener(r,"mouseover",(function(e){e.craft.stopPropagation(),a.actions.setLayerEvent("hovered",o)})),c=e.addCraftEventListener(r,"dragover",(function(r){r.craft.stopPropagation(),r.preventDefault();var o=t.events,i=o.indicator,l=o.currentCanvasHovered;if(l&&i&&l.data.nodes){var c=e.getLayer(l.id).headingDom.getBoundingClientRect();if(r.clientY>c.top+10&&r.clientY<c.bottom-10){var u=l.data.nodes[l.data.nodes.length-1];if(!u)return;t.events.indicator=li(li({},i),{placement:{currentNode:n.query.node(u).get(),index:l.data.nodes.length,where:"after",parent:l},onCanvas:!0}),a.actions.setIndicator(t.events.indicator)}}})),u=e.addCraftEventListener(r,"dragenter",(function(r){r.craft.stopPropagation(),r.preventDefault();var i=t.draggedElement;if(i){var l=n.query.getDropPlaceholder(i,o,{x:r.clientX,y:r.clientY},(function(t){var n=e.getLayer(t.id);return n&&n.dom}));if(l){var c=l.placement.parent,u=e.getLayer(c.id).headingDom.getBoundingClientRect();if(t.events.currentCanvasHovered=null,n.query.node(c.id).isCanvas()&&c.data.parent){var s=n.query.node(c.data.parent).get();n.query.node(s.id).isCanvas()&&(t.events.currentCanvasHovered=c,(r.clientY>u.bottom-10&&!e.getLayer(c.id).expanded||r.clientY<u.top+10)&&(l.placement.parent=s,l.placement.currentNode=c,l.placement.index=s.data.nodes?s.data.nodes.indexOf(c.id):0,r.clientY>u.bottom-10&&!e.getLayer(c.id).expanded?l.placement.where="after":r.clientY<u.top+10&&(l.placement.where="before")))}t.events.indicator=li(li({},l),{onCanvas:!1}),a.actions.setIndicator(t.events.indicator)}}}));return function(){i(),l(),c(),u()}},layerHeader:function(e){a.actions.setDOM(o,{headingDom:e})},drag:function(r){r.setAttribute("draggable","true");var i=e.addCraftEventListener(r,"dragstart",(function(e){e.craft.stopPropagation(),t.draggedElement=o})),l=e.addCraftEventListener(r,"dragend",(function(e){e.craft.stopPropagation();var r=t.events;if(r.indicator&&!r.indicator.error){var o=r.indicator.placement;n.actions.move(t.draggedElement,o.parent.id,o.index+("after"===o.where?1:0))}t.draggedElement=null,t.events.indicator=null,a.actions.setIndicator(null)}));return function(){r.removeAttribute("draggable"),i(),l()}}}},t.events={indicator:null,currentCanvasHovered:null},t}(Xe),vi=function(e){var t=e.id,n=e.depth,o=Ge(),i=Object(r.useContext)(fi).store,l=Object(r.useRef)(i);l.current=i;var c=Object(r.useMemo)((function(){return o.derive(hi,{layerStore:l.current,layerId:t})}),[o,t]),u=Object(r.useMemo)((function(){return De(c.connectors)}),[c]);return bt((function(e){return{exists:!!e.nodes[t]}})).exists?a.a.createElement(si.Provider,{value:{id:t,depth:n,connectors:u}},a.a.createElement(mi,null)):null},gi=function(e){return{setLayerEvent:function(t,n){if(null===n||e.layers[n]){var r=e.events[t];r&&n!==r&&(e.layers[r].event[t]=!1),n?(e.layers[n].event[t]=!0,e.events[t]=n):e.events[t]=null}},registerLayer:function(t){e.layers[t]||(e.layers[t]={dom:null,headingDom:null,expanded:!1,id:t,event:{selected:!1,hovered:!1}})},setDOM:function(t,n){e.layers[t]=li(li(li({},e.layers[t]),n.dom?{dom:n.dom}:{}),n.headingDom?{headingDom:n.headingDom}:{})},toggleLayer:function(t){e.layers[t].expanded=!e.layers[t].expanded},setIndicator:function(t){e.events.indicator=t}}},yi=function(e){var t=e.children,n=di((function(e){return e})),o=n.layers,i=n.events,l=bt((function(e){return{enabled:e.options.enabled}})).query.getOptions().indicator,c=Object(r.useMemo)((function(){var e=i.indicator;if(e){var t=e.placement,n=t.where,r=t.parent,a=t.currentNode,c=a?a.id:r.id,u=e.error?l.error:l.success;if(e.onCanvas&&null!=o[r.id].dom){var s=o[r.id].dom.getBoundingClientRect(),f=o[r.id].headingDom.getBoundingClientRect();return{top:f.top,left:s.left,width:s.width,height:f.height,background:"transparent",borderWidth:"1px",borderColor:u}}if(!o[c])return;var d=o[c].headingDom.getBoundingClientRect(),p=o[c].dom.getBoundingClientRect();return{top:"after"!==n&&a?p.top:p.top+p.height,left:d.left,width:p.width-d.left,height:2,borderWidth:0,background:u}}}),[i,l.error,l.success,o]);return a.a.createElement("div",null,i.indicator?a.a.createElement(Ue,{style:c}):null,t)},bi=function(){var e=pi().id,t=bt((function(t){return{displayName:t.nodes[e]&&t.nodes[e].data.custom.displayName?t.nodes[e].data.custom.displayName:t.nodes[e].data.displayName,hidden:t.nodes[e]&&t.nodes[e].data.hidden}})),n=t.displayName,o=t.actions,i=Object(r.useState)(!1),l=i[0],c=i[1],u=Object(r.useRef)(null),s=Object(r.useCallback)((function(e){u.current&&!u.current.contains(e.target)&&c(!1)}),[]);return Object(r.useEffect)((function(){return function(){window.removeEventListener("click",s)}}),[s]),a.a.createElement(vr.a,{html:n,disabled:!l,ref:function(e){e&&(u.current=e.el.current,window.removeEventListener("click",s),window.addEventListener("click",s))},onChange:function(t){o.setCustom(e,(function(e){return e.displayName=t.target.value}))},tagName:"h2",onDoubleClick:function(){l||c(!0)}})};function wi(){return(wi=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var Ei=a.a.createElement("path",{d:"M9.99 1.01A1 1 0 008.283.303L5 3.586 1.717.303A1 1 0 10.303 1.717l3.99 3.98a1 1 0 001.414 0l3.99-3.98a.997.997 0 00.293-.707z"}),xi=function(e){return a.a.createElement("svg",wi({viewBox:"0 0 10 6"},e),Ei)};function ki(){return(ki=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var _i,Oi,Si,Ci,ji,Pi=a.a.createElement("path",{className:"linked_svg__a",d:"M16.5 9h-1a.5.5 0 00-.5.5V15H3V3h5.5a.5.5 0 00.5-.5v-1a.5.5 0 00-.5-.5h-7a.5.5 0 00-.5.5v15a.5.5 0 00.5.5h15a.5.5 0 00.5-.5v-7a.5.5 0 00-.5-.5z"}),Ni=a.a.createElement("path",{className:"linked_svg__a",d:"M16.75 1h-5.373a.4.4 0 00-.377.4.392.392 0 00.117.28l1.893 1.895-3.52 3.521a.5.5 0 000 .707l.706.708a.5.5 0 00.708 0l3.521-3.521 1.893 1.892A.39.39 0 0016.6 7a.4.4 0 00.4-.377V1.25a.25.25 0 00-.25-.25z"}),Ti=function(e){return a.a.createElement("svg",ki({viewBox:"0 0 18 18"},e),Pi,Ni)},Ai=oi.a.div(_i||(_i=ui(["\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 4px 10px;\n background: ",";\n color: ",";\n svg {\n fill: ",";\n margin-top: 2px;\n }\n .inner {\n flex: 1;\n > div {\n padding: 0px;\n flex: 1;\n display: flex;\n margin-left: ","px;\n align-items: center;\n div.layer-name {\n flex: 1;\n h2 {\n font-size: 15px;\n line-height: 26px;\n }\n }\n }\n }\n"],["\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 4px 10px;\n background: ",";\n color: ",";\n svg {\n fill: ",";\n margin-top: 2px;\n }\n .inner {\n flex: 1;\n > div {\n padding: 0px;\n flex: 1;\n display: flex;\n margin-left: ","px;\n align-items: center;\n div.layer-name {\n flex: 1;\n h2 {\n font-size: 15px;\n line-height: 26px;\n }\n }\n }\n }\n"])),(function(e){return e.selected?"#2680eb":"transparent"}),(function(e){return e.selected?"#fff":"inherit"}),(function(e){return e.selected?"#fff":"#808184"}),(function(e){return 10*e.depth})),Ri=oi.a.a(Oi||(Oi=ui(["\n width: 8px;\n height: 8px;\n display: block;\n transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);\n transform: rotate(","deg);\n opacity: 0.7;\n cursor: pointer;\n transform-origin: 60% center;\n"],["\n width: 8px;\n height: 8px;\n display: block;\n transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);\n transform: rotate(","deg);\n opacity: 0.7;\n cursor: pointer;\n transform-origin: 60% center;\n"])),(function(e){return e.expanded?180:0})),Ii=oi.a.div(Si||(Si=ui(["\n margin-left: -22px;\n margin-right: 10px;\n\n svg {\n width: 12px;\n height: 12px;\n }\n"],["\n margin-left: -22px;\n margin-right: 10px;\n\n svg {\n width: 12px;\n height: 12px;\n }\n"]))),zi=function(){var e=pi((function(e){return{expanded:e.expanded}})),t=e.id,n=e.depth,r=e.expanded,o=e.children,i=e.connectors,l=i.drag,c=i.layerHeader,u=e.actions.toggleLayer,s=bt((function(e,n){return{hidden:e.nodes[t]&&e.nodes[t].data.hidden,selected:e.events.selected===t,topLevel:n.node(t).isTopLevelCanvas()}}));return a.a.createElement(Ai,{selected:s.selected,ref:l,depth:n},a.a.createElement("div",{className:"inner"},a.a.createElement("div",{ref:c},s.topLevel?a.a.createElement(Ii,null,a.a.createElement(Ti,null)):null,a.a.createElement("div",{className:"layer-name s"},a.a.createElement(bi,null)),a.a.createElement("div",null,o&&o.length?a.a.createElement(Ri,{expanded:r,onMouseDown:function(){return u()}},a.a.createElement(xi,null)):null))))},Mi=oi.a.div(Ci||(Ci=ui(["\n background: ",";\n display: block;\n padding-bottom: ","px;\n"],["\n background: ",";\n display: block;\n padding-bottom: ","px;\n"])),(function(e){return e.hovered?"#f1f1f1":"transparent"}),(function(e){return e.hasCanvases&&e.expanded?5:0})),Fi=oi.a.div(ji||(ji=ui(["\n margin: 0 0 0 0px;\n background: ",";\n position: relative;\n\n ","\n"],["\n margin: 0 0 0 0px;\n background: ",";\n position: relative;\n\n ","\n"])),(function(e){return e.hasCanvases?"rgba(255, 255, 255, 0.02)":"transparent"}),(function(e){return e.hasCanvases?'\n \n box-shadow: 0px 0px 44px -1px #00000014;\n border-radius: 10px;\n margin-right: 5px;\n margin-bottom:5px;\n margin-top:5px; \n > * { overflow:hidden; }\n &:before { \n position:absolute;\n left:-19px;\n width: 2px;\n height:100%;\n content: " ";\n background:#00000012;\n }\n ':""})),Li=function(e){var t=e.children,n=pi((function(e){return{hovered:e.event.hovered,expanded:e.expanded}})),r=n.id,o=n.expanded,i=n.hovered,l=n.connectors.layer,c=bt((function(e,t){return{hasChildCanvases:t.node(r).isParentOfTopLevelNodes()}})).hasChildCanvases;return a.a.createElement(Mi,{ref:l,expanded:o,hasCanvases:c,hovered:i},a.a.createElement(zi,null),t?a.a.createElement(Fi,{hasCanvases:c,className:"craft-layer-children"},t):null)},Di=function(e){var t=e.children,n=xe(gi,{layers:{},events:{selected:null,dragged:null,hovered:null},options:li({renderLayer:Li},e.options)});return a.a.createElement(fi.Provider,{value:{store:n}},a.a.createElement(yi,null,t))},Ui=function(e){var t=ci(e,[]);return a.a.createElement(Di,{options:t},a.a.createElement(vi,{id:"ROOT",depth:0}))};function qi(e,t){return Ki(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,l=e[Symbol.iterator]();!(r=(i=l.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==l.return||l.return()}finally{if(a)throw o}}return n}(e,t)||Vi(e,t)||Bi()}function Hi(e){return function(e){if(Array.isArray(e))return Wi(e)}(e)||$i(e)||Vi(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 Bi(){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 Vi(e,t){if(e){if("string"==typeof e)return Wi(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Wi(e,t):void 0}}function Wi(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function $i(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}function Ki(e){if(Array.isArray(e))return e}var Yi=function e(t){if(t.length<=2)return[t];var n,r=Ki(n=t)||$i(n)||Vi(n)||Bi(),a=r[0],o=r[1],i=r.slice(2);return[[a,o]].concat(Hi(e(i)))},Gi=function(e){e.name,e.layout;var t=lt((function(e){return{selected:e.events.selected}})),n=t.selected,o=t.connectors,i=o.connect,l=o.drag;return a.a.createElement(r.Fragment,null,a.a.createElement("span",{className:n?"selected-node":"",ref:function(e){return i(l(e))}},"LibElem"),a.a.createElement("br",null))};Gi.craft={displayName:"LibraryElem"};var Qi=function(e){var t=e.nodekeys,n=bt((function(e,t){return{}})),a=n.actions,o=n.query,i=(n.connectors,function(e,n){var r=e.getSerializedNodes(),i=[];if(Object.keys(r).forEach((function(e){t.current.includes(e)||i.push(e)})),t.current=Object.keys(r),1===i.length){var l=i[0],c=r[l];if("LibraryElem"===c.displayName){var u=c.props.layout;ni(u.layout?u.layout:u,o,a,c.parent),setTimeout((function(){a.delete(l)}),0)}else"Column"!==c.displayName&&a.selectNode(l)}});return Object(r.useEffect)((function(){var e=o.getSerializedNodes();t.current=Object.keys(e),a.setOptions((function(e){var t=e.onNodesChange(e.onNodesChange=t?function(e){t(e),i(e)}:i)}))}),[]),[]},Xi=function(){var e=bt((function(e,t){return{selected:e.events.selected}})),t=(e.actions,e.selected),n=e.query,o=e.connectors,i=Object(r.useContext)(Rt),l=qi(Object(r.useState)(!1),2),c=l[0],u=l[1],s=qi(Object(r.useState)(""),2),f=s[0],d=s[1],p=qi(Object(r.useState)(),2),m=p[0],h=p[1],v=qi(Object(r.useState)([]),2),g=v[0],y=v[1],b=Yi([].concat(Hi(i.library||[]),Hi(g)));return a.a.createElement("div",{className:"builder-library"},a.a.createElement("div",{className:"dropdown"},a.a.createElement("button",{className:"btn btn-sm btn-secondary dropdown-toggle mt-2",type:"button",id:"dropdownMenuButton","aria-haspopup":"true","aria-expanded":"false",disabled:!t,onClick:function(){return u(!c)}},a.a.createElement(Yt,{icon:nn,className:"me-1"}),"Add"),a.a.createElement("div",{className:"dropdown-menu py-3 px-4 ".concat(c?"show":""),"aria-labelledby":"dropdownMenuButton"},a.a.createElement("label",null,"Name"),a.a.createElement("input",{type:"text",className:"form-control",value:f,onChange:function(e){return d(e.target.value)}}),a.a.createElement("br",null),a.a.createElement("label",null,"Icon"),a.a.createElement(fn.a,{className:"w-100",value:m,icons:hn,onChange:h,isMulti:!1}),a.a.createElement("button",{className:"btn btn-primary mt-3",onClick:function(){var e={layout:ai(JSON.parse(n.serialize()),t),icon:m,name:f};fetch("/library/savefrombuilder",{method:"POST",headers:{"Content-Type":"application/json","CSRF-Token":i.csrfToken},body:JSON.stringify(e)}),u(!1),h(),d(""),y([].concat(Hi(g),[e]))}},a.a.createElement(Yt,{icon:nn,className:"me-1"}),"Add"),a.a.createElement("button",{className:"btn btn-outline-secondary ms-2 mt-3",onClick:function(){return u(!1)}},a.a.createElement(Yt,{icon:ln})))),a.a.createElement("div",{className:"card mt-2"},b.map((function(e,t){return a.a.createElement("div",{className:"toolbar-row",key:t},e.map((function(e,t){return a.a.createElement(So,{key:t,connectors:o,icon:e.icon,label:e.name},a.a.createElement(Gi,{name:e.name,layout:e.layout}))})))}))))},Ji=function(e){var t=e.render,n=lt().id,o=bt((function(e){return{isActive:e.nodes[n].events.selected}})),i=o.actions,l=o.query,c=o.isActive,u=lt((function(e){return{isHover:e.events.hovered,dom:e.dom,name:e.data.custom.displayName||e.data.displayName,moveable:l.node(e.id).isDraggable(),deletable:l.node(e.id).isDeletable(),parent:e.data.parent,props:e.data.props}})),s=u.isHover,f=u.dom,d=u.name,p=u.moveable,m=u.deletable,h=u.connectors.drag,v=u.parent,g=Object(r.useRef)(),y=Object(r.useCallback)((function(e){var t=e?e.getBoundingClientRect():{top:0,left:0,bottom:0,right:0,height:0,width:0},n=t.top,r=t.left,a=t.bottom,o=t.height,i=t.width,l=t.right;return{top:"".concat(n>0?n:a,"px"),left:"".concat(r,"px"),topn:n,leftn:r,height:o,width:i,right:l,bottom:a}}),[]),b=Object(r.useCallback)((function(){var e=g.current;if(e){var t=y(f),n=t.top,r=t.left;e.style.top=n,e.style.left=r}}),[f,y]);Object(r.useEffect)((function(){return document.getElementById("builder-main-canvas").addEventListener("scroll",b),document.addEventListener("scroll",b),function(){document.getElementById("builder-main-canvas").removeEventListener("scroll",b),document.removeEventListener("scroll",b)}}),[b]);return a.a.createElement(a.a.Fragment,null,!c&&!s||"ROOT"===n||"Column"===d&&!c?null:ve.a.createPortal(a.a.createElement("div",{ref:g,className:"selected-indicator ".concat(c?"activeind":"hoverind"," px-1 text-white"),style:{left:y(f).left,top:y(f).top,zIndex:9999}},a.a.createElement("div",{className:"dispname me-3"},d)," ",p&&c&&a.a.createElement("button",{className:"btn btn-link btn-builder-move p-0",ref:h},a.a.createElement(Yt,{icon:Xt,className:"me-2"})),c&&v&&"ROOT"!==v?a.a.createElement(Yt,{icon:Qt,className:"me-2",onClick:function(){i.selectNode(v)}}):null,m&&c?[a.a.createElement(Yt,{key:1,icon:tn,onClick:function(){var e=l.node(n).get().data.parent,t=l.node(e).childNodes().findIndex((function(e){return e===n})),r=pr(l)(n);i.addNodeTree(l.parseReactElement(r).toNodeTree(),e||"ROOT",t+1)},className:"me-2"}),a.a.createElement(Yt,{key:2,icon:cn,className:"me-2",onMouseDown:function(e){e.stopPropagation(),i.delete(n),setTimeout((function(){return i.selectNode(v)}),0)}})]:null),document.querySelector("#builder-main-canvas")),t)};function Zi(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,l=e[Symbol.iterator]();!(r=(i=l.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==l.return||l.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return el(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return el(e,t)}(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 el(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var tl=Rt.Provider,nl=function(){var e=bt((function(e,t){var n,r=e.events.selected;return r&&(n={id:r,name:e.nodes[r].data.name,parent:e.nodes[r].data.parent,displayName:e.nodes[r].data&&e.nodes[r].data.displayName,settings:e.nodes[r].related&&e.nodes[r].related.settings,isDeletable:t.node(r).isDeletable(),children:e.nodes[r].data&&e.nodes[r].data.nodes}),{selected:n}})),t=e.actions,n=e.selected,o=e.query,i=function(){t.delete(n.id)},l=function(e){var t=o.node(n.parent).childNodes(),r=t.findIndex((function(e){return e===n.id}));return t[r+e]},c=function(e){var r=e.keyCode;if("body"===e.target.tagName.toLowerCase()&&n){if(8!==r&&46!==r||"ROOT"!==n.id||s(),8===r){var a=l(-1),c=n.parent;i(),a?t.selectNode(a):t.selectNode(c)}if(46===r){var u=l(1);i(),u&&t.selectNode(u)}if(37===r&&n.parent&&t.selectNode(n.parent),39===r)if(n.children&&n.children.length>0)t.selectNode(n.children[0]);else if("Columns"===n.displayName){var f,d,p=o.node(n.id).get(),m=null==p||null===(f=p.data)||void 0===f||null===(d=f.linkedNodes)||void 0===d?void 0:d.Col0;m&&t.selectNode(m)}if(38===r&&n.parent){var h=l(-1);h&&t.selectNode(h),e.preventDefault()}if(40===r&&n.parent){var v=l(1);v&&t.selectNode(v),e.preventDefault()}}};Object(r.useEffect)((function(){return window.addEventListener("keydown",c),function(){window.removeEventListener("keydown",c)}}),[c]);var u=n&&n.children&&n.children.length>0,s=function(){n.children.forEach((function(e){t.delete(e)}))};return a.a.createElement("div",{className:"settings-panel card mt-1"},a.a.createElement("div",{className:"card-header px-2 py-1"},n&&n.displayName?a.a.createElement(r.Fragment,null,a.a.createElement("b",null,n.displayName)," settings"):"Settings"),a.a.createElement("div",{className:"card-body p-2"},n?a.a.createElement(r.Fragment,null,n.isDeletable&&a.a.createElement("button",{className:"btn btn-sm btn-danger",onClick:i},a.a.createElement(Yt,{icon:cn,className:"me-1"}),"Delete"),u&&!n.isDeletable?a.a.createElement("button",{className:"btn btn-sm btn-danger",onClick:s},a.a.createElement(Yt,{icon:cn,className:"me-1"}),"Delete contents"):a.a.createElement("button",{title:"Duplicate element with its children",className:"btn btn-sm btn-secondary ms-2",onClick:function(){var e=o.node(n.id).get().data.parent,r=o.node(n.parent).childNodes().findIndex((function(e){return e===n.id})),a=pr(o)(n.id);t.addNodeTree(o.parseReactElement(a).toNodeTree(),e||"ROOT",r+1)}},a.a.createElement(Yt,{icon:tn,className:"me-1"}),"Clone"),a.a.createElement("hr",{className:"my-2"}),n.settings&&a.a.createElement(n.settings)):"No element selected"))},rl=function(){var e=bt((function(){})),t=e.query,n=(e.actions,Object(r.useContext)(Rt));return n.page_id||n.view_id?a.a.createElement("button",{className:"btn btn-sm btn-outline-secondary me-2 builder-save-ajax",onClick:function(){var e=ai(JSON.parse(t.serialize())),r=n.page_id?"pageedit":"viewedit";fetch("/".concat(r,"/savebuilder/").concat(n.page_id||n.view_id),{method:"POST",headers:{"Content-Type":"application/json","CSRF-Token":n.csrfToken},body:JSON.stringify(e)})}},"Save"):""},al=function(){var e=bt((function(){})),t=(e.query,e.actions,Object(r.useContext)(Rt));return t.page_id?a.a.createElement("a",{target:"_blank",className:"d-block",href:"/page/".concat(t.page_name)},"View page in new tab »"):""},ol=function(){var e=bt((function(e,t){return{canUndo:t.history.canUndo(),canRedo:t.history.canRedo()}})),t=e.canUndo,n=e.canRedo,o=e.actions;return a.a.createElement(r.Fragment,null,t&&a.a.createElement("button",{className:"btn btn-sm btn-secondary ms-2 me-2",title:"Undo",onClick:function(){return o.history.undo()}},a.a.createElement(Yt,{icon:un})),n&&a.a.createElement("button",{className:"btn btn-sm btn-secondary",title:"Redo",onClick:function(){return o.history.redo()}},a.a.createElement(Yt,{icon:rn})))},il=function(e){var t=e.layout,n=bt((function(){})),o=n.query,i=n.actions,l=Object(r.useContext)(Rt);Object(r.useEffect)((function(){ni(t,o,i)}),[]);return a.a.createElement("button",{className:"btn btn-sm btn-primary builder-save",onClick:function(){var e=ai(JSON.parse(o.serialize())),t=e.columns,n=e.layout;document.querySelector("form#scbuildform input[name=columns]").setAttribute("value",encodeURIComponent(JSON.stringify(t))),document.querySelector("form#scbuildform input[name=layout]").setAttribute("value",encodeURIComponent(JSON.stringify(n))),document.getElementById("scbuildform").submit()}},l.next_button_label||"Next"," »")},ll=function(e){var t=e.options,n=e.layout,o=e.mode,i=Zi(Object(r.useState)(!0),2),l=i[0],c=(i[1],Zi(Object(r.useState)({}),2)),u=c[0],s=c[1],f=Zi(Object(r.useState)([]),2),d=f[0],p=f[1],m=Object(r.useRef)([]);return a.a.createElement(sr,null,a.a.createElement(At,{onRender:Ji},a.a.createElement(tl,{value:t},a.a.createElement(Sr.Provider,{value:{previews:u,setPreviews:s,uploadedFiles:d,setUploadedFiles:p}},a.a.createElement("div",{className:"row",style:{marginTop:"-5px"}},a.a.createElement("div",{className:"col-sm-auto left-builder-col"},a.a.createElement("div",{className:"componets-and-library-accordion toolbox-card"},a.a.createElement(Qi,{nodekeys:m}),a.a.createElement(Xn,null,a.a.createElement("div",{className:"card mt-1",accordiontitle:"Components"},{show:a.a.createElement($o,null),edit:a.a.createElement(Yo,null),page:a.a.createElement(Go,null),filter:a.a.createElement(Ko,null)}[o]||a.a.createElement("div",null,"Missing mode")),a.a.createElement("div",{accordiontitle:"Library"},a.a.createElement(Xi,null)))),a.a.createElement("div",{className:"card toolbox-card pe-0"},a.a.createElement("div",{className:"card-header"},"Layers"),l&&a.a.createElement("div",{className:"card-body p-0 builder-layers"},a.a.createElement(Ui,{expandRootOnLoad:!0})))),a.a.createElement("div",{id:"builder-main-canvas",className:"col builder-mode-".concat(t.mode)},a.a.createElement("div",null,a.a.createElement(gt,{resolver:{Text:Or,Empty:Xr,Columns:Sn,JoinField:Pr,Field:Cr,ViewLink:Ir,Action:qr,HTMLCode:Lr,LineBreak:Ar,Aggregation:Tr,Card:oa,Image:Wr,Link:co,View:io,SearchBar:Fr,Container:oo,Column:vn,DropDownFilter:Zr,DropMenu:na,Tabs:Qr,ToggleFilter:aa}},a.a.createElement(mt,{canvas:!0,is:vn})))),a.a.createElement("div",{className:"col-sm-auto builder-sidebar"},a.a.createElement("div",{style:{width:"16rem"}},a.a.createElement(rl,null),a.a.createElement(il,{layout:n}),a.a.createElement(ol,null),a.a.createElement(al,null),a.a.createElement(nl,null)))))),a.a.createElement("div",{className:"d-none preview-scratchpad"})))};function cl(e,t,n,r){ve.a.render(a.a.createElement(ll,{options:JSON.parse(decodeURIComponent(t)),layout:JSON.parse(decodeURIComponent(n)),mode:r}),document.getElementById(e))}},function(e,t,n){"use strict";function r(){return(r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function a(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}function o(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}n.r(t),n.d(t,"CSSTransition",(function(){return w})),n.d(t,"ReplaceTransition",(function(){return N})),n.d(t,"SwitchTransition",(function(){return F})),n.d(t,"TransitionGroup",(function(){return S})),n.d(t,"Transition",(function(){return g})),n.d(t,"config",(function(){return f}));n(1);function i(e,t){return e.replace(new RegExp("(^|\\s)"+t+"(?:\\s|$)","g"),"$1").replace(/\s+/g," ").replace(/^\s*|\s*$/g,"")}var l=n(0),c=n.n(l),u=n(2),s=n.n(u),f={disabled:!1},d=c.a.createContext(null),p="entering",m="entered",h=function(e){function t(t,n){var r;r=e.call(this,t,n)||this;var a,o=n&&!n.isMounting?t.enter:t.appear;return r.appearStatus=null,t.in?o?(a="exited",r.appearStatus=p):a=m:a=t.unmountOnExit||t.mountOnEnter?"unmounted":"exited",r.state={status:a},r.nextCallback=null,r}o(t,e),t.getDerivedStateFromProps=function(e,t){return e.in&&"unmounted"===t.status?{status:"exited"}:null};var n=t.prototype;return n.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},n.componentDidUpdate=function(e){var t=null;if(e!==this.props){var n=this.state.status;this.props.in?n!==p&&n!==m&&(t=p):n!==p&&n!==m||(t="exiting")}this.updateStatus(!1,t)},n.componentWillUnmount=function(){this.cancelNextCallback()},n.getTimeouts=function(){var e,t,n,r=this.props.timeout;return e=t=n=r,null!=r&&"number"!=typeof r&&(e=r.exit,t=r.enter,n=void 0!==r.appear?r.appear:t),{exit:e,enter:t,appear:n}},n.updateStatus=function(e,t){void 0===e&&(e=!1),null!==t?(this.cancelNextCallback(),t===p?this.performEnter(e):this.performExit()):this.props.unmountOnExit&&"exited"===this.state.status&&this.setState({status:"unmounted"})},n.performEnter=function(e){var t=this,n=this.props.enter,r=this.context?this.context.isMounting:e,a=this.props.nodeRef?[r]:[s.a.findDOMNode(this),r],o=a[0],i=a[1],l=this.getTimeouts(),c=r?l.appear:l.enter;!e&&!n||f.disabled?this.safeSetState({status:m},(function(){t.props.onEntered(o)})):(this.props.onEnter(o,i),this.safeSetState({status:p},(function(){t.props.onEntering(o,i),t.onTransitionEnd(c,(function(){t.safeSetState({status:m},(function(){t.props.onEntered(o,i)}))}))})))},n.performExit=function(){var e=this,t=this.props.exit,n=this.getTimeouts(),r=this.props.nodeRef?void 0:s.a.findDOMNode(this);t&&!f.disabled?(this.props.onExit(r),this.safeSetState({status:"exiting"},(function(){e.props.onExiting(r),e.onTransitionEnd(n.exit,(function(){e.safeSetState({status:"exited"},(function(){e.props.onExited(r)}))}))}))):this.safeSetState({status:"exited"},(function(){e.props.onExited(r)}))},n.cancelNextCallback=function(){null!==this.nextCallback&&(this.nextCallback.cancel(),this.nextCallback=null)},n.safeSetState=function(e,t){t=this.setNextCallback(t),this.setState(e,t)},n.setNextCallback=function(e){var t=this,n=!0;return this.nextCallback=function(r){n&&(n=!1,t.nextCallback=null,e(r))},this.nextCallback.cancel=function(){n=!1},this.nextCallback},n.onTransitionEnd=function(e,t){this.setNextCallback(t);var n=this.props.nodeRef?this.props.nodeRef.current:s.a.findDOMNode(this),r=null==e&&!this.props.addEndListener;if(n&&!r){if(this.props.addEndListener){var a=this.props.nodeRef?[this.nextCallback]:[n,this.nextCallback],o=a[0],i=a[1];this.props.addEndListener(o,i)}null!=e&&setTimeout(this.nextCallback,e)}else setTimeout(this.nextCallback,0)},n.render=function(){var e=this.state.status;if("unmounted"===e)return null;var t=this.props,n=t.children,r=(t.in,t.mountOnEnter,t.unmountOnExit,t.appear,t.enter,t.exit,t.timeout,t.addEndListener,t.onEnter,t.onEntering,t.onEntered,t.onExit,t.onExiting,t.onExited,t.nodeRef,a(t,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]));return c.a.createElement(d.Provider,{value:null},"function"==typeof n?n(e,r):c.a.cloneElement(c.a.Children.only(n),r))},t}(c.a.Component);function v(){}h.contextType=d,h.propTypes={},h.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:v,onEntering:v,onEntered:v,onExit:v,onExiting:v,onExited:v},h.UNMOUNTED="unmounted",h.EXITED="exited",h.ENTERING=p,h.ENTERED=m,h.EXITING="exiting";var g=h,y=function(e,t){return e&&t&&t.split(" ").forEach((function(t){return r=t,void((n=e).classList?n.classList.remove(r):"string"==typeof n.className?n.className=i(n.className,r):n.setAttribute("class",i(n.className&&n.className.baseVal||"",r)));var n,r}))},b=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),a=0;a<n;a++)r[a]=arguments[a];return(t=e.call.apply(e,[this].concat(r))||this).appliedClasses={appear:{},enter:{},exit:{}},t.onEnter=function(e,n){var r=t.resolveArguments(e,n),a=r[0],o=r[1];t.removeClasses(a,"exit"),t.addClass(a,o?"appear":"enter","base"),t.props.onEnter&&t.props.onEnter(e,n)},t.onEntering=function(e,n){var r=t.resolveArguments(e,n),a=r[0],o=r[1]?"appear":"enter";t.addClass(a,o,"active"),t.props.onEntering&&t.props.onEntering(e,n)},t.onEntered=function(e,n){var r=t.resolveArguments(e,n),a=r[0],o=r[1]?"appear":"enter";t.removeClasses(a,o),t.addClass(a,o,"done"),t.props.onEntered&&t.props.onEntered(e,n)},t.onExit=function(e){var n=t.resolveArguments(e)[0];t.removeClasses(n,"appear"),t.removeClasses(n,"enter"),t.addClass(n,"exit","base"),t.props.onExit&&t.props.onExit(e)},t.onExiting=function(e){var n=t.resolveArguments(e)[0];t.addClass(n,"exit","active"),t.props.onExiting&&t.props.onExiting(e)},t.onExited=function(e){var n=t.resolveArguments(e)[0];t.removeClasses(n,"exit"),t.addClass(n,"exit","done"),t.props.onExited&&t.props.onExited(e)},t.resolveArguments=function(e,n){return t.props.nodeRef?[t.props.nodeRef.current,e]:[e,n]},t.getClassNames=function(e){var n=t.props.classNames,r="string"==typeof n,a=r?""+(r&&n?n+"-":"")+e:n[e];return{baseClassName:a,activeClassName:r?a+"-active":n[e+"Active"],doneClassName:r?a+"-done":n[e+"Done"]}},t}o(t,e);var n=t.prototype;return n.addClass=function(e,t,n){var r=this.getClassNames(t)[n+"ClassName"],a=this.getClassNames("enter").doneClassName;"appear"===t&&"done"===n&&a&&(r+=" "+a),"active"===n&&e&&e.scrollTop,r&&(this.appliedClasses[t][n]=r,function(e,t){e&&t&&t.split(" ").forEach((function(t){return r=t,void((n=e).classList?n.classList.add(r):function(e,t){return e.classList?!!t&&e.classList.contains(t):-1!==(" "+(e.className.baseVal||e.className)+" ").indexOf(" "+t+" ")}(n,r)||("string"==typeof n.className?n.className=n.className+" "+r:n.setAttribute("class",(n.className&&n.className.baseVal||"")+" "+r)));var n,r}))}(e,r))},n.removeClasses=function(e,t){var n=this.appliedClasses[t],r=n.base,a=n.active,o=n.done;this.appliedClasses[t]={},r&&y(e,r),a&&y(e,a),o&&y(e,o)},n.render=function(){var e=this.props,t=(e.classNames,a(e,["classNames"]));return c.a.createElement(g,r({},t,{onEnter:this.onEnter,onEntered:this.onEntered,onEntering:this.onEntering,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited}))},t}(c.a.Component);b.defaultProps={classNames:""},b.propTypes={};var w=b;function E(e,t){var n=Object.create(null);return e&&l.Children.map(e,(function(e){return e})).forEach((function(e){n[e.key]=function(e){return t&&Object(l.isValidElement)(e)?t(e):e}(e)})),n}function x(e,t,n){return null!=n[t]?n[t]:e.props[t]}function k(e,t,n){var r=E(e.children),a=function(e,t){function n(n){return n in t?t[n]:e[n]}e=e||{},t=t||{};var r,a=Object.create(null),o=[];for(var i in e)i in t?o.length&&(a[i]=o,o=[]):o.push(i);var l={};for(var c in t){if(a[c])for(r=0;r<a[c].length;r++){var u=a[c][r];l[a[c][r]]=n(u)}l[c]=n(c)}for(r=0;r<o.length;r++)l[o[r]]=n(o[r]);return l}(t,r);return Object.keys(a).forEach((function(o){var i=a[o];if(Object(l.isValidElement)(i)){var c=o in t,u=o in r,s=t[o],f=Object(l.isValidElement)(s)&&!s.props.in;!u||c&&!f?u||!c||f?u&&c&&Object(l.isValidElement)(s)&&(a[o]=Object(l.cloneElement)(i,{onExited:n.bind(null,i),in:s.props.in,exit:x(i,"exit",e),enter:x(i,"enter",e)})):a[o]=Object(l.cloneElement)(i,{in:!1}):a[o]=Object(l.cloneElement)(i,{onExited:n.bind(null,i),in:!0,exit:x(i,"exit",e),enter:x(i,"enter",e)})}})),a}var _=Object.values||function(e){return Object.keys(e).map((function(t){return e[t]}))},O=function(e){function t(t,n){var r,a=(r=e.call(this,t,n)||this).handleExited.bind(function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(r));return r.state={contextValue:{isMounting:!0},handleExited:a,firstRender:!0},r}o(t,e);var n=t.prototype;return n.componentDidMount=function(){this.mounted=!0,this.setState({contextValue:{isMounting:!1}})},n.componentWillUnmount=function(){this.mounted=!1},t.getDerivedStateFromProps=function(e,t){var n,r,a=t.children,o=t.handleExited;return{children:t.firstRender?(n=e,r=o,E(n.children,(function(e){return Object(l.cloneElement)(e,{onExited:r.bind(null,e),in:!0,appear:x(e,"appear",n),enter:x(e,"enter",n),exit:x(e,"exit",n)})}))):k(e,a,o),firstRender:!1}},n.handleExited=function(e,t){var n=E(this.props.children);e.key in n||(e.props.onExited&&e.props.onExited(t),this.mounted&&this.setState((function(t){var n=r({},t.children);return delete n[e.key],{children:n}})))},n.render=function(){var e=this.props,t=e.component,n=e.childFactory,r=a(e,["component","childFactory"]),o=this.state.contextValue,i=_(this.state.children).map(n);return delete r.appear,delete r.enter,delete r.exit,null===t?c.a.createElement(d.Provider,{value:o},i):c.a.createElement(d.Provider,{value:o},c.a.createElement(t,r,i))},t}(c.a.Component);O.propTypes={},O.defaultProps={component:"div",childFactory:function(e){return e}};var S=O,C=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),a=0;a<n;a++)r[a]=arguments[a];return(t=e.call.apply(e,[this].concat(r))||this).handleEnter=function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.handleLifecycle("onEnter",0,n)},t.handleEntering=function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.handleLifecycle("onEntering",0,n)},t.handleEntered=function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.handleLifecycle("onEntered",0,n)},t.handleExit=function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.handleLifecycle("onExit",1,n)},t.handleExiting=function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.handleLifecycle("onExiting",1,n)},t.handleExited=function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.handleLifecycle("onExited",1,n)},t}o(t,e);var n=t.prototype;return n.handleLifecycle=function(e,t,n){var r,a=this.props.children,o=c.a.Children.toArray(a)[t];if(o.props[e]&&(r=o.props)[e].apply(r,n),this.props[e]){var i=o.props.nodeRef?void 0:s.a.findDOMNode(this);this.props[e](i)}},n.render=function(){var e=this.props,t=e.children,n=e.in,r=a(e,["children","in"]),o=c.a.Children.toArray(t),i=o[0],l=o[1];return delete r.onEnter,delete r.onEntering,delete r.onEntered,delete r.onExit,delete r.onExiting,delete r.onExited,c.a.createElement(S,r,n?c.a.cloneElement(i,{key:"first",onEnter:this.handleEnter,onEntering:this.handleEntering,onEntered:this.handleEntered}):c.a.cloneElement(l,{key:"second",onEnter:this.handleExit,onEntering:this.handleExiting,onEntered:this.handleExited}))},t}(c.a.Component);C.propTypes={};var j,P,N=C;var T="out-in",A="in-out",R=function(e,t,n){return function(){var r;e.props[t]&&(r=e.props)[t].apply(r,arguments),n()}},I=((j={})[T]=function(e){var t=e.current,n=e.changeState;return c.a.cloneElement(t,{in:!1,onExited:R(t,"onExited",(function(){n(p,null)}))})},j[A]=function(e){var t=e.current,n=e.changeState,r=e.children;return[t,c.a.cloneElement(r,{in:!0,onEntered:R(r,"onEntered",(function(){n(p)}))})]},j),z=((P={})[T]=function(e){var t=e.children,n=e.changeState;return c.a.cloneElement(t,{in:!0,onEntered:R(t,"onEntered",(function(){n(m,c.a.cloneElement(t,{in:!0}))}))})},P[A]=function(e){var t=e.current,n=e.children,r=e.changeState;return[c.a.cloneElement(t,{in:!1,onExited:R(t,"onExited",(function(){r(m,c.a.cloneElement(n,{in:!0}))}))}),c.a.cloneElement(n,{in:!0})]},P),M=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),a=0;a<n;a++)r[a]=arguments[a];return(t=e.call.apply(e,[this].concat(r))||this).state={status:m,current:null},t.appeared=!1,t.changeState=function(e,n){void 0===n&&(n=t.state.current),t.setState({status:e,current:n})},t}o(t,e);var n=t.prototype;return n.componentDidMount=function(){this.appeared=!0},t.getDerivedStateFromProps=function(e,t){return null==e.children?{current:null}:t.status===p&&e.mode===A?{status:p}:!t.current||(n=t.current,r=e.children,n===r||c.a.isValidElement(n)&&c.a.isValidElement(r)&&null!=n.key&&n.key===r.key)?{current:c.a.cloneElement(e.children,{in:!0})}:{status:"exiting"};var n,r},n.render=function(){var e,t=this.props,n=t.children,r=t.mode,a=this.state,o=a.status,i=a.current,l={children:n,current:i,changeState:this.changeState,status:o};switch(o){case p:e=z[r](l);break;case"exiting":e=I[r](l);break;case m:e=i}return c.a.createElement(d.Provider,{value:{isMounting:!this.appeared}},e)},t}(c.a.Component);M.propTypes={},M.defaultProps={mode:T};var F=M}]);
|
|
80
|
+
*/function dn(e){return function(e){if(Array.isArray(e))return pn(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return pn(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return pn(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 pn(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var mn={regular:["address-book","address-card","angry","arrow-alt-circle-down","arrow-alt-circle-left","arrow-alt-circle-right","arrow-alt-circle-up","bell","bell-slash","bookmark","building","calendar","calendar-alt","calendar-check","calendar-minus","calendar-plus","calendar-times","caret-square-down","caret-square-left","caret-square-right","caret-square-up","chart-bar","check-circle","check-square","circle","clipboard","clock","clone","closed-captioning","comment","comment-alt","comment-dots","comments","compass","copy","copyright","credit-card","dizzy","dot-circle","edit","envelope","envelope-open","eye","eye-slash","file","file-alt","file-archive","file-audio","file-code","file-excel","file-image","file-pdf","file-powerpoint","file-video","file-word","flag","flushed","folder","folder-open","frown","frown-open","futbol","gem","grimace","grin","grin-alt","grin-beam","grin-beam-sweat","grin-hearts","grin-squint","grin-squint-tears","grin-stars","grin-tears","grin-tongue","grin-tongue-squint","grin-tongue-wink","grin-wink","hand-lizard","hand-paper","hand-peace","hand-point-down","hand-point-left","hand-point-right","hand-point-up","hand-pointer","hand-rock","hand-scissors","hand-spock","handshake","hdd","heart","hospital","hourglass","id-badge","id-card","image","images","keyboard","kiss","kiss-beam","kiss-wink-heart","laugh","laugh-beam","laugh-squint","laugh-wink","lemon","life-ring","lightbulb","list-alt","map","meh","meh-blank","meh-rolling-eyes","minus-square","money-bill-alt","moon","newspaper","object-group","object-ungroup","paper-plane","pause-circle","play-circle","plus-square","question-circle","registered","sad-cry","sad-tear","save","share-square","smile","smile-beam","smile-wink","snowflake","square","star","star-half","sticky-note","stop-circle","sun","surprise","thumbs-down","thumbs-up","times-circle","tired","trash-alt","user","user-circle","window-close","window-maximize","window-minimize","window-restore"],solid:["ad","address-book","address-card","adjust","air-freshener","align-center","align-justify","align-left","align-right","allergies","ambulance","american-sign-language-interpreting","anchor","angle-double-down","angle-double-left","angle-double-right","angle-double-up","angle-down","angle-left","angle-right","angle-up","angry","ankh","apple-alt","archive","archway","arrow-alt-circle-down","arrow-alt-circle-left","arrow-alt-circle-right","arrow-alt-circle-up","arrow-circle-down","arrow-circle-left","arrow-circle-right","arrow-circle-up","arrow-down","arrow-left","arrow-right","arrow-up","arrows-alt","arrows-alt-h","arrows-alt-v","assistive-listening-systems","asterisk","at","atlas","atom","audio-description","award","baby","baby-carriage","backspace","backward","bacon","bacteria","bacterium","bahai","balance-scale","balance-scale-left","balance-scale-right","ban","band-aid","barcode","bars","baseball-ball","basketball-ball","bath","battery-empty","battery-full","battery-half","battery-quarter","battery-three-quarters","bed","beer","bell","bell-slash","bezier-curve","bible","bicycle","biking","binoculars","biohazard","birthday-cake","blender","blender-phone","blind","blog","bold","bolt","bomb","bone","bong","book","book-dead","book-medical","book-open","book-reader","bookmark","border-all","border-none","border-style","bowling-ball","box","box-open","box-tissue","boxes","braille","brain","bread-slice","briefcase","briefcase-medical","broadcast-tower","broom","brush","bug","building","bullhorn","bullseye","burn","bus","bus-alt","business-time","calculator","calendar","calendar-alt","calendar-check","calendar-day","calendar-minus","calendar-plus","calendar-times","calendar-week","camera","camera-retro","campground","candy-cane","cannabis","capsules","car","car-alt","car-battery","car-crash","car-side","caravan","caret-down","caret-left","caret-right","caret-square-down","caret-square-left","caret-square-right","caret-square-up","caret-up","carrot","cart-arrow-down","cart-plus","cash-register","cat","certificate","chair","chalkboard","chalkboard-teacher","charging-station","chart-area","chart-bar","chart-line","chart-pie","check","check-circle","check-double","check-square","cheese","chess","chess-bishop","chess-board","chess-king","chess-knight","chess-pawn","chess-queen","chess-rook","chevron-circle-down","chevron-circle-left","chevron-circle-right","chevron-circle-up","chevron-down","chevron-left","chevron-right","chevron-up","child","church","circle","circle-notch","city","clinic-medical","clipboard","clipboard-check","clipboard-list","clock","clone","closed-captioning","cloud","cloud-download-alt","cloud-meatball","cloud-moon","cloud-moon-rain","cloud-rain","cloud-showers-heavy","cloud-sun","cloud-sun-rain","cloud-upload-alt","cocktail","code","code-branch","coffee","cog","cogs","coins","columns","comment","comment-alt","comment-dollar","comment-dots","comment-medical","comment-slash","comments","comments-dollar","compact-disc","compass","compress","compress-alt","compress-arrows-alt","concierge-bell","cookie","cookie-bite","copy","copyright","couch","credit-card","crop","crop-alt","cross","crosshairs","crow","crown","crutch","cube","cubes","cut","database","deaf","democrat","desktop","dharmachakra","diagnoses","dice","dice-d20","dice-d6","dice-five","dice-four","dice-one","dice-six","dice-three","dice-two","digital-tachograph","directions","disease","divide","dizzy","dna","dog","dollar-sign","dolly","dolly-flatbed","donate","door-closed","door-open","dot-circle","dove","download","drafting-compass","dragon","draw-polygon","drum","drum-steelpan","drumstick-bite","dumbbell","dumpster","dumpster-fire","dungeon","edit","egg","eject","ellipsis-h","ellipsis-v","envelope","envelope-open","envelope-open-text","envelope-square","equals","eraser","ethernet","euro-sign","exchange-alt","exclamation","exclamation-circle","exclamation-triangle","expand","expand-alt","expand-arrows-alt","external-link-alt","external-link-square-alt","eye","eye-dropper","eye-slash","fan","fast-backward","fast-forward","faucet","fax","feather","feather-alt","female","fighter-jet","file","file-alt","file-archive","file-audio","file-code","file-contract","file-csv","file-download","file-excel","file-export","file-image","file-import","file-invoice","file-invoice-dollar","file-medical","file-medical-alt","file-pdf","file-powerpoint","file-prescription","file-signature","file-upload","file-video","file-word","fill","fill-drip","film","filter","fingerprint","fire","fire-alt","fire-extinguisher","first-aid","fish","fist-raised","flag","flag-checkered","flag-usa","flask","flushed","folder","folder-minus","folder-open","folder-plus","font","football-ball","forward","frog","frown","frown-open","funnel-dollar","futbol","gamepad","gas-pump","gavel","gem","genderless","ghost","gift","gifts","glass-cheers","glass-martini","glass-martini-alt","glass-whiskey","glasses","globe","globe-africa","globe-americas","globe-asia","globe-europe","golf-ball","gopuram","graduation-cap","greater-than","greater-than-equal","grimace","grin","grin-alt","grin-beam","grin-beam-sweat","grin-hearts","grin-squint","grin-squint-tears","grin-stars","grin-tears","grin-tongue","grin-tongue-squint","grin-tongue-wink","grin-wink","grip-horizontal","grip-lines","grip-lines-vertical","grip-vertical","guitar","h-square","hamburger","hammer","hamsa","hand-holding","hand-holding-heart","hand-holding-medical","hand-holding-usd","hand-holding-water","hand-lizard","hand-middle-finger","hand-paper","hand-peace","hand-point-down","hand-point-left","hand-point-right","hand-point-up","hand-pointer","hand-rock","hand-scissors","hand-sparkles","hand-spock","hands","hands-helping","hands-wash","handshake","handshake-alt-slash","handshake-slash","hanukiah","hard-hat","hashtag","hat-cowboy","hat-cowboy-side","hat-wizard","hdd","head-side-cough","head-side-cough-slash","head-side-mask","head-side-virus","heading","headphones","headphones-alt","headset","heart","heart-broken","heartbeat","helicopter","highlighter","hiking","hippo","history","hockey-puck","holly-berry","home","horse","horse-head","hospital","hospital-alt","hospital-symbol","hospital-user","hot-tub","hotdog","hotel","hourglass","hourglass-end","hourglass-half","hourglass-start","house-damage","house-user","hryvnia","i-cursor","ice-cream","icicles","icons","id-badge","id-card","id-card-alt","igloo","image","images","inbox","indent","industry","infinity","info","info-circle","italic","jedi","joint","journal-whills","kaaba","key","keyboard","khanda","kiss","kiss-beam","kiss-wink-heart","kiwi-bird","landmark","language","laptop","laptop-code","laptop-house","laptop-medical","laugh","laugh-beam","laugh-squint","laugh-wink","layer-group","leaf","lemon","less-than","less-than-equal","level-down-alt","level-up-alt","life-ring","lightbulb","link","lira-sign","list","list-alt","list-ol","list-ul","location-arrow","lock","lock-open","long-arrow-alt-down","long-arrow-alt-left","long-arrow-alt-right","long-arrow-alt-up","low-vision","luggage-cart","lungs","lungs-virus","magic","magnet","mail-bulk","male","map","map-marked","map-marked-alt","map-marker","map-marker-alt","map-pin","map-signs","marker","mars","mars-double","mars-stroke","mars-stroke-h","mars-stroke-v","mask","medal","medkit","meh","meh-blank","meh-rolling-eyes","memory","menorah","mercury","meteor","microchip","microphone","microphone-alt","microphone-alt-slash","microphone-slash","microscope","minus","minus-circle","minus-square","mitten","mobile","mobile-alt","money-bill","money-bill-alt","money-bill-wave","money-bill-wave-alt","money-check","money-check-alt","monument","moon","mortar-pestle","mosque","motorcycle","mountain","mouse","mouse-pointer","mug-hot","music","network-wired","neuter","newspaper","not-equal","notes-medical","object-group","object-ungroup","oil-can","om","otter","outdent","pager","paint-brush","paint-roller","palette","pallet","paper-plane","paperclip","parachute-box","paragraph","parking","passport","pastafarianism","paste","pause","pause-circle","paw","peace","pen","pen-alt","pen-fancy","pen-nib","pen-square","pencil-alt","pencil-ruler","people-arrows","people-carry","pepper-hot","percent","percentage","person-booth","phone","phone-alt","phone-slash","phone-square","phone-square-alt","phone-volume","photo-video","piggy-bank","pills","pizza-slice","place-of-worship","plane","plane-arrival","plane-departure","plane-slash","play","play-circle","plug","plus","plus-circle","plus-square","podcast","poll","poll-h","poo","poo-storm","poop","portrait","pound-sign","power-off","pray","praying-hands","prescription","prescription-bottle","prescription-bottle-alt","print","procedures","project-diagram","pump-medical","pump-soap","puzzle-piece","qrcode","question","question-circle","quidditch","quote-left","quote-right","quran","radiation","radiation-alt","rainbow","random","receipt","record-vinyl","recycle","redo","redo-alt","registered","remove-format","reply","reply-all","republican","restroom","retweet","ribbon","ring","road","robot","rocket","route","rss","rss-square","ruble-sign","ruler","ruler-combined","ruler-horizontal","ruler-vertical","running","rupee-sign","sad-cry","sad-tear","satellite","satellite-dish","save","school","screwdriver","scroll","sd-card","search","search-dollar","search-location","search-minus","search-plus","seedling","server","shapes","share","share-alt","share-alt-square","share-square","shekel-sign","shield-alt","shield-virus","ship","shipping-fast","shoe-prints","shopping-bag","shopping-basket","shopping-cart","shower","shuttle-van","sign","sign-in-alt","sign-language","sign-out-alt","signal","signature","sim-card","sink","sitemap","skating","skiing","skiing-nordic","skull","skull-crossbones","slash","sleigh","sliders-h","smile","smile-beam","smile-wink","smog","smoking","smoking-ban","sms","snowboarding","snowflake","snowman","snowplow","soap","socks","solar-panel","sort","sort-alpha-down","sort-alpha-down-alt","sort-alpha-up","sort-alpha-up-alt","sort-amount-down","sort-amount-down-alt","sort-amount-up","sort-amount-up-alt","sort-down","sort-numeric-down","sort-numeric-down-alt","sort-numeric-up","sort-numeric-up-alt","sort-up","spa","space-shuttle","spell-check","spider","spinner","splotch","spray-can","square","square-full","square-root-alt","stamp","star","star-and-crescent","star-half","star-half-alt","star-of-david","star-of-life","step-backward","step-forward","stethoscope","sticky-note","stop","stop-circle","stopwatch","stopwatch-20","store","store-alt","store-alt-slash","store-slash","stream","street-view","strikethrough","stroopwafel","subscript","subway","suitcase","suitcase-rolling","sun","superscript","surprise","swatchbook","swimmer","swimming-pool","synagogue","sync","sync-alt","syringe","table","table-tennis","tablet","tablet-alt","tablets","tachometer-alt","tag","tags","tape","tasks","taxi","teeth","teeth-open","temperature-high","temperature-low","tenge","terminal","text-height","text-width","th","th-large","th-list","theater-masks","thermometer","thermometer-empty","thermometer-full","thermometer-half","thermometer-quarter","thermometer-three-quarters","thumbs-down","thumbs-up","thumbtack","ticket-alt","times","times-circle","tint","tint-slash","tired","toggle-off","toggle-on","toilet","toilet-paper","toilet-paper-slash","toolbox","tools","tooth","torah","torii-gate","tractor","trademark","traffic-light","trailer","train","tram","transgender","transgender-alt","trash","trash-alt","trash-restore","trash-restore-alt","tree","trophy","truck","truck-loading","truck-monster","truck-moving","truck-pickup","tshirt","tty","tv","umbrella","umbrella-beach","underline","undo","undo-alt","universal-access","university","unlink","unlock","unlock-alt","upload","user","user-alt","user-alt-slash","user-astronaut","user-check","user-circle","user-clock","user-cog","user-edit","user-friends","user-graduate","user-injured","user-lock","user-md","user-minus","user-ninja","user-nurse","user-plus","user-secret","user-shield","user-slash","user-tag","user-tie","user-times","users","users-cog","users-slash","utensil-spoon","utensils","vector-square","venus","venus-double","venus-mars","vest","vest-patches","vial","vials","video","video-slash","vihara","virus","virus-slash","viruses","voicemail","volleyball-ball","volume-down","volume-mute","volume-off","volume-up","vote-yea","vr-cardboard","walking","wallet","warehouse","water","wave-square","weight","weight-hanging","wheelchair","wifi","wind","window-close","window-maximize","window-minimize","window-restore","wine-bottle","wine-glass","wine-glass-alt","won-sign","wrench","x-ray","yen-sign","yin-yang"],brands:["500px","accessible-icon","accusoft","acquisitions-incorporated","adn","adversal","affiliatetheme","airbnb","algolia","alipay","amazon","amazon-pay","amilia","android","angellist","angrycreative","angular","app-store","app-store-ios","apper","apple","apple-pay","artstation","asymmetrik","atlassian","audible","autoprefixer","avianex","aviato","aws","bandcamp","battle-net","behance","behance-square","bimobject","bitbucket","bitcoin","bity","black-tie","blackberry","blogger","blogger-b","bluetooth","bluetooth-b","bootstrap","btc","buffer","buromobelexperte","buy-n-large","buysellads","canadian-maple-leaf","cc-amazon-pay","cc-amex","cc-apple-pay","cc-diners-club","cc-discover","cc-jcb","cc-mastercard","cc-paypal","cc-stripe","cc-visa","centercode","centos","chrome","chromecast","cloudflare","cloudscale","cloudsmith","cloudversify","codepen","codiepie","confluence","connectdevelop","contao","cotton-bureau","cpanel","creative-commons","creative-commons-by","creative-commons-nc","creative-commons-nc-eu","creative-commons-nc-jp","creative-commons-nd","creative-commons-pd","creative-commons-pd-alt","creative-commons-remix","creative-commons-sa","creative-commons-sampling","creative-commons-sampling-plus","creative-commons-share","creative-commons-zero","critical-role","css3","css3-alt","cuttlefish","d-and-d","d-and-d-beyond","dailymotion","dashcube","deezer","delicious","deploydog","deskpro","dev","deviantart","dhl","diaspora","digg","digital-ocean","discord","discourse","dochub","docker","draft2digital","dribbble","dribbble-square","dropbox","drupal","dyalog","earlybirds","ebay","edge","edge-legacy","elementor","ello","ember","empire","envira","erlang","ethereum","etsy","evernote","expeditedssl","facebook","facebook-f","facebook-messenger","facebook-square","fantasy-flight-games","fedex","fedora","figma","firefox","firefox-browser","first-order","first-order-alt","firstdraft","flickr","flipboard","fly","font-awesome","font-awesome-alt","font-awesome-flag","fonticons","fonticons-fi","fort-awesome","fort-awesome-alt","forumbee","foursquare","free-code-camp","freebsd","fulcrum","galactic-republic","galactic-senate","get-pocket","gg","gg-circle","git","git-alt","git-square","github","github-alt","github-square","gitkraken","gitlab","gitter","glide","glide-g","gofore","goodreads","goodreads-g","google","google-drive","google-pay","google-play","google-plus","google-plus-g","google-plus-square","google-wallet","gratipay","grav","gripfire","grunt","guilded","gulp","hacker-news","hacker-news-square","hackerrank","hips","hire-a-helper","hive","hooli","hornbill","hotjar","houzz","html5","hubspot","ideal","imdb","innosoft","instagram","instagram-square","instalod","intercom","internet-explorer","invision","ioxhost","itch-io","itunes","itunes-note","java","jedi-order","jenkins","jira","joget","joomla","js","js-square","jsfiddle","kaggle","keybase","keycdn","kickstarter","kickstarter-k","korvue","laravel","lastfm","lastfm-square","leanpub","less","line","linkedin","linkedin-in","linode","linux","lyft","magento","mailchimp","mandalorian","markdown","mastodon","maxcdn","mdb","medapps","medium","medium-m","medrt","meetup","megaport","mendeley","microblog","microsoft","mix","mixcloud","mixer","mizuni","modx","monero","napster","neos","nimblr","node","node-js","npm","ns8","nutritionix","octopus-deploy","odnoklassniki","odnoklassniki-square","old-republic","opencart","openid","opera","optin-monster","orcid","osi","page4","pagelines","palfed","patreon","paypal","penny-arcade","perbyte","periscope","phabricator","phoenix-framework","phoenix-squadron","php","pied-piper","pied-piper-alt","pied-piper-hat","pied-piper-pp","pied-piper-square","pinterest","pinterest-p","pinterest-square","playstation","product-hunt","pushed","python","qq","quinscape","quora","r-project","raspberry-pi","ravelry","react","reacteurope","readme","rebel","red-river","reddit","reddit-alien","reddit-square","redhat","renren","replyd","researchgate","resolving","rev","rocketchat","rockrms","rust","safari","salesforce","sass","schlix","scribd","searchengin","sellcast","sellsy","servicestack","shirtsinbulk","shopify","shopware","simplybuilt","sistrix","sith","sketch","skyatlas","skype","slack","slack-hash","slideshare","snapchat","snapchat-ghost","snapchat-square","soundcloud","sourcetree","speakap","speaker-deck","spotify","squarespace","stack-exchange","stack-overflow","stackpath","staylinked","steam","steam-square","steam-symbol","sticker-mule","strava","stripe","stripe-s","studiovinari","stumbleupon","stumbleupon-circle","superpowers","supple","suse","swift","symfony","teamspeak","telegram","telegram-plane","tencent-weibo","the-red-yeti","themeco","themeisle","think-peaks","tiktok","trade-federation","trello","tumblr","tumblr-square","twitch","twitter","twitter-square","typo3","uber","ubuntu","uikit","umbraco","uncharted","uniregistry","unity","unsplash","untappd","ups","usb","usps","ussunnah","vaadin","viacoin","viadeo","viadeo-square","viber","vimeo","vimeo-square","vimeo-v","vine","vk","vnv","vuejs","watchman-monitoring","waze","weebly","weibo","weixin","whatsapp","whatsapp-square","whmcs","wikipedia-w","windows","wix","wizards-of-the-coast","wodu","wolf-pack-battalion","wordpress","wordpress-simple","wpbeginner","wpexplorer","wpforms","wpressr","xbox","xing","xing-square","y-combinator","yahoo","yammer","yandex","yandex-international","yarn","yelp","yoast","youtube","youtube-square","zhihu"]},hn=[].concat(dn(mn.regular.map((function(e){return"far fa-".concat(e)}))),dn(mn.solid.map((function(e){return"fas fa-".concat(e)}))),dn(mn.brands.map((function(e){return"fab fa-".concat(e)}))));var vn=function(e){var t=e.children,n=(e.align,lt((function(e){return{selected:e.events.selected}}))),r=n.selected,o=n.id,i=n.connectors,l=i.connect,c=i.drag;return a.a.createElement("div",{className:r?"selected-node":"",ref:function(e){return l(c(e))}},a.a.createElement("div",{className:"canvas ".concat("ROOT"===o?"root-canvas":"")},t))};function gn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,l=e[Symbol.iterator]();!(r=(i=l.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==l.return||l.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return yn(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return yn(e,t)}(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 yn(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}vn.craft={displayName:"Column",props:{},rules:{canDrag:function(){return!0}},related:{settings:function(){return function(e){if(null==e)throw new TypeError("Cannot destructure undefined")}(lt((function(e){return{}}))),a.a.createElement("div",null)}}};var bn=function(e){var t=e.setProp,n=e.node,o=e.sizeWithStyle,i=gn(Object(r.useState)(!1),2),l=i[0],c=i[1],u=gn(Object(r.useState)(!1),2),s=u[0],f=u[1],d=!!l&&(s?"".concat(l,"-").concat(s):l),p=function(e,t){c(e),f(t)},m=n.style;return a.a.createElement(r.Fragment,null,a.a.createElement("div",{className:"w-100 text-center"},a.a.createElement("div",{className:"boxmodel-container boxmodel-chrome-skin mt-2 mx-auto text-center"},a.a.createElement("div",{className:"boxmodel-container"},a.a.createElement("div",{className:"boxmodel-margin"},a.a.createElement("span",{className:"boxmodel-text boxmodel-header",onClick:function(){return p("margin",null)}},"Margin"),a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-left",onClick:function(){return p("margin","left")}},a.a.createElement("div",{className:"rotate dim-display"},m["margin-left"]||m.margin||"")),a.a.createElement("div",{className:"flex-row"},a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-top",onClick:function(){return p("margin","top")}},a.a.createElement("input",{disabled:!0,type:"text",autoComplete:"off",name:"boxmodel-ex-1_top_margin",size:"3",value:m["margin-top"]||m.margin||""})),a.a.createElement("div",{className:"boxmodel-border"},a.a.createElement("span",{className:"boxmodel-text boxmodel-header",onClick:function(){return p("border",null)}},"Border"),a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-left",onClick:function(){return p("border","left")}},a.a.createElement("div",{className:"rotate dim-display"},m["border-left-width"]||m["border-width"]||"")),a.a.createElement("div",{className:"flex-row"},a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-top",onClick:function(){return p("border","top")}},a.a.createElement("input",{disabled:!0,type:"text",autoComplete:"off",name:"boxmodel-ex-1_top_border",value:m["border-top-width"]||m["border-width"]||"",size:"3"})),a.a.createElement("div",{className:"boxmodel-padding"},a.a.createElement("span",{className:"boxmodel-text boxmodel-header",onClick:function(){return p("padding",null)}},"Padding"),a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-left",onClick:function(){return p("padding","left")}},a.a.createElement("div",{className:"rotate dim-display-padding"},m["padding-left"]||m.padding||"")),a.a.createElement("div",{className:"flex-row"},a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-top",onClick:function(){return p("padding","top")}},a.a.createElement("input",{disabled:!0,type:"text",autoComplete:"off",name:"boxmodel-ex-1_top_padding",value:m["padding-top"]||m.padding||"",size:"3"})),a.a.createElement("div",{className:"boxmodel-content",onClick:function(){return c("size")}},a.a.createElement("input",{disabled:!0,type:"text",autoComplete:"off",name:"boxmodel-ex-1_width",size:"3",value:o?m.width:n.width?"".concat(n.width).concat(n.widthUnits||"px"):""}),"x",a.a.createElement("input",{disabled:!0,type:"text",autoComplete:"off",name:"boxmodel-ex-1_height",size:"3",value:o?m.height:n.height?"".concat(n.height).concat(n.heightUnits||"px"):""})),a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-bottom",onClick:function(){return p("padding","bottom")}},a.a.createElement("input",{disabled:!0,type:"text",autoComplete:"off",name:"boxmodel-ex-1_bottom_padding",size:"3",value:m["padding-bottom"]||m.padding||""}))),a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-right",onClick:function(){return p("padding","right")}},a.a.createElement("div",{className:"rotate dim-display-padding"},m["padding-right"]||m.padding||""))),a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-bottom",onClick:function(){return p("border","bottom")}},a.a.createElement("input",{disabled:!0,type:"text",autoComplete:"off",name:"boxmodel-ex-1_bottom_border",size:"3",value:m["border-bottom-width"]||m["border-width"]||""}))),a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-right",onClick:function(){return p("border","right")}},a.a.createElement("div",{className:"rotate dim-display"},m["border-right-width"]||m["border-width"]||""))),a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-bottom",onClick:function(){return p("margin","bottom")}},a.a.createElement("input",{disabled:!0,type:"text",autoComplete:"off",name:"boxmodel-ex-1_bottom_margin",size:"3",value:m["margin-bottom"]||m.margin||""}))),a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-right",onClick:function(){return p("margin","right")}},a.a.createElement("div",{className:"rotate dim-display"},m["margin-right"]||m.margin||"")))))),a.a.createElement("table",{className:"w-100 mt-2"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",{width:"45%"}),a.a.createElement("td",null)),d&&["margin","padding"].includes(l)&&a.a.createElement(ur,{field:{name:d,label:d,type:"DimUnits",autoable:"margin"===l},node:n,setProp:t,isStyle:!0}),"size"===l&&a.a.createElement(r.Fragment,null,a.a.createElement(ur,{field:{name:"width",label:"width",type:"DimUnits"},node:n,setProp:t,isStyle:!!o}),a.a.createElement(ur,{field:{name:"height",label:"height",type:"DimUnits"},node:n,setProp:t,isStyle:!!o}),a.a.createElement(ur,{field:{name:o?"min-height":"minHeight",label:"min height",type:"DimUnits"},node:n,setProp:t,isStyle:!!o})),"border"===l&&a.a.createElement(r.Fragment,null,a.a.createElement(cr,{title:d}),a.a.createElement(ur,{field:{name:d+"-width",label:"width",type:"DimUnits"},node:n,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:d+"-style",label:"style",type:"btn_select",btnClass:"btnstylesel",options:["solid","dotted","dashed","double","groove","ridge","inset","outset"].map(dr)},node:n,isStyle:!0,setProp:t}),a.a.createElement(ur,{field:{name:d+"-color",label:"color",type:"Color"},node:n,isStyle:!0,setProp:t}),!s&&a.a.createElement(ur,{field:{name:d+"-radius",label:"radius",type:"DimUnits"},node:n,setProp:t,isStyle:!0}),s&&wn[s].map((function(e,r){return a.a.createElement(ur,{key:r,field:{name:"border-".concat(e,"-radius"),label:e.replace("-"," ")+" radius",type:"DimUnits"},node:n,setProp:t,isStyle:!0})}))),!d&&a.a.createElement("tr",null,a.a.createElement("td",{colSpan:2},a.a.createElement("div",null,"Click above to select a property to adjust."),a.a.createElement("div",null,a.a.createElement("small",null,"Click a label (margin, border, padding) to adjust all edges.")),a.a.createElement("div",null,a.a.createElement("small",null,"Click an edge to adjust that edge.")),a.a.createElement("div",null,a.a.createElement("small",null,"Click center to adjust height and width")))))))},wn={left:["bottom-left","top-left"],right:["bottom-right","top-right"],top:["top-left","top-right"],bottom:["bottom-left","bottom-right"]};function En(e){if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(e=function(e,t){if(!e)return;if("string"==typeof e)return xn(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return xn(e,t)}(e))){var t=0,n=function(){};return{s:n,n:function(){return t>=e.length?{done:!0}:{done:!1,value:e[t++]}},e:function(e){throw e},f:n}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,a,o=!0,i=!1;return{s:function(){r=e[Symbol.iterator]()},n:function(){var e=r.next();return o=e.done,e},e:function(e){i=!0,a=e},f:function(){try{o||null==r.return||r.return()}finally{if(i)throw a}}}}function xn(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var kn=function(e,t){for(var n=[],r=0;r<e;r++)n.push(t(r));return n},_n=function(e){var t,n=0,r=En(e);try{for(r.s();!(t=r.n()).done;){n+=t.value}}catch(e){r.e(e)}finally{r.f()}return n},On=function(e,t){return t<e.length?e[t]:12-_n(e)},Sn=function(e){var t=e.widths,n=e.contents,r=e.ncols,o=e.style,i=lt((function(e){return{selected:e.events.selected}})),l=i.selected,c=i.connectors,u=c.connect,s=c.drag;return a.a.createElement("div",{className:"row ".concat(l?"selected-node":""),ref:function(e){return u(s(e))},style:tr(o||{})},kn(r,(function(e){return a.a.createElement("div",{key:e,className:"split-col col-sm-".concat(On(t,e))},a.a.createElement(mt,{canvas:!0,id:"Col".concat(e),is:vn},n[e]))})))};function Cn(e){return(Cn="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function jn(e){return function(e){if(Array.isArray(e))return qn(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||Un(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 Pn(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function Nn(e,t){return(Nn=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function Tn(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=Rn(e);if(t){var a=Rn(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return An(this,n)}}function An(e,t){return!t||"object"!==Cn(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function Rn(e){return(Rn=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function In(){return(In=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function zn(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}function Mn(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Fn(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Mn(Object(n),!0).forEach((function(t){Ln(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Mn(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ln(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Dn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,l=e[Symbol.iterator]();!(r=(i=l.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==l.return||l.return()}finally{if(a)throw o}}return n}(e,t)||Un(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 Un(e,t){if(e){if("string"==typeof e)return qn(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?qn(e,t):void 0}}function qn(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}Sn.craft={displayName:"Columns",defaultProps:{widths:[6],ncols:2,style:{},breakpoints:["sm","sm"]},related:{settings:function(){var e=lt((function(e){return{widths:e.data.props.widths,ncols:e.data.props.ncols,breakpoints:e.data.props.breakpoints,style:e.data.props.style}})),t=e.actions.setProp,n=e.widths,o=e.ncols,i=e.breakpoints;e.style;return a.a.createElement(Xn,null,a.a.createElement("table",{accordiontitle:"Column properties"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"3"},a.a.createElement("label",null,"Number of columns")),a.a.createElement("td",null,a.a.createElement("input",{type:"number",value:o,className:"form-control",step:"1",min:"1",max:"4",onChange:function(e){return t((function(t){t.ncols=e.target.value,t.widths=function(e){return kn(e-1,(function(){return 12/e}))}(e.target.value)}))}}))),a.a.createElement("tr",null,a.a.createElement("th",{colSpan:"4"},"Widths & Breakpoint")),kn(o,(function(e){return a.a.createElement(r.Fragment,{key:e},a.a.createElement("tr",null,a.a.createElement("th",{colSpan:"4"},"Column ",e+1)),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Width")),a.a.createElement("td",{align:"right"},e<o-1?a.a.createElement("input",{type:"number",value:n[e],className:"form-control",step:"1",min:"1",max:12-(_n(n)-n[e])-1,onChange:function(n){return t((function(t){return t.widths[e]=+n.target.value}))}}):"".concat(12-_n(n))),a.a.createElement("td",null,"/12"),a.a.createElement("td",null,a.a.createElement("select",{className:"form-control form-select",value:i[e],onChange:function(n){return t((function(t){return t.breakpoints[e]=n.target.value}))}},a.a.createElement("option",{disabled:!0},"Breakpoint"),a.a.createElement("option",{value:""},"None"),a.a.createElement("option",{value:"sm"},"Small"),a.a.createElement("option",{value:"md"},"Medium"),a.a.createElement("option",{value:"lg"},"Large")))))})))),a.a.createElement("div",{accordiontitle:"Box",className:"w-100"},a.a.createElement(bn,{setProp:t,node:e,sizeWithStyle:!0})))}}};var Hn=function(e){var t=e.icon,n=e.className;return t?a.a.createElement("i",{className:"".concat(t," ").concat(n||"")}):null},Bn=function(e){return e?{style:{display:"block"}}:{}},Vn=function(e){var t=e.block,n=e.setProp;return a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:t,onChange:function(e){if(e.target){var t=e.target.checked;n((function(e){return e.block=t}))}}}),a.a.createElement("label",{className:"form-check-label"},"Block display"))},Wn=function(e){var t=e.block,n=e.inline,r=e.textStyle,o=e.setProp;return r&&r.startsWith("h")?a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"inline",type:"checkbox",checked:n,onChange:function(e){if(e.target){var t=e.target.checked;o((function(e){return e.inline=t}))}}}),a.a.createElement("label",{className:"form-check-label"},"Inline display")):a.a.createElement(Vn,{block:t,setProp:o})},$n=function(e){var t=e.setProp,n=e.isFormula,o=e.node,i=e.nodekey,l=e.children;return"show"!==Object(r.useContext)(Rt).mode?l:a.a.createElement(r.Fragment,null,a.a.createElement("div",{className:"input-group input-group-sm w-100"},n[i]?a.a.createElement("input",{type:"text",className:"form-control text-to-display",value:o[i],onChange:function(e){if(e.target){var n=e.target.value;t((function(e){return e[i]=n}))}}}):l,a.a.createElement("button",{className:"btn activate-formula ".concat(n[i]?"btn-secondary":"btn-outline-secondary"),title:"Calculated formula",type:"button",onClick:function(){var e=!n[i];t((function(t){t.isFormula[i]=e,e&&t[i]&&'"'!==t[i][0]?t[i]='"'.concat(t[i],'"'):e||"string"!=typeof t[i]||'"'!==t[i][0]||'"'!==t[i][t[i].length-1]||(t[i]=t[i].substring(1,t[i].length-1))}))}},a.a.createElement("i",{className:"fas fa-calculator"}))),n[i]&&a.a.createElement("div",{style:{marginTop:"-5px"}},a.a.createElement("small",{className:"text-muted font-monospace"},"FORMULA")))},Kn=function(e){var t=e.minRole,n=e.setProp,o=Object(r.useContext)(Rt);return a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Minimum Role")),a.a.createElement("td",null,a.a.createElement("select",{value:t,className:"form-control form-select",onChange:function(e){if(e.target){var t=e.target.value;n((function(e){return e.minRole=t}))}}},o.roles.map((function(e){return a.a.createElement("option",{key:e.id,value:e.id},e.role)})))))},Yn=function(e){var t=e.textStyle,n=e.setProp;return a.a.createElement("select",{value:t,className:"form-control form-select",onChange:function(e){if(e.target){var t=e.target.value;n((function(e){return e.textStyle=t}))}}},a.a.createElement("option",{value:""},"Normal"),a.a.createElement("option",{value:"h1"},"Heading 1"),a.a.createElement("option",{value:"h2"},"Heading 2"),a.a.createElement("option",{value:"h3"},"Heading 3"),a.a.createElement("option",{value:"h4"},"Heading 4"),a.a.createElement("option",{value:"h5"},"Heading 5"),a.a.createElement("option",{value:"h6"},"Heading 6"),a.a.createElement("option",{value:"fw-bold"},"Bold"),a.a.createElement("option",{value:"fst-italic"},"Italics"),a.a.createElement("option",{value:"small"},"Small"),a.a.createElement("option",{value:"text-muted"},"Muted"),a.a.createElement("option",{value:"text-underline"},"Underline"),a.a.createElement("option",{value:"font-monospace"},"Monospace"))},Gn=function(e){var t=e.textStyle,n=e.setProp;return a.a.createElement("div",null,a.a.createElement("label",null,"Text Style"),a.a.createElement(Yn,{textStyle:t,setProp:n}))},Qn=function(e){var t=e.textStyle,n=e.setProp;return a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Text Style")),a.a.createElement("td",null,a.a.createElement(Yn,{textStyle:t,setProp:n})))},Xn=function(e){var t=e.titles,n=e.children,o=Dn(Object(r.useState)(0),2),i=o[0],l=o[1];return a.a.createElement(r.Fragment,null,n.map((function(e,n){var o=n===i;return a.a.createElement(r.Fragment,{key:n},a.a.createElement("div",{className:"bg-".concat(o?"primary":"secondary"," ps-1 text-white w-100 mt-1"),onClick:function(){return l(n)}},a.a.createElement("span",{className:"w-1em"},o?a.a.createElement(Yt,{icon:Zt}):a.a.createElement(Yt,{icon:en})),e.props.accordiontitle||t[n]),o?e:null)})))},Jn=function(e){var t=e.url,n=e.body,r=e.options,a=e.setPreviews,o=e.node_id,i=e.isView;fetch(t,{method:"POST",headers:{"Content-Type":"application/json","CSRF-Token":r.csrfToken},body:JSON.stringify(n)}).then((function(e){return e.status<399?e.text():""})).then((function(e){$(".preview-scratchpad").html(e),$(".preview-scratchpad").find("a").attr("href","#"),$(".preview-scratchpad").find("[onclick], button, a, input, select").attr("onclick","return false"),$(".preview-scratchpad").find("textarea").attr("disabled",!0),$(".preview-scratchpad .full-page-width").removeClass("full-page-width"),i&&$(".preview-scratchpad").find("input").attr("readonly",!0);var t=$(".preview-scratchpad").html();a((function(e){return Fn(Fn({},e),{},Ln({},o,t))}))}))},Zn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Fn(Fn({},e),t),r=n.node_id,a=n.options,o=n.name,i=n.fieldview,l=n.setPreviews,c=Fn(Fn({},e.configuration||{}),t.configuration||{});Jn({options:a,node_id:r,setPreviews:l,url:"/field/preview/".concat(a.tableName,"/").concat(o,"/").concat(i),body:{configuration:c}})}},er=function(e){var t=e.vert,n=e.autoable,r=zn(e,["vert","autoable"]);return a.a.createElement("select",r,a.a.createElement("option",null,"px"),a.a.createElement("option",null,"%"),a.a.createElement("option",null,t?"vh":"vw"),a.a.createElement("option",null,"em"),a.a.createElement("option",null,"rem"),n&&a.a.createElement("option",null,"auto"))},tr=function(e){var t={};return Object.keys(e).forEach((function(n){var r;t[(r=n,r.replace(/([-][a-z])/gi,(function(e){return e.toUpperCase().replace("-","")})))]=e[n]})),t},nr=function(e,t,n){(n||[]).forEach((function(t,n){"select"===t.input_type&&e((function(e){e.configuration[t.name]||(e.configuration[t.name]=t.options[0]||"")}))}))},rr=function(e){var t=e.value,n=e.onChange;return t?a.a.createElement("input",{type:"color",value:t,className:"form-control",onChange:function(e){return e.target&&n(e.target.value)}}):a.a.createElement("button",{className:"btn btn-sm btn-outline-secondary",onClick:function(){return n("#000000")}},a.a.createElement("small",null,"Set color"))},ar=function(e){var t=e.fields,n=e.configuration,r=e.setProp,o=(e.node,e.onChange);return a.a.createElement("div",null,t.map((function(e,t){if(e.showIf&&n){var i=!1;if(Object.entries(e.showIf).forEach((function(e){var t=Dn(e,2),r=t[0],a=t[1];i=Array.isArray(a)?i||a.includes(n[r]):i||a!==n[r]})),i)return null}return a.a.createElement("div",{key:t},function(e){return e&&e.type&&("Bool"===e.type||"Bool"===e.type.name)}(e)?null:a.a.createElement("label",null,e.label||e.name),a.a.createElement(ir,{field:e,configuration:n,setProp:r,onChange:o}),e.sublabel?a.a.createElement("i",{dangerouslySetInnerHTML:{__html:e.sublabel}}):null)})),a.a.createElement("br",null))},or=function(e,t){return void 0===e?t:e},ir=function(e){var t=e.field,n=e.configuration,o=e.setProp,i=e.onChange,l=e.props,c=e.isStyle,u=Object(r.useContext)(Rt),s=function(e){o((function(r){n?(r.configuration||(r.configuration={}),r.configuration[t.name]=e):c?(r.style||(r.style={}),r.style[t.name]=e):r[t.name]=e})),i&&i(t.name,e)},f=or(n?n[t.name]:c?l.style[t.name]:l[t.name],t.default);"fromtype"===t.input_type&&(t.input_type=null),t.type&&"String"===t.type.name&&t.attributes.options&&(t.input_type="select",t.options="string"==typeof t.attributes.options?t.attributes.options.split(",").map((function(e){return e.trim()})):t.attributes.options,!t.required&&t.options&&t.options.unshift(""));var d={String:function(){var e;if(null===(e=t.attributes)||void 0===e?void 0:e.options){var n="string"==typeof t.attributes.options?t.attributes.options.split(",").map((function(e){return e.trim()})):t.attributes.options;return a.a.createElement("select",{className:"form-control form-select",value:f||"",onChange:function(e){return e.target&&s(e.target.value)}},n.map((function(e,t){return a.a.createElement("option",{key:t,value:"string"==typeof e?e:e.value||e.name},"string"==typeof e?e:e.label)})))}return a.a.createElement("input",{type:"text",className:"form-control",value:f||"",onChange:function(e){return e.target&&s(e.target.value)}})},Font:function(){return a.a.createElement("select",{className:"form-control form-select",value:f||"",onChange:function(e){return e.target&&s(e.target.value)}},a.a.createElement("option",{value:""}),Object.entries(u.fonts||{}).map((function(e,t){var n=Dn(e,2),r=n[0],o=n[1];return a.a.createElement("option",{key:t,value:o},r)})))},Integer:function(){return a.a.createElement("input",{type:"number",className:"form-control",step:t.step||1,min:t.min,max:t.max,value:f||"",onChange:function(e){return e.target&&s(e.target.value)}})},Float:function(){return a.a.createElement("input",{type:"number",className:"form-control",value:f||"",step:.01,onChange:function(e){return e.target&&s(e.target.value)}})},Color:function(){return a.a.createElement(rr,{value:f,onChange:function(e){return s(e)}})},Bool:function(){return a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{type:"checkbox",className:"form-check-input",checked:f,onChange:function(e){return e.target&&s(e.target.checked)}}),a.a.createElement("label",{className:"form-check-label"},t.label))},textarea:function(){return a.a.createElement("textarea",{rows:"6",type:"text",className:"form-control",value:f,onChange:function(e){return e.target&&s(e.target.value)}})},code:function(){return a.a.createElement("textarea",{rows:"6",type:"text",className:"form-control",value:f,onChange:function(e){return e.target&&s(e.target.value)}})},select:function(){return a.a.createElement("select",{className:"form-control form-select",value:f||"",onChange:function(e){return e.target&&s(e.target.value)}},t.options.map((function(e,t){return a.a.createElement("option",{key:t},e)})))},btn_select:function(){return a.a.createElement("div",{className:"btn-group w-100",role:"group"},t.options.map((function(e,n){return a.a.createElement("button",{key:n,title:e.title||e.value,type:"button",style:{width:"".concat(Math.floor(100/t.options.length),"%")},className:"btn btn-sm btn-".concat(f!==e.value?"outline-":"","secondary ").concat(t.btnClass||""),onClick:function(){return s(e.value)}},e.label)})))},DimUnits:function(){var e,i;if(c&&"auto"===f)e="",i="auto";else if(c&&f&&"string"==typeof f){var u=f.match(/^([0-9]+\.?[0-9]*)(.*)/);u&&(e=u[1],i=u[2])}return a.a.createElement(r.Fragment,null,"auto"!==i&&a.a.createElement("input",{type:"number",value:(c?e:f)||"",className:"w-50 form-control-sm d-inline dimunit",disabled:t.autoable&&"auto"===i,onChange:function(e){return s(c?"".concat(e.target.value).concat(i||"px"):e.target.value)}}),a.a.createElement(er,{value:or(n?n[t.name+"Unit"]:c?i:l[t.name+"Unit"],"px"),autoable:t.autoable,className:"w-".concat("auto"===i?100:50," form-control-sm d-inline dimunit"),vert:!0,onChange:function(r){if(r.target){var a=r.target.value;o((function(r){var o="auto"===a&&t.autoable&&c?"":e;n?r.configuration[t.name+"Unit"]=a:c?r.style[t.name]="".concat(or(o,0)).concat(a):r[t.name+"Unit"]=a}))}}}))}}[t.input_type||t.type.name||t.type];return d?d():null},lr=function(e){return function(){var t=lt((function(t){var n={};return e.forEach((function(e){n[e.name]=t.data.props[e.name]})),e.some((function(e){return e.canBeFormula}))&&(n.isFormula=t.data.props.isFormula),n})),n=t.actions.setProp;return a.a.createElement("table",{className:"w-100"},a.a.createElement("tbody",null,e.map((function(e,r){return a.a.createElement(ur,{field:e,key:r,node:t,setProp:n})}))))}},cr=function(e){var t=e.title;return a.a.createElement("tr",null,a.a.createElement("th",{colSpan:"2"},t))},ur=function(e){var t=e.field,n=e.node,o=e.setProp,i=e.onChange,l=e.isStyle,c=["String","Bool","textarea"].includes(t.type),u="Bool"!==t.type,s=t.canBeFormula?a.a.createElement($n,In({nodekey:t.name,isFormula:n.isFormula},{setProp:o,node:n}),a.a.createElement(ir,{field:t,props:n,setProp:o,onChange:i})):a.a.createElement(ir,{field:t,props:n,setProp:o,onChange:i,isStyle:l});return a.a.createElement("tr",null,c?a.a.createElement("td",{colSpan:"2"},u&&a.a.createElement("label",null,t.label),s):a.a.createElement(r.Fragment,null,a.a.createElement("td",null,a.a.createElement("label",null,t.label)),a.a.createElement("td",null,s)))},sr=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&Nn(e,t)}(o,e);var t,n,r,a=Tn(o);function o(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,o),(t=a.call(this,e)).state={hasError:!1,reported:!1},t}return t=o,r=[{key:"getDerivedStateFromError",value:function(e){return{hasError:!0}}}],(n=[{key:"componentDidCatch",value:function(e,t){if(console.log("ErrorBoundary reporting: ",JSON.stringify(e),JSON.stringify(t)),!this.state.reported){var n={message:e.message,stack:e&&e.stack||""};fetch("/crashlog/",{method:"POST",headers:{"Content-Type":"application/json","CSRF-Token":_sc_globalCsrf},body:JSON.stringify(n)}),this.setState({reported:!0})}}},{key:"render",value:function(){return this.props.children}}])&&Pn(t.prototype,n),r&&Pn(t,r),o}(a.a.Component),fr=function(e){var t=e.setProp,n=e.btnClass,r=void 0===n?null:n,o=e.keyPrefix,i=void 0===o?"":o,l=e.values,c=e.linkFirst,u=void 0!==c&&c,s=function(e){return function(n){if(n.target){var r=n.target.value;t((function(t){return t[e]=r}))}}},f=function(e){return r?"".concat(r," ").concat(e):e};return[a.a.createElement("tr",{key:"btnstyle"},a.a.createElement("td",null,a.a.createElement("label",null,"Style")),a.a.createElement("td",null,a.a.createElement("select",{className:"form-control form-select",value:l[i+"style"],onChange:s(i+"style")},u?a.a.createElement("option",{value:f("btn-link")},"Link"):null,a.a.createElement("option",{value:f("btn-primary")},"Primary button"),a.a.createElement("option",{value:f("btn-secondary")},"Secondary button"),a.a.createElement("option",{value:f("btn-success")},"Success button"),a.a.createElement("option",{value:f("btn-danger")},"Danger button"),a.a.createElement("option",{value:f("btn-outline-primary")},"Primary outline button"),a.a.createElement("option",{value:f("btn-outline-secondary")},"Secondary outline button"),a.a.createElement("option",{value:f("btn-custom-color")},"Button custom color"),u?null:a.a.createElement("option",{value:f("btn-link")},"Link")))),a.a.createElement("tr",{key:"btnsz"},a.a.createElement("td",null,a.a.createElement("label",null,"Size")),a.a.createElement("td",null,a.a.createElement("select",{className:"form-control form-select",value:l[i+"size"],onChange:s(i+"size")},a.a.createElement("option",{value:""},"Standard"),a.a.createElement("option",{value:"btn-lg"},"Large"),a.a.createElement("option",{value:"btn-sm"},"Small"),a.a.createElement("option",{value:"btn-block"},"Block"),a.a.createElement("option",{value:"btn-block btn-lg"},"Large block")))),a.a.createElement("tr",{key:"btnicon"},a.a.createElement("td",null,a.a.createElement("label",null,"Icon")),a.a.createElement("td",null,a.a.createElement(fn.a,{value:l[i+"icon"],onChange:function(e){return t((function(t){return t[i+"icon"]=e}))},isMulti:!1,icons:hn})))].concat(jn(l[i+"style"]===f("btn-custom-color")?[a.a.createElement("tr",{key:"btnbgcol"},a.a.createElement("td",null,a.a.createElement("label",null,"Background")),a.a.createElement("td",null,a.a.createElement("input",{type:"color",value:l[i+"bgcol"],className:"form-control-sm w-50",onChange:s(i+"bgcol")}))),a.a.createElement("tr",{key:"btnbdcol"},a.a.createElement("td",null,a.a.createElement("label",null,"Border")),a.a.createElement("td",null,a.a.createElement("input",{type:"color",value:l[i+"bordercol"],className:"form-control-sm w-50",onChange:s(i+"bordercol")}))),a.a.createElement("tr",{key:"btntxtcol"},a.a.createElement("td",null,a.a.createElement("label",null,"Text")),a.a.createElement("td",null,a.a.createElement("input",{type:"color",value:l[i+"textcol"],className:"form-control-sm w-50",onChange:s(i+"textcol")})))]:[]))},dr=function(e){return{value:e,title:e,label:a.a.createElement("div",{style:{borderLeftStyle:e,borderTopStyle:e,height:"15px",width:"6px"}})}},pr=function e(t){return function(n,r){var o=t.node(n).get().data,i=o.type,l=o.props,c=(o.nodes||[]).map(e(t));if("Columns"===o.displayName){var u=kn(o.props.ncols,(function(n){return e(t)(o.linkedNodes["Col"+n])}));return a.a.createElement(Sn,Fn(Fn(Fn({},l),void 0!==r?{key:r}:{}),{},{contents:u}))}return o.isCanvas?a.a.createElement(mt,Fn(Fn({},l),{},{canvas:!0,is:i},void 0!==r?{key:r}:{}),c):a.a.createElement(i,Fn(Fn({},l),void 0!==r?{key:r}:{}),c)}},mr=function(e,t,n){return n&&n.startsWith("h")?!t:e},hr=n(21),vr=n.n(hr),gr=n(33),yr=n.n(gr);function br(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function wr(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?br(Object(n),!0).forEach((function(t){Er(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):br(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Er(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function xr(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,l=e[Symbol.iterator]();!(r=(i=l.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==l.return||l.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return kr(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return kr(e,t)}(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 kr(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var _r={toolbarGroups:[{name:"document",groups:["mode","document","doctools"]},{name:"clipboard",groups:["clipboard","undo"]},{name:"forms",groups:["forms"]},{name:"basicstyles",groups:["basicstyles","cleanup"]},{name:"editing",groups:["find","selection","spellchecker","editing"]},{name:"paragraph",groups:["list","indent","blocks","align","bidi","paragraph"]},{name:"links",groups:["links"]},"/",{name:"insert",groups:["insert"]},{name:"styles",groups:["styles"]},{name:"colors",groups:["colors"]},{name:"tools",groups:["tools"]},{name:"others",groups:["others"]},{name:"about",groups:["about"]}],autoParagraph:!1,fillEmptyBlocks:!1,removeButtons:"Source,Save,NewPage,ExportPdf,Print,Preview,Templates,Cut,Copy,Paste,PasteText,PasteFromWord,Find,Replace,SelectAll,Form,Checkbox,Radio,TextField,Textarea,Select,Button,ImageButton,HiddenField,CopyFormatting,CreateDiv,BidiLtr,BidiRtl,Language,Anchor,Flash,Iframe,PageBreak,Maximize,ShowBlocks,About,Undo,Redo,Image"};var Or=function(e){var t=e.text,n=e.block,o=e.inline,i=e.isFormula,l=e.textStyle,c=e.icon,u=e.font,s=e.style,f=lt((function(e){return{selected:e.events.selected,dragged:e.events.dragged}})),d=f.connectors,p=d.connect,m=d.drag,h=f.selected,v=f.actions.setProp,g=xr(Object(r.useState)(!1),2),y=g[0],b=g[1];return Object(r.useEffect)((function(){!h&&b(!1)}),[h]),a.a.createElement("div",{className:"".concat(mr(n,o,l)?"d-block":"d-inline-block"," ").concat(l," is-text ").concat(i.text?"font-monospace":""," ").concat(h?"selected-node":""),ref:function(e){return p(m(e))},onClick:function(e){return h&&b(!0)},style:wr(wr({},u?{fontFamily:u}:{}),tr(s||{}))},a.a.createElement(Hn,{icon:c,className:"me-1"}),i.text?a.a.createElement(r.Fragment,null,"=",a.a.createElement(vr.a,{html:t,style:{display:"inline"},disabled:!y,onChange:function(e){return v((function(t){return t.text=e.target.value}))}})):y?a.a.createElement(sr,null,a.a.createElement(yr.a,{data:t,style:{display:"inline"},onChange:function(e){return v((function(t){return t.text=e.editor.getData()}))},config:_r,type:"inline"})):a.a.createElement("div",{className:"d-inline",dangerouslySetInnerHTML:{__html:t}}))};Or.craft={defaultProps:{text:"Click here",block:!1,inline:!1,isFormula:{},textStyle:"",labelFor:"",font:"",style:{}},displayName:"Text",related:{settings:function(){var e=lt((function(e){return{text:e.data.props.text,block:e.data.props.block,inline:e.data.props.inline,isFormula:e.data.props.isFormula,textStyle:e.data.props.textStyle,labelFor:e.data.props.labelFor,icon:e.data.props.icon,font:e.data.props.font,style:e.data.props.style}})),t=e.actions.setProp,n=e.text,o=e.block,i=e.inline,l=e.textStyle,c=e.isFormula,u=e.labelFor,s=e.icon,f=(e.font,e.style,Object(r.useContext)(Rt)),d=f.mode,p=f.fields,m=function(e){return function(n){if(n.target){var r=n.target.value;t((function(t){return t[e]=r}))}}};return a.a.createElement("div",null,"show"===d&&a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{type:"checkbox",className:"form-check-input",checked:c.text,onChange:function(e){return t((function(t){return t.isFormula.text=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Formula?")),a.a.createElement("label",null,"Text to display"),"show"===d&&c.text?a.a.createElement("input",{type:"text",className:"text-to-display form-control",value:n,onChange:m("text")}):a.a.createElement(sr,null,a.a.createElement("div",{className:"border"},a.a.createElement(yr.a,{data:n,onChange:function(e){if(e.editor){var n=e.editor.getData();t((function(e){return e.text=n}))}},config:_r,type:"inline"}))),"edit"===d&&a.a.createElement(r.Fragment,null,a.a.createElement("label",null,"Label for Field"),a.a.createElement("select",{value:u,onChange:m("labelFor"),className:"form-control form-select"},a.a.createElement("option",{value:""}),p.map((function(e,t){return a.a.createElement("option",{key:t,value:e.name},e.label)})))),a.a.createElement("table",{className:"w-100 mt-2"},a.a.createElement("tbody",null,a.a.createElement(Qn,{textStyle:l,setProp:t}),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Icon")),a.a.createElement("td",null,a.a.createElement(fn.a,{className:"w-100",value:s,icons:hn,onChange:function(e){return t((function(t){return t.icon=e}))},isMulti:!1}))),a.a.createElement(ur,{field:{name:"font",label:"Font family",type:"Font"},node:e,setProp:t}),a.a.createElement(ur,{field:{name:"font-size",label:"Font size",type:"DimUnits"},node:e,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:"font-weight",label:"Weight",type:"Integer",min:100,max:900,step:100},node:e,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:"line-height",label:"Line height",type:"DimUnits"},node:e,setProp:t,isStyle:!0}))),a.a.createElement(Wn,{block:o,inline:i,textStyle:l,setProp:t}))}}};var Sr=Object(r.createContext)({});var Cr=function(e){var t=e.name,n=e.fieldview,o=e.block,i=e.inline,l=e.textStyle,c=e.configuration,u=lt((function(e){return{selected:e.events.selected,node_id:e.id}})),s=u.selected,f=u.node_id,d=u.connectors,p=d.connect,m=d.drag,h=Object(r.useContext)(Sr),v=h.previews,g=h.setPreviews,y=v[f],b=Object(r.useContext)(Rt),w=(b.blockDisplay||{})[t],E=w&&w.includes(n);return Object(r.useEffect)((function(){Zn({options:b,name:t,fieldview:n,configuration:c,setPreviews:g,node_id:f})()}),[]),a.a.createElement("div",{className:"".concat(l," ").concat(s?"selected-node":""," ").concat(mr(o,i,l)||E?"d-block":"d-inline-block"),ref:function(e){return p(m(e))}},y?a.a.createElement("div",{className:"d-inline",dangerouslySetInnerHTML:{__html:y}}):"[".concat(n," ").concat(t,"]"))};function jr(){return(jr=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}Cr.craft={displayName:"Field",related:{settings:function(){var e=lt((function(e){return{name:e.data.props.name,fieldview:e.data.props.fieldview,block:e.data.props.block,inline:e.data.props.inline,textStyle:e.data.props.textStyle,configuration:e.data.props.configuration,node_id:e.id}})),t=e.actions.setProp,n=e.name,o=e.fieldview,i=e.block,l=e.inline,c=e.configuration,u=e.node_id,s=e.textStyle,f=Object(r.useContext)(Rt),d=Object(r.useContext)(Sr).setPreviews,p=f.field_view_options[n],m=(f.handlesTextStyle||{})[n],h=(f.blockDisplay||{})[n],v=function(e){return((f.fieldViewConfigForms||{})[n]||{})[e]},g=v(o),y=Zn({options:f,name:n,fieldview:o,configuration:c,setPreviews:d,node_id:u});return a.a.createElement(r.Fragment,null,a.a.createElement("i",null,a.a.createElement("small",null,"Previews shown in canvas are indicative based on random rows")),a.a.createElement("table",{className:"w-100"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Field")),a.a.createElement("td",null,a.a.createElement("select",{value:n,className:"form-control form-select",onChange:function(e){t((function(t){return t.name=e.target.value}));var n=f.field_view_options[e.target.value];n&&n.length>0?(t((function(e){return e.fieldview=n[0]})),y({name:e.target.value,fieldview:n[0]})):y({name:e.target.value})}},f.fields.map((function(e,t){return a.a.createElement("option",{key:t,value:e.name},e.label)}))))),p&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Field view")),a.a.createElement("td",null,a.a.createElement("select",{value:o,className:"form-control form-select",onChange:function(e){t((function(t){return t.fieldview=e.target.value})),nr(t,e.target.value,v(e.target.value)),y({fieldview:e.target.value})}},(p||[]).map((function(e,t){return a.a.createElement("option",{key:t,value:e},e)}))))),!(h&&h.includes(o))&&a.a.createElement("tr",null,a.a.createElement("td",null),a.a.createElement("td",null,a.a.createElement(Wn,{block:i,inline:l,textStyle:s,setProp:t}))),!(m&&m.includes(o))&&a.a.createElement(Qn,{textStyle:s,setProp:t}))),g?a.a.createElement(ar,{fields:g,configuration:c,setProp:t,onChange:function(e,t){return y({configuration:(n={},r=e,a=t,r in n?Object.defineProperty(n,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):n[r]=a,n)});var n,r,a}}):null)},segment_type:"field",column_type:"Field",fields:[{name:"name",segment_name:"field_name",column_name:"field_name"},"fieldview","textStyle","block","inline",{name:"configuration",default:{}}]}};var Pr=function(e){var t=e.name,n=e.block,o=e.fieldview,i=e.textStyle,l=lt((function(e){return{selected:e.events.selected,node_id:e.id}})),c=l.selected,u=l.node_id,s=l.connectors,f=s.connect,d=s.drag,p=Object(r.useContext)(Sr),m=p.previews,h=p.setPreviews,v=m[u],g=Object(r.useContext)(Rt);return Object(r.useEffect)((function(){Zn({options:g,name:t,fieldview:o,configuration:{},setPreviews:h,node_id:u})()}),[]),a.a.createElement("span",jr({className:"".concat(i," ").concat(c?"selected-node":"")},Bn(n),{ref:function(e){return f(d(e))}}),v?a.a.createElement("div",{className:"d-inline",dangerouslySetInnerHTML:{__html:v}}):"[".concat(t,"]"))};function Nr(){return(Nr=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}Pr.craft={displayName:"JoinField",related:{settings:function(){var e,t=lt((function(e){return{name:e.data.props.name,block:e.data.props.block,textStyle:e.data.props.textStyle,fieldview:e.data.props.fieldview,configuration:e.data.props.configuration,node_id:e.id}})),n=t.actions.setProp,o=t.name,i=t.block,l=t.textStyle,c=t.configuration,u=t.fieldview,s=t.node_id,f=Object(r.useContext)(Rt),d=Object(r.useContext)(Sr).setPreviews,p=f.field_view_options[o],m=(e=u,((f.fieldViewConfigForms||{})[o]||{})[e]),h=Zn({options:f,name:o,fieldview:u,configuration:c,setPreviews:d,node_id:s});return a.a.createElement(r.Fragment,null,a.a.createElement("i",null,a.a.createElement("small",null,"Previews shown in canvas are indicative based on random rows")),a.a.createElement("table",{className:"w-100"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Join field")),a.a.createElement("td",null,a.a.createElement("select",{value:o,className:"form-control form-select",onChange:function(e){n((function(t){return t.name=e.target.value}));var t=f.field_view_options[e.target.value];t&&t.length>0?(n((function(e){return e.fieldview=t[0]})),h({name:e.target.value,fieldview:t[0]})):h({name:e.target.value})}},f.parent_field_list.map((function(e,t){return a.a.createElement("option",{key:t,value:e},e)}))))),p&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Field view")),a.a.createElement("td",null,a.a.createElement("select",{value:u,className:"form-control form-select",onChange:function(e){n((function(t){return t.fieldview=e.target.value})),h({fieldview:e.target.value})}},(p||[]).map((function(e,t){return a.a.createElement("option",{key:t,value:e},e)}))))),a.a.createElement("tr",null,a.a.createElement("td",null),a.a.createElement("td",null,a.a.createElement(Vn,{block:i,setProp:n}))),a.a.createElement(Qn,{textStyle:l,setProp:n}))),m?a.a.createElement(ar,{fields:m,configuration:c||{},setProp:n,onChange:function(e,t){return h({configuration:(n={},r=e,a=t,r in n?Object.defineProperty(n,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):n[r]=a,n)});var n,r,a}}):null)},segment_type:"join_field",column_type:"JoinField",fields:[{name:"name",segment_name:"join_field",column_name:"join_field"},"fieldview","textStyle","block",{name:"configuration",default:{}}]}};var Tr=function(e){var t=e.agg_relation,n=e.agg_field,r=e.stat,o=e.block,i=e.textStyle,l=lt((function(e){return{selected:e.events.selected}})),c=l.selected,u=l.connectors,s=u.connect,f=u.drag;return a.a.createElement("span",Nr({className:"".concat(i," ").concat(c?"selected-node":"")},Bn(o),{ref:function(e){return s(f(e))}}),"[",r," ",t," ",n,"]")};Tr.craft={displayName:"Aggregation",related:{settings:function(){var e=lt((function(e){return{agg_relation:e.data.props.agg_relation,agg_field:e.data.props.agg_field,aggwhere:e.data.props.aggwhere,stat:e.data.props.stat,block:e.data.props.block,textStyle:e.data.props.textStyle}})),t=e.actions.setProp,n=e.agg_relation,o=e.agg_field,i=e.stat,l=e.aggwhere,c=e.block,u=e.textStyle,s=Object(r.useContext)(Rt);return a.a.createElement("table",null,a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Relation")),a.a.createElement("td",null,a.a.createElement("select",{className:"form-control form-select",value:n,onChange:function(e){return t((function(t){t.agg_relation=e.target.value;var n=s.agg_field_opts[e.target.value];n&&n.length>0&&(t.agg_field=n[0])}))}},s.child_field_list.map((function(e,t){return a.a.createElement("option",{key:t,value:e},e)}))))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Child table field")),a.a.createElement("td",null,a.a.createElement("select",{className:"form-control form-select",value:o,onChange:function(e){return t((function(t){return t.agg_field=e.target.value}))}},(s.agg_field_opts[n]||[]).map((function(e,t){return a.a.createElement("option",{key:t,value:e},e)}))))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Statistic")),a.a.createElement("td",null,a.a.createElement("select",{value:i,className:"form-control form-select",onChange:function(e){return t((function(t){return t.stat=e.target.value}))}},a.a.createElement("option",{value:"Count"},"Count"),a.a.createElement("option",{value:"Avg"},"Avg"),a.a.createElement("option",{value:"Sum"},"Sum"),a.a.createElement("option",{value:"Max"},"Max"),a.a.createElement("option",{value:"Min"},"Min"),a.a.createElement("option",{value:"Array_Agg"},"Array_Agg"),s.fields.filter((function(e){return"Date"===e.type.name})).map((function(e){return a.a.createElement("option",{value:"Latest ".concat(e.name)},"Latest ",e.name)}))))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Where")),a.a.createElement("td",null,a.a.createElement("input",{type:"text",className:"form-control",value:l,onChange:function(e){return t((function(t){return t.aggwhere=e.target.value}))}}))),a.a.createElement(Qn,{textStyle:u,setProp:t}),a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement(Vn,{block:c,setProp:t})))))},segment_type:"aggregation",column_type:"Aggregation",fields:["agg_relation","textStyle","block","agg_field","aggwhere","stat"]}};var Ar=function(e){!function(e){if(null==e)throw new TypeError("Cannot destructure undefined")}(e);var t=lt((function(e){return{selected:e.events.selected}})),n=t.selected,o=t.connectors,i=o.connect,l=o.drag;return a.a.createElement(r.Fragment,null,a.a.createElement("span",{className:n?"selected-node":"",ref:function(e){return i(l(e))}},"↵"),a.a.createElement("br",null))};function Rr(){return(Rr=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}Ar.craft={displayName:"LineBreak",related:{settings:lr([]),segment_type:"line_break",fields:[]}};var Ir=function(e){var t=e.name,n=e.block,r=(e.minRole,e.link_style),o=e.link_size,i=e.link_icon,l=e.inModal,c=e.label,u=e.textStyle,s=e.link_bgcol,f=e.link_bordercol,d=e.link_textcol,p=lt((function(e){return{selected:e.events.selected}})),m=p.selected,h=p.connectors,v=h.connect,g=h.drag,y=t.split(":"),b=c||(y.length>1?y[1]:y[0]);return a.a.createElement("span",Rr({className:"".concat(u," ").concat(l?"btn btn-secondary btn-sm":""," ").concat(m?"selected-node":"is-builder-link"," ").concat(r," ").concat(o)},Bn(n),{ref:function(e){return v(g(e))},style:"btn btn-custom-color"===r?{backgroundColor:s||"#000000",borderColor:f||"#000000",color:d||"#000000"}:{}}),i?a.a.createElement("i",{className:"".concat(i," me-1")}):"",b)};function zr(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,l=e[Symbol.iterator]();!(r=(i=l.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==l.return||l.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Mr(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Mr(e,t)}(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 Mr(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}Ir.craft={displayName:"ViewLink",defaultProps:{isFormula:{}},related:{settings:function(){var e=lt((function(e){return{name:e.data.props.name,block:e.data.props.block,minRole:e.data.props.minRole,isFormula:e.data.props.isFormula,label:e.data.props.label,inModal:e.data.props.inModal,link_style:e.data.props.link_style,link_size:e.data.props.link_size,link_icon:e.data.props.link_icon,textStyle:e.data.props.textStyle,link_bgcol:e.data.props.link_bgcol,link_bordercol:e.data.props.link_bordercol,link_textcol:e.data.props.link_textcol,extra_state_fml:e.data.props.extra_state_fml}})),t=e.actions.setProp,n=e.name,o=e.block,i=e.minRole,l=e.label,c=e.isFormula,u=e.inModal,s=e.textStyle,f=e.extra_state_fml,d=Object(r.useContext)(Rt);return a.a.createElement("div",null,a.a.createElement("table",{className:"w-100"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement("label",null,"View to link to"),a.a.createElement("select",{value:n,className:"form-control form-select",onChange:function(e){return t((function(t){return t.name=e.target.value}))}},d.link_view_opts.map((function(e,t){return a.a.createElement("option",{key:t,value:e.name},e.label)}))))),a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement("label",null,"Label (leave blank for default)"),a.a.createElement($n,Rr({nodekey:"label"},{setProp:t,isFormula:c,node:e}),a.a.createElement("input",{type:"text",className:"viewlink-label form-control",value:l,onChange:function(e){return t((function(t){return t.label=e.target.value}))}})))),a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement("label",null,"Extra state Formula"),a.a.createElement("input",{type:"text",className:"viewlink-label form-control",value:f,onChange:function(e){return t((function(t){return t.extra_state_fml=e.target.value}))}}))),a.a.createElement(fr,{setProp:t,keyPrefix:"link_",btnClass:"btn",values:e,linkFirst:!0}))),a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:u,onChange:function(e){return t((function(t){return t.inModal=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Open in popup modal?")),a.a.createElement(Vn,{block:o,setProp:t}),a.a.createElement(Gn,{textStyle:s,setProp:t}),a.a.createElement("table",null,a.a.createElement("tbody",null,a.a.createElement(Kn,{minRole:i,setProp:t}))))},segment_type:"view_link",column_type:"ViewLink",fields:[{name:"name",segment_name:"view",column_name:"view"},{name:"label",segment_name:"view_label",canBeFormula:!0},"block","textStyle",{name:"inModal",segment_name:"in_modal",column_name:"in_modal"},"minRole","link_style","link_icon","link_size","link_bgcol","link_bordercol","link_textcol","extra_state_fml"]}};var Fr=function(e){var t=e.has_dropdown,n=e.children,o=e.show_badges,i=lt((function(e){return{selected:e.events.selected}})),l=i.selected,c=i.connectors,u=c.connect,s=c.drag,f=zr(Object(r.useState)(!1),2),d=f[0],p=f[1],m=zr(Object(r.useState)(200),2),h=m[0],v=m[1];return a.a.createElement("div",{className:"input-group ".concat(l?"selected-node":""),ref:function(e){if(e&&e.getBoundingClientRect){var t=e.getBoundingClientRect().width;t!==h&&v(t)}u(s(e))}},a.a.createElement("button",{className:"btn btn-outline-secondary",disabled:!0},a.a.createElement("i",{className:"fas fa-search"})),a.a.createElement("input",{type:"text",className:"form-control bg-light",placeholder:"Search...",disabled:!0}),o&&a.a.createElement("div",{className:"input-group-text"},a.a.createElement("span",{className:"badge bg-primary"},"X:Y")),t&&a.a.createElement(r.Fragment,null,a.a.createElement("button",{className:"btn btn-outline-secondary",onClick:function(){return p(!d)}},a.a.createElement(Yt,{icon:Jt})),a.a.createElement("div",{className:"dropdown-menu searchbar-dropdown ".concat(d?"show":""),style:{width:h,left:0}},a.a.createElement("div",{className:"canvas"},n))))};Fr.craft={displayName:"SearchBar",props:{has_dropdown:!1,show_badges:!1},related:{settings:function(){var e=lt((function(e){return{has_dropdown:e.data.props.has_dropdown,show_badges:e.data.props.show_badges}})),t=e.actions.setProp,n=e.has_dropdown,r=e.show_badges;return a.a.createElement("div",null,a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:n,onChange:function(e){return t((function(t){return t.has_dropdown=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Has Dropdown")),a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:r,onChange:function(e){return t((function(t){return t.show_badges=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Show current state badges")))},segment_type:"search_bar",hasContents:!0,fields:["has_dropdown","show_badges"]}};var Lr=function(e){var t=e.text,n=lt((function(e){return{selected:e.events.selected}})),r=n.selected,o=n.connectors,i=o.connect,l=o.drag;return a.a.createElement("span",{className:"is-html-block ".concat(r?"selected-node":""),ref:function(e){return i(l(e))}},a.a.createElement("div",{style:{fontSize:"8px"}},"HTML"),a.a.createElement("div",{dangerouslySetInnerHTML:{__html:t}}))},Dr=[{label:"HTML Code",name:"text",type:"textarea",segment_name:"contents"}];function Ur(){return(Ur=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}Lr.craft={displayName:"HTMLCode",related:{settings:lr(Dr),segment_type:"blank",segment_vars:{isHTML:!0},segment_match:function(e){return e.isHTML},fields:Dr}};var qr=function(e){var t=e.name,n=e.block,r=e.action_label,o=e.action_style,i=e.action_icon,l=e.action_size,c=e.action_bgcol,u=e.action_bordercol,s=e.action_textcol,f=lt((function(e){return{selected:e.events.selected}})),d=f.selected,p=f.connectors,m=p.connect,h=p.drag;return a.a.createElement("button",{className:"btn ".concat(o||"btn-primary"," ").concat(l||""," ").concat(d?"selected-node":""," ").concat(n?"d-block":""),ref:function(e){return m(h(e))},style:"btn-custom-color"===o?{backgroundColor:c||"#000000",borderColor:u||"#000000",color:s||"#000000"}:{}},a.a.createElement(Hn,{icon:i,className:"me-1"}),r||t)};function Hr(e){return function(e){if(Array.isArray(e))return Br(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return Br(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Br(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 Br(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Vr(){return(Vr=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}qr.craft={displayName:"Action",related:{settings:function(){var e=lt((function(e){return{name:e.data.props.name,block:e.data.props.block,minRole:e.data.props.minRole,confirm:e.data.props.confirm,action_label:e.data.props.action_label,configuration:e.data.props.configuration,isFormula:e.data.props.isFormula,action_style:e.data.props.action_style,action_size:e.data.props.action_size,action_icon:e.data.props.action_icon,action_bgcol:e.data.props.action_bgcol,action_bordercol:e.data.props.action_bordercol,action_textcol:e.data.props.action_textcol}})),t=e.actions.setProp,n=e.name,o=e.block,i=e.minRole,l=e.isFormula,c=e.confirm,u=e.configuration,s=e.action_label,f=Object(r.useContext)(Rt),d=function(e){return(f.actionConfigForms||{})[e]},p=d(n);return a.a.createElement("div",null,a.a.createElement("table",{className:"w-100"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Action")),a.a.createElement("td",null,a.a.createElement("select",{value:n,className:"form-control form-select",onChange:function(e){t((function(t){return t.name=e.target.value})),nr(t,e.target.value,d(e.target.value))}},f.actions.map((function(e,t){return a.a.createElement("option",{key:t,value:e},e)}))))),a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement("label",null,"Label (leave blank for default)"),a.a.createElement($n,Ur({nodekey:"action_label"},{setProp:t,isFormula:l,node:e}),a.a.createElement("input",{type:"text",className:"form-control",value:s,onChange:function(e){return t((function(t){return t.action_label=e.target.value}))}})))),a.a.createElement(fr,{setProp:t,keyPrefix:"action_",values:e}),a.a.createElement(Kn,{minRole:i,setProp:t}))),"show"===f.mode?a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:c,onChange:function(e){return t((function(t){return t.confirm=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"User confirmation?")):null,a.a.createElement(Vn,{block:o,setProp:t}),p?a.a.createElement(ar,{fields:p,configuration:u,setProp:t,node:e}):null)}}};var Wr=function(e){var t=e.fileid,n=e.block,r=e.srctype,o=e.url,i=e.alt,l=e.style,c=lt((function(e){return{selected:e.events.selected}})),u=c.selected,s=c.connectors,f=s.connect,d=s.drag,p="File"===r?"/files/serve/".concat(t):o;return a.a.createElement("span",Vr({},Bn(n),{ref:function(e){return f(d(e))}}),0===t?"No images Available":a.a.createElement("img",{className:"".concat(l&&l.width?"":"w-100"," image-widget ").concat(u?"selected-node":""),style:tr(l||{}),src:p,alt:i}))};function $r(e){return function(e){if(Array.isArray(e))return Gr(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||Yr(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 Kr(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,l=e[Symbol.iterator]();!(r=(i=l.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==l.return||l.return()}finally{if(a)throw o}}return n}(e,t)||Yr(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 Yr(e,t){if(e){if("string"==typeof e)return Gr(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Gr(e,t):void 0}}function Gr(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}Wr.craft={displayName:"Image",defaultProps:{alt:"",block:!1,isFormula:{},srctype:"File",style:{}},related:{settings:function(){var e=lt((function(e){return{fileid:e.data.props.fileid,field:e.data.props.field,url:e.data.props.url,filepath:e.data.props.filepath,srctype:e.data.props.srctype,alt:e.data.props.alt,block:e.data.props.block,style:e.data.props.style,isFormula:e.data.props.isFormula}})),t=e.actions.setProp,n=e.fileid,o=e.srctype,i=e.field,l=e.url,c=e.alt,u=e.block,s=e.isFormula,f=e.filepath,d=(e.style,Object(r.useContext)(Rt)),p=Object(r.useContext)(Sr),m=p.uploadedFiles,h=p.setUploadedFiles,v=function(e){return function(n){if(n.target){var r=n.target.value;t((function(t){return t[e]=r}))}}};return a.a.createElement(Xn,null,a.a.createElement("table",{accordiontitle:"Select image"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement("i",null,a.a.createElement("small",null,"Preview shown in canvas is indicative")))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Source")),a.a.createElement("td",null,a.a.createElement("select",{value:o,className:"form-control form-select",onChange:v("srctype")},a.a.createElement("option",null,"File"),a.a.createElement("option",null,"URL"),a.a.createElement("option",null,"Upload"),"show"===d.mode&&a.a.createElement("option",null,"Field")))),"File"===o&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"File")),a.a.createElement("td",null,a.a.createElement("select",{value:n,className:"form-control form-select",onChange:v("fileid")},d.images.map((function(e,t){return a.a.createElement("option",{key:t,value:e.id},e.filename)})),(m||[]).map((function(e,t){return a.a.createElement("option",{key:t,value:e.id},e.filename)}))))),"URL"===o&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"URL")),a.a.createElement("td",null,a.a.createElement($n,Vr({nodekey:"url"},{setProp:t,isFormula:s,node:e}),a.a.createElement("input",{type:"text",className:"form-control",value:l,onChange:v("url")})))),"Upload"===o&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"File")),a.a.createElement("td",null,a.a.createElement("input",{type:"file",className:"form-control",value:f,onChange:function(e){if(e.target.files&&e.target.files.length>0){var n=new FormData;n.append("file",e.target.files[0]),n.append("min_role_read",d.min_role||1),fetch("/files/upload",{method:"POST",body:n,headers:{"X-Requested-With":"XMLHttpRequest","CSRF-Token":d.csrfToken}}).then((function(e){return e.json()})).then((function(e){h((function(t){return[].concat(Hr(t),[{id:e.success.id,filename:e.success.filename}])})),t((function(t){t.fileid=e.success.id,t.srctype="File"}))})).catch((function(e){console.error("Error:",e)}))}}}))),"Field"===o&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Field")),a.a.createElement("td",null,a.a.createElement("select",{value:i,className:"form-control form-select",onChange:v("field")},d.fields.filter((function(e){return e.type&&"String"===e.type.name||"_sc_files"===e.reftable_name})).map((function(e,t){return a.a.createElement("option",{key:t,value:e.name},e.label)}))))),"Upload"!==o&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Alt text")),a.a.createElement("td",null,a.a.createElement($n,Vr({nodekey:"alt"},{setProp:t,isFormula:s,node:e}),a.a.createElement("input",{type:"text",className:"form-control",value:c,onChange:v("alt")})))),"Upload"!==o&&a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement(Vn,{block:u,setProp:t}))))),a.a.createElement("div",{accordiontitle:"Box",className:"w-100"},a.a.createElement(bn,{setProp:t,node:e,sizeWithStyle:!0})))},segment_type:"image",fields:[{name:"alt",canBeFormula:!0},{name:"url",canBeFormula:!0},{name:"srctype",default:"File"},{name:"fileid",default:0},"field","block",{name:"style",default:{}}]}};var Qr=function(e){var t=e.contents,n=e.titles,o=e.tabsStyle,i=e.ntabs,l=e.independent,c=(e.field,lt((function(e){return{selected:e.events.selected}}))),u=c.selected,s=c.connectors,f=s.connect,d=s.drag,p=Kr(Object(r.useState)(0),2),m=p[0],h=p[1],v=Kr(Object(r.useState)([!0]),2),g=v[0],y=v[1];return"Accordion"===o?a.a.createElement("div",{className:"accordion"},kn(i,(function(e){return a.a.createElement("div",{key:e,className:"card"},a.a.createElement("div",{className:"card-header"},a.a.createElement("h2",{className:"mb-0"},a.a.createElement("button",{className:"btn btn-link btn-block text-left",type:"button",onClick:function(){if(h(e),l){var t=$r(g);t[e]=!t[e],y(t)}else{var n=[];n[e]=!0,y(n)}}},n[e]))),a.a.createElement("div",{id:"collapse".concat(e),className:"collapse ".concat(l&&g[e]||!l&&m==e?"show":""),"aria-labelledby":"headingOne","data-parent":"#accordionExample"},a.a.createElement("div",{className:"card-body"},a.a.createElement(mt,{canvas:!0,id:"Tab".concat(e),is:vn},t[e]))))}))):a.a.createElement(r.Fragment,null,a.a.createElement("ul",{id:"myTab",role:"tablist",className:"nav ".concat("Tabs"===o?"nav-tabs":"nav-pills"," builder ").concat(u?"selected-node":""),ref:function(e){return f(d(e))}},kn(i,(function(e){return a.a.createElement("li",{key:e,className:"nav-item",role:"presentation"},a.a.createElement("a",{className:"nav-link ".concat(e===m?"active":""),onClick:function(){return h(e)}},n[e]&&(void 0===n[e].label?n[e]:""===n[e].label?"(empty)":n[e].label)))}))),a.a.createElement("div",{className:"tab-content",id:"myTabContent"},kn(i,(function(e){return a.a.createElement("div",{key:e,className:"tab-pane fade ".concat(e===m?"show active":""),role:"tabpanel","aria-labelledby":"home-tab"},a.a.createElement(mt,{canvas:!0,id:"Tab".concat(e),is:vn},t[e]))}))))};Qr.craft={props:{titles:["Tab1","Tab2"],ntabs:2,tabsStyle:"Tabs",independent:!1,deeplink:!0},displayName:"Tabs",related:{settings:function(){var e=lt((function(e){return{tabsStyle:e.data.props.tabsStyle,ntabs:e.data.props.ntabs,independent:e.data.props.independent,deeplink:e.data.props.deeplink,titles:e.data.props.titles,field:e.data.props.field}})),t=e.actions.setProp,n=e.titles,o=e.tabsStyle,i=e.deeplink,l=e.independent,c=e.ntabs,u=e.field,s=Object(r.useContext)(Rt);return Object(r.useEffect)((function(){u&&fetch("/api/".concat(s.tableName,"/distinct/").concat(u),{method:"GET",headers:{"Content-Type":"application/json","CSRF-Token":s.csrfToken}}).then((function(e){return e.status<399?e.json():""})).then((function(e){if(e.success){var n=e.success.length;t((function(e){return e.ntabs=n})),t((function(t){return t.titles=e.success}))}}))}),[u]),a.a.createElement("table",{className:"w-100",accordiontitle:"Placement"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("th",null,a.a.createElement("label",null,"Style")),a.a.createElement("td",null,a.a.createElement("select",{value:o,className:"form-control form-select",onChange:function(e){return t((function(t){t.tabsStyle=e.target.value}))}},a.a.createElement("option",null,"Tabs"),a.a.createElement("option",null,"Pills"),a.a.createElement("option",null,"Accordion"),["show","edit"].includes(s.mode)&&a.a.createElement("option",null,"Value switch")))),"Value switch"===o?a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Field")),a.a.createElement("td",null,a.a.createElement("select",{value:u,className:"form-control form-select",onChange:function(e){t((function(t){return t.field=e.target.value}))}},s.fields.map((function(e,t){return a.a.createElement("option",{key:t,value:e.name},e.label)}))))):a.a.createElement(r.Fragment,null,a.a.createElement("tr",null,a.a.createElement("th",null,a.a.createElement("label",null,"Number of sections")),a.a.createElement("td",null,a.a.createElement("input",{type:"number",className:"form-control",value:c,step:"1",min:"0",max:"20",onChange:function(e){return t((function(t){return t.ntabs=e.target.value}))}}))),a.a.createElement("tr",null,a.a.createElement("th",{colSpan:"2"},"Titles")),kn(c,(function(e){return a.a.createElement("tr",{key:e},a.a.createElement("th",null,e+1),a.a.createElement("td",null,a.a.createElement("input",{type:"text",className:"form-control text-to-display",value:n[e],onChange:function(n){return t((function(t){return t.titles[e]=n.target.value}))}})))})),"Accordion"===o?a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:l,onChange:function(e){e.target&&t((function(t){return t.independent=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Open independently")))):a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:i,onChange:function(e){e.target&&t((function(t){return t.deeplink=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Deep link")))))))}}};var Xr=function(e){!function(e){if(null==e)throw new TypeError("Cannot destructure undefined")}(e);var t=lt((function(e){return{selected:e.events.selected}})),n=(t.selected,t.connectors);n.connect,n.drag;return null};function Jr(){return(Jr=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}Xr.craft={displayName:"Empty"};var Zr=function(e){var t=e.name,n=e.block,r=e.full_width,o=lt((function(e){return{selected:e.events.selected}})),i=o.selected,l=o.connectors,c=l.connect,u=l.drag;return a.a.createElement("span",Jr({className:i?"selected-node":""},Bn(n),{ref:function(e){return c(u(e))}}),a.a.createElement("select",{disabled:!0,className:r?"w-100":""},a.a.createElement("option",null,t)))};function ea(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,l=e[Symbol.iterator]();!(r=(i=l.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==l.return||l.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return ta(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return ta(e,t)}(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 ta(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}Zr.craft={displayName:"DropDownFilter",related:{settings:function(){var e=lt((function(e){return{name:e.data.props.name,block:e.data.props.block,neutral_label:e.data.props.neutral_label,full_width:e.data.props.full_width,where:e.data.props.where}})),t=e.actions.setProp,n=e.name,o=e.block,i=e.neutral_label,l=e.full_width,c=e.where,u=Object(r.useContext)(Rt);return a.a.createElement("table",{className:"w-100"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Field")),a.a.createElement("td",null,a.a.createElement("select",{value:n,className:"form-control form-select",onChange:function(e){return t((function(t){return t.name=e.target.value}))}},u.fields.map((function(e,t){return a.a.createElement("option",{key:t,value:e.name},e.label)}))))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Neutral label")),a.a.createElement("td",null,a.a.createElement("input",{value:i,className:"form-control",onChange:function(e){return t((function(t){return t.neutral_label=e.target.value}))}}))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Where")),a.a.createElement("td",null,a.a.createElement("input",{value:c,className:"form-control",onChange:function(e){return t((function(t){return t.where=e.target.value}))}}))),a.a.createElement("tr",null,a.a.createElement("td",null),a.a.createElement("td",null,a.a.createElement(Vn,{block:o,setProp:t}))),a.a.createElement("tr",null,a.a.createElement("td",null),a.a.createElement("td",null,a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:l,onChange:function(e){return t((function(t){return t.full_width=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Full width"))))))},segment_type:"dropdown_filter",column_type:"DropDownFilter",fields:[{name:"name",segment_name:"field_name",column_name:"field_name"},"full_width","neutral_label","where","block"]}};var na=function(e){var t=e.children,n=e.action_style,o=e.action_size,i=e.action_icon,l=e.action_bgcol,c=e.action_bordercol,u=e.action_textcol,s=e.block,f=e.label,d=lt((function(e){return{selected:e.events.selected}})),p=d.selected,m=d.connectors,h=m.connect,v=m.drag,g=ea(Object(r.useState)(!1),2),y=g[0],b=g[1];return a.a.createElement("div",{className:"".concat(p?"selected-node":""," ").concat(s?"d-block":""),ref:function(e){return h(v(e))}},a.a.createElement("button",{className:"btn ".concat(n||"btn-primary"," ").concat(o||""," "),style:"btn-custom-color"===n?{backgroundColor:l||"#000000",borderColor:c||"#000000",color:u||"#000000"}:{}},a.a.createElement(Hn,{icon:i,className:"me-1"}),f,a.a.createElement(Yt,{icon:Jt,className:"ms-1",onClick:function(){return b(!y)}})),a.a.createElement("div",{className:"dropdown-menu dropmenu-dropdown ".concat(y?"show":"")},a.a.createElement("div",{className:"canvas d-flex flex-column"},t)))};function ra(){return(ra=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}na.craft={displayName:"DropMenu",props:{label:"Menu",block:!1},related:{settings:function(){var e=lt((function(e){return{label:e.data.props.label,block:e.data.props.block,action_style:e.data.props.action_style,action_size:e.data.props.action_size,action_icon:e.data.props.action_icon,action_bgcol:e.data.props.action_bgcol,action_bordercol:e.data.props.action_bordercol,action_textcol:e.data.props.action_textcol}})),t=e.actions.setProp,n=(e.label,e.block);return a.a.createElement("table",{className:"w-100"},a.a.createElement("tbody",null,a.a.createElement(ur,{field:{label:"Label",name:"label",type:"String"},node:e,setProp:t}),a.a.createElement(fr,{setProp:t,keyPrefix:"action_",values:e}),a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement(Vn,{block:n,setProp:t})))))},segment_type:"dropdown_menu",hasContents:!0,fields:["label","block","action_style","action_size","action_icon","action_bgcol","action_bordercol","action_textcol"]}};var aa=function(e){e.name;var t=e.value,n=e.preset_value,r=e.block,o=e.label,i=e.size,l=e.style,c=lt((function(e){return{selected:e.events.selected}})),u=c.selected,s=c.connectors,f=s.connect,d=s.drag;return a.a.createElement("span",ra({className:u?"selected-node":""},Bn(r),{ref:function(e){return f(d(e))}}),a.a.createElement("button",{className:"btn btn-outline-".concat(l||"primary"," ").concat(i)},o||t||n||"Set label"))};aa.craft={displayName:"ToggleFilter",related:{settings:function(){var e=lt((function(e){return{name:e.data.props.name,value:e.data.props.value,preset_value:e.data.props.preset_value,block:e.data.props.block,label:e.data.props.label,size:e.data.props.size,style:e.data.props.style}})),t=e.actions.setProp,n=e.name,o=e.value,i=e.block,l=e.preset_value,c=e.label,u=e.size,s=e.style,f=Object(r.useContext)(Rt),d=f.fields.find((function(e){return e.name===n})),p=d.preset_options,m=d&&"Bool"===d.type.name,h=function(e){return function(n){if(n.target){var r=n.target.value;t((function(t){return t[e]=r}))}}};return a.a.createElement("table",{className:"w-100"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Field")),a.a.createElement("td",null,a.a.createElement("select",{value:n,className:"form-control form-select",onChange:function(e){t((function(t){return t.name=e.target.value}));var n=f.fields.find((function(t){return t.name===e.target.value}));n&&"Bool"===n.type.name&&t((function(e){return e.value="on"})),t((function(e){return e.preset_value=""}))}},f.fields.map((function(e,t){return a.a.createElement("option",{key:t,value:e.name},e.label)}))))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Value")),a.a.createElement("td",null,m?a.a.createElement("select",{value:o,className:"w-100 form-select",onChange:h("value")},a.a.createElement("option",{value:"on"},"True"),a.a.createElement("option",{value:"off"},"False"),a.a.createElement("option",{value:"?"},"Both")):a.a.createElement("input",{value:o,className:"w-100",onChange:h("value")}))),p&&p.length>0?a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Preset")),a.a.createElement("td",null,a.a.createElement("select",{value:l,className:"form-control form-select",onChange:h("preset_value")},a.a.createElement("option",{value:""}),p.map((function(e,t){return a.a.createElement("option",{key:t,value:e},e)}))))):null,a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Label")),a.a.createElement("td",null,a.a.createElement("input",{value:c,className:"w-100",onChange:h("label")}))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Button size")),a.a.createElement("td",null,a.a.createElement("select",{className:"form-control form-select",value:u,onChange:h("size")},a.a.createElement("option",{value:""},"Standard"),a.a.createElement("option",{value:"btn-lg"},"Large"),a.a.createElement("option",{value:"btn-sm"},"Small"),a.a.createElement("option",{value:"btn-block"},"Block"),a.a.createElement("option",{value:"btn-block btn-lg"},"Large block"),a.a.createElement("option",{value:"btn-block btn-sm"},"Small block")))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Button style")),a.a.createElement("td",null,a.a.createElement("select",{className:"form-control form-select",value:s,onChange:h("style")},a.a.createElement("option",{value:"primary"},"Primary"),a.a.createElement("option",{value:"secondary"},"Secondary"),a.a.createElement("option",{value:"success"},"Success"),a.a.createElement("option",{value:"danger"},"Danger"),a.a.createElement("option",{value:"warning"},"Warning"),a.a.createElement("option",{value:"info"},"Info"),a.a.createElement("option",{value:"light"},"Light"),a.a.createElement("option",{value:"dark"},"Dark")))),a.a.createElement("tr",null,a.a.createElement("td",null),a.a.createElement("td",null,a.a.createElement(Vn,{block:i,setProp:t})))))},segment_type:"toggle_filter",column_type:"ToggleFilter",fields:[{name:"name",segment_name:"field_name",column_name:"field_name"},"value","preset_value","block","label","size","style"]}};var oa=function(e){var t=e.children,n=e.isFormula,r=e.title,o=e.shadow,i=e.noPadding,l=e.style,c=lt((function(e){return{selected:e.events.selected}})),u=c.selected,s=c.connectors,f=s.connect,d=s.drag;return a.a.createElement("div",{className:"card ".concat(o?"shadow":""," builder ").concat(u?"selected-node":""),style:tr(l),ref:function(e){return f(d(e))}},r&&r.length>0&&a.a.createElement("div",{className:"card-header"},n.title?a.a.createElement("span",{className:"font-monospace"},"=",r):r),a.a.createElement("div",{className:"card-body ".concat(i?"p-0":"")},a.a.createElement("div",{className:"canvas"},t)))},ia=[{label:"Card title",name:"title",type:"String",canBeFormula:!0},{label:"URL",name:"url",type:"String",canBeFormula:!0},{label:"Shadow",name:"shadow",type:"Bool"},{label:"No padding",name:"noPadding",type:"Bool"},{name:"style",default:{}}];function la(){return(la=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function ca(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}oa.craft={props:{title:"",url:"",shadow:!0,isFormula:{},style:{}},displayName:"Card",related:{settings:function(){var e=lt((function(e){var t={};return ia.forEach((function(n){t[n.name]=e.data.props[n.name]})),ia.some((function(e){return e.canBeFormula}))&&(t.isFormula=e.data.props.isFormula),t})),t=e.actions.setProp;return a.a.createElement(Xn,null,a.a.createElement("table",{className:"w-100",accordiontitle:"Card properties"},a.a.createElement("tbody",null,a.a.createElement(ur,{field:{label:"Card title",name:"title",type:"String",canBeFormula:!0},node:e,setProp:t}),a.a.createElement(ur,{field:{label:"URL",name:"url",type:"String",canBeFormula:!0},node:e,setProp:t}),a.a.createElement(ur,{field:{label:"Shadow",name:"shadow",type:"Bool"},node:e,setProp:t}),a.a.createElement(ur,{field:{label:"No padding",name:"noPadding",type:"Bool"},node:e,setProp:t}))),a.a.createElement("div",{accordiontitle:"Box",className:"w-100"},a.a.createElement(bn,{setProp:t,node:e,sizeWithStyle:!0})))},segment_type:"card",hasContents:!0,fields:ia}};var ua=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=ca(e,["color","size"]);return a.a.createElement("svg",la({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z"}),a.a.createElement("path",{d:"M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z"}))}));ua.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},ua.defaultProps={color:"currentColor",size:"1em"};var sa=ua;function fa(){return(fa=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function da(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var pa=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=da(e,["color","size"]);return a.a.createElement("svg",fa({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"m10.79 12.912-1.614-1.615a3.5 3.5 0 0 1-4.474-4.474l-2.06-2.06C.938 6.278 0 8 0 8s3 5.5 8 5.5a7.029 7.029 0 0 0 2.79-.588zM5.21 3.088A7.028 7.028 0 0 1 8 2.5c5 0 8 5.5 8 5.5s-.939 1.721-2.641 3.238l-2.062-2.062a3.5 3.5 0 0 0-4.474-4.474L5.21 3.089z"}),a.a.createElement("path",{d:"M5.525 7.646a2.5 2.5 0 0 0 2.829 2.829l-2.83-2.829zm4.95.708-2.829-2.83a2.5 2.5 0 0 1 2.829 2.829zm3.171 6-12-12 .708-.708 12 12-.708.708z"}))}));pa.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},pa.defaultProps={color:"currentColor",size:"1em"};var ma=pa;function ha(){return(ha=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function va(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var ga=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=va(e,["color","size"]);return a.a.createElement("svg",ha({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("rect",{width:"4",height:"12",rx:"1",transform:"matrix(1 0 0 -1 6 15)"}),a.a.createElement("path",{d:"M1.5 2a.5.5 0 0 1 0-1v1zm13-1a.5.5 0 0 1 0 1V1zm-13 0h13v1h-13V1z"}))}));ga.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},ga.defaultProps={color:"currentColor",size:"1em"};var ya=ga;function ba(){return(ba=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function wa(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var Ea=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=wa(e,["color","size"]);return a.a.createElement("svg",ba({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"M6 13a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v10zM1 8a.5.5 0 0 0 .5.5H6v-1H1.5A.5.5 0 0 0 1 8zm14 0a.5.5 0 0 1-.5.5H10v-1h4.5a.5.5 0 0 1 .5.5z"}))}));Ea.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},Ea.defaultProps={color:"currentColor",size:"1em"};var xa=Ea;function ka(){return(ka=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function _a(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var Oa=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=_a(e,["color","size"]);return a.a.createElement("svg",ka({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("rect",{width:"4",height:"12",x:"6",y:"1",rx:"1"}),a.a.createElement("path",{d:"M1.5 14a.5.5 0 0 0 0 1v-1zm13 1a.5.5 0 0 0 0-1v1zm-13 0h13v-1h-13v1z"}))}));Oa.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},Oa.defaultProps={color:"currentColor",size:"1em"};var Sa=Oa;function Ca(){return(Ca=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function ja(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var Pa=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=ja(e,["color","size"]);return a.a.createElement("svg",Ca({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{fillRule:"evenodd",d:"M1.5 1a.5.5 0 0 1 .5.5v13a.5.5 0 0 1-1 0v-13a.5.5 0 0 1 .5-.5z"}),a.a.createElement("path",{d:"M3 7a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7z"}))}));Pa.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},Pa.defaultProps={color:"currentColor",size:"1em"};var Na=Pa;function Ta(){return(Ta=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Aa(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var Ra=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=Aa(e,["color","size"]);return a.a.createElement("svg",Ta({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"M8 1a.5.5 0 0 1 .5.5V6h-1V1.5A.5.5 0 0 1 8 1zm0 14a.5.5 0 0 1-.5-.5V10h1v4.5a.5.5 0 0 1-.5.5zM2 7a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7z"}))}));Ra.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},Ra.defaultProps={color:"currentColor",size:"1em"};var Ia=Ra;function za(){return(za=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Ma(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var Fa=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=Ma(e,["color","size"]);return a.a.createElement("svg",za({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{fillRule:"evenodd",d:"M14.5 1a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 1 0v-13a.5.5 0 0 0-.5-.5z"}),a.a.createElement("path",{d:"M13 7a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V7z"}))}));Fa.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},Fa.defaultProps={color:"currentColor",size:"1em"};var La=Fa;function Da(){return(Da=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Ua(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var qa=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=Ua(e,["color","size"]);return a.a.createElement("svg",Da({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"}),a.a.createElement("path",{d:"M11.354 4.646a.5.5 0 0 0-.708 0l-6 6a.5.5 0 0 0 .708.708l6-6a.5.5 0 0 0 0-.708z"}))}));qa.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},qa.defaultProps={color:"currentColor",size:"1em"};var Ha=qa;function Ba(){return(Ba=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Va(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var Wa=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=Va(e,["color","size"]);return a.a.createElement("svg",Ba({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"M6.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"}),a.a.createElement("path",{d:"M2.002 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2h-12zm12 1a1 1 0 0 1 1 1v6.5l-3.777-1.947a.5.5 0 0 0-.577.093l-3.71 3.71-2.66-1.772a.5.5 0 0 0-.63.062L1.002 12V3a1 1 0 0 1 1-1h12z"}))}));Wa.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},Wa.defaultProps={color:"currentColor",size:"1em"};var $a=Wa;function Ka(){return(Ka=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Ya(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var Ga=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=Ya(e,["color","size"]);return a.a.createElement("svg",Ka({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"M8 5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm4 3a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zM5.5 7a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm.5 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"}),a.a.createElement("path",{d:"M16 8c0 3.15-1.866 2.585-3.567 2.07C11.42 9.763 10.465 9.473 10 10c-.603.683-.475 1.819-.351 2.92C9.826 14.495 9.996 16 8 16a8 8 0 1 1 8-8zm-8 7c.611 0 .654-.171.655-.176.078-.146.124-.464.07-1.119-.014-.168-.037-.37-.061-.591-.052-.464-.112-1.005-.118-1.462-.01-.707.083-1.61.704-2.314.369-.417.845-.578 1.272-.618.404-.038.812.026 1.16.104.343.077.702.186 1.025.284l.028.008c.346.105.658.199.953.266.653.148.904.083.991.024C14.717 9.38 15 9.161 15 8a7 7 0 1 0-7 7z"}))}));Ga.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},Ga.defaultProps={color:"currentColor",size:"1em"};var Qa=Ga;function Xa(){return(Xa=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Ja(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var Za=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=Ja(e,["color","size"]);return a.a.createElement("svg",Xa({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"M8 4.5a7 7 0 0 0-7 7 .5.5 0 0 1-1 0 8 8 0 1 1 16 0 .5.5 0 0 1-1 0 7 7 0 0 0-7-7zm0 2a5 5 0 0 0-5 5 .5.5 0 0 1-1 0 6 6 0 1 1 12 0 .5.5 0 0 1-1 0 5 5 0 0 0-5-5zm0 2a3 3 0 0 0-3 3 .5.5 0 0 1-1 0 4 4 0 1 1 8 0 .5.5 0 0 1-1 0 3 3 0 0 0-3-3zm0 2a1 1 0 0 0-1 1 .5.5 0 0 1-1 0 2 2 0 1 1 4 0 .5.5 0 0 1-1 0 1 1 0 0 0-1-1z"}))}));Za.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},Za.defaultProps={color:"currentColor",size:"1em"};var eo=Za;function to(){return(to=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function no(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ro(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?no(Object(n),!0).forEach((function(t){ao(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):no(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ao(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var oo=function(e){var t,n=e.children,r=e.minHeight,o=e.height,i=e.width,l=e.minHeightUnit,c=e.heightUnit,u=e.widthUnit,s=e.vAlign,f=e.hAlign,d=e.bgFileId,p=e.imageSize,m=e.bgType,h=e.display,v=e.bgColor,g=e.setTextColor,y=e.textColor,b=e.customClass,w=e.customCSS,E=(e.margin,e.padding,e.minScreenWidth,e.gradStartColor),x=e.gradEndColor,k=e.gradDirection,_=e.rotate,O=e.style,S=e.htmlElement,C=lt((function(e){return{selected:e.events.selected}})),j=C.selected,P=C.connectors,N=P.connect,T=P.drag;return a.a.createElement(S,{ref:function(e){return N(T(e))},className:"".concat(b||""," canvas text-").concat(f," ").concat("middle"===s?"d-flex align-items-center":""," ").concat("middle"===s&&"center"===f&&"justify-content-center"," ").concat(j?"selected-node":""),style:ro(ro(ro(ro(ro(ro(ro(ro(ro({},(t=w||"",(t||"").split("\n").join("").split(";").filter((function(e){return e.split(":")[0]&&e.split(":")[1]})).map((function(e){return[e.split(":")[0].trim().replace(/-./g,(function(e){return e.substr(1).toUpperCase()})),e.split(":")[1].trim()]})).reduce((function(e,t){return Fn(Fn({},e),{},Ln({},t[0],t[1]))}),{}))),tr(O)),{},{display:h,minHeight:r?"".concat(r).concat(l||"px"):null},"Image"===m&&d&&+d?{backgroundImage:"url('/files/serve/".concat(d,"')"),backgroundSize:"repeat"===p?void 0:p||"contain",backgroundRepeat:"repeat"===p?p:"no-repeat"}:{}),"Color"===m?{backgroundColor:v}:{}),"Gradient"===m?{backgroundImage:"linear-gradient(".concat(k||0,"deg, ").concat(E,", ").concat(x,")")}:{}),g?{color:y}:{}),void 0!==o?{height:"".concat(o).concat(c||"px")}:{}),void 0!==i?{width:"".concat(i).concat(u||"px")}:{}),_?{transform:"rotate(".concat(_,"deg)")}:{})},n)};oo.craft={displayName:"Container",props:{minHeight:0,vAlign:"top",hAlign:"left",bgFileId:0,rotate:0,isFormula:{},bgType:"None",fullPageWidth:!1,bgColor:"#ffffff",borderColor:"#000000",setTextColor:!1,textColor:"#ffffff",gradStartColor:"#ff8888",gradEndColor:"#88ff88",gradDirection:"0",imageSize:"contain",showIfFormula:"",showForRole:[],margin:[0,0,0,0],padding:[0,0,0,0],minScreenWidth:"",display:"block",show_for_owner:!1,style:{},htmlElement:"div"},rules:{canDrag:function(){return!0}},related:{settings:function(){var e=lt((function(e){return{minHeight:e.data.props.minHeight,height:e.data.props.height,width:e.data.props.width,minHeightUnit:e.data.props.minHeightUnit,heightUnit:e.data.props.heightUnit,widthUnit:e.data.props.widthUnit,bgType:e.data.props.bgType,bgColor:e.data.props.bgColor,isFormula:e.data.props.isFormula,bgFileId:e.data.props.bgFileId,imageSize:e.data.props.imageSize,htmlElement:e.data.props.htmlElement,vAlign:e.data.props.vAlign,hAlign:e.data.props.hAlign,fullPageWidth:e.data.props.fullPageWidth,showIfFormula:e.data.props.showIfFormula,setTextColor:e.data.props.setTextColor,showForRole:e.data.props.showForRole,textColor:e.data.props.textColor,customClass:e.data.props.customClass,customCSS:e.data.props.customCSS,minScreenWidth:e.data.props.minScreenWidth,maxScreenWidth:e.data.props.maxScreenWidth,show_for_owner:e.data.props.show_for_owner,margin:e.data.props.margin,padding:e.data.props.padding,url:e.data.props.url,hoverColor:e.data.props.hoverColor,gradStartColor:e.data.props.gradStartColor,gradEndColor:e.data.props.gradEndColor,gradDirection:e.data.props.gradDirection,overflow:e.data.props.overflow,rotate:e.data.props.rotate,display:e.data.props.display,style:e.data.props.style}})),t=e.actions.setProp,n=e.bgFileId,o=e.imageSize,i=e.bgType,l=e.display,c=e.bgColor,u=e.setTextColor,s=e.textColor,f=e.showIfFormula,d=e.isFormula,p=e.showForRole,m=e.customClass,h=e.customCSS,v=e.minScreenWidth,g=e.maxScreenWidth,y=e.show_for_owner,b=(e.margin,e.padding,e.url),w=e.hoverColor,E=e.gradStartColor,x=e.gradEndColor,k=e.gradDirection,_=e.fullPageWidth,O=(e.overflow,e.htmlElement,Object(r.useContext)(Rt)),S=Object(r.useContext)(Sr).uploadedFiles,C=!!O.ownership,j=function(e){return function(n){if(n.target){var r=n.target.value;t((function(t){return t[e]=r}))}}};return a.a.createElement(Xn,null,a.a.createElement("div",{accordiontitle:"Box",className:"w-100"},a.a.createElement(bn,{setProp:t,node:e})),a.a.createElement("table",{className:"w-100",accordiontitle:"Display"},a.a.createElement("tbody",null,a.a.createElement(ur,{field:{name:"display",label:"Display",type:"select",options:["block","inline","inline-block","none","flex","inline-flex"]},node:e,setProp:t}),a.a.createElement(ur,{field:{name:"htmlElement",label:"HTML element",type:"select",options:["div","span","article","section","header","nav","main","aside","footer"]},node:e,setProp:t}),a.a.createElement(ur,{field:{name:"overflow",label:"Overflow",type:"btn_select",options:[{value:"visible",title:"Visible",label:a.a.createElement(sa,null)},{value:"hidden",title:"Hidden",label:a.a.createElement(ma,null)},{value:"scroll",title:"Scroll",label:a.a.createElement(Yt,{icon:on})},{value:"auto",title:"Auto",label:a.a.createElement(Yt,{icon:an})}]},node:e,setProp:t}),a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:_,onChange:function(e){return t((function(t){return t.fullPageWidth=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Expand to full page width")))))),a.a.createElement("table",{className:"w-100",accordiontitle:"Contents"},a.a.createElement("tbody",null,a.a.createElement(ur,{field:{name:"rotate",label:"Rotate °",type:"Integer"},node:e,setProp:t}),a.a.createElement(cr,{title:"Align"}),a.a.createElement(ur,{field:{name:"vAlign",label:"Vertical",type:"btn_select",options:[{value:"top",title:"All",label:a.a.createElement(ya,null)},{value:"middle",title:"All",label:a.a.createElement(xa,null)},{value:"bottom",title:"All",label:a.a.createElement(Sa,null)}]},node:e,setProp:t}),a.a.createElement(ur,{field:{name:"hAlign",label:"Horizontal",type:"btn_select",options:[{value:"left",title:"Left",label:a.a.createElement(Na,null)},{value:"center",title:"Center",label:a.a.createElement(Ia,null)},{value:"right",title:"Right",label:a.a.createElement(La,null)}]},node:e,setProp:t}),a.a.createElement(cr,{title:"Background"}),a.a.createElement(ur,{field:{name:"bgType",label:"Type",type:"btn_select",options:[{value:"None",label:a.a.createElement(Ha,null)},{value:"Image",label:a.a.createElement($a,null)},{value:"Color",label:a.a.createElement(Qa,null)},{value:"Gradient",label:a.a.createElement(eo,null)}]},node:e,setProp:t,onChange:function(e){return t((function(e){e.bgFileId=e.bgFileId||O.images.length+S.length>0&&O.images[0].id}))}}),"Gradient"===i&&a.a.createElement(r.Fragment,null,a.a.createElement("tr",null,a.a.createElement("td",null,"Start"),a.a.createElement("td",null,a.a.createElement($n,to({nodekey:"gradStartColor"},{setProp:t,isFormula:d,node:e}),a.a.createElement("input",{type:"color",value:E,className:"form-control-sm w-50",onChange:j("gradStartColor")})))),a.a.createElement("tr",null,a.a.createElement("td",null,"End"),a.a.createElement("td",null,a.a.createElement($n,to({nodekey:"gradEndColor"},{setProp:t,isFormula:d,node:e}),a.a.createElement("input",{type:"color",value:x,className:"form-control-sm w-50",onChange:j("gradEndColor")})))),a.a.createElement("tr",null,a.a.createElement("td",null,"Direction (°)"),a.a.createElement("td",null,a.a.createElement($n,to({nodekey:"gradDirection"},{setProp:t,isFormula:d,node:e}),a.a.createElement("input",{type:"number",min:"0",max:"360",value:k,className:"form-control-sm w-50",onChange:j("gradDirection")}))))),"Image"===i&&a.a.createElement(r.Fragment,null,a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"File")),a.a.createElement("td",null,a.a.createElement("select",{value:n,className:"form-control-sm w-100 form-select",onChange:j("bgFileId")},O.images.map((function(e,t){return a.a.createElement("option",{key:t,value:e.id},e.filename)})),(S||[]).map((function(e,t){return a.a.createElement("option",{key:t,value:e.id},e.filename)}))," "))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Size")),a.a.createElement("td",null,a.a.createElement("select",{value:o,className:"form-control-sm form-select",onChange:j("imageSize")},a.a.createElement("option",null,"contain"),a.a.createElement("option",null,"cover"),a.a.createElement("option",null,"repeat"))))),"Color"===i&&a.a.createElement("tr",null,a.a.createElement("td",null,"Color"),a.a.createElement("td",null,a.a.createElement($n,to({nodekey:"bgColor"},{setProp:t,isFormula:d,node:e}),a.a.createElement("input",{type:"color",value:c,className:"form-control-sm w-50",onChange:j("bgColor")})))),a.a.createElement(cr,{title:"Typography"}),a.a.createElement(ur,{field:{name:"font-family",label:"Font family",type:"Font"},node:e,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:"font-size",label:"Font size",type:"DimUnits"},node:e,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:"font-weight",label:"Weight",type:"Integer",min:100,max:900,step:100},node:e,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:"line-height",label:"Line height",type:"DimUnits"},node:e,setProp:t,isStyle:!0}),a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement("label",null,"Set text color",a.a.createElement("input",{name:"setTextColor",type:"checkbox",checked:u,onChange:function(e){return t((function(t){return t.setTextColor=e.target.checked}))}})))),u&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Text")),a.a.createElement("td",null,a.a.createElement("input",{type:"color",value:s,className:"form-control-sm",onChange:j("textColor")}))))),a.a.createElement("table",{className:"w-100",accordiontitle:"Flex properties"},a.a.createElement("tbody",null,a.a.createElement(cr,{title:"Flex item"}),a.a.createElement(ur,{field:{name:"flex-grow",label:"Grow",type:"Float"},node:e,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:"flex-shrink",label:"Shrink",type:"Float"},node:e,setProp:t,isStyle:!0}),l&&l.includes("flex")&&a.a.createElement(r.Fragment,null,a.a.createElement(cr,{title:"Flex container"}),a.a.createElement(ur,{field:{name:"flex-direction",label:"Direction",type:"select",options:["row","row-reverse","column","column-reverse"]},node:e,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:"flex-wrap",label:"Wrap",type:"select",options:["nowrap","wrap","wrap-reverse"]},node:e,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:"justify-content",label:"Justify content",type:"select",options:["flex-start","flex-end","center","space-between","space-around","space-evenly","start","end","left","right"]},node:e,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:"align-items",label:"Align items",type:"select",options:["stretch","flex-start","flex-end","center","baseline","first baseline","last baseline","start","end","self-start","self-end"]},node:e,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:"align-content",label:"Align content",type:"select",options:["flex-start","flex-end","center","space-between","space-around","space-evenly","stretch","start","end","baseline","first baseline","last baseline"]},node:e,setProp:t,isStyle:!0})))),a.a.createElement("table",{className:"w-100",accordiontitle:"Show if..."},a.a.createElement("tbody",null,["show","edit"].includes(O.mode)&&a.a.createElement(cr,{title:"Formula - show if true"}),["show","edit"].includes(O.mode)&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("input",{type:"text",className:"form-control text-to-display",value:f,onChange:j("showIfFormula")}),a.a.createElement("div",{style:{marginTop:"-5px"}},a.a.createElement("small",{className:"text-muted font-monospace"},"FORMULA")))),a.a.createElement(cr,{title:"Role"}),O.roles.map((function(e){var n=e.role,r=e.id;return a.a.createElement("tr",{key:r},a.a.createElement("td",{colSpan:"2"},a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:void 0===p[r]||p[r],onChange:function(e){return t((function(t){t.showForRole&&0!==t.showForRole.length||O.roles.forEach((function(e){return t.showForRole[e.id]=!0})),t.showForRole[r]=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},n))))})),C?a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:y,onChange:function(e){return t((function(t){return t.show_for_owner=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Owner")))):null,a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Min screen width")),a.a.createElement("td",null,a.a.createElement("select",{value:v,className:"form-control form-select",onChange:j("minScreenWidth")},a.a.createElement("option",{value:""},"all"),a.a.createElement("option",{value:"sm"},"small"),a.a.createElement("option",{value:"md"},"medium"),a.a.createElement("option",{value:"lg"},"large"),a.a.createElement("option",{value:"xl"},"x-large")))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Max screen width")),a.a.createElement("td",null,a.a.createElement("select",{value:g,className:"form-control form-select",onChange:j("maxScreenWidth")},a.a.createElement("option",{value:""},"all"),a.a.createElement("option",{value:"md"},"small"),a.a.createElement("option",{value:"lg"},"medium"),a.a.createElement("option",{value:"xl"},"large")))))),a.a.createElement("div",{accordiontitle:"Container link"},a.a.createElement("label",null,"URL"),a.a.createElement($n,to({nodekey:"url"},{setProp:t,isFormula:d,node:e}),a.a.createElement("input",{type:"text",className:"form-control",value:b,onChange:j("url")})),a.a.createElement("label",null,"Hover color"),a.a.createElement("select",{value:w,className:"form-control form-select",onChange:j("hoverColor")},a.a.createElement("option",{value:""},"None"),a.a.createElement("option",{value:"gray"},"gray"),a.a.createElement("option",{value:"gray-dark"},"gray-dark"),a.a.createElement("option",{value:"light"},"light"),a.a.createElement("option",{value:"dark"},"dark"))),a.a.createElement("div",{accordiontitle:"Custom class/CSS"},a.a.createElement("div",null,a.a.createElement("label",null,"Custom class")),a.a.createElement($n,to({nodekey:"customClass"},{setProp:t,isFormula:d,node:e}),a.a.createElement("input",{type:"text",className:"form-control text-to-display",value:m,onChange:j("customClass")})),a.a.createElement("div",null,a.a.createElement("label",null,"Custom CSS")),a.a.createElement("textarea",{rows:"4",type:"text",className:"text-to-display form-control",value:h,onChange:j("customCSS")})))}}};var io=function(e){e.name;var t=e.view,n=e.configuration,o=e.state,i=lt((function(e){return{selected:e.events.selected,node_id:e.id}})),l=i.selected,c=i.node_id,u=i.connectors,s=u.connect,f=u.drag,d=Object(r.useContext)(Rt),p=d.views.find((function(e){return e.name===t})),m=p?p.label:t,h=Object(r.useContext)(Sr),v=h.previews,g=h.setPreviews,y=v[c];return Object(r.useEffect)((function(){!function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return function(){var t,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=Fn(Fn({},e),n),a=r.node_id,o=r.options,i=r.view,l=r.setPreviews,c=r.configuration,u=c?Fn({},c):{};if(i.includes(":")){var s=i.split(":"),f=Dn(s,2),d=f[0],p=f[1],m=p.split("."),h=Dn(m,1),v=h[0];t=v,u.reltype=d,u.path=p}else t=i;Jn({options:o,node_id:a,setPreviews:l,url:"/view/".concat(t,"/preview"),body:u,isView:!0})}}({options:d,view:t,setPreviews:g,configuration:n,node_id:c})()}),[t,n,o]),a.a.createElement("div",{ref:function(e){return s(f(e))},className:"".concat(y?"":"builder-embed-view"," text-center ").concat(l?"selected-node":"")},y?a.a.createElement("div",{className:"d-inline",dangerouslySetInnerHTML:{__html:y}}):"View: ".concat(m))};function lo(){return(lo=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}io.craft={displayName:"View",related:{settings:function(){var e,t=lt((function(e){return{name:e.data.props.name,view:e.data.props.view,state:e.data.props.state,extra_state_fml:e.data.props.extra_state_fml,configuration:e.data.props.configuration,node_id:e.id}})),n=t.actions.setProp,o=(t.name,t.view),i=t.state,l=(t.node_id,t.configuration),c=t.extra_state_fml,u=Object(r.useContext)(Rt),s=u.views,f=u.fixed_state_fields&&u.fixed_state_fields[o];Object(r.useContext)(Sr).setPreviews;return a.a.createElement("div",null,a.a.createElement("div",null,a.a.createElement("label",null,"View to ","show"===u.mode?"embed":"show"),a.a.createElement("select",{value:o,className:"form-control form-select",onChange:function(e){n((function(t){return t.view=e.target.value}))}},s.map((function(e,t){return a.a.createElement("option",{key:t,value:e.name},e.label||e.name)})))),"page"===u.mode&&a.a.createElement(r.Fragment,null,a.a.createElement("div",null,a.a.createElement("label",null,"State"),a.a.createElement("select",{value:i,className:"form-control form-select",onChange:(e="state",function(t){if(t.target){var r=t.target.value;n((function(t){return t[e]=r}))}})},a.a.createElement("option",{value:"shared"},"Shared"),a.a.createElement("option",{value:"fixed"},"Fixed"))),"fixed"===i&&f&&f.length>0&&a.a.createElement(r.Fragment,null,a.a.createElement("h6",null,"View state fields"),a.a.createElement(ar,{fields:f,configuration:l||{},setProp:n,node:t}))),("shared"===i||"page"===u.mode)&&a.a.createElement(r.Fragment,null," ",a.a.createElement("label",null,"Extra state Formula"),a.a.createElement("input",{type:"text",className:"viewlink-label form-control",value:c,onChange:function(e){return n((function(t){return t.extra_state_fml=e.target.value}))}})),o?a.a.createElement("a",{className:"d-block mt-2",target:"_blank",href:"/viewedit/config/".concat(o)},"Configure this view"):null)}}};var co=function(e){var t=e.text,n=e.block,r=e.isFormula,o=e.textStyle,i=e.link_style,l=e.link_size,c=e.link_icon,u=e.link_bgcol,s=e.link_bordercol,f=e.link_textcol,d=lt((function(e){return{selected:e.events.selected}})),p=d.selected,m=d.connectors,h=m.connect,v=m.drag;return a.a.createElement("span",lo({className:"".concat(o," is-builder-link ").concat(p?"selected-node":""," ").concat(r.text?"font-monospace":""," ").concat(i," ").concat(l)},Bn(n),{ref:function(e){return h(v(e))},style:"btn btn-custom-color"===i?{backgroundColor:u||"#000000",borderColor:s||"#000000",color:f||"#000000"}:{}}),a.a.createElement(Hn,{icon:c,className:"me-1"}),r.text?"=".concat(t):t)};function uo(){return(uo=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function so(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}co.craft={defaultProps:{text:"Click here",url:"https://saltcorn.com/",block:!1,nofollow:!1,target_blank:!1,isFormula:{},textStyle:"",link_src:"URL"},displayName:"Link",related:{settings:function(){var e=lt((function(e){return{text:e.data.props.text,url:e.data.props.url,block:e.data.props.block,isFormula:e.data.props.isFormula,textStyle:e.data.props.textStyle,nofollow:e.data.props.nofollow,in_modal:e.data.props.in_modal,link_src:e.data.props.link_src,target_blank:e.data.props.target_blank,link_style:e.data.props.link_style,link_size:e.data.props.link_size,link_icon:e.data.props.link_icon,link_bgcol:e.data.props.link_bgcol,link_bordercol:e.data.props.link_bordercol,link_textcol:e.data.props.link_textcol}})),t=e.actions.setProp,n=e.text,o=e.url,i=e.block,l=e.isFormula,c=e.textStyle,u=e.nofollow,s=e.target_blank,f=e.link_src,d=e.in_modal,p=Object(r.useContext)(Rt),m=function(e){return function(n){if(n.target){var r=n.target.value;t((function(t){return t[e]=r}))}}};return a.a.createElement("div",null,a.a.createElement("table",{className:"w-100"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Text to display")),a.a.createElement("td",null,a.a.createElement($n,lo({nodekey:"text"},{setProp:t,isFormula:l,node:e}),a.a.createElement("input",{type:"text",className:"form-control text-to-display",value:n,onChange:m("text")})))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Link source")),a.a.createElement("td",null,a.a.createElement("select",{value:f,className:"form-control form-select",onChange:function(e){return t((function(t){t.link_src=e.target.value,"URL"!==e.target.value&&(t.isFormula.url=!1)}))}},a.a.createElement("option",null,"URL"),(p.pages||[]).length>0&&a.a.createElement("option",null,"Page"),(p.views||[]).length>0&&"page"===p.mode&&a.a.createElement("option",null,"View")))),"URL"===f&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"URL")),a.a.createElement("td",null,a.a.createElement($n,lo({nodekey:"url"},{setProp:t,isFormula:l,node:e}),a.a.createElement("input",{type:"text",className:"form-control ",value:o,onChange:m("url")})))),"Page"===f&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Page")),a.a.createElement("td",null,a.a.createElement("select",{value:o,className:"form-control form-select",onChange:m("url")},a.a.createElement("option",null),(p.pages||[]).map((function(e){return a.a.createElement("option",{value:"/page/".concat(e.name)},e.name)}))))),"View"===f&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"View")),a.a.createElement("td",null,a.a.createElement("select",{value:o,className:"form-control form-select",onChange:m("url")},a.a.createElement("option",null),(p.views||[]).map((function(e){return a.a.createElement("option",{value:"/view/".concat(e.name)},e.name," [",e.viewtemplate,"]")}))))),a.a.createElement(fr,{setProp:t,keyPrefix:"link_",btnClass:"btn",values:e,linkFirst:!0}))),a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:u,onChange:function(e){return t((function(t){return t.nofollow=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Nofollow")),a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:s,onChange:function(e){return t((function(t){return t.target_blank=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Open in new tab")),a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:d,onChange:function(e){return t((function(t){return t.in_modal=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Open in popup modal?")),a.a.createElement(Vn,{block:i,setProp:t}),a.a.createElement(Gn,{textStyle:c,setProp:t}))},segment_type:"link",fields:[{name:"text",canBeFormula:!0},{name:"url",canBeFormula:!0},{name:"link_src",default:"URL"},"block","nofollow","target_blank","textStyle","link_size","link_icon","link_style","link_bgcol","link_bordercol","link_textcol","in_modal"]}};var fo=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=so(e,["color","size"]);return a.a.createElement("svg",uo({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"M1.5 2.5A1.5 1.5 0 0 1 3 1h10a1.5 1.5 0 0 1 1.5 1.5v3.563a2 2 0 0 1 0 3.874V13.5A1.5 1.5 0 0 1 13 15H3a1.5 1.5 0 0 1-1.5-1.5V9.937a2 2 0 0 1 0-3.874V2.5zm1 3.563a2 2 0 0 1 0 3.874V13.5a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5V9.937a2 2 0 0 1 0-3.874V2.5A.5.5 0 0 0 13 2H3a.5.5 0 0 0-.5.5v3.563zM2 7a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm12 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"}),a.a.createElement("path",{d:"M11.434 4H4.566L4.5 5.994h.386c.21-1.252.612-1.446 2.173-1.495l.343-.011v6.343c0 .537-.116.665-1.049.748V12h3.294v-.421c-.938-.083-1.054-.21-1.054-.748V4.488l.348.01c1.56.05 1.963.244 2.173 1.496h.386L11.434 4z"}))}));fo.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},fo.defaultProps={color:"currentColor",size:"1em"};var po=fo;function mo(){return(mo=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function ho(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var vo=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=ho(e,["color","size"]);return a.a.createElement("svg",mo({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"M0 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6zm6 3h4V5H6v4zm9-1V6a1 1 0 0 0-1-1h-3v4h3a1 1 0 0 0 1-1z"}))}));vo.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},vo.defaultProps={color:"currentColor",size:"1em"};var go=vo;function yo(){return(yo=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function bo(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var wo=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=bo(e,["color","size"]);return a.a.createElement("svg",yo({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"M5 2V0H0v5h2v6H0v5h5v-2h6v2h5v-5h-2V5h2V0h-5v2H5zm6 1v2h2v6h-2v2H5v-2H3V5h2V3h6zm1-2h3v3h-3V1zm3 11v3h-3v-3h3zM4 15H1v-3h3v3zM1 4V1h3v3H1z"}))}));wo.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},wo.defaultProps={color:"currentColor",size:"1em"};var Eo=wo;function xo(){return(xo=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function ko(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var _o=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=ko(e,["color","size"]);return a.a.createElement("svg",xo({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{fillRule:"evenodd",d:"M6 3.5A1.5 1.5 0 0 1 7.5 2h1A1.5 1.5 0 0 1 10 3.5v1A1.5 1.5 0 0 1 8.5 6v1H14a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0v-1A.5.5 0 0 1 2 7h5.5V6A1.5 1.5 0 0 1 6 4.5v-1zm-6 8A1.5 1.5 0 0 1 1.5 10h1A1.5 1.5 0 0 1 4 11.5v1A1.5 1.5 0 0 1 2.5 14h-1A1.5 1.5 0 0 1 0 12.5v-1zm6 0A1.5 1.5 0 0 1 7.5 10h1a1.5 1.5 0 0 1 1.5 1.5v1A1.5 1.5 0 0 1 8.5 14h-1A1.5 1.5 0 0 1 6 12.5v-1zm6 0a1.5 1.5 0 0 1 1.5-1.5h1a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5h-1a1.5 1.5 0 0 1-1.5-1.5v-1z"}))}));_o.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},_o.defaultProps={color:"currentColor",size:"1em"};var Oo=_o,So=function(e){var t=e.children,n=e.connectors,r=e.icon,o=e.icons,i=e.text,l=e.fontSize,c=e.title,u=e.innerClass,s=e.bold,f=e.label,d=e.disable;return a.a.createElement("div",{className:"".concat(d?"text-muted":""," d-inline-flex wrap-builder-elem align-items-center justify-content-center"),title:c,ref:d?void 0:function(e){return n.create(e,t)}},a.a.createElement("div",{className:"inner ".concat(u||""),style:l?{fontSize:l}:{}},i&&(s?a.a.createElement("strong",null,i):i)||o&&o.map((function(e,t){return a.a.createElement("i",{key:t,className:"".concat(e)})}))||("string"==typeof r?a.a.createElement("i",{className:"fa-lg ".concat(r)}):r)),a.a.createElement("label",null,f))},Co=function(e){var t=e.connectors;return a.a.createElement(So,{connectors:t,icon:a.a.createElement(po,{className:"mb-2"}),fontSize:"22px",title:"Text",bold:!0,label:"Text"},a.a.createElement(Or,{text:"Hello world",block:!1,textStyle:""}))},jo=function(e){var t=e.connectors;return a.a.createElement(So,{connectors:t,innerClass:"mt-m1px",icon:"fas fa-columns",title:"Split into columns",label:"Columns"},a.a.createElement(Sn,{contents:[]}))},Po=function(e){var t=e.connectors;return a.a.createElement(So,{connectors:t,icon:a.a.createElement(go,{className:"mb-2 h4"}),title:"Tabbed content",label:"Tabs"},a.a.createElement(Qr,{contents:[]}))},No=function(e){var t=e.connectors;return a.a.createElement(So,{connectors:t,text:"↵",fontSize:"26px",title:"Line break",label:"Break"},a.a.createElement(Ar,null))},To=function(e){var t=e.connectors;return a.a.createElement(So,{connectors:t,icon:"fas fa-code",title:"HTML code",label:"Code"},a.a.createElement(Lr,{text:""}))},Ao=function(e){var t=e.connectors;return a.a.createElement(So,{connectors:t,title:"Card",icon:"far fa-square",label:"Card"},a.a.createElement(mt,{canvas:!0,is:oa,isFormula:{},url:""}))},Ro=function(e){var t=e.connectors,n=e.images;return a.a.createElement(So,{connectors:t,icon:"fas fa-image",title:"Image",label:"Image"},a.a.createElement(Wr,{fileid:n.length>0?n[0].id:0}))},Io=function(e){var t=e.connectors;return a.a.createElement(So,{connectors:t,icon:"fas fa-link",title:"Link",label:"Link"},a.a.createElement(co,null))},zo=function(e){var t=e.connectors,n=e.views;return a.a.createElement(So,{connectors:t,icon:"fas fa-eye",title:"Embed a view",label:"View",disable:0===n.length},a.a.createElement(io,{name:"not_assigned",state:"shared",view:n.length>0?n[0].name:"view"}))},Mo=function(e){var t=e.connectors;return a.a.createElement(So,{connectors:t,icon:"fas fa-search",title:"Search bar",label:"Search"},a.a.createElement(Fr,null))},Fo=function(e){var t=e.connectors;return a.a.createElement(So,{connectors:t,icon:a.a.createElement(Eo,{className:"mb-2 h5"}),title:"Container",label:"Contain"},a.a.createElement(mt,{canvas:!0,is:oo}))},Lo=function(e){var t=e.connectors,n=e.fields,r=e.field_view_options;return a.a.createElement(So,{connectors:t,icon:"fas fa-asterisk",title:"Field",label:"Field"},a.a.createElement(Cr,{name:n[0].name,block:!1,textStyle:"",configuration:{},fieldview:n[0].is_fkey?"":r[n[0].name][0]}))},Do=function(e){var t=e.connectors,n=e.fields;return a.a.createElement(So,{connectors:t,icon:"far fa-caret-square-down",title:"Dropdown filter",label:"Select"},a.a.createElement(Zr,{name:n[0].name,block:!1,neutral_label:"",full_width:!1}))},Uo=function(e){var t=e.connectors;return a.a.createElement(So,{connectors:t,icon:"far fa-caret-square-down",title:"Dropdown menu",label:"DropMenu"},a.a.createElement(mt,{canvas:!0,is:na}))},qo=function(e){var t=e.connectors,n=e.fields;return a.a.createElement(So,{connectors:t,icon:"fas fa-toggle-on",title:"Toggle filter",label:"Toggle"},a.a.createElement(aa,{name:n[0].name,value:"",label:"",block:!1}))},Ho=function(e){var t=e.connectors,n=e.options;return a.a.createElement(So,{connectors:t,icon:a.a.createElement(Oo,{className:"mb-2 h5"}),title:"Join field",label:"Join",disable:0===n.parent_field_list.length},a.a.createElement(Pr,{name:n.parent_field_list[0],configuration:{},textStyle:"",block:!1}))},Bo=function(e){var t=e.connectors,n=e.options;return a.a.createElement(So,{connectors:t,icons:["fas fa-eye","fas fa-link"],title:"Link to a view",label:"ViewLink",disable:0===n.link_view_opts.length},a.a.createElement(Ir,{name:n.link_view_opts.length>0?n.link_view_opts[0].name:"",block:!1,minRole:10,label:""}))},Vo=function(e){var t=e.connectors,n=e.options;return a.a.createElement(So,{connectors:t,label:"Action",icon:"fas fa-running",title:"Action button"},a.a.createElement(qr,{name:n.actions[0],block:!1,minRole:10,confirm:!1,action_label:"",isFormula:{},rndid:"not_assigned",configuration:{}}))},Wo=function(e){var t,n,r=e.connectors,o=e.child_field_list,i=e.agg_field_opts;return a.a.createElement(So,{connectors:r,text:"∑",title:"Aggregation",label:"Aggreg8",bold:!0,fontSize:"16px",disable:0===o.length},a.a.createElement(Tr,{agg_relation:o[0],agg_field:(t=i[o[0]],n="",t&&t.length>0?t[0]:n),stat:"Count",textStyle:"",aggwhere:"",block:!1}))},$o=function(){var e=bt(),t=e.connectors,n=(e.query,Object(r.useContext)(Rt)),o=n.fields,i=n.field_view_options,l=n.child_field_list,c=n.agg_field_opts,u=n.views,s=n.images;return a.a.createElement(r.Fragment,null,a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Co,{connectors:t}),a.a.createElement(jo,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Lo,{connectors:t,fields:o,field_view_options:i}),a.a.createElement(No,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Ho,{connectors:t,options:n}),a.a.createElement(Bo,{connectors:t,options:n})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Vo,{connectors:t,options:n}),a.a.createElement(Io,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Wo,{connectors:t,child_field_list:l,agg_field_opts:c}),a.a.createElement(zo,{connectors:t,views:u})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Fo,{connectors:t}),a.a.createElement(Ao,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Po,{connectors:t}),a.a.createElement(Ro,{connectors:t,images:s})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(To,{connectors:t}),a.a.createElement(Uo,{connectors:t})))},Ko=function(){var e=bt(),t=e.connectors,n=(e.query,Object(r.useContext)(Rt)),o=n.fields,i=n.views,l=n.field_view_options;return a.a.createElement(r.Fragment,null,a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Co,{connectors:t}),a.a.createElement(jo,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Lo,{connectors:t,fields:o,field_view_options:l}),a.a.createElement(No,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Do,{connectors:t,fields:o}),a.a.createElement(qo,{connectors:t,fields:o})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Mo,{connectors:t}),a.a.createElement(Vo,{connectors:t,options:n})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Fo,{connectors:t}),a.a.createElement(Ao,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Po,{connectors:t}),a.a.createElement(zo,{connectors:t,views:i})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(To,{connectors:t})))},Yo=function(){var e=bt(),t=e.connectors,n=(e.query,Object(r.useContext)(Rt)),o=n.fields,i=n.field_view_options,l=n.images,c=n.views;return a.a.createElement(r.Fragment,null,a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Co,{connectors:t}),a.a.createElement(jo,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Lo,{connectors:t,fields:o,field_view_options:i}),a.a.createElement(No,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Vo,{connectors:t,options:n}),a.a.createElement(Fo,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Ao,{connectors:t}),a.a.createElement(Po,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Io,{connectors:t}),a.a.createElement(Ro,{connectors:t,images:l})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(To,{connectors:t}),a.a.createElement(zo,{connectors:t,views:c})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Ho,{connectors:t,options:n}),a.a.createElement(Uo,{connectors:t})))},Go=function(){var e=bt(),t=e.connectors,n=(e.query,Object(r.useContext)(Rt)),o=n.views,i=n.images;return a.a.createElement(r.Fragment,null,a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Co,{connectors:t}),a.a.createElement(jo,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(No,{connectors:t}),a.a.createElement(To,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Ao,{connectors:t}),a.a.createElement(Ro,{connectors:t,images:i})," "),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Io,{connectors:t}),a.a.createElement(zo,{connectors:t,views:o})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Mo,{connectors:t}),a.a.createElement(Vo,{connectors:t,options:n})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Fo,{connectors:t}),a.a.createElement(Po,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Uo,{connectors:t})))};function Qo(){return(Qo=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Xo(e){return function(e){if(Array.isArray(e))return Jo(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return Jo(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Jo(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 Jo(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var Zo=function(e){if(!e.widths)return kn(e.besides.length-1,(function(){return 12/e.besides.length}));var t=Xo(e.widths);return t.pop(),t},ei=function(e){return kn(e.besides.length,(function(){return e.breakpoint||""}))},ti=[Or,Xr,Sn,Pr,Cr,Ir,qr,Lr,Ar,Tr,oa,Wr,co,io,Fr,oo,Zr,Qr,aa,na],ni=function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"ROOT";function o(e,t){if(!e)return a.a.createElement(Xr,{key:t});var n=ti.find((function(t){return t.craft.related&&t.craft.related.fields&&t.craft.related.segment_type&&t.craft.related.segment_type==e.type&&(!t.craft.related.segment_match||t.craft.related.segment_match(e))}));if(n){var r=n.craft.related,i={};return r.fields.forEach((function(t){var n=e[t.segment_name||t.name||t];i[t.name||t]=void 0===n?t.default:n})),r.fields.some((function(e){return e.canBeFormula}))&&(i.isFormula=e.isFormula),r.hasContents?a.a.createElement(mt,Qo({key:t,canvas:!0},i,{is:n}),o(e.contents)):a.a.createElement(n,Qo({key:t},i))}return"blank"===e.type?a.a.createElement(Or,{key:t,text:e.contents,isFormula:e.isFormula||{},block:e.block||!1,inline:e.inline||!1,textStyle:e.textStyle||"",labelFor:e.labelFor||"",style:e.style||{},icon:e.icon,font:e.font||""}):"view"===e.type?a.a.createElement(io,{key:t,view:e.view,name:e.name,state:e.state,extra_state_fml:e.extra_state_fml,configuration:e.configuration||{}}):"action"===e.type?a.a.createElement(qr,{key:t,name:e.action_name,rndid:e.rndid||"not_assigned",action_label:e.action_label||"",action_style:e.action_style||"btn-primary",action_size:e.action_size||"",action_icon:e.action_icon||"",action_bgcol:e.action_bgcol||"",action_bordercol:e.action_bordercol||"",action_textcol:e.action_textcol||"",confirm:e.confirm,configuration:e.configuration||{},block:e.block||!1,minRole:e.minRole||10,isFormula:e.isFormula||{}}):"container"===e.type?a.a.createElement(mt,{key:t,canvas:!0,gradStartColor:e.gradStartColor,gradEndColor:e.gradEndColor,gradDirection:e.gradDirection,rotate:e.rotate||0,customClass:e.customClass,customCSS:e.customCSS,overflow:e.overflow,margin:e.margin||[0,0,0,0],padding:e.padding||[0,0,0,0],minHeight:e.minHeight,height:e.height,width:e.width,url:e.url,hoverColor:e.hoverColor,minHeightUnit:e.minHeightUnit||"px",heightUnit:e.heightUnit||"px",widthUnit:e.widthUnit||"px",vAlign:e.vAlign,hAlign:e.hAlign,htmlElement:e.htmlElement||"div",display:e.display||(!0===e.block?"block":!1===e.block?"inline-block":"block"),fullPageWidth:void 0!==e.fullPageWidth&&e.fullPageWidth,bgFileId:e.bgFileId,imageSize:e.imageSize||"contain",bgType:e.bgType||"None",style:e.style||{},bgColor:e.bgColor||"#ffffff",setTextColor:!!e.setTextColor,textColor:e.textColor||"#000000",isFormula:e.isFormula||{},showIfFormula:e.showIfFormula||"",showForRole:e.showForRole||[],minScreenWidth:e.minScreenWidth||"",maxScreenWidth:e.maxScreenWidth||"",show_for_owner:!!e.show_for_owner,is:oo},o(e.contents)):"tabs"===e.type?a.a.createElement(Qr,{key:t,titles:e.titles,ntabs:e.ntabs,independent:e.independent,deeplink:e.deeplink,field:e.field,tabsStyle:e.tabsStyle,contents:e.contents.map(o)}):e.besides?a.a.createElement(Sn,{key:t,breakpoints:e.breakpoints||ei(e),ncols:e.besides.length,widths:Zo(e),style:e.style||{},contents:e.besides.map(o)}):e.above?e.above.map((function(e,t){return o(e,t)})):void 0}function i(e,r){if(e)if(e.above)e.above.forEach((function(e){e&&i(e,r)}));else if(e.besides){var l=t.parseReactElement(a.a.createElement(Sn,{widths:Zo(e),breakpoints:e.breakpoints||ei(e),ncols:e.besides.length,style:e.style||{},contents:e.besides.map(o)})).toNodeTree();n.addNodeTree(l,r)}else{var c=o(e);if(c){var u=t.parseReactElement(c).toNodeTree();n.addNodeTree(u,r)}}}i(e,r)},ri=function(){return Math.floor(16777215*Math.random()).toString(16)},ai=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"ROOT",n=[],r=function(t){return t.nodes&&0!=t.nodes.length?1==t.nodes.length?a(e[t.nodes[0]]):{above:t.nodes.map((function(t){return a(e[t])}))}:void 0},a=function t(a){var o=ti.find((function(e){return e.craft.related&&a.displayName===e.craft.displayName&&e.craft.related.fields&&e.craft.related.segment_type}));if(o){var i=o.craft.related,l={type:i.segment_type};if(i.hasContents&&(l.contents=r(a)),i.fields.forEach((function(e){l[e.segment_name||e.name||e]=a.props[e.name||e]})),i.fields.some((function(e){return e.canBeFormula}))&&(l.isFormula=a.props.isFormula),i.segment_vars&&Object.assign(l,i.segment_vars),i.column_type){var c={type:i.column_type};i.fields.forEach((function(e){c[e.column_name||e.name||e]=a.props[e.name||e]})),n.push(c)}return l}if(a.isCanvas)return a.displayName===oo.craft.displayName?{contents:r(a),type:"container",customCSS:a.props.customCSS,customClass:a.props.customClass,minHeight:a.props.minHeight,height:a.props.height,width:a.props.width,url:a.props.url,hoverColor:a.props.hoverColor,minHeightUnit:a.props.minHeightUnit,heightUnit:a.props.heightUnit,widthUnit:a.props.widthUnit,vAlign:a.props.vAlign,hAlign:a.props.hAlign,htmlElement:a.props.htmlElement,margin:a.props.margin,padding:a.props.padding,overflow:a.props.overflow,display:a.props.display,fullPageWidth:a.props.fullPageWidth||!1,bgFileId:a.props.bgFileId,bgType:a.props.bgType,imageSize:a.props.imageSize,bgColor:a.props.bgColor,setTextColor:a.props.setTextColor,textColor:a.props.textColor,isFormula:a.props.isFormula,showIfFormula:a.props.showIfFormula,showForRole:a.props.showForRole,minScreenWidth:a.props.minScreenWidth,maxScreenWidth:a.props.maxScreenWidth,show_for_owner:a.props.show_for_owner,gradStartColor:a.props.gradStartColor,gradEndColor:a.props.gradEndColor,gradDirection:a.props.gradDirection,rotate:a.props.rotate,style:a.props.style}:r(a);if(a.displayName===Or.craft.displayName)return{type:"blank",contents:a.props.text,block:a.props.block,inline:a.props.inline,textStyle:a.props.textStyle,isFormula:a.props.isFormula,labelFor:a.props.labelFor,style:a.props.style,icon:a.props.icon,font:a.props.font};if(a.displayName===Sn.craft.displayName){var u=[].concat(Xo(a.props.widths),[12-_n(a.props.widths)]);return{besides:u.map((function(n,r){return t(e[a.linkedNodes["Col"+r]])})),breakpoints:a.props.breakpoints,style:a.props.style,widths:u}}if(a.displayName===Qr.craft.displayName)return{type:"tabs",contents:kn(a.props.ntabs,(function(n){return t(e[a.linkedNodes["Tab"+n]])})),titles:a.props.titles,tabsStyle:a.props.tabsStyle,field:a.props.field,independent:a.props.independent,deeplink:a.props.deeplink,ntabs:a.props.ntabs};if(a.displayName===io.craft.displayName)return{type:"view",view:a.props.view,name:"not_assigned"===a.props.name?ri():a.props.name,state:a.props.state,configuration:a.props.configuration,extra_state_fml:a.props.extra_state_fml};if(a.displayName===qr.craft.displayName){var s=ri();return n.push({type:"Action",action_name:a.props.name,action_label:a.props.action_label,action_style:a.props.action_style,action_size:a.props.action_size,action_icon:a.props.action_icon,action_bgcol:a.props.action_bgcol,action_bordercol:a.props.action_bordercol,action_textcol:a.props.action_textcol,minRole:a.props.minRole,confirm:a.props.confirm,configuration:a.props.configuration,isFormula:a.props.isFormula,rndid:"not_assigned"===a.props.rndid?s:a.props.rndid}),{type:"action",block:a.props.block,configuration:a.props.configuration,confirm:a.props.confirm,action_name:a.props.name,action_label:a.props.action_label,action_style:a.props.action_style,action_size:a.props.action_size,action_icon:a.props.action_icon,action_bgcol:a.props.action_bgcol,action_bordercol:a.props.action_bordercol,action_textcol:a.props.action_textcol,minRole:a.props.minRole,isFormula:a.props.isFormula,rndid:"not_assigned"===a.props.rndid?s:a.props.rndid}}},o=a(e[t])||{type:"blank",contents:""};return{columns:n,layout:o}},oi=n(7),ii=function(e,t){return(ii=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])})(e,t)},li=function(){return(li=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e}).apply(this,arguments)};function ci(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}function ui(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var si=a.a.createContext({}),fi=Object(r.createContext)({});function di(e){return Pe(Object(r.useContext)(fi).store,e)}function pi(e){var t=Object(r.useContext)(si),n=t.id,a=t.depth,o=t.connectors,i=di((function(t){return n&&t.layers[n]&&e&&e(t.layers[n])})),l=i.actions,c=ci(i,["actions"]),u=bt((function(e,t){return{children:e.nodes[n]&&t.node(n).descendants()}})).children,s=Object(r.useMemo)((function(){return{toggleLayer:function(){return l.toggleLayer(n)}}}),[l,n]);return li({id:n,depth:a,children:u,actions:s,connectors:o},c)}var mi=function(){var e=pi((function(e){return{expanded:e.expanded}})),t=e.id,n=e.depth,o=e.children,i=e.expanded,l=bt((function(e,n){return{data:e.nodes[t]&&e.nodes[t].data,shouldBeExpanded:e.events.selected&&n.node(e.events.selected).ancestors(!0).includes(t)}})),c=l.data,u=l.shouldBeExpanded,s=di((function(e){return{renderLayer:e.options.renderLayer,expandRootOnLoad:e.options.expandRootOnLoad}})),f=s.actions,d=f.registerLayer,p=f.toggleLayer,m=s.renderLayer,h=s.expandRootOnLoad,v=Object(r.useState)(!1),g=v[0],y=v[1];Object(r.useLayoutEffect)((function(){d(t),y(!0)}),[d,t]);var b=Object(r.useRef)(i);b.current=i;var w=Object(r.useRef)(h&&"ROOT"===t);return Object(r.useEffect)((function(){!b.current&&u&&p(t)}),[p,t,u]),Object(r.useEffect)((function(){w.current&&p(t)}),[p,t]),c&&g?a.a.createElement("div",{className:"craft-layer-node "+t},a.a.createElement(m,{},o&&i?o.map((function(e){return a.a.createElement(vi,{key:e,id:e,depth:n+1})})):null)):null},hi=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}ii(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}(t,e),t.prototype.getLayer=function(e){return this.options.layerStore.getState().layers[e]},t.prototype.handlers=function(){var e=this,n=this.derived.options.store,r=this.options,a=r.layerStore,o=r.layerId;return{layer:function(r){var i=e.inherit((function(e){e.select(r,o),e.hover(r,o),e.drag(r,o),a.actions.setDOM(o,{dom:r})})),l=e.addCraftEventListener(r,"mouseover",(function(e){e.craft.stopPropagation(),a.actions.setLayerEvent("hovered",o)})),c=e.addCraftEventListener(r,"dragover",(function(r){r.craft.stopPropagation(),r.preventDefault();var o=t.events,i=o.indicator,l=o.currentCanvasHovered;if(l&&i&&l.data.nodes){var c=e.getLayer(l.id).headingDom.getBoundingClientRect();if(r.clientY>c.top+10&&r.clientY<c.bottom-10){var u=l.data.nodes[l.data.nodes.length-1];if(!u)return;t.events.indicator=li(li({},i),{placement:{currentNode:n.query.node(u).get(),index:l.data.nodes.length,where:"after",parent:l},onCanvas:!0}),a.actions.setIndicator(t.events.indicator)}}})),u=e.addCraftEventListener(r,"dragenter",(function(r){r.craft.stopPropagation(),r.preventDefault();var i=t.draggedElement;if(i){var l=n.query.getDropPlaceholder(i,o,{x:r.clientX,y:r.clientY},(function(t){var n=e.getLayer(t.id);return n&&n.dom}));if(l){var c=l.placement.parent,u=e.getLayer(c.id).headingDom.getBoundingClientRect();if(t.events.currentCanvasHovered=null,n.query.node(c.id).isCanvas()&&c.data.parent){var s=n.query.node(c.data.parent).get();n.query.node(s.id).isCanvas()&&(t.events.currentCanvasHovered=c,(r.clientY>u.bottom-10&&!e.getLayer(c.id).expanded||r.clientY<u.top+10)&&(l.placement.parent=s,l.placement.currentNode=c,l.placement.index=s.data.nodes?s.data.nodes.indexOf(c.id):0,r.clientY>u.bottom-10&&!e.getLayer(c.id).expanded?l.placement.where="after":r.clientY<u.top+10&&(l.placement.where="before")))}t.events.indicator=li(li({},l),{onCanvas:!1}),a.actions.setIndicator(t.events.indicator)}}}));return function(){i(),l(),c(),u()}},layerHeader:function(e){a.actions.setDOM(o,{headingDom:e})},drag:function(r){r.setAttribute("draggable","true");var i=e.addCraftEventListener(r,"dragstart",(function(e){e.craft.stopPropagation(),t.draggedElement=o})),l=e.addCraftEventListener(r,"dragend",(function(e){e.craft.stopPropagation();var r=t.events;if(r.indicator&&!r.indicator.error){var o=r.indicator.placement;n.actions.move(t.draggedElement,o.parent.id,o.index+("after"===o.where?1:0))}t.draggedElement=null,t.events.indicator=null,a.actions.setIndicator(null)}));return function(){r.removeAttribute("draggable"),i(),l()}}}},t.events={indicator:null,currentCanvasHovered:null},t}(Xe),vi=function(e){var t=e.id,n=e.depth,o=Ge(),i=Object(r.useContext)(fi).store,l=Object(r.useRef)(i);l.current=i;var c=Object(r.useMemo)((function(){return o.derive(hi,{layerStore:l.current,layerId:t})}),[o,t]),u=Object(r.useMemo)((function(){return De(c.connectors)}),[c]);return bt((function(e){return{exists:!!e.nodes[t]}})).exists?a.a.createElement(si.Provider,{value:{id:t,depth:n,connectors:u}},a.a.createElement(mi,null)):null},gi=function(e){return{setLayerEvent:function(t,n){if(null===n||e.layers[n]){var r=e.events[t];r&&n!==r&&(e.layers[r].event[t]=!1),n?(e.layers[n].event[t]=!0,e.events[t]=n):e.events[t]=null}},registerLayer:function(t){e.layers[t]||(e.layers[t]={dom:null,headingDom:null,expanded:!1,id:t,event:{selected:!1,hovered:!1}})},setDOM:function(t,n){e.layers[t]=li(li(li({},e.layers[t]),n.dom?{dom:n.dom}:{}),n.headingDom?{headingDom:n.headingDom}:{})},toggleLayer:function(t){e.layers[t].expanded=!e.layers[t].expanded},setIndicator:function(t){e.events.indicator=t}}},yi=function(e){var t=e.children,n=di((function(e){return e})),o=n.layers,i=n.events,l=bt((function(e){return{enabled:e.options.enabled}})).query.getOptions().indicator,c=Object(r.useMemo)((function(){var e=i.indicator;if(e){var t=e.placement,n=t.where,r=t.parent,a=t.currentNode,c=a?a.id:r.id,u=e.error?l.error:l.success;if(e.onCanvas&&null!=o[r.id].dom){var s=o[r.id].dom.getBoundingClientRect(),f=o[r.id].headingDom.getBoundingClientRect();return{top:f.top,left:s.left,width:s.width,height:f.height,background:"transparent",borderWidth:"1px",borderColor:u}}if(!o[c])return;var d=o[c].headingDom.getBoundingClientRect(),p=o[c].dom.getBoundingClientRect();return{top:"after"!==n&&a?p.top:p.top+p.height,left:d.left,width:p.width-d.left,height:2,borderWidth:0,background:u}}}),[i,l.error,l.success,o]);return a.a.createElement("div",null,i.indicator?a.a.createElement(Ue,{style:c}):null,t)},bi=function(){var e=pi().id,t=bt((function(t){return{displayName:t.nodes[e]&&t.nodes[e].data.custom.displayName?t.nodes[e].data.custom.displayName:t.nodes[e].data.displayName,hidden:t.nodes[e]&&t.nodes[e].data.hidden}})),n=t.displayName,o=t.actions,i=Object(r.useState)(!1),l=i[0],c=i[1],u=Object(r.useRef)(null),s=Object(r.useCallback)((function(e){u.current&&!u.current.contains(e.target)&&c(!1)}),[]);return Object(r.useEffect)((function(){return function(){window.removeEventListener("click",s)}}),[s]),a.a.createElement(vr.a,{html:n,disabled:!l,ref:function(e){e&&(u.current=e.el.current,window.removeEventListener("click",s),window.addEventListener("click",s))},onChange:function(t){o.setCustom(e,(function(e){return e.displayName=t.target.value}))},tagName:"h2",onDoubleClick:function(){l||c(!0)}})};function wi(){return(wi=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var Ei=a.a.createElement("path",{d:"M9.99 1.01A1 1 0 008.283.303L5 3.586 1.717.303A1 1 0 10.303 1.717l3.99 3.98a1 1 0 001.414 0l3.99-3.98a.997.997 0 00.293-.707z"}),xi=function(e){return a.a.createElement("svg",wi({viewBox:"0 0 10 6"},e),Ei)};function ki(){return(ki=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var _i,Oi,Si,Ci,ji,Pi=a.a.createElement("path",{className:"linked_svg__a",d:"M16.5 9h-1a.5.5 0 00-.5.5V15H3V3h5.5a.5.5 0 00.5-.5v-1a.5.5 0 00-.5-.5h-7a.5.5 0 00-.5.5v15a.5.5 0 00.5.5h15a.5.5 0 00.5-.5v-7a.5.5 0 00-.5-.5z"}),Ni=a.a.createElement("path",{className:"linked_svg__a",d:"M16.75 1h-5.373a.4.4 0 00-.377.4.392.392 0 00.117.28l1.893 1.895-3.52 3.521a.5.5 0 000 .707l.706.708a.5.5 0 00.708 0l3.521-3.521 1.893 1.892A.39.39 0 0016.6 7a.4.4 0 00.4-.377V1.25a.25.25 0 00-.25-.25z"}),Ti=function(e){return a.a.createElement("svg",ki({viewBox:"0 0 18 18"},e),Pi,Ni)},Ai=oi.a.div(_i||(_i=ui(["\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 4px 10px;\n background: ",";\n color: ",";\n svg {\n fill: ",";\n margin-top: 2px;\n }\n .inner {\n flex: 1;\n > div {\n padding: 0px;\n flex: 1;\n display: flex;\n margin-left: ","px;\n align-items: center;\n div.layer-name {\n flex: 1;\n h2 {\n font-size: 15px;\n line-height: 26px;\n }\n }\n }\n }\n"],["\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 4px 10px;\n background: ",";\n color: ",";\n svg {\n fill: ",";\n margin-top: 2px;\n }\n .inner {\n flex: 1;\n > div {\n padding: 0px;\n flex: 1;\n display: flex;\n margin-left: ","px;\n align-items: center;\n div.layer-name {\n flex: 1;\n h2 {\n font-size: 15px;\n line-height: 26px;\n }\n }\n }\n }\n"])),(function(e){return e.selected?"#2680eb":"transparent"}),(function(e){return e.selected?"#fff":"inherit"}),(function(e){return e.selected?"#fff":"#808184"}),(function(e){return 10*e.depth})),Ri=oi.a.a(Oi||(Oi=ui(["\n width: 8px;\n height: 8px;\n display: block;\n transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);\n transform: rotate(","deg);\n opacity: 0.7;\n cursor: pointer;\n transform-origin: 60% center;\n"],["\n width: 8px;\n height: 8px;\n display: block;\n transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);\n transform: rotate(","deg);\n opacity: 0.7;\n cursor: pointer;\n transform-origin: 60% center;\n"])),(function(e){return e.expanded?180:0})),Ii=oi.a.div(Si||(Si=ui(["\n margin-left: -22px;\n margin-right: 10px;\n\n svg {\n width: 12px;\n height: 12px;\n }\n"],["\n margin-left: -22px;\n margin-right: 10px;\n\n svg {\n width: 12px;\n height: 12px;\n }\n"]))),zi=function(){var e=pi((function(e){return{expanded:e.expanded}})),t=e.id,n=e.depth,r=e.expanded,o=e.children,i=e.connectors,l=i.drag,c=i.layerHeader,u=e.actions.toggleLayer,s=bt((function(e,n){return{hidden:e.nodes[t]&&e.nodes[t].data.hidden,selected:e.events.selected===t,topLevel:n.node(t).isTopLevelCanvas()}}));return a.a.createElement(Ai,{selected:s.selected,ref:l,depth:n},a.a.createElement("div",{className:"inner"},a.a.createElement("div",{ref:c},s.topLevel?a.a.createElement(Ii,null,a.a.createElement(Ti,null)):null,a.a.createElement("div",{className:"layer-name s"},a.a.createElement(bi,null)),a.a.createElement("div",null,o&&o.length?a.a.createElement(Ri,{expanded:r,onMouseDown:function(){return u()}},a.a.createElement(xi,null)):null))))},Mi=oi.a.div(Ci||(Ci=ui(["\n background: ",";\n display: block;\n padding-bottom: ","px;\n"],["\n background: ",";\n display: block;\n padding-bottom: ","px;\n"])),(function(e){return e.hovered?"#f1f1f1":"transparent"}),(function(e){return e.hasCanvases&&e.expanded?5:0})),Fi=oi.a.div(ji||(ji=ui(["\n margin: 0 0 0 0px;\n background: ",";\n position: relative;\n\n ","\n"],["\n margin: 0 0 0 0px;\n background: ",";\n position: relative;\n\n ","\n"])),(function(e){return e.hasCanvases?"rgba(255, 255, 255, 0.02)":"transparent"}),(function(e){return e.hasCanvases?'\n \n box-shadow: 0px 0px 44px -1px #00000014;\n border-radius: 10px;\n margin-right: 5px;\n margin-bottom:5px;\n margin-top:5px; \n > * { overflow:hidden; }\n &:before { \n position:absolute;\n left:-19px;\n width: 2px;\n height:100%;\n content: " ";\n background:#00000012;\n }\n ':""})),Li=function(e){var t=e.children,n=pi((function(e){return{hovered:e.event.hovered,expanded:e.expanded}})),r=n.id,o=n.expanded,i=n.hovered,l=n.connectors.layer,c=bt((function(e,t){return{hasChildCanvases:t.node(r).isParentOfTopLevelNodes()}})).hasChildCanvases;return a.a.createElement(Mi,{ref:l,expanded:o,hasCanvases:c,hovered:i},a.a.createElement(zi,null),t?a.a.createElement(Fi,{hasCanvases:c,className:"craft-layer-children"},t):null)},Di=function(e){var t=e.children,n=xe(gi,{layers:{},events:{selected:null,dragged:null,hovered:null},options:li({renderLayer:Li},e.options)});return a.a.createElement(fi.Provider,{value:{store:n}},a.a.createElement(yi,null,t))},Ui=function(e){var t=ci(e,[]);return a.a.createElement(Di,{options:t},a.a.createElement(vi,{id:"ROOT",depth:0}))};function qi(e,t){return Ki(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,l=e[Symbol.iterator]();!(r=(i=l.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==l.return||l.return()}finally{if(a)throw o}}return n}(e,t)||Vi(e,t)||Bi()}function Hi(e){return function(e){if(Array.isArray(e))return Wi(e)}(e)||$i(e)||Vi(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 Bi(){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 Vi(e,t){if(e){if("string"==typeof e)return Wi(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Wi(e,t):void 0}}function Wi(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function $i(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}function Ki(e){if(Array.isArray(e))return e}var Yi=function e(t){if(t.length<=2)return[t];var n,r=Ki(n=t)||$i(n)||Vi(n)||Bi(),a=r[0],o=r[1],i=r.slice(2);return[[a,o]].concat(Hi(e(i)))},Gi=function(e){e.name,e.layout;var t=lt((function(e){return{selected:e.events.selected}})),n=t.selected,o=t.connectors,i=o.connect,l=o.drag;return a.a.createElement(r.Fragment,null,a.a.createElement("span",{className:n?"selected-node":"",ref:function(e){return i(l(e))}},"LibElem"),a.a.createElement("br",null))};Gi.craft={displayName:"LibraryElem"};var Qi=function(e){var t=e.nodekeys,n=bt((function(e,t){return{}})),a=n.actions,o=n.query,i=(n.connectors,function(e,n){var r=e.getSerializedNodes(),i=[];if(Object.keys(r).forEach((function(e){t.current.includes(e)||i.push(e)})),t.current=Object.keys(r),1===i.length){var l=i[0],c=r[l];if("LibraryElem"===c.displayName){var u=c.props.layout;ni(u.layout?u.layout:u,o,a,c.parent),setTimeout((function(){a.delete(l)}),0)}else"Column"!==c.displayName&&a.selectNode(l)}});return Object(r.useEffect)((function(){var e=o.getSerializedNodes();t.current=Object.keys(e),a.setOptions((function(e){var t=e.onNodesChange(e.onNodesChange=t?function(e){t(e),i(e)}:i)}))}),[]),[]},Xi=function(){var e=bt((function(e,t){return{selected:e.events.selected}})),t=(e.actions,e.selected),n=e.query,o=e.connectors,i=Object(r.useContext)(Rt),l=qi(Object(r.useState)(!1),2),c=l[0],u=l[1],s=qi(Object(r.useState)(""),2),f=s[0],d=s[1],p=qi(Object(r.useState)(),2),m=p[0],h=p[1],v=qi(Object(r.useState)([]),2),g=v[0],y=v[1],b=Yi([].concat(Hi(i.library||[]),Hi(g)));return a.a.createElement("div",{className:"builder-library"},a.a.createElement("div",{className:"dropdown"},a.a.createElement("button",{className:"btn btn-sm btn-secondary dropdown-toggle mt-2",type:"button",id:"dropdownMenuButton","aria-haspopup":"true","aria-expanded":"false",disabled:!t,onClick:function(){return u(!c)}},a.a.createElement(Yt,{icon:nn,className:"me-1"}),"Add"),a.a.createElement("div",{className:"dropdown-menu py-3 px-4 ".concat(c?"show":""),"aria-labelledby":"dropdownMenuButton"},a.a.createElement("label",null,"Name"),a.a.createElement("input",{type:"text",className:"form-control",value:f,onChange:function(e){return d(e.target.value)}}),a.a.createElement("br",null),a.a.createElement("label",null,"Icon"),a.a.createElement(fn.a,{className:"w-100",value:m,icons:hn,onChange:h,isMulti:!1}),a.a.createElement("button",{className:"btn btn-primary mt-3",onClick:function(){var e={layout:ai(JSON.parse(n.serialize()),t),icon:m,name:f};fetch("/library/savefrombuilder",{method:"POST",headers:{"Content-Type":"application/json","CSRF-Token":i.csrfToken},body:JSON.stringify(e)}),u(!1),h(),d(""),y([].concat(Hi(g),[e]))}},a.a.createElement(Yt,{icon:nn,className:"me-1"}),"Add"),a.a.createElement("button",{className:"btn btn-outline-secondary ms-2 mt-3",onClick:function(){return u(!1)}},a.a.createElement(Yt,{icon:ln})))),a.a.createElement("div",{className:"card mt-2"},b.map((function(e,t){return a.a.createElement("div",{className:"toolbar-row",key:t},e.map((function(e,t){return a.a.createElement(So,{key:t,connectors:o,icon:e.icon,label:e.name},a.a.createElement(Gi,{name:e.name,layout:e.layout}))})))}))))},Ji=function(e){var t=e.render,n=lt().id,o=bt((function(e){return{isActive:e.nodes[n].events.selected}})),i=o.actions,l=o.query,c=o.isActive,u=lt((function(e){return{isHover:e.events.hovered,dom:e.dom,name:e.data.custom.displayName||e.data.displayName,moveable:l.node(e.id).isDraggable(),deletable:l.node(e.id).isDeletable(),parent:e.data.parent,props:e.data.props}})),s=u.isHover,f=u.dom,d=u.name,p=u.moveable,m=u.deletable,h=u.connectors.drag,v=u.parent,g=Object(r.useRef)(),y=Object(r.useCallback)((function(e){var t=e?e.getBoundingClientRect():{top:0,left:0,bottom:0,right:0,height:0,width:0},n=t.top,r=t.left,a=t.bottom,o=t.height,i=t.width,l=t.right;return{top:"".concat(n>0?n:a,"px"),left:"".concat(r,"px"),topn:n,leftn:r,height:o,width:i,right:l,bottom:a}}),[]),b=Object(r.useCallback)((function(){var e=g.current;if(e){var t=y(f),n=t.top,r=t.left;e.style.top=n,e.style.left=r}}),[f,y]);Object(r.useEffect)((function(){return document.getElementById("builder-main-canvas").addEventListener("scroll",b),document.addEventListener("scroll",b),function(){document.getElementById("builder-main-canvas").removeEventListener("scroll",b),document.removeEventListener("scroll",b)}}),[b]);return a.a.createElement(a.a.Fragment,null,!c&&!s||"ROOT"===n||"Column"===d&&!c?null:ve.a.createPortal(a.a.createElement("div",{ref:g,className:"selected-indicator ".concat(c?"activeind":"hoverind"," px-1 text-white"),style:{left:y(f).left,top:y(f).top,zIndex:9999}},a.a.createElement("div",{className:"dispname me-3"},d)," ",p&&c&&a.a.createElement("button",{className:"btn btn-link btn-builder-move p-0",ref:h},a.a.createElement(Yt,{icon:Xt,className:"me-2"})),c&&v&&"ROOT"!==v?a.a.createElement(Yt,{icon:Qt,className:"me-2",onClick:function(){i.selectNode(v)}}):null,m&&c?[a.a.createElement(Yt,{key:1,icon:tn,onClick:function(){var e=l.node(n).get().data.parent,t=l.node(e).childNodes().findIndex((function(e){return e===n})),r=pr(l)(n);i.addNodeTree(l.parseReactElement(r).toNodeTree(),e||"ROOT",t+1)},className:"me-2"}),a.a.createElement(Yt,{key:2,icon:cn,className:"me-2",onMouseDown:function(e){e.stopPropagation(),i.delete(n),setTimeout((function(){return i.selectNode(v)}),0)}})]:null),document.querySelector("#builder-main-canvas")),t)};function Zi(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,l=e[Symbol.iterator]();!(r=(i=l.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==l.return||l.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return el(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return el(e,t)}(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 el(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var tl=Rt.Provider,nl=function(){var e=bt((function(e,t){var n,r=e.events.selected;return r&&(n={id:r,name:e.nodes[r].data.name,parent:e.nodes[r].data.parent,displayName:e.nodes[r].data&&e.nodes[r].data.displayName,settings:e.nodes[r].related&&e.nodes[r].related.settings,isDeletable:t.node(r).isDeletable(),children:e.nodes[r].data&&e.nodes[r].data.nodes}),{selected:n}})),t=e.actions,n=e.selected,o=e.query,i=function(){t.delete(n.id)},l=function(e){var t=o.node(n.parent).childNodes(),r=t.findIndex((function(e){return e===n.id}));return t[r+e]},c=function(e){var r=e.keyCode;if("body"===e.target.tagName.toLowerCase()&&n){if(8!==r&&46!==r||"ROOT"!==n.id||s(),8===r){var a=l(-1),c=n.parent;i(),a?t.selectNode(a):t.selectNode(c)}if(46===r){var u=l(1);i(),u&&t.selectNode(u)}if(37===r&&n.parent&&t.selectNode(n.parent),39===r)if(n.children&&n.children.length>0)t.selectNode(n.children[0]);else if("Columns"===n.displayName){var f,d,p=o.node(n.id).get(),m=null==p||null===(f=p.data)||void 0===f||null===(d=f.linkedNodes)||void 0===d?void 0:d.Col0;m&&t.selectNode(m)}if(38===r&&n.parent){var h=l(-1);h&&t.selectNode(h),e.preventDefault()}if(40===r&&n.parent){var v=l(1);v&&t.selectNode(v),e.preventDefault()}}};Object(r.useEffect)((function(){return window.addEventListener("keydown",c),function(){window.removeEventListener("keydown",c)}}),[c]);var u=n&&n.children&&n.children.length>0,s=function(){n.children.forEach((function(e){t.delete(e)}))};return a.a.createElement("div",{className:"settings-panel card mt-1"},a.a.createElement("div",{className:"card-header px-2 py-1"},n&&n.displayName?a.a.createElement(r.Fragment,null,a.a.createElement("b",null,n.displayName)," settings"):"Settings"),a.a.createElement("div",{className:"card-body p-2"},n?a.a.createElement(r.Fragment,null,n.isDeletable&&a.a.createElement("button",{className:"btn btn-sm btn-danger",onClick:i},a.a.createElement(Yt,{icon:cn,className:"me-1"}),"Delete"),u&&!n.isDeletable?a.a.createElement("button",{className:"btn btn-sm btn-danger",onClick:s},a.a.createElement(Yt,{icon:cn,className:"me-1"}),"Delete contents"):a.a.createElement("button",{title:"Duplicate element with its children",className:"btn btn-sm btn-secondary ms-2",onClick:function(){var e=o.node(n.id).get().data.parent,r=o.node(n.parent).childNodes().findIndex((function(e){return e===n.id})),a=pr(o)(n.id);t.addNodeTree(o.parseReactElement(a).toNodeTree(),e||"ROOT",r+1)}},a.a.createElement(Yt,{icon:tn,className:"me-1"}),"Clone"),a.a.createElement("hr",{className:"my-2"}),n.settings&&a.a.createElement(n.settings)):"No element selected"))},rl=function(){var e=bt((function(){})),t=e.query,n=(e.actions,Object(r.useContext)(Rt));return n.page_id||n.view_id?a.a.createElement("button",{className:"btn btn-sm btn-outline-secondary me-2 builder-save-ajax",onClick:function(){var e=ai(JSON.parse(t.serialize())),r=n.page_id?"pageedit":"viewedit";fetch("/".concat(r,"/savebuilder/").concat(n.page_id||n.view_id),{method:"POST",headers:{"Content-Type":"application/json","CSRF-Token":n.csrfToken},body:JSON.stringify(e)})}},"Save"):""},al=function(){var e=bt((function(){})),t=(e.query,e.actions,Object(r.useContext)(Rt));return t.page_id?a.a.createElement("a",{target:"_blank",className:"d-block",href:"/page/".concat(t.page_name)},"View page in new tab »"):""},ol=function(){var e=bt((function(e,t){return{canUndo:t.history.canUndo(),canRedo:t.history.canRedo()}})),t=e.canUndo,n=e.canRedo,o=e.actions;return a.a.createElement(r.Fragment,null,t&&a.a.createElement("button",{className:"btn btn-sm btn-secondary ms-2 me-2",title:"Undo",onClick:function(){return o.history.undo()}},a.a.createElement(Yt,{icon:un})),n&&a.a.createElement("button",{className:"btn btn-sm btn-secondary",title:"Redo",onClick:function(){return o.history.redo()}},a.a.createElement(Yt,{icon:rn})))},il=function(e){var t=e.layout,n=bt((function(){})),o=n.query,i=n.actions,l=Object(r.useContext)(Rt);Object(r.useEffect)((function(){ni(t,o,i)}),[]);return a.a.createElement("button",{className:"btn btn-sm btn-primary builder-save",onClick:function(){var e=ai(JSON.parse(o.serialize())),t=e.columns,n=e.layout;document.querySelector("form#scbuildform input[name=columns]").setAttribute("value",encodeURIComponent(JSON.stringify(t))),document.querySelector("form#scbuildform input[name=layout]").setAttribute("value",encodeURIComponent(JSON.stringify(n))),document.getElementById("scbuildform").submit()}},l.next_button_label||"Next"," »")},ll=function(e){var t=e.options,n=e.layout,o=e.mode,i=Zi(Object(r.useState)(!0),2),l=i[0],c=(i[1],Zi(Object(r.useState)({}),2)),u=c[0],s=c[1],f=Zi(Object(r.useState)([]),2),d=f[0],p=f[1],m=Object(r.useRef)([]);return a.a.createElement(sr,null,a.a.createElement(At,{onRender:Ji},a.a.createElement(tl,{value:t},a.a.createElement(Sr.Provider,{value:{previews:u,setPreviews:s,uploadedFiles:d,setUploadedFiles:p}},a.a.createElement("div",{className:"row",style:{marginTop:"-5px"}},a.a.createElement("div",{className:"col-sm-auto left-builder-col"},a.a.createElement("div",{className:"componets-and-library-accordion toolbox-card"},a.a.createElement(Qi,{nodekeys:m}),a.a.createElement(Xn,null,a.a.createElement("div",{className:"card mt-1",accordiontitle:"Components"},{show:a.a.createElement($o,null),edit:a.a.createElement(Yo,null),page:a.a.createElement(Go,null),filter:a.a.createElement(Ko,null)}[o]||a.a.createElement("div",null,"Missing mode")),a.a.createElement("div",{accordiontitle:"Library"},a.a.createElement(Xi,null)))),a.a.createElement("div",{className:"card toolbox-card pe-0"},a.a.createElement("div",{className:"card-header"},"Layers"),l&&a.a.createElement("div",{className:"card-body p-0 builder-layers"},a.a.createElement(Ui,{expandRootOnLoad:!0})))),a.a.createElement("div",{id:"builder-main-canvas",className:"col builder-mode-".concat(t.mode)},a.a.createElement("div",null,a.a.createElement(gt,{resolver:{Text:Or,Empty:Xr,Columns:Sn,JoinField:Pr,Field:Cr,ViewLink:Ir,Action:qr,HTMLCode:Lr,LineBreak:Ar,Aggregation:Tr,Card:oa,Image:Wr,Link:co,View:io,SearchBar:Fr,Container:oo,Column:vn,DropDownFilter:Zr,DropMenu:na,Tabs:Qr,ToggleFilter:aa}},a.a.createElement(mt,{canvas:!0,is:vn})))),a.a.createElement("div",{className:"col-sm-auto builder-sidebar"},a.a.createElement("div",{style:{width:"16rem"}},a.a.createElement(rl,null),a.a.createElement(il,{layout:n}),a.a.createElement(ol,null),a.a.createElement(al,null),a.a.createElement(nl,null)))))),a.a.createElement("div",{className:"d-none preview-scratchpad"})))};function cl(e,t,n,r){ve.a.render(a.a.createElement(ll,{options:JSON.parse(decodeURIComponent(t)),layout:JSON.parse(decodeURIComponent(n)),mode:r}),document.getElementById(e))}},function(e,t,n){"use strict";function r(){return(r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function a(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}function o(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}n.r(t),n.d(t,"CSSTransition",(function(){return w})),n.d(t,"ReplaceTransition",(function(){return N})),n.d(t,"SwitchTransition",(function(){return F})),n.d(t,"TransitionGroup",(function(){return S})),n.d(t,"Transition",(function(){return g})),n.d(t,"config",(function(){return f}));n(1);function i(e,t){return e.replace(new RegExp("(^|\\s)"+t+"(?:\\s|$)","g"),"$1").replace(/\s+/g," ").replace(/^\s*|\s*$/g,"")}var l=n(0),c=n.n(l),u=n(2),s=n.n(u),f={disabled:!1},d=c.a.createContext(null),p="entering",m="entered",h=function(e){function t(t,n){var r;r=e.call(this,t,n)||this;var a,o=n&&!n.isMounting?t.enter:t.appear;return r.appearStatus=null,t.in?o?(a="exited",r.appearStatus=p):a=m:a=t.unmountOnExit||t.mountOnEnter?"unmounted":"exited",r.state={status:a},r.nextCallback=null,r}o(t,e),t.getDerivedStateFromProps=function(e,t){return e.in&&"unmounted"===t.status?{status:"exited"}:null};var n=t.prototype;return n.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},n.componentDidUpdate=function(e){var t=null;if(e!==this.props){var n=this.state.status;this.props.in?n!==p&&n!==m&&(t=p):n!==p&&n!==m||(t="exiting")}this.updateStatus(!1,t)},n.componentWillUnmount=function(){this.cancelNextCallback()},n.getTimeouts=function(){var e,t,n,r=this.props.timeout;return e=t=n=r,null!=r&&"number"!=typeof r&&(e=r.exit,t=r.enter,n=void 0!==r.appear?r.appear:t),{exit:e,enter:t,appear:n}},n.updateStatus=function(e,t){void 0===e&&(e=!1),null!==t?(this.cancelNextCallback(),t===p?this.performEnter(e):this.performExit()):this.props.unmountOnExit&&"exited"===this.state.status&&this.setState({status:"unmounted"})},n.performEnter=function(e){var t=this,n=this.props.enter,r=this.context?this.context.isMounting:e,a=this.props.nodeRef?[r]:[s.a.findDOMNode(this),r],o=a[0],i=a[1],l=this.getTimeouts(),c=r?l.appear:l.enter;!e&&!n||f.disabled?this.safeSetState({status:m},(function(){t.props.onEntered(o)})):(this.props.onEnter(o,i),this.safeSetState({status:p},(function(){t.props.onEntering(o,i),t.onTransitionEnd(c,(function(){t.safeSetState({status:m},(function(){t.props.onEntered(o,i)}))}))})))},n.performExit=function(){var e=this,t=this.props.exit,n=this.getTimeouts(),r=this.props.nodeRef?void 0:s.a.findDOMNode(this);t&&!f.disabled?(this.props.onExit(r),this.safeSetState({status:"exiting"},(function(){e.props.onExiting(r),e.onTransitionEnd(n.exit,(function(){e.safeSetState({status:"exited"},(function(){e.props.onExited(r)}))}))}))):this.safeSetState({status:"exited"},(function(){e.props.onExited(r)}))},n.cancelNextCallback=function(){null!==this.nextCallback&&(this.nextCallback.cancel(),this.nextCallback=null)},n.safeSetState=function(e,t){t=this.setNextCallback(t),this.setState(e,t)},n.setNextCallback=function(e){var t=this,n=!0;return this.nextCallback=function(r){n&&(n=!1,t.nextCallback=null,e(r))},this.nextCallback.cancel=function(){n=!1},this.nextCallback},n.onTransitionEnd=function(e,t){this.setNextCallback(t);var n=this.props.nodeRef?this.props.nodeRef.current:s.a.findDOMNode(this),r=null==e&&!this.props.addEndListener;if(n&&!r){if(this.props.addEndListener){var a=this.props.nodeRef?[this.nextCallback]:[n,this.nextCallback],o=a[0],i=a[1];this.props.addEndListener(o,i)}null!=e&&setTimeout(this.nextCallback,e)}else setTimeout(this.nextCallback,0)},n.render=function(){var e=this.state.status;if("unmounted"===e)return null;var t=this.props,n=t.children,r=(t.in,t.mountOnEnter,t.unmountOnExit,t.appear,t.enter,t.exit,t.timeout,t.addEndListener,t.onEnter,t.onEntering,t.onEntered,t.onExit,t.onExiting,t.onExited,t.nodeRef,a(t,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]));return c.a.createElement(d.Provider,{value:null},"function"==typeof n?n(e,r):c.a.cloneElement(c.a.Children.only(n),r))},t}(c.a.Component);function v(){}h.contextType=d,h.propTypes={},h.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:v,onEntering:v,onEntered:v,onExit:v,onExiting:v,onExited:v},h.UNMOUNTED="unmounted",h.EXITED="exited",h.ENTERING=p,h.ENTERED=m,h.EXITING="exiting";var g=h,y=function(e,t){return e&&t&&t.split(" ").forEach((function(t){return r=t,void((n=e).classList?n.classList.remove(r):"string"==typeof n.className?n.className=i(n.className,r):n.setAttribute("class",i(n.className&&n.className.baseVal||"",r)));var n,r}))},b=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),a=0;a<n;a++)r[a]=arguments[a];return(t=e.call.apply(e,[this].concat(r))||this).appliedClasses={appear:{},enter:{},exit:{}},t.onEnter=function(e,n){var r=t.resolveArguments(e,n),a=r[0],o=r[1];t.removeClasses(a,"exit"),t.addClass(a,o?"appear":"enter","base"),t.props.onEnter&&t.props.onEnter(e,n)},t.onEntering=function(e,n){var r=t.resolveArguments(e,n),a=r[0],o=r[1]?"appear":"enter";t.addClass(a,o,"active"),t.props.onEntering&&t.props.onEntering(e,n)},t.onEntered=function(e,n){var r=t.resolveArguments(e,n),a=r[0],o=r[1]?"appear":"enter";t.removeClasses(a,o),t.addClass(a,o,"done"),t.props.onEntered&&t.props.onEntered(e,n)},t.onExit=function(e){var n=t.resolveArguments(e)[0];t.removeClasses(n,"appear"),t.removeClasses(n,"enter"),t.addClass(n,"exit","base"),t.props.onExit&&t.props.onExit(e)},t.onExiting=function(e){var n=t.resolveArguments(e)[0];t.addClass(n,"exit","active"),t.props.onExiting&&t.props.onExiting(e)},t.onExited=function(e){var n=t.resolveArguments(e)[0];t.removeClasses(n,"exit"),t.addClass(n,"exit","done"),t.props.onExited&&t.props.onExited(e)},t.resolveArguments=function(e,n){return t.props.nodeRef?[t.props.nodeRef.current,e]:[e,n]},t.getClassNames=function(e){var n=t.props.classNames,r="string"==typeof n,a=r?""+(r&&n?n+"-":"")+e:n[e];return{baseClassName:a,activeClassName:r?a+"-active":n[e+"Active"],doneClassName:r?a+"-done":n[e+"Done"]}},t}o(t,e);var n=t.prototype;return n.addClass=function(e,t,n){var r=this.getClassNames(t)[n+"ClassName"],a=this.getClassNames("enter").doneClassName;"appear"===t&&"done"===n&&a&&(r+=" "+a),"active"===n&&e&&e.scrollTop,r&&(this.appliedClasses[t][n]=r,function(e,t){e&&t&&t.split(" ").forEach((function(t){return r=t,void((n=e).classList?n.classList.add(r):function(e,t){return e.classList?!!t&&e.classList.contains(t):-1!==(" "+(e.className.baseVal||e.className)+" ").indexOf(" "+t+" ")}(n,r)||("string"==typeof n.className?n.className=n.className+" "+r:n.setAttribute("class",(n.className&&n.className.baseVal||"")+" "+r)));var n,r}))}(e,r))},n.removeClasses=function(e,t){var n=this.appliedClasses[t],r=n.base,a=n.active,o=n.done;this.appliedClasses[t]={},r&&y(e,r),a&&y(e,a),o&&y(e,o)},n.render=function(){var e=this.props,t=(e.classNames,a(e,["classNames"]));return c.a.createElement(g,r({},t,{onEnter:this.onEnter,onEntered:this.onEntered,onEntering:this.onEntering,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited}))},t}(c.a.Component);b.defaultProps={classNames:""},b.propTypes={};var w=b;function E(e,t){var n=Object.create(null);return e&&l.Children.map(e,(function(e){return e})).forEach((function(e){n[e.key]=function(e){return t&&Object(l.isValidElement)(e)?t(e):e}(e)})),n}function x(e,t,n){return null!=n[t]?n[t]:e.props[t]}function k(e,t,n){var r=E(e.children),a=function(e,t){function n(n){return n in t?t[n]:e[n]}e=e||{},t=t||{};var r,a=Object.create(null),o=[];for(var i in e)i in t?o.length&&(a[i]=o,o=[]):o.push(i);var l={};for(var c in t){if(a[c])for(r=0;r<a[c].length;r++){var u=a[c][r];l[a[c][r]]=n(u)}l[c]=n(c)}for(r=0;r<o.length;r++)l[o[r]]=n(o[r]);return l}(t,r);return Object.keys(a).forEach((function(o){var i=a[o];if(Object(l.isValidElement)(i)){var c=o in t,u=o in r,s=t[o],f=Object(l.isValidElement)(s)&&!s.props.in;!u||c&&!f?u||!c||f?u&&c&&Object(l.isValidElement)(s)&&(a[o]=Object(l.cloneElement)(i,{onExited:n.bind(null,i),in:s.props.in,exit:x(i,"exit",e),enter:x(i,"enter",e)})):a[o]=Object(l.cloneElement)(i,{in:!1}):a[o]=Object(l.cloneElement)(i,{onExited:n.bind(null,i),in:!0,exit:x(i,"exit",e),enter:x(i,"enter",e)})}})),a}var _=Object.values||function(e){return Object.keys(e).map((function(t){return e[t]}))},O=function(e){function t(t,n){var r,a=(r=e.call(this,t,n)||this).handleExited.bind(function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(r));return r.state={contextValue:{isMounting:!0},handleExited:a,firstRender:!0},r}o(t,e);var n=t.prototype;return n.componentDidMount=function(){this.mounted=!0,this.setState({contextValue:{isMounting:!1}})},n.componentWillUnmount=function(){this.mounted=!1},t.getDerivedStateFromProps=function(e,t){var n,r,a=t.children,o=t.handleExited;return{children:t.firstRender?(n=e,r=o,E(n.children,(function(e){return Object(l.cloneElement)(e,{onExited:r.bind(null,e),in:!0,appear:x(e,"appear",n),enter:x(e,"enter",n),exit:x(e,"exit",n)})}))):k(e,a,o),firstRender:!1}},n.handleExited=function(e,t){var n=E(this.props.children);e.key in n||(e.props.onExited&&e.props.onExited(t),this.mounted&&this.setState((function(t){var n=r({},t.children);return delete n[e.key],{children:n}})))},n.render=function(){var e=this.props,t=e.component,n=e.childFactory,r=a(e,["component","childFactory"]),o=this.state.contextValue,i=_(this.state.children).map(n);return delete r.appear,delete r.enter,delete r.exit,null===t?c.a.createElement(d.Provider,{value:o},i):c.a.createElement(d.Provider,{value:o},c.a.createElement(t,r,i))},t}(c.a.Component);O.propTypes={},O.defaultProps={component:"div",childFactory:function(e){return e}};var S=O,C=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),a=0;a<n;a++)r[a]=arguments[a];return(t=e.call.apply(e,[this].concat(r))||this).handleEnter=function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.handleLifecycle("onEnter",0,n)},t.handleEntering=function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.handleLifecycle("onEntering",0,n)},t.handleEntered=function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.handleLifecycle("onEntered",0,n)},t.handleExit=function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.handleLifecycle("onExit",1,n)},t.handleExiting=function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.handleLifecycle("onExiting",1,n)},t.handleExited=function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.handleLifecycle("onExited",1,n)},t}o(t,e);var n=t.prototype;return n.handleLifecycle=function(e,t,n){var r,a=this.props.children,o=c.a.Children.toArray(a)[t];if(o.props[e]&&(r=o.props)[e].apply(r,n),this.props[e]){var i=o.props.nodeRef?void 0:s.a.findDOMNode(this);this.props[e](i)}},n.render=function(){var e=this.props,t=e.children,n=e.in,r=a(e,["children","in"]),o=c.a.Children.toArray(t),i=o[0],l=o[1];return delete r.onEnter,delete r.onEntering,delete r.onEntered,delete r.onExit,delete r.onExiting,delete r.onExited,c.a.createElement(S,r,n?c.a.cloneElement(i,{key:"first",onEnter:this.handleEnter,onEntering:this.handleEntering,onEntered:this.handleEntered}):c.a.cloneElement(l,{key:"second",onEnter:this.handleExit,onEntering:this.handleExiting,onEntered:this.handleExited}))},t}(c.a.Component);C.propTypes={};var j,P,N=C;var T="out-in",A="in-out",R=function(e,t,n){return function(){var r;e.props[t]&&(r=e.props)[t].apply(r,arguments),n()}},I=((j={})[T]=function(e){var t=e.current,n=e.changeState;return c.a.cloneElement(t,{in:!1,onExited:R(t,"onExited",(function(){n(p,null)}))})},j[A]=function(e){var t=e.current,n=e.changeState,r=e.children;return[t,c.a.cloneElement(r,{in:!0,onEntered:R(r,"onEntered",(function(){n(p)}))})]},j),z=((P={})[T]=function(e){var t=e.children,n=e.changeState;return c.a.cloneElement(t,{in:!0,onEntered:R(t,"onEntered",(function(){n(m,c.a.cloneElement(t,{in:!0}))}))})},P[A]=function(e){var t=e.current,n=e.children,r=e.changeState;return[c.a.cloneElement(t,{in:!1,onExited:R(t,"onExited",(function(){r(m,c.a.cloneElement(n,{in:!0}))}))}),c.a.cloneElement(n,{in:!0})]},P),M=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),a=0;a<n;a++)r[a]=arguments[a];return(t=e.call.apply(e,[this].concat(r))||this).state={status:m,current:null},t.appeared=!1,t.changeState=function(e,n){void 0===n&&(n=t.state.current),t.setState({status:e,current:n})},t}o(t,e);var n=t.prototype;return n.componentDidMount=function(){this.appeared=!0},t.getDerivedStateFromProps=function(e,t){return null==e.children?{current:null}:t.status===p&&e.mode===A?{status:p}:!t.current||(n=t.current,r=e.children,n===r||c.a.isValidElement(n)&&c.a.isValidElement(r)&&null!=n.key&&n.key===r.key)?{current:c.a.cloneElement(e.children,{in:!0})}:{status:"exiting"};var n,r},n.render=function(){var e,t=this.props,n=t.children,r=t.mode,a=this.state,o=a.status,i=a.current,l={children:n,current:i,changeState:this.changeState,status:o};switch(o){case p:e=z[r](l);break;case"exiting":e=I[r](l);break;case m:e=i}return c.a.createElement(d.Provider,{value:{isMounting:!this.appeared}},e)},t}(c.a.Component);M.propTypes={},M.defaultProps={mode:T};var F=M}]);
|