tosijs-ui 1.0.1 → 1.0.2

package/dist/src/notifications.d.ts

@@ -1,106 +0,0 @@
-import { Component, ElementCreator } from 'xinjs';
-interface NotificationSpec {
-    message: string;
-    type?: 'success' | 'info' | 'log' | 'warn' | 'error' | 'progress';
-    icon?: SVGElement | string;
-    duration?: number;
-    progress?: () => number;
-    close?: () => void;
-}
-type callback = () => void;
-export declare class XinNotification extends Component {
-    private static singleton?;
-    static styleSpec: {
-        ':host': {
-            _notificationSpacing: number;
-            _notificationWidth: number;
-            _notificationPadding: string;
-            _notificationBg: string;
-            _notificationAccentColor: string;
-            _notificationTextColor: string;
-            _notificationIconSize: any;
-            _notificationButtonSize: number;
-            _notificationBorderWidth: string;
-            _notificationBorderRadius: any;
-            position: string;
-            left: number;
-            right: number;
-            bottom: number;
-            paddingBottom: any;
-            width: any;
-            display: string;
-            flexDirection: string;
-            margin: string;
-            gap: any;
-            maxHeight: string;
-            overflow: string;
-            boxShadow: string;
-        };
-        ':host *': {
-            color: any;
-        };
-        ':host .note': {
-            display: string;
-            background: any;
-            padding: any;
-            gridTemplateColumns: string;
-            gap: any;
-            alignItems: string;
-            borderRadius: any;
-            boxShadow: string;
-            borderColor: any;
-            borderWidth: any;
-            borderStyle: string;
-            transition: string;
-            transitionProperty: string;
-            zIndex: number;
-        };
-        ':host .note .icon': {
-            stroke: any;
-        };
-        ':host .note button': {
-            display: string;
-            lineHeight: any;
-            padding: number;
-            margin: number;
-            height: any;
-            width: any;
-            background: string;
-            alignItems: string;
-            justifyContent: string;
-            boxShadow: string;
-            border: string;
-            position: string;
-        };
-        ':host .note button:hover svg': {
-            stroke: any;
-        };
-        ':host .note button:active svg': {
-            borderRadius: number;
-            stroke: any;
-            background: any;
-            padding: any;
-        };
-        ':host .note svg': {
-            height: any;
-            width: any;
-            pointerEvents: string;
-        };
-        ':host .message': {
-            display: string;
-            flexDirection: string;
-            alignItems: string;
-            gap: any;
-        };
-        ':host .note.closing': {
-            opacity: number;
-            zIndex: number;
-        };
-    };
-    static removeNote(note: HTMLElement): void;
-    static post(spec: NotificationSpec | string): callback;
-    content: any;
-}
-export declare const xinNotification: ElementCreator<XinNotification>;
-export declare function postNotification(spec: NotificationSpec | string): callback;
-export {};

package/dist/src/password-strength.d.ts

@@ -1,35 +0,0 @@
-import { Component } from 'xinjs';
-export declare const digest: (s: string, method?: string) => Promise<string>;
-export declare const isBreached: (password: string) => Promise<boolean>;
-export declare class XinPasswordStrength extends Component {
-    minLength: number;
-    goodLength: number;
-    indicatorColors: string;
-    descriptionColors: string;
-    issues: {
-        tooShort: boolean;
-        short: boolean;
-        noUpper: boolean;
-        noLower: boolean;
-        noNumber: boolean;
-        noSpecial: boolean;
-    };
-    issueDescriptions: {
-        tooShort: string;
-        short: string;
-        noUpper: string;
-        noLower: string;
-        noNumber: string;
-        noSpecial: string;
-    };
-    value: number;
-    strengthDescriptions: string[];
-    constructor();
-    strength(password: string): number;
-    isBreached(): Promise<boolean>;
-    updateIndicator: (password: string) => void;
-    update: (event: Event) => void;
-    content: () => any[];
-    render(): void;
-}
-export declare const xinPasswordStrength: any;

package/dist/src/pop-float.d.ts

@@ -1,10 +0,0 @@
-import { ElementPart } from 'xinjs';
-import { XinFloat } from './float';
-export type FloatPosition = 'n' | 's' | 'e' | 'w' | 'ne' | 'nw' | 'se' | 'sw' | 'en' | 'wn' | 'es' | 'ws' | 'side' | 'auto';
-export interface PopFloatOptions {
-    content: HTMLElement | ElementPart[];
-    target: HTMLElement;
-    position?: FloatPosition;
-}
-export declare const popFloat: (options: PopFloatOptions) => XinFloat;
-export declare const positionFloat: (element: HTMLElement, target: HTMLElement, position?: FloatPosition) => void;

