@internetarchive/collection-browser 0.1.7 → 0.1.8

package/dist/src/waveform-thumbnail.js

@@ -1,106 +0,0 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-let WaveformThumbnail = class WaveformThumbnail extends LitElement {
-    render() {
-        const imgSrcUrl = `${this.baseNavigationUrl}/services/img/${this.identifier}`;
-        const randomGradient = `grad${Math.floor(Math.random() * (6 - 1) + 1)}`;
-        return html `
-      <div class="box" id=${randomGradient}>
-        <div
-          class="item-image"
-          style="background-image:url(${imgSrcUrl})"
-        ></div>
-      </div>
-    `;
-    }
-    static get styles() {
-        return css `
-      .box {
-        width: 16rem;
-        height: 16rem;
-        overflow: hidden;
-        position: relative;
-        box-shadow: 1px 1px 2px 0px;
-        display: flex;
-      }
-
-      .item-image {
-        width: 16rem;
-        height: 16rem;
-        object-fit: cover;
-        background-repeat: no-repeat;
-        background-position: center center;
-        position: relative;
-        -webkit-appearance: none;
-        overflow: visible;
-        mix-blend-mode: screen;
-      }
-
-      #grad1 {
-        background: linear-gradient(
-          hsl(300, 80%, 55%),
-          hsl(330, 80%, 33%) 35%,
-          hsl(330, 80%, 22%) 70%,
-          hsl(0, 0%, 0%)
-        );
-      }
-
-      #grad2 {
-        background: linear-gradient(
-          hsl(200, 80%, 55%),
-          hsl(230, 80%, 33%) 35%,
-          hsl(230, 80%, 22%) 70%,
-          hsl(0, 0%, 0%)
-        );
-      }
-
-      #grad3 {
-        background: linear-gradient(
-          hsl(160, 80%, 55%),
-          hsl(190, 80%, 33%) 35%,
-          hsl(190, 80%, 22%) 70%,
-          hsl(0, 0%, 0%)
-        );
-      }
-
-      #grad4 {
-        background: linear-gradient(
-          hsl(250, 80%, 55%),
-          hsl(280, 80%, 33%) 35%,
-          hsl(280, 80%, 22%) 70%,
-          hsl(0, 0%, 0%)
-        );
-      }
-
-      #grad5 {
-        background: linear-gradient(
-          hsl(280, 80%, 55%),
-          hsl(310, 80%, 33%) 35%,
-          hsl(310, 80%, 22%) 70%,
-          hsl(0, 0%, 0%)
-        );
-      }
-
-      #grad6 {
-        background: linear-gradient(
-          hsl(340, 80%, 55%),
-          hsl(0, 80%, 33%) 35%,
-          hsl(0, 80%, 22%) 70%,
-          hsl(0, 0%, 0%)
-        );
-      }
-    `;
-    }
-};
-__decorate([
-    property({ type: String })
-], WaveformThumbnail.prototype, "baseNavigationUrl", void 0);
-__decorate([
-    property({ type: String })
-], WaveformThumbnail.prototype, "identifier", void 0);
-WaveformThumbnail = __decorate([
-    customElement('waveform-thumbnail')
-], WaveformThumbnail);
-export { WaveformThumbnail };
-//# sourceMappingURL=waveform-thumbnail.js.map

