feat(pat display time): Acquire language from the DOM tree instead only the HTML node if the language is not configured.

Author: thet

src/pat/display-time/display-time.js

@@ -1,6 +1,7 @@
 import "regenerator-runtime/runtime"; // needed for ``await`` support
 import Base from "../../core/base";
 import Parser from "../../core/parser";
+import dom from "../../core/dom";
 import logging from "../../core/logging";
 
 // Lazy loading modules.
@@ -27,7 +28,7 @@ export default Base.extend({
 
         this.options = parser.parse(this.el, this.options);
 
-        let lang = this.options.locale || document.querySelector("html").lang || "en";
+        let lang = this.options.locale || dom.acquire_attribute(this.el, "lang") || "en";
         // we don't support any country-specific language variants, always use first 2 letters
         lang = lang.substr(0, 2).toLowerCase();
         try {

src/pat/display-time/display-time.test.js

@@ -59,6 +59,24 @@ describe("pat-display-time tests", () => {
         expect(el.textContent).toBe("April Donnerstag 22. 2021, 4:00:00");
     });
 
+    it("Example setting the output format in German due containment in German container", async () => {
+        document.body.innerHTML = `
+          <section lang="de">
+              <time
+                  class="pat-display-time"
+                  datetime="2021-04-22T23:00Z"
+                  data-pat-display-time="output-format: MMMM dddd Do YYYY, h:mm:ss">
+              </time>
+          </section>
+        `;
+        const el = document.querySelector(".pat-display-time");
+
+        Pattern.init(el);
+        await utils.timeout(1); // wait a tick for async to settle.
+
+        expect(el.textContent).toBe("April Donnerstag 22. 2021, 4:00:00");
+    });
+
     it("Output formatted as local", async () => {
         document.body.innerHTML = `
           <time