@pageboard/html 0.10.12 → 0.10.15

package/elements/form.js

@@ -65,7 +65,6 @@ exports.api_form = {
 	icon: '<i class="write icon"></i>',
 	group: 'block form',
 	menu: "form",
-	standalone: true,
 	required: ["action"],
 	$lock: {
 		'data.action.parameters': 'webmaster'

package/lib/nouislider.js

@@ -2,7 +2,7 @@
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
     typeof define === 'function' && define.amd ? define(['exports'], factory) :
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.noUiSlider = {}));
-}(this, (function (exports) { 'use strict';
+})(this, (function (exports) { 'use strict';
 
     exports.PipsMode = void 0;
     (function (PipsMode) {
@@ -127,7 +127,7 @@
                 : doc.body.scrollTop;
         return {
             x: x,
-            y: y
+            y: y,
         };
     }
     // we provide a function to compute constants instead
@@ -140,18 +140,18 @@
             ? {
                 start: "pointerdown",
                 move: "pointermove",
-                end: "pointerup"
+                end: "pointerup",
             }
             : window.navigator.msPointerEnabled
                 ? {
                     start: "MSPointerDown",
                     move: "MSPointerMove",
-                    end: "MSPointerUp"
+                    end: "MSPointerUp",
                 }
                 : {
                     start: "mousedown touchstart",
                     move: "mousemove touchmove",
-                    end: "mouseup touchend"
+                    end: "mouseup touchend",
                 };
     }
     // https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md
@@ -163,7 +163,7 @@
             var opts = Object.defineProperty({}, "passive", {
                 get: function () {
                     supportsPassive = true;
-                }
+                },
             });
             // @ts-ignore
             window.addEventListener("test", null, opts);
@@ -384,18 +384,18 @@
                 stepBefore: {
                     startValue: this.xVal[j - 2],
                     step: this.xNumSteps[j - 2],
-                    highestStep: this.xHighestCompleteStep[j - 2]
+                    highestStep: this.xHighestCompleteStep[j - 2],
                 },
                 thisStep: {
                     startValue: this.xVal[j - 1],
                     step: this.xNumSteps[j - 1],
-                    highestStep: this.xHighestCompleteStep[j - 1]
+                    highestStep: this.xHighestCompleteStep[j - 1],
                 },
                 stepAfter: {
                     startValue: this.xVal[j],
                     step: this.xNumSteps[j],
-                    highestStep: this.xHighestCompleteStep[j]
-                }
+                    highestStep: this.xHighestCompleteStep[j],
+                },
             };
         };
         Spectrum.prototype.countStepDecimals = function () {
@@ -481,7 +481,7 @@
         to: function (value) {
             return value === undefined ? "" : value.toFixed(2);
         },
-        from: Number
+        from: Number,
     };
     var cssClasses = {
         target: "target",
@@ -519,12 +519,12 @@
         valueVertical: "value-vertical",
         valueNormal: "value-normal",
         valueLarge: "value-large",
-        valueSub: "value-sub"
+        valueSub: "value-sub",
     };
     // Namespaces of internal event listeners
     var INTERNAL_EVENT_NS = {
         tooltips: ".__tooltips",
-        aria: ".__aria"
+        aria: ".__aria",
     };
     //endregion
     function testStep(parsed, entry) {
@@ -731,7 +731,7 @@
             fixed: fixed,
             snap: snap,
             hover: hover,
-            unconstrained: unconstrained
+            unconstrained: unconstrained,
         };
     }
     function testTooltips(parsed, entry) {
@@ -817,7 +817,7 @@
             animate: true,
             animationDuration: 300,
             ariaFormat: defaultFormatter,
-            format: defaultFormatter
+            format: defaultFormatter,
         };
         // Tests are executed in the order they are presented here.
         var tests = {
@@ -844,7 +844,7 @@
             documentElement: { r: false, t: testDocumentElement },
             cssPrefix: { r: true, t: testCssPrefix },
             cssClasses: { r: true, t: testCssClasses },
-            handleAttributes: { r: false, t: testHandleAttributes }
+            handleAttributes: { r: false, t: testHandleAttributes },
         };
         var defaults = {
             connect: false,
@@ -856,7 +856,7 @@
             cssClasses: cssClasses,
             keyboardPageMultiplier: 5,
             keyboardMultiplier: 1,
-            keyboardDefaultStep: 10
+            keyboardDefaultStep: 10,
         };
         // AriaFormat defaults to regular format, if any.
         if (options.format && !options.ariaFormat) {
@@ -888,7 +888,7 @@
         // Pips don't move, so we can place them using left/top.
         var styles = [
             ["left", "top"],
-            ["right", "bottom"]
+            ["right", "bottom"],
         ];
         parsed.style = styles[parsed.dir][parsed.ort];
         return parsed;
@@ -1273,7 +1273,7 @@
             var format = pips.format || {
                 to: function (value) {
                     return String(Math.round(value));
-                }
+                },
             };
             scope_Pips = scope_Target.appendChild(addMarking(spread, filter, format));
             return scope_Pips;
