@blueprintui/cli 0.0.9 → 0.0.11

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

@@ -0,0 +1,86 @@
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { baseStyles, I18nService } from '@blueprintui/components/internals';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * 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 class BpPagination extends LitElement {
+    i18n = I18nService.keys.actions;
+    get #field() {
+        return this.querySelector('bp-field');
+    }
+    static styles = [baseStyles, styles];
+    render() {
+        return html `
+      <div class="private-host">
+        <slot name="first"></slot>
+        <slot name="prev"></slot>
+        <slot></slot>
+        <slot name="next"></slot>
+        <slot name="last"></slot>
+      </div>`;
+    }
+    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';
+        }
+        if (last) {
+            last.ariaLabel = this.i18n.last;
+            last.shape = 'step-forward-2';
+            last.direction = 'up';
+        }
+        if (prev) {
+            prev.ariaLabel = this.i18n.previous;
+            prev.shape = 'angle';
+            prev.direction = 'left';
+        }
+        if (next) {
+            next.ariaLabel = this.i18n.next;
+            next.shape = 'angle';
+            next.direction = 'right';
+        }
+    }
+    #setupField() {
+        const field = this.#field;
+        if (field) {
+            field.controlWidth = 'shrink';
+            field.layout = 'compact';
+        }
+    }
+}
+__decorate([
+    property({ type: Object })
+], BpPagination.prototype, "i18n", void 0);

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

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

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

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

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

@@ -0,0 +1,54 @@
+import { BpInput } from '@blueprintui/components/input';
+/**
+ * Password
+ *
+ * ```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>
+ * ```
+ *
+ * @element bp-password
+ * @slot - For projecting password input and label
+ */
+export declare class BpPassword extends BpInput {
+    #private;
+    type: string;
+    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 showPassword;
+    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/password/element.js

@@ -0,0 +1,56 @@
+import { __decorate } from "tslib";
+import { html } from 'lit';
+import { i18n, I18nService, baseStyles } from '@blueprintui/components/internals';
+import { BpInput, styles as inputStyles } from '@blueprintui/components/input';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * Password
+ *
+ * ```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>
+ * ```
+ *
+ * @element bp-password
+ * @slot - For projecting password input and label
+ */
+let BpPassword = class BpPassword extends BpInput {
+    type = 'password';
+    i18n = I18nService.keys.actions;
+    showPassword = false;
+    static get styles() {
+        return [baseStyles, inputStyles, styles];
+    }
+    get suffixTemplate() {
+        return html `
+      <bp-button-icon @click=${() => this.#togglePasswordVisibility()} .disabled=${this.disabled} .pressed=${this.showPassword} aria-label=${this.showPassword ? this.i18n.hide : this.i18n.show}>
+        <bp-icon shape=${this.showPassword ? 'eye-hide' : 'eye'}></bp-icon>
+      </bp-button-icon>
+    `;
+    }
+    #togglePasswordVisibility() {
+        this.showPassword = !this.showPassword;
+        this.type = this.showPassword ? 'text' : 'password';
+        this.input.focus();
+    }
+};
+__decorate([
+    property({ type: String, reflect: true })
+], BpPassword.prototype, "type", void 0);
+__decorate([
+    property({ type: Object })
+], BpPassword.prototype, "i18n", void 0);
+__decorate([
+    state()
+], BpPassword.prototype, "showPassword", void 0);
+BpPassword = __decorate([
+    i18n({ key: 'actions' })
+], BpPassword);
+export { BpPassword };

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

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

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

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

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

