@spectrum-web-components/number-field 1.1.0 → 1.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/number-field",
-    "version": "1.1.0",
+    "version": "1.1.2",
     "publishConfig": {
         "access": "public"
     },
@@ -59,13 +59,13 @@
     ],
     "dependencies": {
         "@internationalized/number": "^3.6.0",
-        "@spectrum-web-components/base": "^1.1.0",
-        "@spectrum-web-components/icon": "^1.1.0",
-        "@spectrum-web-components/icons-ui": "^1.1.0",
-        "@spectrum-web-components/infield-button": "^1.1.0",
-        "@spectrum-web-components/reactive-controllers": "^1.1.0",
-        "@spectrum-web-components/shared": "^1.1.0",
-        "@spectrum-web-components/textfield": "^1.1.0"
+        "@spectrum-web-components/base": "^1.1.2",
+        "@spectrum-web-components/icon": "^1.1.2",
+        "@spectrum-web-components/icons-ui": "^1.1.2",
+        "@spectrum-web-components/infield-button": "^1.1.2",
+        "@spectrum-web-components/reactive-controllers": "^1.1.2",
+        "@spectrum-web-components/shared": "^1.1.2",
+        "@spectrum-web-components/textfield": "^1.1.2"
     },
     "devDependencies": {
         "@formatjs/intl-numberformat": "^8.3.5",
@@ -77,5 +77,5 @@
         "./sp-*.js",
         "./**/*.dev.js"
     ],
-    "gitHead": "e3c6e52501451acc6fa85b10dd718267b80a01ab"
+    "gitHead": "9ee45f2dfd3ac1939072726d00195c6c05d9a562"
 }

package/sp-number-field.d.ts

@@ -0,0 +1,6 @@
+import { NumberField } from './src/NumberField.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'sp-number-field': NumberField;
+    }
+}

package/sp-number-field.dev.js

@@ -0,0 +1,5 @@
+"use strict";
+import { NumberField } from "./src/NumberField.dev.js";
+import { defineElement } from "@spectrum-web-components/base/src/define-element.js";
+defineElement("sp-number-field", NumberField);
+//# sourceMappingURL=sp-number-field.dev.js.map

package/sp-number-field.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["sp-number-field.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport { NumberField } from './src/NumberField.dev.js'\nimport { defineElement } from '@spectrum-web-components/base/src/define-element.js';\n\ndefineElement('sp-number-field', NumberField);\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'sp-number-field': NumberField;\n    }\n}\n"],
+  "mappings": ";AAYA,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAE9B,cAAc,mBAAmB,WAAW;",
+  "names": []
+}

package/sp-number-field.js

@@ -0,0 +1,2 @@
+"use strict";import{NumberField as e}from"./src/NumberField.js";import{defineElement as m}from"@spectrum-web-components/base/src/define-element.js";m("sp-number-field",e);
+//# sourceMappingURL=sp-number-field.js.map

package/sp-number-field.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["sp-number-field.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport { NumberField } from './src/NumberField.js';\nimport { defineElement } from '@spectrum-web-components/base/src/define-element.js';\n\ndefineElement('sp-number-field', NumberField);\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'sp-number-field': NumberField;\n    }\n}\n"],
+  "mappings": "aAYA,OAAS,eAAAA,MAAmB,uBAC5B,OAAS,iBAAAC,MAAqB,sDAE9BA,EAAc,kBAAmBD,CAAW",
+  "names": ["NumberField", "defineElement"]
+}

package/src/NumberField.d.ts

