@blueprintui/cli 0.11.0 → 0.11.2

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprintui/packages/components/dist/page/element.js

@@ -0,0 +1,38 @@
+import { html, LitElement } from 'lit';
+import { baseStyles } from '@blueprintui/components/internals';
+import styles from './element.css' with { type: 'css' };
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/page.js';
+ * ```
+ *
+ * ```html
+ * <bp-page></bp-page>
+ * ```
+ *
+ * @element bp-page
+ * @since 1.0.0
+ * @slot - slot for content
+ * @slot header - slot for header
+ * @slot subheader - slot for subheader
+ * @slot aside-start - slot for aside start
+ * @slot aside-end - slot for aside end
+ * @slot subfooter - slot for subfooter
+ * @slot footer - slot for footer
+ */
+export class BpPage extends LitElement {
+    static { this.styles = [baseStyles, styles]; }
+    render() {
+        return html `
+      <div part="internal">
+        <slot name="header"></slot>
+        <slot name="subheader"></slot>
+        <slot name="aside-start"></slot>
+        <slot></slot>
+        <slot name="aside-end"></slot>
+        <slot name="subfooter"></slot>
+        <slot name="footer"></slot>
+      </div>
+    `;
+    }
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprintui/packages/components/dist/page/index.d.ts

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

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprintui/packages/components/dist/page/index.js

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

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

@@ -0,0 +1,67 @@
+import { LitElement, PropertyValues } from 'lit';
+/**
+ * ```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>
+ * ```
+ *
+ * @summary The Pagination component is used to navigate through a large number of pages. It allows users to easily switch between pages by clicking on page numbers or navigating to the first, previous, next, or last page.
+ * @element bp-pagination
+ * @since 1.0.0
+ * @slot
+ * @slot first
+ * @slot next
+ * @slot prev
+ * @slot last
+ * @cssprop --gap
+ */
+export declare class BpPagination extends LitElement {
+    #private;
+    /** set default aria/i18n strings */
+    accessor i18n: {
+        sort: string;
+        none: string;
+        ascending: string;
+        descending: 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[];
+    /** @private */
+    _internals: ElementInternals;
+    render(): import("lit").TemplateResult<1>;
+    connectedCallback(): void;
+    firstUpdated(props: PropertyValues<this>): void;
+}

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

@@ -0,0 +1,98 @@
+import { html, LitElement } from 'lit';
+import { attachInternals, baseStyles, I18nService } from '@blueprintui/components/internals';
+import styles from './element.css' with { type: 'css' };
+/**
+ * ```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>
+ * ```
+ *
+ * @summary The Pagination component is used to navigate through a large number of pages. It allows users to easily switch between pages by clicking on page numbers or navigating to the first, previous, next, or last page.
+ * @element bp-pagination
+ * @since 1.0.0
+ * @slot
+ * @slot first
+ * @slot next
+ * @slot prev
+ * @slot last
+ * @cssprop --gap
+ */
+export class BpPagination extends LitElement {
+    constructor() {
+        super();
+        /** set default aria/i18n strings */
+        this.i18n = I18nService.keys.actions;
+    }
+    static { this.properties = {
+        i18n: { type: Object }
+    }; }
+    get #field() {
+        return this.querySelector('bp-field');
+    }
+    static { this.styles = [baseStyles, styles]; }
+    render() {
+        return html ` <div part="internal">
+      <slot name="page-size"></slot>
+      <slot name="first"></slot>
+      <slot name="prev"></slot>
+      <slot></slot>
+      <slot name="next"></slot>
+      <slot name="last"></slot>
+    </div>`;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        attachInternals(this);
+    }
+    firstUpdated(props) {
+        super.firstUpdated(props);
+        this.#setupField();
+        this.#setupButtons();
+    }
+    #setupButtons() {
+        const first = this.querySelector('[slot=first]');
+        const last = this.querySelector('[slot=last]');
+        const prev = this.querySelector('[slot=prev]');
+        const next = this.querySelector('[slot=next]');
+        if (first) {
+            first.ariaLabel = this.i18n.first;
+            first.shape = 'step-forward-2';
+            first.direction = 'down';
+            first.action = 'flat';
+        }
+        if (last) {
+            last.ariaLabel = this.i18n.last;
+            last.shape = 'step-forward-2';
+            last.direction = 'up';
+            last.action = 'flat';
+        }
+        if (prev) {
+            prev.ariaLabel = this.i18n.previous;
+            prev.shape = 'angle';
+            prev.direction = 'left';
+            prev.action = 'flat';
+        }
+        if (next) {
+            next.ariaLabel = this.i18n.next;
+            next.shape = 'angle';
+            next.direction = 'right';
+            next.action = 'flat';
+        }
+    }
+    #setupField() {
+        const field = this.#field;
+        if (field) {
+            field.controlWidth = 'shrink';
+            field.layout = 'compact';
+        }
+    }
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprintui/packages/components/dist/pagination/index.d.ts

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

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprintui/packages/components/dist/pagination/index.js

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

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

@@ -0,0 +1,72 @@
+import { LitElement } from 'lit';
+import { TypeFormControl } from '@blueprintui/components/forms';
+export interface BpPaginationInput extends TypeFormControl {
+}
+/**
+ * Grid Pagination
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/pagination.js';
+ * ```
+ *
+ * ```html
+ * <form>
+ *   <bp-pagination-input name="pagination" value="1" max="500" size="10" size-options="[10, 50, 100]"></bp-pagination-input>
+ * </form>
+ * ```
+ *
+ * @element bp-pagination-input
+ * @since 1.0.0
+ * @event input
+ * @event change
+ */
+export declare class BpPaginationInput extends LitElement {
+    #private;
+    /** determines if element is mutable or focusable */
+    disabled: boolean;
+    /** represents the name of the current <form> element as a string. */
+    name: string;
+    /** determines initial value of the control */
+    accessor value: number;
+    /** defines the greatest value in the range of permitted values */
+    accessor max: number;
+    /** determines the current page size */
+    accessor size: number;
+    accessor sizeOptions: number[];
+    /** set default aria/i18n strings */
+    accessor i18n: {
+        sort: string;
+        none: string;
+        ascending: string;
+        descending: 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 formAssociated: boolean;
+    static styles: CSSStyleSheet[];
+    _internals: ElementInternals;
+    render(): import("lit").TemplateResult<1>;
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprintui/packages/components/dist/pagination/input/element.js

@@ -0,0 +1,135 @@
+import { __decorate } from "tslib";
+import { LitElement, html, nothing } from 'lit';
+import { typeFormControl } from '@blueprintui/components/forms';
+import { baseStyles, I18nService, i18n, createCustomEvent } from '@blueprintui/components/internals';
+import styles from './element.css' with { type: 'css' };
+function numDigits(x) {
+    return (Math.log10((x ^ (x >> 31)) - (x >> 31)) | 0) + 1;
+}
+/**
+ * Grid Pagination
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/pagination.js';
+ * ```
+ *
+ * ```html
+ * <form>
+ *   <bp-pagination-input name="pagination" value="1" max="500" size="10" size-options="[10, 50, 100]"></bp-pagination-input>
+ * </form>
+ * ```
+ *
+ * @element bp-pagination-input
+ * @since 1.0.0
+ * @event input
+ * @event change
+ */
+let BpPaginationInput = class BpPaginationInput extends LitElement {
+    static { this.properties = {
+        disabled: { type: Boolean },
+        value: { type: Number },
+        max: { type: Number },
+        size: { type: Number },
+        sizeOptions: { type: Array, attribute: 'size-options' },
+        i18n: { type: Object }
+    }; }
+    constructor() {
+        super(...arguments);
+        /** determines initial value of the control */
+        this.value = 1;
+        /** defines the greatest value in the range of permitted values */
+        this.max = 1;
+        /** determines the current page size */
+        this.size = 10;
+        this.sizeOptions = [];
+        /** set default aria/i18n strings */
+        this.i18n = I18nService.keys.actions;
+    }
+    static { this.formAssociated = true; }
+    static { this.styles = [baseStyles, styles]; }
+    render() {
+        return html `
+      <section part="internal">
+        <bp-pagination aria-label="pagination">
+          ${this.sizeOptions.length
+            ? html ` <bp-select
+                slot="page-size"
+                .value=${this.size.toString()}
+                .ariaLabel=${this.i18n.pageSize}
+                @input=${this.#sizeChange}>
+                ${this.sizeOptions.map(i => html `<bp-option value=${i} ?selected=${i === this.size}>${i}</bp-option>`)}
+              </bp-select>`
+            : nothing}
+          <bp-button-icon
+            slot="first"
+            action="flat"
+            .ariaLabel=${this.i18n.firstPage}
+            .disabled=${this.value === 1}
+            @click=${this.#firstPage}></bp-button-icon>
+          <bp-button-icon
+            slot="prev"
+            action="flat"
+            .ariaLabel=${this.i18n.previousPage}
+            .disabled=${this.value === 1}
+            @click=${this.#prevPage}></bp-button-icon>
+          <bp-field novalidate>
+            <bp-input
+              type="number"
+              size=${numDigits(this.value)}
+              min="1"
+              value=${this.value}
+              max=${this.max}
+              .ariaLabel=${`${this.value} of ${this.max}`}
+              @input=${this.#setPage}></bp-input>
+            <bp-field-message>/ ${this.max}</bp-field-message>
+          </bp-field>
+          <bp-button-icon
+            slot="next"
+            action="flat"
+            .ariaLabel=${this.i18n.nextPage}
+            ?disabled=${this.value === this.max}
+            @click=${this.#nextPage}></bp-button-icon>
+          <bp-button-icon
+            slot="last"
+            action="flat"
+            .ariaLabel=${this.i18n.lastPage}
+            ?disabled=${this.value === this.max}
+            @click=${this.#lastPage}></bp-button-icon>
+        </bp-pagination>
+      </section>
+    `;
+    }
+    #setPage(event) {
+        this.#pageChange(event.target.valueAsNumber);
+    }
+    #nextPage() {
+        this.#pageChange(this.value + 1);
+    }
+    #prevPage() {
+        this.#pageChange(this.value - 1);
+    }
+    #firstPage() {
+        this.#pageChange(1);
+    }
+    #lastPage() {
+        this.#pageChange(this.max);
+    }
+    #pageChange(value) {
+        // only update value statefully if name is set for form participation
+        if (this.name) {
+            this.value = value;
+        }
+        this._internals.setFormValue(`${value}`);
+        this.dispatchEvent(new Event('input', { bubbles: true }));
+        this.dispatchEvent(new Event('change', { bubbles: true }));
+    }
+    #sizeChange(e) {
+        const detail = parseInt(e.target.value);
+        this.dispatchEvent(createCustomEvent('size', { detail }));
+    }
+};
+BpPaginationInput = __decorate([
+    typeFormControl(),
+    i18n({ key: 'actions' })
+], BpPaginationInput);
+export { BpPaginationInput };

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprintui/packages/components/dist/panel/element.d.ts

