@itwin/imodel-components-react 4.17.6 → 5.0.0-dev.3

package/lib/imodel-components-react.js

@@ -0,0 +1,90 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/* eslint-disable deprecation/deprecation */
+export { UiIModelComponents } from "./imodel-components-react/UiIModelComponents.js";
+export { AlphaSlider, } from "./imodel-components-react/color/AlphaSlider.js";
+export { ColorPickerButton, } from "./imodel-components-react/color/ColorPickerButton.js";
+export { ColorPickerDialog, } from "./imodel-components-react/color/ColorPickerDialog.js";
+export { ColorPickerPopup, } from "./imodel-components-react/color/ColorPickerPopup.js";
+export { HueSlider, } from "./imodel-components-react/color/HueSlider.js";
+export { SaturationPicker, } from "./imodel-components-react/color/SaturationPicker.js";
+export { ColorSwatch, } from "./imodel-components-react/color/Swatch.js";
+export { ColorEditor, ColorPropertyEditor, } from "./imodel-components-react/editors/ColorEditor.js";
+export { WeightEditor, WeightPropertyEditor, } from "./imodel-components-react/editors/WeightEditor.js";
+export { QuantityInput, } from "./imodel-components-react/inputs/QuantityInput.js";
+export { QuantityNumberInput, } from "./imodel-components-react/inputs/QuantityNumberInput.js";
+export { LineWeightSwatch, } from "./imodel-components-react/lineweight/Swatch.js";
+export { WeightPickerButton, } from "./imodel-components-react/lineweight/WeightPickerButton.js";
+export { Cube, Face, } from "./imodel-components-react/navigationaids/Cube.js";
+export { CubeNavigationAid, CubeNavigationHitBoxX, CubeNavigationHitBoxY, CubeNavigationHitBoxZ, } from "./imodel-components-react/navigationaids/CubeNavigationAid.js";
+export { DrawingNavigationAid, } from "./imodel-components-react/navigationaids/DrawingNavigationAid.js";
+export { FormatPanel, } from "./imodel-components-react/quantityformat/FormatPanel.js";
+export { FormatPrecision, } from "./imodel-components-react/quantityformat/FormatPrecision.js";
+export { FormatSample, } from "./imodel-components-react/quantityformat/FormatSample.js";
+export { FormatTypeOption, } from "./imodel-components-react/quantityformat/FormatType.js";
+export { FormatUnitLabel, } from "./imodel-components-react/quantityformat/FormatUnitLabel.js";
+export { FormatUnits, } from "./imodel-components-react/quantityformat/FormatUnits.js";
+export { MiscFormatOptions, } from "./imodel-components-react/quantityformat/MiscFormatOptions.js";
+export { QuantityFormatPanel, } from "./imodel-components-react/quantityformat/QuantityFormatPanel.js";
+export { TimelineDateDisplay, TimelinePausePlayAction, TimelineScale, } from "./imodel-components-react/timeline/interfaces.js";
+export { BaseTimelineDataProvider } from "./imodel-components-react/timeline/BaseTimelineDataProvider.js";
+export { TimelineComponent, } from "./imodel-components-react/timeline/TimelineComponent.js";
+export { SolarTimeline } from "./imodel-components-react/timeline/SolarTimeline.js";
+export { BaseSolarDataProvider } from "./imodel-components-react/timeline/BaseSolarDataProvider.js";
+export { ViewportComponent, } from "./imodel-components-react/viewport/ViewportComponent.js";
+export { ViewportComponentEvents, CubeRotationChangeEvent, DrawingViewportChangeEvent, StandardRotationChangeEvent, ViewClassFullNameChangedEvent, ViewIdChangedEvent, ViewRotationChangeEvent, } from "./imodel-components-react/viewport/ViewportComponentEvents.js";
+// #region "SideEffects"
+import { StandardEditorNames, StandardTypeNames } from "@itwin/appui-abstract";
+import { PropertyEditorManager } from "@itwin/components-react";
+import { ColorPropertyEditor } from "./imodel-components-react/editors/ColorEditor.js";
+import { WeightPropertyEditor } from "./imodel-components-react/editors/WeightEditor.js";
+PropertyEditorManager.registerEditor(StandardTypeNames.Number, ColorPropertyEditor, StandardEditorNames.ColorPicker);
+PropertyEditorManager.registerEditor(StandardTypeNames.Number, WeightPropertyEditor, StandardEditorNames.WeightPicker);
+// #endregion "SideEffects"
+/** @docs-package-description
+ * The imodel-components-react package contains React components that depend on the core-frontend, core-common or core-quantity packages.
+ * The components pertain to Color, Cube, LineWeight, Navigation Aids, Quantity Inputs, Timeline and Viewport.
+ */
+/**
+ * @docs-group-description Color
+ * Classes and components for working with and picking a Color.
+ */
+/**
+ * @docs-group-description Common
+ * Common classes used across various UI components.
+ */
+/**
+ * @docs-group-description Cube
+ * Component for 3D Cube.
+ */
+/**
+ * @docs-group-description Inputs
+ * Input Components that format and parse input for IModelApps.
+ */
+/**
+ * @docs-group-description LineWeight
+ * Classes and components for working with and picking a Line Weight.
+ */
+/**
+ * @docs-group-description NavigationAids
+ * Classes and components for working with Navigation Aids.
+ */
+/**
+ * @docs-group-description PropertyEditors
+ * Classes and components for working with Property Editors.
+ */
+/**
+ * @docs-group-description QuantityFormat
+ * Classes and components for working with a Quantity Formats.
+ */
+/**
+ * @docs-group-description Timeline
+ * Classes and components that provide a timeline
+ */
+/**
+ * @docs-group-description Viewport
+ * Classes and components for working with a Viewport.
+ */
+//# sourceMappingURL=imodel-components-react.js.map

