@cu-mkp/editioncrafter 1.0.0 → 1.0.1

package/dist/es/src/scss/_spinner.scss

@@ -1,60 +1,64 @@
 $spinner-size: max(1rem, 16px);
 
-#loadingStateModal {
-	position: fixed;
-	z-index: 9000;
-	background-color: rgba(0, 0, 0, 0.48);
-	width: 100vw;
-	height: 100vh;
-}
-
-.spinner {
-	width:100%;
-	height:100%;
-	margin: calc(50vh - (#{$spinner-size}/2)) auto 0 auto;
-	text-align: center;
-}
-
-.spinner > div {
-	width: $spinner-size;
-	height: $spinner-size;
-	background-color: #ffffff;
-	border-radius: 100%;
-	display: inline-block;
-	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
-	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
-}
-
-.spinner .bounce1 {
-	-webkit-animation-delay: -0.32s;
-	animation-delay: -0.32s;
-}
+.editioncrafter {
 
-.spinner .bounce2 {
-	-webkit-animation-delay: -0.16s;
-	animation-delay: -0.16s;
-}
-@-webkit-keyframes sk-bouncedelay {
-	0%,
-	100%,
-	80% {
-		-webkit-transform: scale(0);
+	#loadingStateModal {
+		position: fixed;
+		z-index: 9000;
+		background-color: rgba(0, 0, 0, 0.48);
+		width: 100vw;
+		height: 100vh;
 	}
-
-	40% {
-		-webkit-transform: scale(1.0);
+	
+	.spinner {
+		width:100%;
+		height:100%;
+		margin: calc(50vh - (#{$spinner-size}/2)) auto 0 auto;
+		text-align: center;
 	}
-}
-@keyframes sk-bouncedelay {
-	0%,
-	100%,
-	80% {
-		-webkit-transform: scale(0);
-		transform: scale(0);
+	
+	.spinner > div {
+		width: $spinner-size;
+		height: $spinner-size;
+		background-color: #ffffff;
+		border-radius: 100%;
+		display: inline-block;
+		-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
+		animation: sk-bouncedelay 1.4s infinite ease-in-out both;
 	}
-
-	40% {
-		-webkit-transform: scale(1.0);
-		transform: scale(1.0);
+	
+	.spinner .bounce1 {
+		-webkit-animation-delay: -0.32s;
+		animation-delay: -0.32s;
+	}
+	
+	.spinner .bounce2 {
+		-webkit-animation-delay: -0.16s;
+		animation-delay: -0.16s;
+	}
+	@-webkit-keyframes sk-bouncedelay {
+		0%,
+		100%,
+		80% {
+			-webkit-transform: scale(0);
+		}
+	
+		40% {
+			-webkit-transform: scale(1.0);
+		}
+	}
+	@keyframes sk-bouncedelay {
+		0%,
+		100%,
+		80% {
+			-webkit-transform: scale(0);
+			transform: scale(0);
+		}
+	
+		40% {
+			-webkit-transform: scale(1.0);
+			transform: scale(1.0);
+		}
 	}
 }
+

package/dist/es/src/scss/_splitPaneView.scss

@@ -1,49 +1,51 @@
-.split-pane-view {
-  height: 100%;
-  width: 100%;
-  display: grid;
-}
-
-.split-pane-view.two-pane {
-  grid-template-areas: "image_viewer divider transcription";
-}
-
-.split-pane-view.three-pane {
-  grid-template-areas: "image_viewer divider transcription divider_two third_pane";
-}
-
-.split-pane-view > .divider {
-    z-index: 2;
-    width: max(1rem, 16px);
-    background: #BBB;
-    cursor:ew-resize;
-    display: flex;
-}
-
-.split-pane-view > .divider.first_divider {
-  grid-area: divider;
-}
-
-.split-pane-view > .divider.second_divider {
-  grid-area: divider_two;
-}
-
-.split-pane-view > .divider > .drawer-button {
-  align-self: center;
-  align: center;
-  cursor: auto;
-}
+.editioncrafter {
 
-.split-pane-view > .divider > .drawer-button:hover {
-  color: white;
-}
-
-.split-pane-view > .divider > .hidden {
-  display: none;
-}
-
-.split-pane-view {
-  #annotation-view{
-    font-size: 16px;
+  .split-pane-view {
+    height: 100%;
+    width: 100%;
+    display: grid;
+  }
+  
+  .split-pane-view.two-pane {
+    grid-template-areas: "image_viewer divider transcription";
+  }
+  
+  .split-pane-view.three-pane {
+    grid-template-areas: "image_viewer divider transcription divider_two third_pane";
+  }
+  
+  .split-pane-view > .divider {
+      z-index: 2;
+      width: max(1rem, 16px);
+      background: #BBB;
+      cursor:ew-resize;
+      display: flex;
+  }
+  
+  .split-pane-view > .divider.first_divider {
+    grid-area: divider;
+  }
+  
+  .split-pane-view > .divider.second_divider {
+    grid-area: divider_two;
+  }
+  
+  .split-pane-view > .divider > .drawer-button {
+    align-self: center;
+    cursor: auto;
+  }
+  
+  .split-pane-view > .divider > .drawer-button:hover {
+    color: white;
+  }
+  
+  .split-pane-view > .divider > .hidden {
+    display: none;
+  }
+  
+  .split-pane-view {
+    #annotation-view{
+      font-size: 16px;
+    }
   }
 }

package/dist/es/src/scss/_thumbnails.scss

@@ -1,17 +1,21 @@
 $color-selected: rgba(7,122,255,0.831);
 
-figure {
-	padding: max(0.3rem, 4.8px) 0 0;
-	border-radius: max(0.2rem, 3.2px);
-	margin: 0;
-	text-align: center;
-}
+.editioncrafter {
 
-figure.current {
-	background-color: $color-selected;
+	figure {
+		padding: max(0.3rem, 4.8px) 0 0;
+		border-radius: max(0.2rem, 3.2px);
+		margin: 0;
+		text-align: center;
+	}
+	
+	figure.current {
+		background-color: $color-selected;
+	}
+	
+	.thumbnail-caption.current {
+		color: $color-selected !important;
+		font-weight: 900;
+	}
 }
 
-.thumbnail-caption.current {
-	color: $color-selected !important;
-	font-weight: 900;
-}

package/dist/es/src/scss/_transcriptView.scss

@@ -1,201 +1,204 @@
 
-.transcriptionViewComponent {
-	.transcriptContent {
-		padding: 50px 16px;
-		font-size: max(0.9rem, 14.4px);
-		@include md {
-			padding: 5px 16px;
+.editioncrafter {
+
+	.transcriptionViewComponent {
+		.transcriptContent {
+			padding: 50px 16px;
+			font-size: max(0.9rem, 14.4px);
+			@include md {
+				padding: 5px 16px;
+			}
+	
+		  -webkit-user-select: text;
+		  -moz-user-select: text;
+		  -ms-user-select: text;
+		  user-select: text;
+		  //margin-bottom:92px;
+	
+		  figure {
+			  display: inline-flex;
+				flex-direction: column;
+				width: 100%;
+				align-items: center;
+				gap: 6px;
+		  }
+	
+		.block[data-layout='right-middle'] {
+			max-width: 250px;
 		}
-
-	  -webkit-user-select: text;
-	  -moz-user-select: text;
-	  -ms-user-select: text;
-	  user-select: text;
-	  //margin-bottom:92px;
-
-	  figure {
-		  display: inline-flex;
-			flex-direction: column;
-			width: 100%;
-			align-items: center;
-			gap: 6px;
+	
+		.block[data-layout='right-top'] {
+			max-width: 250px;
+		}
+	
+		.block[data-layout='right-bottom'] {
+			max-width: 250px;
+		}
+	
+		// TODO refactor to appropriate TEI element
+		// .ups {
+		// 	background: lightgray;
+		// 	font-size: 14px;
+		// }
+	
+		.x-small-inline-figure {
+			margin: 5px;
+			border: 1px solid gray;
+			width: 30px;
+		}
+	
+		.small-inline-figure {
+			margin: 5px;
+			border: 1px solid gray;
+			width: 60px;
+		}
+	
+		.medium-inline-figure {
+			margin: 5px;
+			border: 1px solid gray;
+			width: 200px;
+		}
+	
+		.large-inline-figure {
+			margin: 5px;
+			border: 1px solid gray;
+			width: 350px;
+		}
+	
+	
+		.surface {
+			grid-area: transcription;
+			margin: 0;
+			padding: 0;
+			list-style: none;
+		}
+	
+		.grid-mode {
+			display: grid;
+			grid-auto-rows: minmax(min-content, 0fr);
+			grid-gap: 2px;
+		}
+	
+		.surface > .small-font {
+			font-size: 11pt;
+		}
+	
+		.surface > div {
+			padding: 10px;
+		}
+	
+		.surface > #z0 {
+			grid-area: z0;
+		}
+	
+		.surface > #z1 {
+			grid-area: z1;
+		}
+	
+		.surface > #z2 {
+			grid-area: z2;
+		}
+	
+		.surface > #z3 {
+			grid-area: z3;
+		}
+	
+		.surface > #z4 {
+			grid-area: z4;
+		}
+	
+		.surface > #z5 {
+			grid-area: z5;
+		}
+	
+		.surface > #z6 {
+			grid-area: z6;
+		}
+	
+		.surface > #z7 {
+			grid-area: z7;
+		}
+	
+		.surface > #z8 {
+			grid-area: z8;
+		}
+	
+		.surface > #z9 {
+			grid-area: z9;
+		}
+	
+		.surface > #z10 {
+			grid-area: z10;
+		}
+	
+		.surface > #z11 {
+			grid-area: z11;
+		}
+	
+		.surface > #z12 {
+			grid-area: z12;
+		}
+	
+		.surface > #z13 {
+			grid-area: z13;
+		}
+	
+		.surface > #z14 {
+			grid-area: z14;
+		}
+	
+		.surface > #z15 {
+			grid-area: z15;
+		}
+	
+		.surface > #z16 {
+			grid-area: z16;
+		}
+	
+		.surface > #z17 {
+			grid-area: z17;
+		}
+	
+		.surface > #z18 {
+			grid-area: z18;
+		}
+	
+		.surface > #z19 {
+			grid-area: z19;
+		}
+	
+		.surface > #z20 {
+			grid-area: z20;
+		}
+		 .highlight {
+			 background-color: yellow;
+		 }
 	  }
