@widgetic/editor 3.11.4 → 4.0.1

package/css/controls/control-scale.styl

@@ -1,30 +0,0 @@
-.input-scale
-	&:focus
-		outline 0 none
-		border 0 none
-	> div
-		display inline-block
-		vertical-align middle
-	.property-label
-	.control.control-stepper
-		vertical-align middle
-		display inline-block
-	.property-label
-		width 15px
-	.control.control-stepper
-		width 86px
-	.input-scale-width
-		margin-right 22px
-		position relative
-		&:after
-			content ""
-			width 22px
-			height 35px
-			background url('../img/control-scale-lock-icon.png') center center no-repeat
-			position absolute
-			top 0
-			right -22px
-	.input-scale-scaler
-		margin-left 12px
-		color darkpurple
-		font 14px/35px 'ProximaNova-Semibold'

package/css/controls/control-slider.styl

@@ -1,38 +0,0 @@
-.input-slider
-	@extends .control-input
-	@extends .control
-	padding 0
-	outline none
-	display inline-block
-	vertical-align top
-	width calc(100% \- 90px)
-	cursor pointer
-	&:focus
-		box-shadow 0 0 0 2px #F0F0F0
-.input-slider-value
-	appearance none
-	@extends .control-input
-	display inline-block
-	vertical-align top
-	padding-right 0
-	width 80px
-	margin-right 10px
-.input-slider-drag
-.input-slider-thumb
-	position absolute
-	top 3px
-	cursor pointer
-	left 3px
-	width 38px
-	height 25px
-	border 1px solid mediumgray
-	border-radius 2px
-	background url('img/control-slider-arrows.png') no-repeat center center,#e6e6e6
-	&:hover
-		background url('img/control-slider-arrows-hover.png') no-repeat center center,#e6e6e6
-.input-slider-container
-	absolute left 3px right 5px
-	top 0
-	bottom 0
-body.thumb-dragging
-	cursor pointer !important

package/css/controls/control-spinner.styl

@@ -1,39 +0,0 @@
-.input-spinner
-	@extends .control
-	input
-		padding 0 46px
-		position relative
-		text-align center
-.spinner-button
-	display inline-block
-	width 9px
-	height 10px
-	cursor pointer
-	width 33px
-	height 33px
-	background #f5f5f5
-	absolute top right
-	border 1px solid mediumgray
-	z-index 1
-	border-radius 0 2px 2px 0
-	text-align center
-	line-height 34px
-	&:before
-		content ""
-		display inline-block
-		background darkgray
-		height 2px
-		width 12px
-		vertical-align middle
-	&:hover:before, &:hover:after
-		background darkpurple
-.spinner-down
-	left 0
-	right auto
-	border-radius 2px 0 0 2px
-.spinner-up
-	&:after
-		@extends .spinner-button:before
-		height 12px
-		width 2px
-		margin 0 7px 0 -7px

package/css/controls/control-textarea.styl

@@ -1,52 +0,0 @@
-.wysiwyg-text-decoration-underline
-	text-decoration underline
-.control-textarea
-	&.loading
-		display none
-	@extends .control
-	&.focused
-		.input-textarea
-			height 136px
-			color darkpurple
-			outline none
-			box-shadow 0 0 0 2px #F0F0F0
-	.input-textarea
-		transition height 0.4s
-		padding 0
-		outline none
-		overflow hidden
-		.wysihtml5-sandbox
-			width 100% !important
-			border 0px !important
-			box-sizing border-box !important
-			padding 10px !important
-			height 99px !important
-			outline none !important
-		.toolbar
-			border-top 1px dashed #e6e6e6
-			background #fafafa
-			letter-spacing -4px
-			height 30px
-			&:before
-				content ""
-				display inline-block
-				height 100%
-				vertical-align middle
-			a
-				display inline-block
-				vertical-align middle
-				letter-spacing normal
-				width 30px
-				height 30px
-			a[data-wysihtml5-command="bold"]
-				background url(img/control-textarea-bold.png) center center no-repeat
-				&.wysihtml5-command-active
-					background url(img/control-textarea-bold-active.png) center center no-repeat
-			a[data-wysihtml5-command="italic"]
-				background url(img/control-textarea-italic.png) center center no-repeat
-				&.wysihtml5-command-active
-					background url(img/control-textarea-italic-active.png) center center no-repeat
-			a[data-wysihtml5-command="underline"]
-				background url(img/control-textarea-underline.png) center center no-repeat
-				&.wysihtml5-command-active
-					background url(img/control-textarea-underline-active.png) center center no-repeat

package/css/controls/control-toggle.styl