@@ -0,0 +1,117 @@
+import { NumberFormatter, NumberParser } from '@internationalized/number';
+import { CSSResultArray, PropertyValues, TemplateResult } from '@spectrum-web-components/base';
+import '@spectrum-web-components/icons-ui/icons/sp-icon-chevron100.js';
+import '@spectrum-web-components/icons-ui/icons/sp-icon-chevron200.js';
+import '@spectrum-web-components/icons-ui/icons/sp-icon-chevron50.js';
+import '@spectrum-web-components/icons-ui/icons/sp-icon-chevron75.js';
+import '@spectrum-web-components/infield-button/sp-infield-button.js';
+import { TextfieldBase } from '@spectrum-web-components/textfield';
+export declare const FRAMES_PER_CHANGE = 5;
+export declare const CHANGE_DEBOUNCE_MS = 100;
+export declare const indeterminatePlaceholder = "-";
+export declare const remapMultiByteCharacters: Record<string, string>;
+/**
+ * @element sp-number-field
+ * @slot help-text - default or non-negative help text to associate to your form element
+ * @slot negative-help-text - negative help text to associate to your form element when `invalid`
+ */
+export declare class NumberField extends TextfieldBase {
+    static get styles(): CSSResultArray;
+    private buttons;
+    focused: boolean;
+    _forcedUnit: string;
+    /**
+     * An `&lt;sp-number-field&gt;` element will process its numeric value with
+     * `new Intl.NumberFormat(this.resolvedLanguage, this.formatOptions).format(this.valueAsNumber)`
+     * in order to prepare it for visual delivery in the input. In order to customize this
+     * processing supply your own `Intl.NumberFormatOptions` object here.
+     *
+     * See: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat
+     */
+    formatOptions: Intl.NumberFormatOptions;
+    /**
+     * Whether the stepper UI is hidden or not.
+     */
+    hideStepper: boolean;
+    indeterminate: boolean;
+    keyboardFocused: boolean;
+    max?: number;
+    min?: number;
+    /**
+     * The distance by which to alter the value of the element when taking a "step".
+     *
+     * When `this.formatOptions.style === 'percentage'` the default step will be
+     * set to 0.01 unless otherwise supplied to the element.
+     */
+    step?: number;
+    managedInput: boolean;
+    stepModifier: number;
+    set value(rawValue: number);
+    get value(): number;
+    private get inputValue();
+    _value: number;
+    private _trackingValue;
+    private lastCommitedValue?;
+    private setValue;
+    /**
+     * Retreive the value of the element parsed to a Number.
+     */
+    get valueAsString(): string;
+    set valueAsString(value: string);
+    get formattedValue(): string;
+    private decimalsChars;
+    private valueBeforeFocus;
+    private isIntentDecimal;
+    private convertValueToNumber;
+    private get _step();
+    private nextChange;
+    private changeCount;
+    private findChange;
+    private change;
+    private safty;
+    private languageResolver;
+    private handlePointerdown;
+    private startChange;
+    private doChange;
+    private handlePointermove;
+    private handlePointerup;
+    private doNextChange;
+    private stepBy;
+    private increment;
+    private decrement;
+    private handleKeydown;
+    private queuedChangeEvent;
+    protected onScroll(event: WheelEvent): void;
+    protected onFocus(): void;
+    protected onBlur(_event: FocusEvent): void;
+    private handleFocusin;
+    private handleFocusout;
+    private wasIndeterminate;
+    private indeterminateValue?;
+    protected handleChange(): void;
+    protected handleCompositionStart(): void;
+    protected handleCompositionEnd(): void;
+    private hasRecentlyReceivedPointerDown;
+    protected handleInputElementPointerdown(): void;
+    protected handleInput(event: InputEvent): void;
+    private valueWithLimits;
+    private validateInput;
+    protected get displayValue(): string;
+    protected clearNumberFormatterCache(): void;
+    protected get numberFormatter(): NumberFormatter;
+    protected clearValueFormatterCache(): void;
+    protected get valueFormatter(): NumberFormatter;
+    private _numberFormatter?;
+    private _numberFormatterFocused?;
+    private _valueFormatter?;
+    protected get numberParser(): NumberParser;
+    applyFocusElementLabel: (value?: string) => void;
+    private _numberParser?;
+    private _numberParserFocused?;
+    protected renderField(): TemplateResult;
+    protected update(changes: PropertyValues): void;
+    willUpdate(changes: PropertyValues): void;
+    private isComposing;
+    protected firstUpdated(changes: PropertyValues): void;
+    protected updated(changes: PropertyValues<this>): void;
+}