@noctuatech/uswds 0.2.1 → 1.0.0

package/src/lib/pagination/pagination.stories.ts

@@ -0,0 +1,62 @@
+import type { Meta, StoryObj } from "@storybook/web-components";
+import { html } from "lit";
+
+import type { USAPaginationElement } from "./pagination.element.js";
+
+// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
+const meta = {
+  title: "usa-pagination",
+  tags: ["autodocs"],
+  render(args) {
+    return html`
+      <usa-pagination>
+        <usa-pagination-item>
+          <usa-link href="#">
+            <usa-icon icon="navigate_before"></usa-icon> Previous
+          </usa-link>
+        </usa-pagination-item>
+        
+        <usa-pagination-item>
+          <usa-pagination-no>1</usa-pagination-no>
+        </usa-pagination-item>
+
+        <usa-pagination-item>...</usa-pagination-item>
+        
+        <usa-pagination-item>
+          <usa-pagination-no>9</usa-pagination-no>
+        </usa-pagination-item>
+        
+        <usa-pagination-item>
+          <usa-pagination-no active>10</usa-pagination-no>
+        </usa-pagination-item>
+
+        <usa-pagination-item>
+          <usa-pagination-no>11</usa-pagination-no>
+        </usa-pagination-item>
+
+        <usa-pagination-item>...</usa-pagination-item>
+
+        <usa-pagination-item>
+          <usa-pagination-no>24</usa-pagination-no>
+        </usa-pagination-item>
+        
+        <usa-pagination-item>
+          <usa-link href="#">
+            Next <usa-icon icon="navigate_next"></usa-icon>
+          </usa-link>
+        </usa-pagination-item>
+      </usa-pagination>
+    `;
+  },
+  argTypes: {},
+  args: {},
+} satisfies Meta<USAPaginationElement>;
+
+export default meta;
+
+type Story = StoryObj<USAPaginationElement>;
+
+// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
+export const Primary: Story = {
+  args: {},
+};

package/src/lib/pagination/pagination.test.ts

@@ -0,0 +1,15 @@
+import "./pagination.element.js";
+
+import { assert, fixture, html } from "@open-wc/testing";
+
+import type { USAPaginationElement } from "./pagination.element.js";
+
+describe("usa-pagination", () => {
+  it("should be accessible", async () => {
+    const pagination = await fixture<USAPaginationElement>(html`
+      <usa-pagination>Hello World</usa-pagination>
+    `);
+
+    return assert.isAccessible(pagination);
+  });
+});

package/src/lib.ts

@@ -41,3 +41,9 @@ export { USAProcessListElement } from "./lib/process-list/process-list.element.j
 export { USAProcessListItemElement } from "./lib/process-list/process-list-item/process-list-item.element.js";
 export { USAInPageNavElement } from "./lib/in-page-nav/in-page-nav.element.js";
 export { USAInPageNavItemElement } from "./lib/in-page-nav/in-page-nav-item/in-page-nav-item.element.js";
+export { USAButtonGroupElement } from "./lib/button-group/button-group.element.js";
+export { USABreadcrumbsElement } from "./lib/breadcrumbs/breadcrumbs.element.js";
+export { USABreadcrumbElement } from "./lib/breadcrumbs/breadcrumb/breadcrumb.element.js";
+export { USAPaginationElement } from "./lib/pagination/pagination.element.js";
+export { USAPaginationItemElement } from "./lib/pagination/pagination-item/pagination-item.element.js";
+export { USAPaginationNoElement } from "./lib/pagination/pagination-no/pagination-no.element.js";

package/target/lib/breadcrumbs/breadcrumb/breadcrumb.element.d.ts

@@ -0,0 +1,11 @@
+declare global {
+    interface HTMLElementTagNameMap {
+        "usa-breadcrumb": USABreadcrumbElement;
+    }
+}
+export declare class USABreadcrumbElement extends HTMLElement {
+    #private;
+    accessor href: string;
+    accessor role: string;
+    attributeChangedCallback(): void;
+}

package/target/lib/breadcrumbs/breadcrumb/breadcrumb.element.js