package/lib/imodel-components-react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"imodel-components-react.js","sourceRoot":"","sources":["../src/imodel-components-react.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/* eslint-disable deprecation/deprecation */\n\nexport { UiIModelComponents } from \"./imodel-components-react/UiIModelComponents.js\";\n\nexport {\n  AlphaSlider,\n  AlphaSliderProps,\n} from \"./imodel-components-react/color/AlphaSlider.js\";\nexport {\n  ColorPickerButton,\n  ColorPickerProps,\n} from \"./imodel-components-react/color/ColorPickerButton.js\";\nexport {\n  ColorPickerDialog,\n  ColorPickerDialogProps,\n} from \"./imodel-components-react/color/ColorPickerDialog.js\";\nexport {\n  ColorPickerPopup,\n  ColorPickerPopupProps,\n} from \"./imodel-components-react/color/ColorPickerPopup.js\";\nexport {\n  HueSlider,\n  HueSliderProps,\n} from \"./imodel-components-react/color/HueSlider.js\";\nexport {\n  SaturationPicker,\n  SaturationPickerProps,\n} from \"./imodel-components-react/color/SaturationPicker.js\";\nexport {\n  ColorSwatch,\n  ColorSwatchProps,\n} from \"./imodel-components-react/color/Swatch.js\";\n\nexport {\n  ColorEditor,\n  ColorPropertyEditor,\n} from \"./imodel-components-react/editors/ColorEditor.js\";\nexport {\n  WeightEditor,\n  WeightPropertyEditor,\n} from \"./imodel-components-react/editors/WeightEditor.js\";\n\nexport {\n  QuantityInput,\n  QuantityProps,\n} from \"./imodel-components-react/inputs/QuantityInput.js\";\nexport {\n  QuantityNumberInput,\n  QuantityNumberInputProps,\n  StepFunctionProp,\n} from \"./imodel-components-react/inputs/QuantityNumberInput.js\";\n\nexport {\n  LineWeightSwatch,\n  LineWeightSwatchProps,\n} from \"./imodel-components-react/lineweight/Swatch.js\";\nexport {\n  WeightPickerButton,\n  WeightPickerProps,\n} from \"./imodel-components-react/lineweight/WeightPickerButton.js\";\n\nexport {\n  Cube,\n  CubeProps,\n  Face,\n} from \"./imodel-components-react/navigationaids/Cube.js\";\nexport {\n  CubeNavigationAid,\n  CubeNavigationAidProps,\n  CubeNavigationHitBoxX,\n  CubeNavigationHitBoxY,\n  CubeNavigationHitBoxZ,\n} from \"./imodel-components-react/navigationaids/CubeNavigationAid.js\";\nexport {\n  DrawingNavigationAid,\n  DrawingNavigationAidProps,\n} from \"./imodel-components-react/navigationaids/DrawingNavigationAid.js\";\n\nexport {\n  FormatPanel,\n  FormatPanelProps,\n} from \"./imodel-components-react/quantityformat/FormatPanel.js\";\nexport {\n  FormatPrecision,\n  FormatPrecisionProps,\n} from \"./imodel-components-react/quantityformat/FormatPrecision.js\";\nexport {\n  FormatSample,\n  FormatSampleProps,\n} from \"./imodel-components-react/quantityformat/FormatSample.js\";\nexport {\n  FormatTypeOption,\n  FormatTypeOptionProps,\n} from \"./imodel-components-react/quantityformat/FormatType.js\";\nexport {\n  FormatUnitLabel,\n  FormatUnitLabelProps,\n} from \"./imodel-components-react/quantityformat/FormatUnitLabel.js\";\nexport {\n  FormatUnits,\n  FormatUnitsProps,\n} from \"./imodel-components-react/quantityformat/FormatUnits.js\";\nexport {\n  MiscFormatOptions,\n  MiscFormatOptionsProps,\n} from \"./imodel-components-react/quantityformat/MiscFormatOptions.js\";\nexport {\n  QuantityFormatPanel,\n  QuantityFormatPanelProps,\n} from \"./imodel-components-react/quantityformat/QuantityFormatPanel.js\";\n\nexport {\n  AnimationFractionChangeHandler,\n  PlaybackSettings,\n  PlaybackSettingsChangeHandler,\n  SolarDataProvider,\n  SolarPlaybackProgressHandler,\n  TimelineDataProvider,\n  TimelineDateDisplay,\n  TimelinePausePlayAction,\n  TimelinePausePlayArgs,\n  TimelineScale,\n} from \"./imodel-components-react/timeline/interfaces.js\";\nexport { BaseTimelineDataProvider } from \"./imodel-components-react/timeline/BaseTimelineDataProvider.js\";\nexport {\n  TimelineComponent,\n  TimelineComponentProps,\n  TimelineDateMarkerProps,\n  TimelineMenuItemOption,\n  TimelineMenuItemProps,\n} from \"./imodel-components-react/timeline/TimelineComponent.js\";\nexport { SolarTimeline } from \"./imodel-components-react/timeline/SolarTimeline.js\";\nexport { BaseSolarDataProvider } from \"./imodel-components-react/timeline/BaseSolarDataProvider.js\";\n\nexport {\n  ViewStateProp,\n  ViewportComponent,\n  ViewportProps,\n} from \"./imodel-components-react/viewport/ViewportComponent.js\";\nexport {\n  ViewportComponentEvents,\n  CubeRotationChangeEvent,\n  CubeRotationChangeEventArgs,\n  DrawingViewportChangeEvent,\n  DrawingViewportChangeEventArgs,\n  StandardRotationChangeEvent,\n  StandardRotationChangeEventArgs,\n  ViewClassFullNameChangedEvent,\n  ViewClassFullNameChangedEventArgs,\n  ViewIdChangedEvent,\n  ViewIdChangedEventArgs,\n  ViewRotationChangeEvent,\n  ViewRotationChangeEventArgs,\n} from \"./imodel-components-react/viewport/ViewportComponentEvents.js\";\n\n// #region \"SideEffects\"\n\nimport { StandardEditorNames, StandardTypeNames } from \"@itwin/appui-abstract\";\nimport { PropertyEditorManager } from \"@itwin/components-react\";\nimport { ColorPropertyEditor } from \"./imodel-components-react/editors/ColorEditor.js\";\nimport { WeightPropertyEditor } from \"./imodel-components-react/editors/WeightEditor.js\";\n\nPropertyEditorManager.registerEditor(\n  StandardTypeNames.Number,\n  ColorPropertyEditor,\n  StandardEditorNames.ColorPicker\n);\nPropertyEditorManager.registerEditor(\n  StandardTypeNames.Number,\n  WeightPropertyEditor,\n  StandardEditorNames.WeightPicker\n);\n\n// #endregion \"SideEffects\"\n\n/** @docs-package-description\n * The imodel-components-react package contains React components that depend on the core-frontend, core-common or core-quantity packages.\n * The components pertain to Color, Cube, LineWeight, Navigation Aids, Quantity Inputs, Timeline and Viewport.\n */\n/**\n * @docs-group-description Color\n * Classes and components for working with and picking a Color.\n */\n/**\n * @docs-group-description Common\n * Common classes used across various UI components.\n */\n/**\n * @docs-group-description Cube\n * Component for 3D Cube.\n */\n/**\n * @docs-group-description Inputs\n * Input Components that format and parse input for IModelApps.\n */\n/**\n * @docs-group-description LineWeight\n * Classes and components for working with and picking a Line Weight.\n */\n/**\n * @docs-group-description NavigationAids\n * Classes and components for working with Navigation Aids.\n */\n/**\n * @docs-group-description PropertyEditors\n * Classes and components for working with Property Editors.\n */\n/**\n * @docs-group-description QuantityFormat\n * Classes and components for working with a Quantity Formats.\n */\n/**\n * @docs-group-description Timeline\n * Classes and components that provide a timeline\n */\n/**\n * @docs-group-description Viewport\n * Classes and components for working with a Viewport.\n */\n"]}