-
-	.block[data-layout='right-middle'] {
-		max-width: 250px;
-	}
-
-	.block[data-layout='right-top'] {
-		max-width: 250px;
-	}
-
-	.block[data-layout='right-bottom'] {
-		max-width: 250px;
-	}
-
-	// TODO refactor to appropriate TEI element
-	// .ups {
-	// 	background: lightgray;
-	// 	font-size: 14px;
-	// }
-
-	.x-small-inline-figure {
-		margin: 5px;
-		border: 1px solid gray;
-		width: 30px;
 	}
-
-	.small-inline-figure {
-		margin: 5px;
-		border: 1px solid gray;
-		width: 60px;
+	
+	tei-line {
+		display: block;
 	}
-
-	.medium-inline-figure {
-		margin: 5px;
-		border: 1px solid gray;
-		width: 200px;
+	
+	tei-add {
+		color: blue;
+	  vertical-align: super;
+	  font-size: 10pt;
 	}
-
-	.large-inline-figure {
-		margin: 5px;
-		border: 1px solid gray;
-		width: 350px;
+	
+	.selected-zone {
+		background: #EAF1FD;
+		border-radius: 5px;
 	}
-
-
-	.surface {
-		grid-area: transcription;
-		margin: 0;
-		padding: 0;
-		list-style: none;
+	
+	.editor-comment-content {
+		word-wrap:break-word;
 	}
-
-	.grid-mode {
-		display: grid;
-		grid-auto-rows: minmax(min-content, 0fr);
-		grid-gap: 2px;
-	}
-
-	.surface > .small-font {
-		font-size: 11pt;
+	
+	.inline-image {
+		max-width: 90%;
+		max-height: 360px;
+		margin: auto;
+		text-align: center;
 	}
-
-	.surface > div {
-		padding: 10px;
-	}
-
-	.surface > #z0 {
-		grid-area: z0;
-	}
-
-	.surface > #z1 {
-		grid-area: z1;
-	}
-
-	.surface > #z2 {
-		grid-area: z2;
-	}
-
-	.surface > #z3 {
-		grid-area: z3;
-	}
-
-	.surface > #z4 {
-		grid-area: z4;
-	}
-
-	.surface > #z5 {
-		grid-area: z5;
-	}
-
-	.surface > #z6 {
-		grid-area: z6;
-	}
-
-	.surface > #z7 {
-		grid-area: z7;
-	}
-
-	.surface > #z8 {
-		grid-area: z8;
-	}
-
-	.surface > #z9 {
-		grid-area: z9;
-	}
-
-	.surface > #z10 {
-		grid-area: z10;
-	}
-
-	.surface > #z11 {
-		grid-area: z11;
-	}
-
-	.surface > #z12 {
-		grid-area: z12;
-	}
-
-	.surface > #z13 {
-		grid-area: z13;
-	}
-
-	.surface > #z14 {
-		grid-area: z14;
-	}
-
-	.surface > #z15 {
-		grid-area: z15;
-	}
-
-	.surface > #z16 {
-		grid-area: z16;
-	}
-
-	.surface > #z17 {
-		grid-area: z17;
-	}
-
-	.surface > #z18 {
-		grid-area: z18;
-	}
-
-	.surface > #z19 {
-		grid-area: z19;
-	}
-
-	.surface > #z20 {
-		grid-area: z20;
-	}
-	 .highlight {
-		 background-color: yellow;
-	 }
-  }
-}
-
-tei-line {
-	display: block;
-}
-
-tei-add {
-	color: blue;
-  vertical-align: super;
-  font-size: 10pt;
-}
-
-.selected-zone {
-	background: #EAF1FD;
-	border-radius: 5px;
-}
-
-.editor-comment-content {
-	word-wrap:break-word;
-}
-
-.inline-image {
-	max-width: 90%;
-	max-height: 360px;
-	margin: auto;
-	text-align: center;
 }