@@ -0,0 +1,31 @@
+import { LitElement } from 'lit';
+import { Position, TypeClosableController, TypePositionedConfig, TypePopupController, PopupControllerConfig, TypePositionedController } from '@blueprintui/components/internals';
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/popup.js';
+ * ```
+ *
+ * ```html
+ * <bp-popup>
+ *
+ * </bp-popup>
+ * ```
+ *
+ * @element bp-popup
+ * @slot - content
+ * @cssprop --background
+ */
+export declare class BpPopup extends LitElement {
+    static styles: CSSStyleSheet[];
+    closable: boolean;
+    position: Position;
+    anchor?: HTMLElement | string;
+    modal: boolean;
+    arrow: boolean;
+    protected typeClosableController: TypeClosableController<this>;
+    protected popupTypeController: TypePopupController<this>;
+    get popupControllerConfig(): PopupControllerConfig;
+    protected typePositionedController: TypePositionedController<this>;
+    get typePositionedConfig(): TypePositionedConfig;
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,76 @@
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { baseStyles, typePositioned, typeClosable, typePopup } from '@blueprintui/components/internals';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/popup.js';
+ * ```
+ *
+ * ```html
+ * <bp-popup>
+ *
+ * </bp-popup>
+ * ```
+ *
+ * @element bp-popup
+ * @slot - content
+ * @cssprop --background
+ */
+let BpPopup = class BpPopup extends LitElement {
+    static styles = [baseStyles, styles];
+    closable = false;
+    position = 'bottom';
+    anchor;
+    modal = true;
+    arrow;
+    get popupControllerConfig() {
+        return {
+            type: 'auto'
+        };
+    }
+    get typePositionedConfig() {
+        return {
+            position: this.position,
+            anchor: this.anchor,
+            popup: this.shadowRoot.querySelector('dialog'),
+            arrow: this.shadowRoot.querySelector('[part=arrow]')
+        };
+    }
+    render() {
+        return html `
+      <div class="private-host">
+        <dialog hidden>
+          ${this.closable ? html `<bp-button-icon @click=${() => this.typeClosableController.close()} aria-label="close" shape="close" type="button"></bp-button-icon>` : ''}
+          <slot name="header"></slot>
+          <div class="content">
+            <slot></slot>
+          </div>
+          <slot name="footer"></slot>
+          ${this.arrow ? html `<div part="arrow"></div>` : ''}
+        </dialog>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: Boolean, reflect: true })
+], BpPopup.prototype, "closable", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], BpPopup.prototype, "position", void 0);
+__decorate([
+    property({ type: String })
+], BpPopup.prototype, "anchor", void 0);
+__decorate([
+    property({ type: Boolean })
+], BpPopup.prototype, "modal", void 0);
+__decorate([
+    property({ type: Boolean })
+], BpPopup.prototype, "arrow", void 0);
+BpPopup = __decorate([
+    typePopup(),
+    typeClosable(),
+    typePositioned()
+], BpPopup);
+export { BpPopup };

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

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

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

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

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

@@ -1,14 +1,17 @@
-import { LitElement } from 'lit';
+import { LitElement, PropertyValues } from 'lit';
 /**
- * Grid Placeholder
- *
  * ```typescript
- * import '@blueprintui/grid/include/base.js';
+ * import '@blueprintui/components/include/progress-bar.js';
+ * ```
+ *
+ * ```html
+ * <bp-progress-bar value="75"></bp-progress-bar>
  * ```
  *
- * @element bp-grid-placeholder
+ * @element bp-progress-bar
+ * @cssprop --background
  */
-export declare class BpGridPlaceholder extends LitElement {
+export declare class BpProgressBar extends LitElement {
     #private;
     i18n: {
         sort: string;
@@ -38,8 +41,13 @@ export declare class BpGridPlaceholder extends LitElement {
         lastPage: string;
         pageSize: string;
     };
-    readonly gridCell: HTMLElement;
+    min: number;
+    max: number;
+    value: number | null | undefined;
+    status: 'accent' | 'success' | 'warning' | 'danger';
     static styles: CSSStyleSheet[];
+    private _internals;
     render(): import("lit-html").TemplateResult<1>;
     connectedCallback(): void;
+    protected updated(props: PropertyValues<this>): void;
 }

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

@@ -0,0 +1,76 @@
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { i18n, I18nService } from '@blueprintui/components/internals';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/progress-bar.js';
+ * ```
+ *
+ * ```html
+ * <bp-progress-bar value="75"></bp-progress-bar>
+ * ```
+ *
+ * @element bp-progress-bar
+ * @cssprop --background
+ */
+let BpProgressBar = class BpProgressBar extends LitElement {
+    i18n = I18nService.keys.actions;
+    min = 0;
+    max = 100;
+    value = null;
+    status;
+    static styles = [styles];
+    _internals = this.attachInternals();
+    render() {
+        return html `
+      <div class="private-host" >
+        <progress aria-hidden="true" min=${ifDefined(this.min)} max=${ifDefined(this.max)} value=${ifDefined(this.value)}> 70% </progress>
+      </div>
+    `;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._internals.role = 'progressbar';
+        this.#updateAria();
+    }
+    updated(props) {
+        super.updated(props);
+        if (props.has('value')) {
+            this.#updateAria();
+        }
+    }
+    #updateAria() {
+        if (this.value === undefined || this.value === null) {
+            this._internals.ariaValueMin = '0';
+            this._internals.ariaValueMax = '1';
+            this._internals.ariaValueNow = null;
+            this._internals.ariaLabel = this.i18n.loading;
+        }
+        else {
+            this._internals.ariaValueMin = `${this.min}`;
+            this._internals.ariaValueMax = `${this.max}`;
+            this._internals.ariaValueNow = `${this.value}`;
+        }
+    }
+};
+__decorate([
+    property({ type: Object })
+], BpProgressBar.prototype, "i18n", void 0);
+__decorate([
+    property({ type: Number })
+], BpProgressBar.prototype, "min", void 0);
+__decorate([
+    property({ type: Number })
+], BpProgressBar.prototype, "max", void 0);
+__decorate([
+    property({ type: Number })
+], BpProgressBar.prototype, "value", void 0);
+__decorate([
+    property({ type: String })
+], BpProgressBar.prototype, "status", void 0);
+BpProgressBar = __decorate([
+    i18n({ key: 'actions' })
+], BpProgressBar);
+export { BpProgressBar };

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

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

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

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

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

@@ -0,0 +1,60 @@
+import { LitElement, PropertyValues } from 'lit';
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/progress-circle.js';
+ * ```
+ *
+ * ```html
+ * <bp-progress-circle value="75"></bp-progress-circle>
+ * ```
+ *
+ * @element bp-progress-circle
+ * @cssprop --background
+ */
+export declare class BpProgressCircle 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;
+    };
+    status: 'accent' | 'success' | 'warning' | 'danger';
+    value: number;
+    line: number;
+    static get properties(): {
+        size: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+    };
+    set size(val: string | 'sm' | 'md' | 'lg' | 'xl' | 'xxl');
+    get size(): string | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+    static styles: CSSStyleSheet[];
+    private _internals;
+    render(): import("lit-html").TemplateResult<1>;
+    connectedCallback(): void;
+    protected updated(props: PropertyValues<this>): void;
+}

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

@@ -0,0 +1,112 @@
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { i18n, I18nService } from '@blueprintui/components/internals';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/progress-circle.js';
+ * ```
+ *
+ * ```html
+ * <bp-progress-circle value="75"></bp-progress-circle>
+ * ```
+ *
+ * @element bp-progress-circle
+ * @cssprop --background
+ */
+let BpProgressCircle = class BpProgressCircle extends LitElement {
+    i18n = I18nService.keys.actions;
+    status;
+    value;
+    line = 3;
+    static get properties() {
+        return {
+            size: { type: String, reflect: true }
+        };
+    }
+    #size;
+    set size(val) {
+        if (val !== this.#size) {
+            const oldVal = this.#size;
+            this.#size = val;
+            this.style.width = val;
+            this.style.height = val;
+            this.requestUpdate('size', oldVal);
+        }
+    }
+    get size() {
+        return this.#size;
+    }
+    get #radius() {
+        return 18 - Math.ceil(this.line / 2);
+    }
+    get #circumference() {
+        return 2 * Math.PI * this.#radius;
+    }
+    get #progress() {
+        return this.value ?? 30;
+    }
+    get #progressOffset() {
+        return ((100 - this.#progress) / 100) * this.#circumference;
+    }
+    static styles = [styles];
+    _internals = this.attachInternals();
+    render() {
+        return html `
+      <div class="private-host" aria-hidden="true">
+        <div class="progress-wrapper">
+          <svg version="1.1" viewBox="0 0 36 36" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" focusable="false">
+            <circle stroke-width="${this.line}" r="${this.#radius}" class="${this.#progress > 99 ? 'arcstroke' : 'backstroke'}" fill="none" cx="18" cy="18" />
+            <path
+              d="M 18 18 m 0,-${this.#radius} a ${this.#radius},${this.#radius} 0 1 1 0,${2 * this.#radius} a ${this.#radius},${this.#radius} 0 1 1 0,-${2 * this.#radius}"
+              stroke-width="${this.line}"
+              stroke-dasharray="${this.#circumference}"
+              stroke-dashoffset="${this.#progressOffset}"
+              class="fillstroke arcstroke"
+              fill="none"
+            />
+          </svg>
+        </div>
+      </div>
+    `;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._internals.role = 'progressbar';
+        this._internals.ariaValueMin = '0';
+        this.#updateAria();
+    }
+    updated(props) {
+        super.updated(props);
+        if (props.has('value')) {
+            this.#updateAria();
+        }
+    }
+    #updateAria() {
+        if (this.value === undefined || this.value === null) {
+            this._internals.ariaValueMax = '1';
+            this._internals.ariaValueNow = null;
+            this._internals.ariaLabel = this.i18n.loading;
+        }
+        else {
+            this._internals.ariaValueMax = '100';
+            this._internals.ariaValueNow = `${this.value}`;
+        }
+    }
+};
+__decorate([
+    property({ type: Object })
+], BpProgressCircle.prototype, "i18n", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], BpProgressCircle.prototype, "status", void 0);
+__decorate([
+    property({ type: Number })
+], BpProgressCircle.prototype, "value", void 0);
+__decorate([
+    property({ type: Number })
+], BpProgressCircle.prototype, "line", void 0);
+BpProgressCircle = __decorate([
+    i18n({ key: 'actions' })
+], BpProgressCircle);
+export { BpProgressCircle };

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

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

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

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

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