package/lib/internal.d.ts

@@ -0,0 +1,2 @@
+export { getCSSColorFromDef } from "./imodel-components-react/color/getCSSColorFromDef.js";
+//# sourceMappingURL=internal.d.ts.map

package/lib/internal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../src/internal.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uDAAuD,CAAC"}

package/lib/internal.js

@@ -0,0 +1,6 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+export { getCSSColorFromDef } from "./imodel-components-react/color/getCSSColorFromDef.js";
+//# sourceMappingURL=internal.js.map

package/lib/internal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../src/internal.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,EAAE,kBAAkB,EAAE,MAAM,uDAAuD,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nexport { getCSSColorFromDef } from \"./imodel-components-react/color/getCSSColorFromDef.js\";\n"]}

package/package.json

@@ -1,10 +1,23 @@
 {
   "name": "@itwin/imodel-components-react",
-  "version": "4.17.6",
-  "description": "iTwin.js UI IModel Components",
-  "main": "lib/cjs/imodel-components-react.js",
-  "module": "lib/esm/imodel-components-react.js",
-  "typings": "lib/cjs/imodel-components-react",
+  "version": "5.0.0-dev.3",
+  "description": "A react component library of iTwin.js UI iModel components",
+  "type": "module",
+  "types": "./lib/imodel-components-react.d.ts",
+  "exports": {
+    ".": "./lib/imodel-components-react.js",
+    "./internal": "./lib/internal.js",
+    "./package.json": "./package.json",
+    "./lib/cjs/*": {
+      "sass": "./lib/*"
+    },
+    "./lib/esm/*": {
+      "sass": "./lib/*"
+    },
+    "./*": {
+      "sass": "./*"
+    }
+  },
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -22,32 +35,30 @@
     "url": "http://www.bentley.com"
   },
   "peerDependencies": {
-    "@itwin/appui-abstract": "^3.7.0 || ^4.0.0",
-    "@itwin/components-react": "^4.17.6",
-    "@itwin/core-bentley": "^3.7.0 || ^4.0.0",
-    "@itwin/core-common": "^3.7.0 || ^4.0.0",
-    "@itwin/core-frontend": "^3.7.0 || ^4.0.0",
-    "@itwin/core-geometry": "^3.7.0 || ^4.0.0",
-    "@itwin/core-quantity": "^3.7.0 || ^4.0.0",
-    "@itwin/core-react": "^4.17.6",
-    "react": "^17.0.0 || ^18.0.0",
-    "react-dom": "^17.0.0 || ^18.0.0"
+    "@itwin/appui-abstract": "^4.0.0",
+    "@itwin/components-react": "^5.0.0-dev.3",
+    "@itwin/core-bentley": "^4.0.0",
+    "@itwin/core-common": "^4.0.0",
+    "@itwin/core-frontend": "^4.0.0",
+    "@itwin/core-geometry": "^4.0.0",
+    "@itwin/core-quantity": "^4.0.0",
+    "@itwin/core-react": "^5.0.0-dev.3",
+    "@itwin/itwinui-react": "^3.15.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
-  "//devDependencies": [
-    "NOTE: All peerDependencies should also be listed as devDependencies since peerDependencies are not considered by npm install",
-    "NOTE: All tools used by scripts in this package must be listed as devDependencies"
-  ],
   "devDependencies": {
-    "@itwin/appui-abstract": "^3.7.0 || ^4.0.0",
-    "@itwin/build-tools": "^3.7.0 || ^4.6.0-dev.27",
-    "@itwin/core-bentley": "^3.7.0 || ^4.0.0",
-    "@itwin/core-common": "^3.7.0 || ^4.0.0",
-    "@itwin/core-frontend": "^3.7.0 || ^4.0.0",
-    "@itwin/core-geometry": "^3.7.0 || ^4.0.0",
-    "@itwin/core-orbitgt": "^3.7.0 || ^4.0.0",
-    "@itwin/core-quantity": "^3.7.0 || ^4.0.0",
-    "@itwin/eslint-plugin": "^4.0.0-dev.52",
-    "@itwin/webgl-compatibility": "^3.7.0 || ^4.0.0",
+    "@itwin/appui-abstract": "^4.0.0",
+    "@itwin/build-tools": "4.10.0-dev.31",
+    "@itwin/core-bentley": "^4.0.0",
+    "@itwin/core-common": "^4.0.0",
+    "@itwin/core-frontend": "^4.0.0",
+    "@itwin/core-geometry": "^4.0.0",
+    "@itwin/core-orbitgt": "^4.0.0",
+    "@itwin/core-quantity": "^4.0.0",
+    "@itwin/eslint-plugin": "^4.1.1",
+    "@itwin/itwinui-react": "^3.15.0",
+    "@itwin/webgl-compatibility": "^4.0.0",
     "@testing-library/dom": "^10.1.0",
     "@testing-library/react": "^15.0.7",
     "@testing-library/user-event": "^14.5.2",
@@ -57,7 +68,7 @@
     "@types/react-dom": "^18.3.0",
     "@vitest/coverage-v8": "^1.4.0",
     "cpx2": "^3.0.0",
-    "eslint": "^8.44.0",
+    "eslint": "^8.57.1",
     "eslint-config-prettier": "~8.8.0",
     "faker": "^4.1.0",
     "ignore-styles": "^5.0.1",
@@ -72,34 +83,28 @@
     "typescript": "~5.3.3",
     "upath": "^2.0.1",
     "vitest": "^1.6.0",
-    "@itwin/components-react": "4.17.6",
-    "@itwin/core-react": "4.17.6"
+    "@itwin/core-react": "5.0.0-dev.3",
+    "@itwin/components-react": "5.0.0-dev.3"
   },
-  "//dependencies": [
-    "NOTE: these dependencies should be only for things that DO NOT APPEAR IN THE API",
-    "NOTE: core-frontend should remain UI technology agnostic, so no react/angular dependencies are allowed"
-  ],
   "dependencies": {
     "@bentley/icons-generic": "^1.0.34",
-    "@itwin/itwinui-react": "^3.11.2",
-    "@itwin/itwinui-variables": "^3.0.0",
     "@itwin/itwinui-icons-react": "^2.8.0",
-    "classnames": "2.3.1",
+    "classnames": "2.5.1",
     "ts-key-enum": "~2.0.12"
   },
   "scripts": {
-    "start": "run-p -l \"build:** -- -w\" \"copy:** -- -w\"",
-    "build": "npm run -s copy:locale && npm run -s build:cjs && npm run -s build:esm",
-    "build:cjs": "npm run -s copy:cjs && tsc 1>&2 --outDir lib/cjs",
-    "build:esm": "npm run -s copy:esm && tsc 1>&2 --module ES2020 --outDir lib/esm",
-    "copy:cjs": "cpx \"./src/**/*.*css\" ./lib/cjs",
-    "copy:esm": "cpx \"./src/**/*.*css\" ./lib/esm",
+    "start": "run-p -l \"build -- -w\" \"copy:** -- -w\"",
+    "build": "npm run copy:css && npm run compat:css && npm run copy:locale && tsc",
+    "copy:css": "cpx \"./src/**/*.*css\" ./lib",
     "copy:locale": "cpx ./src/imodel-components-react/UiIModelComponents.json ./lib/public/locales/en",
+    "compat:css": "npm run compat:cjs && npm run compat:esm",
+    "compat:cjs": "cpx \"./src/**/*.{*css,svg}\" ./lib/cjs",
+    "compat:esm": "cpx \"./src/**/*.{*css,svg}\" ./lib/esm",
     "clean": "rimraf lib .rush/temp/package-deps*.json",
     "cover": "vitest run --coverage",
     "lint": "eslint -f visualstudio \"./src/**/*.{ts,tsx}\" 1>&2",
     "lint:fix": "npm run -s lint -- --fix",
-    "extract-api": "betools extract-api --entry=imodel-components-react",
+    "extract-api": "betools extract-api --entry=./lib/imodel-components-react",
     "test": "vitest",
     "docs": "npm run -s docs:reference && npm run -s docs:changelog",
     "docs:changelog": "cpx ./CHANGELOG.md ../../generated-docs/reference/imodel-components-react",

package/lib/cjs/imodel-components-react/UiIModelComponents.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UiIModelComponents.d.ts","sourceRoot":"","sources":["../../../src/imodel-components-react/UiIModelComponents.ts"],"names":[],"mappings":"AAIA;;GAEG;AAOH;;;GAGG;AACH,qBAAa,kBAAkB;IAC7B,OAAO,CAAC,MAAM,CAAC,YAAY,CAAS;IAEpC;;OAEG;WACiB,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IAyB/C,gEAAgE;WAClD,SAAS;IAQvB,4DAA4D;IAC5D,WAAkB,WAAW,IAAI,OAAO,CAEvC;IAED,kDAAkD;IAClD,WAAkB,qBAAqB,IAAI,MAAM,CAEhD;IAED,gBAAgB;IAChB,WAAkB,WAAW,IAAI,MAAM,CAEtC;IAED;;OAEG;WACW,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM;IAavD,gBAAgB;WACF,cAAc,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM;CAM/C"}

package/lib/cjs/imodel-components-react/UiIModelComponents.js

@@ -1,78 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Common
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UiIModelComponents = void 0;
-const core_bentley_1 = require("@itwin/core-bentley");
-const core_frontend_1 = require("@itwin/core-frontend");
-const components_react_1 = require("@itwin/components-react");
-const core_common_1 = require("@itwin/core-common");
-const core_react_1 = require("@itwin/core-react");
-/**
- * Manages the localization service for the imodel-components-react package.
- * @public
- */
-class UiIModelComponents {
-    /**
-     * initialize UiIModelComponents.
-     */
-    static async initialize() {
-        if (UiIModelComponents._initialized) {
-            core_bentley_1.Logger.logInfo(UiIModelComponents.loggerCategory(UiIModelComponents), `UiIModelComponents.initialize already called`);
-            return;
-        }
-        await core_frontend_1.IModelApp.localization?.registerNamespace(UiIModelComponents.localizationNamespace);
-        if (!core_frontend_1.IModelApp.localization) {
-            // it should only get here in unit test where IModelApp is not setup
-            const localization = new core_common_1.EmptyLocalization();
-            await localization.initialize();
-            await components_react_1.UiComponents.initialize(localization);
-        }
-        else {
-            await components_react_1.UiComponents.initialize(core_frontend_1.IModelApp.localization);
-        }
-        UiIModelComponents._initialized = true;
-    }
-    /** Unregisters the UiIModelComponents localization namespace */
-    static terminate() {
-        core_frontend_1.IModelApp.localization?.unregisterNamespace(UiIModelComponents.localizationNamespace);
-        components_react_1.UiComponents.terminate();
-        UiIModelComponents._initialized = false;
-    }
-    /** Determines if UiIModelComponents has been initialized */
-    static get initialized() {
-        return UiIModelComponents._initialized;
-    }
-    /** The internationalization service namespace. */
-    static get localizationNamespace() {
-        return "UiIModelComponents";
-    }
-    /** @internal */
-    static get packageName() {
-        return "imodel-components-react";
-    }
-    /** Calls localization.getLocalizedString with the "UiIModelComponents" namespace. Do NOT include the namespace in the key.
-     * @internal
-     */
-    static translate(key) {
-        if (!UiIModelComponents.initialized || !core_frontend_1.IModelApp.localization) {
-            core_bentley_1.Logger.logError(UiIModelComponents.loggerCategory(this), `translate: IModelApp.localization has not been setup. Returning blank string.`);
-            return "";
-        }
-        return core_frontend_1.IModelApp.localization.getLocalizedString(`${UiIModelComponents.localizationNamespace}:${key}`);
-    }
-    /** @internal */
-    static loggerCategory(obj) {
-        const className = (0, core_react_1.getObjectClassName)(obj);
-        const category = UiIModelComponents.packageName + (className ? `.${className}` : "");
-        return category;
-    }
-}
-exports.UiIModelComponents = UiIModelComponents;
-UiIModelComponents._initialized = false;
-//# sourceMappingURL=UiIModelComponents.js.map

package/lib/cjs/imodel-components-react/UiIModelComponents.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UiIModelComponents.js","sourceRoot":"","sources":["../../../src/imodel-components-react/UiIModelComponents.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,sDAA6C;AAC7C,wDAAiD;AACjD,8DAAuD;AACvD,oDAAuD;AACvD,kDAAuD;AACvD;;;GAGG;AACH,MAAa,kBAAkB;IAG7B;;OAEG;IACI,MAAM,CAAC,KAAK,CAAC,UAAU;QAC5B,IAAI,kBAAkB,CAAC,YAAY,EAAE,CAAC;YACpC,qBAAM,CAAC,OAAO,CACZ,kBAAkB,CAAC,cAAc,CAAC,kBAAkB,CAAC,EACrD,8CAA8C,CAC/C,CAAC;YACF,OAAO;QACT,CAAC;QAED,MAAM,yBAAS,CAAC,YAAY,EAAE,iBAAiB,CAC7C,kBAAkB,CAAC,qBAAqB,CACzC,CAAC;QAEF,IAAI,CAAC,yBAAS,CAAC,YAAY,EAAE,CAAC;YAC5B,oEAAoE;YACpE,MAAM,YAAY,GAAG,IAAI,+BAAiB,EAAE,CAAC;YAC7C,MAAM,YAAY,CAAC,UAAU,EAAE,CAAC;YAChC,MAAM,+BAAY,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;QAC9C,CAAC;aAAM,CAAC;YACN,MAAM,+BAAY,CAAC,UAAU,CAAC,yBAAS,CAAC,YAAY,CAAC,CAAC;QACxD,CAAC;QAED,kBAAkB,CAAC,YAAY,GAAG,IAAI,CAAC;IACzC,CAAC;IAED,gEAAgE;IACzD,MAAM,CAAC,SAAS;QACrB,yBAAS,CAAC,YAAY,EAAE,mBAAmB,CACzC,kBAAkB,CAAC,qBAAqB,CACzC,CAAC;QACF,+BAAY,CAAC,SAAS,EAAE,CAAC;QACzB,kBAAkB,CAAC,YAAY,GAAG,KAAK,CAAC;IAC1C,CAAC;IAED,4DAA4D;IACrD,MAAM,KAAK,WAAW;QAC3B,OAAO,kBAAkB,CAAC,YAAY,CAAC;IACzC,CAAC;IAED,kDAAkD;IAC3C,MAAM,KAAK,qBAAqB;QACrC,OAAO,oBAAoB,CAAC;IAC9B,CAAC;IAED,gBAAgB;IACT,MAAM,KAAK,WAAW;QAC3B,OAAO,yBAAyB,CAAC;IACnC,CAAC;IAED;;OAEG;IACI,MAAM,CAAC,SAAS,CAAC,GAAsB;QAC5C,IAAI,CAAC,kBAAkB,CAAC,WAAW,IAAI,CAAC,yBAAS,CAAC,YAAY,EAAE,CAAC;YAC/D,qBAAM,CAAC,QAAQ,CACb,kBAAkB,CAAC,cAAc,CAAC,IAAI,CAAC,EACvC,+EAA+E,CAChF,CAAC;YACF,OAAO,EAAE,CAAC;QACZ,CAAC;QACD,OAAO,yBAAS,CAAC,YAAY,CAAC,kBAAkB,CAC9C,GAAG,kBAAkB,CAAC,qBAAqB,IAAI,GAAG,EAAE,CACrD,CAAC;IACJ,CAAC;IAED,gBAAgB;IACT,MAAM,CAAC,cAAc,CAAC,GAAQ;QACnC,MAAM,SAAS,GAAG,IAAA,+BAAkB,EAAC,GAAG,CAAC,CAAC;QAC1C,MAAM,QAAQ,GACZ,kBAAkB,CAAC,WAAW,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QACtE,OAAO,QAAQ,CAAC;IAClB,CAAC;;AA7EH,gDA8EC;AA7EgB,+BAAY,GAAG,KAAK,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Common\n */\n\nimport { Logger } from \"@itwin/core-bentley\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport { UiComponents } from \"@itwin/components-react\";\nimport { EmptyLocalization } from \"@itwin/core-common\";\nimport { getObjectClassName } from \"@itwin/core-react\";\n/**\n * Manages the localization service for the imodel-components-react package.\n * @public\n */\nexport class UiIModelComponents {\n  private static _initialized = false;\n\n  /**\n   * initialize UiIModelComponents.\n   */\n  public static async initialize(): Promise<void> {\n    if (UiIModelComponents._initialized) {\n      Logger.logInfo(\n        UiIModelComponents.loggerCategory(UiIModelComponents),\n        `UiIModelComponents.initialize already called`\n      );\n      return;\n    }\n\n    await IModelApp.localization?.registerNamespace(\n      UiIModelComponents.localizationNamespace\n    );\n\n    if (!IModelApp.localization) {\n      // it should only get here in unit test where IModelApp is not setup\n      const localization = new EmptyLocalization();\n      await localization.initialize();\n      await UiComponents.initialize(localization);\n    } else {\n      await UiComponents.initialize(IModelApp.localization);\n    }\n\n    UiIModelComponents._initialized = true;\n  }\n\n  /** Unregisters the UiIModelComponents localization namespace */\n  public static terminate() {\n    IModelApp.localization?.unregisterNamespace(\n      UiIModelComponents.localizationNamespace\n    );\n    UiComponents.terminate();\n    UiIModelComponents._initialized = false;\n  }\n\n  /** Determines if UiIModelComponents has been initialized */\n  public static get initialized(): boolean {\n    return UiIModelComponents._initialized;\n  }\n\n  /** The internationalization service namespace. */\n  public static get localizationNamespace(): string {\n    return \"UiIModelComponents\";\n  }\n\n  /** @internal */\n  public static get packageName(): string {\n    return \"imodel-components-react\";\n  }\n\n  /** Calls localization.getLocalizedString with the \"UiIModelComponents\" namespace. Do NOT include the namespace in the key.\n   * @internal\n   */\n  public static translate(key: string | string[]): string {\n    if (!UiIModelComponents.initialized || !IModelApp.localization) {\n      Logger.logError(\n        UiIModelComponents.loggerCategory(this),\n        `translate: IModelApp.localization has not been setup. Returning blank string.`\n      );\n      return \"\";\n    }\n    return IModelApp.localization.getLocalizedString(\n      `${UiIModelComponents.localizationNamespace}:${key}`\n    );\n  }\n\n  /** @internal */\n  public static loggerCategory(obj: any): string {\n    const className = getObjectClassName(obj);\n    const category =\n      UiIModelComponents.packageName + (className ? `.${className}` : \"\");\n    return category;\n  }\n}\n"]}