@@ -1509,21 +1509,21 @@
                 pageOffset: event.pageOffset,
                 handleNumbers: data.handleNumbers,
                 buttonsProperty: event.buttons,
-                locations: scope_Locations.slice()
+                locations: scope_Locations.slice(),
             });
             var endEvent = attachEvent(actions.end, scope_DocumentElement, eventEnd, {
                 target: event.target,
                 handle: handle,
                 listeners: listeners,
                 doNotReject: true,
-                handleNumbers: data.handleNumbers
+                handleNumbers: data.handleNumbers,
             });
             var outEvent = attachEvent("mouseout", scope_DocumentElement, documentLeave, {
                 target: event.target,
                 handle: handle,
                 listeners: listeners,
                 doNotReject: true,
-                handleNumbers: data.handleNumbers
+                handleNumbers: data.handleNumbers,
             });
             // We want to make sure we pushed the listeners in the listener list rather than creating
             // a new one as it has already been passed to the event handlers.
@@ -1668,7 +1668,7 @@
                     // These events are only bound to the visual handle
                     // element, not the 'real' origin element.
                     attachEvent(actions.start, handle.children[0], eventStart, {
-                        handleNumbers: [index]
+                        handleNumbers: [index],
                     });
                 });
             }
@@ -1679,7 +1679,7 @@
             // Fire hover events
             if (behaviour.hover) {
                 attachEvent(actions.move, scope_Base, eventHover, {
-                    hover: true
+                    hover: true,
                 });
             }
             // Make the range draggable.
@@ -1710,7 +1710,7 @@
                         attachEvent(actions.start, eventHolder, eventStart, {
                             handles: handlesToDrag,
                             handleNumbers: handleNumbersToDrag,
-                            connect: connect
+                            connect: connect,
                         });
                     });
                 });
@@ -2059,7 +2059,7 @@
             if (options.snap) {
                 return [
                     value - nearbySteps.stepBefore.startValue || null,
-                    nearbySteps.stepAfter.startValue - value || null
+                    nearbySteps.stepAfter.startValue - value || null,
                 ];
             }
             // If the next value in this step moves into the next step,
@@ -2118,7 +2118,7 @@
                 "step",
                 "format",
                 "pips",
-                "tooltips"
+                "tooltips",
             ];
             // Only change options that we're actually passed to update.
             updateAble.forEach(function (name) {
@@ -2203,7 +2203,7 @@
             getOrigins: function () {
                 return scope_Handles;
             },
-            pips: pips // Issue #594
+            pips: pips, // Issue #594
         };
         return scope_Self;
     }
@@ -2228,13 +2228,13 @@
         // A reference to the default classes, allows global changes.
         // Use the cssClasses option for changes to one slider.
         cssClasses: cssClasses,
-        create: initialize
+        create: initialize,
     };
 
     exports.create = initialize;
     exports.cssClasses = cssClasses;
-    exports['default'] = nouislider;
+    exports["default"] = nouislider;
 
     Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pageboard/html",
-  "version": "0.10.12",
+  "version": "0.10.15",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -24,7 +24,7 @@
   },
   "devDependencies": {
     "formdata-polyfill": "^4.0.10",
-    "nouislider": "^15.5.0",
+    "nouislider": "^15.5.1",
     "object-fit-images": "^3.2.4",
     "postinstall-bundle": "^0.7.4"
   },

