npm - alchemy-widget - Versions diffs - 0.1.5 → 0.2.0 - Mend

alchemy-widget 0.1.5 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (36) hide show

package/CHANGELOG.md +29 -0
package/assets/stylesheets/alchemy_widgets.scss +426 -0
package/bootstrap.js +6 -0
package/controller/alchemy_widgets_controller.js +85 -9
package/element/00-widget_base_element.js +154 -6
package/element/05-widget_element.js +112 -19
package/element/10-container_elements.js +15 -15
package/element/11-alchemy_widgets_list_element.js +2 -2
package/element/20-add_area_element.js +23 -23
package/element/table_of_contents_element.js +104 -8
package/element/widget_actionbar_element.js +92 -0
package/element/widget_context_element.js +39 -23
package/element/widget_toolbar_element.js +300 -38
package/helper/widget_action.js +19 -18
package/helper/widgets/00-widget.js +160 -37
package/helper/widgets/01-container.js +12 -7
package/helper/widgets/05-list.js +1 -1
package/helper/widgets/alchemy_field_widget.js +112 -0
package/helper/widgets/alchemy_form_widget.js +183 -0
package/helper/widgets/alchemy_table_widget.js +71 -0
package/helper/widgets/alchemy_tabs_widget.js +195 -0
package/helper/widgets/header.js +4 -4
package/helper/widgets/markdown.js +17 -10
package/helper/widgets/partial.js +215 -0
package/helper/widgets/sourcecode.js +4 -4
package/helper/widgets/table_of_contents.js +2 -2
package/helper/widgets/text.js +14 -4
package/helper/widgets_helper.js +26 -0
package/package.json +4 -3
package/view/elements/table_of_contents.hwk +23 -9
package/view/form/inputs/edit/widget.hwk +2 -2
package/view/form/inputs/edit/widgets.hwk +2 -2
package/view/widget/elements/al_widget_toolbar.hwk +49 -0
package/view/widget/widget_config.hwk +7 -4
package/assets/stylesheets/alchemy-widget-symbols.scss +0 -191
package/assets/stylesheets/alchemy-widgets.scss +0 -258

package/assets/stylesheets/alchemy-widgets.scss DELETED Viewed

@@ -1,258 +0,0 @@
-@import "alchemy-widget-symbols.scss";
-alchemy-widgets,
-alchemy-widgets-row,
-alchemy-widgets-column {
-	display: flex;
-	&.aw-editing {
-		position: relative;
-		min-height: 3rem;
-	}
-	> * {
-		flex: 10;
-	}
-}
-alchemy-widgets-row,
-alchemy-widgets-column {
-	&.aw-editing {
-		&:hover {
-			background: rgba(60, 60, 60, 0.1);
-		}
-	}
-}
-alchemy-widgets,
-alchemy-widgets-column {
-	flex-flow: column;
-	&.aw-editing {
-		padding-bottom: 5rem;
-	}
-	> alchemy-widget-add-area {
-		position: absolute;
-		bottom: 1.5rem;
-		left: 50%;
-		transform: translateX(-50%);
-	}
-}
-alchemy-widgets {
-	min-width: 10rem;
-	min-height: 10rem;
-	&.aw-editing {
-		outline: 2px dashed rgba(0, 0, 0, 0.3);
-		outline-offset: -2px;
-	}
-}
-alchemy-widgets-row {
-	flex-flow: row;
-	flex: 10 10 auto;
-	&.aw-editing {
-		padding-right: 5rem;
-	}
-	> alchemy-widget-add-area {
-		position: absolute;
-		right: 0.5rem;
-		top: 50%;
-		transform: translateY(-50%);
-	}
-}
-alchemy-widgets-row,
-alchemy-widgets > alchemy-widgets-column,
-alchemy-widgets-column > alchemy-widgets-column,
-.alchemy-widgets-container > alchemy-widgets-column {
-	&.aw-editing {
-		&::after {
-			content: "";
-			position: absolute;
-			height: 1px;
-			left: 15px;
-			right: 15px;
-			bottom: 0;
-			border-bottom: 2px dashed rgba(0, 0, 0, 0.3);
-			// Reset some things (in case of a nested column)
-			width: initial;
-			border-right: initial;
-			top: initial;
-		}
-	}
-}
-alchemy-widgets-column {
-	flex: 10 10 auto;
-}
-alchemy-widgets-column,
-alchemy-widgets-row > alchemy-widgets-row,
-.alchemy-widgets-container > alchemy-widgets-row {
-	&.aw-editing {
-		&::after {
-			content: "";
-			position: absolute;
-			width: 1px;
-			top: 10px;
-			bottom: 10px;
-			right: 0;
-			border-right: 2px dashed rgba(0, 0, 0, 0.3);
-			// Reset some things (in case of a nested row)
-			left: initial;
-			border-bottom: initial;
-			height: initial;
-		}
-	}
-}
-alchemy-widget-add-area {
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	.widget-types {
-		display: none;
-	}
-	&.show-types {
-		.main-button {
-			display: none;
-		}
-		.widget-types {
-			display: initial;
-		}
-	}
-	.main-button {
-		display: flex;
-	}
-}
-.aw-toolbar-button,
-.widget-button {
-	color: #707684;
-	cursor: pointer;
-	border: none;
-	background: none;
-	display: flex;
-	align-content: center;
-	min-height: 26px;
-	align-items: center;
-	text-transform: uppercase;
-	&:hover {
-		color: #388ae5;
-	}
-}
-alchemy-widget {
-	display: block;
-	&.aw-editing {
-		min-height: 2rem;
-		&:hover {
-			background: rgba(60, 60, 120, 0.1);
-		}
-	}
-	&.aw-selected {
-		background-color: #7979f347;
-		outline: 1px dashed #7979f399;
-	}
-}
-alchemy-widget-context,
-alchemy-widget-toolbar {
-	display: block;
-	padding: 0.4rem;
-	background-color: white;
-	border-radius: 4px;
-	border: 1px solid #dadada;
-	&[hidden] {
-		display: none;
-	}
-}
-alchemy-widget-context {
-	position: fixed;
-	z-index: 99999;
-	alchemy-widget-toolbar {
-		position: absolute;
-		top: calc(100% + 5px);
-		right: 0;
-		z-index: 999999;
-	}
-}
-alchemy-widget-toolbar {
-	min-height: 2rem;
-	min-width: 2rem;
-	display: flex;
-	> * {
-		margin-right: 5px;
-	}
-	.aw-toolbar-button {
-		border-radius: 4px;
-		&:hover {
-			color: rgb(112, 118, 132);
-			background-color: #f0f0f0;
-		}
-		&.aw-button-selected {
-			color: #388ae5;
-		}
-	}
-}
-alchemy-widget[type="header"] {
-	h1, h2, h3, h4, h5, h6 {
-		padding: 1em 0;
-		margin: 0;
-		line-height: 1.5em;
-		outline: none;
-	}
-	h1 {
-		font-size: 2em;
-	}
-	h2 {
-		font-size: 1.5em;
-	}
-}
-.aw-toolbar-button {
-	.aw-header-h {
-		font-weight: bold;
-		font-size: 1.2em;
-	}
-	.aw-header-level {
-		font-weight: bold;
-		height: 1.3em;
-	}
-}
-table-of-contents {
-	display: block;
-}