package/dist/src/rating.d.ts

@@ -1,62 +0,0 @@
-import { Component, ElementCreator } from 'xinjs';
-export declare class XinRating extends Component {
-    iconSize: number;
-    min: 0 | 1;
-    max: number;
-    step: number;
-    value: number | null;
-    icon: string;
-    ratingFill: string;
-    ratingStroke: string;
-    emptyFill: string;
-    emptyStroke: string;
-    readonly: boolean;
-    hollow: boolean;
-    static styleSpec: {
-        ':host': {
-            display: string;
-            position: string;
-            width: string;
-        };
-        ':host::part(container)': {
-            position: string;
-            display: string;
-        };
-        ':host::part(empty), :host::part(filled)': {
-            height: string;
-            whiteSpace: string;
-            overflow: string;
-        };
-        ':host::part(empty)': {
-            pointerEvents: string;
-            _xinIconFill: any;
-            _xinIconStroke: any;
-        };
-        ':host::part(filled)': {
-            position: string;
-            left: number;
-            _xinIconFill: any;
-            _xinIconStroke: any;
-        };
-        ':host svg': {
-            transform: string;
-            pointerEvents: string;
-            transition: string;
-        };
-        ':host svg:hover': {
-            transform: string;
-        };
-        ':host svg:active': {
-            transform: string;
-        };
-    };
-    constructor();
-    content: () => any;
-    displayValue(value: number | null): void;
-    update: (event: Event) => void;
-    handleKey: (event: KeyboardEvent) => void;
-    connectedCallback(): void;
-    private _renderedIcon;
-    render(): void;
-}
-export declare const xinRating: ElementCreator<XinRating>;

package/dist/src/rich-text.d.ts

@@ -1,28 +0,0 @@
-import { Component as WebComponent, ElementCreator } from 'xinjs';
-export declare function blockStyle(options?: {
-    caption: string;
-    tagType: string;
-}[]): any;
-export declare function spacer(width?: string): any;
-export declare function elastic(width?: string): any;
-export declare function commandButton(title: string, dataCommand: string, icon: SVGElement): any;
-export declare const richTextWidgets: () => any[];
-export declare class RichText extends WebComponent {
-    widgets: 'none' | 'minimal' | 'default';
-    private isInitialized;
-    get value(): string;
-    set value(docHtml: string);
-    blockElement(elt: Node): Element | undefined;
-    get selectedBlocks(): any[];
-    get selectedText(): string;
-    selectionChange: (event: Event, editor: RichText) => void;
-    handleSelectChange: (event: Event) => void;
-    handleButtonClick: (event: Event) => void;
-    content: any[];
-    constructor();
-    doCommand(command?: string): void;
-    updateBlockStyle(): void;
-    connectedCallback(): void;
-    render(): void;
-}
-export declare const richText: ElementCreator<RichText>;

package/dist/src/segmented.d.ts

@@ -1,80 +0,0 @@
-import { Component as WebComponent, ElementCreator } from 'xinjs';
-interface Choice {
-    icon?: string | SVGElement;
-    value: string;
-    caption: string;
-}
-export declare class XinSegmented extends WebComponent {
-    choices: string | Choice[];
-    other: string;
-    multiple: boolean;
-    name: string;
-    placeholder: string;
-    localized: boolean;
-    value: null | string;
-    get values(): string[];
-    content: () => any[];
-    static styleSpec: {
-        ':host': {
-            display: string;
-            gap: any;
-            alignItems: any;
-        };
-        ':host, :host::part(options)': {
-            flexDirection: any;
-        };
-        ':host label': {
-            display: string;
-            alignItems: string;
-            gap: any;
-            gridTemplateColumns: any;
-            padding: any;
-            font: any;
-        };
-        ':host label:has(:checked)': {
-            color: any;
-            background: any;
-        };
-        ':host svg': {
-            height: any;
-            stroke: any;
-        };
-        ':host label.no-icon': {
-            gap: number;
-            gridTemplateColumns: any;
-        };
-        ':host input[type="radio"], :host input[type="checkbox"]': {
-            visibility: any;
-        };
-        ':host::part(options)': {
-            display: string;
-            borderRadius: any;
-            background: any;
-            color: any;
-            overflow: string;
-            alignItems: any;
-        };
-        ':host::part(custom)': {
-            padding: any;
-            color: any;
-            background: any;
-            font: any;
-            border: string;
-            outline: string;
-        };
-        ':host::part(custom)::placeholder': {
-            color: any;
-            opacity: any;
-        };
-    };
-    constructor();
-    private valueChanged;
-    handleChange: () => void;
-    handleKey: (event: KeyboardEvent) => void;
-    connectedCallback(): void;
-    private get _choices();
-    get isOtherValue(): boolean;
-    render(): void;
-}
-export declare const xinSegmented: ElementCreator<XinSegmented>;
-export {};

