@blueprintui/cli 0.0.4 → 0.0.7

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

@@ -0,0 +1,28 @@
+import { LitElement, PropertyValues } from 'lit';
+/**
+ * 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 bp-pagination-button
+ */
+export declare class BpPagination extends LitElement {
+    #private;
+    static styles: CSSStyleSheet[];
+    render(): import("lit-html").TemplateResult<1>;
+    firstUpdated(props: PropertyValues<this>): void;
+}

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

@@ -0,0 +1,44 @@
+import { html, LitElement } from 'lit';
+import { baseStyles } 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 bp-pagination-button
+ */
+export class BpPagination extends LitElement {
+    get #numberInput() {
+        return this.querySelector('bp-input[bp-pagination-number]');
+    }
+    static styles = [baseStyles, styles];
+    render() {
+        return html `<div class="private-host"><slot></slot></div>`;
+    }
+    firstUpdated(props) {
+        super.firstUpdated(props);
+        this.#setupNumberInput();
+    }
+    #setupNumberInput() {
+        const input = this.#numberInput;
+        if (input) {
+            input.controlWidth = 'shrink';
+            input.layout = 'compact';
+        }
+    }
+}

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

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

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

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

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

@@ -0,0 +1,53 @@
+import { BpControl } from '@blueprintui/components/forms';
+/**
+ * Password
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/password.js';
+ * ```
+ *
+ * ```html
+ * <bp-password>
+ *   <label>Password</label>
+ *   <input type="password" />
+ *   <bp-control-message>message text</bp-control-message>
+ * </bp-password>
+ * ```
+ *
+ * @element bp-password
+ * @slot - For projecting password input and label
+ */
+export declare class BpPassword extends BpControl {
+    #private;
+    private showPassword;
+    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;
+    };
+    protected get suffixTemplate(): import("lit-html").TemplateResult<1>;
+    static get styles(): CSSStyleSheet[];
+}

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

@@ -0,0 +1,53 @@
+import { __decorate } from "tslib";
+import { html } from 'lit';
+import { BpControl } from '@blueprintui/components/forms';
+import { styles as inputStyles } from '@blueprintui/components/input';
+import { i18n, I18nService } from '@blueprintui/components/internals';
+/**
+ * Password
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/password.js';
+ * ```
+ *
+ * ```html
+ * <bp-password>
+ *   <label>Password</label>
+ *   <input type="password" />
+ *   <bp-control-message>message text</bp-control-message>
+ * </bp-password>
+ * ```
+ *
+ * @element bp-password
+ * @slot - For projecting password input and label
+ */
+let BpPassword = class BpPassword extends BpControl {
+    static properties = {
+        showPassword: { state: true },
+        i18n: { type: Object }
+    };
+    constructor() {
+        super(...arguments);
+        this.showPassword = false;
+        this.i18n = I18nService.keys.actions;
+    }
+    get suffixTemplate() {
+        return html `
+      <bp-button-icon @click=${() => this.#togglePasswordVisibility()} .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>
+    `;
+    }
+    static get styles() {
+        return [...super.styles, inputStyles];
+    }
+    #togglePasswordVisibility() {
+        this.showPassword = !this.showPassword;
+        this.inputControl.type = this.showPassword ? 'text' : 'password';
+        this.inputControl.focus();
+    }
+};
+BpPassword = __decorate([
+    i18n({ key: 'actions' })
+], BpPassword);
+export { BpPassword };

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

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

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

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

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

