@blueprintui/cli 0.0.9 → 0.0.11

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/internals/utils/string.js

@@ -0,0 +1,25 @@
+export function camelCaseToKebabCase(value) {
+    return value.replace(/[A-Z]/g, l => `-${l.toLowerCase()}`);
+}
+export function isNumericString(val) {
+    return (typeof val === 'string') && (val.trim() !== '') && +val === +val;
+}
+export function createId(prefix = '_') {
+    return `${prefix}${Math.random().toString(36).substring(2, 9)}`;
+}
+export function getFromObjectPath(path, dataObj, fallback = `$\{${path}}`) {
+    return path.split('.').reduce((res, key) => {
+        try {
+            const value = res[key];
+            if (value === null || value === false || value === '' || value === 0) {
+                return value;
+            }
+            else {
+                return value || fallback;
+            }
+        }
+        catch {
+            return fallback;
+        }
+    }, dataObj);
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/internals/utils/time.d.ts

@@ -0,0 +1,3 @@
+export declare function getMonths(format?: 'long' | 'numeric' | '2-digit' | 'short' | 'narrow'): string[];
+/** returns next decade of the given year */
+export declare function getYearSelection(year: number): number[];

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/internals/utils/time.js

@@ -0,0 +1,13 @@
+export function getMonths(format = 'long') {
+    return Array.from(Array(12).keys()).map((_i, i) => {
+        const date = new Date();
+        date.setDate(1);
+        date.setMonth(i);
+        return date.toLocaleString('en-us', { month: format });
+    });
+}
+/** returns next decade of the given year */
+export function getYearSelection(year) {
+    let y = year;
+    return [year - 1, ...Array.from(Array(9).keys()).map(() => y++)];
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/internals/utils/traversal.d.ts

@@ -0,0 +1,5 @@
+export declare function getFlattenedFocusableItems(element: Node, depth?: number): HTMLElement[];
+export declare function getFlattenedDOMTree(node: Node, depth?: number): HTMLElement[];
+export declare function getChildren(node: any): any;
+export declare function isObject(val: any): boolean;
+export declare function mergeObjects(...objs: object[]): object;

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/internals/utils/traversal.js

@@ -0,0 +1,47 @@
+import { focusable } from './focus.js';
+export function getFlattenedFocusableItems(element, depth = 10) {
+    return getFlattenedDOMTree(element, depth).filter((e) => focusable(e));
+}
+export function getFlattenedDOMTree(node, depth = 10) {
+    return Array.from(getChildren(node))
+        .reduce((prev, next) => {
+        return [...prev, [next, [...Array.from(getChildren(next)).map((i) => [i, getFlattenedDOMTree(i, depth)])]]];
+    }, [])
+        .flat(depth);
+}
+export function getChildren(node) {
+    if (node.documentElement) {
+        return node.documentElement.children;
+    }
+    else if (node.shadowRoot) {
+        return node.shadowRoot.children;
+    }
+    else if (node.assignedElements) {
+        const slotted = node.assignedElements(); // slotted elements
+        return slotted.length ? slotted : node.children; // else slot fallback
+    }
+    else {
+        return node.children;
+    }
+}
+export function isObject(val) {
+    return val?.constructor === Object;
+}
+export function mergeObjects(...objs) {
+    const clone = {};
+    objs.map(o => isObject(o) ? { ...o } : {}).forEach((obj) => {
+        Object.keys(obj).forEach(prop => {
+            const propVal = obj[prop];
+            if (Array.isArray(propVal)) {
+                clone[prop] = Array.from(propVal);
+            }
+            else if (isObject(propVal)) {
+                clone[prop] = mergeObjects(clone[prop] || {}, propVal);
+            }
+            else {
+                clone[prop] = propVal;
+            }
+        });
+    });
+    return clone;
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/dist/lib/month/element.d.ts

@@ -0,0 +1,25 @@
+import { BpInput } from '@blueprintui/components/input';
+/**
+ * Month Input
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/month.js';
+ * ```
+ *
+ * ```html
+ * <bp-field>
+ *   <label>time</label>
+ *   <bp-month></bp-month>
+ *   <bp-field-message>message text</bp-field-message>
+ * </bp-field>
+ * ```
+ *
+ * @beta
+ * @element bp-month
+ * @slot
+ */
+export declare class BpMonth extends BpInput {
+    type: string;
+    static get styles(): CSSStyleSheet[];
+    protected get suffixTemplate(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,36 @@
+import { __decorate } from "tslib";
+import { html } from 'lit';
+import { baseStyles } from '@blueprintui/components/internals';
+import { BpInput, styles as inputStyles } from '@blueprintui/components/input';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * Month Input
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/month.js';
+ * ```
+ *
+ * ```html
+ * <bp-field>
+ *   <label>time</label>
+ *   <bp-month></bp-month>
+ *   <bp-field-message>message text</bp-field-message>
+ * </bp-field>
+ * ```
+ *
+ * @beta
+ * @element bp-month
+ * @slot
+ */
+export class BpMonth extends BpInput {
+    type = 'month';
+    static get styles() {
+        return [baseStyles, inputStyles, styles];
+    }
+    get suffixTemplate() {
+        return html `<bp-button-icon shape="calendar" .disabled=${this.disabled} @click=${() => this.input.showPicker()}></bp-button-icon>`;
+    }
+}
+__decorate([
+    property({ type: String, reflect: true })
+], BpMonth.prototype, "type", void 0);

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

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

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

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

package/src/.rollup.cache/@blueprintui/{grid/Users/coryrylan/Repos/blueprintui/grid/dist/lib/pagination/grid-pagination.element.d.ts → components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/nav/element.d.ts}

@@ -1,21 +1,22 @@
-import { LitElement } from 'lit';
+import { LitElement, PropertyValues } from 'lit';
+import { BpNavItem } from './item/element.js';
 /**
- * Grid Pagination
- *
  * ```typescript
- * import '@blueprintui/grid/include/base.js';
+ * import '@blueprintui/components/include/nav.js';
  * ```
  *
  * ```html
- * <bp-grid-pagination></bp-grid-pagination>
+ * <bp-nav></bp-nav>
  * ```
  *
- * @element bp-grid-pagination
- * @event page
- * @event size
+ * @element bp-nav
+ * @slot - content
+ * @event change
  */
-export declare class BpGridPagination extends LitElement {
+export declare class BpNav extends LitElement {
     #private;
+    expanded: boolean;
+    expandable: boolean;
     i18n: {
         sort: string;
         expand: string;
@@ -44,10 +45,11 @@ export declare class BpGridPagination extends LitElement {
         lastPage: string;
         pageSize: string;
     };
-    page: number;
-    pageSize: number;
-    pageCount: number;
-    pageSizeOptions: number[];
-    static styles: CSSStyleSheet[];
+    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/lib/dist/lib/nav/element.js

@@ -0,0 +1,81 @@
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { ariaNavigation, baseStyles, elevationStyles, I18nService, keyList, stateExpanded, toggleState } 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 {
+    expanded = false;
+    expandable = false;
+    i18n = I18nService.keys.actions;
+    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} aria-label=${this.expanded ? this.i18n.close : this.i18n.expand}>
+            <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.#setupScrollPositioning();
+    }
+    updated(props) {
+        super.updated(props);
+        this.#items.forEach(i => toggleState(i._internals, '--group-expanded', this.expanded));
+    }
+    #change() {
+        this.dispatchEvent(new CustomEvent('change', { detail: this.expanded }));
+    }
+    async #setupScrollPositioning() {
+        const container = this.shadowRoot.querySelector('.private-host');
+        const key = this.id ? `${this.id}-bp-nav-scroll-position` : 'bp-nav-scroll-position';
+        await Promise.all(Array.from(this.#items).map(i => i.updateComplete));
+        const top = localStorage.getItem(key);
+        if (top !== null) {
+            setTimeout(() => container.scrollTop = parseInt(top, 10), 0);
+        }
+        window.addEventListener('beforeunload', () => localStorage.setItem(key, `${container.scrollTop}`));
+    }
+};
+__decorate([
+    property({ type: Boolean, reflect: true })
+], BpNav.prototype, "expanded", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], BpNav.prototype, "expandable", void 0);
+__decorate([
+    property({ type: Object })
+], BpNav.prototype, "i18n", void 0);
+BpNav = __decorate([
+    stateExpanded(),
+    ariaNavigation(),
+    keyList({ layout: 'both', loop: true })
+], BpNav);
+export { BpNav };

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/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/lib/dist/lib/nav/group/element.js

@@ -0,0 +1,43 @@
+import { __decorate } from "tslib";
+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 {
+    expanded = false;
+    get #items() {
+        return Array.from(this.querySelectorAll('bp-nav-item'));
+    }
+    static get styles() {
+        return [baseStyles, styles];
+    }
+    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';
+    }
+}
+__decorate([
+    property({ type: Boolean, reflect: true })
+], BpNavGroup.prototype, "expanded", void 0);

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/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/lib/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/lib/dist/lib/nav/item/element.d.ts

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

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

@@ -0,0 +1,33 @@
+import { __decorate } from "tslib";
+import { html } from 'lit';
+import { baseStyles, interactionStyles, BaseButton, stateSelected } from '@blueprintui/components/internals';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * Nav Item
+ *
+ * @element bp-nav-item
+ * @slot - content
+ * @cssprop --background
+ */
+let BpNavItem = class BpNavItem extends BaseButton {
+    selected = false;
+    static styles = [baseStyles, interactionStyles, styles];
+    get #icons() {
+        return this.querySelectorAll('bp-icon');
+    }
+    render() {
+        return html `<div interaction class="private-host">
+      <slot name="icon"></slot><slot default @slotchange=${this.#updateSlots}></slot>
+    </div>`;
+    }
+    #updateSlots() {
+        this.#icons.forEach(i => i.slot = 'icon');
+    }
+};
+__decorate([
+    property({ type: Boolean, reflect: true })
+], BpNavItem.prototype, "selected", void 0);
+BpNavItem = __decorate([
+    stateSelected()
+], BpNavItem);
+export { BpNavItem };

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

@@ -0,0 +1,59 @@
+import { LitElement, PropertyValues } from 'lit';
+/**
+ * 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>
+ * ```
+ *
+ * @element bp-pagination
+ * @slot
+ * @slot first
+ * @slot next
+ * @slot prev
+ * @slot last
+ */
+export declare class BpPagination extends LitElement {
+    #private;
+    i18n: {
+        sort: string;
+        expand: string;
+        close: string;
+        resize: string;
+        filter: string;
+        loading: string;
+        show: string;
+        hide: string;
+        previous: string;
+        next: string;
+        first: string;
+        last: string;
+        today: string;
+        browse: string;
+        removeFile: string;
+        files: string;
+        resizeColumn: string;
+        closeDetails: string;
+        noData: string;
+        action: string;
+        dropTarget: string;
+        firstPage: string;
+        previousPage: string;
+        nextPage: string;
+        lastPage: string;
+        pageSize: string;
+    };
+    static styles: CSSStyleSheet[];
+    render(): import("lit-html").TemplateResult<1>;
+    firstUpdated(props: PropertyValues<this>): void;
+}