js-draw 1.21.3 → 1.23.1

package/src/toolbar/widgets/PenToolWidget.scss

@@ -1,5 +1,3 @@
-
-
 // Repeat selector for extra specificity
 :root .toolbar--pen-tool-toggle-buttons.toolbar--pen-tool-toggle-buttons {
 	display: flex;

package/src/toolbar/widgets/SelectionToolWidget.scss

@@ -1,6 +1,5 @@
-
 .selection-format-menu {
 	&.disabled {
 		opacity: 0.5;
 	}
-}
+}

package/src/toolbar/widgets/components/components.scss

@@ -1,6 +1,6 @@
-@use "./makeThicknessSlider.scss";
-@use "./makeColorInput.scss";
-@use "./makeSeparator.scss";
-@use "./makeFileInput.scss";
-@use "./makeGridSelector.scss";
-@use "./makeSnappedList.scss";
+@use './makeThicknessSlider.scss';
+@use './makeColorInput.scss';
+@use './makeSeparator.scss';
+@use './makeFileInput.scss';
+@use './makeGridSelector.scss';
+@use './makeSnappedList.scss';

package/src/toolbar/widgets/components/makeColorInput.scss

@@ -1,4 +1,3 @@
-
 /* Make color selection buttons fill their containing label */
 .toolbar-element .clr-field {
 	* {
@@ -94,4 +93,3 @@ $pipette-button-size: 30px;
 		opacity: 0.8;
 	}
 }
-

package/src/toolbar/widgets/components/makeFileInput.scss

@@ -1,4 +1,3 @@
-
 .toolbar-element .toolbar--file-input-container {
 	display: flex;
 
@@ -33,9 +32,7 @@
 		// Default border color if color-mix is not supported
 		--active-border-color: rgba(100, 100, 100, 0.5);
 
-		--active-border-color: color-mix(
-			in srgb, var(--foreground-color-1), transparent
-		);
+		--active-border-color: color-mix(in srgb, var(--foreground-color-1), transparent);
 
 		.cancel-button {
 			padding-left: 3px;
@@ -79,8 +76,9 @@
 			}
 		}
 
-
-		&:active, &:hover, &.drag-target {
+		&:active,
+		&:hover,
+		&.drag-target {
 			--active-border-color: var(--foreground-color-1);
 		}
 
@@ -88,4 +86,4 @@
 			border-width: 2px;
 		}
 	}
-}
+}

package/src/toolbar/widgets/components/makeGridSelector.scss

@@ -1,14 +1,13 @@
-
 .toolbar-grid-selector {
 	position: relative;
 
 	& > div {
 		display: flex;
 		flex-direction: row;
-	
+
 		max-width: 350px;
 		flex-wrap: wrap;
-	
+
 		--button-size: 48px;
 	}
 
@@ -17,7 +16,7 @@
 		flex-direction: column-reverse;
 		box-sizing: border-box;
 		cursor: pointer;
-	
+
 		flex-shrink: 1;
 		margin: 2px;
 
@@ -35,10 +34,10 @@
 			display: flex;
 			flex-direction: column;
 			box-sizing: border-box;
-		
+
 			width: var(--button-size);
 			height: var(--button-size);
-		
+
 			font-size: 0.7rem;
 			align-items: center;
 			justify-content: center;
@@ -54,13 +53,11 @@
 			flex-shrink: 1;
 			width: 100%;
 		}
-		
+
 		&.checked {
 			background-color: var(--selection-background-color);
 			color: var(--selection-foreground-color);
 			--icon-color: var(--selection-foreground-color);
 		}
 	}
-	
-
 }

package/src/toolbar/widgets/components/makeSnappedList.scss

@@ -1,4 +1,3 @@
-
 // Repeat for specificity.
 // TODO(v2): Refactor everything to use RCSS.
 :root .toolbar-snapped-scroll-list.toolbar-snapped-scroll-list.toolbar-snapped-scroll-list {
@@ -21,11 +20,11 @@
 			height: 100%;
 			width: 100%;
 			flex-shrink: 0;
-	
+
 			display: flex;
 			justify-content: center;
 			align-items: center;
-	
+
 			scroll-snap-align: start;
 			scroll-snap-stop: always;
 			box-sizing: border-box;
@@ -71,4 +70,4 @@
 			}
 		}
 	}
-}
+}

package/src/toolbar/widgets/components/makeThicknessSlider.scss

@@ -1,4 +1,3 @@
-
 .toolbar-thicknessSliderContainer {
 	display: flex;
 	flex-direction: row;
@@ -6,4 +5,4 @@
 	input {
 		flex-grow: 1;
 	}
-}
+}

package/src/toolbar/widgets/widgets.scss

@@ -1,7 +1,7 @@
-@use "./InsertImageWidget/InsertImageWidget.scss";
-@use "./OverflowWidget.css";
-@use "./PenToolWidget.scss";
-@use "./HandToolWidget.scss";
-@use "./SelectionToolWidget.scss";
-@use "./DocumentPropertiesWidget.scss";
-@use "./components/components.scss";
+@use './InsertImageWidget/InsertImageWidget.scss';
+@use './OverflowWidget.css';
+@use './PenToolWidget.scss';
+@use './HandToolWidget.scss';
+@use './SelectionToolWidget.scss';
+@use './DocumentPropertiesWidget.scss';
+@use './components/components.scss';

package/src/tools/FindTool.css

@@ -1,7 +1,6 @@
-
 .find-tool-overlay {
 	/* Show at the bottom of the screen. */
 	order: -1;
 
 	position: absolute;
-}
+}