@@ -0,0 +1,73 @@
+import { LitElement } from 'lit';
+import { BpTypeElement } from '@blueprintui/components/internals';
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/badge.js';
+ * ```
+ *
+ * ```html
+ * <bp-panel>panel content</bp-panel>
+ * ```
+ *
+ * @summary The panel component is used to display secondary information, commonly navigation or actions.
+ * @element bp-panel
+ * @since 1.0.0
+ * @slot - content
+ * @slot header
+ * @slot footer
+ * @event - close
+ * @event - open
+ * @command --toggle
+ * @command --close
+ * @command --open
+ * @cssprop --background
+ * @cssprop --color
+ * @cssprop --border
+ * @cssprop --padding
+ */
+export declare class BpPanel extends LitElement implements Pick<BpTypeElement, keyof BpPanel> {
+    #private;
+    static styles: CSSStyleSheet[];
+    /** determine the size */
+    accessor size: 'sm' | 'md' | 'lg';
+    /** determine if the panel has a close button */
+    accessor closable: boolean;
+    /** determine user hidden state */
+    accessor hidden: boolean;
+    /** set default aria/i18n strings */
+    accessor i18n: {
+        sort: string;
+        none: string;
+        ascending: string;
+        descending: 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;
+    };
+    _internals: ElementInternals;
+    private typeClosableController;
+    render(): import("lit").TemplateResult<1>;
+    connectedCallback(): void;
+}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprintui/packages/components/dist/panel/element.js

@@ -0,0 +1,79 @@
+import { __decorate } from "tslib";
+import { html, LitElement, nothing } from 'lit';
+import { attachInternals, attachRootNodeStyles, baseStyles, I18nService, typeClosable } from '@blueprintui/components/internals';
+import globalStyles from './element.global.css' with { type: 'css' };
+import styles from './element.css' with { type: 'css' };
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/badge.js';
+ * ```
+ *
+ * ```html
+ * <bp-panel>panel content</bp-panel>
+ * ```
+ *
+ * @summary The panel component is used to display secondary information, commonly navigation or actions.
+ * @element bp-panel
+ * @since 1.0.0
+ * @slot - content
+ * @slot header
+ * @slot footer
+ * @event - close
+ * @event - open
+ * @command --toggle
+ * @command --close
+ * @command --open
+ * @cssprop --background
+ * @cssprop --color
+ * @cssprop --border
+ * @cssprop --padding
+ */
+let BpPanel = class BpPanel extends LitElement {
+    static { this.properties = {
+        size: { type: String, reflect: true },
+        closable: { type: Boolean },
+        hidden: { type: Boolean, reflect: true },
+        i18n: { type: Object }
+    }; }
+    constructor() {
+        super(...arguments);
+        /** determine if the panel has a close button */
+        this.closable = false;
+        /** determine user hidden state */
+        this.hidden = false; // eslint-disable-line rulesdir/no-reserved-property-names
+        /** set default aria/i18n strings */
+        this.i18n = I18nService.keys.actions;
+    }
+    static { this.styles = [baseStyles, styles]; }
+    render() {
+        return html `
+      <div part="internal">
+        ${this.closable
+            ? html `<bp-button-icon
+              @click=${this.#close}
+              aria-label=${this.i18n.close}
+              shape="close"
+              action="flat"
+              type="button"></bp-button-icon>`
+            : nothing}
+        <slot name="header"></slot>
+        <slot></slot>
+        <slot name="footer"></slot>
+      </div>
+    `;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        attachInternals(this);
+        this._internals.role = 'region';
+        this._internals.states.add('bp-layer');
+        attachRootNodeStyles(this, [globalStyles]);
+    }
+    #close() {
+        this.typeClosableController.close();
+    }
+};
+BpPanel = __decorate([
+    typeClosable()
+], BpPanel);
+export { BpPanel };

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprintui/packages/components/dist/panel/index.d.ts

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

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprintui/packages/components/dist/panel/index.js

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

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprint/blueprintui/packages/components/dist/password/element.d.ts

@@ -0,0 +1,62 @@
+import { BpTypeControl } from '@blueprintui/components/internals';
+import { BpInput } from '@blueprintui/components/input';
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/password.js';
+ * ```
+ *
+ * ```html
+ * <bp-field>
+ *   <label>password</label>
+ *   <bp-password></bp-password>
+ *   <bp-field-message>message text</bp-field-message>
+ * </bp-field>
+ * ```
+ *
+ * @summary The password input component is used to accept password input from users. It is a text input field with a toggle button to show or hide the password.
+ * @element bp-password
+ * @since 1.0.0
+ * @slot prefix - slot for prefix text or icons
+ * @slot suffix - slot for suffic text or icons
+ * @event {InputEvent} input - occurs when the value changes
+ * @event {InputEvent} change - occurs when the value changes
+ */
+export declare class BpPassword extends BpInput implements Pick<BpTypeControl, keyof BpPassword> {
+    #private;
+    accessor type: string;
+    /** set default aria/i18n strings */
+    accessor i18n: {
+        sort: string;
+        none: string;
+        ascending: string;
+        descending: 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;
+    };
+    private accessor showPassword;
+    static get styles(): CSSStyleSheet[];
+    protected get suffixTemplate(): import("lit").TemplateResult<1>;
+}