├── .browserslistrc
├── .codeclimate.yml
├── .editorconfig
├── .eslintignore
├── .eslintrc.js
├── .github
├── ISSUE_TEMPLATE
│ ├── bug_report.md
│ └── feature_request.md
└── pull_request_template.md
├── .gitignore
├── .htaccess
├── .nvmrc
├── .prettierrc
├── .scrutinizer.yml
├── .stylelintignore
├── .travis.yml
├── LICENSE
├── README.md
├── assets
├── css
│ ├── animate.css
│ ├── buttons.min.css
│ ├── crop.css
│ ├── custom-styles.css
│ ├── font-family-controls.min.css
│ ├── genericons.min.css
│ └── media-tab.css
├── fonts
│ ├── FontAwesome.otf
│ ├── Genericons.eot
│ ├── Genericons.svg
│ ├── Genericons.ttf
│ ├── Genericons.woff
│ ├── fontawesome-webfont.eot
│ ├── fontawesome-webfont.ttf
│ ├── fontawesome-webfont.woff
│ ├── fontawesome-webfont.woff2
│ └── redacted
│ │ ├── redacted-script-bold.eot
│ │ ├── redacted-script-bold.svg
│ │ ├── redacted-script-bold.ttf
│ │ ├── redacted-script-bold.woff
│ │ └── redacted-script-bold.woff2
├── image
│ ├── bg-logo.svg
│ ├── bg-seal.png
│ ├── boldgrid-logo.svg
│ ├── gridblock-icon-white.svg
│ ├── gridblock-icon.svg
│ ├── grip.png
│ ├── icons
│ │ ├── add-column-hover.png
│ │ ├── add-column.png
│ │ ├── add-row-hover.png
│ │ ├── add-row.png
│ │ ├── clear-contents-hover.png
│ │ ├── clear-contents.png
│ │ ├── clone-as-row-hover.png
│ │ ├── clone-as-row.png
│ │ ├── clone-hover.png
│ │ ├── clone.png
│ │ ├── customize-nav
│ │ │ ├── animation.svg
│ │ │ ├── background-color.svg
│ │ │ ├── block-align.svg
│ │ │ ├── border-radius.svg
│ │ │ ├── border.svg
│ │ │ ├── box-shadow.svg
│ │ │ ├── color.svg
│ │ │ ├── custom-class.svg
│ │ │ ├── design.svg
│ │ │ ├── devices.svg
│ │ │ ├── divider.svg
│ │ │ ├── font-size.svg
│ │ │ ├── hover-click.svg
│ │ │ ├── margin.svg
│ │ │ ├── outline.svg
│ │ │ ├── padding.svg
│ │ │ ├── responsive-align.svg
│ │ │ ├── rotate.svg
│ │ │ └── width.svg
│ │ ├── delete-hover.png
│ │ ├── delete.png
│ │ ├── drag-as-content-hover.png
│ │ ├── drag-as-content.png
│ │ ├── grid
│ │ │ ├── column.svg
│ │ │ ├── row.svg
│ │ │ ├── section.svg
│ │ │ └── shape.svg
│ │ ├── insert-form-hover.png
│ │ ├── insert-form.png
│ │ ├── insert-gridblock-hover.png
│ │ ├── insert-gridblock.png
│ │ ├── shape-divider-icon.svg
│ │ └── table.svg
│ ├── maps
│ │ └── google
│ │ │ ├── gm-hybrid.png
│ │ │ ├── gm-roadmap.png
│ │ │ ├── gm-satellite.png
│ │ │ └── gm-terrain.png
│ ├── notice
│ │ ├── bullet.png
│ │ ├── editor13.png
│ │ └── plugin-icon-editor.png
│ ├── page-templates
│ │ ├── default.svg
│ │ ├── fullwidth.svg
│ │ └── sidebar.svg
│ ├── patterns
│ │ ├── 3px-tile.png
│ │ ├── 60-lines.png
│ │ ├── absurdity.png
│ │ ├── ag-square.png
│ │ ├── always-grey.png
│ │ ├── arabesque.png
│ │ ├── arches.png
│ │ ├── argyle.png
│ │ ├── assault.png
│ │ ├── axiom-pattern.png
│ │ ├── az-subtle.png
│ │ ├── back-pattern.png
│ │ ├── batthern.png
│ │ ├── billie-holiday.png
│ │ ├── binding-dark.png
│ │ ├── black-lozenge.png
│ │ ├── black-mamba.png
│ │ ├── black-scales.png
│ │ ├── black-thread-light.png
│ │ ├── black-thread.png
│ │ ├── black-twill.png
│ │ ├── blizzard.png
│ │ ├── blu-stripes.png
│ │ ├── bo-play.png
│ │ ├── brick-wall-dark.png
│ │ ├── brick-wall.png
│ │ ├── brilliant.png
│ │ ├── brushed-alum.png
│ │ ├── candyhole.png
│ │ ├── carbon-fibre-big.png
│ │ ├── carbon-fibre-v2.png
│ │ ├── carbon-fibre.png
│ │ ├── checkered-light-emboss.png
│ │ ├── checkered-pattern.png
│ │ ├── church.png
│ │ ├── circles.png
│ │ ├── classy-fabric.png
│ │ ├── climpek.png
│ │ ├── cloth-alike.png
│ │ ├── connected.png
│ │ ├── corrugation.png
│ │ ├── cream-dust.png
│ │ ├── cream-paper.png
│ │ ├── cream-pixels.png
│ │ ├── cross-stripes.png
│ │ ├── cubes.png
│ │ ├── cutcube.png
│ │ ├── dark-brick-wall.png
│ │ ├── dark-circles.png
│ │ ├── dark-denim.png
│ │ ├── dark-dot.png
│ │ ├── dark-dotted-2.png
│ │ ├── dark-exa.png
│ │ ├── dark-fish-skin.png
│ │ ├── dark-geometric.png
│ │ ├── dark-matter.png
│ │ ├── dark-mosaic.png
│ │ ├── dark-stripes-light.png
│ │ ├── dark-stripes.png
│ │ ├── dark-tire.png
│ │ ├── debut-dark.png
│ │ ├── debut-light.png
│ │ ├── diagmonds-light.png
│ │ ├── diagmonds.png
│ │ ├── diagonal-noise.png
│ │ ├── diagonal-striped-brick.png
│ │ ├── diagonal-waves.png
│ │ ├── diagonales-decalees.png
│ │ ├── diamond-eyes.png
│ │ ├── diamond-upholstery.png
│ │ ├── diamonds-are-forever.png
│ │ ├── dimension.png
│ │ ├── dotnoise-light-grey.png
│ │ ├── double-lined.png
│ │ ├── ecailles.png
│ │ ├── elastoplast.png
│ │ ├── elegant-grid.png
│ │ ├── embossed-paper.png
│ │ ├── escheresque-dark.png
│ │ ├── escheresque.png
│ │ ├── fabric-plaid.png
│ │ ├── fake-brick.png
│ │ ├── fake-luxury.png
│ │ ├── fancy-deboss.png
│ │ ├── first-aid-kit.png
│ │ ├── flower-trail.png
│ │ ├── flowers.png
│ │ ├── foggy-birds.png
│ │ ├── food.png
│ │ ├── gold-scale.png
│ │ ├── gplay.png
│ │ ├── graphcoders-lil-fiber.png
│ │ ├── graphy-dark.png
│ │ ├── graphy.png
│ │ ├── gray-floral.png
│ │ ├── gray-lines.png
│ │ ├── gray-sand.png
│ │ ├── green-gobbler.png
│ │ ├── grey-jean.png
│ │ ├── grey-sandbag.png
│ │ ├── greyzz.png
│ │ ├── grid-me.png
│ │ ├── grid-noise.png
│ │ ├── grilled-noise.png
│ │ ├── gun-metal.png
│ │ ├── handmade-paper.png
│ │ ├── hexabump.png
│ │ ├── hexellence.png
│ │ ├── hixs-evolution.png
│ │ ├── hoffman.png
│ │ ├── honey-im-subtle.png
│ │ ├── inspiration-geometry.png
│ │ ├── kinda-jean.png
│ │ ├── knitted-netting.png
│ │ ├── knitted-sweater.png
│ │ ├── kuji.png
│ │ ├── light-gray.png
│ │ ├── light-grey-floral-motif.png
│ │ ├── light-wool.png
│ │ ├── lined-paper.png
│ │ ├── little-knobs.png
│ │ ├── little-triangles.png
│ │ ├── lyonnette.png
│ │ ├── maze-black.png
│ │ ├── maze-white.png
│ │ ├── mbossed.png
│ │ ├── medic-packaging-foil.png
│ │ ├── merely-cubed.png
│ │ ├── micro-carbon.png
│ │ ├── mirrored-squares.png
│ │ ├── moulin.png
│ │ ├── my-little-plaid-dark.png
│ │ ├── my-little-plaid.png
│ │ ├── nami.png
│ │ ├── nistri.png
│ │ ├── noise-lines.png
│ │ ├── norwegian-rose.png
│ │ ├── notebook-dark.png
│ │ ├── notebook.png
│ │ ├── office.png
│ │ ├── old-moon.png
│ │ ├── otis-redding.png
│ │ ├── outlets.png
│ │ ├── p1.png
│ │ ├── p2.png
│ │ ├── p4.png
│ │ ├── p5.png
│ │ ├── p6.png
│ │ ├── padded-light.png
│ │ ├── padded.png
│ │ ├── paven.png
│ │ ├── pineapple-cut.png
│ │ ├── pinstripe-dark.png
│ │ ├── pinstripe-light.png
│ │ ├── pixel-weave.png
│ │ ├── polaroid.png
│ │ ├── polyester-lite.png
│ │ ├── project-paper.png
│ │ ├── ps-neutral.png
│ │ ├── psychedelic.png
│ │ ├── pw-pattern.png
│ │ ├── pyramid.png
│ │ ├── quilt.png
│ │ ├── random-grey-variations.png
│ │ ├── real-carbon-fibre.png
│ │ ├── reticular-tissue.png
│ │ ├── retina-dust.png
│ │ ├── retro-intro.png
│ │ ├── robots.png
│ │ ├── rubber-grip.png
│ │ ├── satin-weave.png
│ │ ├── shine-caro.png
│ │ ├── shine-dotted.png
│ │ ├── silver-scales.png
│ │ ├── simple-dashed.png
│ │ ├── simple-horizontal-light.png
│ │ ├── skeletal-weave.png
│ │ ├── slash-it.png
│ │ ├── small-crackle-bright.png
│ │ ├── small-crosses.png
│ │ ├── sneaker-mesh-fabric.png
│ │ ├── soft-circle-scales.png
│ │ ├── soft-kill.png
│ │ ├── soft-pad.png
│ │ ├── sos.png
│ │ ├── sprinkles.png
│ │ ├── squared-metal.png
│ │ ├── squares.png
│ │ ├── stacked-circles.png
│ │ ├── stardust.png
│ │ ├── starring.png
│ │ ├── stitched-wool.png
│ │ ├── straws.png
│ │ ├── stressed-linen.png
│ │ ├── subtle-carbon.png
│ │ ├── subtle-dark-vertical.png
│ │ ├── subtle-dots.png
│ │ ├── subtle-freckles.png
│ │ ├── subtle-stripes.png
│ │ ├── subtle-surface.png
│ │ ├── subtle-zebra-3d.png
│ │ ├── subtlenet.png
│ │ ├── swirl.png
│ │ ├── tactile-noise-dark.png
│ │ ├── tactile-noise-light.png
│ │ ├── tapestry.png
│ │ ├── tasky.png
│ │ ├── tiny-grid.png
│ │ ├── translucent-fibres.png
│ │ ├── transparent-square-tiles.png
│ │ ├── triangles-2.png
│ │ ├── triangles.png
│ │ ├── triangular.png
│ │ ├── twinkle-twinkle.png
│ │ ├── type.png
│ │ ├── use-your-illusion.png
│ │ ├── vaio.png
│ │ ├── vichy.png
│ │ ├── washi.png
│ │ ├── wave-grid.png
│ │ ├── wavecut.png
│ │ ├── weave.png
│ │ ├── wet-snow.png
│ │ ├── white-bed-sheet.png
│ │ ├── white-brick-wall.png
│ │ ├── white-brushed.png
│ │ ├── white-carbon.png
│ │ ├── white-carbonfiber.png
│ │ ├── white-diamond-dark.png
│ │ ├── white-diamond.png
│ │ ├── white-linen.png
│ │ ├── white-sand.png
│ │ ├── white-texture.png
│ │ ├── white-tiles.png
│ │ ├── white-wall-3.png
│ │ ├── white-wave.png
│ │ ├── wide-rectangles.png
│ │ ├── worn-dots.png
│ │ ├── woven-light.png
│ │ ├── woven.png
│ │ └── zig-zag.png
│ ├── section-dividers
│ │ ├── arrow-1.svg
│ │ ├── arrow-2.svg
│ │ ├── book-1.svg
│ │ ├── book-2.svg
│ │ ├── clouds-1.svg
│ │ ├── clouds-2.svg
│ │ ├── curve-1.svg
│ │ ├── curve-2.svg
│ │ ├── curve-asymmetrical-1.svg
│ │ ├── curve-asymmetrical-2.svg
│ │ ├── drops-1.svg
│ │ ├── drops-2.svg
│ │ ├── mountains.svg
│ │ ├── opacity-fan.svg
│ │ ├── opacity-tilt.svg
│ │ ├── pyramids-1.svg
│ │ ├── pyramids-2.svg
│ │ ├── split-1.svg
│ │ ├── split-2.svg
│ │ ├── tilt.svg
│ │ ├── triangle-1.svg
│ │ ├── triangle-2.svg
│ │ ├── triangle-asymmetrical-1.svg
│ │ ├── triangle-asymmetrical-2.svg
│ │ ├── wave-brush.svg
│ │ ├── waves-1.svg
│ │ ├── waves-2.svg
│ │ ├── waves-pattern.svg
│ │ └── zigzag.svg
│ ├── transparency.png
│ └── web-fonts.png
├── js
│ ├── builder
│ │ ├── browser
│ │ │ └── ie-version.js
│ │ ├── compatibility
│ │ │ └── loader.js
│ │ ├── component
│ │ │ ├── add.html
│ │ │ ├── add.js
│ │ │ ├── add.scss
│ │ │ ├── block
│ │ │ │ ├── component.js
│ │ │ │ └── icon.svg
│ │ │ ├── blockquote
│ │ │ │ └── component.js
│ │ │ ├── button
│ │ │ │ ├── control.js
│ │ │ │ └── icon.svg
│ │ │ ├── divider
│ │ │ │ ├── control.js
│ │ │ │ └── icon.svg
│ │ │ ├── drag.js
│ │ │ ├── icon
│ │ │ │ └── control.js
│ │ │ ├── layout
│ │ │ │ ├── component.js
│ │ │ │ ├── design-1
│ │ │ │ │ ├── icon.svg
│ │ │ │ │ └── template.html
│ │ │ │ ├── design-10
│ │ │ │ │ ├── icon.svg
│ │ │ │ │ └── template.html
│ │ │ │ ├── design-2
│ │ │ │ │ ├── icon.svg
│ │ │ │ │ └── template.html
│ │ │ │ ├── design-3
│ │ │ │ │ ├── icon.svg
│ │ │ │ │ └── template.html
│ │ │ │ ├── design-4
│ │ │ │ │ ├── icon.svg
│ │ │ │ │ └── template.html
│ │ │ │ ├── design-5
│ │ │ │ │ ├── icon.svg
│ │ │ │ │ └── template.html
│ │ │ │ ├── design-6
│ │ │ │ │ ├── icon.svg
│ │ │ │ │ └── template.html
│ │ │ │ ├── design-7
│ │ │ │ │ ├── icon.svg
│ │ │ │ │ └── template.html
│ │ │ │ ├── design-8
│ │ │ │ │ ├── icon.svg
│ │ │ │ │ └── template.html
│ │ │ │ ├── design-9
│ │ │ │ │ ├── icon.svg
│ │ │ │ │ └── template.html
│ │ │ │ ├── icon.svg
│ │ │ │ ├── style.scss
│ │ │ │ └── ui.html
│ │ │ ├── list
│ │ │ │ ├── component.js
│ │ │ │ └── icon.svg
│ │ │ ├── map
│ │ │ │ └── component.js
│ │ │ ├── media
│ │ │ │ └── component.js
│ │ │ ├── shortcode
│ │ │ │ ├── component.js
│ │ │ │ └── form.html
│ │ │ ├── spacer
│ │ │ │ ├── component.js
│ │ │ │ └── icon.svg
│ │ │ └── widget
│ │ │ │ ├── control.html
│ │ │ │ ├── control.js
│ │ │ │ ├── error.html
│ │ │ │ └── instance.js
│ │ ├── connect-key
│ │ │ ├── enter-key.html
│ │ │ └── prompt.js
│ │ ├── controls.js
│ │ ├── controls
│ │ │ ├── color.js
│ │ │ ├── color
│ │ │ │ └── palette.js
│ │ │ ├── container.js
│ │ │ ├── element
│ │ │ │ ├── advanced.js
│ │ │ │ ├── background-legacy.js
│ │ │ │ ├── background.js
│ │ │ │ ├── box.js
│ │ │ │ ├── dividers.js
│ │ │ │ ├── font.js
│ │ │ │ ├── image.js
│ │ │ │ ├── span.js
│ │ │ │ └── tables.js
│ │ │ ├── generic.js
│ │ │ ├── generic
│ │ │ │ ├── background-color.js
│ │ │ │ ├── block-alignment.js
│ │ │ │ ├── border.js
│ │ │ │ ├── custom-classes.js
│ │ │ │ ├── font-color.js
│ │ │ │ ├── font-size.js
│ │ │ │ ├── hover-visibility.js
│ │ │ │ ├── link.js
│ │ │ │ ├── margin.js
│ │ │ │ ├── outline.js
│ │ │ │ ├── responsive-alignment.js
│ │ │ │ ├── rotate.js
│ │ │ │ ├── table-borders.js
│ │ │ │ ├── table-colors.js
│ │ │ │ └── width.js
│ │ │ ├── global.js
│ │ │ ├── help.js
│ │ │ ├── image
│ │ │ │ ├── change.js
│ │ │ │ └── filter.js
│ │ │ ├── information.js
│ │ │ ├── media
│ │ │ │ └── edit.js
│ │ │ ├── section.js
│ │ │ └── template.js
│ │ ├── css
│ │ │ ├── before-theme.css
│ │ │ └── draggable.css
│ │ ├── customize
│ │ │ └── navigation.js
│ │ ├── drag.js
│ │ ├── drag
│ │ │ ├── column.js
│ │ │ ├── content.js
│ │ │ ├── placeholder.js
│ │ │ ├── row.js
│ │ │ └── section.js
│ │ ├── feedback.js
│ │ ├── gridblock
│ │ │ ├── add.js
│ │ │ ├── category.js
│ │ │ ├── create.js
│ │ │ ├── delete.js
│ │ │ ├── drag.js
│ │ │ ├── fetch-saved.js
│ │ │ ├── filter.js
│ │ │ ├── generate.js
│ │ │ ├── image.js
│ │ │ ├── industry.js
│ │ │ ├── lead.js
│ │ │ ├── loader.js
│ │ │ ├── preview.js
│ │ │ ├── save.js
│ │ │ └── view.js
│ │ ├── library
│ │ │ └── save.js
│ │ ├── menu.js
│ │ ├── notice
│ │ │ ├── base.js
│ │ │ ├── base.scss
│ │ │ ├── bg-control
│ │ │ │ ├── index.js
│ │ │ │ └── notice.js
│ │ │ ├── editor-choice
│ │ │ │ ├── index.js
│ │ │ │ └── notice.js
│ │ │ ├── intro
│ │ │ │ ├── index.js
│ │ │ │ ├── notice.js
│ │ │ │ ├── style.scss
│ │ │ │ └── template.html
│ │ │ ├── loader.js
│ │ │ ├── onb-videos
│ │ │ │ ├── index.js
│ │ │ │ └── notice.js
│ │ │ └── update.js
│ │ ├── panel.js
│ │ ├── popover
│ │ │ ├── actions
│ │ │ │ ├── clone.js
│ │ │ │ ├── delete.js
│ │ │ │ └── general.js
│ │ │ ├── base.js
│ │ │ ├── column.js
│ │ │ ├── content.js
│ │ │ ├── row.js
│ │ │ └── section.js
│ │ ├── premium
│ │ │ ├── component.js
│ │ │ └── setup.js
│ │ ├── resize
│ │ │ ├── handle.js
│ │ │ └── row
│ │ │ │ ├── control.js
│ │ │ │ ├── padding-bottom.js
│ │ │ │ └── padding-top.js
│ │ ├── sanitize.js
│ │ ├── service.js
│ │ ├── style
│ │ │ ├── remote.js
│ │ │ └── updater.js
│ │ ├── tinymce
│ │ │ ├── loading.js
│ │ │ ├── width.js
│ │ │ └── wp-mce-draggable.js
│ │ ├── tooltips.js
│ │ ├── util.js
│ │ ├── validation
│ │ │ └── section.js
│ │ └── view.js
│ ├── camanjs
│ │ └── caman.full.min.js
│ ├── classic.js
│ ├── editor.js
│ ├── editor
│ │ ├── editor.js
│ │ └── editor.min.js
│ ├── forms
│ │ ├── default-editor
│ │ │ ├── form.js
│ │ │ ├── index.js
│ │ │ └── style.scss
│ │ ├── editor-select
│ │ │ ├── control.js
│ │ │ ├── index.js
│ │ │ └── style.scss
│ │ └── utility.js
│ ├── gutenberg.js
│ ├── jquery-stellar
│ │ └── jquery.stellar.js
│ ├── media
│ │ ├── crop.js
│ │ ├── crop.min.js
│ │ ├── media.js
│ │ └── media.min.js
│ ├── pointers.js
│ ├── public.js
│ ├── sass-js
│ │ └── sass.worker.js
│ ├── settings.js
│ ├── tinymce_tables.js
│ ├── tinymce_tables.min.js
│ └── view
│ │ ├── banner
│ │ ├── index.js
│ │ ├── style.scss
│ │ └── template.js
│ │ ├── classic
│ │ ├── index.js
│ │ └── page.js
│ │ ├── gutenberg
│ │ ├── page.js
│ │ └── style.scss
│ │ ├── loading
│ │ ├── element.js
│ │ ├── index.js
│ │ └── style.scss
│ │ └── settings
│ │ ├── index.js
│ │ ├── page.js
│ │ └── style.scss
├── json
│ ├── builder.json
│ ├── components.json
│ ├── font-awesome.json
│ ├── google-fonts.json
│ ├── gradients.json
│ ├── preset-gradients.json
│ └── sample-images.json
└── scss
│ ├── _material-reset.scss
│ ├── _mixins.scss
│ ├── _variables.scss
│ ├── admin
│ ├── _button.scss
│ ├── _form.scss
│ ├── _loading.scss
│ ├── _overlay.scss
│ ├── _page-title.scss
│ ├── _spinner.scss
│ └── _upgrade-notice.scss
│ ├── bootstrap
│ ├── _additions.scss
│ └── _bootstrap.scss
│ ├── builder
│ ├── _colors.scss
│ ├── _connect-key.scss
│ ├── _drag.scss
│ ├── _edit.scss
│ ├── _font-select.scss
│ ├── _menu.scss
│ ├── _panel.scss
│ ├── _popover.scss
│ ├── _post-box.scss
│ ├── _resize.scss
│ ├── _tinymce.scss
│ ├── _tooltip.scss
│ ├── panel
│ │ ├── _advanced.scss
│ │ ├── _background.scss
│ │ ├── _base.scss
│ │ ├── _box.scss
│ │ ├── _button.scss
│ │ ├── _dividers.scss
│ │ ├── _font.scss
│ │ ├── _form-reset.scss
│ │ ├── _hr.scss
│ │ ├── _icon.scss
│ │ ├── _image-filter.scss
│ │ ├── _image.scss
│ │ ├── _information.scss
│ │ ├── _library.scss
│ │ ├── _navigation.scss
│ │ ├── _palette.scss
│ │ └── _tables.scss
│ └── section
│ │ ├── _drag.scss
│ │ ├── _lead.scss
│ │ └── _view.scss
│ ├── color-palette-scss
│ ├── buttons
│ │ ├── _base.scss
│ │ ├── _layout.scss
│ │ ├── _mixins.scss
│ │ ├── _options.scss
│ │ ├── buttons.scss
│ │ └── types
│ │ │ ├── _3d.scss
│ │ │ ├── _border.scss
│ │ │ ├── _borderless.scss
│ │ │ ├── _dropdown.scss
│ │ │ ├── _glow.scss
│ │ │ ├── _groups.scss
│ │ │ ├── _longshadow.scss
│ │ │ ├── _raised.scss
│ │ │ ├── _shapes.scss
│ │ │ ├── _sizes.scss
│ │ │ └── _wrapper.scss
│ └── classes
│ │ └── color-classes.scss
│ ├── controls
│ ├── _bg-controls.scss
│ ├── _border.scss
│ ├── _outline.scss
│ ├── _template.scss
│ └── _width.scss
│ ├── editor-fe.scss
│ ├── editor.scss
│ ├── front-end
│ ├── _edit-link.scss
│ └── _page-template.scss
│ └── mce-fe.scss
├── autoload.php
├── babel.config.json
├── bin
├── install-wp-tests.sh
├── package.sh
└── update-version.js
├── components
└── class-boldgrid-components-shortcode.php
├── composer.json
├── composer.lock
├── controls
├── class-boldgrid-controls-page-title.php
└── index.php
├── gulpfile.js
├── includes
├── Rating
│ ├── Service.php
│ └── config.php
├── View
│ ├── Card
│ │ ├── Editor.php
│ │ └── Premium.php
│ ├── Classic.php
│ ├── Feature
│ │ ├── Boldgrid.php
│ │ ├── Central.php
│ │ ├── Cloud.php
│ │ ├── MoreCentral.php
│ │ ├── Pagebuilder.php
│ │ ├── Signup.php
│ │ └── Speedcoach.php
│ ├── Gutenberg.php
│ ├── Plugins.php
│ └── Settings.php
├── Widget
│ ├── AuthorMeta.php
│ ├── HeadingWidget.php
│ ├── Logo.php
│ ├── Menu.php
│ ├── PageTitle.php
│ ├── SiteDescription.php
│ └── SiteTitle.php
├── builder
│ ├── class-boldgrid-editor-builder-components.php
│ ├── class-boldgrid-editor-builder-fonts.php
│ ├── class-boldgrid-editor-builder-styles.php
│ ├── class-boldgrid-editor-builder.php
│ └── index.php
├── class-boldgrid-editor-activate.php
├── class-boldgrid-editor-admin-pointers.php
├── class-boldgrid-editor-ajax.php
├── class-boldgrid-editor-assets.php
├── class-boldgrid-editor-compatibility.php
├── class-boldgrid-editor-config.php
├── class-boldgrid-editor-crop.php
├── class-boldgrid-editor-development.php
├── class-boldgrid-editor-fs.php
├── class-boldgrid-editor-mce.php
├── class-boldgrid-editor-option.php
├── class-boldgrid-editor-postmeta.php
├── class-boldgrid-editor-premium.php
├── class-boldgrid-editor-preview.php
├── class-boldgrid-editor-service.php
├── class-boldgrid-editor-setting.php
├── class-boldgrid-editor-setup.php
├── class-boldgrid-editor-templater.php
├── class-boldgrid-editor-theme.php
├── class-boldgrid-editor-uninstall.php
├── class-boldgrid-editor-upgrade.php
├── class-boldgrid-editor-version.php
├── class-boldgrid-editor-widget.php
├── class-boldgrid-editor.php
├── config
│ ├── .gitignore
│ ├── config.components.php
│ ├── config.plugin.php
│ ├── config.sample.php
│ ├── index.php
│ └── layouts.php
├── gridblock
│ └── class-boldgrid-editor-gridblock-post.php
├── index.php
├── loader.php
├── media
│ ├── class-boldgrid-editor-layout.php
│ ├── class-boldgrid-editor-media-tab.php
│ ├── class-boldgrid-editor-media.php
│ └── index.php
└── template
│ ├── background-legacy.php
│ ├── box.php
│ ├── button.php
│ ├── color.php
│ ├── crop.php
│ ├── customize
│ ├── background-color.html
│ ├── color.html
│ ├── navigation.html
│ ├── table-borders.html
│ └── table-colors.html
│ ├── generic-controls.php
│ ├── gridblock-library.html
│ ├── gridblock.php
│ ├── gridblock
│ ├── lead.html
│ └── sample-gridblock.html
│ ├── hr.php
│ ├── icon.php
│ ├── image-filter.php
│ ├── image.php
│ ├── index.php
│ ├── information.php
│ ├── page
│ ├── base.php
│ ├── body.php
│ ├── content-only.php
│ ├── entry-footer.php
│ ├── fullwidth.php
│ ├── left-sidebar.php
│ ├── right-sidebar.php
│ └── wp-link-pages.php
│ ├── panel.php
│ ├── popover
│ ├── column.html
│ ├── content.html
│ ├── row.html
│ └── section.html
│ ├── section-dividers.php
│ ├── tables.php
│ └── upgrade-notice.php
├── index.php
├── karma.config.js
├── package.json
├── pages
├── google-maps-sidebar.html
├── help-tab.html
├── index.php
├── standard-attachments.php
└── template-gridblock.html
├── phpcs.ruleset.xml
├── phpunit.xml
├── post-and-page-builder.php
├── readme.txt
├── support
├── bgtfw
│ └── class-boldgrid-editor-bgtfw-template.php
└── wpforms
│ ├── assets
│ ├── css
│ │ ├── editor.css
│ │ └── media-tab.css
│ └── js
│ │ └── shortcode.js
│ ├── includes
│ ├── class-boldgrid-editor-wpforms-media.php
│ ├── class-boldgrid-editor-wpforms.php
│ ├── config
│ │ ├── index.php
│ │ └── layouts.php
│ └── index.php
│ └── templates
│ ├── form-attachments.php
│ ├── form-not-found.php
│ ├── form-sidebar.php
│ └── index.php
├── tests
├── bootstrap.php
├── js
│ └── builder
│ │ └── util_test.js
├── test-boldgrid-assets.php
└── test-boldgrid-editor.php
├── tools
└── config
│ ├── local.dev.js
│ ├── webpack.dev.js
│ ├── webpack.prod.js
│ └── webpack.test.js
├── webpack.config.js
└── yarn.lock
/.browserslistrc:
--------------------------------------------------------------------------------
1 | # Browsers that we support
2 |
3 | > 1%
4 | Last 2 versions
5 |
--------------------------------------------------------------------------------
/.codeclimate.yml:
--------------------------------------------------------------------------------
1 | ---
2 | engines:
3 | csslint:
4 | enabled: true
5 | duplication:
6 | config:
7 | languages:
8 | - javascript
9 | - php
10 | enabled: false
11 | fixme:
12 | enabled: true
13 | phpmd:
14 | checks:
15 | Controversial/CamelCaseClassName:
16 | enabled: false
17 | Controversial/CamelCaseMethodName:
18 | enabled: false
19 | Controversial/CamelCaseParameterName:
20 | enabled: false
21 | Controversial/CamelCaseVariableName:
22 | enabled: false
23 | Naming/ShortVariable:
24 | enabled: false
25 | enabled: true
26 | exclude_paths:
27 | - "**/*.min.js"
28 | - "**/*.min.css"
29 | - assets/js/camanjs/*
30 | - assets/js/jquery-stellar/*
31 | - assets/js/slimscroll/*
32 | - assets/js/wp-color-picker-alpha/*
33 | - tests/*
34 | ratings:
35 | paths:
36 | - "**.css"
37 | - "**.js"
38 | - "**.php"
39 |
--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
1 | root = true
2 |
3 | [*]
4 | indent_style = tab
5 | indent_size = 4
6 | end_of_line = lf
7 | charset = utf-8
8 | trim_trailing_whitespace = true
9 | insert_final_newline = true
10 |
11 | [*.md]
12 | trim_trailing_whitespace = false
13 |
--------------------------------------------------------------------------------
/.eslintignore:
--------------------------------------------------------------------------------
1 | assets/js/builder/drag.js
2 | assets/js/builder/drag/content.js
3 | assets/js/builder/popover/actions/general.js
4 | assets/js/builder/tinymce/wp-mce-draggable.js
5 | tools/config/webpack.prod.js
6 |
--------------------------------------------------------------------------------
/.eslintrc.js:
--------------------------------------------------------------------------------
1 | // http://eslint.org/docs/user-guide/configuring
2 |
3 | module.exports = {
4 | root: true,
5 | parser: '@babel/eslint-parser',
6 | parserOptions: {
7 | sourceType: 'module'
8 | },
9 | env: {
10 | browser: true
11 | },
12 | // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
13 | extends: [ "plugin:@wordpress/eslint-plugin/recommended" ],
14 | plugins: [
15 | 'html'
16 | ],
17 | // Add your custom rules here
18 | 'rules': {
19 | 'space-in-parens': ['error', 'always'],
20 | "wrap-iife": [2, "any"],
21 | // Allow async-await
22 | 'generator-star-spacing': 0,
23 | // Allow debugger during development
24 | 'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0
25 | }
26 | };
27 |
--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/bug_report.md:
--------------------------------------------------------------------------------
1 | ---
2 | name: Bug report
3 | about: Create a report to help us improve
4 | title: ''
5 | labels: ''
6 | assignees: ''
7 |
8 | ---
9 |
10 | **Describe the bug**
11 | A clear and concise description of what the bug is.
12 |
13 | **To Reproduce**
14 | Steps to reproduce the behavior:
15 | 1. Go to '...'
16 | 2. Click on '....'
17 | 3. Scroll down to '....'
18 | 4. See error
19 |
20 | **Expected behavior**
21 | A clear and concise description of what you expected to happen.
22 |
23 | **Screenshots**
24 | If applicable, add screenshots to help explain your problem.
25 |
26 | **Desktop (please complete the following information):**
27 | - OS: [e.g. iOS]
28 | - Browser [e.g. chrome, safari]
29 | - Version [e.g. 22]
30 |
31 | **Smartphone (please complete the following information):**
32 | - Device: [e.g. iPhone6]
33 | - OS: [e.g. iOS8.1]
34 | - Browser [e.g. stock browser, safari]
35 | - Version [e.g. 22]
36 |
37 | **Additional context**
38 | Add any other context about the problem here.
39 |
--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/feature_request.md:
--------------------------------------------------------------------------------
1 | ---
2 | name: Feature request
3 | about: Suggest an idea for this project
4 | title: ''
5 | labels: ''
6 | assignees: ''
7 |
8 | ---
9 |
10 | **Is your feature request related to a problem? Please describe.**
11 | A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
12 |
13 | **Describe the solution you'd like**
14 | A clear and concise description of what you want to happen.
15 |
16 | **Describe alternatives you've considered**
17 | A clear and concise description of any alternative solutions or features you've considered.
18 |
19 | **Additional context**
20 | Add any other context or screenshots about the feature request here.
21 |
--------------------------------------------------------------------------------
/.github/pull_request_template.md:
--------------------------------------------------------------------------------
1 | ISSUE: Resolves ${ISSUE}
2 |
3 | PROJECT: ${link to project}
4 |
5 | # {Description} #
6 |
7 | ## Test Files ##
8 |
9 | {LINK TO TEST ZIP FILES HERE}
10 |
11 | ## NOTES TO TESTER ##
12 | ### Please leave comments regarding issues found in testing directly on the issue linked above, not the Pull Request. This helps ease the process of reviewing the testing of multiple PRs in a given project from the project view. ###
13 | ### Please remember to move this item from 'Needs Review' to either 'In Progress' or 'Awaiting Release' depending on the results of your testing ###
14 |
15 | ## Testing Instructions ##
16 |
17 | 1. Install the test zip files linked above.
18 | 2.
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .buildpath
2 | .project
3 | .settings/
4 | vendor
5 | build
6 | package-lock.json
7 | node_modules
8 | bower_components
9 | coverage
10 | assets/dist/*
11 | assets/css/editor.min.css
12 | assets/css/editor.css
13 | assets/css/animate.min.css
14 | assets/css/bundle.min.css
15 | assets/css/mce-fe.*
16 | assets/css/components.*
17 | assets/css/editor-fe.*
18 | assets/css/font-awesome.min.css
19 |
--------------------------------------------------------------------------------
/.htaccess:
--------------------------------------------------------------------------------
1 | Options -Indexes
2 |
3 |
4 |
--------------------------------------------------------------------------------
/.nvmrc:
--------------------------------------------------------------------------------
1 | v18.12.1
2 |
--------------------------------------------------------------------------------
/.prettierrc:
--------------------------------------------------------------------------------
1 | {
2 | "printWidth": 100,
3 | "bracketSpacing": true,
4 | "useTabs": true,
5 | "singleQuote": true
6 | }
7 |
--------------------------------------------------------------------------------
/.scrutinizer.yml:
--------------------------------------------------------------------------------
1 | filter:
2 | excluded_paths:
3 | - "tests/" # Everything in a root level "tests" directory
4 | - "assets/js/builder/drag/"
5 | - "assets/js/builder/drag.js"
6 | - "assets/js/builder/tinymce/wp-mce-draggable.js"
7 | - "assets/js/jquery-stellar/jquery.stellar.js"
8 | - "assets/js/editor/"
9 | - "assets/js/*.min.js"
10 |
--------------------------------------------------------------------------------
/.stylelintignore:
--------------------------------------------------------------------------------
1 | assets/scss/color-palette-scss
2 |
--------------------------------------------------------------------------------
/assets/fonts/FontAwesome.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BoldGrid/post-and-page-builder/6da406954c6fa4b2a2e4b20f72fd29f5310f7807/assets/fonts/FontAwesome.otf
--------------------------------------------------------------------------------
/assets/fonts/Genericons.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BoldGrid/post-and-page-builder/6da406954c6fa4b2a2e4b20f72fd29f5310f7807/assets/fonts/Genericons.eot
--------------------------------------------------------------------------------
/assets/fonts/Genericons.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BoldGrid/post-and-page-builder/6da406954c6fa4b2a2e4b20f72fd29f5310f7807/assets/fonts/Genericons.ttf
--------------------------------------------------------------------------------
/assets/fonts/Genericons.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BoldGrid/post-and-page-builder/6da406954c6fa4b2a2e4b20f72fd29f5310f7807/assets/fonts/Genericons.woff
--------------------------------------------------------------------------------
/assets/fonts/fontawesome-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BoldGrid/post-and-page-builder/6da406954c6fa4b2a2e4b20f72fd29f5310f7807/assets/fonts/fontawesome-webfont.eot
--------------------------------------------------------------------------------
/assets/fonts/fontawesome-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BoldGrid/post-and-page-builder/6da406954c6fa4b2a2e4b20f72fd29f5310f7807/assets/fonts/fontawesome-webfont.ttf
--------------------------------------------------------------------------------
/assets/fonts/fontawesome-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BoldGrid/post-and-page-builder/6da406954c6fa4b2a2e4b20f72fd29f5310f7807/assets/fonts/fontawesome-webfont.woff
--------------------------------------------------------------------------------
/assets/fonts/fontawesome-webfont.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BoldGrid/post-and-page-builder/6da406954c6fa4b2a2e4b20f72fd29f5310f7807/assets/fonts/fontawesome-webfont.woff2
--------------------------------------------------------------------------------
/assets/fonts/redacted/redacted-script-bold.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BoldGrid/post-and-page-builder/6da406954c6fa4b2a2e4b20f72fd29f5310f7807/assets/fonts/redacted/redacted-script-bold.eot
--------------------------------------------------------------------------------
/assets/fonts/redacted/redacted-script-bold.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BoldGrid/post-and-page-builder/6da406954c6fa4b2a2e4b20f72fd29f5310f7807/assets/fonts/redacted/redacted-script-bold.ttf
--------------------------------------------------------------------------------
/assets/fonts/redacted/redacted-script-bold.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BoldGrid/post-and-page-builder/6da406954c6fa4b2a2e4b20f72fd29f5310f7807/assets/fonts/redacted/redacted-script-bold.woff
--------------------------------------------------------------------------------
/assets/fonts/redacted/redacted-script-bold.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BoldGrid/post-and-page-builder/6da406954c6fa4b2a2e4b20f72fd29f5310f7807/assets/fonts/redacted/redacted-script-bold.woff2
--------------------------------------------------------------------------------
/assets/image/bg-logo.svg:
--------------------------------------------------------------------------------
1 | Layer 1 Layer 1
3 |
4 |
9 |
10 |
--------------------------------------------------------------------------------
/assets/image/icons/customize-nav/rotate.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/assets/image/section-dividers/arrow-2.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
6 |
--------------------------------------------------------------------------------
/assets/image/section-dividers/book-1.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/assets/image/section-dividers/book-2.svg:
--------------------------------------------------------------------------------
1 |
2 |
4 |
--------------------------------------------------------------------------------
/assets/image/section-dividers/clouds-1.svg:
--------------------------------------------------------------------------------
1 |
2 |
4 |
--------------------------------------------------------------------------------
/assets/image/section-dividers/curve-1.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/assets/image/section-dividers/curve-2.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/assets/image/section-dividers/curve-asymmetrical-1.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/assets/image/section-dividers/curve-asymmetrical-2.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/assets/image/section-dividers/mountains.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/assets/image/section-dividers/opacity-fan.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/assets/image/section-dividers/opacity-tilt.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/assets/image/section-dividers/pyramids-1.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/assets/image/section-dividers/pyramids-2.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/assets/image/section-dividers/split-1.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/assets/image/section-dividers/split-2.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/assets/image/section-dividers/tilt.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/assets/image/section-dividers/triangle-1.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/assets/image/section-dividers/triangle-2.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/assets/image/section-dividers/triangle-asymmetrical-1.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/assets/image/section-dividers/triangle-asymmetrical-2.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/assets/image/section-dividers/waves-1.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/assets/image/section-dividers/waves-2.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/assets/image/transparency.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BoldGrid/post-and-page-builder/6da406954c6fa4b2a2e4b20f72fd29f5310f7807/assets/image/transparency.png
--------------------------------------------------------------------------------
/assets/image/web-fonts.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BoldGrid/post-and-page-builder/6da406954c6fa4b2a2e4b20f72fd29f5310f7807/assets/image/web-fonts.png
--------------------------------------------------------------------------------
/assets/js/builder/browser/ie-version.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Get IE Version.
3 | *
4 | * Thanks To: http://stackoverflow.com/questions/19999388/check-if-user-is-using-ie-with-jquery.
5 | */
6 | export default function() {
7 | var trident,
8 | edge,
9 | msie,
10 | rv,
11 | ua = window.navigator.userAgent;
12 |
13 | msie = ua.indexOf( 'MSIE ' );
14 | if ( 0 < msie ) {
15 |
16 | // IE 10 or older => return version number.
17 | return parseInt( ua.substring( msie + 5, ua.indexOf( '.', msie ) ), 10 );
18 | }
19 |
20 | trident = ua.indexOf( 'Trident/' );
21 | if ( 0 < trident ) {
22 |
23 | // IE 11 => return version number.
24 | rv = ua.indexOf( 'rv:' );
25 | return parseInt( ua.substring( rv + 3, ua.indexOf( '.', rv ) ), 10 );
26 | }
27 |
28 | edge = ua.indexOf( 'Edge/' );
29 | if ( 0 < edge ) {
30 |
31 | // Edge (IE 12+) => return version number.
32 | return parseInt( ua.substring( edge + 5, ua.indexOf( '.', edge ) ), 10 );
33 | }
34 |
35 | // other browser
36 | return;
37 | }
38 |
--------------------------------------------------------------------------------
/assets/js/builder/compatibility/loader.js:
--------------------------------------------------------------------------------
1 | export default class Loader {
2 | init() {
3 | if ( 'twentytwenty' === BoldgridEditor.current_theme ) {
4 | this.twentyTwentyStyles();
5 | }
6 | }
7 |
8 | /**
9 | * On the twentytwenty theme, replace all the id selectors with body selectors. This will more closely
10 | * replicate the front end.
11 | *
12 | * @since 2.12.0
13 | */
14 | twentyTwentyStyles() {
15 | const document = BOLDGRID.EDITOR.Controls.$container[0];
16 | for ( let stylesheet of document.styleSheets ) {
17 | if ( stylesheet.href && stylesheet.href.match( /twentytwenty.*editor-style-classic/ ) ) {
18 | for ( let i in stylesheet.cssRules || {} ) {
19 | if ( 'object' === typeof stylesheet.cssRules[i] && stylesheet.insertRule ) {
20 | stylesheet.insertRule(
21 | stylesheet.cssRules[i].cssText.replace( /body#tinymce.wp-editor.content/g, 'body' ),
22 | i
23 | );
24 |
25 | stylesheet.deleteRule( parseInt( i ) + 1 );
26 | }
27 | }
28 | }
29 | }
30 | }
31 | }
32 |
--------------------------------------------------------------------------------
/assets/js/builder/component/add.html:
--------------------------------------------------------------------------------
1 |
2 | <% _.each( sections, function ( section ) { %>
3 |
4 | <% if( 'Headers' === section.title ) { %>
5 |
6 | <% } %>
7 |
8 |
<%=section.title%>
9 |
11 |
12 | <% _.each( components, function ( component ) { %>
13 | <%=printComponent( section.name, component ) %>
14 | <% } ); %>
15 |
16 |
17 | <% } ); %>
18 |
35 | "Targeting best in class and possibly build ROI. Funneling user
36 | stories so that as an end result, we create a better customer experience."
37 |
38 | `;
39 | }
40 | }
41 | new Component().init();
42 |
--------------------------------------------------------------------------------
/assets/js/builder/component/button/icon.svg:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 | <% _.each( layouts, function ( layout ) { %>
7 |
8 | <%=layout.icon %>
9 |
10 | <% } ); %>
11 |
12 |
35 | Item 1
36 | Item 2
37 | Item 3
38 | Item 4
39 |
40 | `;
41 | }
42 | }
43 | new Component().init();
44 |
--------------------------------------------------------------------------------
/assets/js/builder/component/list/icon.svg:
--------------------------------------------------------------------------------
1 |
2 |
Update your shortcodes attributes manually to change it's appearance.
3 |
4 |
5 |
6 |
Close
7 |
Update
8 |
2 |
3 |
<%=component.js_control.title %>
4 |
<%=component.js_control.description %>
5 |
8 |
9 |
2 |
3 |
Unable to load <%=name %>. No Results found.
4 |
50 | ${loadingGraphic}
51 |
53 | `;
54 | }
55 | }
56 |
--------------------------------------------------------------------------------
/assets/js/view/loading/index.js:
--------------------------------------------------------------------------------
1 | export { Element as Loading } from './element';
2 |
--------------------------------------------------------------------------------
/assets/js/view/loading/style.scss:
--------------------------------------------------------------------------------
1 | .bgppb-page-loading__spinner {
2 | &::after {
3 | content: ' ';
4 | width: 50px;
5 | height: 50px;
6 | background-color: #000;
7 | display: block;
8 | border-radius: 100%;
9 | animation: bgppb-sk-scaleout 1s infinite ease-in-out;
10 | }
11 |
12 | @keyframes bgppb-sk-scaleout {
13 | 0% {
14 | transform: scale(0);
15 | }
16 |
17 | 100% {
18 | transform: scale(1);
19 | opacity: 0;
20 | }
21 | }
22 | }
23 |
24 | .bgppb-page-loading {
25 | position: fixed;
26 | top: 0;
27 | left: 0;
28 | bottom: 0;
29 | right: 0;
30 | z-index: 999999;
31 | background: rgba(255, 255, 255, 0.7);
32 |
33 | .bgppb-page-loading__spinner,
34 | .bgppb-page-loading__logo {
35 | position: absolute;
36 | left: 50%;
37 | top: 50%;
38 | transform: translate3d(-50%, -50%, 0);
39 | width: 50px;
40 | height: 50px;
41 | }
42 | }
43 |
--------------------------------------------------------------------------------
/assets/js/view/settings/index.js:
--------------------------------------------------------------------------------
1 | export { Page } from './page';
2 |
--------------------------------------------------------------------------------
/assets/js/view/settings/page.js:
--------------------------------------------------------------------------------
1 | import './style.scss';
2 | import { Banner } from '../../view/banner';
3 | import { DefaultEditor } from '../../forms/default-editor';
4 |
5 | export class Page {
6 | constructor() {
7 | this.banner = new Banner();
8 | this.defaultEditor = new DefaultEditor();
9 |
10 | this.$page = $( '.bgppb-page--settings .bg-content' );
11 | this.title = 'Post and Page Builder Settings';
12 | this.description = 'Configuration options for the BoldGrid Post and Page Builder';
13 | }
14 |
15 | /**
16 | * Init the page events.
17 | *
18 | * @since 1.9.0
19 | */
20 | init() {
21 | this.setPageHTML();
22 | }
23 |
24 | /**
25 | * Set the page HTML.
26 | *
27 | * @since 1.9.0
28 | */
29 | setPageHTML() {
30 | this.$page.find( 'bgppb-settings-view' ).replaceWith( `
31 | ${this.banner.getHTML( this.title, this.description ) }
32 |
33 | ${BoldgridEditor.cards.premium}
34 | ${BoldgridEditor.cards.editor}
35 |
36 | ` );
37 |
38 | this.$page.find( '#bgppb_preferred_editor .bglib-card-footer' ).html( this.defaultEditor.getForm() );
39 | }
40 | }
41 |
--------------------------------------------------------------------------------
/assets/js/view/settings/style.scss:
--------------------------------------------------------------------------------
1 | .bgppb-page--settings {
2 | .bglib-card {
3 | margin: 10px;
4 | margin-top: 20px;
5 | }
6 |
7 | #bgppb_get_premium .bglib-card-icon {
8 | color: #f95b26;
9 | border-top-color: #f95b26;
10 | }
11 |
12 | #bgppb_preferred_editor .bglib-card-icon {
13 | color: #0073aa;
14 | border-top-color: #0073aa;
15 | }
16 |
17 | .bglib-card {
18 | position: relative;
19 | width: 440px;
20 | border: 1px solid #e5e5e5;
21 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
22 | background: #fff;
23 | box-sizing: border-box;
24 | }
25 |
26 | .action-buttons {
27 | text-align: right;
28 | }
29 |
30 | #bgppb_preferred_editor .bglib-card-footer h2 {
31 | display: none;
32 | }
33 | }
34 |
35 | .bgppb-page__body {
36 | padding: 0 10px;
37 | display: flex;
38 | flex-wrap: wrap;
39 | }
40 |
--------------------------------------------------------------------------------
/assets/json/components.json:
--------------------------------------------------------------------------------
1 | {"hr":{"styles":["bg-hr bg-hr-16","bg-hr bg-hr-15","bg-hr bg-hr-14","bg-hr bg-hr-1","bg-hr bg-hr-19","bg-hr bg-hr-2","bg-hr bg-hr-20","bg-hr bg-hr-18","bg-hr bg-hr-3","bg-hr bg-hr-17","bg-hr bg-hr-7","bg-hr bg-hr-4","bg-hr bg-hr-5","bg-hr bg-hr-6","bg-hr bg-hr-8","bg-hr bg-hr-9","bg-hr bg-hr-10","bg-hr bg-hr-11","bg-hr bg-hr-13"]}}
--------------------------------------------------------------------------------
/assets/scss/_material-reset.scss:
--------------------------------------------------------------------------------
1 | .wp-admin select.mdc-select__native-control {
2 | padding-left: 0;
3 | padding-right: 26px;
4 | padding-top: 20px;
5 | padding-bottom: 4px;
6 | line-height: 1.75rem;
7 | margin: 0;
8 | box-shadow: none;
9 | height: auto !important;
10 | }
11 |
12 | .mdc-menu.enhanced-select {
13 | z-index: 99999999;
14 | }
15 | .mdc-select {
16 | --mdc-theme-primary: #f95b26;
17 | .mdc-list-item--selected {
18 | color: #000;
19 | }
20 | }
21 |
22 |
--------------------------------------------------------------------------------
/assets/scss/_variables.scss:
--------------------------------------------------------------------------------
1 | $menu-color: #32373c;
2 | $panel-color: #32373c;
3 | $success-color: darkgreen;
4 | $boldgrid-primary: #121212;
5 | $boldgrid-color: #f95b26;
6 | $hover-color: #f95b26;
7 | $tooltip-color: #717171;
8 | $panel-selection-color: #eee;
9 | $heading-text-color: #32373c;
10 | $title-border-color: rgba(218, 218, 218, 0.4);
11 | $gridblock-color: #32373c;
12 | $darkened-boldgrid-color: darken( $boldgrid-color, 10% );
13 |
14 | :root {
15 | --COLOR-1: var(--color-1);
16 | --COLOR-1-RAW: var(--color-1-raw);
17 | --COLOR-2: var(--color-2);
18 | --COLOR-2-RAW: var(--color-2-raw);
19 | --COLOR-3: var(--color-3);
20 | --COLOR-3-RAW: var(--color-3-raw);
21 | --COLOR-4: var(--color-4);
22 | --COLOR-4-RAW: var(--color-4-raw);
23 | --COLOR-5: var(--color-5);
24 | --COLOR-5-RAW: var(--color-5-raw);
25 | --COLOR-NEUTRAL: var(--color-neutral);
26 | --COLOR-NEUTRAL-RAW: var(--color-neutral-raw);
27 | }
28 |
--------------------------------------------------------------------------------
/assets/scss/admin/_button.scss:
--------------------------------------------------------------------------------
1 | .bg-editor-button {
2 | font-family: 'Josefin Sans';
3 | text-transform: uppercase;
4 | font-weight: 300;
5 | font-size: 13px;
6 | padding: 10px 35px;
7 | line-height: 2em;
8 |
9 | &.bg-primary-color {
10 | background-color: #2271b1;
11 | color: white;
12 |
13 | &:hover {
14 | background-color: darken(#2271b1, 8%);
15 | }
16 |
17 | &[disabled] {
18 | background-color: lighten(#2271b1, 30%);
19 | }
20 | }
21 |
22 | &.bg-secondary-color {
23 | background-color: #ececec;
24 | color: #000;
25 |
26 | &:hover {
27 | background-color: lighten(#ececec, 5%);
28 | }
29 | }
30 | }
31 |
32 | .button.boldgrid-color {
33 | background-color: $boldgrid-color;
34 | color: white;
35 | text-shadow: none;
36 | border-color: $darkened-boldgrid-color $darkened-boldgrid-color $darkened-boldgrid-color;
37 | box-shadow: 0 1px 0 $darkened-boldgrid-color;
38 |
39 | &:hover, &:focus, &:active {
40 | background-color: lighten( $boldgrid-color, 3% );
41 | border-color: $darkened-boldgrid-color;
42 | color: white;
43 | }
44 |
45 | &:active {
46 | background-color: $darkened-boldgrid-color;
47 | box-shadow: inset 0 2px 0 $darkened-boldgrid-color;
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/assets/scss/admin/_form.scss:
--------------------------------------------------------------------------------
1 | .bg-editor-radio {
2 | input {
3 | padding: 15px;
4 | background: #ececec;
5 | border-radius: 5px;
6 | margin: 7px 0;
7 | display: block;
8 | font-size: 15px;
9 | position: relative;
10 | width: 100%;
11 | border: 0;
12 | height: 40px;
13 | box-shadow: none;
14 | text-align: left;
15 | transition: background-color, color .5s;
16 |
17 | &:after {
18 | content: attr(text);
19 | top: 50%;
20 | position: absolute;
21 | transform: translateY(-50%);
22 | margin-left: 20px;
23 | }
24 |
25 | &:hover {
26 | background-color: lighten($panel-color, 65%);
27 | }
28 | }
29 |
30 | input:checked {
31 | color: white;
32 | background: $panel-color;
33 |
34 | &:before {
35 | color: $panel-color;
36 | content: '\f058';
37 | display: block;
38 | position: absolute;
39 | left: -20px;
40 | font: normal normal normal 16px/1 FontAwesome;
41 | transform: translateY(-50%);
42 | top: 50%;
43 | height: initial;
44 | margin: initial;
45 | line-height: initial;
46 | background-color: initial;
47 | text-indent: initial;
48 | }
49 | }
50 | }
51 |
--------------------------------------------------------------------------------
/assets/scss/admin/_loading.scss:
--------------------------------------------------------------------------------
1 | $top: 180px;
2 |
3 | .bg-editor-loading-main.active {
4 | .bg-editor-loading:before,
5 | .bg-editor-loading:after,
6 | &:after {
7 | opacity: 1;
8 | }
9 | }
10 |
11 | .bg-editor-loading-main.disabled {
12 | .bg-editor-loading,
13 | &:after {
14 | display: none;
15 | }
16 | }
17 |
18 | .bg-editor-loading-main {
19 | position: relative;
20 |
21 | &:after {
22 | content: ' ';
23 | background-color: #f7f7f7;
24 | position: absolute;
25 | left: 0;
26 | right: 0;
27 | top: 0;
28 | bottom: 0;
29 | z-index: 999;
30 | }
31 |
32 | .bg-editor-loading:before,
33 | .bg-editor-loading:after,
34 | &:after {
35 | opacity: 0;
36 | transition: opacity 500ms;
37 | }
38 |
39 | .bg-editor-loading {
40 | display: block;
41 |
42 | &:before,
43 | &:after {
44 | position: absolute;
45 | width: 75px;
46 | height: 75px;
47 | z-index: 9999;
48 | }
49 |
50 | &:before {
51 | top: $top;
52 | transform: translateY(-50%);
53 | background-size: 100% 100%;
54 | }
55 |
56 | &:after {
57 | top: $top - 40;
58 | background-color: #000;
59 | }
60 | }
61 |
62 | }
63 |
--------------------------------------------------------------------------------
/assets/scss/admin/_overlay.scss:
--------------------------------------------------------------------------------
1 | .bg-editor-overlay {
2 | &.fadeout-background:after {
3 | animation-name: bg-fade-out;
4 | animation-duration: .5s;
5 | }
6 |
7 | &:after {
8 | animation-name: bg-fade-in;
9 | animation-duration: .5s;
10 | content: ' ';
11 | left: 0;
12 | right: 0;
13 | top: 0;
14 | bottom: 0;
15 | background-color: rgba(255, 255, 255, 0.7);
16 | z-index: 99999;
17 | position: fixed;
18 | }
19 |
20 | @keyframes bg-fade-out {
21 | 0% {
22 | background-color: rgba(255, 255, 255, 0.7);
23 | }
24 |
25 | 100% {
26 | background-color: transparent;
27 | }
28 | }
29 |
30 | @keyframes bg-fade-in {
31 | 0% {
32 | background-color: transparent;
33 | }
34 |
35 | 100% {
36 | background-color: rgba(255, 255, 255, 0.7);
37 | }
38 | }
39 | }
40 |
--------------------------------------------------------------------------------
/assets/scss/admin/_page-title.scss:
--------------------------------------------------------------------------------
1 | #boldgrid-hide-post-title.boldgrid-controls {
2 | margin: 10px 10px 0;
3 | display: none;
4 |
5 | .dashicons-editor-help:hover {
6 | cursor: help;
7 |
8 | + .boldgrid-tooltip {
9 | display: inline-block;
10 | left: 33px;
11 | margin-top: 20px;
12 | }
13 | }
14 | }
15 |
16 | .post-php.post-type-page.boldgrid-editor-template #boldgrid-hide-post-title.boldgrid-controls {
17 | display: block;
18 | }
19 |
20 | .php-error #adminmenuback, .php-error #adminmenuwrap {
21 | margin-top: 0 !important;
22 | }
23 |
24 | .wp-admin.post-php, .wp-admin.post-new-php {
25 | h1, h2, h3, h4, h5, h6 {
26 | font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
27 | text-transform: none;
28 | }
29 | }
30 |
--------------------------------------------------------------------------------
/assets/scss/builder/_drag.scss:
--------------------------------------------------------------------------------
1 | .media-placeholder {
2 | background: #ccc;
3 | display: flex;
4 | align-items: center;
5 | text-align: center;
6 | max-width: 100%;
7 | overflow: hidden;
8 | color: black !important;
9 |
10 | > div {
11 | flex: 1;
12 | }
13 |
14 | .dashicons-admin-media {
15 | font-size: 28px;
16 | position: relative;
17 | left: -4px;
18 |
19 | + div {
20 | font-variant: small-caps;
21 | }
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/assets/scss/builder/_edit.scss:
--------------------------------------------------------------------------------
1 | /***
2 | * In Page styles while in the editor
3 | ***/
4 |
5 | #tinymce {
6 | .bg-control-element {
7 | outline: 2px dashed #f95b26;
8 | }
9 |
10 | a, hr, i, .bg-hr {
11 | &.bg-control-element {
12 | outline-offset: 15px;
13 | }
14 | }
15 |
16 | .fa:hover {
17 | color: #f95b26 !important;
18 | }
19 |
20 | img,
21 | .fa {
22 | cursor: pointer;
23 | }
24 |
25 | .background-fixed {
26 | background-attachment: scroll !important;
27 | }
28 |
29 | .hover-background-fixed:hover {
30 | background-attachment: scroll !important;
31 | }
32 | }
33 |
34 | .wpview {
35 | margin: 0;
36 | }
37 |
38 | .draggable-inactive {
39 | .color-panel,
40 | .editor-panel,
41 | #boldgrid-instance-menu,
42 | .bg-drag-popover,
43 | .resize-handle {
44 | display: none !important;
45 | }
46 |
47 | .boldgrid-section:hover {
48 | outline: none !important;
49 | }
50 | }
51 |
--------------------------------------------------------------------------------
/assets/scss/builder/_panel.scss:
--------------------------------------------------------------------------------
1 | @import 'panel/base';
2 | @import 'panel/form-reset';
3 | @import 'panel/icon';
4 | @import 'panel/box';
5 | @import 'panel/background';
6 | @import 'panel/image';
7 | @import 'panel/hr';
8 | @import 'panel/button';
9 | @import 'panel/font';
10 | @import 'panel/image-filter';
11 | @import 'panel/information';
12 | @import 'panel/palette';
13 | @import 'panel/library';
14 | @import 'panel/navigation';
15 | @import 'panel/advanced';
16 | @import 'panel/dividers';
17 | @import 'panel/tables';
18 |
19 | .theme-designs .button-overrides {
20 | background-color: transparent;
21 | text-shadow: none;
22 | border: none;
23 | box-shadow: none;
24 |
25 | &:hover,
26 | &:active,
27 | &:focus {
28 | border: none;
29 | background-color: transparent;
30 | box-shadow: none;
31 | }
32 | }
33 |
34 | .editor-panel .control {
35 | display: block;
36 | height: 36px;
37 | width: 216px;
38 | width: 50%;
39 | float: left;
40 | }
41 |
42 | .editor-panel .control .name {
43 | position: relative;
44 | top: 4px;
45 | float: left;
46 | }
47 |
--------------------------------------------------------------------------------
/assets/scss/builder/_popover.scss:
--------------------------------------------------------------------------------
1 | .draggable-tools-imhwpb {
2 | &:not(.has-font-support) li[data-action="Font"] {
3 | display: none;
4 | }
5 | &:not(.has-advanced-support) .content-popover-imhwpb li[data-action="Advanced"] {
6 | display: none;
7 | }
8 | &:not(.has-table-support) .content-popover-imhwpb li[data-action="AdvancedCell"] {
9 | display: none;
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/assets/scss/builder/panel/_font.scss:
--------------------------------------------------------------------------------
1 | /*************** Text Settings Panel ********************/
2 | .rtl {
3 | .boldgrid-control.typography-control {
4 | .font-color-control {
5 | .value {
6 | left: 0;
7 | right: auto;
8 | }
9 | }
10 | .directional-control {
11 | .units {
12 | left: 0;
13 | right: auto;
14 | }
15 | }
16 | }
17 | }
18 | .boldgrid-control.typography-control {
19 | padding-bottom: 15px;
20 |
21 | .bg-control-switch label,
22 | .font-color-control .control-name,
23 | > h5 {
24 | font-weight: 500;
25 | }
26 |
27 | > h3 {
28 | display: none;
29 | }
30 |
31 | .font-color-control .bg-color-picker-control {
32 | display: none !important;
33 | }
34 |
35 | .bg-select-title {
36 | vertical-align: sub;
37 | }
38 |
39 | .selection__rendered {
40 | line-height: 37px;
41 | font-size: 25px;
42 | }
43 | }
44 |
--------------------------------------------------------------------------------
/assets/scss/builder/panel/_form-reset.scss:
--------------------------------------------------------------------------------
1 | .editor-panel .mdc-select select {
2 | box-shadow: none;
3 | margin: 0;
4 | vertical-align: initial;
5 | height: initial;
6 | line-height: 1.75rem;
7 | padding-left: 0;
8 | padding-right: 26px;
9 | padding-top: 20px;
10 | padding-bottom: 4px;
11 | }
12 |
--------------------------------------------------------------------------------
/assets/scss/builder/panel/_hr.scss:
--------------------------------------------------------------------------------
1 | /*************** Change Image Border Panel ********************/
2 | .editor-panel[data-type="hr"] {
3 | .panel-selection {
4 | margin: 10px 5px;
5 | padding: 10px 5px;
6 | display: block;
7 | background-color: transparent;
8 | width: initial;
9 | height: initial;
10 |
11 | &:hover {
12 | background: #eee;
13 | }
14 | }
15 |
16 | .back {
17 | margin-bottom: 0;
18 | }
19 |
20 | .my-designs {
21 | margin-bottom: 30px;
22 | }
23 |
24 | .presets .selected {
25 | position:relative;
26 |
27 | @include selected-preset();
28 |
29 | background: #eee;
30 | color: currentColor;
31 |
32 | &:after {
33 | top: 0;
34 | right: 5px;
35 | }
36 | }
37 | }
38 |
--------------------------------------------------------------------------------
/assets/scss/builder/panel/_image.scss:
--------------------------------------------------------------------------------
1 | /*************** Change Image Border Panel ********************/
2 | .editor-panel[data-type='image'] {
3 | .panel-selection {
4 | width: calc(50% - 2px);
5 | height: auto;
6 | background-color: white;
7 | padding: 9px 0;
8 | margin: 0;
9 | }
10 |
11 | .presets {
12 | font-size: 7px;
13 | }
14 |
15 | img {
16 | max-width: 100px;
17 | max-height: 100px;
18 | }
19 |
20 | .presets .selected {
21 | position: relative;
22 |
23 | @include selected-preset();
24 |
25 | &:after {
26 | top: 5px;
27 | right: 5px;
28 | }
29 | }
30 | }
31 |
--------------------------------------------------------------------------------
/assets/scss/builder/panel/_information.scss:
--------------------------------------------------------------------------------
1 | .editor-panel[data-type="information"] {
2 | user-select: initial;
3 |
4 | .info-wrap {
5 | display: flex;
6 | padding: 0 25px;
7 | }
8 |
9 | ul {
10 | list-style: none;
11 | }
12 |
13 | .control-name {
14 | font-weight: bold;
15 | margin-bottom: 5px;
16 | }
17 |
18 | .intro {
19 | padding: 10px 20px 0;
20 | margin: 0;
21 | }
22 |
23 | .help-text {
24 | position: relative;
25 | text-align: left;
26 | margin: 20px 0 20px 30px;
27 | padding: 0;
28 | }
29 |
30 | .help-text > *:first-child {
31 | position: absolute;
32 | left: -25px;
33 | font-size: 20px;
34 | }
35 | }
36 |
--------------------------------------------------------------------------------
/assets/scss/builder/panel/_library.scss:
--------------------------------------------------------------------------------
1 | .editor-panel[data-type='Library'] {
2 | .save-gridblock {
3 | text-align: center;
4 | margin-top: 15%;
5 | padding: 0 40px;
6 |
7 | .save-state {
8 | display: none;
9 | }
10 |
11 | &[state='save-prompt'] .save-prompt,
12 | &[state='save-failed'] .save-failed,
13 | &[state='save-success'] .save-success {
14 | display: block;
15 | }
16 |
17 | .save-failed,
18 | .save-success {
19 | button {
20 | margin-top: 30px;
21 | }
22 | }
23 |
24 | h2 {
25 | font-size: 2.5em;
26 | font-weight: 300;
27 | }
28 |
29 | h4 {
30 | font-size: 1.2em;
31 | color: #9c9c9c;
32 | font-weight: normal;
33 | line-height: 1.5em;
34 | }
35 |
36 | form {
37 | margin-top: 25px;
38 | }
39 |
40 | input {
41 | padding: 14px;
42 | width: 50%;
43 | font-size: 1.3em;
44 | border: 1px solid #ececec;
45 | }
46 |
47 | .save.bg-editor-button {
48 | line-height: 4px;
49 | border-radius: 0 5px 5px 0;
50 | margin-left: -5px;
51 | padding-top: 26px;
52 | padding-bottom: 26px;
53 | }
54 | }
55 | }
56 |
--------------------------------------------------------------------------------
/assets/scss/builder/panel/_palette.scss:
--------------------------------------------------------------------------------
1 | .boldgrid-control {
2 | .iris-picker {
3 | left: -10px;
4 | position: relative;
5 | padding-right: 20px;
6 | }
7 |
8 | .iris-alpha-slider.iris-strip {
9 | position: absolute;
10 | right: -4px;
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/assets/scss/color-palette-scss/buttons/_layout.scss:
--------------------------------------------------------------------------------
1 | /*
2 | * Base Layout Styles
3 | *
4 | * Very Miminal Layout Styles
5 | */
6 | #{$ubtn-namespace}-block,
7 | #{$ubtn-namespace}-stacked {
8 | display: block;
9 | width: 100%;
10 | }
11 |
--------------------------------------------------------------------------------
/assets/scss/color-palette-scss/buttons/_mixins.scss:
--------------------------------------------------------------------------------
1 | /*
2 | * Color Mixin
3 | *
4 | * Iterates through the list of colors and creates
5 | *
6 | */
7 |
8 | @mixin colors($type-namespace) {
9 | #{$type-namespace} {
10 | @each $ubtn-color in $ubtn-colors {
11 | $ubtn-name: nth($ubtn-color, 1);
12 | $ubtn-background: nth($ubtn-color, 2);
13 | $ubtn-color: nth($ubtn-color, 3);
14 | $ubtn-color-namespace: $ubtn-namespace + '-' + $ubtn-name;
15 |
16 | &#{$ubtn-color-namespace} {
17 | @content;
18 | }
19 | }
20 | }
21 | }
22 |
23 |
24 | /*
25 | * No Animation
26 | *
27 | * Sets animation property to none
28 | */
29 | @mixin no_animation {
30 | animation-name: none;
31 | }
32 |
33 |
34 | /*
35 | * Clearfix
36 | *
37 | * Clears floats inside the container
38 | */
39 | @mixin clearfix {
40 | &:after {
41 | content: " ";
42 | display: block;
43 | clear: both;
44 | }
45 | }
46 |
--------------------------------------------------------------------------------
/assets/scss/color-palette-scss/buttons/types/_groups.scss:
--------------------------------------------------------------------------------
1 | /*
2 | * Buton Groups
3 | *
4 | * A group of related buttons
5 | * displayed edge to edge
6 | */
7 |
8 | #{$ubtn-namespace}-group {
9 | @include clearfix;
10 | position: relative;
11 | display: inline-block;
12 |
13 | #{$ubtn-namespace},
14 | #{$ubtn-namespace}-dropdown {
15 | float: left;
16 |
17 | &:not(:first-child):not(:last-child) {
18 | border-radius: 0;
19 | border-right: none;
20 | }
21 | &:first-child {
22 | border-top-right-radius: 0;
23 | border-bottom-right-radius: 0;
24 | border-right: none;
25 | }
26 | &:last-child {
27 | border-top-left-radius: 0;
28 | border-bottom-left-radius: 0;
29 | }
30 | }
31 | }
--------------------------------------------------------------------------------
/assets/scss/color-palette-scss/buttons/types/_sizes.scss:
--------------------------------------------------------------------------------
1 | /*
2 | * Button Sizes
3 | *
4 | * This file creates the various button sizes
5 | * (ex. .button-large, .button-small, etc.)
6 | */
7 | @each $ubtn-size in $ubtn-sizes {
8 | $ubtn-size-name: nth($ubtn-size, 1);
9 | $ubtn-size-multiplier: nth($ubtn-size, 2);
10 | $ubtn-size-namespace: #{$ubtn-namespace}-#{$ubtn-size-name};
11 |
12 | #{$ubtn-size-namespace},
13 | .palette-primary #{$ubtn-size-namespace}.button-primary:not(.menu-item ),
14 | .palette-primary #{$ubtn-size-namespace}.button-secondary:not(.menu-item ) {
15 | font-size: $ubtn-font-size * $ubtn-size-multiplier;
16 | height: $ubtn-height * $ubtn-size-multiplier !important;
17 | line-height: $ubtn-height * $ubtn-size-multiplier;
18 | padding: 0 ($ubtn-height * $ubtn-size-multiplier);
19 | }
20 | }
--------------------------------------------------------------------------------
/assets/scss/color-palette-scss/buttons/types/_wrapper.scss:
--------------------------------------------------------------------------------
1 | /*
2 | * Button Wrapper
3 | *
4 | * A wrap around effect to highlight
5 | * the shape of the button and offer
6 | * a subtle visual effect.
7 | */
8 | #{$ubtn-namespace}-wrap {
9 | border: 1px solid #e3e3e3;
10 | display: inline-block;
11 | padding: 9px;
12 |
13 | @if($ubtn-use-compass) {
14 | @include background(linear-gradient(#f2f2f2, #FFF));
15 | @include border-radius(200px);
16 | @include box-shadow(inset 0 1px 3px rgba(0, 0, 0, 0.04));
17 | }
18 | @else {
19 | background: linear-gradient(#f2f2f2, #FFF);
20 | border-radius: 200px;
21 | box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04);
22 | }
23 | }
--------------------------------------------------------------------------------
/assets/scss/controls/_bg-controls.scss:
--------------------------------------------------------------------------------
1 | .rtl {
2 | .editor-panel {
3 | .mdc-checkbox {
4 | label {
5 | margin-right: 30px;
6 | }
7 | }
8 | }
9 | }
10 | .editor-panel {
11 | .mdc-switch {
12 | top: 5px;
13 | margin-right: 5px;
14 |
15 | input[type='checkbox'] {
16 | width: 48px;
17 | height: 48px;
18 | display: inline-block;
19 | margin-top: -3px;
20 | transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1);
21 | opacity: 0;
22 | cursor: pointer;
23 | }
24 | }
25 |
26 | .mdc-checkbox input {
27 | width: 100%;
28 | height: 100%;
29 | }
30 |
31 | .select2-selection.select2-selection--single {
32 | position: relative;
33 | }
34 | }
35 |
--------------------------------------------------------------------------------
/assets/scss/controls/_border.scss:
--------------------------------------------------------------------------------
1 | .border-type-control {
2 | ul {
3 | text-align: left;
4 | }
5 | }
6 |
--------------------------------------------------------------------------------
/assets/scss/controls/_outline.scss:
--------------------------------------------------------------------------------
1 | .border-type-control {
2 | ul {
3 | text-align: left;
4 | }
5 | }
6 |
--------------------------------------------------------------------------------
/assets/scss/controls/_width.scss:
--------------------------------------------------------------------------------
1 | .editor-panel {
2 | .width-control, .full-width-rows {
3 | padding: 18px 12px;
4 | }
5 | }
6 |
--------------------------------------------------------------------------------
/assets/scss/editor-fe.scss:
--------------------------------------------------------------------------------
1 | @import 'variables';
2 |
3 | // Font end.
4 | @import './front-end/edit-link';
5 | @import './front-end/page-template';
6 |
7 | // Bootstrap Styles.
8 | @import './bootstrap/bootstrap';
9 | @import './bootstrap/additions';
10 |
11 | #content .boldgrid-section {
12 | max-width: 100%;
13 | }
14 |
--------------------------------------------------------------------------------
/assets/scss/front-end/_edit-link.scss:
--------------------------------------------------------------------------------
1 | .bg_block-template-default.single-bg_block,
2 | .bg-custom-template,
3 | .page-template-templatepagefullwidth-php.page-template-fullwidth,
4 | .page-template-templatepageleft-sidebar-php.page-template-left-sidebar,
5 | .page-template-templatepagecontent-only-php.page-template-content-only,
6 | .page-template-templatepageright-sidebar-php.page-template-right-sidebar {
7 | article {
8 | position: relative;
9 | }
10 | }
11 |
12 | .bg-edit-link {
13 | display: inline-block;
14 | position: absolute;
15 | bottom: 10px;
16 | right: 20px;
17 |
18 | a:active .fa {
19 | background-color: darken( $boldgrid-color, 5% );
20 | }
21 |
22 | .fa {
23 | background-color: $boldgrid-color;
24 | border-radius: 50%;
25 | box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.38);
26 | font-size: 15px;
27 | padding: 9px;
28 | color: #fff;
29 | transition: box-shadow .5s, background-color .5s;
30 |
31 | &:hover {
32 | box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .5);
33 | }
34 | }
35 | }
36 |
--------------------------------------------------------------------------------
/assets/scss/mce-fe.scss:
--------------------------------------------------------------------------------
1 | $editorPadding: 70px;
2 | $screen-sm-min: 768px + $editorPadding;
3 | $screen-md-min: 992px + $editorPadding;
4 | $screen-lg-min: 1200px + $editorPadding;
5 |
6 | @import './editor-fe.scss';
7 |
--------------------------------------------------------------------------------
/autoload.php:
--------------------------------------------------------------------------------
1 |
12 | */
13 |
14 | namespace Boldgrid\PPB\View\Card;
15 |
16 | use Boldgrid\PPB\View\Feature;
17 |
18 | /**
19 | * Class: Editor
20 | *
21 | * This class is responsible for rendering the "Editor" card on the BoldGrid PPB dashboard.
22 | *
23 | * @since 1.11.2
24 | */
25 | class Editor extends \Boldgrid\Library\Library\Ui\Card {
26 | /**
27 | * Init.
28 | *
29 | * @since 1.11.2
30 | */
31 | public function init() {
32 | $this->id = 'bgppb_preferred_editor';
33 | $this->icon = '' . esc_html__( 'Gain access to all BoldGrid premium plugins and services. This includes BoldGrid Backup Premium, which can protect your site from disaster with remote storage.', 'boldgrid-editor' ) . '
';
34 | }
35 | }
36 |
--------------------------------------------------------------------------------
/includes/View/Feature/Cloud.php:
--------------------------------------------------------------------------------
1 |
12 | */
13 |
14 | namespace Boldgrid\PPB\View\Feature;
15 |
16 | /**
17 | * Class: Cloud
18 | *
19 | * @since 1.11.2
20 | */
21 | class Cloud extends \Boldgrid\Library\Library\Ui\Feature {
22 | /**
23 | * Init.
24 | *
25 | * @since 1.11.2
26 | */
27 | public function init() {
28 | $this->icon = '' . __( 'Create a fully functional free WordPress demo in just a few clicks. Easily design, build, test and share your WordPress website with clients or teams.', 'boldgrid-editor' ) . '
';
33 | }
34 | }
35 |
--------------------------------------------------------------------------------
/includes/View/Feature/Pagebuilder.php:
--------------------------------------------------------------------------------
1 |
12 | */
13 |
14 | namespace Boldgrid\PPB\View\Feature;
15 |
16 | /**
17 | * Class: Boldgrid
18 | *
19 | * @since 1.11.2
20 | */
21 | class Pagebuilder extends \Boldgrid\Library\Library\Ui\Feature {
22 |
23 | /**
24 | * Init.
25 | *
26 | * @since 1.11.2
27 | */
28 | public function init() {
29 | $this->icon = '' . esc_html__( 'A premium upgrade includes sliders, exclusive blocks, unique widgets and more.', 'boldgrid-editor' ) . '
';
32 | }
33 | }
34 |
--------------------------------------------------------------------------------
/includes/View/Feature/Speedcoach.php:
--------------------------------------------------------------------------------
1 |
12 | */
13 |
14 | namespace Boldgrid\PPB\View\Feature;
15 |
16 | /**
17 | * Class: SpeedCoach
18 | *
19 | * @since 1.11.2
20 | */
21 | class Speedcoach extends \Boldgrid\Library\Library\Ui\Feature {
22 | /**
23 | * Init.
24 | *
25 | * @since 1.11.2
26 | */
27 | public function init() {
28 | $this->icon = '' . esc_html__( 'A faster website means happier visitors and higher rankings on the search engines. Simply type in your website’s URL and receive detailed advice on making your site lightning fast.', 'boldgrid-editor' ) . '
';
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/includes/builder/index.php:
--------------------------------------------------------------------------------
1 |
11 | * @link https://boldgrid.com
12 | */
13 |
14 | /**
15 | * Class: Boldgrid_Editor_Service
16 | *
17 | * Handle services.
18 | *
19 | * @since 1.6
20 | */
21 | abstract class Boldgrid_Editor_Service {
22 |
23 | protected static $services;
24 |
25 | /**
26 | * Register a service.
27 | *
28 | * Stores instance into an array.
29 | *
30 | * @since 1.6
31 | *
32 | * @param string $name Name of Service.
33 | * @param mixed $instance Instance of service.
34 | */
35 | public static function register( $name, $instance ) {
36 | self::$services[$name] = $instance;
37 | }
38 |
39 | /**
40 | * Get the service.
41 | *
42 | * @since 1.6
43 | *
44 | * @param string $name Name of Service.
45 | * @return mixed Service Instance.
46 | */
47 | public static function get( $name ) {
48 | return self::$services[ $name ];
49 | }
50 |
51 | }
52 |
--------------------------------------------------------------------------------
/includes/class-boldgrid-editor-uninstall.php:
--------------------------------------------------------------------------------
1 |
11 | * @link https://boldgrid.com
12 | */
13 |
14 | /**
15 | * Class: Boldgrid_Editor_Uninstall
16 | *
17 | * Uninstall process.
18 | *
19 | * @since 1.6
20 | */
21 | class Boldgrid_Editor_Uninstall {
22 |
23 | /**
24 | * Upon deleting the plugin. Delete saved modifications.
25 | *
26 | * @since 1.6
27 | *
28 | * @return
29 | */
30 | public static function on_delete() {
31 |
32 | // Disabled this, it may cause undesirable effects.
33 | // Boldgrid_Editor_Option::clear_all();
34 | }
35 | }
36 |
--------------------------------------------------------------------------------
/includes/config/.gitignore:
--------------------------------------------------------------------------------
1 | *.local.php
--------------------------------------------------------------------------------
/includes/config/config.sample.php:
--------------------------------------------------------------------------------
1 | 'https://wp-assets-dev.boldgrid.com',
8 | );
9 | /* @formatter:on */
10 |
--------------------------------------------------------------------------------
/includes/config/index.php:
--------------------------------------------------------------------------------
1 |
11 | * @link https://boldgrid.com
12 | */
13 |
14 | /**
15 | * Class: Boldgrid_Editor_Media
16 | *
17 | * Init processes needed for Editor Media.
18 | *
19 | * @since 1.2
20 | */
21 | class Boldgrid_Editor_Media {
22 |
23 | /**
24 | * Create Tabs based on configurations
25 | *
26 | * @since 1.0
27 | */
28 | public function create_tabs( $configs, $is_bg_theme ) {
29 | $tabs = $configs['tabs'];
30 |
31 | // Create each tab specified from the configuraiton.
32 | foreach ( $tabs as $tab ) {
33 | $media_tab_class = 'Boldgrid_Editor_Media_Tab';
34 |
35 | if ( isset( $tab['content-class'] ) ) {
36 | $media_tab_class = $tab['content-class'];
37 | }
38 |
39 | $tab['is-boldgrid-theme'] = $is_bg_theme;
40 |
41 | $media_tab = new $media_tab_class( $tab, $configs, '/' );
42 |
43 | $media_tab->create();
44 | }
45 | }
46 | }
--------------------------------------------------------------------------------
/includes/media/index.php:
--------------------------------------------------------------------------------
1 |
2 |
3 | <# if ( data.myPresets.length ) { #>
4 |
5 |
My Designs
6 |
7 |
8 | <# _.each( data.myPresets, function ( preset, index ) { #>
9 |
10 | <# }); #>
11 |
12 | <# } #>
13 |
14 |
Sample Designs
15 |
16 |
17 | {{{data.presets}}}
18 |
19 |
24 |
2 |
Background Color
3 |
2 |
<%=label %>
3 |
2 | <% _.each( controls, function ( control, index ) { %>
3 |
6 | <% } ); %>
7 |
2 |
Table Borders
3 | <% _.each( borderTypes, function ( borderType, index ) { %>
4 |
5 |
6 |
<%=borderType.label %>
7 |
9 |
10 | <%=controls[borderType.name].borderTypeControl %>
11 | <%=controls[borderType.name].borderColor %>
12 | <%=controls[borderType.name].borderSlider %>
13 |
14 |
15 | <% } ); %>
16 |
2 |
Rows Background Color
3 | Stiped Background Color
7 | Header Background Color
11 |
2 |
3 |
Save Block to Your Library
4 | Any designs you save can be reused on any page or website.
5 |
9 |
10 |
11 |
Oops! An error occured.
12 | We were unable to add the Block to you library. Please try again later.
13 | Okay, Got it!
14 |
15 |
16 |
Block Saved!
17 | Your Block can be found in the admin area under Post and Page Builder,
18 | and will also be available in "Block Library"
19 | within the Add Blocks interface.
20 | Okay, Got it!
21 |
22 |
2 |
3 |
Get Started with a Block
4 |
Adding a Block will help you create your new page faster.
5 |
10 |
11 |
2 |
3 |
4 |
This page is used by the Post and Page Builder plugin and should not be edited.
5 |
6 |
7 |
3 |
4 |
>
5 | has_title_displayed() && get_the_title() ) { ?>
9 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
28 |
--------------------------------------------------------------------------------
/includes/template/page/content-only.php:
--------------------------------------------------------------------------------
1 |
2 | >
3 |
4 | Drag and Drop — Move text, rows or columns of content, and more to modify rich layouts with ease. Use the orange, yellow, blue
3 | and black handles to drag the content.
4 |
5 |
6 | Blocks — You can insert pre-built layouts by the clicking "Add Block" button. After choosing a Block,
7 | it will be inserted into your current page or post.
8 |
9 |
10 | Style Controls — You can customize backgrounds, buttons, images and more. First, click on any item in your Page & Post Editor.
11 | Any additional controls available for that item will appear in a Drop Tab at the top of your editor. Try clicking on
12 | any of the available controls to explore the options available to you.
13 |
14 | For more information on using the Post and Page Builder please visit the BoldGrid support site:
15 | BoldGrid Page & Post Editor
17 |
18 |
--------------------------------------------------------------------------------
/pages/index.php:
--------------------------------------------------------------------------------
1 | get_configs();
7 |
8 | ?>
9 |
10 | $tab): ?>
11 |
12 | $content): ?>
13 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
9 |
10 |
11 | ./tests/
12 |
13 |
14 |
15 |
16 | ./
17 |
18 |
19 |
20 |
--------------------------------------------------------------------------------
/support/wpforms/assets/css/editor.css:
--------------------------------------------------------------------------------
1 | .boldgrid-wpforms[data-title="0"] .wpforms-title,
2 | .boldgrid-wpforms[data-description="0"] .wpforms-description {
3 | display: none !important;
4 | }
5 |
--------------------------------------------------------------------------------
/support/wpforms/includes/config/index.php:
--------------------------------------------------------------------------------
1 | array(
11 | 'Forms' => array(
12 | 'tab-details' => array(
13 | 'type' => 'shortcode-form',
14 | 'selection-type' => 'single-item',
15 | ),
16 | 'title' => 'Forms',
17 | 'slug' => 'boldgrid_form',
18 | 'attachments-template' => $addonDir . '/../templates/form-attachments.php',
19 | 'sidebar-template' => $addonDir . '/../templates/form-sidebar.php',
20 | 'route-tabs' => array (
21 | 'form-list' => array (
22 | 'name' => 'Available Forms',
23 | 'content' => array (
24 | //The key is the form id
25 | array (
26 | ),
27 | ),
28 | ),
29 | ),
30 | ),
31 | )
32 | );
33 | /* @formatter:on */
34 |
--------------------------------------------------------------------------------
/support/wpforms/includes/index.php:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 |
--------------------------------------------------------------------------------
/support/wpforms/templates/index.php:
--------------------------------------------------------------------------------
1 |
10 | */
11 |
12 | /**
13 | * Post and Page Builder Plugin Test class
14 | */
15 | class Test_Boldgrid_Assets extends WP_UnitTestCase {
16 |
17 |
18 | /**
19 | * Setup the test env
20 | */
21 | public function setUp() {
22 | $this->configClass = new Boldgrid_Editor_Config();
23 | }
24 |
25 | /**
26 | * @since 1.5
27 | */
28 | public function test_conflicting_assets() {
29 |
30 | // Framework.
31 | add_action( 'wp_enqueue_scripts', function () {
32 | wp_enqueue_style( 'boldgrid-components', 'test-url', false, '0.0.0' );
33 | } );
34 |
35 | // Test Action
36 | $class = $this;
37 | add_action( 'wp_enqueue_scripts', function () use ( &$class ) {
38 | global $wp_styles;
39 | $class->assertTrue( $wp_styles->registered[ 'boldgrid-components' ]->ver !== '0.0.0' );
40 | }, 999999 );
41 |
42 | do_action('wp_enqueue_scripts');
43 | }
44 |
45 | }
46 |
--------------------------------------------------------------------------------
/tools/config/local.dev.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | wordpressPath: 'wordpress/',
3 | devServer: {
4 | proxy: {
5 | '/wordpress': {
6 | target: 'http://localhost',
7 | secure: false
8 | }
9 | }
10 | }
11 | };
12 |
--------------------------------------------------------------------------------
/tools/config/webpack.test.js:
--------------------------------------------------------------------------------
1 | const path = require( 'path' );
2 |
3 | module.exports = {
4 | mode: 'development',
5 |
6 | // Karma watches the test entry points
7 | // (you don't need to specify the entry option)
8 | // webpack watches dependencies
9 | // webpack configuration
10 | module: {
11 | rules: [
12 | {
13 | test: /\.js$/,
14 | exclude: /node_modules/,
15 | use: [ 'babel-loader' ]
16 | },
17 | {
18 | test: /\.svg$/,
19 | loader: 'svg-inline-loader'
20 | },
21 | {
22 | test: /\.(scss|css|html|ejs)$/,
23 | use: [
24 | {
25 | loader: 'raw-loader'
26 | }
27 | ]
28 | }
29 | ]
30 | }
31 | };
32 |
--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
1 | let env = process.env.NODE_ENV || 'development';
2 |
3 | if ( process.argv.includes( '--mode=development') ) {
4 | env = 'development';
5 | } else {
6 | env = 'production';
7 | }
8 |
9 | function buildConfig( env ) {
10 | return require( './tools/config/webpack.' + env + '.js' );
11 | }
12 |
13 | module.exports = buildConfig( 'production' === env ? 'prod' : 'dev' );
14 |
--------------------------------------------------------------------------------