@blueprintui/cli 0.0.5 → 0.0.8

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

@@ -0,0 +1,30 @@
+import { PropertyValues } from 'lit';
+import { BpControl } from '@blueprintui/components/forms';
+/**
+ * Datalist
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/datalist.js';
+ * ```
+ *
+ * ```html
+ * <bp-datalist>
+ *   <label>datalist</label>
+ *   <input type="text" />
+ *   <datalist>
+ *     <option value="item 1"></option>
+ *     <option value="item 2"></option>
+ *     <option value="item 3"></option>
+ *   </datalist>
+ *   <bp-control-message>message text</bp-control-message>
+ * </bp-datalist>
+ * ```
+ *
+ * @element bp-datalist
+ * @slot
+ */
+export declare class BpDatalist 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/datalist/element.js

@@ -0,0 +1,40 @@
+import { html } from 'lit';
+import { attachRootNodeStyles } from '@blueprintui/components/internals';
+import { BpControl } from '@blueprintui/components/forms';
+import { styles as inputStyles } from '@blueprintui/components/input';
+import globalStyles from './element.global.css' assert { type: 'css' };
+/**
+ * Datalist
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/datalist.js';
+ * ```
+ *
+ * ```html
+ * <bp-datalist>
+ *   <label>datalist</label>
+ *   <input type="text" />
+ *   <datalist>
+ *     <option value="item 1"></option>
+ *     <option value="item 2"></option>
+ *     <option value="item 3"></option>
+ *   </datalist>
+ *   <bp-control-message>message text</bp-control-message>
+ * </bp-datalist>
+ * ```
+ *
+ * @element bp-datalist
+ * @slot
+ */
+export class BpDatalist extends BpControl {
+    get suffixTemplate() {
+        return html `<bp-button-expand expanded readonly></bp-button-expand>`;
+    }
+    static get styles() {
+        return [...super.styles, inputStyles];
+    }
+    firstUpdated(props) {
+        super.firstUpdated(props);
+        attachRootNodeStyles(this, [globalStyles]);
+    }
+}

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

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

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

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

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

@@ -0,0 +1,25 @@
+import { PropertyValues } from 'lit';
+import { BpControl } from '@blueprintui/components/forms';
+/**
+ * Date
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/date.js';
+ * ```
+ *
+ * ```html
+ * <bp-date>
+ *   <label>Date</label>
+ *   <input type="date" />
+ *   <bp-control-message>message text</bp-control-message>
+ * </bp-date>
+ * ```
+ *
+ * @element bp-date
+ * @slot
+ */
+export declare class BpDate 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/date/element.js

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

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

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

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

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

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

@@ -0,0 +1,23 @@
+import { LitElement, PropertyValueMap } from 'lit';
+/**
+ * Divider
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/divider.js';
+ * ```
+ *
+ * ```html
+ * <bp-divider></bp-divider>
+ * ```
+ *
+ * @element bp-divider
+ * @cssprop --color
+ */
+export declare class BpDivider extends LitElement {
+    orientation: 'horizontal' | 'vertical';
+    private _internals;
+    render(): import("lit-html").TemplateResult<1>;
+    static get styles(): CSSStyleSheet[];
+    constructor();
+    protected updated(props: PropertyValueMap<this>): void;
+}

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