package/dist/src/select.d.ts

@@ -1,43 +0,0 @@
-import { Component as WebComponent, ElementCreator } from 'xinjs';
-import { MenuItem } from './menu';
-type OptionRequest = () => Promise<string | undefined>;
-export interface SelectOption {
-    icon?: string | HTMLElement;
-    caption: string;
-    value: string | OptionRequest;
-}
-export interface SelectOptionSubmenu {
-    icon?: string | HTMLElement;
-    caption: string;
-    options: SelectOptions;
-}
-export type SelectOptions = Array<string | null | SelectOption | SelectOptionSubmenu>;
-export declare class XinSelect extends WebComponent {
-    editable: boolean;
-    showIcon: boolean;
-    hideCaption: boolean;
-    options: string | SelectOptions;
-    value: string;
-    placeholder: string;
-    filter: string;
-    localized: boolean;
-    private setValue;
-    private getValue;
-    get selectOptions(): SelectOptions;
-    private buildOptionMenuItem;
-    get optionsMenu(): MenuItem[];
-    handleChange: (event: Event) => void;
-    handleKey: (event: KeyboardEvent) => void;
-    filterMenu: any;
-    popOptions: (event?: Event) => void;
-    content: () => any[];
-    constructor();
-    get allOptions(): SelectOption[];
-    findOption(): SelectOption;
-    localeChanged: () => void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    render(): void;
-}
-export declare const xinSelect: ElementCreator<XinSelect>;
-export {};

package/dist/src/side-nav.d.ts

@@ -1,36 +0,0 @@
-import { Component, ElementCreator } from 'xinjs';
-export declare class SideNav extends Component {
-    minSize: number;
-    navSize: number;
-    compact: boolean;
-    content: any[];
-    private _contentVisible;
-    get contentVisible(): boolean;
-    set contentVisible(visible: boolean);
-    static styleSpec: {
-        ':host': {
-            display: string;
-            gridTemplateColumns: string;
-            gridTemplateRows: string;
-            position: string;
-            margin: any;
-            transition: any;
-        };
-        ':host slot': {
-            position: string;
-        };
-        ':host slot:not([name])': {
-            display: string;
-        };
-        ':host slot[name="nav"]': {
-            display: string;
-        };
-    };
-    onResize: () => void;
-    private observer;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    constructor();
-    render(): void;
-}
-export declare const sideNav: ElementCreator<SideNav>;

package/dist/src/size-break.d.ts

@@ -1,18 +0,0 @@
-import { Component as WebComponent, ElementCreator } from 'xinjs';
-export declare class SizeBreak extends WebComponent {
-    minWidth: number;
-    minHeight: number;
-    value: 'normal' | 'small';
-    content: any[];
-    static styleSpec: {
-        ':host': {
-            display: string;
-            position: string;
-        };
-    };
-    constructor();
-    onResize: () => void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-}
-export declare const sizeBreak: ElementCreator<SizeBreak>;

package/dist/src/sizer.d.ts

@@ -1,34 +0,0 @@
-import { Component as XinComponent, ElementCreator } from 'xinjs';
-export declare class XinSizer extends XinComponent {
-    target?: HTMLElement | null;
-    static styleSpec: {
-        ':host': {
-            _resizeIconFill: string;
-            display: string;
-            position: string;
-            bottom: number;
-            right: number;
-            padding: number;
-            width: number;
-            height: number;
-            opacity: number;
-            transition: string;
-        };
-        ':host(:hover)': {
-            opacity: number;
-        };
-        ':host svg': {
-            width: number;
-            height: number;
-            stroke: any;
-        };
-    };
-    content: any;
-    get minSize(): {
-        width: number;
-        height: number;
-    };
-    resizeTarget: (event: Event) => void;
-    connectedCallback(): void;
-}
-export declare const xinSizer: ElementCreator<XinSizer>;

