@itwin/core-react 4.0.0-dev.3 → 4.0.0-dev.6

package/lib/esm/core-react/progress-indicators/ProgressSpinner.js

@@ -0,0 +1,70 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Loading
+ */
+import classnames from "classnames";
+import * as React from "react";
+import { Icon } from "../icons/IconComponent";
+import { SpinnerSize } from "../loading/Spinner";
+/**
+ * Circular Progress Indicator that supports determinate and indeterminate modes.
+ * @beta
+ * @deprecated in 3.0. Use ProgressRadial in itwinui-react instead.
+ */
+export function ProgressSpinner(props) {
+    const { value = 0, indeterminate = false, success = false, error = false, style = {}, size, children, } = props;
+    let outerClassName = classnames("uicore-progress-spinner");
+    const outerStyle = { ...style };
+    const fillStyle = {};
+    // Ensure value is bounded 0 - 100;
+    const dashOffset = 100 - Math.min(Math.max(value, 0), 100);
+    let content;
+    if (error) {
+        outerClassName = classnames(outerClassName, "error");
+        content = React.createElement(Icon, { iconSpec: "icon-close-2" });
+    }
+    else if (success) {
+        outerClassName = classnames(outerClassName, "success");
+        content = (React.createElement(Icon, { iconSpec: "icon-checkmark" }));
+    }
+    else if (indeterminate) {
+        outerClassName = classnames(outerClassName, "indeterminate");
+        content = children;
+    }
+    else {
+        outerClassName = classnames(outerClassName, "determinate");
+        fillStyle.strokeDashoffset = dashOffset;
+        content = children;
+    }
+    setDefaultDimensions(outerStyle, size);
+    return (React.createElement("div", { className: outerClassName, style: outerStyle },
+        React.createElement("svg", { className: "spinner", viewBox: "0 0 40 40" },
+            React.createElement("circle", { className: "shape", cx: "20", cy: "20", r: "15.91549" }),
+            React.createElement("circle", { className: "fill", cx: "20", cy: "20", r: "15.91549", style: fillStyle })),
+        content && React.createElement("span", { className: "uicore-progress-spinner-content" }, content)));
+}
+const setDefaultDimensions = (style, inSize) => {
+    let size = 40;
+    if (inSize !== undefined) {
+        switch (inSize) {
+            case SpinnerSize.Small: // eslint-disable-line deprecation/deprecation
+                size = 16;
+                break;
+            case SpinnerSize.Medium: // eslint-disable-line deprecation/deprecation
+                size = 32;
+                break;
+            case SpinnerSize.Large: // eslint-disable-line deprecation/deprecation
+                size = 64;
+                break;
+            case SpinnerSize.XLarge: // eslint-disable-line deprecation/deprecation
+                size = 96;
+                break;
+        }
+    }
+    style.width = style.width ? style.width : size;
+    style.height = style.height ? style.height : size;
+};
+//# sourceMappingURL=ProgressSpinner.js.map

