@blueprintui/cli 0.0.11 → 0.0.12

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 };

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

@@ -1,56 +0,0 @@
-import { ContextConsumer, ContextProvider } from '@lit-labs/context';
-import { LitElement, PropertyValues } from 'lit';
-import { BpControl } from '../control/element.js';
-import { FormLayout, ControlWidth } from '../utils/interfaces.js';
-import { BpInternalControlLabel } from '../control-label/element.js';
-/**
- * Internal Control Group
- *
- * ```typescript
- * import '@blueprintui/components/include/forms.js';
- * ```
- *
- * ```html
- * <bp-internal-control-group>
- *   <label>...</label>
- *   <bp-control>
- *     <label></label>
- *     <input ... />
- *   </bp-control>
- *   <bp-control>
- *     <label></label>
- *     <input ... />
- *   </bp-control>
- * </bp-internal-control-group>
- * ```
- *
- * @element bp-internal-control-group
- * @property layoutChange
- * @slot - For projecting control group
- */
-export declare class BpInternalControlGroup extends LitElement {
-    #private;
-    /** @type {horizontal | horizontal-inline | vertical | vertical-inline | compact} */
-    layout: FormLayout;
-    /** Adjust the control from the default full width or the browser default width */
-    controlWidth: ControlWidth;
-    responsive: boolean;
-    protected get controls(): NodeListOf<BpControl>;
-    /** @private */
-    controlLabel: BpInternalControlLabel;
-    protected formContext: ContextConsumer<{
-        __context__: import("../utils/context.js").FormContext;
-    }, this>;
-    protected controlGroupContext: ContextProvider<{
-        __context__: import("../utils/context.js").FormContext;
-    }>;
-    protected isInlineControlGroup: boolean;
-    /** @private */
-    _internals: ElementInternals;
-    static styles: CSSStyleSheet[];
-    render(): import("lit-html").TemplateResult<1>;
-    connectedCallback(): void;
-    firstUpdated(props: PropertyValues<this>): void;
-    updated(props: PropertyValues<any>): void;
-    get layoutStable(): boolean;
-}

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