@@ -1,34 +0,0 @@
-.input-toggle
-	@extends .control-input
-	@extends .control
-	padding 0 3px
-	display inline-block
-	cursor pointer
-	outline none
-	user-select none
-	&:focus
-		box-shadow 0 0 0 2px #F0F0F0
-
-.input-toggle-true
-.input-toggle-false
-	display inline-block
-	width 50%
-	height 27px
-	margin 3px 0 3px
-	line-height 25px
-	text-align center
-	color #665c68
-	border 1px solid transparent
-	opacity 0.4
-	padding 0 3px
-	box-sizing border-box
-	&:hover
-		opacity 1
-
-.input-toggle[data-value='true'] .input-toggle-true
-.input-toggle[data-value='false'] .input-toggle-false
-		color #665c68
-		background #ebebeb
-		border 1px solid mediumgray
-		border-radius 2px
-		opacity 1

package/css/controls/control-url.styl

@@ -1,32 +0,0 @@
-.control-url
-	@extends .control
-	transition border-color 0.5s
-	.url-thumb
-		border-radius 3px
-		position absolute
-		bottom 3px
-		right 3px
-		width 29px 
-		height 29px
-		overflow hidden
-		background-repeat no-repeat !important
-		&:after
-			content ""
-			absolute top left
-			right 0
-			bottom 0
-			display none
-			background url(img/loader.gif) no-repeat center center
-	&.invalid
-		.control-input
-			border 1px solid #fdb0b1 !important
-			box-shadow 0 0 0 2px #f9e1e1 !important
-	.control-input
-		padding-right 32px
-		text-overflow ellipsis
-		&[readonly]
-			user-select none
-			pointer-events none
-	&.validate
-		.url-thumb:after
-			display block

package/css/controls/control-video-details.styl

@@ -1,85 +0,0 @@
-.control.control-video-details .input-video
-	display inline-block
-	height 45px
-	.control-input
-		margin-left 24px
-		width 355px
-		height 20px
-		position absolute
-		bottom 5px
-		font-size 12px
-		transition margin .2s ease
-		background transparent
-		border 0 none
-	.url-thumb
-		display none
-	> .icon
-		display inline-block
-		width 38px
-		height 45px
-		absolute top left
-		z-index 1
-		background url('img/content/video-icon.png') center center no-repeat
-		cursor pointer
-		opacity 1
-		transition opacity .1s ease .05s
-
-	.video-title
-		font 14px/14px 'ProximaNova-Regular'
-		margin 8px 0 0
-		color darkpurple
-		cursor pointer
-		display inline-block
-		vertical-align top
-		white-space nowrap
-		overflow hidden
-		text-overflow ellipsis
-		max-width 310px
-		&:hover
-			color litepurple
-	.video-prew
-		display inline-block
-		height 35px
-		width 33px
-		position relative
-		margin 5px 0 0 4px
-		z-index 2
-		cursor pointer
-		overflow hidden
-		transition width .2s ease, opacity .01s ease
-		opacity 0
-		.input-video-player
-			width 100% !important
-			height 100% !important
-			display block
-			border 0 none
-			box-sizing border-box
-			&:before
-				content none
-			video
-				width 100%
-				height 100%
-		.vjs-control-bar
-			display none!important
-
-.control.control-video-details.playing
-	.input-video
-		> .icon
-			opacity 0
-			transition .1s ease 0
-		.control-input
-			margin-left 57px
-			width 325px
-	.video-title
-		margin 8px 0 0 4px
-		max-width 280px
-	.video-prew
-		width 60px
-		opacity 1
-		transition opacity .01s ease .2s, width .2s ease
-.control.control-video-details .input-video
-	.item-invalid &
-		.video-title
-			color #c4363e
-			margin-left 33px
-			cursor default

package/css/controls/control-video.styl

@@ -1,43 +0,0 @@
-.control-video
-	@extend .control-audio
-.input-video-player
-	position absolute
-	border-radius 4px
-	display none
-	border 2px solid #333
-	width auto !important
-	height auto !important
-	z-index 999888999000
-	&:after
-		position absolute
-		content ""
-		top 0
-		right 0
-		bottom 0
-		left 0
-		z-index 1000000000000000
-		background transparent
-		display block
-	&:before
-		content ''
-		display block
-		position absolute
-		top -6px
-		border 4px solid #000
-		border-top 4px
-		border-left-color transparent
-		border-right-color transparent
-		left 98%
-		left calc(100% \- 59px)
-	video
-		height 110px
-		display block
-		z-index -1
-		pointer-events none !important
-	object
-		height 100%
-		width 100%
-		min-height 150px
-		min-width 150px
-	.vjs-control-bar
-		display none!important

package/css/controls/general.styl