@@ -0,0 +1,16 @@
+import { LitElement } from 'lit';
+import { TypeFormRadioController, RadioControl, TypeFormControlController } from '@blueprintui/components/forms';
+export interface BpRadio extends RadioControl {
+}
+export declare class BpRadio extends LitElement {
+    static formAssociated: boolean;
+    static styles: CSSStyleSheet[];
+    value: string;
+    name: string;
+    checked: boolean;
+    disabled: boolean;
+    indeterminate: boolean;
+    protected control: TypeFormControlController<BpRadio>;
+    protected radio: TypeFormRadioController<BpRadio>;
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,36 @@
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { baseStyles } from '@blueprintui/components/internals';
+import { TypeFormRadioController, TypeFormControlController } from '@blueprintui/components/forms';
+import styles from './element.css' assert { type: 'css' };
+export class BpRadio extends LitElement {
+    static formAssociated = true;
+    static styles = [baseStyles, styles];
+    value = 'on';
+    name;
+    checked;
+    disabled;
+    indeterminate;
+    control = new TypeFormControlController(this);
+    radio = new TypeFormRadioController(this);
+    render() {
+        return html `
+      <input type="radio" tabindex="-1" aria-hidden="true" .checked=${this.checked} .disabled=${this.disabled} .indeterminate=${this.indeterminate} />
+    `;
+    }
+}
+__decorate([
+    property({ type: String, reflect: true })
+], BpRadio.prototype, "value", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], BpRadio.prototype, "name", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], BpRadio.prototype, "checked", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], BpRadio.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], BpRadio.prototype, "indeterminate", void 0);