@@ -1,135 +0,0 @@
-import { __decorate } from "tslib";
-import { ContextConsumer, ContextProvider } from '@lit-labs/context';
-import { html, LitElement } from 'lit';
-import { baseStyles, calculateOptimalLayout, interactionResponsive, createId, syncUpdatedProps, associateAriaDescribedBy } from '@blueprintui/components/internals';
-import { getStatusIcon, formLayouts, defaultFormLayout, inlineControlListIsWrapped, setupControlMessageStatusUpdates } from '../utils/utils.js';
-import { controlGroupContext, formContext } from '../utils/context.js';
-import styles from './element.css' assert { type: 'css' };
-/**
- * Internal Control Group
- *
- * ```typescript
- * import '@blueprintui/components/include/forms.js';
- * ```
- *
- * ```html
- * <bp-internal-control-group>
- *   <label>...</label>
- *   <bp-control>
- *     <label></label>
- *     <input ... />
- *   </bp-control>
- *   <bp-control>
- *     <label></label>
- *     <input ... />
- *   </bp-control>
- * </bp-internal-control-group>
- * ```
- *
- * @element bp-internal-control-group
- * @property layoutChange
- * @slot - For projecting control group
- */
-let BpInternalControlGroup = class BpInternalControlGroup extends LitElement {
-    static properties = {
-        layout: { type: String, reflect: true },
-        controlWidth: { type: String, reflect: true, attribute: 'control-width' },
-        responsive: { type: Boolean, reflect: true }
-    };
-    constructor() {
-        super(...arguments);
-        /** @type {horizontal | horizontal-inline | vertical | vertical-inline | compact} */
-        this.layout = defaultFormLayout;
-        this.responsive = true;
-    }
-    get controls() {
-        return this.querySelectorAll('bp-control, [bp-control]');
-    }
-    get #label() {
-        return this.querySelector('label');
-    }
-    get #messages() {
-        return this.querySelectorAll('bp-control-message');
-    }
-    /** @private */
-    get controlLabel() {
-        return this.__controlLabel ??= this.renderRoot?.querySelector("bp-internal-control-label[action=primary]") ?? null;
-    }
-    formContext = new ContextConsumer(this, formContext, (value) => syncUpdatedProps(this, value), true);
-    controlGroupContext = new ContextProvider(this, controlGroupContext, {});
-    isInlineControlGroup = false;
-    /** @private */
-    _internals = this.attachInternals();
-    static styles = [baseStyles, styles];
-    render() {
-        return html `
-      <div class="private-host ${this.isInlineControlGroup ? 'inline-control-group' : ''}">
-        <div class="control-label-container">
-          <bp-internal-control-label action="primary">
-            <slot name="label"></slot>
-          </bp-internal-control-label>
-        </div>
-        <div class="control-message-container">
-          <div class="input-container">
-            <div class="controls">
-              <slot></slot>
-            </div>
-          </div>
-          <div ?hidden=${this.#messages.length === 0} class="messages-container">
-            ${getStatusIcon()}
-            <div class="messages">
-              <slot name="message" @slotchange=${() => associateAriaDescribedBy(this, Array.from(this.#messages))}></slot>
-            </div>
-          </div>
-        </div>
-      </div>
-    `;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this._internals.role = 'group';
-        this.setAttribute('bp-control-group', '');
-    }
-    firstUpdated(props) {
-        super.firstUpdated(props);
-        this.#label ? this.#label.slot = 'label' : null;
-        this.#associateLabelAndGroup();
-        this.#setupResponsive();
-        setupControlMessageStatusUpdates(Array.from(this.#messages), this);
-    }
-    updated(props) {
-        super.updated(props);
-        this.controlGroupContext.setValue({ layout: this.layout, responsive: this.responsive, controlWidth: this.controlWidth });
-    }
-    get layoutStable() {
-        const messageBelowInput = this.shadowRoot.querySelector('.messages-container')?.getBoundingClientRect().top > this.shadowRoot.querySelector('.controls').getBoundingClientRect().top;
-        const inputBelowLabel = this.shadowRoot.querySelector('.controls').getBoundingClientRect().top > this.controlLabel?.getBoundingClientRect().top + 12;
-        if (this.layout === 'compact' && (messageBelowInput || inputBelowLabel)) {
-            return false;
-        }
-        if (this.layout === 'horizontal-inline' && inlineControlListIsWrapped(Array.from(this.controls), this.layout)) {
-            return false;
-        }
-        if (this.layout === 'horizontal' && inputBelowLabel) {
-            return false;
-        }
-        if (this.layout === 'vertical-inline' && inlineControlListIsWrapped(Array.from(this.controls), this.layout)) {
-            return false;
-        }
-        return true;
-    }
-    #associateLabelAndGroup() {
-        this.#label.id = this.#label.id?.length ? this.#label.id : createId();
-        this.setAttribute('aria-labelledby', this.#label.id);
-    }
-    #setupResponsive() {
-        if (this.responsive) {
-            const layoutConfig = { layouts: formLayouts, initialLayout: this.layout };
-            this.addEventListener('bpResizeChange', () => calculateOptimalLayout(this, layoutConfig).then(() => this.dispatchEvent(new CustomEvent('layoutChange', { bubbles: true, detail: this.layout }))));
-        }
-    }
-};
-BpInternalControlGroup = __decorate([
-    interactionResponsive()
-], BpInternalControlGroup);
-export { BpInternalControlGroup };

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

@@ -1,22 +0,0 @@
-import { BpControl } from '../control/element.js';
-/**
- * Internal Control Inline
- *
- * ```typescript
- * import '@blueprintui/components/include/forms.js';
- * ```
- *
- * ```html
- * <bp-internal-control-inline>
- *   <label>inline</label>
- *   <input type="radio" />
- * </bp-internal-control-inline>
- * ```
- * @element bp-internal-control-inline
- * @event checkedChange
- * @slot - For projecting inline input and label
- */
-export declare class BpInternalControlInline extends BpControl {
-    static get styles(): CSSStyleSheet[];
-    render(): import("lit-html").TemplateResult<1>;
-}