@@ -1,98 +0,0 @@
-.control-input
-	display block
-	position relative
-	width 100%
-	height 35px
-	padding 0 13px
-	font-family 'ProximaNova-Semibold',Helvetica,sans-serif
-	font-size 14px
-	color darkgray
-	font-smoothing antialiased
-	border-radius 2px
-	border 1px solid mediumgray
-	box-sizing border-box
-	background #fff
-	appearance none
-	&:hover
-		border-color #c8c8c8
-
-.control
-	position relative
-	&:hover
-		.control-help, .control-edit-btn
-			opacity 1
-			visibility visible
-			.content-browser &
-				opacity 0
-				visibility hidden
-
-.control.control--restricted > *:not(.control-upgrade)
-	opacity .4
-	pointer-events none
-	user-select none
-
-.control.control--restricted > .control-help
-	display none
-
-.control.control--hidden,
-.item-details.active .item-details-attributes .control.control--hidden
-	display none
-
-.control-upgrade
-	position absolute
-	top 0
-	right 0
-	color #0055FF
-	text-decoration underline
-	text-decoration-skip ink
-	font-weight normal
-	font-size 13px
-
-.control-label
-	display block
-	line-height 20px
-	margin-bottom 5px
-	font-family 'ProximaNova-Regular',Helvetica,sans-serif
-	user-select text
-	color darkpurple
-	-webkit-font-smoothing antialiased
-
-.control-edit-btn
-	display inline-block
-	absolute top -2px right
-	opacity 0
-	visibility hidden
-	transition opacity .2s ease, visibility .2s ease,color .2s ease
-	.control-help + &
-		right 27px
-
-.control-help
-	position absolute
-	top 0
-	right 0
-	z-index 2
-	width 20px
-	height 20px
-	font-size 20px
-	opacity 0
-	visibility hidden
-	transition opacity .2s ease, visibility .2s ease,color .2s ease
-	cursor pointer
-	color #c8c8c8
-	&:hover
-		color darkgray
-	&:before
-		@extend [data-icon]:before
-		content "?"
-html.isTouch .control-help
-	opacity 1
-	visibility visible
-
-.general-help-tooltip.image-tooltip
-	padding 2px
-	border-radius 4px
-.tooltip-image
-	width 150px
-	display inline-block
-	vertical-align middle
-	border-radius 2px

package/css/controls/index.styl

@@ -1,25 +0,0 @@
-@import 'config'
-@import 'nib'
-
-@import 'general'
-
-@import 'control-color'
-@import 'control-spinner'
-@import 'control-dropdown'
-@import 'control-url'
-@import 'control-image'
-@import 'control-image-details'
-@import 'control-audio'
-@import 'control-audio-details'
-@import 'control-video'
-@import 'control-video-details'
-@import 'control-slider'
-@import 'control-textarea'
-@import 'control-toggle'
-@import 'control-range'
-@import 'control-position'
-@import 'control-scale'
-@import 'control-browser'
-@import 'control-font'
-@import 'control-order-picker'
-@import 'control-date_time'

package/css/editor/colors.styl

@@ -1,7 +0,0 @@
-// Color Variables
-darkpurple 	= #665b68
-litepurple 	= #0055FF
-darkgray 	= #a0a0a0
-mediumgray 	= #d5d5d5
-litegray	= #e6e6e6
-bgreen		= #a6cd3b

package/css/editor/content/directinput.styl

@@ -1,47 +0,0 @@
-.directinput-field
-	padding-top 21px
-	&.new
-		.field-delete
-			display none
-	&:first-child
-		padding-top 2px
-	.control
-		width 350px
-		display inline-block
-		position relative
-		vertical-align middle
-	.field-delete
-		width 9px
-		height 12px
-		display inline-block
-		vertical-align middle
-		font-size 12px
-		margin-left 17px
-		cursor pointer
-		color #a0a0a0
-		&:hover
-			color #c4363e
-		.isTouch &
-			width 29px
-			text-align center
-			vertical-align top
-			height 34px
-			line-height 38px
-			margin-left 7px
-	&:last-child
-		padding-bottom 20px
-	&.disabled
-		// display none
-		&:first-child
-			display block
-		.wysihtml5-sandbox
-			pointer-events none
-
-.content-browser.has-reached-max .directinput-field.new
-	display none
-
-.browser-tab.directinput[control="core/controls/text"]:after
-	background-image url(img/services/text.png)
-
-.editor[maxvalid='false'] .directinput-field.new
-	display none

package/css/editor/content/index.styl