package/lib/cjs/imodel-components-react/color/AlphaSlider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlphaSlider.d.ts","sourceRoot":"","sources":["../../../../src/imodel-components-react/color/AlphaSlider.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,oBAAoB,CAAC;AAE5B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGrD;;;GAGG;AACH,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAE1C,WAAW;IACb,kFAAkF;IAClF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qDAAqD;IACrD,aAAa,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACtD,yDAAyD;IACzD,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AAEH,qBAAa,WAAY,SAAQ,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC;IACpE,OAAO,CAAC,UAAU,CAA+B;IAEjD,gBAAgB;gBAEJ,KAAK,EAAE,gBAAgB;IAInC,OAAO,CAAC,gBAAgB,CAuDtB;IAEc,oBAAoB;IAIpC,OAAO,CAAC,SAAS,CAcf;IAEF,OAAO,CAAC,YAAY,CAKlB;IAEF,OAAO,CAAC,UAAU,CA6BhB;IAEF,OAAO,CAAC,UAAU,CAEhB;IAEF,OAAO,CAAC,qBAAqB;IAKb,MAAM,IAAI,KAAK,CAAC,SAAS;CA0C1C"}

package/lib/cjs/imodel-components-react/color/AlphaSlider.js

@@ -1,182 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Color
- */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AlphaSlider = void 0;
-require("./AlphaSlider.scss");
-const classnames_1 = __importDefault(require("classnames"));
-const React = __importStar(require("react"));
-const ts_key_enum_1 = require("ts-key-enum");
-const UiIModelComponents_1 = require("../UiIModelComponents");
-/** AlphaSlider component used to set the alpha value.
- * @public
- * @deprecated in 4.11.0. Use {@link https://itwinui.bentley.com/docs/colorpicker iTwinUI color picker} instead.
- */
-// eslint-disable-next-line deprecation/deprecation
-class AlphaSlider extends React.PureComponent {
-    /** @internal */
-    // eslint-disable-next-line deprecation/deprecation
-    constructor(props) {
-        super(props);
-        this._container = null;
-        this._calculateChange = (e, isHorizontal, alpha, container) => {
-            e.preventDefault();
-            const { width: containerWidth, height: containerHeight } = container.getBoundingClientRect();
-            let x = 0;
-            if ("pageX" in e) {
-                x = e.pageX;
-            }
-            else {
-                if (undefined === e.touches)
-                    return undefined;
-                x = e.touches[0].pageX;
-            }
-            if (undefined === x)
-                return undefined;
-            let y = 0;
-            if ("pageY" in e) {
-                y = e.pageY;
-            }
-            else {
-                if (undefined === e.touches)
-                    return;
-                y = e.touches[0].pageY;
-            }
-            if (undefined === y)
-                return undefined;
-            const left = x - (container.getBoundingClientRect().left + window.scrollX);
-            const top = y - (container.getBoundingClientRect().top + window.scrollY);
-            let t = 0;
-            if (!isHorizontal) {
-                if (top < 0) {
-                    t = 1;
-                }
-                else if (top > containerHeight) {
-                    t = 0;
-                }
-                else {
-                    t = 1 - top / containerHeight;
-                }
-            }
-            else {
-                // horizontal
-                if (left < 0) {
-                    t = 0;
-                }
-                else if (left > containerWidth) {
-                    t = 1;
-                }
-                else {
-                    t = left / containerWidth;
-                }
-            }
-            if (t < 0)
-                t = 0;
-            if (t > 1)
-                t = 1;
-            return alpha !== t ? t : undefined;
-        };
-        this._onChange = (e) => {
-            if (this._container && this.props.onAlphaChange) {
-                const change = this._calculateChange(e, this.props.isHorizontal ? this.props.isHorizontal : false, this.props.alpha, this._container);
-                undefined !== change &&
-                    typeof this.props.onAlphaChange === "function" &&
-                    this.props.onAlphaChange(change);
-            }
-        };
-        this._onMouseDown = (e) => {
-            this._onChange(e);
-            if (this._container)
-                this._container.focus();
-            window.addEventListener("mousemove", this._onChange);
-            window.addEventListener("mouseup", this._onMouseUp);
-        };
-        this._onKeyDown = (evt) => {
-            let newTransparency;
-            if (evt.key === ts_key_enum_1.Key.ArrowLeft.valueOf() ||
-                evt.key === ts_key_enum_1.Key.ArrowDown.valueOf()) {
-                newTransparency = this.props.alpha - (evt.ctrlKey ? 0.1 : 0.05);
-            }
-            else if (evt.key === ts_key_enum_1.Key.ArrowRight.valueOf() ||
-                evt.key === ts_key_enum_1.Key.ArrowUp.valueOf()) {
-                newTransparency = this.props.alpha + (evt.ctrlKey ? 0.1 : 0.05);
-            }
-            else if (evt.key === ts_key_enum_1.Key.PageDown.valueOf()) {
-                newTransparency = this.props.alpha - (evt.ctrlKey ? 0.5 : 0.25);
-            }
-            else if (evt.key === ts_key_enum_1.Key.PageUp.valueOf()) {
-                newTransparency = this.props.alpha + (evt.ctrlKey ? 0.5 : 0.25);
-            }
-            else if (evt.key === ts_key_enum_1.Key.Home.valueOf()) {
-                newTransparency = 0;
-            }
-            else {
-                if (evt.key === ts_key_enum_1.Key.End.valueOf()) {
-                    newTransparency = 1;
-                }
-            }
-            if (undefined !== newTransparency) {
-                if (newTransparency > 1)
-                    newTransparency = 1;
-                if (newTransparency < 0)
-                    newTransparency = 0;
-                if (this.props.onAlphaChange)
-                    this.props.onAlphaChange(newTransparency);
-            }
-        };
-        this._onMouseUp = () => {
-            this._unbindEventListeners();
-        };
-    }
-    componentWillUnmount() {
-        this._unbindEventListeners();
-    }
-    _unbindEventListeners() {
-        window.removeEventListener("mousemove", this._onChange);
-        window.removeEventListener("mouseup", this._onMouseUp);
-    }
-    render() {
-        const containerClasses = (0, classnames_1.default)(this.props.isHorizontal
-            ? "components-alpha-container-horizontal"
-            : "components-alpha-container-vertical", this.props.className);
-        const pointerStyle = this.props.isHorizontal
-            ? { left: `${this.props.alpha * 100}%` }
-            : { left: `0px`, top: `${-(this.props.alpha * 100) + 100}%` };
-        return (React.createElement("div", { className: containerClasses, style: this.props.style, "data-testid": "alpha-container" },
-            React.createElement("div", { "data-testid": "alpha-slider", role: "slider", "aria-label": UiIModelComponents_1.UiIModelComponents.translate("color.transparency"), "aria-valuemin": 0, "aria-valuemax": 1, "aria-valuenow": this.props.alpha, className: "components-alpha-slider", ref: (container) => (this._container = container), onMouseDown: this._onMouseDown, onTouchMove: this._onChange, onTouchStart: this._onChange, tabIndex: 0, onKeyDown: this._onKeyDown },
-                React.createElement("div", { style: pointerStyle, className: "components-alpha-pointer", "data-testid": "alpha-pointer" }))));
-    }
-}
-exports.AlphaSlider = AlphaSlider;
-//# sourceMappingURL=AlphaSlider.js.map