package/dist/src/tab-selector.d.ts

@@ -1,91 +0,0 @@
-import { Component as WebComponent, ElementCreator } from 'xinjs';
-type TabCloseHandler = (tabBody: Element) => boolean | undefined | void;
-export declare class TabSelector extends WebComponent {
-    value: number;
-    localized: boolean;
-    makeTab(tabs: TabSelector, tabBody: HTMLElement, bodyId: string): HTMLElement;
-    static styleSpec: {
-        ':host': {
-            display: string;
-            flexDirection: string;
-            position: string;
-            overflow: string;
-            boxShadow: string;
-        };
-        slot: {
-            position: string;
-            display: string;
-            flex: string;
-            overflow: string;
-            overflowY: string;
-        };
-        'slot[name="after-tabs"]': {
-            flex: string;
-        };
-        '::slotted([hidden])': {
-            display: string;
-        };
-        ':host::part(tabpanel)': {
-            display: string;
-            flexDirection: string;
-            overflowX: string;
-        };
-        ':host::part(tabrow)': {
-            display: string;
-        };
-        ':host .tabs': {
-            display: string;
-            userSelect: string;
-            whiteSpace: string;
-        };
-        ':host .tabs > div': {
-            padding: string;
-            cursor: string;
-            display: string;
-            alignItems: string;
-        };
-        ':host .tabs > [aria-selected="true"]': {
-            '--text-color': any;
-            color: any;
-        };
-        ':host .elastic': {
-            flex: string;
-        };
-        ':host .border': {
-            background: string;
-        };
-        ':host .border > .selected': {
-            content: string;
-            width: number;
-            height: string;
-            background: any;
-            transition: string;
-        };
-        ':host button.close': {
-            border: number;
-            background: string;
-            textAlign: string;
-            marginLeft: any;
-            padding: number;
-        };
-        ':host button.close > svg': {
-            height: string;
-        };
-    };
-    onCloseTab: TabCloseHandler | null;
-    content: any[];
-    constructor();
-    addTabBody(body: HTMLElement, selectTab?: boolean): void;
-    removeTabBody(body: HTMLElement): void;
-    keyTab: (event: Event) => void;
-    get bodies(): Element[];
-    pickTab: (event: Event) => void;
-    setupTabs: () => void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    localeChanged: () => void;
-    onResize(): void;
-    render(): void;
-}
-export declare const tabSelector: ElementCreator<TabSelector>;
-export {};

package/dist/src/tag-list.d.ts

@@ -1,37 +0,0 @@
-import { Component as WebComponent, ElementCreator } from 'xinjs';
-export declare class XinTag extends WebComponent {
-    caption: string;
-    removeable: boolean;
-    removeCallback: (event: Event) => void;
-    content: () => any[];
-    constructor();
-}
-export declare const xinTag: ElementCreator<XinTag>;
-interface Tag {
-    value: string;
-    caption?: string;
-    color?: string;
-    background?: string;
-    icon?: string | HTMLElement;
-}
-type TagList = (string | Tag | null)[];
-export declare class XinTagList extends WebComponent {
-    disabled: boolean;
-    name: string;
-    availableTags: string | TagList;
-    value: string | string[];
-    textEntry: boolean;
-    editable: boolean;
-    placeholder: string;
-    get tags(): string[];
-    constructor();
-    addTag: (tag: string) => void;
-    toggleTag: (toggled: string) => void;
-    enterTag: (event: KeyboardEvent) => void;
-    popSelectMenu: () => void;
-    content: () => any[];
-    removeTag: (event: Event) => void;
-    render(): void;
-}
-export declare const xinTagList: ElementCreator<XinTagList>;
-export {};

package/dist/src/track-drag.d.ts

@@ -1,5 +0,0 @@
-type TrackerCallback = (dx: number, dy: number, event: PointerEvent) => boolean | undefined;
-export declare const trackDrag: (event: PointerEvent, callback: TrackerCallback, cursor?: string) => void;
-export declare const findHighestZ: (selector?: string) => number;
-export declare const bringToFront: (element: HTMLElement, selector?: string) => void;
-export {};

package/dist/src/version.d.ts

@@ -1 +0,0 @@
-export declare const version = "0.9.15";

package/dist/src/via-tag.d.ts

@@ -1,2 +0,0 @@
-export declare function scriptTag(src: string, existingSymbolName?: string): Promise<any>;
-export declare function styleSheet(href: string): Promise<void>;