next-flow-design 1.3.0 → 1.5.0

package/dist/components/nf-checkbox/nf-checkbox.d.ts

@@ -5,4 +5,5 @@ export declare class NfCheckboxElement extends LitElement {
     disabled: boolean;
     private toggleCheckbox;
     render(): import('lit-html').TemplateResult<1>;
+    connectedCallback(): void;
 }

package/dist/components/nf-input-number/nf-input-number.d.ts

@@ -1,26 +1,38 @@
 import { LitElement } from 'lit';
+type Formatter = (value?: number) => string;
+type Parser = (text: string) => number | null;
 export declare class NfInputNumberElement extends LitElement {
     static styles: CSSStyleSheet[];
-    value: number | null;
-    controls: boolean;
-    changeOnWheel: boolean;
-    min: number | undefined;
-    max: number | undefined;
-    step: number;
-    decimalSeparator: string;
+    value: number;
+    formatter: Formatter;
+    parser: Parser;
+    private validateParsed;
     prefix: string;
     suffix: string;
+    controls: boolean;
+    step: number;
+    min: number | null;
+    max: number | null;
+    changeOnWheel: boolean;
     disabled: boolean;
-    private isInputFocused;
-    render(): import('lit-html').TemplateResult<1>;
-    private formatDisplayValue;
-    private parseInputValue;
+    noDecimal: boolean;
+    noZero: boolean;
+    noNegative: boolean;
+    private text;
+    private setText;
+    private isTyping;
+    private isFocused;
+    protected willUpdate(changed: Map<string, unknown>): void;
+    private onInput;
+    private onBlur;
+    private onFocus;
+    private onWheel;
+    private onKeyDown;
+    private onKeyUp;
+    private fixFloatingPoint;
     private clampValue;
-    private handleInput;
-    private handleChange;
-    private handleKeyDown;
     private handleStepChange;
-    private handleWheel;
-    private handleFocus;
-    private handleBlur;
+    connectedCallback(): void;
+    render(): import('lit-html').TemplateResult<1>;
 }
+export {};

package/dist/components/nf-switch/nf-switch.d.ts

@@ -7,4 +7,5 @@ export declare class NfSwitchElement extends LitElement {
     private toggleSwitch;
     private createRipple;
     render(): import('lit-html').TemplateResult<1>;
+    connectedCallback(): void;
 }

package/dist/index.css

