@sitecore-feaas/clientside 0.5.6 → 0.5.7

package/src/cdn.ts

@@ -108,6 +108,9 @@ export function getStylesheetURL(props: FEAASCDNStylesheetProps) {
     props = { src: props }
   }
   if ('src' in props) {
+    // edge url are always well formed
+    if (String(props.src).includes('v1/files/components/styles')) return props.src
+
     props = {
       ...parseStylesheetSource(props.src)
     }
@@ -188,7 +191,6 @@ export async function fetchAndRevalidateStylesheet(
   props: FEAASCDNStylesheetProps,
   callback: ValidatableStylesheetCallback
 ) {
-  if (typeof props == 'string') props = { src: props }
   return fetchAndRevalidate(
     getStylesheetURL(props),
     {

package/src/dom/stylesheet.ts

@@ -2,6 +2,7 @@ import {
   FEAASCDNStylesheetProps,
   fetchAndRevalidateStylesheet,
   getStylesheetURL,
+  parseStylesheetSource,
   ValidatableStylesheetCallback
 } from '../cdn.js'
 
@@ -19,15 +20,18 @@ export function renderStylesheetPromise(props: FEAASCDNStylesheetProps, styleshe
 
 const validatedStylesheets = new WeakSet<HTMLStyleElement | HTMLLinkElement>()
 export function loadStylesheet(props: FEAASCDNStylesheetProps, callback?: ValidatableStylesheetCallback) {
-  var foundStylesheet: HTMLStyleElement | HTMLLinkElement
   var writableStylesheet: HTMLStyleElement
+  var foundStylesheet = findStylesheet(props)
 
-  if (foundStylesheet && validatedStylesheets.has(foundStylesheet)) {
-    return Promise.resolve(foundStylesheet)
+  if (foundStylesheet) {
+    if (validatedStylesheets.has(foundStylesheet)) {
+      return Promise.resolve(foundStylesheet)
+    }
+    // it can be that page already have stylesheet using alternative URL (e.g. edge url), use that instead
+    props = foundStylesheet.getAttribute('data-href') || foundStylesheet.getAttribute('href')
   }
 
   return fetchAndRevalidateStylesheet(props, (cssText, phase) => {
-    foundStylesheet ||= findStylesheet(props)
     // dont need to write stylesheet for cached state if we already found a stylesheet
     if (!(phase == 'initial' && foundStylesheet)) {
       writableStylesheet ||=
@@ -35,7 +39,7 @@ export function loadStylesheet(props: FEAASCDNStylesheetProps, callback?: Valida
       writableStylesheet.textContent = cssText
     }
     callback?.(cssText, phase)
-  }).then(() => foundStylesheet || writableStylesheet)
+  }).then(() => writableStylesheet || foundStylesheet)
 }
 
 export function loadStylesheetAllowStale(props: FEAASCDNStylesheetProps) {
@@ -44,11 +48,17 @@ export function loadStylesheetAllowStale(props: FEAASCDNStylesheetProps) {
   })
 }
 
+// Find stylesheet on the page for given props, also check by alternative edge url
 export function findStylesheet(props: FEAASCDNStylesheetProps) {
-  return (document.head.querySelector(`style[data-href="${getStylesheetURL(props)}"]`) ||
-    document.querySelector(`link[rel="stylesheet"][href="${getStylesheetURL(props)}"]`)) as
-    | HTMLStyleElement
-    | HTMLLinkElement
+  const cdnURL = getStylesheetURL(props)
+  const { library } = parseStylesheetSource(cdnURL)
+  const edgeURL = `/files/components/styles/${library}.css`
+  return document.querySelector(
+    `style[data-href="${cdnURL}"], 
+    link[rel="stylesheet"][href="${cdnURL}"], 
+    style[data-href*="${edgeURL}"], 
+    link[rel="stylesheet"][href*="${edgeURL}"]`
+  ) as HTMLStyleElement | HTMLLinkElement
 }
 
 export function createStylesheet(props: FEAASCDNStylesheetProps) {

package/test/FEAASComponent.react.test.tsx

@@ -9,9 +9,11 @@ function Hello(props: { firstName: string; telephone: string }) {
   return React.createElement(
     'div',
     {},
-    `Hello my name is ${props.firstName || 'Unknown'} (${typeof props.firstName}) and my tel is ${
+    `
+Hello my name is ${props.firstName || 'Unknown'} (${typeof props.firstName}) and my tel is ${
       props.telephone || 'Unknown'
-    } (${typeof props.telephone}). And context value is ${context}`
+    } (${typeof props.telephone}).
+And context value is ${context}`
   )
 }
 const helloSchema = {
@@ -26,6 +28,36 @@ const helloSchema = {
   }
 } as const
 
+function HelloData(props: { firstName: string; telephone: string; datasources: any; superobject: any }) {
+  const context = useContext(DataContext)
+
+  return React.createElement(
+    'div',
+    {},
+    `
+Hello my name is ${props.firstName || 'Unknown'} (${typeof props.firstName}) and my tel is ${
+      props.telephone || 'Unknown'
+    } (${typeof props.telephone}).
+And context value is ${context}.
+Typeof datasources: ${typeof props.datasources} with keys ${Object.keys(props.datasources || {})})
+Typeof superobject ${typeof props.superobject}, ${JSON.stringify(props.superobject)})`
+  )
+}
+const helloDataSchema = {
+  name: 'MyTestDataComponent',
+  properties: {
+    firstName: {
+      type: 'string'
+    },
+    telephone: {
+      type: 'number'
+    },
+    superobject: {
+      type: 'object'
+    }
+  }
+} as const
+
 export async function validate(react: any, html: string) {
   const div = document.createElement('div')
   document.body.appendChild(div)
@@ -123,7 +155,9 @@ describe('React', () => {
       <section>
         <ExternalComponent componentName='MyTestComponent' telephone={'12345'} firstName='Yarik' />
       </section>,
-      '<section><feaas-external data-external-id="MyTestComponent" telephone="12345" first-name="Yarik" hydrate="false"><div>Hello my name is Yarik (string) and my tel is 12345 (number). And context value is DEFAULT</div></feaas-external></section>'
+      '<section><feaas-external data-external-id="MyTestComponent" telephone="12345" first-name="Yarik" hydrate="false"><div>\n' +
+        'Hello my name is Yarik (string) and my tel is 12345 (number).\n' +
+        'And context value is DEFAULT</div></feaas-external></section>'
     )
   })
   it('render wrapped external component with parsed values', async () => {
@@ -137,7 +171,29 @@ describe('React', () => {
           data={{ abc: 321 }}
         ></Component>
       </section>,
-      '<section><feaas-component class="-feaas" data="{&quot;abc&quot;:321}"><feaas-external data-external-id="MyTestComponent" telephone="12345" first-name="Yarik" hydrate="false"><div>Hello my name is Yarik (string) and my tel is 12345 (number). And context value is DEFAULT</div></feaas-external></feaas-component></section>'
+      '<section><feaas-component class="-feaas" data="{&quot;abc&quot;:321}"><feaas-external data-external-id="MyTestComponent" telephone="12345" first-name="Yarik" hydrate="false"><div>\n' +
+        'Hello my name is Yarik (string) and my tel is 12345 (number).\n' +
+        'And context value is DEFAULT</div></feaas-external></feaas-component></section>'
+    )
+  })
+  it('render wrapped external component and parse data object', async () => {
+    registerComponent(HelloData, helloDataSchema)
+    validate(
+      <DataContext.Provider value='INHERITED'>
+        <section>
+          <Component
+            template={
+              '<feaas-external data-path-attributes="my.$" first-name="Yarik" data-external-id="MyTestDataComponent"></feaas-external>'
+            }
+            data={{ my: { telephone: 321, superobject: { a: 1, b: 2 } } }}
+          ></Component>
+        </section>
+      </DataContext.Provider>,
+      `<section><feaas-component class="-feaas" data="{&quot;my&quot;:{&quot;telephone&quot;:321,&quot;superobject&quot;:{&quot;a&quot;:1,&quot;b&quot;:2}}}"><feaas-external data-external-id="MyTestDataComponent" telephone="321" superobject="{&quot;a&quot;:1,&quot;b&quot;:2}" data-path-attributes="my.$" first-name="Yarik" data-attributes-keys="telephone,superobject" datasources="{&quot;my&quot;:{&quot;telephone&quot;:321,&quot;superobject&quot;:{&quot;a&quot;:1,&quot;b&quot;:2}}}" hydrate="false"><div>
+Hello my name is Yarik (string) and my tel is 321 (number).
+And context value is INHERITED.
+Typeof datasources: object with keys my)
+Typeof superobject object, {"a":1,"b":2})</div></feaas-external></feaas-component></section>`
     )
   })
   it('render wrapped external component with context provider', async () => {
@@ -153,7 +209,9 @@ describe('React', () => {
           ></Component>
         </section>
       </DataContext.Provider>,
-      '<section><feaas-component class="-feaas" data="{&quot;abc&quot;:321}"><feaas-external data-external-id="MyTestComponent" telephone="12345" first-name="Yarik" hydrate="false"><div>Hello my name is Yarik (string) and my tel is 12345 (number). And context value is INHERITED</div></feaas-external></feaas-component></section>'
+      '<section><feaas-component class="-feaas" data="{&quot;abc&quot;:321}"><feaas-external data-external-id="MyTestComponent" telephone="12345" first-name="Yarik" hydrate="false"><div>\n' +
+        'Hello my name is Yarik (string) and my tel is 12345 (number).\n' +
+        'And context value is INHERITED</div></feaas-external></feaas-component></section>'
     )
   })
   it('render wrapped external component with context provider and data mapping', async () => {
@@ -169,7 +227,9 @@ describe('React', () => {
           ></Component>
         </section>
       </DataContext.Provider>,
-      '<section><feaas-component class="-feaas" data="{&quot;telephone&quot;:321}"><feaas-external data-external-id="MyTestComponent" data-path-attributes="$" first-name="Yarik" telephone="321" data-attributes-keys="telephone" datasources="{&quot;_&quot;:{&quot;telephone&quot;:321}}" hydrate="false"><div>Hello my name is Yarik (string) and my tel is 321 (number). And context value is INHERITED</div></feaas-external></feaas-component></section>'
+      '<section><feaas-component class="-feaas" data="{&quot;telephone&quot;:321}"><feaas-external data-external-id="MyTestComponent" telephone="321" data-path-attributes="$" first-name="Yarik" data-attributes-keys="telephone" datasources="{&quot;_&quot;:{&quot;telephone&quot;:321}}" hydrate="false"><div>\n' +
+        'Hello my name is Yarik (string) and my tel is 321 (number).\n' +
+        'And context value is INHERITED</div></feaas-external></feaas-component></section>'
     )
   })
   it('render not map attributes of external component with given array', async () => {
@@ -185,7 +245,9 @@ describe('React', () => {
           ></Component>
         </section>
       </DataContext.Provider>,
-      '<section><feaas-component class="-feaas" data="[{&quot;telephone&quot;:321}]"><feaas-external data-external-id="MyTestComponent" first-name="Yarik" data-path-attributes="$" datasources="{&quot;_&quot;:[{&quot;telephone&quot;:321}]}" hydrate="false"><div>Hello my name is Yarik (string) and my tel is Unknown (undefined). And context value is INHERITED</div></feaas-external></feaas-component></section>'
+      '<section><feaas-component class="-feaas" data="[{&quot;telephone&quot;:321}]"><feaas-external data-external-id="MyTestComponent" first-name="Yarik" data-path-attributes="$" datasources="{&quot;_&quot;:[{&quot;telephone&quot;:321}]}" hydrate="false"><div>\n' +
+        'Hello my name is Yarik (string) and my tel is Unknown (undefined).\n' +
+        'And context value is INHERITED</div></feaas-external></feaas-component></section>'
     )
   })
 })

package/test/FEAASStylesheet.test.tsx

@@ -1,7 +1,7 @@
 import { afterAll, beforeEach, beforeAll, describe, expect, it, vi } from 'vitest'
 import { FEAASStylesheet } from '../src/components/FEAASStylesheet.js'
 import { renderDOMContent } from '../src/dom/rendering.js'
-import { clearFetchCache, DEFAULT_CDN_URL, loadStylesheet } from '../src/headless.js'
+import { clearFetchCache, DEFAULT_CDN_URL, findStylesheet, loadStylesheet } from '../src/headless.js'
 
 const earliest = new Date(2000, 1, 1, 0, 0, 0)
 const earlier = new Date(2000, 1, 2, 0, 0, 0)
@@ -179,5 +179,107 @@ describe('Stylesheet', () => {
     await expect(loadStylesheet(`http://CDN/L/published.css`).then((r) => r.textContent)).resolves.toEqual('FRESH {}')
   })
 
-  it('should ')
+  describe('.findStylesheet', () => {
+    it('should find FEAASStylesheet', async () => {
+      const spy = vi.spyOn(global, 'fetch')
+      spy.mockImplementation(async (url: string, options: Parameters<typeof fetch>[1] = {}) => {
+        // Serve from cache
+        return new Response('CSS {}', {
+          headers: {
+            date: earlier.toUTCString(),
+            'last-modified': earliest.toUTCString()
+          }
+        })
+      })
+
+      document.body.innerHTML = '<feaas-stylesheet library="L" cdn="https://CDN" revision="staged"></feaas-stylesheet>'
+      const stylesheet = document.body.firstElementChild as FEAASStylesheet
+      await stylesheet.whenRendered
+      expect(findStylesheet({ library: 'L', cdn: 'https://CDN', revision: 'staged' })?.textContent).toEqual('CSS {}')
+    })
+  })
+  it('should find stylesheet by its edge url', async () => {
+    document.body.innerHTML =
+      '<link rel="http://edge-platform-staging.sitecore-staging.cloud/v1/files/components/styles/L.css?sitecoreContextId=abc/>'
+    expect(findStylesheet({ library: 'L', cdn: 'https://CDN', revision: 'staged' })).toEqual(
+      document.body.firstElementChild
+    )
+    expect(findStylesheet({ library: 'L', cdn: 'https://CDN', revision: 'published' })).toEqual(
+      document.body.firstElementChild
+    )
+    expect(findStylesheet({ library: 'T', cdn: 'https://CDN', revision: 'staged' })).toEqual(null)
+    expect(findStylesheet({ library: 'T', cdn: 'https://CDN', revision: 'published' })).toEqual(null)
+  })
+  it('should reload stylesheet embedded as edge url', async () => {
+    const spy = vi.spyOn(global, 'fetch')
+    spy.mockImplementation(async (url: string, options: Parameters<typeof fetch>[1] = {}) => {
+      if (
+        !url.includes(
+          'http://edge-platform-staging.sitecore-staging.cloud/v1/files/components/styles/L.css?sitecoreContextId=abc'
+        )
+      )
+        return
+
+      if (options?.method != 'HEAD') {
+        // Serve from cache
+        return new Response('YESTERDAY {}', {
+          headers: {
+            date: earlier.toUTCString(),
+            'last-modified': earliest.toUTCString()
+          }
+        })
+      } else if (options?.method == 'HEAD') {
+        return new Response(null, {
+          headers: {
+            date: now.toUTCString(),
+            'last-modified': earlier.toUTCString()
+          }
+        })
+      } else {
+        return new Response('FRESH {}', {
+          headers: {
+            date: now.toUTCString(),
+            'last-modified': earlier.toUTCString()
+          }
+        })
+      }
+    })
+
+    document.body.innerHTML =
+      '<link rel="stylesheet" href="http://edge-platform-staging.sitecore-staging.cloud/v1/files/components/styles/L.css?sitecoreContextId=abc" />'
+
+    const stylesheet = await loadStylesheet({ library: 'L', cdn: 'https://CDN', revision: 'staged' })
+    expect(stylesheet?.tagName).toEqual('STYLE')
+    expect(stylesheet?.getAttribute('data-href')).toEqual(
+      'http://edge-platform-staging.sitecore-staging.cloud/v1/files/components/styles/L.css?sitecoreContextId=abc'
+    )
+  })
+  it("should not attempt to reload edge stylesheet if it's up to date", async () => {
+    const spy = vi.spyOn(global, 'fetch')
+    spy.mockImplementation(async (url: string, options: Parameters<typeof fetch>[1] = {}) => {
+      if (
+        !url.includes(
+          'http://edge-platform-staging.sitecore-staging.cloud/v1/files/components/styles/L.css?sitecoreContextId=abc'
+        )
+      )
+        return
+
+      if (options?.method != 'HEAD') {
+        // Serve from cache
+        return new Response('YESTERDAY {}', {
+          headers: {
+            date: now.toUTCString(),
+            'last-modified': earliest.toUTCString()
+          }
+        })
+      }
+    })
+
+    document.body.innerHTML =
+      '<link rel="stylesheet" href="http://edge-platform-staging.sitecore-staging.cloud/v1/files/components/styles/L.css?sitecoreContextId=abc" />'
+
+    const stylesheet = await loadStylesheet({ library: 'L', cdn: 'https://CDN', revision: 'staged' })
+    expect(stylesheet?.tagName).toEqual('LINK')
+    expect(stylesheet).toEqual(document.body.firstElementChild)
+  })
 })

package/test/dom.test.ts

@@ -173,6 +173,14 @@ describe('DOM Clientside', function () {
         '<div data-path-attributes="test" a="a.jpg" b="2" c="{&quot;user&quot;:&quot;yarik&quot;}" data-attributes-keys="a,b,c"></div>'
       )
     })
+    /*
+    it('should render attributes object with global top level fallback', function () {
+      assertRenderedHTML(
+        `<div data-path-attributes="test"></div>`,
+        { a: 'a.jpg', b: 2, c: { user: 'yarik' } },
+        '<div data-path-attributes="test" a="a.jpg" b="2" c="{&quot;user&quot;:&quot;yarik&quot;}" data-attributes-keys="a,b,c"></div>'
+      )
+    }) */
     it('should render attributes in dynamic html', function () {
       assertRenderedHTML(
         `<div data-path="html"></div>`,

package/types/cdn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cdn.d.ts","sourceRoot":"","sources":["../src/cdn.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,uBAAuB,EACxB,MAAM,YAAY,CAAA;AAEnB,eAAO,MAAM,eAAe,wCAAwC,CAAA;AACpE,MAAM,MAAM,uBAAuB,GAAG;IACpC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;IACpD,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AACD,MAAM,MAAM,uBAAuB,GAAG;IACpC,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AACD,MAAM,MAAM,qCAAqC,GAAG;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AACD,MAAM,MAAM,sBAAsB,GAAG,CAAC,uBAAuB,GAAG,uBAAuB,CAAC,GACtF,qCAAqC,CAAA;AAEvC,MAAM,WAAW,wBAAwB;IACvC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;IAEpD;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AACD,MAAM,MAAM,uBAAuB,GAAG,wBAAwB,GAAG,wBAAwB,GAAG,MAAM,CAAA;AAElG,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,MAAM,GAAG,uBAAuB,CAQ5E;AACD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,UAahE;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,UAIlE;AAED,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,MAAM,GAAG,wBAAwB,CAc9E;AACD,wBAAgB,eAAe,CAAC,KAAK,EAAE,sBAAsB,GAAG,MAAM,UAYrE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,uBAAuB,UAY9D;AAED,wBAAsB,2BAA2B,CAC/C,KAAK,EAAE,sBAAsB,EAC7B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,EACjC,cAAc,UAAQ,0HA+CvB;AAED,mCAAmC;AACnC,wBAAsB,cAAc,CAAC,KAAK,EAAE,sBAAsB,GAAG,MAAM;;;;;;;;IA5JzE;;OAEG;;;;;;;;GAqKJ;AAED,MAAM,MAAM,6BAA6B,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,uBAAuB,KAAK,IAAI,CAAA;AACjG,wBAAsB,4BAA4B,CAChD,KAAK,EAAE,uBAAuB,EAC9B,QAAQ,EAAE,6BAA6B,qBAqBxC"}
+{"version":3,"file":"cdn.d.ts","sourceRoot":"","sources":["../src/cdn.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,uBAAuB,EACxB,MAAM,YAAY,CAAA;AAEnB,eAAO,MAAM,eAAe,wCAAwC,CAAA;AACpE,MAAM,MAAM,uBAAuB,GAAG;IACpC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;IACpD,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AACD,MAAM,MAAM,uBAAuB,GAAG;IACpC,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AACD,MAAM,MAAM,qCAAqC,GAAG;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AACD,MAAM,MAAM,sBAAsB,GAAG,CAAC,uBAAuB,GAAG,uBAAuB,CAAC,GACtF,qCAAqC,CAAA;AAEvC,MAAM,WAAW,wBAAwB;IACvC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;IAEpD;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AACD,MAAM,MAAM,uBAAuB,GAAG,wBAAwB,GAAG,wBAAwB,GAAG,MAAM,CAAA;AAElG,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,MAAM,GAAG,uBAAuB,CAQ5E;AACD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,UAahE;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,UAIlE;AAED,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,MAAM,GAAG,wBAAwB,CAc9E;AACD,wBAAgB,eAAe,CAAC,KAAK,EAAE,sBAAsB,GAAG,MAAM,UAYrE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,uBAAuB,UAe9D;AAED,wBAAsB,2BAA2B,CAC/C,KAAK,EAAE,sBAAsB,EAC7B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,EACjC,cAAc,UAAQ,0HA+CvB;AAED,mCAAmC;AACnC,wBAAsB,cAAc,CAAC,KAAK,EAAE,sBAAsB,GAAG,MAAM;;;;;;;;IA/JzE;;OAEG;;;;;;;;GAwKJ;AAED,MAAM,MAAM,6BAA6B,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,uBAAuB,KAAK,IAAI,CAAA;AACjG,wBAAsB,4BAA4B,CAChD,KAAK,EAAE,uBAAuB,EAC9B,QAAQ,EAAE,6BAA6B,qBAoBxC"}

package/types/dom/stylesheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stylesheet.d.ts","sourceRoot":"","sources":["../../src/dom/stylesheet.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EAGvB,6BAA6B,EAC9B,MAAM,WAAW,CAAA;AAElB,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,uBAAuB,EAAE,KAAK,CAAC,EAAE,gBAAgB,oBAGxF;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,uBAAuB,EAAE,UAAU,CAAC,EAAE,gBAAgB,6BAKpG;AAGD,wBAAgB,cAAc,CAAC,KAAK,EAAE,uBAAuB,EAAE,QAAQ,CAAC,EAAE,6BAA6B,6BAkBtG;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,uBAAuB,oBAItE;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,uBAAuB,sCAK5D;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,uBAAuB,oBAM9D"}
+{"version":3,"file":"stylesheet.d.ts","sourceRoot":"","sources":["../../src/dom/stylesheet.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EAIvB,6BAA6B,EAC9B,MAAM,WAAW,CAAA;AAElB,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,uBAAuB,EAAE,KAAK,CAAC,EAAE,gBAAgB,oBAGxF;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,uBAAuB,EAAE,UAAU,CAAC,EAAE,gBAAgB,6BAKpG;AAGD,wBAAgB,cAAc,CAAC,KAAK,EAAE,uBAAuB,EAAE,QAAQ,CAAC,EAAE,6BAA6B,6BAqBtG;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,uBAAuB,oBAItE;AAGD,wBAAgB,cAAc,CAAC,KAAK,EAAE,uBAAuB,sCAU5D;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,uBAAuB,oBAM9D"}