package/lib/cjs/imodel-components-react/color/AlphaSlider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlphaSlider.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/color/AlphaSlider.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Color\n */\n\nimport \"./AlphaSlider.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Key } from \"ts-key-enum\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { UiIModelComponents } from \"../UiIModelComponents\";\n\n/** Properties for the [[AlphaSlider]] React component\n * @public\n * @deprecated in 4.11.0. Props of deprecated component {@link AlphaSlider}.\n */\nexport interface AlphaSliderProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    // eslint-disable-next-line deprecation/deprecation\n    CommonProps {\n  /** true if slider is oriented horizontal, else vertical orientation is assumed */\n  isHorizontal?: boolean;\n  /** function to run when user selects color swatch */\n  onAlphaChange?: ((alpha: number) => void) | undefined;\n  /** Alpha value between 0 (transparent) and 1 (opaque) */\n  alpha: number;\n}\n\n/** AlphaSlider component used to set the alpha value.\n * @public\n * @deprecated in 4.11.0. Use {@link https://itwinui.bentley.com/docs/colorpicker iTwinUI color picker} instead.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport class AlphaSlider extends React.PureComponent<AlphaSliderProps> {\n  private _container: HTMLDivElement | null = null;\n\n  /** @internal */\n  // eslint-disable-next-line deprecation/deprecation\n  constructor(props: AlphaSliderProps) {\n    super(props);\n  }\n\n  private _calculateChange = (\n    e: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>,\n    isHorizontal: boolean,\n    alpha: number,\n    container: HTMLDivElement\n  ): number | undefined => {\n    e.preventDefault();\n    const { width: containerWidth, height: containerHeight } =\n      container.getBoundingClientRect();\n\n    let x = 0;\n    if (\"pageX\" in e) {\n      x = e.pageX;\n    } else {\n      if (undefined === e.touches) return undefined;\n      x = e.touches[0].pageX;\n    }\n    if (undefined === x) return undefined;\n\n    let y = 0;\n    if (\"pageY\" in e) {\n      y = e.pageY;\n    } else {\n      if (undefined === e.touches) return;\n      y = e.touches[0].pageY;\n    }\n    if (undefined === y) return undefined;\n\n    const left = x - (container.getBoundingClientRect().left + window.scrollX);\n    const top = y - (container.getBoundingClientRect().top + window.scrollY);\n\n    let t = 0;\n\n    if (!isHorizontal) {\n      if (top < 0) {\n        t = 1;\n      } else if (top > containerHeight) {\n        t = 0;\n      } else {\n        t = 1 - top / containerHeight;\n      }\n    } else {\n      // horizontal\n      if (left < 0) {\n        t = 0;\n      } else if (left > containerWidth) {\n        t = 1;\n      } else {\n        t = left / containerWidth;\n      }\n    }\n\n    if (t < 0) t = 0;\n    if (t > 1) t = 1;\n    return alpha !== t ? t : undefined;\n  };\n\n  public override componentWillUnmount() {\n    this._unbindEventListeners();\n  }\n\n  private _onChange = (\n    e: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>\n  ) => {\n    if (this._container && this.props.onAlphaChange) {\n      const change = this._calculateChange(\n        e,\n        this.props.isHorizontal ? this.props.isHorizontal : false,\n        this.props.alpha,\n        this._container\n      );\n      undefined !== change &&\n        typeof this.props.onAlphaChange === \"function\" &&\n        this.props.onAlphaChange(change);\n    }\n  };\n\n  private _onMouseDown = (e: React.MouseEvent<HTMLDivElement>) => {\n    this._onChange(e);\n    if (this._container) this._container.focus();\n    window.addEventListener(\"mousemove\", this._onChange as any);\n    window.addEventListener(\"mouseup\", this._onMouseUp);\n  };\n\n  private _onKeyDown = (evt: React.KeyboardEvent<HTMLDivElement>) => {\n    let newTransparency: number | undefined;\n    if (\n      evt.key === Key.ArrowLeft.valueOf() ||\n      evt.key === Key.ArrowDown.valueOf()\n    ) {\n      newTransparency = this.props.alpha - (evt.ctrlKey ? 0.1 : 0.05);\n    } else if (\n      evt.key === Key.ArrowRight.valueOf() ||\n      evt.key === Key.ArrowUp.valueOf()\n    ) {\n      newTransparency = this.props.alpha + (evt.ctrlKey ? 0.1 : 0.05);\n    } else if (evt.key === Key.PageDown.valueOf()) {\n      newTransparency = this.props.alpha - (evt.ctrlKey ? 0.5 : 0.25);\n    } else if (evt.key === Key.PageUp.valueOf()) {\n      newTransparency = this.props.alpha + (evt.ctrlKey ? 0.5 : 0.25);\n    } else if (evt.key === Key.Home.valueOf()) {\n      newTransparency = 0;\n    } else {\n      if (evt.key === Key.End.valueOf()) {\n        newTransparency = 1;\n      }\n    }\n\n    if (undefined !== newTransparency) {\n      if (newTransparency > 1) newTransparency = 1;\n      if (newTransparency < 0) newTransparency = 0;\n      if (this.props.onAlphaChange) this.props.onAlphaChange(newTransparency);\n    }\n  };\n\n  private _onMouseUp = () => {\n    this._unbindEventListeners();\n  };\n\n  private _unbindEventListeners() {\n    window.removeEventListener(\"mousemove\", this._onChange as any);\n    window.removeEventListener(\"mouseup\", this._onMouseUp);\n  }\n\n  public override render(): React.ReactNode {\n    const containerClasses = classnames(\n      this.props.isHorizontal\n        ? \"components-alpha-container-horizontal\"\n        : \"components-alpha-container-vertical\",\n      this.props.className\n    );\n\n    const pointerStyle: React.CSSProperties = this.props.isHorizontal\n      ? { left: `${this.props.alpha * 100}%` }\n      : { left: `0px`, top: `${-(this.props.alpha * 100) + 100}%` };\n\n    return (\n      <div\n        className={containerClasses}\n        style={this.props.style}\n        data-testid=\"alpha-container\"\n      >\n        <div\n          data-testid=\"alpha-slider\"\n          role=\"slider\"\n          aria-label={UiIModelComponents.translate(\"color.transparency\")}\n          aria-valuemin={0}\n          aria-valuemax={1}\n          aria-valuenow={this.props.alpha}\n          className=\"components-alpha-slider\"\n          ref={(container) => (this._container = container)}\n          onMouseDown={this._onMouseDown}\n          onTouchMove={this._onChange}\n          onTouchStart={this._onChange}\n          tabIndex={0}\n          onKeyDown={this._onKeyDown}\n        >\n          <div\n            style={pointerStyle}\n            className=\"components-alpha-pointer\"\n            data-testid=\"alpha-pointer\"\n          />\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/lib/cjs/imodel-components-react/color/ColorPickerButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPickerButton.d.ts","sourceRoot":"","sources":["../../../../src/imodel-components-react/color/ColorPickerButton.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,0BAA0B,CAAC;AAElC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAe,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AA+CrD;;;GAGG;AACH,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAEnD,WAAW;IACb,mBAAmB;IACnB,YAAY,EAAE,QAAQ,CAAC;IACvB,uBAAuB;IACvB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,qDAAqD;IACrD,WAAW,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACtD,2DAA2D;IAC3D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wBAAwB;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gEAAgE;IAChE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAqID;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,CAE9B,KAAK,EAAE,gBAAgB,KACpB,KAAK,CAAC,SAAuC,CAAC"}