package/dist/es/src/scss/_watermark.scss

@@ -1,27 +1,30 @@
 $watermark-size: max(10rem, 160px);
 
-.watermarkContainer .navigationComponent {
-	position: absolute;
-}
-
-.watermark{
-	width:100%;
-	height:100%;
-	margin: calc(50% - (#{$watermark-size}/2)) auto 0 auto;
-}
-.transcriptContent .watermark{
-   margin: calc(50% - (25rem/2)) auto 0 auto;
-}
-
-.watermark_contents{
-	width:$watermark-size;
-	height:$watermark-size;
-	background-image: url("../img/editioncrafterlogo.png");
-	background-size: 100%;
-	background-repeat: no-repeat;
-	margin: auto auto auto auto;
-}
+.editioncrafter {
 
-.third_pane_blank {
-	min-width: 8px;
+	.watermarkContainer .navigationComponent {
+		position: absolute;
+	}
+	
+	.watermark{
+		width:100%;
+		height:100%;
+		margin: calc(50% - (#{$watermark-size}/2)) auto 0 auto;
+	}
+	.transcriptContent .watermark{
+	   margin: calc(50% - (25rem/2)) auto 0 auto;
+	}
+	
+	.watermark_contents{
+		width:$watermark-size;
+		height:$watermark-size;
+		background-image: url("../img/editioncrafterlogo.png");
+		background-size: 100%;
+		background-repeat: no-repeat;
+		margin: auto auto auto auto;
+	}
+	
+	.third_pane_blank {
+		min-width: 8px;
+	}
 }