@blueprintui/cli 0.0.4 → 0.0.7

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/list/item/element.d.ts

@@ -0,0 +1,18 @@
+import { LitElement } from 'lit';
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/list.js';
+ * ```
+ *
+ * ```html
+ * <bp-list-item></bp-list-item>
+ * ```
+ *
+ * @element bp-list
+ * @slot - content
+ * @cssprop --background
+ */
+export declare class BpListItem extends LitElement {
+    static styles: CSSStyleSheet[];
+    render(): import("lit-html").TemplateResult<1>;
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/list/item/element.js

@@ -0,0 +1,26 @@
+import { html, LitElement } from 'lit';
+import { baseStyles } from '@blueprintui/components/internals';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/list.js';
+ * ```
+ *
+ * ```html
+ * <bp-list-item></bp-list-item>
+ * ```
+ *
+ * @element bp-list
+ * @slot - content
+ * @cssprop --background
+ */
+export class BpListItem extends LitElement {
+    static styles = [baseStyles, styles];
+    render() {
+        return html `
+      <li class="private-host">
+        <slot></slot>
+      </li>
+    `;
+    }
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/menu/element.d.ts

@@ -0,0 +1,26 @@
+import { LitElement } from 'lit';
+import { BpMenuItem } from './item/element.js';
+/**
+ * Menu
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/menu.js';
+ * ```
+ *
+ * ```html
+ * <bp-menu>
+ *
+ * </bp-menu>
+ * ```
+ *
+ * @element bp-menu
+ * @slot - content
+ * @cssprop --background
+ */
+export declare class BpMenu extends LitElement {
+    static styles: CSSStyleSheet[];
+    get ref(): {
+        items: NodeListOf<BpMenuItem>;
+    };
+    render(): import("lit-html").TemplateResult<1>;
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/menu/element.js

@@ -0,0 +1,41 @@
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { ariaMenu, baseStyles, keyList } from '@blueprintui/components/internals';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * Menu
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/menu.js';
+ * ```
+ *
+ * ```html
+ * <bp-menu>
+ *
+ * </bp-menu>
+ * ```
+ *
+ * @element bp-menu
+ * @slot - content
+ * @cssprop --background
+ */
+let BpMenu = class BpMenu extends LitElement {
+    static styles = [baseStyles, styles];
+    get ref() {
+        return {
+            items: this.querySelectorAll('bp-menu-item')
+        };
+    }
+    render() {
+        return html `
+      <div class="private-host">
+        <slot></slot>
+      </div>
+    `;
+    }
+};
+BpMenu = __decorate([
+    ariaMenu(),
+    keyList({ layout: 'both', loop: true })
+], BpMenu);
+export { BpMenu };

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/menu/index.d.ts

@@ -0,0 +1,2 @@
+export * from './element.js';
+export * from './item/element.js';

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/menu/index.js

@@ -0,0 +1,2 @@
+export * from './element.js';
+export * from './item/element.js';

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/menu/item/element.d.ts

@@ -0,0 +1,11 @@
+import { BaseButton } from '@blueprintui/components/internals';
+/**
+ * Menu Item
+ *
+ * @element bp-menu-item
+ * @slot - content
+ * @cssprop --background
+ */
+export declare class BpMenuItem extends BaseButton {
+    static styles: CSSStyleSheet[];
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/menu/item/element.js

@@ -0,0 +1,18 @@
+import { __decorate } from "tslib";
+import { baseStyles, interactionStyles, BaseButton } from '@blueprintui/components/internals';
+import { ariaMenuItem } from '@blueprintui/components/internals';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * Menu Item
+ *
+ * @element bp-menu-item
+ * @slot - content
+ * @cssprop --background
+ */
+let BpMenuItem = class BpMenuItem extends BaseButton {
+    static styles = [baseStyles, interactionStyles, styles];
+};
+BpMenuItem = __decorate([
+    ariaMenuItem()
+], BpMenuItem);
+export { BpMenuItem };

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/modal/element.d.ts

@@ -0,0 +1,21 @@
+import { BpPopup } from '@blueprintui/components/popup';
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/modal.js';
+ * ```
+ *
+ * ```html
+ * <bp-modal>
+ *
+ * </bp-modal>
+ * ```
+ *
+ * @element bp-modal
+ * @slot - content
+ * @cssprop --background
+ */
+export declare class BpModal extends BpPopup {
+    size: 'sm' | 'md' | 'lg';
+    static get styles(): CSSStyleSheet[];
+    constructor();
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/modal/element.js

@@ -0,0 +1,29 @@
+import { BpPopup } from '@blueprintui/components/popup';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/modal.js';
+ * ```
+ *
+ * ```html
+ * <bp-modal>
+ *
+ * </bp-modal>
+ * ```
+ *
+ * @element bp-modal
+ * @slot - content
+ * @cssprop --background
+ */
+export class BpModal extends BpPopup {
+    static properties = {
+        size: { type: String, reflect: true }
+    };
+    static get styles() {
+        return [...super.styles, styles];
+    }
+    constructor() {
+        super();
+        this.position = 'center';
+    }
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/modal/footer/element.d.ts

@@ -0,0 +1,6 @@
+import { LitElement } from 'lit';
+export declare class BpModalFooter extends LitElement {
+    static styles: CSSStyleSheet[];
+    render(): import("lit-html").TemplateResult<1>;
+    connectedCallback(): void;
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/modal/footer/element.js

@@ -0,0 +1,17 @@
+import { html, LitElement } from 'lit';
+import { baseStyles } from '@blueprintui/components/internals';
+import styles from './element.css' assert { type: 'css' };
+export class BpModalFooter extends LitElement {
+    static styles = [baseStyles, styles];
+    render() {
+        return html `
+      <div class="private-host">
+        <slot></slot>
+      </div>
+    `;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.slot = 'footer';
+    }
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/modal/header/element.d.ts

@@ -0,0 +1,6 @@
+import { LitElement } from 'lit';
+export declare class BpModalHeader extends LitElement {
+    static styles: CSSStyleSheet[];
+    render(): import("lit-html").TemplateResult<1>;
+    connectedCallback(): void;
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/modal/header/element.js

@@ -0,0 +1,17 @@
+import { html, LitElement } from 'lit';
+import { baseStyles } from '@blueprintui/components/internals';
+import styles from './element.css' assert { type: 'css' };
+export class BpModalHeader extends LitElement {
+    static styles = [baseStyles, styles];
+    render() {
+        return html `
+      <div class="private-host">
+        <slot></slot>
+      </div>
+    `;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.slot = 'header';
+    }
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/modal/index.d.ts

@@ -0,0 +1,3 @@
+export * from './element.js';
+export * from './footer/element.js';
+export * from './header/element.js';

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/modal/index.js

@@ -0,0 +1,3 @@
+export * from './element.js';
+export * from './footer/element.js';
+export * from './header/element.js';

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/month/element.d.ts

@@ -0,0 +1,26 @@
+import { PropertyValues } from 'lit';
+import { BpControl } from '@blueprintui/components/forms';
+/**
+ * Month Input
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/month.js';
+ * ```
+ *
+ * ```html
+ * <bp-month>
+ *   <label>month</label>
+ *   <input type="month" />
+ *   <bp-control-message>message text</bp-control-message>
+ * </bp-month>
+ * ```
+ *
+ * @beta
+ * @element bp-month
+ * @slot
+ */
+export declare class BpMonth extends BpControl {
+    protected get suffixTemplate(): import("lit-html").TemplateResult<1>;
+    static get styles(): CSSStyleSheet[];
+    firstUpdated(props: PropertyValues<this>): void;
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/month/element.js

@@ -0,0 +1,35 @@
+import { html } from 'lit';
+import { BpControl } from '@blueprintui/components/forms';
+import { attachRootNodeStyles, indicatorStyles } from '@blueprintui/components/internals';
+import { styles as inputStyles } from '@blueprintui/components/input';
+/**
+ * Month Input
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/month.js';
+ * ```
+ *
+ * ```html
+ * <bp-month>
+ *   <label>month</label>
+ *   <input type="month" />
+ *   <bp-control-message>message text</bp-control-message>
+ * </bp-month>
+ * ```
+ *
+ * @beta
+ * @element bp-month
+ * @slot
+ */
+export class BpMonth extends BpControl {
+    get suffixTemplate() {
+        return html `<bp-button-icon shape="calendar" readonly></bp-button-icon>`;
+    }
+    static get styles() {
+        return [...super.styles, inputStyles];
+    }
+    firstUpdated(props) {
+        super.firstUpdated(props);
+        attachRootNodeStyles(this, [indicatorStyles]);
+    }
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/month/index.d.ts

@@ -0,0 +1 @@
+export * from './element.js';

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/month/index.js

@@ -0,0 +1 @@
+export * from './element.js';

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/nav/element.d.ts

@@ -0,0 +1,27 @@
+import { LitElement, PropertyValues } from 'lit';
+import { BpNavItem } from './item/element.js';
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/nav.js';
+ * ```
+ *
+ * ```html
+ * <bp-nav></bp-nav>
+ * ```
+ *
+ * @element bp-nav
+ * @slot - content
+ * @event change
+ */
+export declare class BpNav extends LitElement {
+    #private;
+    expanded: boolean;
+    expandable: boolean;
+    get ref(): {
+        items: NodeListOf<BpNavItem>;
+    };
+    static get styles(): CSSStyleSheet[];
+    render(): import("lit-html").TemplateResult<1>;
+    connectedCallback(): Promise<void>;
+    updated(props: PropertyValues<this>): void;
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/nav/element.js

@@ -0,0 +1,68 @@
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { ariaNavigation, baseStyles, elevationStyles, keyList } from '@blueprintui/components/internals';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/nav.js';
+ * ```
+ *
+ * ```html
+ * <bp-nav></bp-nav>
+ * ```
+ *
+ * @element bp-nav
+ * @slot - content
+ * @event change
+ */
+let BpNav = class BpNav extends LitElement {
+    static properties = {
+        expanded: { type: Boolean, reflect: true },
+        expandable: { type: Boolean, reflect: true }
+    };
+    constructor() {
+        super(...arguments);
+        this.expanded = false;
+        this.expandable = false;
+    }
+    get ref() {
+        return {
+            items: this.#items
+        };
+    }
+    static get styles() {
+        return [baseStyles, elevationStyles, styles];
+    }
+    get #items() {
+        return this.querySelectorAll('bp-nav-item');
+    }
+    render() {
+        return html `
+    <div elevation class="private-host">
+      ${this.expandable ? html `
+        <bp-nav-item @click=${this.#change}>
+          <bp-icon shape="angle" .direction=${this.expanded ? 'left' : 'right'}></bp-icon>
+        </bp-nav-item>` : ''}
+      <slot></slot>
+    </div>
+    `;
+    }
+    async connectedCallback() {
+        super.connectedCallback();
+        await this.updateComplete;
+        this.scrollTop = parseInt(localStorage.getItem('bp-nav-scroll')) ?? 0; // todo: singleton service
+        window.addEventListener('beforeunload', () => localStorage.setItem('bp-nav-scroll', `${this.scrollTop}`));
+    }
+    updated(props) {
+        super.updated(props);
+        this.#items.forEach(i => i._expanded = this.expanded);
+    }
+    #change() {
+        this.dispatchEvent(new CustomEvent('change', { detail: this.expanded }));
+    }
+};
+BpNav = __decorate([
+    ariaNavigation(),
+    keyList({ layout: 'both', loop: true })
+], BpNav);
+export { BpNav };

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/nav/group/element.d.ts

@@ -0,0 +1,21 @@
+import { BaseButton } from '@blueprintui/components/internals';
+/**
+ * Button
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/nav.js';
+ * ```
+ *
+ * ```html
+ * <bp-nav-group>submit</bp-nav-group>
+ * ```
+ *
+ * @element bp-nav-group
+ * @slot
+ */
+export declare class BpNavGroup extends BaseButton {
+    #private;
+    expanded: boolean;
+    static get styles(): CSSStyleSheet[];
+    render(): import("lit-html").TemplateResult<1>;
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/nav/group/element.js

@@ -0,0 +1,46 @@
+import { html } from 'lit';
+import { BaseButton, baseStyles } from '@blueprintui/components/internals';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * Button
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/nav.js';
+ * ```
+ *
+ * ```html
+ * <bp-nav-group>submit</bp-nav-group>
+ * ```
+ *
+ * @element bp-nav-group
+ * @slot
+ */
+export class BpNavGroup extends BaseButton {
+    static properties = {
+        expanded: { type: Boolean, reflect: true }
+    };
+    get #items() {
+        return Array.from(this.querySelectorAll('bp-nav-item'));
+    }
+    static get styles() {
+        return [baseStyles, styles];
+    }
+    //__BLANK_LINE_PLACEHOLDER_G1JVXUEBNCL6YN5NFE13MD1PT3H9OIHB__
+    constructor() {
+        super();
+        this.expanded = false;
+    }
+    render() {
+        return html `
+      <div class="private-host">
+        <slot name="start"></slot>
+        <div class="items" ?hidden=${!this.expanded} ?inert=${!this.expanded}>
+          <slot @slotchange=${this.#updateItems}></slot>
+        </div>
+      </div>
+    `;
+    }
+    #updateItems() {
+        this.#items[0].slot = 'start';
+    }
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/nav/index.d.ts

@@ -0,0 +1,3 @@
+export * from './element.js';
+export * from './item/element.js';
+export * from './group/element.js';

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/nav/index.js

@@ -0,0 +1,3 @@
+export * from './element.js';
+export * from './item/element.js';
+export * from './group/element.js';

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/nav/item/element.d.ts

@@ -0,0 +1,16 @@
+import { BaseButton } from '@blueprintui/components/internals';
+/**
+ * Nav Item
+ *
+ * @element bp-nav-item
+ * @slot - content
+ * @cssprop --background
+ */
+export declare class BpNavItem extends BaseButton {
+    #private;
+    /** @private */
+    _expanded: boolean;
+    selected: boolean;
+    static styles: CSSStyleSheet[];
+    render(): import("lit-html").TemplateResult<1>;
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/nav/item/element.js

@@ -0,0 +1,41 @@
+import { html } from 'lit';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { baseStyles, interactionStyles, BaseButton } from '@blueprintui/components/internals';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * Nav Item
+ *
+ * @element bp-nav-item
+ * @slot - content
+ * @cssprop --background
+ */
+export class BpNavItem extends BaseButton {
+    static properties = {
+        _expanded: { type: Boolean, reflect: true },
+        selected: { type: Boolean, reflect: true }
+    };
+    static styles = [baseStyles, interactionStyles, styles];
+    //__BLANK_LINE_PLACEHOLDER_G1JVXUEBNCL6YN5NFE13MD1PT3H9OIHB__
+    constructor() {
+        super();
+        /** @private */
+        this._expanded = false;
+        this.selected = false;
+    }
+    get #icons() {
+        return this.querySelectorAll('bp-icon');
+    }
+    render() {
+        return html `<div interaction class="private-host">
+      ${this.href ? html `
+        <a href=${this.href} target=${ifDefined(this.target)}>
+          <slot name="icon"></slot>
+          <slot default @slotchange=${this.#updateSlots}></slot>
+        </a>`
+            : html `<slot name="icon"></slot><slot default @slotchange=${this.#updateSlots}></slot>`}
+    </div>`;
+    }
+    #updateSlots() {
+        this.#icons.forEach(i => i.slot = 'icon');
+    }
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/pagination/button/element.d.ts

@@ -0,0 +1,30 @@
+import { PropertyValues } from 'lit';
+import { BpButtonIcon } from '@blueprintui/components/button-icon';
+/**
+ * Web component pagination button to be used inside pagination.
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/pagination.js';
+ * ```
+ *
+ * ```html
+ * <bp-pagination>
+ *   <bp-pagination-button action="first" disabled></bp-pagination-button>
+ *   <bp-pagination-button action="prev" disabled></bp-pagination-button>
+ *   <span aria-label="current page">1 / 3</span>
+ *   <bp-pagination-button action="next"></bp-pagination-button>
+ *   <bp-pagination-button action="last"></bp-pagination-button>
+ * </bp-pagination>
+ * ```
+ *
+ * @beta
+ * @element bp-pagination-button
+ * @slot
+ * @slot bp-icon
+ * @cssprop --background
+ */
+export declare class BpPaginationButton extends BpButtonIcon {
+    #private;
+    action: 'first' | 'prev' | 'next' | 'last';
+    updated(props: PropertyValues<this>): void;
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/dist/lib/pagination/button/element.js

@@ -0,0 +1,51 @@
+import { BpButtonIcon } from '@blueprintui/components/button-icon';
+/**
+ * Web component pagination button to be used inside pagination.
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/pagination.js';
+ * ```
+ *
+ * ```html
+ * <bp-pagination>
+ *   <bp-pagination-button action="first" disabled></bp-pagination-button>
+ *   <bp-pagination-button action="prev" disabled></bp-pagination-button>
+ *   <span aria-label="current page">1 / 3</span>
+ *   <bp-pagination-button action="next"></bp-pagination-button>
+ *   <bp-pagination-button action="last"></bp-pagination-button>
+ * </bp-pagination>
+ * ```
+ *
+ * @beta
+ * @element bp-pagination-button
+ * @slot
+ * @slot bp-icon
+ * @cssprop --background
+ */
+export class BpPaginationButton extends BpButtonIcon {
+    static properties = {
+        action: { type: String }
+    };
+    //__BLANK_LINE_PLACEHOLDER_G1JVXUEBNCL6YN5NFE13MD1PT3H9OIHB__
+    constructor() {
+        super();
+        this.action = 'first';
+    }
+    get #icon() {
+        return this.shadowRoot.querySelector('bp-icon');
+    }
+    updated(props) {
+        super.updated(props);
+        const config = {
+            prev: { shape: 'angle', direction: 'left', label: this.i18n.previous },
+            next: { shape: 'angle', direction: 'right', label: this.i18n.next },
+            last: { shape: 'step-forward-two', direction: 'up', label: this.i18n.last },
+            first: { shape: 'step-forward-two', direction: 'down', label: this.i18n.first },
+        };
+        this.shape = config[this.action].shape;
+        this._internals.ariaLabel = config[this.action].label;
+        if (this.#icon) {
+            this.#icon.direction = config[this.action].direction;
+        }
+    }
+}