@@ -0,0 +1,39 @@
+import { baseStyles } from '@blueprintui/components/internals';
+import { html, LitElement } from 'lit';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * Divider
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/divider.js';
+ * ```
+ *
+ * ```html
+ * <bp-divider></bp-divider>
+ * ```
+ *
+ * @element bp-divider
+ * @cssprop --color
+ */
+export class BpDivider extends LitElement {
+    static properties = {
+        orientation: { type: String }
+    };
+    _internals = this.attachInternals();
+    render() {
+        return html `<div class="private-host"></div>`;
+    }
+    static get styles() {
+        return [baseStyles, styles];
+    }
+    constructor() {
+        super();
+        this._internals.role = 'separator';
+        this._internals.ariaOrientation = 'horizontal';
+        this.orientation = 'horizontal';
+    }
+    updated(props) {
+        super.updated(props);
+        this._internals.ariaOrientation = this.orientation;
+    }
+}

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

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

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

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

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

@@ -0,0 +1,26 @@
+import { LitElement } from 'lit';
+import { TypeDialogController } from '@blueprintui/components/internals';
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/drawer.js';
+ * ```
+ *
+ * ```html
+ * <bp-drawer></bp-drawer>
+ * ```
+ *
+ * @element bp-drawer
+ * @slot - content
+ */
+export declare class BpDrawer extends LitElement {
+    #private;
+    closable: boolean;
+    dismissible: boolean;
+    static: boolean;
+    position: 'left' | 'right' | 'top' | 'bottom';
+    elevation: 'raised' | 'flat';
+    get dialog(): HTMLElement;
+    protected dialogController: TypeDialogController<this>;
+    static get styles(): CSSStyleSheet[];
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,54 @@
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { baseStyles, typeDialog, elevationStyles } from '@blueprintui/components/internals';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/drawer.js';
+ * ```
+ *
+ * ```html
+ * <bp-drawer></bp-drawer>
+ * ```
+ *
+ * @element bp-drawer
+ * @slot - content
+ */
+let BpDrawer = class BpDrawer extends LitElement {
+    static properties = {
+        closable: { type: Boolean },
+        dismissible: { type: Boolean, reflect: true },
+        static: { type: Boolean },
+        position: { type: String, reflect: true },
+        elevation: { type: String, reflect: true }
+    };
+    constructor() {
+        super(...arguments);
+        this.closable = false;
+        this.dismissible = true;
+        this.static = false;
+        this.position = 'left';
+    }
+    /* @private */
+    get dialog() {
+        return this.shadowRoot.querySelector('dialog');
+    }
+    static get styles() {
+        return [baseStyles, elevationStyles, styles];
+    }
+    get #contentTemplate() {
+        return html `
+    <div class="focus-wrap"></div>
+    ${this.closable ? html `<bp-button-icon @click=${() => this.dialogController.close()} aria-label="close modal" shape="close" type="button"></bp-button-icon>` : ''}
+    <slot></slot>`;
+    }
+    render() {
+        return html `
+      ${this.static ? html `<div elevation class="dialog">${this.#contentTemplate}</div>` : html `<dialog elevation hidden class="dialog">${this.#contentTemplate}</dialog>`}
+    `;
+    }
+};
+BpDrawer = __decorate([
+    typeDialog()
+], BpDrawer);
+export { BpDrawer };

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

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

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

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

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

@@ -0,0 +1,24 @@
+import { PropertyValueMap } from 'lit';
+import { BpPopup } from '@blueprintui/components/popup';
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/dropdown.js';
+ * ```
+ *
+ * ```html
+ * <bp-dropdown closable>
+ *
+ * </bp-dropdown>
+ * ```
+ *
+ * @element bp-dropdown
+ * @slot - content
+ * @cssprop --background
+ */
+export declare class BpDropdown extends BpPopup {
+    #private;
+    static get styles(): CSSStyleSheet[];
+    get hasMenu(): boolean;
+    constructor();
+    protected firstUpdated(props: PropertyValueMap<this>): void;
+}

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

@@ -0,0 +1,37 @@
+import { BpPopup } from '@blueprintui/components/popup';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/dropdown.js';
+ * ```
+ *
+ * ```html
+ * <bp-dropdown closable>
+ *
+ * </bp-dropdown>
+ * ```
+ *
+ * @element bp-dropdown
+ * @slot - content
+ * @cssprop --background
+ */
+export class BpDropdown extends BpPopup {
+    static get styles() {
+        return [...super.styles, styles];
+    }
+    get hasMenu() {
+        return this.querySelectorAll('bp-menu').length > 0;
+    }
+    constructor() {
+        super();
+        this.position = 'bottom-start';
+    }
+    firstUpdated(props) {
+        super.firstUpdated(props);
+        this.#setMenu();
+        this.addEventListener('slotchange', () => this.#setMenu());
+    }
+    #setMenu() {
+        this.hasMenu ? this.setAttribute('_menu', '') : this.removeAttribute('_menu');
+    }
+}

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

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

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

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

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

@@ -0,0 +1,55 @@
+import { PropertyValues } from 'lit';
+import { BpControl } from '@blueprintui/components/forms';
+/**
+ * File Input
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/file.js';
+ * ```
+ *
+ * ```html
+ * <bp-file>
+ *   <label>file</label>
+ *   <input type="file" />
+ * </bp-file>
+ * ```
+ *
+ * @element bp-file
+ * @slot - For projecting file input and label
+ */
+export declare class BpFile extends BpControl {
+    #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;
+    };
+    private buttonLabel;
+    protected supportsPrefixSuffixActions: boolean;
+    static get styles(): CSSStyleSheet[];
+    protected get inputTemplate(): import("lit-html").TemplateResult<1>;
+    firstUpdated(props: PropertyValues<this>): void;
+}

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