package/dist/src/waveform-thumbnail.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"waveform-thumbnail.js","sourceRoot":"","sources":["../../src/waveform-thumbnail.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAkB,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG5D,IAAa,iBAAiB,GAA9B,MAAa,iBAAkB,SAAQ,UAAU;IAK/C,MAAM;QACJ,MAAM,SAAS,GAAG,GAAG,IAAI,CAAC,iBAAiB,iBAAiB,IAAI,CAAC,UAAU,EAAE,CAAC;QAC9E,MAAM,cAAc,GAAG,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;QAExE,OAAO,IAAI,CAAA;4BACa,cAAc;;;wCAGF,SAAS;;;KAG5C,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2ET,CAAC;IACJ,CAAC;CACF,CAAA;AAhG6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4DAA4B;AAE3B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qDAAqB;AAHrC,iBAAiB;IAD7B,aAAa,CAAC,oBAAoB,CAAC;GACvB,iBAAiB,CAiG7B;SAjGY,iBAAiB","sourcesContent":["import { css, CSSResultGroup, html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\n@customElement('waveform-thumbnail')\nexport class WaveformThumbnail extends LitElement {\n  @property({ type: String }) baseNavigationUrl?: string;\n\n  @property({ type: String }) identifier?: string;\n\n  render() {\n    const imgSrcUrl = `${this.baseNavigationUrl}/services/img/${this.identifier}`;\n    const randomGradient = `grad${Math.floor(Math.random() * (6 - 1) + 1)}`;\n\n    return html`\n      <div class=\"box\" id=${randomGradient}>\n        <div\n          class=\"item-image\"\n          style=\"background-image:url(${imgSrcUrl})\"\n        ></div>\n      </div>\n    `;\n  }\n\n  static get styles(): CSSResultGroup {\n    return css`\n      .box {\n        width: 16rem;\n        height: 16rem;\n        overflow: hidden;\n        position: relative;\n        box-shadow: 1px 1px 2px 0px;\n        display: flex;\n      }\n\n      .item-image {\n        width: 16rem;\n        height: 16rem;\n        object-fit: cover;\n        background-repeat: no-repeat;\n        background-position: center center;\n        position: relative;\n        -webkit-appearance: none;\n        overflow: visible;\n        mix-blend-mode: screen;\n      }\n\n      #grad1 {\n        background: linear-gradient(\n          hsl(300, 80%, 55%),\n          hsl(330, 80%, 33%) 35%,\n          hsl(330, 80%, 22%) 70%,\n          hsl(0, 0%, 0%)\n        );\n      }\n\n      #grad2 {\n        background: linear-gradient(\n          hsl(200, 80%, 55%),\n          hsl(230, 80%, 33%) 35%,\n          hsl(230, 80%, 22%) 70%,\n          hsl(0, 0%, 0%)\n        );\n      }\n\n      #grad3 {\n        background: linear-gradient(\n          hsl(160, 80%, 55%),\n          hsl(190, 80%, 33%) 35%,\n          hsl(190, 80%, 22%) 70%,\n          hsl(0, 0%, 0%)\n        );\n      }\n\n      #grad4 {\n        background: linear-gradient(\n          hsl(250, 80%, 55%),\n          hsl(280, 80%, 33%) 35%,\n          hsl(280, 80%, 22%) 70%,\n          hsl(0, 0%, 0%)\n        );\n      }\n\n      #grad5 {\n        background: linear-gradient(\n          hsl(280, 80%, 55%),\n          hsl(310, 80%, 33%) 35%,\n          hsl(310, 80%, 22%) 70%,\n          hsl(0, 0%, 0%)\n        );\n      }\n\n      #grad6 {\n        background: linear-gradient(\n          hsl(340, 80%, 55%),\n          hsl(0, 80%, 33%) 35%,\n          hsl(0, 80%, 22%) 70%,\n          hsl(0, 0%, 0%)\n        );\n      }\n    `;\n  }\n}\n"]}

package/dist/src/waveform-view.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=waveform-view.js.map

package/dist/src/waveform-view.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"waveform-view.js","sourceRoot":"","sources":["../../src/waveform-view.ts"],"names":[],"mappings":"","sourcesContent":[""]}

package/dist/src/your-webcomponent.d.ts

@@ -1,8 +0,0 @@
-import { LitElement } from 'lit';
-export declare class YourWebComponent extends LitElement {
-    title: string;
-    counter: number;
-    private increment;
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult;
-}

package/dist/src/your-webcomponent.js