package/lib/esm/core-react/progress-indicators/ProgressSpinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressSpinner.js","sourceRoot":"","sources":["../../../../src/core-react/progress-indicators/ProgressSpinner.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Loading\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport { Icon } from \"../icons/IconComponent\";\r\nimport { SpinnerSize } from \"../loading/Spinner\";\r\n\r\n/**\r\n * Properties for [[ProgressSpinner]] component\r\n * @beta\r\n * @deprecated in 3.0. Use ProgressRadialProps in itwinui-react instead.\r\n */\r\nexport interface ProgressSpinnerProps extends CommonProps {\r\n  /**\r\n   * Spinner percentage. Should be a number between 0 and 100.\r\n   * @default 0\r\n   */\r\n  value?: number;\r\n  /**\r\n   * Spinner variant. If true, value will be ignored.\r\n   * @default false\r\n   */\r\n  indeterminate?: boolean;\r\n  /**\r\n   * If true, spinner will be full, green, and display a checkmark.\r\n   * @default false\r\n   */\r\n  success?: boolean;\r\n  /**\r\n   * If true, spinner will be full, red, and display an X.\r\n   * @default false\r\n   */\r\n  error?: boolean;\r\n  /**\r\n   * Size of spinner\r\n   * @default width/height of 40px\r\n   */\r\n  size?: SpinnerSize; // eslint-disable-line deprecation/deprecation\r\n  /**\r\n   * Child components\r\n   */\r\n  children?: React.ReactNode;\r\n}\r\n\r\n/**\r\n * Circular Progress Indicator that supports determinate and indeterminate modes.\r\n * @beta\r\n * @deprecated in 3.0. Use ProgressRadial in itwinui-react instead.\r\n */\r\nexport function ProgressSpinner(props: ProgressSpinnerProps) {    // eslint-disable-line deprecation/deprecation\r\n  const {\r\n    value = 0,\r\n    indeterminate = false,\r\n    success = false,\r\n    error = false,\r\n    style = {},\r\n    size,\r\n    children,\r\n  } = props;\r\n\r\n  let outerClassName = classnames(\"uicore-progress-spinner\");\r\n  const outerStyle = { ...style };\r\n  const fillStyle: React.CSSProperties = {};\r\n  // Ensure value is bounded 0 - 100;\r\n  const dashOffset = 100 - Math.min(Math.max(value, 0), 100);\r\n  let content: React.ReactNode;\r\n\r\n  if (error) {\r\n    outerClassName = classnames(outerClassName, \"error\");\r\n    content = <Icon iconSpec=\"icon-close-2\" />;\r\n  } else if (success) {\r\n    outerClassName = classnames(outerClassName, \"success\");\r\n    content = (\r\n      <Icon iconSpec=\"icon-checkmark\" />\r\n    );\r\n  } else if (indeterminate) {\r\n    outerClassName = classnames(outerClassName, \"indeterminate\");\r\n    content = children;\r\n  } else {\r\n    outerClassName = classnames(outerClassName, \"determinate\");\r\n    fillStyle.strokeDashoffset = dashOffset;\r\n    content = children;\r\n  }\r\n\r\n  setDefaultDimensions(outerStyle, size);\r\n\r\n  return (\r\n    <div className={outerClassName} style={outerStyle}>\r\n      <svg className=\"spinner\" viewBox=\"0 0 40 40\">\r\n        <circle className=\"shape\" cx=\"20\" cy=\"20\" r=\"15.91549\" />\r\n        <circle\r\n          className=\"fill\"\r\n          cx=\"20\"\r\n          cy=\"20\"\r\n          r=\"15.91549\"\r\n          style={fillStyle}\r\n        />\r\n      </svg>\r\n      {content && <span className=\"uicore-progress-spinner-content\">{content}</span>}\r\n    </div>\r\n  );\r\n}\r\n\r\nconst setDefaultDimensions = (style: React.CSSProperties, inSize?: SpinnerSize) => {  // eslint-disable-line deprecation/deprecation\r\n  let size = 40;\r\n\r\n  if (inSize !== undefined) {\r\n    switch (inSize) {\r\n      case SpinnerSize.Small:   // eslint-disable-line deprecation/deprecation\r\n        size = 16;\r\n        break;\r\n      case SpinnerSize.Medium:  // eslint-disable-line deprecation/deprecation\r\n        size = 32;\r\n        break;\r\n      case SpinnerSize.Large:   // eslint-disable-line deprecation/deprecation\r\n        size = 64;\r\n        break;\r\n      case SpinnerSize.XLarge:  // eslint-disable-line deprecation/deprecation\r\n        size = 96;\r\n        break;\r\n    }\r\n  }\r\n  style.width = style.width ? style.width : size;\r\n  style.height = style.height ? style.height : size;\r\n};\r\n"]}

package/lib/esm/core-react/progress-indicators/classes.scss

@@ -0,0 +1,33 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import './index';
+
+.uicore-progress-bar {
+  @include uicore-progress-bar;
+}
+
+.uicore-progress-bar-determinate {
+  @include uicore-progress-bar-determinate;
+}
+
+.uicore-progress-bar-indeterminate {
+  @include uicore-progress-bar-indeterminate;
+}
+
+.uicore-progress-bar-labeled {
+  @include uicore-progress-bar-labeled;
+}
+
+.uicore-progress-spinner {
+  @include uicore-progress-spinner;
+
+  &.determinate {
+    @include uicore-progress-spinner-determinate;
+  }
+
+  &.indeterminate {
+    @include uicore-progress-spinner-indeterminate;
+  }
+}

