fix: add more presentation attributes to SVG (#2687)

Author: LuLaValva

.changeset/happy-toes-beam.md

@@ -0,0 +1,5 @@
+---
+"@marko/runtime-tags": patch
+---
+
+Correct SVG types

.sizes.json

@@ -7,8 +7,8 @@
     {
       "name": "*",
       "total": {
-        "min": 19073,
-        "brotli": 7240
+        "min": 19069,
+        "brotli": 7258
       }
     },
     {
@@ -18,57 +18,57 @@
         "brotli": 145
       },
       "runtime": {
-        "min": 3892,
-        "brotli": 1730
+        "min": 3886,
+        "brotli": 1718
       },
       "total": {
-        "min": 4082,
-        "brotli": 1875
+        "min": 4076,
+        "brotli": 1863
       }
     },
     {
       "name": "counter 💧",
       "user": {
         "min": 112,
-        "brotli": 100
+        "brotli": 98
       },
       "runtime": {
-        "min": 2188,
-        "brotli": 1157
+        "min": 2180,
+        "brotli": 1142
       },
       "total": {
-        "min": 2300,
-        "brotli": 1257
+        "min": 2292,
+        "brotli": 1240
       }
     },
     {
       "name": "comments",
       "user": {
-        "min": 915,
-        "brotli": 464
+        "min": 917,
+        "brotli": 458
       },
       "runtime": {
-        "min": 6958,
-        "brotli": 2980
+        "min": 6953,
+        "brotli": 2970
       },
       "total": {
-        "min": 7873,
-        "brotli": 3444
+        "min": 7870,
+        "brotli": 3428
       }
     },
     {
       "name": "comments 💧",
       "user": {
-        "min": 145,
-        "brotli": 128
+        "min": 146,
+        "brotli": 119
       },
       "runtime": {
-        "min": 2354,
-        "brotli": 1199
+        "min": 2347,
+        "brotli": 1196
       },
       "total": {
-        "min": 2499,
-        "brotli": 1327
+        "min": 2493,
+        "brotli": 1315
       }
     }
   ]

.sizes/comments.csr/entry.js

@@ -1,4 +1,4 @@
-// size: 915 (min) 464 (brotli)
+// size: 917 (min) 458 (brotli)
 const $setup$if$content = ($scope) => {
     $scope[0], $comment_comments$if$content._($scope), $id$if$content._($scope);
   },

.sizes/comments.ssr/entry.js