@@ -1,38 +0,0 @@
-import { __decorate } from "tslib";
-import { html, css, LitElement } from 'lit';
-import { property, customElement } from 'lit/decorators.js';
-let YourWebComponent = class YourWebComponent extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.title = 'Hey there';
-        this.counter = 5;
-    }
-    increment() {
-        this.counter += 1;
-    }
-    render() {
-        return html `
-      <h2>${this.title}, Number: ${this.counter}!</h2>
-      <button @click=${this.increment}>increment</button>
-      <slot name="my-slot"> </slot>
-    `;
-    }
-};
-YourWebComponent.styles = css `
-    :host {
-      display: block;
-      padding: 25px;
-      color: var(--your-webcomponent-text-color, #000);
-    }
-  `;
-__decorate([
-    property({ type: String })
-], YourWebComponent.prototype, "title", void 0);
-__decorate([
-    property({ type: Number })
-], YourWebComponent.prototype, "counter", void 0);
-YourWebComponent = __decorate([
-    customElement('your-webcomponent')
-], YourWebComponent);
-export { YourWebComponent };
-//# sourceMappingURL=your-webcomponent.js.map

package/dist/src/your-webcomponent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"your-webcomponent.js","sourceRoot":"","sources":["../../src/your-webcomponent.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAG5D,IAAa,gBAAgB,GAA7B,MAAa,gBAAiB,SAAQ,UAAU;IAAhD;;QAC8B,UAAK,GAAG,WAAW,CAAC;QAEpB,YAAO,GAAG,CAAC,CAAC;IAqB1C,CAAC;IAnBS,SAAS;QACf,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC;IACpB,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;YACH,IAAI,CAAC,KAAK,aAAa,IAAI,CAAC,OAAO;uBACxB,IAAI,CAAC,SAAS;;KAEhC,CAAC;IACJ,CAAC;CASF,CAAA;AAPQ,uBAAM,GAAG,GAAG,CAAA;;;;;;GAMlB,CAAC;AAtB0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CAAqB;AAEpB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDAAa;AAH7B,gBAAgB;IAD5B,aAAa,CAAC,mBAAmB,CAAC;GACtB,gBAAgB,CAwB5B;SAxBY,gBAAgB","sourcesContent":["import { html, css, LitElement } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\n\n@customElement('your-webcomponent')\nexport class YourWebComponent extends LitElement {\n  @property({ type: String }) title = 'Hey there';\n\n  @property({ type: Number }) counter = 5;\n\n  private increment() {\n    this.counter += 1;\n  }\n\n  render() {\n    return html`\n      <h2>${this.title}, Number: ${this.counter}!</h2>\n      <button @click=${this.increment}>increment</button>\n      <slot name=\"my-slot\"> </slot>\n    `;\n  }\n\n  static styles = css`\n    :host {\n      display: block;\n      padding: 25px;\n      color: var(--your-webcomponent-text-color, #000);\n    }\n  `;\n}\n"]}

package/dist/test/mediatype-icon.test.js

@@ -1,3 +0,0 @@
-"use strict";
-describe('MediatypeIcon', () => { });
-//# sourceMappingURL=mediatype-icon.test.js.map

package/dist/test/mediatype-icon.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mediatype-icon.test.js","sourceRoot":"","sources":["../../test/mediatype-icon.test.ts"],"names":[],"mappings":";AAAA,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC","sourcesContent":["describe('MediatypeIcon', () => {});\n"]}

package/dist/test/mediatypeConfig.test.d.ts

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

package/dist/test/mediatypeConfig.test.js