@@ -1 +1 @@
-.nf-root{--nf-width: auto;--nf-height: 2rem;--nf-margin: 0;--nf-padding: 0 .75rem;--nf-font-size: .875rem;--nf-text-font-size: calc(var(--nf-font-size) * var(--font-scale));--nf-font-weight: 200;--nf-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--nf-border-radius: .5rem;--nf-primary-color: var(--primary-color);--nf-primary-color-lighter: color-mix(in srgb, var(--nf-primary-color) 80%, #ffffff);--nf-primary-color-darker: color-mix(in srgb, var(--nf-primary-color) 90%, #000000);--nf-primary-color-opacity: color-mix(in srgb, var(--nf-primary-color) 0%, transparent);--nf-transition: .16s;--nf-transition-fast: .11s;--nf-transition-slow: .3s;--nf-input-padding: 0 .75rem;--nf-switch-padding: .1rem;color:var(--nf-color);font-weight:var(--nf-font-weight);font-size:var(--nf-font-size);font-family:var(--nf-font-family),sans-serif}.nf-root input,.nf-root textarea{color:inherit;font:inherit}.nf-root{--nf-color: #000000;--nf-color-secondary: #6c757d;--nf-color-disabled: #999999;--nf-background-color: #e2e2e266;--nf-background-color-hover: #e2e2e266;--nf-background-color-active: #e2e2e266;--nf-border-color: var(--nf-background-color);--nf-border-color-hover: #cccccc;--nf-border-color-focus: #aaaaaa;--nf-box-shadow-color: #00000000;--nf-box-shadow-color-hover: #00000000;--nf-box-shadow-color-focus: #00000022;--nf-select-icon-color: #6c757d;--nf-icon-color-hover: #495057;--nf-icon-color-active: #343a40;--nf-dropdown-background: #ffffff;--nf-dropdown-shadow: #00000022;--nf-item-background-hover: #0000000d;--nf-item-background-active: #00000016;--nf-control-btn-background-hover: #00000011;--nf-control-btn-background-active: #00000019;--nf-control-divider-color: #cccccc;--nf-slider-tooltip-background: #ffffff;--nf-focus-text-color: #00000077}@media(prefers-color-scheme:dark){.nf-root{--nf-color: #ffffff;--nf-color-secondary: #aaaaaa;--nf-color-disabled: #666666;--nf-background-color: #08080866;--nf-background-color-hover: #08080866;--nf-background-color-active: #08080866;--nf-border-color: var(--nf-background-color);--nf-border-color-hover: #555555;--nf-border-color-focus: #777777;--nf-box-shadow-color: #00000000;--nf-box-shadow-color-hover: #00000000;--nf-box-shadow-color-focus: #55555533;--nf-select-icon-color: #aaaaaa;--nf-icon-color-hover: #c1c1c1;--nf-icon-color-active: #e1e1e1;--nf-dropdown-background: #141414;--nf-dropdown-shadow: #00000055;--nf-item-background-hover: #ffffff0d;--nf-item-background-active: #ffffff16;--nf-control-btn-background-hover: #ffffff11;--nf-control-btn-background-active: #ffffff19;--nf-control-divider-color: #444444;--nf-slider-tooltip-background: #000000;--nf-focus-text-color: #ffffff77;--nf-color-picker-card-checker: #555555;--nf-color-picker-card-checker-bg: #222222}}[theme=light] .nf-root{--nf-color: #000000;--nf-color-secondary: #6c757d;--nf-color-disabled: #999999;--nf-background-color: #e2e2e266;--nf-background-color-hover: #e2e2e266;--nf-background-color-active: #e2e2e266;--nf-border-color: var(--nf-background-color);--nf-border-color-hover: #cccccc;--nf-border-color-focus: #aaaaaa;--nf-box-shadow-color: #00000000;--nf-box-shadow-color-hover: #00000000;--nf-box-shadow-color-focus: #00000022;--nf-select-icon-color: #6c757d;--nf-icon-color-hover: #495057;--nf-icon-color-active: #343a40;--nf-dropdown-background: #ffffff;--nf-dropdown-shadow: #00000022;--nf-item-background-hover: #0000000d;--nf-item-background-active: #00000016;--nf-control-btn-background-hover: #00000011;--nf-control-btn-background-active: #00000019;--nf-control-divider-color: #cccccc;--nf-slider-tooltip-background: #ffffff;--nf-focus-text-color: #00000077}[theme=dark] .nf-root{--nf-color: #ffffff;--nf-color-secondary: #aaaaaa;--nf-color-disabled: #666666;--nf-background-color: #08080866;--nf-background-color-hover: #08080866;--nf-background-color-active: #08080866;--nf-border-color: var(--nf-background-color);--nf-border-color-hover: #555555;--nf-border-color-focus: #777777;--nf-box-shadow-color: #00000000;--nf-box-shadow-color-hover: #00000000;--nf-box-shadow-color-focus: #55555533;--nf-select-icon-color: #aaaaaa;--nf-icon-color-hover: #c1c1c1;--nf-icon-color-active: #e1e1e1;--nf-dropdown-background: #141414;--nf-dropdown-shadow: #00000055;--nf-item-background-hover: #ffffff0d;--nf-item-background-active: #ffffff16;--nf-control-btn-background-hover: #ffffff11;--nf-control-btn-background-active: #ffffff19;--nf-control-divider-color: #444444;--nf-slider-tooltip-background: #000000;--nf-focus-text-color: #ffffff77;--nf-color-picker-card-checker: #555555;--nf-color-picker-card-checker-bg: #222222}[theme=light].nf-root{--nf-color: #000000;--nf-color-secondary: #6c757d;--nf-color-disabled: #999999;--nf-background-color: #e2e2e266;--nf-background-color-hover: #e2e2e266;--nf-background-color-active: #e2e2e266;--nf-border-color: var(--nf-background-color);--nf-border-color-hover: #cccccc;--nf-border-color-focus: #aaaaaa;--nf-box-shadow-color: #00000000;--nf-box-shadow-color-hover: #00000000;--nf-box-shadow-color-focus: #00000022;--nf-select-icon-color: #6c757d;--nf-icon-color-hover: #495057;--nf-icon-color-active: #343a40;--nf-dropdown-background: #ffffff;--nf-dropdown-shadow: #00000022;--nf-item-background-hover: #0000000d;--nf-item-background-active: #00000016;--nf-control-btn-background-hover: #00000011;--nf-control-btn-background-active: #00000019;--nf-control-divider-color: #cccccc;--nf-slider-tooltip-background: #ffffff;--nf-focus-text-color: #00000077}[theme=dark].nf-root{--nf-color: #ffffff;--nf-color-secondary: #aaaaaa;--nf-color-disabled: #666666;--nf-background-color: #08080866;--nf-background-color-hover: #08080866;--nf-background-color-active: #08080866;--nf-border-color: var(--nf-background-color);--nf-border-color-hover: #555555;--nf-border-color-focus: #777777;--nf-box-shadow-color: #00000000;--nf-box-shadow-color-hover: #00000000;--nf-box-shadow-color-focus: #55555533;--nf-select-icon-color: #aaaaaa;--nf-icon-color-hover: #c1c1c1;--nf-icon-color-active: #e1e1e1;--nf-dropdown-background: #141414;--nf-dropdown-shadow: #00000055;--nf-item-background-hover: #ffffff0d;--nf-item-background-active: #ffffff16;--nf-control-btn-background-hover: #ffffff11;--nf-control-btn-background-active: #ffffff19;--nf-control-divider-color: #444444;--nf-slider-tooltip-background: #000000;--nf-focus-text-color: #ffffff77;--nf-color-picker-card-checker: #555555;--nf-color-picker-card-checker-bg: #222222}.nf-theme-blue{--nf-border-color-hover: #7e8fe8;--nf-border-color-focus: #5566dc;--nf-box-shadow-color-focus: #5e72f933}@media(prefers-color-scheme:dark){.nf-theme-blue{--nf-border-color-hover: #7e8fe8;--nf-border-color-focus: #5566dc;--nf-box-shadow-color-focus: #5e72f933}}[theme=light] .nf-theme-blue,[theme=dark] .nf-theme-blue,[theme=light].nf-theme-blue,[theme=dark].nf-theme-blue{--nf-border-color-hover: #7e8fe8;--nf-border-color-focus: #5566dc;--nf-box-shadow-color-focus: #5e72f933}
+.nf-root{--nf-width: auto;--nf-height: 2rem;--nf-margin: 0;--nf-padding: 0 .75rem;--nf-font-size: .875rem;--nf-text-font-size: calc(var(--nf-font-size) * var(--font-scale));--nf-font-weight: 200;--nf-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--nf-border-radius: .5rem;--nf-primary-color: var(--nf-primary-color);--nf-primary-color-lighter: color-mix(in srgb, var(--nf-primary-color) 80%, #ffffff);--nf-primary-color-darker: color-mix(in srgb, var(--nf-primary-color) 90%, #000000);--nf-primary-color-opacity: color-mix(in srgb, var(--nf-primary-color) 0%, transparent);--nf-transition: .16s;--nf-transition-fast: .11s;--nf-transition-slow: .3s;--nf-input-padding: 0 .75rem;--nf-switch-padding: .1rem;color:var(--nf-color);font-weight:var(--nf-font-weight);font-size:var(--nf-font-size);font-family:var(--nf-font-family),sans-serif}.nf-root input,.nf-root textarea{color:inherit;font:inherit}.nf-root{--nf-color: #000000;--nf-color-secondary: #00000080;--nf-color-disabled: #00000066;--nf-background-color: #00000010;--nf-background-color-hover: #00000010;--nf-background-color-active: #00000010;--nf-border-color: var(--nf-background-color);--nf-box-shadow-color: #00000000;--nf-box-shadow-color-hover: #00000000;--nf-select-icon-color: #00000083;--nf-icon-color-hover: #000000A6;--nf-icon-color-active: #000000C1;--nf-dropdown-background: #ccccccaa;--nf-dropdown-shadow: #00000022;--nf-item-background-hover: #0000000d;--nf-item-background-active: #00000016;--nf-control-btn-background-hover: #00000011;--nf-control-btn-background-active: #00000019;--nf-control-divider-color: #00000033;--nf-slider-tooltip-background: #ffffff;--nf-focus-text-color: #00000077;--nf-primary-color: #5566dc;--nf-border-color-hover: #7e8fe8;--nf-border-color-focus: #5566dc;--nf-box-shadow-color-focus: #5e72f933}@media(prefers-color-scheme:dark){.nf-root{--nf-color: #ffffff;--nf-color-secondary: #ffffffaa;--nf-color-disabled: #ffffff66;--nf-background-color: #ffffff10;--nf-background-color-hover: #ffffff10;--nf-background-color-active: #ffffff10;--nf-border-color: var(--nf-background-color);--nf-box-shadow-color: #ffffff00;--nf-box-shadow-color-hover: #ffffff00;--nf-select-icon-color: #ffffffaa;--nf-icon-color-hover: #ffffffc1;--nf-icon-color-active: #ffffffe1;--nf-dropdown-background: #333333aa;--nf-dropdown-shadow: #00000055;--nf-item-background-hover: #ffffff0d;--nf-item-background-active: #ffffff16;--nf-control-btn-background-hover: #ffffff11;--nf-control-btn-background-active: #ffffff19;--nf-control-divider-color: #ffffff44;--nf-slider-tooltip-background: #000000;--nf-focus-text-color: #ffffff77;--nf-color-picker-card-checker: #ffffff55;--nf-color-picker-card-checker-bg: #ffffff22}}[theme=light] .nf-root{--nf-color: #000000;--nf-color-secondary: #00000080;--nf-color-disabled: #00000066;--nf-background-color: #00000010;--nf-background-color-hover: #00000010;--nf-background-color-active: #00000010;--nf-border-color: var(--nf-background-color);--nf-box-shadow-color: #00000000;--nf-box-shadow-color-hover: #00000000;--nf-select-icon-color: #00000083;--nf-icon-color-hover: #000000A6;--nf-icon-color-active: #000000C1;--nf-dropdown-background: #ccccccaa;--nf-dropdown-shadow: #00000022;--nf-item-background-hover: #0000000d;--nf-item-background-active: #00000016;--nf-control-btn-background-hover: #00000011;--nf-control-btn-background-active: #00000019;--nf-control-divider-color: #00000033;--nf-slider-tooltip-background: #ffffff;--nf-focus-text-color: #00000077}[theme=dark] .nf-root{--nf-color: #ffffff;--nf-color-secondary: #ffffffaa;--nf-color-disabled: #ffffff66;--nf-background-color: #ffffff10;--nf-background-color-hover: #ffffff10;--nf-background-color-active: #ffffff10;--nf-border-color: var(--nf-background-color);--nf-box-shadow-color: #ffffff00;--nf-box-shadow-color-hover: #ffffff00;--nf-select-icon-color: #ffffffaa;--nf-icon-color-hover: #ffffffc1;--nf-icon-color-active: #ffffffe1;--nf-dropdown-background: #333333aa;--nf-dropdown-shadow: #00000055;--nf-item-background-hover: #ffffff0d;--nf-item-background-active: #ffffff16;--nf-control-btn-background-hover: #ffffff11;--nf-control-btn-background-active: #ffffff19;--nf-control-divider-color: #ffffff44;--nf-slider-tooltip-background: #000000;--nf-focus-text-color: #ffffff77;--nf-color-picker-card-checker: #ffffff55;--nf-color-picker-card-checker-bg: #ffffff22}[theme=light].nf-root{--nf-color: #000000;--nf-color-secondary: #00000080;--nf-color-disabled: #00000066;--nf-background-color: #00000010;--nf-background-color-hover: #00000010;--nf-background-color-active: #00000010;--nf-border-color: var(--nf-background-color);--nf-box-shadow-color: #00000000;--nf-box-shadow-color-hover: #00000000;--nf-select-icon-color: #00000083;--nf-icon-color-hover: #000000A6;--nf-icon-color-active: #000000C1;--nf-dropdown-background: #ccccccaa;--nf-dropdown-shadow: #00000022;--nf-item-background-hover: #0000000d;--nf-item-background-active: #00000016;--nf-control-btn-background-hover: #00000011;--nf-control-btn-background-active: #00000019;--nf-control-divider-color: #00000033;--nf-slider-tooltip-background: #ffffff;--nf-focus-text-color: #00000077}[theme=dark].nf-root{--nf-color: #ffffff;--nf-color-secondary: #ffffffaa;--nf-color-disabled: #ffffff66;--nf-background-color: #ffffff10;--nf-background-color-hover: #ffffff10;--nf-background-color-active: #ffffff10;--nf-border-color: var(--nf-background-color);--nf-box-shadow-color: #ffffff00;--nf-box-shadow-color-hover: #ffffff00;--nf-select-icon-color: #ffffffaa;--nf-icon-color-hover: #ffffffc1;--nf-icon-color-active: #ffffffe1;--nf-dropdown-background: #333333aa;--nf-dropdown-shadow: #00000055;--nf-item-background-hover: #ffffff0d;--nf-item-background-active: #ffffff16;--nf-control-btn-background-hover: #ffffff11;--nf-control-btn-background-active: #ffffff19;--nf-control-divider-color: #ffffff44;--nf-slider-tooltip-background: #000000;--nf-focus-text-color: #ffffff77;--nf-color-picker-card-checker: #ffffff55;--nf-color-picker-card-checker-bg: #ffffff22}