@joist/element 4.0.0-next.4 → 4.0.0-next.41

package/src/lib/query.test.ts

@@ -1,54 +1,28 @@
-import { expect } from '@open-wc/testing';
+import { expect } from 'chai';
+
 import { element } from './element.js';
 import { query } from './query.js';
 import { html } from './tags.js';
 
-describe('query', () => {
-  it('should work', () => {
-    @element({
-      tagName: 'query-test-1',
-      shadow: [
-        html`
-          <form>
-            <input id="fname" name="fname" />
-            <input id="lname" name="lname" />
-          </form>
-        `
-      ]
-    })
-    class MyElement extends HTMLElement {
-      fname = query<HTMLInputElement>('#fname');
-      lname = query<HTMLInputElement>('#lname');
-    }
-
-    const el = new MyElement();
-
-    expect(el.fname()).to.equal(el.shadowRoot?.querySelector('#fname'));
-    expect(el.lname()).to.equal(el.shadowRoot?.querySelector('#lname'));
-  });
-
-  it('should patch the selected item', () => {
-    @element({
-      tagName: 'query-test-2',
-      shadow: [
-        html`
-          <form>
-            <input id="fname" name="fname" />
-            <input id="lname" name="lname" />
-          </form>
-        `
-      ]
-    })
-    class MyElement extends HTMLElement {
-      fname = query<HTMLInputElement>('#fname');
-      lname = query<HTMLInputElement>('#lname');
-    }
+it('should work', () => {
+  @element({
+    tagName: 'query-test-1',
+    shadowDom: [
+      html`
+        <form>
+          <input id="fname" name="fname" />
+          <input id="lname" name="lname" />
+        </form>
+      `
+    ]
+  })
+  class MyElement extends HTMLElement {
+    fname = query<HTMLInputElement>('#fname');
+    lname = query<HTMLInputElement>('#lname');
+  }
 
-    const el = new MyElement();
-    el.fname({ value: 'Foo' });
-    el.lname({ value: 'Bar' });
+  const el = new MyElement();
 
-    expect(el.shadowRoot?.querySelector<HTMLInputElement>('#fname')?.value).to.equal('Foo');
-    expect(el.shadowRoot?.querySelector<HTMLInputElement>('#lname')?.value).to.equal('Bar');
-  });
+  expect(el.fname()).to.equal(el.shadowRoot?.querySelector('#fname'));
+  expect(el.lname()).to.equal(el.shadowRoot?.querySelector('#lname'));
 });

package/src/lib/query.ts

@@ -7,11 +7,11 @@ type QueryResult<T> = (updates?: Partial<T>) => T;
 export function query<K extends Tags>(selectors: K): QueryResult<HTMLElementTagNameMap[K]>;
 export function query<K extends SVGTags>(selectors: K): QueryResult<SVGElementTagNameMap[K]>;
 export function query<K extends MathTags>(selectors: K): QueryResult<MathMLElementTagNameMap[K]>;
-export function query<E extends Element = Element>(selectors: string): QueryResult<E>;
+export function query<E extends HTMLElement = HTMLElement>(selectors: string): QueryResult<E>;
 export function query<K extends Tags>(query: K): QueryResult<HTMLElementTagNameMap[K]> {
   let res: HTMLElementTagNameMap[K] | null = null;
 
-  return function (this: HTMLElement, updates?: Partial<HTMLElementTagNameMap[K]>) {
+  return function (this: HTMLElement) {
     if (res) {
       return res;
     }
@@ -26,12 +26,6 @@ export function query<K extends Tags>(query: K): QueryResult<HTMLElementTagNameM
       throw new Error('could not find element');
     }
 
-    if (updates) {
-      for (let update in updates) {
-        Reflect.set(res, update, updates[update]);
-      }
-    }
-
     return res;
   };
 }

package/src/lib/result.ts

@@ -1,23 +1,3 @@
 export interface ShadowResult {
-  run(el: HTMLElement): void;
-}
-
-export abstract class JoistShadowResult implements ShadowResult {
-  strings;
-  values;
-
-  constructor(raw: TemplateStringsArray, ...values: any[]) {
-    this.strings = raw;
-    this.values = values;
-  }
-
-  run(el: HTMLElement) {
-    if (!el.shadowRoot) {
-      throw new Error('ShadowResult has not been applied');
-    }
-
-    this.setup(el.shadowRoot);
-  }
-
-  abstract setup(root: ShadowRoot): void;
+  apply(el: Element): void;
 }

package/src/lib/tags.ts

@@ -1,24 +1,39 @@
-import { JoistShadowResult } from './result.js';
+import { ShadowResult } from './result.js';
 
-export class HTMLResult extends JoistShadowResult {
-  setup(root: ShadowRoot): void {
-    let template = document.createElement('template');
-    template.innerHTML = concat(this.strings);
+export class HTMLResult<T extends HTMLElement> implements ShadowResult {
+  #template;
 
-    root.append(template.content.cloneNode(true));
+  constructor(raw: TemplateStringsArray, ..._values: any[]) {
+    this.#template = document.createElement('template');
+    this.#template.innerHTML = concat(raw);
+  }
+
+  apply(el: T): void {
+    if (el.shadowRoot) {
+      el.shadowRoot.append(this.#template.content.cloneNode(true));
+    }
   }
 }
 
-export function html(strings: TemplateStringsArray, ...values: any[]): HTMLResult {
+export function html<T extends HTMLElement>(
+  strings: TemplateStringsArray,
+  ...values: any[]
+): HTMLResult<T> {
   return new HTMLResult(strings, ...values);
 }
 
-export class CSSResult extends JoistShadowResult {
-  setup(root: ShadowRoot): void {
-    let sheet = new CSSStyleSheet();
-    sheet.replaceSync(concat(this.strings));
+export class CSSResult implements ShadowResult {
+  #sheet;
+
+  constructor(raw: TemplateStringsArray, ..._values: any[]) {
+    this.#sheet = new CSSStyleSheet();
+    this.#sheet.replaceSync(concat(raw));
+  }
 
-    root.adoptedStyleSheets = [...root.adoptedStyleSheets, sheet];
+  apply(el: HTMLElement): void {
+    if (el.shadowRoot) {
+      el.shadowRoot.adoptedStyleSheets = [...el.shadowRoot.adoptedStyleSheets, this.#sheet];
+    }
   }
 }
 

package/src/lib/template.test.ts

@@ -0,0 +1,123 @@
+import { assert } from 'chai';
+
+import { template } from './template.js';
+
+// Run all tests with both shadow and light dom
+const TESTS = [
+  function bindableNodes(el: HTMLElement, root: HTMLElement | ShadowRoot) {
+    it(`should intialize bindable nodes ${root instanceof ShadowRoot ? '(ShadowDOM)' : '(LightDOM)'}`, () => {
+      el.title = 'Hello World';
+      el.ariaLabel = 'This is the label';
+      el.ariaDescription = 'This is the description';
+
+      root.innerHTML = /*html*/ `
+        <span #:bind="title"></span>
+        
+        <ul>
+          <li #:bind="ariaLabel"></li>
+          <li #:bind="ariaDescription"></li>
+        </ul>
+      `;
+
+      const render = template().bind(el);
+
+      render();
+
+      assert.equal(
+        root.innerHTML
+          .split('\n')
+          .map((res) => res.trim())
+          .join(''),
+        '<span #:bind="title">Hello World</span><ul><li #:bind="ariaLabel">This is the label</li><li #:bind="ariaDescription">This is the description</li></ul>'
+      );
+    });
+  },
+  function attributeNodes(el: HTMLElement, root: HTMLElement | ShadowRoot) {
+    it(`should intialize template attributes ${root instanceof ShadowRoot ? '(ShadowDOM)' : '(LightDOM)'}`, () => {
+      el.ariaLabel = 'This is the label';
+      el.ariaDescription = 'This is the description';
+
+      root.innerHTML = /*html*/ `
+        <ul #:aria-label="ariaLabel" #:aria-description="ariaDescription"></ul>
+      `;
+
+      const render = template().bind(el);
+
+      render();
+
+      assert.equal(
+        root.innerHTML
+          .split('\n')
+          .map((res) => res.trim())
+          .join(''),
+        '<ul #:aria-label="ariaLabel" #:aria-description="ariaDescription" aria-label="This is the label" aria-description="This is the description"></ul>'
+      );
+    });
+  },
+  function customGetter(el: HTMLElement, root: HTMLElement | ShadowRoot) {
+    it(`should use custom getter for values ${root instanceof ShadowRoot ? '(ShadowDOM)' : '(LightDOM)'}`, () => {
+      const data: Record<string, string> = {
+        title: 'Hello World',
+        ariaLabel: 'This is the label',
+        ariaDescription: 'This is the description'
+      };
+
+      root.innerHTML = /*html*/ `
+        <span #:bind="title"></span>
+        
+        <ul>
+          <li #:bind="ariaLabel"></li>
+          <li #:bind="ariaDescription"></li>
+        </ul>
+      `;
+
+      const render = template({ value: (key) => data[key] }).bind(el);
+
+      render();
+
+      assert.equal(
+        root.innerHTML
+          .split('\n')
+          .map((res) => res.trim())
+          .join(''),
+        '<span #:bind="title">Hello World</span><ul><li #:bind="ariaLabel">This is the label</li><li #:bind="ariaDescription">This is the description</li></ul>'
+      );
+    });
+  },
+  function customPrefix(el: HTMLElement, root: HTMLElement | ShadowRoot) {
+    it(`should use custom getter for values ${root instanceof ShadowRoot ? '(ShadowDOM)' : '(LightDOM)'}`, () => {
+      el.title = 'Hello World';
+      el.ariaLabel = 'This is the label';
+      el.ariaDescription = 'This is the description';
+
+      root.innerHTML = /*html*/ `
+        <span x-bind="title"></span>
+        
+        <ul x-aria-label="ariaLabel">
+          <li x-bind="ariaLabel"></li>
+          <li x-bind="ariaDescription"></li>
+        </ul>
+      `;
+
+      const render = template({ tokenPrefix: 'x-' }).bind(el);
+
+      render();
+
+      assert.equal(
+        root.innerHTML
+          .split('\n')
+          .map((res) => res.trim())
+          .join(''),
+        '<span x-bind="title">Hello World</span><ul x-aria-label="ariaLabel" aria-label="This is the label"><li x-bind="ariaLabel">This is the label</li><li x-bind="ariaDescription">This is the description</li></ul>'
+      );
+    });
+  }
+];
+
+for (let test of TESTS) {
+  const lightEl = document.createElement('div');
+  test(lightEl, lightEl);
+
+  const shadowEl = document.createElement('div');
+  test(shadowEl, shadowEl.attachShadow({ mode: 'open' }));
+}

package/src/lib/template.ts

@@ -0,0 +1,118 @@
+type Updater = () => void;
+class Updates extends Set<Updater> {}
+type TemplateValueGetter = (key: string) => string;
+
+export interface TemplateOpts {
+  value?: TemplateValueGetter;
+  tokenPrefix?: string;
+}
+
+export interface RenderOpts {
+  refresh?: boolean;
+}
+
+export function template({ tokenPrefix = '#:', value }: TemplateOpts = {}) {
+  // Track all nodes that can be updated and their associated property
+  let updates: Updates | null = null;
+
+  return function render<T extends HTMLElement>(this: T, opts?: RenderOpts): void {
+    if (!updates || opts?.refresh) {
+      updates = findUpdates(this, {
+        tokenPrefix,
+        value: value ?? ((key: string) => getTemplateValue(this, key))
+      });
+    } else {
+      for (let update of updates) {
+        update();
+      }
+    }
+  };
+}
+
+function findUpdates(el: HTMLElement, opts: Required<TemplateOpts>): Updates {
+  const iterator = document.createTreeWalker(el.shadowRoot ?? el, NodeFilter.SHOW_ELEMENT);
+  const updates = new Updates();
+
+  while (iterator.nextNode()) {
+    const res = trackElement(iterator.currentNode, updates, opts);
+
+    if (res !== null) {
+      iterator.currentNode = res;
+    }
+  }
+
+  return updates;
+}
+
+/**
+ * configures and tracks a given Node so that it can be updated in place later.
+ */
+function trackElement(node: Node, updates: Updates, opts: Required<TemplateOpts>): Node | null {
+  const element = node as Element;
+  const getter = opts.value;
+  const tokenPrefix = opts.tokenPrefix;
+
+  for (let attr of element.attributes) {
+    const nodeValue = attr.value.trim();
+    const realAttributeName = attr.name.replace(tokenPrefix, '');
+
+    let update: Updater | null = null;
+
+    if (attr.name.startsWith(`${tokenPrefix}bind`)) {
+      update = () => {
+        const value = getter(attr.value);
+
+        if (element.textContent !== value) {
+          element.textContent = getter(attr.value);
+        }
+      };
+    } else if (attr.name.startsWith(tokenPrefix)) {
+      const isBooleanAttr = nodeValue.startsWith('!');
+      const isPositive = nodeValue.startsWith('!!');
+      const propertyKey = nodeValue.replaceAll('!', '');
+
+      if (isBooleanAttr) {
+        update = () => {
+          let value = isPositive ? !!getter(propertyKey) : !getter(propertyKey);
+
+          if (value) {
+            element.setAttribute(realAttributeName, '');
+          } else {
+            element.removeAttribute(realAttributeName);
+          }
+        };
+      } else {
+        const realAttribute = document.createAttribute(realAttributeName);
+        element.setAttributeNode(realAttribute);
+
+        update = () => {
+          const value = getter(nodeValue);
+
+          if (realAttribute.value !== value) {
+            realAttribute.value = value;
+          }
+        };
+      }
+    }
+
+    if (update) {
+      updates.add(update);
+
+      update();
+    }
+  }
+
+  return null;
+}
+
+export function getTemplateValue(obj: object, key: string): any {
+  const parsed = key.split('.');
+
+  let pointer: any = obj;
+
+  for (let part of parsed) {
+    pointer = pointer[part];
+  }
+
+  return pointer;
+}

package/src/lib.ts

@@ -1,6 +1,7 @@
-export { JoistShadowResult as TemplateResult } from './lib/result.js';
 export { css, html, HTMLResult, CSSResult } from './lib/tags.js';
 export { attr } from './lib/attr.js';
 export { listen } from './lib/listen.js';
-export { element, LifeCycle } from './lib/element.js';
+export { element } from './lib/element.js';
 export { query } from './lib/query.js';
+export { ready } from './lib/lifecycle.js';
+export { attrChanged } from './lib/attr-changed.js';

package/target/lib/attr-changed.d.ts

@@ -0,0 +1 @@
+export declare function attrChanged(name: string): <This extends HTMLElement>(cb: Function, ctx: ClassMethodDecoratorContext<This>) => void;

package/target/lib/attr-changed.js

@@ -0,0 +1,10 @@
+import { metadataStore } from './metadata.js';
+export function attrChanged(name) {
+    return function attrChangedDecorator(cb, ctx) {
+        const meta = metadataStore.read(ctx.metadata);
+        const val = meta.attrChanges.get(name) ?? new Set();
+        val.add(cb);
+        meta.attrChanges.set(name, val);
+    };
+}
+//# sourceMappingURL=attr-changed.js.map

package/target/lib/attr-changed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attr-changed.js","sourceRoot":"","sources":["../../src/lib/attr-changed.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,MAAM,UAAU,WAAW,CAAC,IAAY;IACtC,OAAO,SAAS,oBAAoB,CAClC,EAAY,EACZ,GAAsC;QAEtC,MAAM,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC9C,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC;QAEpD,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAEZ,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC,CAAC;AACJ,CAAC"}

package/target/lib/attr-changed.test.d.ts

@@ -0,0 +1 @@
+export {};

package/target/lib/attr-changed.test.js

@@ -0,0 +1,54 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { assert } from 'chai';
+import { attrChanged } from './attr-changed.js';
+import { attr } from './attr.js';
+import { element } from './element.js';
+it('should call specific attrbute callback', () => {
+    let args = [];
+    let MyElement = (() => {
+        let _classDecorators = [element({
+                tagName: 'attr-changed-1'
+            })];
+        let _classDescriptor;
+        let _classExtraInitializers = [];
+        let _classThis;
+        let _classSuper = HTMLElement;
+        let _instanceExtraInitializers = [];
+        let _test_decorators;
+        let _test_initializers = [];
+        let _test_extraInitializers = [];
+        let _onTestChanged_decorators;
+        var MyElement = class extends _classSuper {
+            static { _classThis = this; }
+            static {
+                const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+                _test_decorators = [attr()];
+                _onTestChanged_decorators = [attrChanged('test')];
+                __esDecorate(this, null, _test_decorators, { kind: "accessor", name: "test", static: false, private: false, access: { has: obj => "test" in obj, get: obj => obj.test, set: (obj, value) => { obj.test = value; } }, metadata: _metadata }, _test_initializers, _test_extraInitializers);
+                __esDecorate(this, null, _onTestChanged_decorators, { kind: "method", name: "onTestChanged", static: false, private: false, access: { has: obj => "onTestChanged" in obj, get: obj => obj.onTestChanged }, metadata: _metadata }, null, _instanceExtraInitializers);
+                __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+                MyElement = _classThis = _classDescriptor.value;
+                if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+                __runInitializers(_classThis, _classExtraInitializers);
+            }
+            #test_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _test_initializers, 'hello'));
+            get test() { return this.#test_accessor_storage; }
+            set test(value) { this.#test_accessor_storage = value; }
+            onTestChanged(oldValue, newValue) {
+                args = [oldValue, newValue];
+            }
+            constructor() {
+                super(...arguments);
+                __runInitializers(this, _test_extraInitializers);
+            }
+        };
+        return MyElement = _classThis;
+    })();
+    const el = new MyElement();
+    document.body.append(el);
+    assert.deepEqual(args, [null, 'hello']);
+    el.setAttribute('test', 'world');
+    assert.deepEqual(args, ['hello', 'world']);
+    el.remove();
+});
+//# sourceMappingURL=attr-changed.test.js.map

package/target/lib/attr-changed.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attr-changed.test.js","sourceRoot":"","sources":["../../src/lib/attr-changed.test.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;IAChD,IAAI,IAAI,GAAa,EAAE,CAAC;QAKlB,SAAS;gCAHd,OAAO,CAAC;gBACP,OAAO,EAAE,gBAAgB;aAC1B,CAAC;;;;0BACsB,WAAW;;;;;;6BAAnB,SAAQ,WAAW;;;;oCAChC,IAAI,EAAE;6CAGN,WAAW,CAAC,MAAM,CAAC;gBAFpB,iKAAS,IAAI,6BAAJ,IAAI,mFAAW;gBAGxB,0LAAA,aAAa,6DAEZ;gBAPH,6KAQC;;;gBARK,uDAAS;;YAEb,0BAFI,mDAAS,8CAEG,OAAO,GAAC;YAAxB,IAAS,IAAI,0CAAW;YAAxB,IAAS,IAAI,gDAAW;YAGxB,aAAa,CAAC,QAAgB,EAAE,QAAgB;gBAC9C,IAAI,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;YAC9B,CAAC;;;;;;;;IAGH,MAAM,EAAE,GAAG,IAAI,SAAS,EAAE,CAAC;IAE3B,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAEzB,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;IAExC,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAEjC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE3C,EAAE,CAAC,MAAM,EAAE,CAAC;AACd,CAAC,CAAC,CAAC"}

package/target/lib/attr.d.ts

@@ -1,4 +1,6 @@
 export interface AttrOpts {
-    observe?: boolean;
+    name?: string;
+    observed?: boolean;
+    reflect?: boolean;
 }
 export declare function attr(opts?: AttrOpts): <This extends HTMLElement>({ get, set }: ClassAccessorDecoratorTarget<This, unknown>, ctx: ClassAccessorDecoratorContext<This>) => ClassAccessorDecoratorResult<This, any>;

package/target/lib/attr.js

@@ -1,39 +1,37 @@
 import { metadataStore } from './metadata.js';
 export function attr(opts) {
     return function attrDecorator({ get, set }, ctx) {
-        const attrName = parseAttrName(ctx.name);
+        const attrName = opts?.name ?? parseAttrName(ctx.name);
         const meta = metadataStore.read(ctx.metadata);
-        meta.attrs.push({
+        const reflect = opts?.reflect ?? true;
+        meta.attrs.set(attrName, {
             propName: ctx.name,
-            attrName,
-            observe: opts?.observe ?? true
+            observe: opts?.observed ?? true,
+            reflect,
+            getPropValue: get,
+            setPropValue: set
         });
         return {
             set(value) {
-                if (value === true) {
-                    this.setAttribute(attrName, '');
-                }
-                else if (value === false) {
-                    this.removeAttribute(attrName);
-                }
-                else {
-                    this.setAttribute(attrName, String(value));
-                }
-                set.call(this, value);
-            },
-            get() {
-                const ogValue = get.call(this);
-                const attr = this.getAttribute(attrName);
-                if (attr !== null) {
-                    if (attr === '') {
-                        return true;
+                if (reflect) {
+                    if (value === true) {
+                        if (!this.hasAttribute(attrName)) {
+                            this.setAttribute(attrName, '');
+                        }
+                    }
+                    else if (value === false) {
+                        if (this.hasAttribute(attrName)) {
+                            this.removeAttribute(attrName);
+                        }
                     }
-                    if (typeof ogValue === 'number') {
-                        return Number(attr);
+                    else {
+                        const strValue = String(value);
+                        if (this.getAttribute(attrName) !== strValue) {
+                            this.setAttribute(attrName, strValue);
+                        }
                     }
-                    return attr;
                 }
-                return ogValue;
+                set.call(this, value);
             }
         };
     };

package/target/lib/attr.js.map

@@ -1 +1 @@
-{"version":3,"file":"attr.js","sourceRoot":"","sources":["../../src/lib/attr.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAM9C,MAAM,UAAU,IAAI,CAAC,IAAe;IAClC,OAAO,SAAS,aAAa,CAC3B,EAAE,GAAG,EAAE,GAAG,EAA+C,EACzD,GAAwC;QAExC,MAAM,QAAQ,GAAG,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACzC,MAAM,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAE9C,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;YACd,QAAQ,EAAE,GAAG,CAAC,IAAI;YAClB,QAAQ;YACR,OAAO,EAAE,IAAI,EAAE,OAAO,IAAI,IAAI;SAC/B,CAAC,CAAC;QAEH,OAAO;YACL,GAAG,CAAC,KAAc;gBAChB,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;oBACnB,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;gBAClC,CAAC;qBAAM,IAAI,KAAK,KAAK,KAAK,EAAE,CAAC;oBAC3B,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;gBACjC,CAAC;qBAAM,CAAC;oBACN,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;gBAC7C,CAAC;gBAED,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;YACxB,CAAC;YACD,GAAG;gBACD,MAAM,OAAO,GAAG,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAC/B,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;gBAEzC,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;oBAElB,IAAI,IAAI,KAAK,EAAE,EAAE,CAAC;wBAChB,OAAO,IAAI,CAAC;oBACd,CAAC;oBAGD,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;wBAChC,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC;oBACtB,CAAC;oBAGD,OAAO,IAAI,CAAC;gBACd,CAAC;gBAGD,OAAO,OAAO,CAAC;YACjB,CAAC;SACF,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,GAAoB;IACzC,IAAI,KAAa,CAAC;IAElB,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;QAC5B,IAAI,GAAG,CAAC,WAAW,EAAE,CAAC;YACpB,KAAK,GAAG,GAAG,CAAC,WAAW,CAAC;QAC1B,CAAC;aAAM,CAAC;YACN,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAC;QACvE,CAAC;IACH,CAAC;SAAM,CAAC;QACN,KAAK,GAAG,GAAG,CAAC;IACd,CAAC;IAED,OAAO,KAAK,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;AAClD,CAAC"}
+{"version":3,"file":"attr.js","sourceRoot":"","sources":["../../src/lib/attr.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAQ9C,MAAM,UAAU,IAAI,CAAC,IAAe;IAClC,OAAO,SAAS,aAAa,CAC3B,EAAE,GAAG,EAAE,GAAG,EAA+C,EACzD,GAAwC;QAExC,MAAM,QAAQ,GAAG,IAAI,EAAE,IAAI,IAAI,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACvD,MAAM,IAAI,GAAG,aAAa,CAAC,IAAI,CAAO,GAAG,CAAC,QAAQ,CAAC,CAAC;QACpD,MAAM,OAAO,GAAG,IAAI,EAAE,OAAO,IAAI,IAAI,CAAC;QAEtC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE;YACvB,QAAQ,EAAE,GAAG,CAAC,IAAI;YAClB,OAAO,EAAE,IAAI,EAAE,QAAQ,IAAI,IAAI;YAC/B,OAAO;YACP,YAAY,EAAE,GAAG;YACjB,YAAY,EAAE,GAAG;SAClB,CAAC,CAAC;QAEH,OAAO;YACL,GAAG,CAAC,KAAc;gBAChB,IAAI,OAAO,EAAE,CAAC;oBACZ,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;wBACnB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,CAAC;4BACjC,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;wBAClC,CAAC;oBACH,CAAC;yBAAM,IAAI,KAAK,KAAK,KAAK,EAAE,CAAC;wBAC3B,IAAI,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,CAAC;4BAChC,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;wBACjC,CAAC;oBACH,CAAC;yBAAM,CAAC;wBACN,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;wBAE/B,IAAI,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,QAAQ,EAAE,CAAC;4BAC7C,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;wBACxC,CAAC;oBACH,CAAC;gBACH,CAAC;gBAED,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;YACxB,CAAC;SACF,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,GAAoB;IACzC,IAAI,KAAa,CAAC;IAElB,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;QAC5B,IAAI,GAAG,CAAC,WAAW,EAAE,CAAC;YACpB,KAAK,GAAG,GAAG,CAAC,WAAW,CAAC;QAC1B,CAAC;aAAM,CAAC;YACN,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAC;QACvE,CAAC;IACH,CAAC;SAAM,CAAC;QACN,KAAK,GAAG,GAAG,CAAC;IACd,CAAC;IAED,OAAO,KAAK,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;AAClD,CAAC"}