@@ -1,17 +0,0 @@
-import { expect } from '@open-wc/testing';
-import { mediatypeConfig } from '../src/mediatype/mediatypeConfig';
-describe('mediatypeConfig', () => {
-    it('returns undefined', () => {
-        expect(mediatypeConfig['']).to.equal(undefined);
-        expect(mediatypeConfig.test).to.equal(undefined);
-        expect(mediatypeConfig.media).to.equal(undefined);
-        expect(mediatypeConfig.testing).to.equal(undefined);
-    });
-    it('returns audio', () => {
-        expect(mediatypeConfig.audio).to.exist;
-        expect(mediatypeConfig.audio.color).to.exist;
-        expect(mediatypeConfig.audio.icon).to.exist;
-        expect(mediatypeConfig.audio.text).to.exist;
-    });
-});
-//# sourceMappingURL=mediatypeConfig.test.js.map

package/dist/test/mediatypeConfig.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mediatypeConfig.test.js","sourceRoot":"","sources":["../../test/mediatypeConfig.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAEnE,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;QAC3B,MAAM,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAChD,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACjD,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAClD,MAAM,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IACtD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,eAAe,EAAE,GAAG,EAAE;QACvB,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QACvC,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC7C,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC5C,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IAC9C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { expect } from '@open-wc/testing';\nimport { mediatypeConfig } from '../src/mediatype/mediatypeConfig';\n\ndescribe('mediatypeConfig', () => {\n  it('returns undefined', () => {\n    expect(mediatypeConfig['']).to.equal(undefined);\n    expect(mediatypeConfig.test).to.equal(undefined);\n    expect(mediatypeConfig.media).to.equal(undefined);\n    expect(mediatypeConfig.testing).to.equal(undefined);\n  });\n\n  it('returns audio', () => {\n    expect(mediatypeConfig.audio).to.exist;\n    expect(mediatypeConfig.audio.color).to.exist;\n    expect(mediatypeConfig.audio.icon).to.exist;\n    expect(mediatypeConfig.audio.text).to.exist;\n  });\n});\n"]}

package/dist/test/utils/format-string.test.d.ts

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

package/dist/test/utils/format-string.test.js

@@ -1,17 +0,0 @@
-import { expect } from '@open-wc/testing';
-import { isStrOneLiner } from '../../src/utils/format-string';
-const testShortTextNoSpaces = 'Loremipsumdolorsitamet';
-const testLongText = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua';
-const testLongOnelineText = 'Loremipsumdolorsitamet,consecteturadipiscingelit,seddoeiusmodtemporincididuntutlaboreetdoloremagnaaliqua';
-describe('isStrOneLiner', () => {
-    it('returns true if string has no spaces and have long text', () => {
-        expect(isStrOneLiner(testLongOnelineText)).to.equal(true);
-    });
-    it('returns false if string has no spaces but text length not more than 24', () => {
-        expect(isStrOneLiner(testShortTextNoSpaces)).to.equal(false);
-    });
-    it('returns false if string has spaces', () => {
-        expect(isStrOneLiner(testLongText)).to.equal(false);
-    });
-});
-//# sourceMappingURL=format-string.test.js.map

package/dist/test/utils/format-string.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"format-string.test.js","sourceRoot":"","sources":["../../../test/utils/format-string.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,MAAM,qBAAqB,GAAG,wBAAwB,CAAC;AACvD,MAAM,YAAY,GAChB,4HAA4H,CAAC;AAC/H,MAAM,mBAAmB,GACvB,0GAA0G,CAAC;AAE7G,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,yDAAyD,EAAE,GAAG,EAAE;QACjE,MAAM,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wEAAwE,EAAE,GAAG,EAAE;QAChF,MAAM,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC/D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE,GAAG,EAAE;QAC5C,MAAM,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACtD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { expect } from '@open-wc/testing';\nimport { isStrOneLiner } from '../../src/utils/format-string';\n\nconst testShortTextNoSpaces = 'Loremipsumdolorsitamet';\nconst testLongText =\n  'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua';\nconst testLongOnelineText =\n  'Loremipsumdolorsitamet,consecteturadipiscingelit,seddoeiusmodtemporincididuntutlaboreetdoloremagnaaliqua';\n\ndescribe('isStrOneLiner', () => {\n  it('returns true if string has no spaces and have long text', () => {\n    expect(isStrOneLiner(testLongOnelineText)).to.equal(true);\n  });\n\n  it('returns false if string has no spaces but text length not more than 24', () => {\n    expect(isStrOneLiner(testShortTextNoSpaces)).to.equal(false);\n  });\n\n  it('returns false if string has spaces', () => {\n    expect(isStrOneLiner(testLongText)).to.equal(false);\n  });\n});\n"]}

