marko 5.38.31 → 5.38.33

package/dist/node_modules/@internal/components-define-widget-legacy/index-browser.js

@@ -149,7 +149,7 @@ module.exports = function defineWidget(def, renderer) {
   proto.G_ = proto.onDestroy;
   Object.defineProperty(proto, "onDestroy", {
     get: function () {
-      return modernOnDestory;
+      return modernOnDestroy;
     },
     set: function (v) {
       proto.G_ = v;
@@ -178,7 +178,7 @@ module.exports = function defineWidget(def, renderer) {
 
 
 
-      this.destroy = modernOnDestory;
+      this.destroy = modernOnDestroy;
       this.J_ = false;
     }
     this.K_ = true;
@@ -248,7 +248,7 @@ module.exports = function defineWidget(def, renderer) {
     this.N_ = true;
   }
 
-  function modernOnDestory() {
+  function modernOnDestroy() {
     if (this.D_) {
       this.onBeforeDestroy && this.onBeforeDestroy();
       this.G_ && this.G_();

package/dist/runtime/components/renderer.js

@@ -119,7 +119,7 @@ renderingLogic)
     }
 
     if (isServer) {
-      // If we are rendering on the server then things are simplier since
+      // If we are rendering on the server then things are simpler since
       // we don't need to match up the UI component with a previously
       // rendered component already mounted to the DOM. We also create
       // a lightweight ServerComponent

package/dist/translator/taglib/core/index.js

@@ -236,7 +236,7 @@ var translateWhile = _interopRequireWildcard(require("./translate-while"));funct
       autocomplete: [
       {
         description:
-        "The amount to increment during each interation (with from/to)"
+        "The amount to increment during each iteration (with from/to)"
       }]
 
     },

package/dist/translator/taglib/core/transform-style.js

@@ -39,16 +39,16 @@ function _default(tag) {
   }
 
   const [startContent, type = ".css"] = matchedBlock;
-  const codeSartOffset = startContent.length;
+  const codeStartOffset = startContent.length;
   const codeEndOffset = rawValue.lastIndexOf("}");
-  const code = rawValue.slice(codeSartOffset, codeEndOffset);
+  const code = rawValue.slice(codeStartOffset, codeEndOffset);
   const base = _path.default.basename(hub.file.opts.filename);
   const start = (0, _babelUtils.getStart)(hub.file, node.name);
   let startPos = undefined;
   let endPos = undefined;
 
   if (start !== null) {
-    startPos = start + codeSartOffset;
+    startPos = start + codeStartOffset;
     endPos = start + codeEndOffset;
   }
 

package/docs/class-components.md

@@ -335,7 +335,7 @@ The `on-*` attribute syntax attaches an event listener to either a native DOM ev
 
 ### `once-[event](methodName|function, ...args)`
 
-The same as the `on-*` attribut,e except that its listener is only invoked for the first event, and then removed from memory. Please see the [Event handling](#event-handling) section above for more details.
+The same as the `on-*` attribute, except that its listener is only invoked for the first event, and then removed from memory. Please see the [Event handling](#event-handling) section above for more details.
 
 ### `key`
 
@@ -821,10 +821,10 @@ Adds the listener function to the end of the listeners array for the `eventName`
 
 ### `once(eventName, handler)`
 
-| Signature   | Type       | Description                                |
-| ----------- | ---------- | ------------------------------------------ |
-| `eventName` | `String`   | Name of the event to listen for            |
-| `handler`   | `Function` | Tthe function to call when the event fires |
+| Signature   | Type       | Description                               |
+| ----------- | ---------- | ----------------------------------------- |
+| `eventName` | `String`   | Name of the event to listen for           |
+| `handler`   | `Function` | The function to call when the event fires |
 
 Adds a one-time listener function for the `eventName` event. The next time `eventName` triggers, this listener is removed and then invoked.
 

package/docs/troubleshooting-streaming.md

@@ -12,7 +12,7 @@
 
 - Check if “upstream” connections are `keep-alive`: overhead from closing and reopening connections may delay responses.
 
-- For typical modern webpage filesizes, the following bullet points probably won’t matter. But if you want to stream **small chunks of data with the lowest latency**, investigate these sources of buffering:
+- For typical modern webpage file sizes, the following bullet points probably won’t matter. But if you want to stream **small chunks of data with the lowest latency**, investigate these sources of buffering:
   - Automatic gzip/brotli compression may have their buffer sizes set too high; you can tune their buffers to be smaller for faster streaming in exchange for slightly worse compression.
 
   - You can [tune HTTPS record sizes for lower latency, as described in High Performance Browser Networking](https://hpbn.co/transport-layer-security-tls/#optimize-tls-record-size).

package/index.d.ts

@@ -226,7 +226,7 @@ declare global {
       replace(target: ChildNode): this;
       /** Replaces the children of an existing DOM element with the dom for the current instance. */
       replaceChildrenOf(target: ParentNode): this;
-      // /** Called when the component is firsted created. */
+      // /** Called when the component is first created. */
       // onCreate?(input: this["input"], out: Marko.Out): void;
       // /** Called every time the component receives input from it's parent. */
       // onInput?(input: this["input"], out: Marko.Out): void | this["input"];
@@ -246,7 +246,7 @@ declare global {
       createOut(): Out;
 
       /**
-       * The folowing types are processed up by the @marko/language-tools
+       * The following types are processed up by the @marko/language-tools
        * and inlined into the compiled template.
        *
        * This is done to support generics on each of these methods

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "marko",
-  "version": "5.38.31",
+  "version": "5.38.33",
   "description": "UI Components + streaming, async, high performance, HTML templating for Node.js and the browser.",
   "keywords": [
     "front-end",
@@ -69,8 +69,8 @@
     "build": "babel ./src --out-dir ./dist --extensions .js --copy-files --config-file ../../babel.config.js --env-name=production"
   },
   "dependencies": {
-    "@marko/compiler": "^5.39.61",
-    "@marko/runtime-tags": "^6.0.157",
+    "@marko/compiler": "^5.39.62",
+    "@marko/runtime-tags": "^6.0.159",
     "app-module-path": "^2.2.0",
     "argly": "^1.2.0",
     "browser-refresh-client": "1.1.4",

package/src/node_modules/@internal/components-define-widget-legacy/index-browser.js

@@ -149,7 +149,7 @@ module.exports = function defineWidget(def, renderer) {
   proto.___legacyOnDestroy = proto.onDestroy;
   Object.defineProperty(proto, "onDestroy", {
     get: function () {
-      return modernOnDestory;
+      return modernOnDestroy;
     },
     set: function (v) {
       proto.___legacyOnDestroy = v;
@@ -178,7 +178,7 @@ module.exports = function defineWidget(def, renderer) {
         );
       }
 
-      this.destroy = modernOnDestory;
+      this.destroy = modernOnDestroy;
       this.___destroyed = false;
     }
     this.___legacyExplicitUpdate = true;
@@ -248,7 +248,7 @@ module.exports = function defineWidget(def, renderer) {
     this.___didUpdate = true;
   }
 
-  function modernOnDestory() {
+  function modernOnDestroy() {
     if (this.___currentLegacyBindEl) {
       this.onBeforeDestroy && this.onBeforeDestroy();
       this.___legacyOnDestroy && this.___legacyOnDestroy();

package/src/runtime/components/renderer.js

@@ -119,7 +119,7 @@ function createRendererFunc(
     }
 
     if (isServer) {
-      // If we are rendering on the server then things are simplier since
+      // If we are rendering on the server then things are simpler since
       // we don't need to match up the UI component with a previously
       // rendered component already mounted to the DOM. We also create
       // a lightweight ServerComponent

package/src/taglib/index.js

@@ -34,7 +34,7 @@ exports.lookup = {
       // eslint-disable-next-line no-constant-condition
       if ("MARKO_DEBUG") {
         complain(
-          "buildTaglibLookup now requires passing in a transltor as the second argument, eg `buildTaglibLookup(dir, require('marko/translator'))`.",
+          "buildTaglibLookup now requires passing in a translator as the second argument, eg `buildTaglibLookup(dir, require('marko/translator'))`.",
         );
       }
     }

package/src/translator/taglib/core/index.js

@@ -236,7 +236,7 @@ export default {
       autocomplete: [
         {
           description:
-            "The amount to increment during each interation (with from/to)",
+            "The amount to increment during each iteration (with from/to)",
         },
       ],
     },

package/src/translator/taglib/core/transform-style.js

@@ -39,16 +39,16 @@ export default function (tag) {
   }
 
   const [startContent, type = ".css"] = matchedBlock;
-  const codeSartOffset = startContent.length;
+  const codeStartOffset = startContent.length;
   const codeEndOffset = rawValue.lastIndexOf("}");
-  const code = rawValue.slice(codeSartOffset, codeEndOffset);
+  const code = rawValue.slice(codeStartOffset, codeEndOffset);
   const base = path.basename(hub.file.opts.filename);
   const start = getStart(hub.file, node.name);
   let startPos = undefined;
   let endPos = undefined;
 
   if (start !== null) {
-    startPos = start + codeSartOffset;
+    startPos = start + codeStartOffset;
     endPos = start + codeEndOffset;
   }
 

package/tags-html.d.ts

@@ -3632,7 +3632,7 @@ declare global {
       /**
        * Identifies the element (or elements) that labels the current element.
        * @see https://www.w3.org/TR/wai-aria-1.1/#aria-labelledby
-       * @see aria-decribedby
+       * @see aria-describedby
        */
       "aria-labelledby"?: AttrString;
       /**