@blueprintui/cli 0.0.10 → 0.0.12

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

@@ -1,30 +0,0 @@
-import { html } from 'lit';
-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" @click=${() => this.inputControl.showPicker()}></bp-button-icon>`;
-    }
-    static get styles() {
-        return [...super.styles, inputStyles, styles];
-    }
-}

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

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

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

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

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

@@ -1,23 +0,0 @@
-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

@@ -1,39 +0,0 @@
-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

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

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

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

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

@@ -1,25 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * ```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;
-    private typeClosableController;
-    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

@@ -1,55 +0,0 @@
-import { __decorate } from "tslib";
-import { html, LitElement } from 'lit';
-import { baseStyles, typeDialog, elevationStyles, typeClosable } 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.typeClosableController.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(),
-    typeClosable()
-], BpDrawer);
-export { BpDrawer };

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

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

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

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

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

@@ -1,24 +0,0 @@
-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

@@ -1,37 +0,0 @@
-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

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

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

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

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

@@ -1,54 +0,0 @@
-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;
-    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

@@ -1,78 +0,0 @@
-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 }
-    };
-    constructor() {
-        super(...arguments);
-        this.i18n = I18nService.keys.actions;
-        this.buttonLabel = this.i18n.browse;
-    }
-    static get styles() {
-        return [...super.styles, styles];
-    }
-    get inputTemplate() {
-        return html `
-      <div class="file-input">
-        <bp-button size="sm" action="outline" @click=${() => this.inputControl.showPicker()} ?disabled=${this.matches(':--disabled')}>
-          <bp-icon shape="folder" size="sm"></bp-icon>
-          <span>${this.buttonLabel}</span>
-        </bp-button>
-        ${this.inputControl.files?.length && !this.matches(':--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

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

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

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

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

@@ -1,71 +0,0 @@
-import { ContextConsumer } from '@lit-labs/context';
-import { LitElement, TemplateResult, PropertyValues } from 'lit';
-import { 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;
-    /** 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;
-        };
-    };
-    /** @private */
-    labelLayout: ControlLabelLayout;
-    /** @private */
-    controlLabel: BpInternalControlLabel;
-    private inputContainer;
-    /** @private */
-    get inputControl(): HTMLInputElement;
-    protected get messages(): NodeListOf<BpControlMessage>;
-    static styles: CSSStyleSheet[];
-    /** @private */
-    _internals: ElementInternals;
-    render(): TemplateResult<1>;
-    protected get inputTemplate(): TemplateResult<1>;
-    protected get prefixTemplate(): TemplateResult | null;
-    protected get suffixTemplate(): TemplateResult | null;
-    protected formContext: ContextConsumer<{
-        __context__: import("../utils/context.js").FormContext;
-    }, this>;
-    protected controlGroupContext: ContextConsumer<{
-        __context__: import("../utils/context.js").FormContext;
-    }, this>;
-    connectedCallback(): void;
-    firstUpdated(props: PropertyValues<this>): void;
-    /** @private */
-    get layoutStable(): boolean;
-}

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

@@ -1,187 +0,0 @@
-import { __decorate } from "tslib";
-import { ContextConsumer } from '@lit-labs/context';
-import { html, LitElement } from 'lit';
-import { baseStyles, interactionResponsive, calculateOptimalLayout, syncUpdatedProps, attachInternals, stateControl, associateAriaDescribedBy } from '@blueprintui/components/internals';
-import { syncHTML5Validation } from '../utils/validate.js';
-import { associateInputToDatalist, formLayouts, defaultFormLayout, getStatusIcon, associateInputAndLabel, defaultControlWidth, setupControlMessageStatusUpdates } from '../utils/utils.js';
-import { controlGroupContext, formContext } from '../utils/context.js';
-import styles from './element.css' assert { type: 'css' };
-export var ControlLabelLayout;
-(function (ControlLabelLayout) {
-    ControlLabelLayout["default"] = "default";
-    ControlLabelLayout["ariaLabel"] = "aria-label";
-    ControlLabelLayout["inputGroup"] = "input-group";
-})(ControlLabelLayout || (ControlLabelLayout = {}));
-/**
- * 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
- */
-let BpControl = class BpControl extends LitElement {
-    constructor() {
-        super(...arguments);
-        /** forms automatically collapse to layout that prevents overflow */
-        this.responsive = true;
-        /** default full width or the browser default width */
-        this.controlWidth = defaultControlWidth;
-        /** @private */
-        this.labelLayout = ControlLabelLayout.default;
-    }
-    /**
-     * @property
-     * @type { 'vertical' | 'horizontal' | 'compact' }
-     */
-    get layout() {
-        return this.#layout;
-    }
-    set layout(value) {
-        this.#layout = value ? value.replace('-inline', '') : defaultFormLayout; // auto convert any form-layouts from parent groups
-        this.setAttribute('layout', this.#layout);
-        this.requestUpdate('layout');
-        if (!this.#initialLayout) {
-            this.#initialLayout = this.#layout;
-        }
-    }
-    static get properties() {
-        return {
-            layout: { type: String, reflect: true },
-            responsive: { type: Boolean, reflect: true },
-            controlWidth: { type: String, reflect: true, attribute: 'control-width' },
-            labelLayout: { state: true }
-        };
-    }
-    #layout = defaultFormLayout;
-    #initialLayout;
-    /** @private */
-    get controlLabel() {
-        return this.renderRoot?.querySelector("bp-internal-control-label[action=primary]") ?? null;
-    }
-    get inputContainer() {
-        return this.renderRoot?.querySelector(".input-container") ?? null;
-    }
-    /** @private */
-    get inputControl() {
-        return this.querySelector('input, select, textarea, [bp-control]');
-    }
-    get #label() {
-        return this.querySelector('label');
-    }
-    get #datalist() {
-        return this.querySelector('datalist');
-    }
-    get messages() {
-        return this.querySelectorAll('bp-control-message');
-    }
-    static styles = [baseStyles, styles];
-    render() {
-        return html `
-      <div class="private-host ${this.layout}">
-        ${this.labelLayout === ControlLabelLayout.default ? html `
-        <div class="input-label-container">
-          <bp-internal-control-label>
-            <slot name="label"></slot>
-          </bp-internal-control-label>
-        </div>` : ''}
-        <div class="input-message-container">
-          <div class="input-status-icon-container">
-            <div class="input-container">
-              ${this.prefixTemplate}
-              <slot name="prefix"></slot>
-              ${this.inputTemplate}
-              <slot name="input"></slot>
-              <slot name="suffix"></slot>
-              ${this.suffixTemplate}
-            </div>
-            ${getStatusIcon()}
-          </div>
-          ${this.messages?.length ? html `<slot name="message"></slot>` : ''}
-          ${this.#datalist ? html `<slot name="datalist"></slot>` : ''}
-        </div>
-      </div>
-    `;
-    }
-    get inputTemplate() {
-        return html ``;
-    }
-    get prefixTemplate() {
-        return null;
-    }
-    get suffixTemplate() {
-        return null;
-    }
-    formContext = new ContextConsumer(this, formContext, (value) => syncUpdatedProps(this, value), true);
-    controlGroupContext = new ContextConsumer(this, controlGroupContext, (value) => syncUpdatedProps(this, value), true);
-    connectedCallback() {
-        super.connectedCallback();
-        this.setAttribute('bp-control', '');
-        attachInternals(this);
-    }
-    firstUpdated(props) {
-        super.firstUpdated(props);
-        this.inputControl.slot = 'input';
-        this.#label ? this.#label.slot = 'label' : null;
-        this.#datalist ? this.#datalist.slot = 'datalist' : null;
-        this.#setupResponsive();
-        this.#setupLabelLayout();
-        setupControlMessageStatusUpdates(Array.from(this.messages), this);
-        syncHTML5Validation(this, Array.from(this.messages));
-        this.shadowRoot.addEventListener('slotchange', (e) => {
-            const slotName = e.target.name;
-            if (slotName === 'label') {
-                associateInputAndLabel(this.inputControl, this.#label);
-            }
-            else if (slotName === 'datalist') {
-                associateInputToDatalist(this.inputControl, this.#datalist);
-            }
-            else if (slotName === 'message') {
-                associateAriaDescribedBy(this.inputControl, Array.from(this.messages));
-            }
-        });
-    }
-    /** @private */
-    get layoutStable() {
-        const messageBelowInput = this.shadowRoot.querySelector('.messages')?.getBoundingClientRect().top > this.inputContainer?.getBoundingClientRect().top;
-        const inputBelowLabel = this.inputContainer?.getBoundingClientRect().top > this.controlLabel?.getBoundingClientRect().top;
-        if (this.layout === 'compact' && messageBelowInput) {
-            return false;
-        }
-        if ((this.layout === 'compact' || this.layout === 'horizontal') && inputBelowLabel) {
-            return false;
-        }
-        return true;
-    }
-    #setupResponsive() {
-        if (this.responsive && this.labelLayout === ControlLabelLayout.default) {
-            this.addEventListener('bpResizeChange', () => {
-                calculateOptimalLayout(this, { layouts: formLayouts, initialLayout: this.#initialLayout }).then(updated => {
-                    if (updated) {
-                        this.dispatchEvent(new CustomEvent('layoutChange', { bubbles: true, detail: this.layout }));
-                    }
-                });
-            });
-        }
-    }
-    #setupLabelLayout() {
-        const hasAriaLabelType = this.inputControl.ariaLabel || this.inputControl.hasAttribute('aria-labelledby');
-        if (hasAriaLabelType && this.labelLayout !== ControlLabelLayout.inputGroup) {
-            this.labelLayout = ControlLabelLayout.ariaLabel;
-        }
-    }
-};
-BpControl = __decorate([
-    stateControl(),
-    interactionResponsive()
-], BpControl);
-export { BpControl };