package/dist/test/your-webcomponent.test.d.ts

@@ -1 +0,0 @@
-import '../src/your-webcomponent';

package/dist/test/your-webcomponent.test.js

@@ -1,23 +0,0 @@
-import { html, fixture, expect } from '@open-wc/testing';
-import '../src/your-webcomponent';
-describe('YourWebComponent', () => {
-    it('has a default title "Hey there" and counter 5', async () => {
-        const el = await fixture(html `<your-webcomponent></your-webcomponent>`);
-        expect(el.title).to.equal('Hey there');
-        expect(el.counter).to.equal(5);
-    });
-    it('increases the counter on button click', async () => {
-        const el = await fixture(html `<your-webcomponent></your-webcomponent>`);
-        el.shadowRoot.querySelector('button').click();
-        expect(el.counter).to.equal(6);
-    });
-    it('can override the title via attribute', async () => {
-        const el = await fixture(html `<your-webcomponent title="attribute title"></your-webcomponent>`);
-        expect(el.title).to.equal('attribute title');
-    });
-    it('passes the a11y audit', async () => {
-        const el = await fixture(html `<your-webcomponent></your-webcomponent>`);
-        await expect(el).shadowDom.to.be.accessible();
-    });
-});
-//# sourceMappingURL=your-webcomponent.test.js.map

package/dist/test/your-webcomponent.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"your-webcomponent.test.js","sourceRoot":"","sources":["../../test/your-webcomponent.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAGzD,OAAO,0BAA0B,CAAC;AAElC,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,+CAA+C,EAAE,KAAK,IAAI,EAAE;QAC7D,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,yCAAyC,CAC9C,CAAC;QAEF,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QACvC,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,yCAAyC,CAC9C,CAAC;QACF,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,QAAQ,CAAE,CAAC,KAAK,EAAE,CAAC;QAEhD,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACpD,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,iEAAiE,CACtE,CAAC;QAEF,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uBAAuB,EAAE,KAAK,IAAI,EAAE;QACrC,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,yCAAyC,CAC9C,CAAC;QAEF,MAAM,MAAM,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC;IAChD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { html, fixture, expect } from '@open-wc/testing';\n\nimport type { YourWebComponent } from '../src/your-webcomponent';\nimport '../src/your-webcomponent';\n\ndescribe('YourWebComponent', () => {\n  it('has a default title \"Hey there\" and counter 5', async () => {\n    const el = await fixture<YourWebComponent>(\n      html`<your-webcomponent></your-webcomponent>`\n    );\n\n    expect(el.title).to.equal('Hey there');\n    expect(el.counter).to.equal(5);\n  });\n\n  it('increases the counter on button click', async () => {\n    const el = await fixture<YourWebComponent>(\n      html`<your-webcomponent></your-webcomponent>`\n    );\n    el.shadowRoot!.querySelector('button')!.click();\n\n    expect(el.counter).to.equal(6);\n  });\n\n  it('can override the title via attribute', async () => {\n    const el = await fixture<YourWebComponent>(\n      html`<your-webcomponent title=\"attribute title\"></your-webcomponent>`\n    );\n\n    expect(el.title).to.equal('attribute title');\n  });\n\n  it('passes the a11y audit', async () => {\n    const el = await fixture<YourWebComponent>(\n      html`<your-webcomponent></your-webcomponent>`\n    );\n\n    await expect(el).shadowDom.to.be.accessible();\n  });\n});\n"]}