@@ -1,4 +1,4 @@
-// size: 145 (min) 128 (brotli)
+// size: 146 (min) 119 (brotli)
 const $open$for$content_effect = effect("a0", ($scope, { 12: open }) =>
     on($scope[2], "click", function () {
       $open$for$content($scope, !open);

.sizes/counter.ssr/entry.js

@@ -1,4 +1,4 @@
-// size: 112 (min) 100 (brotli)
+// size: 112 (min) 98 (brotli)
 const $clickCount_effect = effect("a0", ($scope, { 2: clickCount }) =>
     on($scope[0], "click", function () {
       $clickCount($scope, clickCount + 1);

.sizes/dom.js

@@ -1,4 +1,4 @@
-// size: 19073 (min) 7240 (brotli)
+// size: 19069 (min) 7258 (brotli)
 var empty = [],
   rest = Symbol();
 function attrTag(attrs2) {

.sizes/name-cache.json

@@ -1 +1 @@
-{"vars":{"props":{"$empty":"e","$rest":"t","$attrTag":"n","$attrTags":"r","$attrTagIterator":"l","$forIn":"o","$forOf":"i","$forTo":"u","$stringifyClassObject":"f","$stringifyStyleObject":"a","$toDelimitedString":"c","$isEventHandler":"s","$getEventHandlerName":"d","$normalizeDynamicRenderer":"h","$defaultDelegator":"g","$on":"p","$createDelegator":"v","$handleDelegated":"b","$stripSpacesAndPunctuation":"m","$isResuming":"y","$registeredValues":"k","$init":"w","$register":"C","$registerBoundSignal":"N","$nodeRef":"S","$controllable_input_checked":"A","$controllable_input_checked_effect":"x","$controllable_input_checkedValue":"_","$controllable_input_checkedValue_effect":"$","$controllable_input_value":"I","$controllable_input_value_effect":"M","$controllable_select_value":"j","$controllable_select_value_effect":"E","$setSelectOptions":"T","$controllable_detailsOrDialog_open":"R","$controllable_detailsOrDialog_open_effect":"q","$inputType":"B","$setValueAndUpdateSelection":"L","$setCheckboxValue":"O","$controllableDelegate":"D","$syncControllable":"V","$handleChange":"F","$handleFormReset":"U","$hasValueChanged":"W","$hasCheckboxChanged":"z","$hasSelectChanged":"G","$hasFormElementChanged":"P","$normalizeStrProp":"H","$normalizeBoolProp":"J","$toValueProp":"K","$parsers":"X","$parseHTML":"Z","$attr":"Q","$setAttribute":"Y","$classAttr":"ee","$styleAttr":"te","$data":"ne","$textContent":"re","$attrs":"le","$hasAttrAlias":"oe","$partialAttrs":"ie","$attrsInternal":"ue","$attrsEvents":"fe","$html":"ae","$props":"ce","$normalizeAttrValue":"se","$normalizeString":"de","$lifecycle":"he","$removeChildNodes":"ge","$insertChildNodes":"pe","$toInsertNode":"ve","$pendingScopes":"be","$createScope":"me","$skipScope":"ye","$findBranchWithKey":"ke","$destroyBranch":"we","$destroyNestedBranches":"Ce","$removeAndDestroyBranch":"Ne","$insertBranchBefore":"Se","$tempDetachBranch":"Ae","$walker":"xe","$walk":"_e","$walkInternal":"$e","$createBranch":"Ie","$createAndSetupBranch":"Me","$setupBranch":"je","$createContent":"Ee","$registerContent":"Te","$createRenderer":"Re","$isScheduled":"qe","$cloneCache":"Be","$port2":"Le","$schedule":"Oe","$flushAndWaitFrame":"De","$triggerMacroTask":"Ve","$state":"Fe","$value":"Ue","$intersection":"We","$loopClosure":"ze","$conditionalClosure":"Ge","$subscribeToScopeSet":"Pe","$dynamicClosure":"He","$dynamicClosureRead":"Je","$closure":"Ke","$setTagVar":"Xe","$tagVarSignal":"Ze","$setTagVarChange":"Qe","$tagVarSignalChange":"Ye","$tagIdsByGlobal":"et","$nextTagId":"tt","$effect":"nt","$traverseAllHoisted":"rt","$hoist":"lt","$awaitTag":"ot","$createTry":"it","$renderCatch":"ut","$conditional":"ft","$dynamicTag":"at","$setConditionalRenderer":"ct","$loopOf":"st","$loopIn":"dt","$loopTo":"ht","$loop":"gt","$createBranchWithTagNameOrRenderer":"pt","$bySecondArg":"vt","$byFirstArg":"bt","$rendering":"mt","$pendingRenders":"yt","$pendingRendersLookup":"kt","$caughtError":"wt","$placeholderShown":"Ct","$pendingEffects":"Nt","$scopeKeyOffset":"St","$queueRender":"At","$queueEffect":"xt","$run":"_t","$prepareEffects":"$t","$runEffects":"It","$runRenders":"Mt","$runRender":"jt","$enableCatch":"Et","$resetAbortSignal":"Tt","$getAbortSignal":"Rt","$abort":"qt","$classIdToBranch":"Bt","$compat":"Lt","$createTemplate":"Ot","$mount":"Dt","$$clickCount_effect":"Jt","$$clickCount":"Wt","$$setup":"zt","$$expr_comment_comments_id$if$content":"ss","$$id$if$content":"ts","$$comment_comments$if$content":"as","$$if_content":"ns","$$expr_input_path_i$for$content":"os","$$if$for$content":"cs","$$open$for$content_effect":"ms","$$open$for$content":"is","$$id$for$content":"ls","$$i$for$content":"us","$$comment_comments$for$content":"es","$$comment_text$for$content":"bs","$$comment$for$content":"ps","$$params2$for$content":"hs","$$input_path$for$content":"_s","$$for":"ds","$$input_path":"fs","$$input_comments":"rs","$$input$1":"Cs","$normalizeStyleProperty":"Vt","$classItem":"Ft","$styleItem":"Ut","$styleItemWithPx":"Pt","$styleItemValue":"Gt","$classItems":"Ht","$styleItems":"Kt","$classValue":"Xt","$styleValue":"Zt","$mapAndJoin":"Qt","$updateList":"Yt","$port1":"en","$channel":"tn","$afterMacroTask":"nn","$onMessage":"rn","$branchesEnabled":"ln","$enableBranches":"on","$$setup$if$content":"Ds","$$setup$for$content":"$s","$localClosure":"un","$localClosureValue":"fn","$localClosures":"an"}}}
+{"vars":{"props":{"$empty":"e","$rest":"t","$attrTag":"n","$attrTags":"r","$attrTagIterator":"l","$forIn":"o","$forOf":"i","$forTo":"u","$stringifyClassObject":"f","$stringifyStyleObject":"a","$toDelimitedString":"c","$isEventHandler":"s","$getEventHandlerName":"d","$normalizeDynamicRenderer":"h","$defaultDelegator":"g","$on":"p","$createDelegator":"v","$handleDelegated":"b","$stripSpacesAndPunctuation":"m","$branchesEnabled":"y","$isResuming":"k","$registeredValues":"C","$enableBranches":"N","$init":"w","$register":"A","$registerBoundSignal":"S","$nodeRef":"x","$controllable_input_checked":"_","$controllable_input_checked_effect":"M","$controllable_input_checkedValue":"I","$controllable_input_checkedValue_effect":"$","$controllable_input_value":"j","$controllable_input_value_effect":"E","$controllable_select_value":"T","$controllable_select_value_effect":"L","$setSelectOptions":"O","$controllable_detailsOrDialog_open":"R","$controllable_detailsOrDialog_open_effect":"q","$inputType":"B","$setValueAndUpdateSelection":"D","$setCheckboxValue":"V","$controllableDelegate":"F","$syncControllable":"U","$handleChange":"W","$handleFormReset":"P","$hasValueChanged":"z","$hasCheckboxChanged":"G","$hasSelectChanged":"H","$hasFormElementChanged":"J","$normalizeStrProp":"K","$normalizeBoolProp":"X","$toValueProp":"Z","$isScheduled":"Q","$channel":"Y","$parsers":"ee","$parseHTML":"te","$attr":"ne","$setAttribute":"re","$classAttr":"le","$classItems":"oe","$classItem":"ie","$styleAttr":"ue","$styleItems":"fe","$styleItem":"ae","$data":"ce","$textContent":"se","$attrs":"de","$hasAttrAlias":"he","$partialAttrs":"ge","$attrsInternal":"pe","$attrsEvents":"ve","$html":"be","$props":"me","$normalizeAttrValue":"ye","$normalizeString":"ke","$lifecycle":"Ce","$removeChildNodes":"Ne","$insertChildNodes":"we","$toInsertNode":"Ae","$createScope":"Se","$skipScope":"xe","$findBranchWithKey":"_e","$destroyBranch":"Me","$destroyNestedBranches":"Ie","$removeAndDestroyBranch":"$e","$insertBranchBefore":"je","$tempDetachBranch":"Ee","$schedule":"Te","$flushAndWaitFrame":"Le","$triggerMacroTask":"Oe","$state":"Re","$value":"qe","$intersection":"Be","$loopClosure":"De","$conditionalClosure":"Ve","$subscribeToScopeSet":"Fe","$dynamicClosure":"Ue","$dynamicClosureRead":"We","$closure":"Pe","$setTagVar":"ze","$tagVarSignal":"Ge","$setTagVarChange":"He","$tagVarSignalChange":"Je","$tagIdsByGlobal":"Ke","$nextTagId":"Xe","$effect":"Ze","$traverseAllHoisted":"Qe","$hoist":"Ye","$walker":"et","$walk":"tt","$walkInternal":"nt","$createBranch":"rt","$createAndSetupBranch":"lt","$setupBranch":"ot","$createContent":"it","$registerContent":"ut","$localClosures":"ft","$createRenderer":"at","$cloneCache":"ct","$awaitTag":"st","$createTry":"dt","$renderCatch":"ht","$conditional":"gt","$dynamicTag":"pt","$setConditionalRenderer":"vt","$loopOf":"bt","$loopIn":"mt","$loopTo":"yt","$loop":"kt","$createBranchWithTagNameOrRenderer":"Ct","$bySecondArg":"Nt","$byFirstArg":"wt","$rendering":"At","$pendingRenders":"St","$pendingRendersLookup":"xt","$caughtError":"_t","$placeholderShown":"Mt","$pendingEffects":"It","$pendingScopes":"$t","$scopeKeyOffset":"jt","$queueRender":"Et","$queueEffect":"Tt","$run":"Lt","$prepareEffects":"Ot","$runEffects":"Rt","$runRenders":"qt","$runRender":"Bt","$enableCatch":"Dt","$resetAbortSignal":"Vt","$getAbortSignal":"Ft","$abort":"Ut","$classIdToBranch":"Wt","$compat":"Pt","$createTemplate":"zt","$mount":"Gt","$$clickCount_effect":"Zt","$$clickCount":"Ht","$$setup":"Jt","$$setup$if$content":"ss","$$expr_comment_comments_id$if$content":"ts","$$comment_comments$if$content":"as","$$id$if$content":"ns","$$if_content":"os","$$id$for$content":"cs","$$expr_input_path_i$for$content":"ms","$$input_path$for$content":"is","$$i$for$content":"ls","$$open$for$content_effect":"us","$$open$for$content":"es","$$setup$for$content":"bs","$$comment_text$for$content":"ps","$$if$for$content":"hs","$$comment_comments$for$content":"_s","$$params2$for$content":"ds","$$comment$for$content":"fs","$$for":"rs","$$input_comments":"gs","$$input$1":"$s","$$input_path":"js"}}}

packages/runtime-tags/tags-html.d.ts

@@ -2653,11 +2653,6 @@ declare global {
          */
         externalResourcesRequired?: AttrBooleanString;
 
-        /**
-         * @see https://www.w3.org/TR/2011/REC-SVG11-20110816/coords.html#TransformAttribute
-         */
-        transform?: AttrString;
-
         /**
          * @see https://www.w3.org/TR/css-masking-1/#element-attrdef-clippath-clippathunits
          */
@@ -3822,11 +3817,6 @@ declare global {
          */
         zoomAndPan?: AttrMissing | "disable" | "magnify";
 
-        /**
-         * @see https://www.w3.org/TR/SVG2/coords.html#TransformProperty
-         */
-        transform?: AttrString;
-
         /**
          * @see https://www.w3.org/TR/SVG2/geometry.html#XProperty
          */
@@ -4476,6 +4466,7 @@ declare global {
       mask?: AttrMissing | csstype.Property.Mask;
       opacity?: AttrMissing | csstype.Property.Opacity | number;
       overflow?: AttrMissing | csstype.Property.Overflow;
+      "paint-order"?: AttrMissing | csstype.Property.PaintOrder;
       "pointer-events"?: AttrMissing | csstype.Property.PointerEvents;
       "shape-rendering"?: AttrMissing | csstype.Property.ShapeRendering;
       "stop-color"?: AttrMissing | csstype.Property.StopColor;
@@ -4500,7 +4491,9 @@ declare global {
       "text-anchor"?: AttrMissing | csstype.Property.TextAnchor;
       "text-decoration"?: AttrMissing | csstype.Property.TextDecoration;
       "text-rendering"?: AttrMissing | csstype.Property.TextRendering;
+      transform?: AttrMissing | csstype.Property.Transform;
       "unicode-bidi"?: AttrMissing | csstype.Property.UnicodeBidi;
+      "vector-effect"?: AttrMissing | csstype.Property.VectorEffect;
       visibility?: AttrMissing | csstype.Property.Visibility;
       "word-spacing"?: AttrMissing | csstype.Property.WordSpacing | number;
       "writing-mode"?: AttrMissing | csstype.Property.WritingMode;