@@ -0,0 +1,48 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { attr, css, element, html, query } from "@joist/element";
+let USABreadcrumbElement = (() => {
+    let _classDecorators = [element({
+            tagName: "usa-breadcrumb",
+            shadowDom: [
+                css `:host{position:relative;right:auto;display:inline;max-width:unset;padding-right:1.5rem}:host(:last-child) usa-icon{display:none}a[href]{color:#005ea2;display:inline;text-decoration:underline}usa-icon{height:1rem;width:1.5rem;position:absolute;top:.075rem}`,
+                html `<a><slot></slot></a><usa-icon icon="navigate_next"></usa-icon>`,
+            ],
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    let _href_decorators;
+    let _href_initializers = [];
+    let _href_extraInitializers = [];
+    let _role_decorators;
+    let _role_initializers = [];
+    let _role_extraInitializers = [];
+    var USABreadcrumbElement = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _href_decorators = [attr()];
+            _role_decorators = [attr()];
+            __esDecorate(this, null, _href_decorators, { kind: "accessor", name: "href", static: false, private: false, access: { has: obj => "href" in obj, get: obj => obj.href, set: (obj, value) => { obj.href = value; } }, metadata: _metadata }, _href_initializers, _href_extraInitializers);
+            __esDecorate(this, null, _role_decorators, { kind: "accessor", name: "role", static: false, private: false, access: { has: obj => "role" in obj, get: obj => obj.role, set: (obj, value) => { obj.role = value; } }, metadata: _metadata }, _role_initializers, _role_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            USABreadcrumbElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        #href_accessor_storage = __runInitializers(this, _href_initializers, "");
+        get href() { return this.#href_accessor_storage; }
+        set href(value) { this.#href_accessor_storage = value; }
+        #role_accessor_storage = (__runInitializers(this, _href_extraInitializers), __runInitializers(this, _role_initializers, "listitem"));
+        get role() { return this.#role_accessor_storage; }
+        set role(value) { this.#role_accessor_storage = value; }
+        #a = (__runInitializers(this, _role_extraInitializers), query("a"));
+        attributeChangedCallback() {
+            this.#a({ href: this.href });
+        }
+    };
+    return USABreadcrumbElement = _classThis;
+})();
+export { USABreadcrumbElement };
+//# sourceMappingURL=breadcrumb.element.js.map

package/target/lib/breadcrumbs/breadcrumb/breadcrumb.element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.element.js","sourceRoot":"","sources":["../../../../src/lib/breadcrumbs/breadcrumb/breadcrumb.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;IA8CpD,oBAAoB;4BAtChC,OAAO,CAAC;YACP,OAAO,EAAE,gBAAgB;YACzB,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;KAyBF;gBACD,IAAI,CAAA;;;;;;KAMH;aACF;SACF,CAAC;;;;sBACwC,WAAW;;;;;;;oCAAnB,SAAQ,WAAW;;;;gCAClD,IAAI,EAAE;gCAGN,IAAI,EAAE;YAFP,iKAAS,IAAI,6BAAJ,IAAI,mFAAM;YAGnB,iKAAS,IAAI,6BAAJ,IAAI,mFAAc;YAL7B,6KAYC;;;YAZY,uDAAoB;;QAE/B,qEAAgB,EAAE,EAAC;QAAnB,IAAS,IAAI,0CAAM;QAAnB,IAAS,IAAI,gDAAM;QAGnB,wHAAgB,UAAU,GAAC;QAA3B,IAAS,IAAI,0CAAc;QAA3B,IAAS,IAAI,gDAAc;QAE3B,EAAE,sDAAG,KAAK,CAAC,GAAG,CAAC,EAAC;QAEhB,wBAAwB;YACtB,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QAC/B,CAAC;;;;SAXU,oBAAoB"}

package/target/lib/breadcrumbs/breadcrumbs.element.d.ts

@@ -0,0 +1,9 @@
+declare global {
+    interface HTMLElementTagNameMap {
+        "usa-breadcrumbs": USABreadcrumbsElement;
+    }
+}
+export declare class USABreadcrumbsElement extends HTMLElement {
+    accessor role: string;
+    accessor wrap: boolean;
+}

package/target/lib/breadcrumbs/breadcrumbs.element.js

@@ -0,0 +1,48 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { attr, css, element, html } from "@joist/element";
+let USABreadcrumbsElement = (() => {
+    let _classDecorators = [element({
+            tagName: "usa-breadcrumbs",
+            shadowDom: [
+                css `:host{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:0;margin-top:0;list-style-type:none;padding-left:0;display:block;padding:.25rem;margin-left:-.25rem;margin-right:-.25rem}:host([wrap]){white-space:normal}`,
+                html `<slot></slot>`,
+            ],
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    let _role_decorators;
+    let _role_initializers = [];
+    let _role_extraInitializers = [];
+    let _wrap_decorators;
+    let _wrap_initializers = [];
+    let _wrap_extraInitializers = [];
+    var USABreadcrumbsElement = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _role_decorators = [attr()];
+            _wrap_decorators = [attr()];
+            __esDecorate(this, null, _role_decorators, { kind: "accessor", name: "role", static: false, private: false, access: { has: obj => "role" in obj, get: obj => obj.role, set: (obj, value) => { obj.role = value; } }, metadata: _metadata }, _role_initializers, _role_extraInitializers);
+            __esDecorate(this, null, _wrap_decorators, { kind: "accessor", name: "wrap", static: false, private: false, access: { has: obj => "wrap" in obj, get: obj => obj.wrap, set: (obj, value) => { obj.wrap = value; } }, metadata: _metadata }, _wrap_initializers, _wrap_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            USABreadcrumbsElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        #role_accessor_storage = __runInitializers(this, _role_initializers, "list");
+        get role() { return this.#role_accessor_storage; }
+        set role(value) { this.#role_accessor_storage = value; }
+        #wrap_accessor_storage = (__runInitializers(this, _role_extraInitializers), __runInitializers(this, _wrap_initializers, false));
+        get wrap() { return this.#wrap_accessor_storage; }
+        set wrap(value) { this.#wrap_accessor_storage = value; }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _wrap_extraInitializers);
+        }
+    };
+    return USABreadcrumbsElement = _classThis;
+})();
+export { USABreadcrumbsElement };
+//# sourceMappingURL=breadcrumbs.element.js.map

package/target/lib/breadcrumbs/breadcrumbs.element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.element.js","sourceRoot":"","sources":["../../../src/lib/breadcrumbs/breadcrumbs.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;IAmC7C,qBAAqB;4BA3BjC,OAAO,CAAC;YACP,OAAO,EAAE,iBAAiB;YAC1B,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;KAkBF;gBACD,IAAI,CAAA;;KAEH;aACF;SACF,CAAC;;;;sBACyC,WAAW;;;;;;;qCAAnB,SAAQ,WAAW;;;;gCACnD,IAAI,EAAE;gCAGN,IAAI,EAAE;YAFP,iKAAS,IAAI,6BAAJ,IAAI,mFAAU;YAGvB,iKAAS,IAAI,6BAAJ,IAAI,mFAAS;YALxB,6KAMC;;;YANY,uDAAqB;;QAEhC,qEAAgB,MAAM,EAAC;QAAvB,IAAS,IAAI,0CAAU;QAAvB,IAAS,IAAI,gDAAU;QAGvB,wHAAgB,KAAK,GAAC;QAAtB,IAAS,IAAI,0CAAS;QAAtB,IAAS,IAAI,gDAAS;;;;;;;;SALX,qBAAqB"}

package/target/lib/breadcrumbs/breadcrumbs.stories.d.ts

@@ -0,0 +1,12 @@
+import type { StoryObj } from "@storybook/web-components";
+import type { USABreadcrumbsElement } from "./breadcrumbs.element.js";
+declare const meta: {
+    title: string;
+    tags: string[];
+    render(): import("lit-html").TemplateResult<1>;
+    argTypes: {};
+    args: {};
+};
+export default meta;
+type Story = StoryObj<USABreadcrumbsElement>;
+export declare const Primary: Story;

package/target/lib/breadcrumbs/breadcrumbs.stories.js

@@ -0,0 +1,17 @@
+import { html } from "lit";
+// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
+const meta = {
+    title: "usa-breadcrumbs",
+    tags: ["autodocs"],
+    render() {
+        return html `<usa-breadcrumbs><usa-breadcrumb href="/">Home</usa-breadcrumb><usa-breadcrumb href="/">Federal Contracting</usa-breadcrumb><usa-breadcrumb href="/">Contracting assistance programs</usa-breadcrumb><usa-breadcrumb>Economically disadvantaged women-owned small business federal contracting program</usa-breadcrumb></usa-breadcrumbs>`;
+    },
+    argTypes: {},
+    args: {},
+};
+export default meta;
+// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
+export const Primary = {
+    args: {},
+};
+//# sourceMappingURL=breadcrumbs.stories.js.map

package/target/lib/breadcrumbs/breadcrumbs.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.stories.js","sourceRoot":"","sources":["../../../src/lib/breadcrumbs/breadcrumbs.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAI3B,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,iBAAiB;IACxB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;KAOV,CAAC;IACJ,CAAC;IACD,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CAC6B,CAAC;AAExC,eAAe,IAAI,CAAC;AAIpB,wFAAwF;AACxF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,CAAC"}

package/target/lib/breadcrumbs/breadcrumbs.test.d.ts

@@ -0,0 +1,2 @@
+import "./breadcrumbs.element.js";
+import "./breadcrumb/breadcrumb.element.js";

package/target/lib/breadcrumbs/breadcrumbs.test.js

@@ -0,0 +1,10 @@
+import "./breadcrumbs.element.js";
+import "./breadcrumb/breadcrumb.element.js";
+import { assert, fixture, html } from "@open-wc/testing";
+describe("usa-breadcrumbs", () => {
+    it("should be accessible", async () => {
+        const breadcrumbs = await fixture(html `<usa-breadcrumbs><usa-breadcrumb href="/">Home</usa-breadcrumb><usa-breadcrumb href="/">Federal Contracting</usa-breadcrumb><usa-breadcrumb href="/">Contracting assistance programs</usa-breadcrumb><usa-breadcrumb>Economically disadvantaged women-owned small business federal contracting program</usa-breadcrumb></usa-breadcrumbs>`);
+        return assert.isAccessible(breadcrumbs);
+    });
+});
+//# sourceMappingURL=breadcrumbs.test.js.map

package/target/lib/breadcrumbs/breadcrumbs.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.test.js","sourceRoot":"","sources":["../../../src/lib/breadcrumbs/breadcrumbs.test.ts"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,CAAC;AAClC,OAAO,oCAAoC,CAAC;AAE5C,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIzD,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,WAAW,GAAG,MAAM,OAAO,CAAwB,IAAI,CAAA;;;;;;;KAO5D,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/target/lib/button-group/button-group.element.d.ts

@@ -0,0 +1,7 @@
+declare global {
+    interface HTMLElementTagNameMap {
+        "usa-button-group": USAButtonGroupElement;
+    }
+}
+export declare class USAButtonGroupElement extends HTMLElement {
+}

package/target/lib/button-group/button-group.element.js

@@ -0,0 +1,28 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, element, html } from "@joist/element";
+let USAButtonGroupElement = (() => {
+    let _classDecorators = [element({
+            tagName: "usa-button-group",
+            shadowDom: [
+                css `:host{display:flex;gap:.5rem;margin-top:.25rem;margin-bottom:.25rem}@media (min-width:30em){:host{flex-wrap:nowrap;align-items:stretch;flex-direction:row}}`,
+                html `<slot></slot>`,
+            ],
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    var USAButtonGroupElement = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            USAButtonGroupElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return USAButtonGroupElement = _classThis;
+})();
+export { USAButtonGroupElement };
+//# sourceMappingURL=button-group.element.js.map

package/target/lib/button-group/button-group.element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.element.js","sourceRoot":"","sources":["../../../src/lib/button-group/button-group.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;IAgCvC,qBAAqB;4BAxBjC,OAAO,CAAC;YACP,OAAO,EAAE,kBAAkB;YAC3B,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;KAeF;gBACD,IAAI,CAAA;;KAEH;aACF;SACF,CAAC;;;;sBACyC,WAAW;qCAAnB,SAAQ,WAAW;;;;YAAtD,6KAAyD;;;YAA5C,uDAAqB;;;;;SAArB,qBAAqB"}

package/target/lib/button-group/button-group.stories.d.ts

@@ -0,0 +1,12 @@
+import type { StoryObj } from "@storybook/web-components";
+import type { USAButtonGroupElement } from "./button-group.element.js";
+declare const meta: {
+    title: string;
+    tags: string[];
+    render(): import("lit-html").TemplateResult<1>;
+    argTypes: {};
+    args: {};
+};
+export default meta;
+type Story = StoryObj<USAButtonGroupElement>;
+export declare const Primary: Story;

package/target/lib/button-group/button-group.stories.js

@@ -0,0 +1,17 @@
+import { html } from "lit";
+// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
+const meta = {
+    title: "usa-button-group",
+    tags: ["autodocs"],
+    render() {
+        return html `<usa-button-group><usa-button variant="outline">Back</usa-button><usa-button variant="primary">Continue</usa-button></usa-button-group>`;
+    },
+    argTypes: {},
+    args: {},
+};
+export default meta;
+// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
+export const Primary = {
+    args: {},
+};
+//# sourceMappingURL=button-group.stories.js.map

package/target/lib/button-group/button-group.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.stories.js","sourceRoot":"","sources":["../../../src/lib/button-group/button-group.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAI3B,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,kBAAkB;IACzB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;KAKV,CAAC;IACJ,CAAC;IACD,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CAC6B,CAAC;AAExC,eAAe,IAAI,CAAC;AAIpB,wFAAwF;AACxF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,CAAC"}

package/target/lib/button-group/button-group.test.d.ts

@@ -0,0 +1 @@
+import "./button-group.element.js";

package/target/lib/button-group/button-group.test.js

@@ -0,0 +1,9 @@
+import "./button-group.element.js";
+import { assert, fixture, html } from "@open-wc/testing";
+describe("usa-button-group", () => {
+    it("should be accessible", async () => {
+        const buttonGroup = await fixture(html `<usa-button-group>Hello World</usa-button-group>`);
+        return assert.isAccessible(buttonGroup);
+    });
+});
+//# sourceMappingURL=button-group.test.js.map

package/target/lib/button-group/button-group.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.test.js","sourceRoot":"","sources":["../../../src/lib/button-group/button-group.test.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AAEnC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIzD,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,WAAW,GAAG,MAAM,OAAO,CAAwB,IAAI,CAAA;;KAE5D,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/target/lib/define.d.ts

@@ -41,3 +41,9 @@ import "./process-list/process-list.element.js";
 import "./process-list/process-list-item/process-list-item.element.js";
 import "./in-page-nav/in-page-nav.element.js";
 import "./in-page-nav/in-page-nav-item/in-page-nav-item.element.js";
+import "./button-group/button-group.element.js";
+import "./breadcrumbs/breadcrumbs.element.js";
+import "./breadcrumbs/breadcrumb/breadcrumb.element.js";
+import "./pagination/pagination.element.js";
+import "./pagination/pagination-item/pagination-item.element.js";
+import "./pagination/pagination-no/pagination-no.element.js";

package/target/lib/define.js

@@ -41,4 +41,10 @@ import "./process-list/process-list.element.js";
 import "./process-list/process-list-item/process-list-item.element.js";
 import "./in-page-nav/in-page-nav.element.js";
 import "./in-page-nav/in-page-nav-item/in-page-nav-item.element.js";
+import "./button-group/button-group.element.js";
+import "./breadcrumbs/breadcrumbs.element.js";
+import "./breadcrumbs/breadcrumb/breadcrumb.element.js";
+import "./pagination/pagination.element.js";
+import "./pagination/pagination-item/pagination-item.element.js";
+import "./pagination/pagination-no/pagination-no.element.js";
 //# sourceMappingURL=define.js.map

package/target/lib/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","sourceRoot":"","sources":["../../src/lib/define.ts"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAC;AACpC,OAAO,0BAA0B,CAAC;AAClC,OAAO,4BAA4B,CAAC;AACpC,OAAO,gCAAgC,CAAC;AACxC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,oCAAoC,CAAC;AAC5C,OAAO,+DAA+D,CAAC;AACvE,OAAO,wBAAwB,CAAC;AAChC,OAAO,0BAA0B,CAAC;AAClC,OAAO,oCAAoC,CAAC;AAC5C,OAAO,wBAAwB,CAAC;AAChC,OAAO,0BAA0B,CAAC;AAClC,OAAO,8CAA8C,CAAC;AACtD,OAAO,4BAA4B,CAAC;AACpC,OAAO,iDAAiD,CAAC;AACzD,OAAO,sBAAsB,CAAC;AAC9B,OAAO,kCAAkC,CAAC;AAC1C,OAAO,gCAAgC,CAAC;AACxC,OAAO,mDAAmD,CAAC;AAC3D,OAAO,sCAAsC,CAAC;AAC9C,OAAO,4CAA4C,CAAC;AACpD,OAAO,uCAAuC,CAAC;AAC/C,OAAO,0BAA0B,CAAC;AAClC,OAAO,4CAA4C,CAAC;AACpD,OAAO,gDAAgD,CAAC;AACxD,OAAO,wBAAwB,CAAC;AAChC,OAAO,2CAA2C,CAAC;AACnD,OAAO,uCAAuC,CAAC;AAC/C,OAAO,2CAA2C,CAAC;AACnD,OAAO,yCAAyC,CAAC;AACjD,OAAO,yCAAyC,CAAC;AACjD,OAAO,gCAAgC,CAAC;AACxC,OAAO,oCAAoC,CAAC;AAC5C,OAAO,yDAAyD,CAAC;AACjE,OAAO,qDAAqD,CAAC;AAC7D,OAAO,wCAAwC,CAAC;AAChD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,0DAA0D,CAAC;AAClE,OAAO,4BAA4B,CAAC;AACpC,OAAO,wCAAwC,CAAC;AAChD,OAAO,+DAA+D,CAAC;AACvE,OAAO,sCAAsC,CAAC;AAC9C,OAAO,4DAA4D,CAAC"}
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../src/lib/define.ts"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAC;AACpC,OAAO,0BAA0B,CAAC;AAClC,OAAO,4BAA4B,CAAC;AACpC,OAAO,gCAAgC,CAAC;AACxC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,oCAAoC,CAAC;AAC5C,OAAO,+DAA+D,CAAC;AACvE,OAAO,wBAAwB,CAAC;AAChC,OAAO,0BAA0B,CAAC;AAClC,OAAO,oCAAoC,CAAC;AAC5C,OAAO,wBAAwB,CAAC;AAChC,OAAO,0BAA0B,CAAC;AAClC,OAAO,8CAA8C,CAAC;AACtD,OAAO,4BAA4B,CAAC;AACpC,OAAO,iDAAiD,CAAC;AACzD,OAAO,sBAAsB,CAAC;AAC9B,OAAO,kCAAkC,CAAC;AAC1C,OAAO,gCAAgC,CAAC;AACxC,OAAO,mDAAmD,CAAC;AAC3D,OAAO,sCAAsC,CAAC;AAC9C,OAAO,4CAA4C,CAAC;AACpD,OAAO,uCAAuC,CAAC;AAC/C,OAAO,0BAA0B,CAAC;AAClC,OAAO,4CAA4C,CAAC;AACpD,OAAO,gDAAgD,CAAC;AACxD,OAAO,wBAAwB,CAAC;AAChC,OAAO,2CAA2C,CAAC;AACnD,OAAO,uCAAuC,CAAC;AAC/C,OAAO,2CAA2C,CAAC;AACnD,OAAO,yCAAyC,CAAC;AACjD,OAAO,yCAAyC,CAAC;AACjD,OAAO,gCAAgC,CAAC;AACxC,OAAO,oCAAoC,CAAC;AAC5C,OAAO,yDAAyD,CAAC;AACjE,OAAO,qDAAqD,CAAC;AAC7D,OAAO,wCAAwC,CAAC;AAChD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,0DAA0D,CAAC;AAClE,OAAO,4BAA4B,CAAC;AACpC,OAAO,wCAAwC,CAAC;AAChD,OAAO,+DAA+D,CAAC;AACvE,OAAO,sCAAsC,CAAC;AAC9C,OAAO,4DAA4D,CAAC;AACpE,OAAO,wCAAwC,CAAC;AAChD,OAAO,sCAAsC,CAAC;AAC9C,OAAO,gDAAgD,CAAC;AACxD,OAAO,oCAAoC,CAAC;AAC5C,OAAO,yDAAyD,CAAC;AACjE,OAAO,qDAAqD,CAAC"}

package/target/lib/in-page-nav/in-page-nav-item/in-page-nav-item.element.js

@@ -4,7 +4,7 @@ let USAInPageNavItemElement = (() => {
     let _classDecorators = [element({
             tagName: "usa-in-page-nav-item",
             shadowDom: [
-                css `:host{border-left:solid .25rem transparent;display:flex;font-size:.93rem;line-height:1.1;position:relative}a{color:#005ea2;padding:.5rem 1rem;text-decoration:none}:host([primary]) a{font-weight:700}:host([active]) a{color:#1b1b1b}:host([active]){border-color:#1b1b1b;color:#1b1b1b}`,
+                css `:host{border-left:solid .25rem transparent;display:flex;font-size:.93rem;line-height:1.1;position:relative}a{color:#005ea2;padding:.5rem 1rem;text-decoration:none}a:hover{text-decoration:underline}:host([primary]) a{font-weight:700}:host([active]) a{color:#1b1b1b}:host([active]){border-color:#1b1b1b;color:#1b1b1b}`,
                 html `<a><slot></slot></a>`,
             ],
         })];

package/target/lib/in-page-nav/in-page-nav-item/in-page-nav-item.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"in-page-nav-item.element.js","sourceRoot":"","sources":["../../../../src/lib/in-page-nav/in-page-nav-item/in-page-nav-item.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;IA8C5D,uBAAuB;4BAtCnC,OAAO,CAAC;YACP,OAAO,EAAE,sBAAsB;YAC/B,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2BF;gBACD,IAAI,CAAA;;;;KAIH;aACF;SACF,CAAC;;;;sBAC2C,WAAW;;;;;;;;;;;;;;;uCAAnB,SAAQ,WAAW;;;;gCACrD,IAAI,EAAE;mCAGN,IAAI,EAAE;kCAGN,IAAI,EAAE;kCAGN,IAAI,EAAE;mCAaN,MAAM,CAAC,OAAO,CAAC;YArBhB,iKAAS,IAAI,6BAAJ,IAAI,mFAAc;YAG3B,0KAAS,OAAO,6BAAP,OAAO,yFAAS;YAGzB,uKAAS,MAAM,6BAAN,MAAM,uFAAM;YAGrB,uKAAS,MAAM,6BAAN,MAAM,uFAAS;YAaxB,wKAAM,OAAO,6DAQZ;YAhCH,6KAiCC;;;YAjCY,uDAAuB;;QAElC,0BAFW,mDAAuB,8CAElB,UAAU,GAAC;QAA3B,IAAS,IAAI,0CAAc;QAA3B,IAAS,IAAI,gDAAc;QAG3B,8HAAmB,KAAK,GAAC;QAAzB,IAAS,OAAO,6CAAS;QAAzB,IAAS,OAAO,mDAAS;QAGzB,+HAAkB,EAAE,GAAC;QAArB,IAAS,MAAM,4CAAM;QAArB,IAAS,MAAM,kDAAM;QAGrB,8HAAkB,KAAK,GAAC;QAAxB,IAAS,MAAM,4CAAS;QAAxB,IAAS,MAAM,kDAAS;QAExB,IAAI,aAAa;YACf,OAAO,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC9C,CAAC;QAED,EAAE,wDAAG,KAAK,CAAC,GAAG,CAAC,EAAC;QAEhB,wBAAwB;YACtB,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;QACvC,CAAC;QAGD,KAAK,CAAC,OAAO,CAAC,CAAQ;YACpB,CAAC,CAAC,cAAc,EAAE,CAAC;YAEnB,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;gBACvB,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;YAC5D,CAAC;YAED,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QACjD,CAAC;;;;SAhCU,uBAAuB"}
+{"version":3,"file":"in-page-nav-item.element.js","sourceRoot":"","sources":["../../../../src/lib/in-page-nav/in-page-nav-item/in-page-nav-item.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;IAkD5D,uBAAuB;4BA1CnC,OAAO,CAAC;YACP,OAAO,EAAE,sBAAsB;YAC/B,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+BF;gBACD,IAAI,CAAA;;;;KAIH;aACF;SACF,CAAC;;;;sBAC2C,WAAW;;;;;;;;;;;;;;;uCAAnB,SAAQ,WAAW;;;;gCACrD,IAAI,EAAE;mCAGN,IAAI,EAAE;kCAGN,IAAI,EAAE;kCAGN,IAAI,EAAE;mCAaN,MAAM,CAAC,OAAO,CAAC;YArBhB,iKAAS,IAAI,6BAAJ,IAAI,mFAAc;YAG3B,0KAAS,OAAO,6BAAP,OAAO,yFAAS;YAGzB,uKAAS,MAAM,6BAAN,MAAM,uFAAM;YAGrB,uKAAS,MAAM,6BAAN,MAAM,uFAAS;YAaxB,wKAAM,OAAO,6DAQZ;YAhCH,6KAiCC;;;YAjCY,uDAAuB;;QAElC,0BAFW,mDAAuB,8CAElB,UAAU,GAAC;QAA3B,IAAS,IAAI,0CAAc;QAA3B,IAAS,IAAI,gDAAc;QAG3B,8HAAmB,KAAK,GAAC;QAAzB,IAAS,OAAO,6CAAS;QAAzB,IAAS,OAAO,mDAAS;QAGzB,+HAAkB,EAAE,GAAC;QAArB,IAAS,MAAM,4CAAM;QAArB,IAAS,MAAM,kDAAM;QAGrB,8HAAkB,KAAK,GAAC;QAAxB,IAAS,MAAM,4CAAS;QAAxB,IAAS,MAAM,kDAAS;QAExB,IAAI,aAAa;YACf,OAAO,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC9C,CAAC;QAED,EAAE,wDAAG,KAAK,CAAC,GAAG,CAAC,EAAC;QAEhB,wBAAwB;YACtB,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;QACvC,CAAC;QAGD,KAAK,CAAC,OAAO,CAAC,CAAQ;YACpB,CAAC,CAAC,cAAc,EAAE,CAAC;YAEnB,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;gBACvB,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;YAC5D,CAAC;YAED,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QACjD,CAAC;;;;SAhCU,uBAAuB"}

package/target/lib/in-page-nav/in-page-nav.element.d.ts

@@ -5,6 +5,8 @@ declare global {
 }
 export declare class USAInPageNavElement extends HTMLElement {
     #private;
+    accessor role: string;
+    items: (updates?: (Partial<import("./in-page-nav-item/in-page-nav-item.element.js").USAInPageNavItemElement> | ((node: import("./in-page-nav-item/in-page-nav-item.element.js").USAInPageNavItemElement) => Partial<import("./in-page-nav-item/in-page-nav-item.element.js").USAInPageNavItemElement> | null)) | undefined) => NodeListOf<import("./in-page-nav-item/in-page-nav-item.element.js").USAInPageNavItemElement>;
     connectedCallback(): void;
     disconnectedCallback(): void;
 }

package/target/lib/in-page-nav/in-page-nav.element.js

@@ -1,5 +1,5 @@
 import { __esDecorate, __runInitializers } from "tslib";
-import { css, element, html, queryAll } from "@joist/element";
+import { attr, css, element, html, queryAll } from "@joist/element";
 let USAInPageNavElement = (() => {
     let _classDecorators = [element({
             tagName: "usa-in-page-nav",
@@ -12,20 +12,28 @@ let USAInPageNavElement = (() => {
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = HTMLElement;
+    let _role_decorators;
+    let _role_initializers = [];
+    let _role_extraInitializers = [];
     var USAInPageNavElement = class extends _classSuper {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _role_decorators = [attr()];
+            __esDecorate(this, null, _role_decorators, { kind: "accessor", name: "role", static: false, private: false, access: { has: obj => "role" in obj, get: obj => obj.role, set: (obj, value) => { obj.role = value; } }, metadata: _metadata }, _role_initializers, _role_extraInitializers);
             __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             USAInPageNavElement = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
             __runInitializers(_classThis, _classExtraInitializers);
         }
-        #items = queryAll("usa-in-page-nav-item", this);
+        #role_accessor_storage = __runInitializers(this, _role_initializers, "list");
+        get role() { return this.#role_accessor_storage; }
+        set role(value) { this.#role_accessor_storage = value; }
+        items = (__runInitializers(this, _role_extraInitializers), queryAll("usa-in-page-nav-item", this));
         #observer = new IntersectionObserver((entries) => {
             for (const entry of entries) {
                 if (entry.isIntersecting) {
-                    for (const item of this.#items()) {
+                    for (const item of this.items()) {
                         item.active = entry.target === item.targetElement;
                     }
                     break;
@@ -33,7 +41,7 @@ let USAInPageNavElement = (() => {
             }
         }, { rootMargin: "0px 0px -60% 0px" });
         connectedCallback() {
-            const items = this.#items();
+            const items = this.items();
             for (const item of items) {
                 if (item.targetElement) {
                     this.#observer.observe(item.targetElement);

package/target/lib/in-page-nav/in-page-nav.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"in-page-nav.element.js","sourceRoot":"","sources":["../../../src/lib/in-page-nav/in-page-nav.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;IA0BjD,mBAAmB;4BAlB/B,OAAO,CAAC;YACP,OAAO,EAAE,iBAAiB;YAC1B,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;KASF;gBACD,IAAI,CAAA;;KAEH;aACF;SACF,CAAC;;;;sBACuC,WAAW;mCAAnB,SAAQ,WAAW;;;;YAApD,6KA+BC;;;YA/BY,uDAAmB;;QAC9B,MAAM,GAAG,QAAQ,CAAC,sBAAsB,EAAE,IAAI,CAAC,CAAC;QAEhD,SAAS,GAAG,IAAI,oBAAoB,CAClC,CAAC,OAAO,EAAE,EAAE;YACV,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;gBAC5B,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;oBACzB,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC;wBACjC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,aAAa,CAAC;oBACpD,CAAC;oBAED,MAAM;gBACR,CAAC;YACH,CAAC;QACH,CAAC,EACD,EAAE,UAAU,EAAE,kBAAkB,EAAE,CACnC,CAAC;QAEF,iBAAiB;YACf,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;YAE5B,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;gBACzB,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;oBACvB,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;gBAC7C,CAAC;YACH,CAAC;QACH,CAAC;QAED,oBAAoB;YAClB,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC;QAC9B,CAAC;;;;SA9BU,mBAAmB"}
+{"version":3,"file":"in-page-nav.element.js","sourceRoot":"","sources":["../../../src/lib/in-page-nav/in-page-nav.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;IA0BvD,mBAAmB;4BAlB/B,OAAO,CAAC;YACP,OAAO,EAAE,iBAAiB;YAC1B,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;KASF;gBACD,IAAI,CAAA;;KAEH;aACF;SACF,CAAC;;;;sBACuC,WAAW;;;;mCAAnB,SAAQ,WAAW;;;;gCACjD,IAAI,EAAE;YACP,iKAAS,IAAI,6BAAJ,IAAI,mFAAU;YAFzB,6KAkCC;;;YAlCY,uDAAmB;;QAE9B,qEAAgB,MAAM,EAAC;QAAvB,IAAS,IAAI,0CAAU;QAAvB,IAAS,IAAI,gDAAU;QAEvB,KAAK,sDAAG,QAAQ,CAAC,sBAAsB,EAAE,IAAI,CAAC,EAAC;QAE/C,SAAS,GAAG,IAAI,oBAAoB,CAClC,CAAC,OAAO,EAAE,EAAE;YACV,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;gBAC5B,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;oBACzB,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC;wBAChC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,aAAa,CAAC;oBACpD,CAAC;oBAED,MAAM;gBACR,CAAC;YACH,CAAC;QACH,CAAC,EACD,EAAE,UAAU,EAAE,kBAAkB,EAAE,CACnC,CAAC;QAEF,iBAAiB;YACf,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;YAE3B,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;gBACzB,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;oBACvB,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;gBAC7C,CAAC;YACH,CAAC;QACH,CAAC;QAED,oBAAoB;YAClB,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC;QAC9B,CAAC;;;;SAjCU,mBAAmB"}