@@ -0,0 +1,81 @@
+import { __decorate } from "tslib";
+import { html } from 'lit';
+import { BpControl } from '@blueprintui/components/forms';
+import { i18n, I18nService } from '@blueprintui/components/internals';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * File Input
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/file.js';
+ * ```
+ *
+ * ```html
+ * <bp-file>
+ *   <label>file</label>
+ *   <input type="file" />
+ * </bp-file>
+ * ```
+ *
+ * @element bp-file
+ * @slot - For projecting file input and label
+ */
+let BpFile = class BpFile extends BpControl {
+    static properties = {
+        i18n: { type: Object },
+        buttonLabel: { state: true },
+        supportsPrefixSuffixActions: { state: true }
+    };
+    constructor() {
+        super(...arguments);
+        this.i18n = I18nService.keys.actions;
+        this.buttonLabel = this.i18n.browse;
+        this.supportsPrefixSuffixActions = false;
+    }
+    static get styles() {
+        return [...super.styles, styles];
+    }
+    get inputTemplate() {
+        return html `
+      <div class="file-input">
+        <bp-button size="sm" action="outline" @click=${() => this.label.click()} ?disabled=${this.disabled}>
+          <bp-icon shape="folder" size="sm" aria-hidden="true"></bp-icon>
+          <span>${this.buttonLabel}</span>
+        </bp-button>
+        ${this.inputControl.files?.length && !this.disabled ? html `
+        <bp-button-icon shape="times" @click=${() => this.#clearFiles()} aria-label="${this.i18n.removeFile}"></bp-button-icon>` : ''}
+      </div>
+    `;
+    }
+    firstUpdated(props) {
+        super.firstUpdated(props);
+        this.inputControl.addEventListener('change', e => {
+            if (e.isTrusted) {
+                this.#updateLabelAndFocus(e.target.files);
+            }
+        });
+    }
+    #clearFiles(fireEvent = true) {
+        this.buttonLabel = this.i18n.browse;
+        this.inputControl.value = '';
+        if (fireEvent && this.inputControl.dispatchEvent) {
+            this.inputControl.dispatchEvent(new Event('change'));
+        }
+        const browseButton = this.shadowRoot?.querySelector('bp-button');
+        if (browseButton) {
+            browseButton.focus();
+        }
+    }
+    #updateLabelAndFocus(files) {
+        if (files && files.length) {
+            this.buttonLabel = files.length > 1 ? `${files.length} ${this.i18n.files}` : files[0].name;
+        }
+        else {
+            this.#clearFiles(false);
+        }
+    }
+};
+BpFile = __decorate([
+    i18n({ key: 'actions' })
+], BpFile);
+export { BpFile };

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

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

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

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

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

@@ -0,0 +1,91 @@
+import { ContextConsumer, ContextProvider } from '@lit-labs/context';
+import { LitElement, TemplateResult, PropertyValues } from 'lit';
+import { ControlStatus, ControlLayout, ControlWidth } from './../utils/interfaces.js';
+import { BpControlMessage } from '../control-message/element.js';
+import { BpInternalControlLabel } from '../control-label/element.js';
+export declare const enum ControlLabelLayout {
+    default = "default",
+    ariaLabel = "aria-label",
+    inputGroup = "input-group"
+}
+/**
+ * Generic Control
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/forms.js';
+ * ```
+ *
+ * ```html
+ * <bp-control>
+ *   <label>control</label>
+ *   <input type="text" />
+ * </bp-control>
+ * ```
+ * @element bp-control
+ * @slot
+ * @cssprop --background
+ */
+export declare class BpControl extends LitElement {
+    #private;
+    /** status of form control validation */
+    status: ControlStatus;
+    /** https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation */
+    validate: boolean;
+    /** forms automatically collapse to layout that prevents overflow */
+    responsive: boolean;
+    /** default full width or the browser default width */
+    controlWidth: ControlWidth;
+    /**
+     * @property
+     * @type { 'vertical' | 'horizontal' | 'compact' }
+     */
+    get layout(): ControlLayout;
+    set layout(value: ControlLayout);
+    static get properties(): {
+        layout: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+    };
+    protected focused: boolean;
+    protected disabled: boolean;
+    protected readonly: boolean;
+    protected supportsPrefixSuffixActions: boolean;
+    labelLayout: ControlLabelLayout;
+    /** @private */
+    controlLabel: BpInternalControlLabel;
+    private inputContainer;
+    private prefixAction;
+    private suffixAction;
+    private messageSlot;
+    /** @private */
+    get inputControl(): HTMLInputElement;
+    get label(): HTMLLabelElement;
+    get messages(): NodeListOf<BpControlMessage>;
+    protected observers: (MutationObserver | ResizeObserver)[];
+    static styles: CSSStyleSheet[];
+    protected get isRTL(): boolean;
+    render(): TemplateResult<1>;
+    protected get inputTemplate(): TemplateResult<1>;
+    protected get prefixTemplate(): TemplateResult | null;
+    protected get suffixTemplate(): TemplateResult | null;
+    protected get messagesTemplate(): TemplateResult<1> | "";
+    protected formContext: ContextConsumer<{
+        __context__: import("../utils/context.js").FormContext;
+    }, this>;
+    protected controlGroupContext: ContextConsumer<{
+        __context__: import("../utils/context.js").FormContext & {
+            isControlGroup?: boolean;
+        };
+    }, this>;
+    protected controlContext: ContextProvider<{
+        __context__: import("../utils/context.js").FormContext;
+    }>;
+    connectedCallback(): void;
+    firstUpdated(props: PropertyValues<this>): void;
+    updated(props: PropertyValues<any>): void;
+    disconnectedCallback(): void;
+    protected associateInputAndLabel(): void;
+    /** @private */
+    get layoutStable(): boolean;
+}