@@ -1,111 +0,0 @@
-@import './message'
-@import './tabs'
-.content-browser-container
-	position absolute
-	top 0
-	bottom 0px
-	left 72px
-	right 0
-	background white
-	> .activateable
-		display none
-		&.active
-			display block
-	// .mCSB_draggerContainer
-	// 	bottom 30px
-	// .mCSB_container
-	// 	padding-bottom 30px
-
-// serviceTitle = 'Facebook'
-// serviceName  = 'facebook'
-// imgPath = 'img/services/facebook.png'
-// lite_color  = #6386bb //the bright one
-// dark_color  = #5978a8 // the dark one
-// @import 'loginbutton'
-
-// serviceTitle = 'Dropbox'
-// serviceName  = 'dropbox'
-// imgPath = 'img/services/dropbox.png'
-// lite_color  = #4d95d0 //the bright one
-// dark_color  = #4586bb // the dark one
-// @import 'loginbutton'
-
-// serviceTitle = 'Flickr'
-// serviceName  = 'flickr'
-// imgPath = 'img/services/flickr.png'
-// lite_color  = #e52a82 //the bright one
-// dark_color  = #ce2675 // the dark one
-// @import 'loginbutton'
-
-// serviceTitle = 'Instagram'
-// serviceName  = 'instagram'
-// imgPath = 'img/services/instagram.png'
-// lite_color  = #517fa6 //the bright one
-// dark_color  = #497295 // the dark one
-// @import 'loginbutton'
-
-provider(name,text,bgcolor,iconColor,image)
-	if name != 'directinput' and !!text
-		.browser.{name}
-			.browser-login-button,
-			.browser-logout-button
-				background bgcolor
-				&:after
-					content text
-				&:before
-					if image
-						background iconColor url(image)
-					else
-						background iconColor
-
-			.browser-logout-button
-				&:after
-					content 'Disconnect'
-	.browser-tab.{name}
-		&:after
-			border-radius 0
-			line-height 30px
-			text-align center
-			if image
-				background-image url(image)
-		&.active
-		&:active
-			border 1px solid bgcolor
-			&:after
-				background-color iconColor
-				background-position -34px 5px
-
-provider('dropbox', 'Connect with Dropbox', #4d95d0, #4586bb, 'img/services/dropbox.png' )
-provider('google-drive', 'Connect with Google Drive', #dd4b39, #c64333, 'img/services/drive.png' )
-provider('facebook', 'Connect with Facebook', #6386bb, #5978a8, 'img/services/facebook.png' )
-provider('instagram', 'Connect with Instagram', #517fa6, #497295, 'img/services/instagram.png')
-provider('flickr', 'Connect with Flickr', #e52a82, #ce2675, 'img/services/flickr.png')
-provider('directinput', 'Connect with Facebook', #3c3c3c, #3c3c3c, 'img/services/webadress.png')
-provider('blogvio', 'Connect with Blogvio', #93278f, #93278f, 'img/services/blogvio.png')
-provider('wix', 'Open Media Gallery', #2398ff, #1f89e5, 'img/services/wix.png')
-provider('soundcloud', 'Connect with SoundCloud', #ff3a00, #e53400, '')
-provider('uploads', null, #0055FF, #0055FF, 'img/services/uploads.png')
-
-.browser.soundcloud
-	.browser-login-button
-		&:before
-			content "\e600"
-			font-size 31px
-			background-image none
-			font-family BlogvioEditor
-			color white
-
-.browser-tab.uploads:after
-	background-position left center
-
-.browser-tab.soundcloud
-	&:after
-		content "\e600"
-		font-size 29px
-		background-image none
-		font-family BlogvioEditor
-		color #e53400
-	&.active:after
-		color white
-
-@import 'directinput'

package/css/editor/content/message.styl

@@ -1,53 +0,0 @@
-.message
-	padding 18px 35px 16px 20px
-	border-radius 2px
-	text-overflow ellipsis
-	position relative
-	box-sizing border-box
-	font-size 14px
-	color #5e5e5e
-	font-family 'ProximaNova-Semibold'
-	line-height 20px
-	background-position 0 -11px
-	background-repeat no-repeat
-	font-smoothing antialiased
-	user-select none
-	cursor pointer
-	.close
-		position absolute
-		width 1em
-		right 16px
-		font-size 12px
-		line-height 16px
-		top 18px
-		overflow hidden
-		background-position center center
-		background-repeat no-repeat
-		content ""
-		transition opacity 0.3s
-		cursor pointer
-		&:hover
-			opacity .6
-	&.error
-		background-image url('img/content/messages/error-background.png')
-		background-color #ffdbdb
-		border 1px solid #f4c7c7
-		.close
-			background-image url('img/content/messages/error-icon.png')
-	&.notification
-		background-color #fffae7
-		border-bottom 1px solid #f5efda
-		border-radius 0 3px 0 0
-		background-image url('img/content/messages/notification-background.png')
-		.close
-			color transparent
-			background-image url('img/content/messages/notification-icon.png')
-.content-browser
-	position relative
-	z-index 0
-	.message
-		transition-duration 0.4s !important
-		absolute top -60px left 72px
-		display block
-		right 0
-		z-index 2