package/src/tools/ScrollbarTool.scss

@@ -1,4 +1,3 @@
-
 .ScrollbarTool-overlay {
 	width: 0;
 	height: 0;
@@ -15,8 +14,12 @@
 	}
 
 	@keyframes fade-out {
-		from { opacity: $visible-opacity; }
-		to { opacity: 0; }
+		from {
+			opacity: $visible-opacity;
+		}
+		to {
+			opacity: 0;
+		}
 	}
 
 	&:not(.just-updated) {
@@ -26,7 +29,8 @@
 
 	--scrollbar-size: 3px;
 
-	.vertical-scrollbar, .horizontal-scrollbar {
+	.vertical-scrollbar,
+	.horizontal-scrollbar {
 		width: var(--scrollbar-size);
 		height: var(--scrollbar-size);
 
@@ -48,7 +52,7 @@
 			margin-left: calc(var(--editor-current-display-width-px) - var(--scrollbar-size));
 		}
 	}
-	
+
 	&:not(.scrollbar-top) {
 		.horizontal-scrollbar {
 			margin-top: calc(var(--editor-current-display-height-px) - var(--scrollbar-size));

package/src/tools/SelectionTool/SelectionTool.scss

@@ -1,4 +1,4 @@
-@use "./util/makeClipboardErrorHandlers.scss";
+@use './util/makeClipboardErrorHandlers.scss';
 
 .selection-tool-selection-background {
 	background-color: var(--selection-background-color);
@@ -93,7 +93,8 @@
 		padding: 3px;
 		opacity: 0.8;
 
-		&:hover, &:focus-visible {
+		&:hover,
+		&:focus-visible {
 			background-color: var(--background-color-2);
 			color: var(--foreground-color-2);
 			cursor: pointer;
@@ -120,7 +121,8 @@
 	//
 	// This is in addition to the overlay container, which needs zero height to prevent
 	// other overlay containers from being affected by its size.
-	&, .selection-tool-selection-outer-container {
+	&,
+	.selection-tool-selection-outer-container {
 		height: 0;
 		overflow: visible;
 	}
@@ -153,13 +155,19 @@
 }
 
 @keyframes selection-duplicated-animation {
-	0% { scale: 1 1; }
-	50% { scale: 1.02 1.02; }
-	100% { scale: 1 1; }
+	0% {
+		scale: 1 1;
+	}
+	50% {
+		scale: 1.02 1.02;
+	}
+	100% {
+		scale: 1 1;
+	}
 }
 
 /* Do not run the animation when the user has disabled motion animations. */
 @media (prefers-reduced-motion: reduce) {
 	@keyframes selection-duplicated-animation {
 	}
-}
+}

package/src/tools/SelectionTool/util/makeClipboardErrorHandlers.scss

@@ -1,4 +1,3 @@
-
 .clipboard-error-dialog {
 	details > summary {
 		cursor: pointer;
@@ -12,4 +11,4 @@
 		width: 100%;
 		box-sizing: border-box;
 	}
-}
+}

package/src/tools/SoundUITool.scss

@@ -1,18 +1,18 @@
-
 .js-draw-sound-ui-toggle {
 	width: 0px;
 	height: 0px;
-	overflow: hidden;  
+	overflow: hidden;
 
 	user-select: none;
-	-webkit-user-select: none;  
+	-webkit-user-select: none;
 }
 
 .js-draw-sound-ui-toggle button {
 	margin-top: 1px;
 }
 
-.js-draw-sound-ui-toggle:focus-within, .js-draw-sound-ui-toggle.sound-ui-tool-enabled {
+.js-draw-sound-ui-toggle:focus-within,
+.js-draw-sound-ui-toggle.sound-ui-tool-enabled {
 	overflow: visible;
 	z-index: 5;
 }

package/src/tools/tools.scss

@@ -1,6 +1,5 @@
-
-@use "./ScrollbarTool.scss";
-@use "./SelectionTool/SelectionTool.scss";
-@use "./FindTool.css";
-@use "./SoundUITool.scss";
-@use "./util/createMenuOverlay.scss";
+@use './ScrollbarTool.scss';
+@use './SelectionTool/SelectionTool.scss';
+@use './FindTool.css';
+@use './SoundUITool.scss';
+@use './util/createMenuOverlay.scss';

package/src/tools/util/createMenuOverlay.scss

@@ -1,7 +1,10 @@
-
 @keyframes show-popup-menu-animation {
-	from { opacity: 0; }
-	to { opacity: 1; }
+	from {
+		opacity: 0;
+	}
+	to {
+		opacity: 1;
+	}
 }
 
 .editor-popup-menu {
@@ -41,6 +44,8 @@
 	justify-content: start;
 	cursor: pointer;
 	padding: 5px;
+	padding-top: 6px;
+	padding-bottom: 6px;
 
 	background-color: var(--background-color-1);
 	color: var(--foreground-color-1);
@@ -49,7 +54,8 @@
 	border: none;
 	font-size: 1em;
 
-	&:hover, &:focus-visible {
+	&:hover,
+	&:focus-visible {
 		background-color: var(--background-color-2);
 		color: var(--foreground-color-2);
 	}

package/tsconfig.json

@@ -1,7 +1,5 @@
 {
 	"extends": "../../tsconfig.json",
 
-	"include": [
-		"src/**/*.ts",
-	]
+	"include": ["src/**/*.ts"]
 }

package/typedoc.json

@@ -1,4 +1,4 @@
 {
 	"extends": ["../../typedoc.base.json"],
 	"entryPoints": ["./src/lib.ts"]
-}
+}