package/lib/esm/core-react/progress-indicators/index.scss

@@ -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.
+*--------------------------------------------------------------------------------------------*/
+@import './progress-bar';
+@import './progress-spinner';

package/lib/esm/core-react/progress-indicators/progress-bar.scss

@@ -0,0 +1,91 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import '../style/index';
+@import "~@itwin/itwinui-css/scss/style/space";
+@import "~@itwin/itwinui-css/scss/style/typography";
+
+@mixin uicore-progress-bar($height: 4px) {
+  text-align: left;
+  display: block;
+  height: $height;
+  width: 100%;
+  background: $buic-background-5;
+  overflow: hidden;
+
+  > * {
+    display: inline-block;
+    background: $buic-foreground-primary;
+    height: 100%;
+    vertical-align: top;
+  }
+
+  &.success {
+    background: $buic-foreground-success;
+
+    > * {
+      background: $buic-foreground-success;
+    }
+  }
+
+  &.warning {
+    background: $buic-foreground-warning;
+
+    > * {
+      background: $buic-foreground-warning;
+    }
+  }
+
+  &.error {
+    background: $buic-foreground-alert;
+
+    > * {
+      background: $buic-foreground-alert;
+    }
+  }
+}
+
+@mixin uicore-progress-bar-determinate($speed: 2s) {
+  transition: width $speed ease-in-out;
+}
+
+@mixin uicore-progress-bar-indeterminate() {
+  @keyframes uicore-progress-bar-animate-indeterminate {
+    0% {
+      transform: translateX(-60%) scaleX(0);
+    }
+
+    40% {
+      transform: translateX(-40%) scaleX(0.4);
+    }
+
+    100% {
+      transform: translateX(100%) scaleX(0.5);
+    }
+  }
+  width: 100%;
+  animation: uicore-progress-bar-animate-indeterminate 1.5s infinite linear;
+}
+
+@mixin uicore-progress-bar-labeled() {
+  width: 100%;
+
+  > .uicore-label {
+    text-align: center;
+    width: 100%;
+    overflow: hidden;
+    margin-top: $iui-xs;
+    display: block;
+    font-size: $iui-font-size-small;
+
+    > :first-child {
+      float: left;
+    }
+
+    > :last-child {
+      float: right;
+      user-select: none;
+    }
+  }
+}

package/lib/esm/core-react/progress-indicators/progress-spinner.scss