package/ui/card.css

@@ -6,19 +6,19 @@
 	max-width:100%;
 }
 .ui.square > .ui > .image::after {
-	content: '';
+	content: "";
 	display: block;
 	height: 0;
 	padding-bottom: 100%;
 }
 .ui.tall > .ui > .image::after {
-	content: '';
+	content: "";
 	display: block;
 	height: 0;
 	padding-bottom: 150%;
 }
 .ui.wide > .ui > .image::after {
-	content: '';
+	content: "";
 	display: block;
 	height: 0;
 	padding-bottom:50%;
@@ -34,10 +34,10 @@
 	background: #FFFFFF;
 	padding: 0em;
 	border: none;
-	border-radius: 0.28571429rem;
+	border-radius: 0.2857rem;
 	box-shadow: 0px 1px 3px 0px #D4D4D5, 0px 0px 0px 1px #D4D4D5;
 	transition: box-shadow 0.1s ease, transform 0.1s ease;
-	z-index: '';
+	z-index: auto;
 	margin: 0.875em 0.5em;
 	float: none;
 	font-size: 1em;
@@ -67,7 +67,7 @@
 .ui.cards::after,
 .ui.cards > .ui::after {
 	display: block;
-	content: ' ';
+	content: " ";
 	height: 0px;
 	clear: both;
 	overflow: hidden;
@@ -84,14 +84,14 @@
 ---------------*/
 
 .ui.cards > .ui > :first-child {
-	border-radius: 0.28571429rem 0.28571429rem 0em 0em !important;
+	border-radius: 0.2857rem 0.2857rem 0em 0em !important;
 	border-top: none !important;
 }
 .ui.cards > .ui > :last-child {
-	border-radius: 0em 0em 0.28571429rem 0.28571429rem !important;
+	border-radius: 0em 0em 0.2857rem 0.2857rem !important;
 }
 .ui.cards > .ui > :only-child {
-	border-radius: 0.28571429rem !important;
+	border-radius: 0.2857rem !important;
 }
 
 /*--------------
@@ -103,7 +103,7 @@
 	display: block;
 	flex: 0 0 auto;
 	padding: 0em;
-	background: rgba(0, 0, 0, 0.05);
+	background: rgba(0 0 0 / 5%);
 	overflow: hidden;
 }
 .ui.cards > .ui > .image > img {
@@ -123,17 +123,17 @@
 .ui.cards > .ui > .content {
 	flex-grow: 1;
 	border: none;
-	border-top: 1px solid rgba(34, 36, 38, 0.1);
+	border-top: 1px solid rgba(34 36 38 / 10%);
 	background: none;
 	margin: 0em;
-	padding: 1em 1em;
+	padding: 1em;
 	box-shadow: none;
 	font-size: 1em;
 	border-radius: 0em;
 }
 .ui.cards > .ui > .content::after {
 	display: block;
-	content: ' ';
+	content: " ";
 	height: 0px;
 	clear: both;
 	overflow: hidden;
@@ -141,17 +141,17 @@
 }
 .ui.cards > .ui > .content > .header {
 	display: block;
-	margin: '';
-	font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
-	color: rgba(0, 0, 0, 0.85);
+	margin: 0;
+	font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
+	color: rgba(0 0 0 / 85%);
 }
 
 /* Default Header Size */
 .ui.cards > .ui > .content > .header:not(.ui) {
 	font-weight: bold;
-	font-size: 1.28571429em;
-	margin-top: -0.21425em;
-	line-height: 1.28571429em;
+	font-size: 1.2857em;
+	margin-top: -0.2142em;
+	line-height: 1.2857em;
 }
 .ui.cards > .ui > .content > .meta + .description,
 .ui.cards > .ui > .content > .header + .description {
@@ -190,7 +190,7 @@
 .ui.cards > .ui .content img {
 	display: inline-block;
 	vertical-align: middle;
-	width: '';
+	width: "";
 }
 .ui.cards > .ui img.avatar,
 .ui.cards > .ui .avatar img {
@@ -205,7 +205,7 @@
 
 .ui.cards > .ui > .content > .description {
 	clear: both;
-	color: rgba(0, 0, 0, 0.68);
+	color: rgba(0 0 0 / 68%);
 }
 
 /*--------------
@@ -225,7 +225,7 @@
 
 .ui.cards > .ui .meta {
 	font-size: 1em;
-	color: rgba(0, 0, 0, 0.4);
+	color: rgb(0 0 0 / 40%);
 }
 .ui.cards > .ui .meta * {
 	margin-right: 0.3em;
@@ -245,16 +245,16 @@
 
 /* Generic */
 .ui.cards > .ui > .content a:not(.ui) {
-	color: '';
+	color: "";
 	transition: color 0.1s ease;
 }
 .ui.cards > .ui > .content a:not(.ui):hover {
-	color: '';
+	color: "";
 }
 
 /* Header */
 .ui.cards > .ui > .content > a.header {
-	color: rgba(0, 0, 0, 0.85);
+	color: rgb(0 0 0 / 85%);
 }
 .ui.cards > .ui > .content > a.header:hover {
 	color: #1e70bf;
@@ -262,10 +262,10 @@
 
 /* Meta */
 .ui.cards > .ui .meta > a:not(.ui) {
-	color: rgba(0, 0, 0, 0.4);
+	color: rgb(0 0 0 / 40%);
 }
 .ui.cards > .ui .meta > a:not(.ui):hover {
-	color: rgba(0, 0, 0, 0.87);
+	color: rgb(0 0 0 / 87%);
 }
 
 /*--------------
@@ -283,7 +283,7 @@
 ---------------*/
 
 .ui.cards > .ui .dimmer {
-	background-color: '';
+	background-color: "";
 	z-index: 10;
 }
 
@@ -298,11 +298,11 @@
 /* Icon */
 .ui.cards > .ui > .content .star.icon {
 	cursor: pointer;
-	opacity: 0.75;
+	opacity: 75%;
 	transition: color 0.1s ease;
 }
 .ui.cards > .ui > .content .star.icon:hover {
-	opacity: 1;
+	opacity: 100%;
 	color: #FFB70A;
 }
 .ui.cards > .ui > .content .active.star.icon {
@@ -315,11 +315,11 @@
 /* Icon */
 .ui.cards > .ui > .content .like.icon {
 	cursor: pointer;
-	opacity: 0.75;
+	opacity: 75%;
 	transition: color 0.1s ease;
 }
 .ui.cards > .ui > .content .like.icon:hover {
-	opacity: 1;
+	opacity: 100%;
 	color: #FF2733;
 }
 .ui.cards > .ui > .content .active.like.icon {
@@ -334,20 +334,20 @@
 	max-width: 100%;
 	min-height: 0em !important;
 	flex-grow: 0;
-	border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
+	border-top: 1px solid rgb(0 0 0 / 5%) !important;
 	position: static;
 	background: none;
 	width: auto;
-	margin: 0em 0em;
+	margin: 0em;
 	padding: 0.75em 1em;
 	top: 0em;
 	left: 0em;
-	color: rgba(0, 0, 0, 0.4);
+	color: rgb(0 0 0 / 40%);
 	box-shadow: none;
 	transition: color 0.1s ease;
 }
 .ui.cards > .ui > .extra a:not(.ui) {
-	color: rgba(0, 0, 0, 0.4);
+	color: rgb(0 0 0 / 40%);
 }
 .ui.cards > .ui > .extra a:not(.ui):hover {
 	color: #1e70bf;
@@ -364,11 +364,11 @@
 --------------------*/
 
 .ui.raised.cards > .ui {
-	box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
+	box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgb(34 36 38 / 12%), 0px 2px 10px 0px rgb(34 36 38 / 15%);
 }
 .ui.raised.cards > a.ui:hover,
 .ui.link.cards > .raised.ui:hover {
-	box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.15), 0px 2px 10px 0px rgba(34, 36, 38, 0.25);
+	box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgb(34 36 38 / 15%), 0px 2px 10px 0px rgb(34 36 38 / 25%);
 }
 
 /*-------------------
@@ -434,7 +434,7 @@
 	margin-right: -1em;
 }
 .ui.three.cards > .ui {
-	width: calc(33.33333333% - 2em);
+	width: calc(33.3333% - 2em);
 	margin-left: 1em;
 	margin-right: 1em;
 }
@@ -461,7 +461,7 @@
 	margin-right: -0.75em;
 }
 .ui.six.cards > .ui {
-	width: calc(16.66666667% - 1.5em);
+	width: calc(16.6667% - 1.5em);
 	margin-left: 0.75em;
 	margin-right: 0.75em;
 }
@@ -470,7 +470,7 @@
 	margin-right: -0.5em;
 }
 .ui.seven.cards > .ui {
-	width: calc(14.28571429% - 1em);
+	width: calc(14.2857% - 1em);
 	margin-left: 0.5em;
 	margin-right: 0.5em;
 }
@@ -489,7 +489,7 @@
 	margin-right: -0.5em;
 }
 .ui.nine.cards > .ui {
-	width: calc(11.11111111% - 1em);
+	width: calc(11.1111% - 1em);
 	margin-left: 0.5em;
 	margin-right: 0.5em;
 	font-size: 10px;
@@ -561,7 +561,7 @@
 		margin-right: -1em;
 	}
 	.ui.seven.doubling.cards > .ui {
-		width: calc(33.33333333% - 2em);
+		width: calc(33.3333% - 2em);
 		margin-left: 1em;
 		margin-right: 1em;
 	}
@@ -570,7 +570,7 @@
 		margin-right: -1em;
 	}
 	.ui.eight.doubling.cards > .ui {
-		width: calc(33.33333333% - 2em);
+		width: calc(33.3333% - 2em);
 		margin-left: 1em;
 		margin-right: 1em;
 	}
@@ -579,7 +579,7 @@
 		margin-right: -1em;
 	}
 	.ui.nine.doubling.cards > .ui {
-		width: calc(33.33333333% - 2em);
+		width: calc(33.3333% - 2em);
 		margin-left: 1em;
 		margin-right: 1em;
 	}
@@ -588,7 +588,7 @@
 		margin-right: -1em;
 	}
 	.ui.ten.doubling.cards > .ui {
-		width: calc(33.33333333% - 2em);
+		width: calc(33.3333% - 2em);
 		margin-left: 1em;
 		margin-right: 1em;
 	}
@@ -628,7 +628,7 @@
 		margin-right: -1em;
 	}
 	.ui.five.doubling.cards > .ui {
-		width: calc(33.33333333% - 2em);
+		width: calc(33.3333% - 2em);
 		margin-left: 1em;
 		margin-right: 1em;
 	}
@@ -637,7 +637,7 @@
 		margin-right: -1em;
 	}
 	.ui.six.doubling.cards > .ui {
-		width: calc(33.33333333% - 2em);
+		width: calc(33.3333% - 2em);
 		margin-left: 1em;
 		margin-right: 1em;
 	}
@@ -684,7 +684,7 @@
 	.ui.stackable.cards > .ui {
 		display: block !important;
 		height: auto !important;
-		margin: 1em 1em;
+		margin: 1em;
 		padding: 0 !important;
 		width: calc(100% - 2em) !important;
 	}

package/ui/form.css

@@ -3,20 +3,11 @@ fieldset.plain {
 	padding-right:0;
 	padding-left:0;
 }
-textarea::-webkit-selection,
-input::-webkit-selection {
-	background-color: rgba(100, 100, 100, 0.4);
-	color: rgba(0, 0, 0, 0.87);
-}
-textarea::-moz-selection,
-input::-moz-selection {
-	background-color: rgba(100, 100, 100, 0.4);
-	color: rgba(0, 0, 0, 0.87);
-}
+
 textarea::selection,
 input::selection {
-	background-color: rgba(100, 100, 100, 0.4);
-	color: rgba(0, 0, 0, 0.87);
+	background-color: rgb(100 100 100 / 40%);
+	color: rgb(0 0 0 / 87%);
 }
 
 label[for] {