@@ -0,0 +1,33 @@
+import { LitElement } from 'lit';
+import { Position, TypeDialogController, TypePopupController } 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 {
+    #private;
+    static styles: CSSStyleSheet[];
+    closable: boolean;
+    auto: boolean;
+    dismissible: boolean;
+    position?: Position;
+    anchor?: HTMLElement | string;
+    static: boolean;
+    get popup(): HTMLElement;
+    get dialog(): HTMLElement;
+    protected get arrowTemplate(): import("lit-html").TemplateResult<1>;
+    protected dialogController: TypeDialogController<this>;
+    protected popupController: TypePopupController<this>;
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,71 @@
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { baseStyles, typePopup, typeDialog } 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 properties = {
+        closable: { type: Boolean },
+        auto: { type: Boolean },
+        dismissible: { type: Boolean, reflect: true },
+        position: { type: String, reflect: true },
+        anchor: { type: String },
+        static: { type: Boolean }
+    };
+    constructor() {
+        super(...arguments);
+        this.closable = false;
+        this.auto = false;
+        this.dismissible = true;
+        this.static = false;
+    }
+    static styles = [baseStyles, styles];
+    /* @private */
+    get popup() {
+        return this.dialog;
+    }
+    /* @private */
+    get dialog() {
+        return this.shadowRoot.querySelector('.dialog');
+    }
+    get arrowTemplate() {
+        return html ``;
+    }
+    get #contentTemplate() {
+        return html `
+    ${this.arrowTemplate}
+    <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 name="header"></slot>
+    <div class="content">
+      <slot></slot>
+    </div>
+    <slot name="footer"></slot>`;
+    }
+    render() {
+        return html `
+      <div class="private-host">
+        ${this.static ? html `<div class="dialog">${this.#contentTemplate}</div>` : html `<dialog hidden class="dialog">${this.#contentTemplate}</dialog>`}
+      </div>
+    `;
+    }
+};
+BpPopup = __decorate([
+    typePopup(),
+    typeDialog()
+], BpPopup);
+export { BpPopup };

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

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

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

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

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

@@ -0,0 +1,53 @@
+import { LitElement, PropertyValues } from 'lit';
+/**
+ * ```typescript
+ * import '@blueprintui/components/include/progress-bar.js';
+ * ```
+ *
+ * ```html
+ * <bp-progress-bar value="75"></bp-progress-bar>
+ * ```
+ *
+ * @element bp-progress-bar
+ * @cssprop --background
+ */
+export declare class BpProgressBar 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;
+    };
+    min: number;
+    max: number;
+    value: number | null | undefined;
+    status: 'neutral' | '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/dist/lib/progress-bar/element.js

@@ -0,0 +1,71 @@
+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 {
+    static properties = {
+        i18n: { type: Object },
+        min: { type: Number },
+        max: { type: Number },
+        value: { type: Number },
+        status: { type: String }
+    };
+    constructor() {
+        super(...arguments);
+        this.i18n = I18nService.keys.actions;
+        this.min = 0;
+        this.max = 100;
+        this.value = null;
+        this.status = 'neutral';
+    }
+    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}`;
+        }
+    }
+};
+BpProgressBar = __decorate([
+    i18n({ key: 'actions' })
+], BpProgressBar);
+export { BpProgressBar };

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/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/dist/lib/progress-bar/index.js

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

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/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: 'neutral' | '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/dist/lib/progress-circle/element.js

@@ -0,0 +1,106 @@
+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 {
+    constructor() {
+        super(...arguments);
+        this.i18n = I18nService.keys.actions;
+        this.status = 'neutral';
+        this.line = 3;
+    }
+    static get properties() {
+        return {
+            size: { type: String, reflect: true },
+            i18n: { type: Object },
+            status: { type: String },
+            value: { type: Number },
+            line: { type: Number }
+        };
+    }
+    #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}`;
+        }
+    }
+};
+BpProgressCircle = __decorate([
+    i18n({ key: 'actions' })
+], BpProgressCircle);
+export { BpProgressCircle };

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/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/dist/lib/progress-circle/index.js

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

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

@@ -0,0 +1,24 @@
+import { PropertyValues } from 'lit';
+import { BpInternalControlInline } from '@blueprintui/components/forms';
+/**
+ * Radio
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/radio.js';
+ * ```
+ *
+ * ```html
+ * <bp-radio>
+ *   <label>Test</label>
+ *   <input type="radio" />
+ * </bp-radio>
+ * ```
+ *
+ * @element bp-radio
+ * @slot - For projecting radio input
+ */
+export declare class BpRadio extends BpInternalControlInline {
+    #private;
+    static get styles(): CSSStyleSheet[];
+    firstUpdated(props: PropertyValues<this>): void;
+}

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

@@ -0,0 +1,41 @@
+import { BpInternalControlInline } from '@blueprintui/components/forms';
+import styles from './element.css' assert { type: 'css' };
+/**
+ * Radio
+ *
+ * ```typescript
+ * import '@blueprintui/components/include/radio.js';
+ * ```
+ *
+ * ```html
+ * <bp-radio>
+ *   <label>Test</label>
+ *   <input type="radio" />
+ * </bp-radio>
+ * ```
+ *
+ * @element bp-radio
+ * @slot - For projecting radio input
+ */
+export class BpRadio extends BpInternalControlInline {
+    static get styles() {
+        return [...super.styles, styles];
+    }
+    firstUpdated(props) {
+        super.firstUpdated(props);
+        if (!this.isControlGroup) {
+            this.#associateNonGroupRadios();
+        }
+    }
+    #associateNonGroupRadios() {
+        const root = this.getRootNode();
+        root.addEventListener('checkedChange', (e) => {
+            if (this.inputControl.name && e.target.tagName === 'BP-RADIO' && e.target.inputControl.name === this.inputControl.name) {
+                root
+                    .querySelectorAll(`bp-radio input[type=radio][name=${this.inputControl.name}]`)
+                    .forEach(c => (c.checked = false));
+                e.target.inputControl.checked = true;
+            }
+        });
+    }
+}