@@ -0,0 +1,132 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import '../style/index';
+@import "~@itwin/itwinui-css/scss/style/typography";
+
+@mixin uicore-progress-spinner() {
+  position: relative;
+
+  svg.spinner {
+    height: 100%;
+    width: 100%;
+
+    circle.fill {
+      stroke: $buic-foreground-primary;
+      fill: none;
+      stroke-width: 3.2;
+    }
+
+    circle.shape {
+      stroke: $buic-background-5;
+      fill: none;
+      stroke-width: 3.2;
+    }
+  }
+
+  $spinner-icon-size: 20px;
+
+  &.success {
+    svg.spinner {
+      circle.fill,
+      circle.shape {
+        stroke: $buic-foreground-success;
+      }
+    }
+
+    .icon {
+      color: $buic-foreground-success;
+      font-size: $spinner-icon-size;
+    }
+
+    .uicore-progress-spinner-content svg {
+      fill: $buic-foreground-success;
+    }
+  }
+
+  &.error {
+    svg.spinner {
+      circle.fill,
+      circle.shape {
+        stroke: $buic-foreground-alert;
+      }
+    }
+
+    .icon {
+      color: $buic-foreground-alert;
+      font-size: $spinner-icon-size;
+    }
+
+    .uicore-progress-spinner-content svg {
+      fill: $buic-foreground-alert;
+    }
+  }
+
+  .uicore-progress-spinner-content {
+    position: absolute;
+    display: flex;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+    align-items: center;
+    justify-content: center;
+    font-size: $iui-font-size-small;
+    user-select: none;
+
+    svg,
+    img {
+      width: $uicore-icons-small;
+      height: $uicore-icons-small;
+      fill: $buic-foreground-body;
+
+      &:hover {
+        fill: $buic-foreground-activehover;
+      }
+    }
+  }
+}
+
+@mixin uicore-progress-spinner-determinate() {
+  svg.spinner {
+    transform: rotate(-90deg);
+
+    circle.fill {
+      stroke-dasharray: 100;
+      transition: stroke-dashoffset 0.5s ease-in-out;
+    }
+  }
+}
+
+@mixin uicore-progress-spinner-indeterminate() {
+  svg.spinner {
+    animation: rotate-indeterminate 2s linear infinite;
+
+    circle.fill {
+      animation: dash-indeterminate 1.5s ease-in-out infinite;
+    }
+  }
+
+  @keyframes rotate-indeterminate {
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+
+  @keyframes dash-indeterminate {
+    0% {
+      stroke-dasharray: 1, 100;
+    }
+
+    50% {
+      stroke-dasharray: 100, 100;
+      stroke-dashoffset: -25;
+    }
+
+    100% {
+      stroke-dasharray: 100, 100;
+      stroke-dashoffset: -100;
+    }
+  }
+}

package/lib/esm/core-react/radialmenu/Annulus.d.ts

@@ -1,55 +1,55 @@
-/** @packageDocumentation
- * @module RadialMenu
- */
-import { Point } from "../utils/Point";
-/**
- * 2D Line consisting of a start point, and an end point
- * @internal
- */
-export declare class Line {
-    p1: Point;
-    p2: Point;
-    constructor(p1?: Point, p2?: Point);
-    /** checks for equality with the components of this, and line parameter */
-    equals: (line: Line) => boolean;
-}
-/** @internal
- * 2D Circle
- */
-export declare class Circle {
-    center: Point;
-    radius: number;
-    constructor(center?: Point, radius?: number);
-}
-/** @internal
- * 2D Annulus (2D doughnut shape/flattened torus) defined by an inner and outer circle with a shared center point.
- */
-export declare class Annulus {
-    center: Point;
-    inner: Circle;
-    outer: Circle;
-    constructor(center?: Point, innerRadius?: number, outerRadius?: number);
-}
-/** @internal
- * 2D Sector of an Annulus, defined by both a parent annulus, a startAngle, and an endAngle.
- */
-export declare class AnnularSector {
-    parent: Annulus;
-    startAngle: number;
-    endAngle: number;
-    path: string;
-    innerStart: Point;
-    outerStart: Point;
-    start: Line;
-    innerEnd: Point;
-    outerEnd: Point;
-    end: Line;
-    /**
-     * initialize AnnularSector on parent annulus, and generate SVG Path to store in this.path
-     * @param parent parent annulus to initialize sector on.
-     * @param startAngle angle to begin the annular sector on.
-     * @param endAngle angle to end the annular sector on.
-     */
-    constructor(parent: Annulus, startAngle: number, endAngle: number);
-}
+/** @packageDocumentation
+ * @module RadialMenu
+ */
+import { Point } from "../utils/Point";
+/**
+ * 2D Line consisting of a start point, and an end point
+ * @internal
+ */
+export declare class Line {
+    p1: Point;
+    p2: Point;
+    constructor(p1?: Point, p2?: Point);
+    /** checks for equality with the components of this, and line parameter */
+    equals: (line: Line) => boolean;
+}
+/** @internal
+ * 2D Circle
+ */
+export declare class Circle {
+    center: Point;
+    radius: number;
+    constructor(center?: Point, radius?: number);
+}
+/** @internal
+ * 2D Annulus (2D doughnut shape/flattened torus) defined by an inner and outer circle with a shared center point.
+ */
+export declare class Annulus {
+    center: Point;
+    inner: Circle;
+    outer: Circle;
+    constructor(center?: Point, innerRadius?: number, outerRadius?: number);
+}
+/** @internal
+ * 2D Sector of an Annulus, defined by both a parent annulus, a startAngle, and an endAngle.
+ */
+export declare class AnnularSector {
+    parent: Annulus;
+    startAngle: number;
+    endAngle: number;
+    path: string;
+    innerStart: Point;
+    outerStart: Point;
+    start: Line;
+    innerEnd: Point;
+    outerEnd: Point;
+    end: Line;
+    /**
+     * initialize AnnularSector on parent annulus, and generate SVG Path to store in this.path
+     * @param parent parent annulus to initialize sector on.
+     * @param startAngle angle to begin the annular sector on.
+     * @param endAngle angle to end the annular sector on.
+     */
+    constructor(parent: Annulus, startAngle: number, endAngle: number);
+}
 //# sourceMappingURL=Annulus.d.ts.map

package/lib/esm/core-react/radialmenu/Annulus.js

@@ -1,76 +1,76 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module RadialMenu
- */
-import { Point } from "../utils/Point";
-/**
- * 2D Line consisting of a start point, and an end point
- * @internal
- */
-export class Line {
-    constructor(p1, p2) {
-        /** checks for equality with the components of this, and line parameter */
-        this.equals = (line) => this.p1.equals(line.p1) && this.p2.equals(line.p2);
-        this.p1 = p1 || new Point();
-        this.p2 = p2 || new Point();
-    }
-}
-/** @internal
- * 2D Circle
- */
-export class Circle {
-    constructor(center, radius) {
-        this.center = center || new Point();
-        this.radius = radius || 0;
-    }
-}
-/** @internal
- * 2D Annulus (2D doughnut shape/flattened torus) defined by an inner and outer circle with a shared center point.
- */
-export class Annulus {
-    constructor(center, innerRadius, outerRadius) {
-        this.center = center || new Point();
-        this.inner = new Circle(center, innerRadius);
-        this.outer = new Circle(center, outerRadius);
-    }
-}
-/** @internal
- * 2D Sector of an Annulus, defined by both a parent annulus, a startAngle, and an endAngle.
- */
-export class AnnularSector {
-    /**
-     * initialize AnnularSector on parent annulus, and generate SVG Path to store in this.path
-     * @param parent parent annulus to initialize sector on.
-     * @param startAngle angle to begin the annular sector on.
-     * @param endAngle angle to end the annular sector on.
-     */
-    constructor(parent, startAngle, endAngle) {
-        this.parent = parent;
-        this.startAngle = startAngle;
-        this.endAngle = endAngle;
-        // adapted from https://gist.github.com/buschtoens/4190516
-        const { x: cx, y: cy } = parent.center;
-        const inner = parent.inner.radius;
-        const outer = parent.outer.radius;
-        this.innerStart = new Point(cx + inner * Math.cos(startAngle), cy + inner * Math.sin(startAngle));
-        this.outerStart = new Point(cx + outer * Math.cos(startAngle), cy + outer * Math.sin(startAngle));
-        this.start = new Line(this.innerStart, this.outerStart);
-        this.outerEnd = new Point(cx + outer * Math.cos(endAngle), cy + outer * Math.sin(endAngle));
-        this.innerEnd = new Point(cx + inner * Math.cos(endAngle), cy + inner * Math.sin(endAngle));
-        this.end = new Line(this.outerEnd, this.innerEnd);
-        const angleDiff = endAngle - startAngle;
-        const largeArc = (angleDiff % (Math.PI * 2)) > Math.PI ? /* istanbul ignore next */ 1 : 0;
-        const sectorCommands = [];
-        sectorCommands.push(`M${this.innerStart.x},${this.innerStart.y}`); // moveTo
-        sectorCommands.push(`L${this.outerStart.x},${this.outerStart.y}`); // lineTo
-        sectorCommands.push(`A${outer},${outer} 0 ${largeArc} 1 ${this.outerEnd.x},${this.outerEnd.y}`); // arcTo
-        sectorCommands.push(`L${this.innerEnd.x},${this.innerEnd.y}`); // lineTo
-        sectorCommands.push(`A${inner},${inner} 0 ${largeArc} 0 ${this.innerStart.x},${this.innerStart.y}`); // arcTo
-        sectorCommands.push(`z`); // closePath
-        this.path = sectorCommands.join(" ");
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module RadialMenu
+ */
+import { Point } from "../utils/Point";
+/**
+ * 2D Line consisting of a start point, and an end point
+ * @internal
+ */
+export class Line {
+    constructor(p1, p2) {
+        /** checks for equality with the components of this, and line parameter */
+        this.equals = (line) => this.p1.equals(line.p1) && this.p2.equals(line.p2);
+        this.p1 = p1 || new Point();
+        this.p2 = p2 || new Point();
+    }
+}
+/** @internal
+ * 2D Circle
+ */
+export class Circle {
+    constructor(center, radius) {
+        this.center = center || new Point();
+        this.radius = radius || 0;
+    }
+}
+/** @internal
+ * 2D Annulus (2D doughnut shape/flattened torus) defined by an inner and outer circle with a shared center point.
+ */
+export class Annulus {
+    constructor(center, innerRadius, outerRadius) {
+        this.center = center || new Point();
+        this.inner = new Circle(center, innerRadius);
+        this.outer = new Circle(center, outerRadius);
+    }
+}
+/** @internal
+ * 2D Sector of an Annulus, defined by both a parent annulus, a startAngle, and an endAngle.
+ */
+export class AnnularSector {
+    /**
+     * initialize AnnularSector on parent annulus, and generate SVG Path to store in this.path
+     * @param parent parent annulus to initialize sector on.
+     * @param startAngle angle to begin the annular sector on.
+     * @param endAngle angle to end the annular sector on.
+     */
+    constructor(parent, startAngle, endAngle) {
+        this.parent = parent;
+        this.startAngle = startAngle;
+        this.endAngle = endAngle;
+        // adapted from https://gist.github.com/buschtoens/4190516
+        const { x: cx, y: cy } = parent.center;
+        const inner = parent.inner.radius;
+        const outer = parent.outer.radius;
+        this.innerStart = new Point(cx + inner * Math.cos(startAngle), cy + inner * Math.sin(startAngle));
+        this.outerStart = new Point(cx + outer * Math.cos(startAngle), cy + outer * Math.sin(startAngle));
+        this.start = new Line(this.innerStart, this.outerStart);
+        this.outerEnd = new Point(cx + outer * Math.cos(endAngle), cy + outer * Math.sin(endAngle));
+        this.innerEnd = new Point(cx + inner * Math.cos(endAngle), cy + inner * Math.sin(endAngle));
+        this.end = new Line(this.outerEnd, this.innerEnd);
+        const angleDiff = endAngle - startAngle;
+        const largeArc = (angleDiff % (Math.PI * 2)) > Math.PI ? /* istanbul ignore next */ 1 : 0;
+        const sectorCommands = [];
+        sectorCommands.push(`M${this.innerStart.x},${this.innerStart.y}`); // moveTo
+        sectorCommands.push(`L${this.outerStart.x},${this.outerStart.y}`); // lineTo
+        sectorCommands.push(`A${outer},${outer} 0 ${largeArc} 1 ${this.outerEnd.x},${this.outerEnd.y}`); // arcTo
+        sectorCommands.push(`L${this.innerEnd.x},${this.innerEnd.y}`); // lineTo
+        sectorCommands.push(`A${inner},${inner} 0 ${largeArc} 0 ${this.innerStart.x},${this.innerStart.y}`); // arcTo
+        sectorCommands.push(`z`); // closePath
+        this.path = sectorCommands.join(" ");
+    }
+}
 //# sourceMappingURL=Annulus.js.map

package/lib/esm/core-react/radialmenu/Annulus.js.map

@@ -1 +1 @@
-{"version":3,"file":"Annulus.js","sourceRoot":"","sources":["../../../../src/core-react/radialmenu/Annulus.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/** @packageDocumentation\n * @module RadialMenu\n */\n\nimport { Point } from \"../utils/Point\";\n\n/**\n * 2D Line consisting of a start point, and an end point\n * @internal\n */\nexport class Line {\n  public p1: Point;\n  public p2: Point;\n\n  constructor(p1?: Point, p2?: Point) {\n    this.p1 = p1 || new Point();\n    this.p2 = p2 || new Point();\n  }\n\n  /** checks for equality with the components of this, and line parameter */\n  public equals = (line: Line) => this.p1.equals(line.p1) && this.p2.equals(line.p2);\n}\n\n/** @internal\n * 2D Circle\n */\nexport class Circle {\n  public center: Point;\n  public radius: number;\n  constructor(center?: Point, radius?: number) {\n    this.center = center || new Point();\n    this.radius = radius || 0;\n  }\n}\n\n/** @internal\n * 2D Annulus (2D doughnut shape/flattened torus) defined by an inner and outer circle with a shared center point.\n */\nexport class Annulus {\n  public center: Point;\n  public inner: Circle;\n  public outer: Circle;\n\n  constructor(center?: Point, innerRadius?: number, outerRadius?: number) {\n    this.center = center || new Point();\n\n    this.inner = new Circle(center, innerRadius);\n    this.outer = new Circle(center, outerRadius);\n  }\n}\n\n/** @internal\n * 2D Sector of an Annulus, defined by both a parent annulus, a startAngle, and an endAngle.\n */\nexport class AnnularSector {\n  public parent: Annulus;\n  public startAngle: number;\n  public endAngle: number;\n\n  public path: string;\n\n  public innerStart: Point;\n  public outerStart: Point;\n  public start: Line;\n  public innerEnd: Point;\n  public outerEnd: Point;\n  public end: Line;\n\n  /**\n   * initialize AnnularSector on parent annulus, and generate SVG Path to store in this.path\n   * @param parent parent annulus to initialize sector on.\n   * @param startAngle angle to begin the annular sector on.\n   * @param endAngle angle to end the annular sector on.\n   */\n  constructor(parent: Annulus, startAngle: number, endAngle: number) {\n    this.parent = parent;\n    this.startAngle = startAngle;\n    this.endAngle = endAngle;\n\n    // adapted from https://gist.github.com/buschtoens/4190516\n    const { x: cx, y: cy } = parent.center;\n    const inner = parent.inner.radius;\n    const outer = parent.outer.radius;\n\n    this.innerStart = new Point(cx + inner * Math.cos(startAngle), cy + inner * Math.sin(startAngle));\n    this.outerStart = new Point(cx + outer * Math.cos(startAngle), cy + outer * Math.sin(startAngle));\n    this.start = new Line(this.innerStart, this.outerStart);\n\n    this.outerEnd = new Point(cx + outer * Math.cos(endAngle), cy + outer * Math.sin(endAngle));\n    this.innerEnd = new Point(cx + inner * Math.cos(endAngle), cy + inner * Math.sin(endAngle));\n    this.end = new Line(this.outerEnd, this.innerEnd);\n\n    const angleDiff = endAngle - startAngle;\n    const largeArc = (angleDiff % (Math.PI * 2)) > Math.PI ? /* istanbul ignore next */ 1 : 0;\n\n    const sectorCommands = [];\n\n    sectorCommands.push(`M${this.innerStart.x},${this.innerStart.y}`); // moveTo\n    sectorCommands.push(`L${this.outerStart.x},${this.outerStart.y}`); // lineTo\n    sectorCommands.push(`A${outer},${outer} 0 ${largeArc} 1 ${this.outerEnd.x},${this.outerEnd.y}`); // arcTo\n    sectorCommands.push(`L${this.innerEnd.x},${this.innerEnd.y}`); // lineTo\n    sectorCommands.push(`A${inner},${inner} 0 ${largeArc} 0 ${this.innerStart.x},${this.innerStart.y}`); // arcTo\n    sectorCommands.push(`z`); // closePath\n\n    this.path = sectorCommands.join(\" \");\n  }\n}\n"]}
+{"version":3,"file":"Annulus.js","sourceRoot":"","sources":["../../../../src/core-react/radialmenu/Annulus.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module RadialMenu\r\n */\r\n\r\nimport { Point } from \"../utils/Point\";\r\n\r\n/**\r\n * 2D Line consisting of a start point, and an end point\r\n * @internal\r\n */\r\nexport class Line {\r\n  public p1: Point;\r\n  public p2: Point;\r\n\r\n  constructor(p1?: Point, p2?: Point) {\r\n    this.p1 = p1 || new Point();\r\n    this.p2 = p2 || new Point();\r\n  }\r\n\r\n  /** checks for equality with the components of this, and line parameter */\r\n  public equals = (line: Line) => this.p1.equals(line.p1) && this.p2.equals(line.p2);\r\n}\r\n\r\n/** @internal\r\n * 2D Circle\r\n */\r\nexport class Circle {\r\n  public center: Point;\r\n  public radius: number;\r\n  constructor(center?: Point, radius?: number) {\r\n    this.center = center || new Point();\r\n    this.radius = radius || 0;\r\n  }\r\n}\r\n\r\n/** @internal\r\n * 2D Annulus (2D doughnut shape/flattened torus) defined by an inner and outer circle with a shared center point.\r\n */\r\nexport class Annulus {\r\n  public center: Point;\r\n  public inner: Circle;\r\n  public outer: Circle;\r\n\r\n  constructor(center?: Point, innerRadius?: number, outerRadius?: number) {\r\n    this.center = center || new Point();\r\n\r\n    this.inner = new Circle(center, innerRadius);\r\n    this.outer = new Circle(center, outerRadius);\r\n  }\r\n}\r\n\r\n/** @internal\r\n * 2D Sector of an Annulus, defined by both a parent annulus, a startAngle, and an endAngle.\r\n */\r\nexport class AnnularSector {\r\n  public parent: Annulus;\r\n  public startAngle: number;\r\n  public endAngle: number;\r\n\r\n  public path: string;\r\n\r\n  public innerStart: Point;\r\n  public outerStart: Point;\r\n  public start: Line;\r\n  public innerEnd: Point;\r\n  public outerEnd: Point;\r\n  public end: Line;\r\n\r\n  /**\r\n   * initialize AnnularSector on parent annulus, and generate SVG Path to store in this.path\r\n   * @param parent parent annulus to initialize sector on.\r\n   * @param startAngle angle to begin the annular sector on.\r\n   * @param endAngle angle to end the annular sector on.\r\n   */\r\n  constructor(parent: Annulus, startAngle: number, endAngle: number) {\r\n    this.parent = parent;\r\n    this.startAngle = startAngle;\r\n    this.endAngle = endAngle;\r\n\r\n    // adapted from https://gist.github.com/buschtoens/4190516\r\n    const { x: cx, y: cy } = parent.center;\r\n    const inner = parent.inner.radius;\r\n    const outer = parent.outer.radius;\r\n\r\n    this.innerStart = new Point(cx + inner * Math.cos(startAngle), cy + inner * Math.sin(startAngle));\r\n    this.outerStart = new Point(cx + outer * Math.cos(startAngle), cy + outer * Math.sin(startAngle));\r\n    this.start = new Line(this.innerStart, this.outerStart);\r\n\r\n    this.outerEnd = new Point(cx + outer * Math.cos(endAngle), cy + outer * Math.sin(endAngle));\r\n    this.innerEnd = new Point(cx + inner * Math.cos(endAngle), cy + inner * Math.sin(endAngle));\r\n    this.end = new Line(this.outerEnd, this.innerEnd);\r\n\r\n    const angleDiff = endAngle - startAngle;\r\n    const largeArc = (angleDiff % (Math.PI * 2)) > Math.PI ? /* istanbul ignore next */ 1 : 0;\r\n\r\n    const sectorCommands = [];\r\n\r\n    sectorCommands.push(`M${this.innerStart.x},${this.innerStart.y}`); // moveTo\r\n    sectorCommands.push(`L${this.outerStart.x},${this.outerStart.y}`); // lineTo\r\n    sectorCommands.push(`A${outer},${outer} 0 ${largeArc} 1 ${this.outerEnd.x},${this.outerEnd.y}`); // arcTo\r\n    sectorCommands.push(`L${this.innerEnd.x},${this.innerEnd.y}`); // lineTo\r\n    sectorCommands.push(`A${inner},${inner} 0 ${largeArc} 0 ${this.innerStart.x},${this.innerStart.y}`); // arcTo\r\n    sectorCommands.push(`z`); // closePath\r\n\r\n    this.path = sectorCommands.join(\" \");\r\n  }\r\n}\r\n"]}