@itwin/core-react 4.17.0 → 5.0.0-dev.2

package/lib/esm/core-react/popup/Popup.scss

@@ -1,240 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-@import "../inputs/variables";
-@import "../z-index";
-
-.core-popup {
-  top: 0;
-  left: 0;
-  display: block;
-  box-sizing: border-box;
-  position: absolute;
-  border-radius: var(--iui-border-radius-1);
-  border: 1px solid var(--iui-color-border);
-  background: var(--iui-color-background);
-  color: var(--iui-color-text);
-  animation-duration: var(--iui-duration-1);
-  animation-timing-function: ease;
-  animation-fill-mode: forwards;
-  cursor: default;
-
-  @include uicore-z-index(dialog-popup);
-
-  &.core-popup-animation-none {
-    animation-duration: 0s;
-  }
-
-  &.core-popup-hidden {
-    display: none;
-  }
-
-  &.core-animation-ended {
-    animation-name: none;
-  }
-}
-
-.core-popup.arrow::after,
-.core-popup.arrow::before {
-  border: solid transparent;
-  content: " ";
-  height: 0;
-  width: 0;
-  position: absolute;
-  pointer-events: none;
-  color: var(--iui-color-background);
-}
-
-.core-popup.core-popup-bottom-left.arrow::after,
-.core-popup.core-popup-bottom-left.arrow::before {
-  bottom: 100%;
-  left: 25%;
-}
-
-.core-popup.core-popup-bottom-right.arrow::after,
-.core-popup.core-popup-bottom-right.arrow::before {
-  bottom: 100%;
-  left: 75%;
-}
-
-.core-popup.core-popup-bottom.arrow::after,
-.core-popup.core-popup-bottom.arrow::before {
-  bottom: 100%;
-  left: 50%;
-}
-
-.core-popup.core-popup-top.arrow::after,
-.core-popup.core-popup-top.arrow::before {
-  top: 100%;
-  left: 50%;
-}
-
-.core-popup.core-popup-top-left.arrow::after,
-.core-popup.core-popup-top-left.arrow::before {
-  top: 100%;
-  left: 25%;
-}
-
-.core-popup.core-popup-top-right.arrow::after,
-.core-popup.core-popup-top-right.arrow::before {
-  top: 100%;
-  left: 75%;
-}
-
-.core-popup.core-popup-left.arrow::after,
-.core-popup.core-popup-left.arrow::before {
-  top: 50%;
-  left: 100%;
-}
-
-.core-popup.core-popup-right.arrow::after,
-.core-popup.core-popup-right.arrow::before {
-  top: 50%;
-  right: 100%;
-}
-
-.core-popup.core-popup-bottom.arrow::before,
-.core-popup.core-popup-bottom-left.arrow::before,
-.core-popup.core-popup-bottom-right.arrow::before {
-  border-bottom-color: inherit;
-  border-width: 9px;
-  margin-left: -9px;
-}
-
-.core-popup.core-popup-top.arrow::before,
-.core-popup.core-popup-top-left.arrow::before,
-.core-popup.core-popup-top-right.arrow::before {
-  border-top-color: inherit;
-  border-width: 9px;
-  margin-left: -9px;
-}
-
-.core-popup.core-popup-left.arrow::before {
-  border-left-color: inherit;
-  border-width: 9px;
-  margin-top: -9px;
-}
-
-.core-popup.core-popup-right.arrow::before {
-  border-right-color: inherit;
-  border-width: 9px;
-  margin-top: -9px;
-}
-
-.core-popup.core-popup-bottom.arrow::after,
-.core-popup.core-popup-bottom-left.arrow::after,
-.core-popup.core-popup-bottom-right.arrow::after {
-  border-bottom-color: currentColor;
-  border-width: 8px;
-  margin-left: -8px;
-}
-
-.core-popup.core-popup-top.arrow::after,
-.core-popup.core-popup-top-left.arrow::after,
-.core-popup.core-popup-top-right.arrow::after {
-  border-top-color: currentColor;
-  border-width: 8px;
-  margin-left: -8px;
-}
-
-.core-popup.core-popup-left.arrow::after {
-  border-left-color: currentColor;
-  border-width: 8px;
-  margin-top: -8px;
-}
-
-.core-popup.core-popup-right.arrow::after {
-  border-right-color: currentColor;
-  border-width: 8px;
-  margin-top: -8px;
-}
-
-.core-popup-shadow {
-  -webkit-box-shadow: var(--iui-shadow-4);
-  box-shadow: var(--iui-shadow-4);
-  background-clip: padding-box;
-}
-
-.core-popup-top-left {
-  transform-origin: left bottom 0px;
-  animation-name: animate-corner;
-}
-
-.core-popup-top-right {
-  transform-origin: right bottom 0px;
-  animation-name: animate-corner;
-}
-
-.core-popup-bottom-left {
-  transform-origin: left top 0px;
-  animation-name: animate-corner;
-}
-
-.core-popup-bottom-right {
-  transform-origin: right top 0px;
-  animation-name: animate-corner;
-}
-
-.core-popup-left {
-  transform-origin: right;
-  animation-name: animate-horizontal;
-}
-
-.core-popup-left-top {
-  transform-origin: right top 0px;
-  animation-name: animate-corner;
-}
-
-.core-popup-right {
-  transform-origin: left;
-  animation-name: animate-horizontal;
-}
-
-.core-popup-right-top {
-  transform-origin: left top 0px;
-  animation-name: animate-corner;
-}
-
-.core-popup-top {
-  transform-origin: bottom;
-  animation-name: animate-vertical;
-}
-
-.core-popup-bottom {
-  transform-origin: top;
-  animation-name: animate-vertical;
-}
-
-@keyframes animate-vertical {
-  from {
-    visibility: hidden;
-    transform: scale(1, 0.5);
-  }
-  to {
-    visibility: visible;
-    transform: scale(1);
-  }
-}
-
-@keyframes animate-corner {
-  from {
-    visibility: hidden;
-    transform: scale(0.5, 0.5);
-  }
-  to {
-    visibility: visible;
-    transform: scale(1, 1);
-  }
-}
-
-@keyframes animate-horizontal {
-  from {
-    visibility: hidden;
-    transform: scale(0.5, 1);
-  }
-  to {
-    visibility: visible;
-    transform: scale(1, 1);
-  }
-}

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

@@ -1,54 +0,0 @@
-/** @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;
-}
-/** 2D Circle.
- * @internal
- */
-export declare class Circle {
-    center: Point;
-    radius: number;
-    constructor(center?: Point, radius?: number);
-}
-/** 2D Annulus (2D doughnut shape/flattened torus) defined by an inner and outer circle with a shared center point.
- * @internal
- */
-export declare class Annulus {
-    center: Point;
-    inner: Circle;
-    outer: Circle;
-    constructor(center?: Point, innerRadius?: number, outerRadius?: number);
-}
-/** 2D Sector of an Annulus, defined by both a parent annulus, a startAngle, and an endAngle.
- * @internal
- */
-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.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Annulus.d.ts","sourceRoot":"","sources":["../../../../src/core-react/radialmenu/Annulus.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC;;GAEG;AACH,qBAAa,IAAI;IACR,EAAE,EAAE,KAAK,CAAC;IACV,EAAE,EAAE,KAAK,CAAC;gBAEL,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,KAAK;IAKlC,0EAA0E;IACnE,MAAM,SAAU,IAAI,aAC0B;CACtD;AAED;;GAEG;AACH,qBAAa,MAAM;IACV,MAAM,EAAE,KAAK,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;gBACV,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,EAAE,MAAM;CAI5C;AAED;;GAEG;AACH,qBAAa,OAAO;IACX,MAAM,EAAE,KAAK,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;gBAET,MAAM,CAAC,EAAE,KAAK,EAAE,WAAW,CAAC,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM;CAMvE;AAED;;GAEG;AACH,qBAAa,aAAa;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IAEjB,IAAI,EAAE,MAAM,CAAC;IAEb,UAAU,EAAE,KAAK,CAAC;IAClB,UAAU,EAAE,KAAK,CAAC;IAClB,KAAK,EAAE,IAAI,CAAC;IACZ,QAAQ,EAAE,KAAK,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC;IAChB,GAAG,EAAE,IAAI,CAAC;IAEjB;;;;;OAKG;gBACS,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;CAgDlE"}

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

@@ -1,75 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * 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();
-    }
-}
-/** 2D Circle.
- * @internal
- */
-export class Circle {
-    constructor(center, radius) {
-        this.center = center || new Point();
-        this.radius = radius || 0;
-    }
-}
-/** 2D Annulus (2D doughnut shape/flattened torus) defined by an inner and outer circle with a shared center point.
- * @internal
- */
-export class Annulus {
-    constructor(center, innerRadius, outerRadius) {
-        this.center = center || new Point();
-        this.inner = new Circle(center, innerRadius);
-        this.outer = new Circle(center, outerRadius);
-    }
-}
-/** 2D Sector of an Annulus, defined by both a parent annulus, a startAngle, and an endAngle.
- * @internal
- */
-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 ? 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 +0,0 @@
-{"version":3,"file":"Annulus.js","sourceRoot":"","sources":["../../../../src/core-react/radialmenu/Annulus.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC;;GAEG;AACH,MAAM,OAAO,IAAI;IAIf,YAAY,EAAU,EAAE,EAAU;QAKlC,0EAA0E;QACnE,WAAM,GAAG,CAAC,IAAU,EAAE,EAAE,CAC7B,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QANnD,IAAI,CAAC,EAAE,GAAG,EAAE,IAAI,IAAI,KAAK,EAAE,CAAC;QAC5B,IAAI,CAAC,EAAE,GAAG,EAAE,IAAI,IAAI,KAAK,EAAE,CAAC;IAC9B,CAAC;CAKF;AAED;;GAEG;AACH,MAAM,OAAO,MAAM;IAGjB,YAAY,MAAc,EAAE,MAAe;QACzC,IAAI,CAAC,MAAM,GAAG,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACpC,IAAI,CAAC,MAAM,GAAG,MAAM,IAAI,CAAC,CAAC;IAC5B,CAAC;CACF;AAED;;GAEG;AACH,MAAM,OAAO,OAAO;IAKlB,YAAY,MAAc,EAAE,WAAoB,EAAE,WAAoB;QACpE,IAAI,CAAC,MAAM,GAAG,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QAEpC,IAAI,CAAC,KAAK,GAAG,IAAI,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;QAC7C,IAAI,CAAC,KAAK,GAAG,IAAI,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IAC/C,CAAC;CACF;AAED;;GAEG;AACH,MAAM,OAAO,aAAa;IAcxB;;;;;OAKG;IACH,YAAY,MAAe,EAAE,UAAkB,EAAE,QAAgB;QAC/D,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAEzB,0DAA0D;QAC1D,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC;QACvC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC;QAClC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC;QAElC,IAAI,CAAC,UAAU,GAAG,IAAI,KAAK,CACzB,EAAE,GAAG,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,EACjC,EAAE,GAAG,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,CAClC,CAAC;QACF,IAAI,CAAC,UAAU,GAAG,IAAI,KAAK,CACzB,EAAE,GAAG,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,EACjC,EAAE,GAAG,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,CAClC,CAAC;QACF,IAAI,CAAC,KAAK,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;QAExD,IAAI,CAAC,QAAQ,GAAG,IAAI,KAAK,CACvB,EAAE,GAAG,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,EAC/B,EAAE,GAAG,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAChC,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,KAAK,CACvB,EAAE,GAAG,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,EAC/B,EAAE,GAAG,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAChC,CAAC;QACF,IAAI,CAAC,GAAG,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QAElD,MAAM,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;QACxC,MAAM,QAAQ,GAAG,SAAS,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAE7D,MAAM,cAAc,GAAG,EAAE,CAAC;QAE1B,cAAc,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;QAC5E,cAAc,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;QAC5E,cAAc,CAAC,IAAI,CACjB,IAAI,KAAK,IAAI,KAAK,MAAM,QAAQ,MAAM,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,CAC3E,CAAC,CAAC,QAAQ;QACX,cAAc,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;QACxE,cAAc,CAAC,IAAI,CACjB,IAAI,KAAK,IAAI,KAAK,MAAM,QAAQ,MAAM,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,EAAE,CAC/E,CAAC,CAAC,QAAQ;QACX,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,YAAY;QAEtC,IAAI,CAAC,IAAI,GAAG,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACvC,CAAC;CACF","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/** 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) =>\n    this.p1.equals(line.p1) && this.p2.equals(line.p2);\n}\n\n/** 2D Circle.\n * @internal\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/** 2D Annulus (2D doughnut shape/flattened torus) defined by an inner and outer circle with a shared center point.\n * @internal\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/** 2D Sector of an Annulus, defined by both a parent annulus, a startAngle, and an endAngle.\n * @internal\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(\n      cx + inner * Math.cos(startAngle),\n      cy + inner * Math.sin(startAngle)\n    );\n    this.outerStart = new Point(\n      cx + outer * Math.cos(startAngle),\n      cy + outer * Math.sin(startAngle)\n    );\n    this.start = new Line(this.innerStart, this.outerStart);\n\n    this.outerEnd = new Point(\n      cx + outer * Math.cos(endAngle),\n      cy + outer * Math.sin(endAngle)\n    );\n    this.innerEnd = new Point(\n      cx + inner * Math.cos(endAngle),\n      cy + inner * Math.sin(endAngle)\n    );\n    this.end = new Line(this.outerEnd, this.innerEnd);\n\n    const angleDiff = endAngle - startAngle;\n    const largeArc = angleDiff % (Math.PI * 2) > Math.PI ? 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(\n      `A${outer},${outer} 0 ${largeArc} 1 ${this.outerEnd.x},${this.outerEnd.y}`\n    ); // arcTo\n    sectorCommands.push(`L${this.innerEnd.x},${this.innerEnd.y}`); // lineTo\n    sectorCommands.push(\n      `A${inner},${inner} 0 ${largeArc} 0 ${this.innerStart.x},${this.innerStart.y}`\n    ); // arcTo\n    sectorCommands.push(`z`); // closePath\n\n    this.path = sectorCommands.join(\" \");\n  }\n}\n"]}

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

@@ -1,96 +0,0 @@
-/** @packageDocumentation
- * @module RadialMenu
- */
-import "./RadialMenu.scss";
-import * as React from "react";
-import type { IconSpec } from "../icons/IconComponent";
-import type { CommonProps } from "../utils/Props";
-import { AnnularSector } from "./Annulus";
-/** Properties for [[RadialMenu]]
- * @public
- * @deprecated in 4.14.0. Props of deprecated component {@link RadialMenu}.
- */
-export interface RadialMenuProps extends CommonProps {
-    /** Whether to show RadialMenu */
-    opened: boolean;
-    /** Radius of inner portion of RadialMenu */
-    innerRadius: number;
-    /** Radius of outer portion of RadialMenu */
-    outerRadius: number;
-    /** Optional parameter to specify left position in viewport. */
-    left?: number | string;
-    /** Optional parameter to specify top position in viewport. */
-    top?: number | string;
-    /** Whether to rotate labels according to location on the RadialMenu, or to keep labels upright.
-     * Default: false
-     */
-    labelRotate?: boolean;
-    /** Which child RadialButton to highlight */
-    selected?: number;
-    /** triggered in case of onClick events anywhere other than radial menu */
-    onBlur?: (event: any) => any;
-    /** triggered onKeyUp for <Esc> key */
-    onEsc?: (event: any) => any;
-    /** Content */
-    children?: React.ReactNode;
-}
-interface RadialMenuState {
-    sectors: AnnularSector[];
-}
-/** A context menu arranged in a radial layout.
- * @public
- * @deprecated in 4.14.0. Use {@link ContextMenu} or {@link https://itwinui.bentley.com/docs/dropdownmenu iTwinUI dropdown menu} instead.
- */
-export declare class RadialMenu extends React.Component<RadialMenuProps, RadialMenuState> {
-    private _root;
-    private _selectedButton;
-    static defaultProps: Partial<RadialMenuProps>;
-    readonly state: Readonly<RadialMenuState>;
-    constructor(props: RadialMenuProps);
-    render(): React.ReactElement;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    componentDidUpdate(prevProps: RadialMenuProps): void;
-    private _handleKeyUp;
-    private _handleClick;
-    /** Manually call onSelect of highlighted button. */
-    select: () => void;
-    private _generateAnnularSectors;
-}
-/** Properties for [[RadialButton]] component
- * @public
- * @deprecated in 4.14.0. Props of deprecated component {@link RadialButton}.
- */
-export interface RadialButtonProps extends CommonProps {
-    /** Whether label is rotated to radial menu. Default: Inherit */
-    labelRotate?: boolean;
-    /** which icon to display in on the menu button */
-    icon?: IconSpec;
-    /** @internal */
-    annularSector?: AnnularSector;
-    /** listens to any onClick event, or any select event, which can be triggered by the select() method. */
-    onSelect?: (e: any) => any;
-    /** Whether item is highlighted */
-    selected?: boolean;
-    /** Content */
-    children?: React.ReactNode;
-}
-interface RadialButtonState {
-    hover: boolean;
-}
-/** Button for use within a [[RadialMenu]]
- * @public
- * @deprecated in 4.14.0. Component used in a deprecated component {@link RadialMenu}.
- */
-export declare class RadialButton extends React.Component<RadialButtonProps, RadialButtonState> {
-    readonly state: Readonly<RadialButtonState>;
-    constructor(props: RadialButtonProps);
-    render(): React.ReactElement;
-    /** Manually call this.props.onSelect */
-    select: () => void;
-    private _handleClick;
-    private _handleMouseOver;
-    private _handleMouseOut;
-}
-export {};
-//# sourceMappingURL=RadialMenu.d.ts.map

package/lib/esm/core-react/radialmenu/RadialMenu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadialMenu.d.ts","sourceRoot":"","sources":["../../../../src/core-react/radialmenu/RadialMenu.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,mBAAmB,CAAC;AAE3B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAGvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAW,MAAM,WAAW,CAAC;AAKnD;;;GAGG;AACH,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAClD,iCAAiC;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,4CAA4C;IAC5C,WAAW,EAAE,MAAM,CAAC;IACpB,4CAA4C;IAC5C,WAAW,EAAE,MAAM,CAAC;IACpB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,8DAA8D;IAC9D,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0EAA0E;IAC1E,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC;IAC7B,sCAAsC;IACtC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC;IAC5B,cAAc;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,UAAU,eAAe;IACvB,OAAO,EAAE,aAAa,EAAE,CAAC;CAC1B;AAED;;;GAGG;AACH,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAC7C,eAAe,EACf,eAAe,CAChB;IACC,OAAO,CAAC,KAAK,CAA+B;IAC5C,OAAO,CAAC,eAAe,CAA6B;IACpD,OAAc,YAAY,EAAE,OAAO,CAAC,eAAe,CAAC,CAGlD;IAEF,SAAyB,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,CAEvD;gBAEU,KAAK,EAAE,eAAe;IAIlB,MAAM,IAAI,KAAK,CAAC,YAAY;IAmE5B,iBAAiB;IASjB,oBAAoB;IAKpB,kBAAkB,CAAC,SAAS,EAAE,eAAe;IAS7D,OAAO,CAAC,YAAY,CAGlB;IAEF,OAAO,CAAC,YAAY,CAQlB;IAEF,oDAAoD;IAC7C,MAAM,aAEX;IAEF,OAAO,CAAC,uBAAuB,CAmB7B;CACH;AAED;;;GAGG;AACH,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD,gEAAgE;IAChE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kDAAkD;IAClD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,gBAAgB;IAChB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,wGAAwG;IACxG,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC;IAC3B,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,UAAU,iBAAiB;IACzB,KAAK,EAAE,OAAO,CAAC;CAChB;AAED;;;GAGG;AACH,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAC/C,iBAAiB,EACjB,iBAAiB,CAClB;IACC,SAAyB,KAAK,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAEzD;gBAEU,KAAK,EAAE,iBAAiB;IAIpB,MAAM,IAAI,KAAK,CAAC,YAAY;IAkE5C,wCAAwC;IACjC,MAAM,aAEX;IAEF,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,gBAAgB,CAEtB;IAEF,OAAO,CAAC,eAAe,CAErB;CACH"}

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

@@ -1,183 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * 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 "./RadialMenu.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { Key } from "ts-key-enum";
-import { Icon } from "../icons/IconComponent";
-import { Point } from "../utils/Point";
-import { AnnularSector, Annulus } from "./Annulus";
-/** A context menu arranged in a radial layout.
- * @public
- * @deprecated in 4.14.0. Use {@link ContextMenu} or {@link https://itwinui.bentley.com/docs/dropdownmenu iTwinUI dropdown menu} instead.
- */
-export class RadialMenu extends React.Component {
-    constructor(props) {
-        super(props);
-        this._root = null;
-        this._selectedButton = null;
-        this.state = {
-            sectors: [],
-        };
-        this._handleKeyUp = (event) => {
-            if (event.key === Key.Escape.valueOf() && this.props.onEsc)
-                this.props.onEsc(event);
-        };
-        this._handleClick = (event) => {
-            if (event.target instanceof HTMLElement &&
-                this._root &&
-                !event.target.contains(this._root) &&
-                this.props.onBlur)
-                this.props.onBlur(event);
-        };
-        /** Manually call onSelect of highlighted button. */
-        this.select = () => {
-            if (this._selectedButton)
-                this._selectedButton.select();
-        };
-        this._generateAnnularSectors = () => {
-            const n = React.Children.count(this.props.children);
-            const angle = (2 * Math.PI) / n;
-            const outer = this.props.outerRadius;
-            const inner = this.props.innerRadius;
-            const offset = -Math.PI / 8;
-            const annulus = new Annulus(new Point(outer + 1, outer + 1), inner + 1, outer - 1);
-            const sectors = [];
-            for (let i = 0; i < n; i++) {
-                sectors.push(new AnnularSector(annulus, angle * i + offset, angle * (i + 1) + offset));
-            }
-            this.setState({ sectors });
-        };
-    }
-    render() {
-        const width = 2 * (this.props.outerRadius + 1);
-        let x = this.props.left, y = this.props.top;
-        if (this.props.left &&
-            this.props.top &&
-            typeof this.props.left === "number" &&
-            typeof this.props.top === "number") {
-            x = this.props.left;
-            y = this.props.top;
-            if (x < 0)
-                x = 0;
-            if (x > window.innerWidth - width)
-                x = window.innerWidth - width;
-            if (y < 0)
-                y = 0;
-            if (y > window.innerHeight - width)
-                y = window.innerHeight - width;
-        }
-        const divStyle = {
-            left: x,
-            top: y,
-            ...this.props.style,
-        };
-        return (React.createElement("div", { ref: (el) => {
-                this._root = el;
-            }, className: classnames("core-radial-menu", { opened: this.props.opened }, this.props.className), style: divStyle, "data-testid": "core-radial-menu" },
-            React.createElement("svg", { xmlns: "http://w3.org/2000/svg", version: "1.1", width: width, height: width, className: "core-radial-menu-container" }, React.Children.map(this.props.children, (child, index) => {
-                if (!child || typeof child !== "object" || !("props" in child))
-                    return child;
-                const childElement = child;
-                return React.cloneElement(childElement, {
-                    key: index,
-                    ref: (el) => {
-                        if (this.props.selected === index)
-                            this._selectedButton = el;
-                    },
-                    selected: index === this.props.selected,
-                    labelRotate: childElement.props.labelRotate || this.props.labelRotate,
-                    annularSector: this.state.sectors[index],
-                });
-            }))));
-    }
-    componentDidMount() {
-        this._generateAnnularSectors();
-        setTimeout(() => {
-            window.addEventListener("keyup", this._handleKeyUp);
-            window.addEventListener("mouseup", this._handleClick);
-        });
-    }
-    componentWillUnmount() {
-        window.removeEventListener("keyup", this._handleKeyUp);
-        window.removeEventListener("mouseup", this._handleClick);
-    }
-    componentDidUpdate(prevProps) {
-        if (prevProps.innerRadius !== this.props.innerRadius ||
-            prevProps.outerRadius !== this.props.outerRadius) {
-            this._generateAnnularSectors();
-        }
-    }
-}
-RadialMenu.defaultProps = {
-    labelRotate: false,
-    selected: -1,
-};
-/** Button for use within a [[RadialMenu]]
- * @public
- * @deprecated in 4.14.0. Component used in a deprecated component {@link RadialMenu}.
- */
-export class RadialButton extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            hover: this.props.selected || false,
-        };
-        /** Manually call this.props.onSelect */
-        this.select = () => {
-            if (this.props.onSelect)
-                this.props.onSelect(undefined);
-        };
-        this._handleClick = (event) => {
-            if (this.props.onSelect)
-                this.props.onSelect(event);
-        };
-        this._handleMouseOver = (_event) => {
-            this.setState({ hover: true });
-        };
-        this._handleMouseOut = (_event) => {
-            this.setState({ hover: false });
-        };
-    }
-    render() {
-        const sector = this.props.annularSector;
-        let p = new Point();
-        let size = 0;
-        let t = "";
-        let path = "";
-        if (sector) {
-            size = sector.start.p1.getDistanceTo(sector.end.p2) * 2;
-            path = sector.path;
-            const parent = sector.parent;
-            const { x: cx, y: cy } = parent.center;
-            const r = (parent.inner.radius + parent.outer.radius) / 2;
-            const angle = (sector.startAngle + sector.endAngle) / 2;
-            p = new Point(cx + r * Math.cos(angle), cy + r * Math.sin(angle));
-            if (this.props.labelRotate) {
-                let a = (angle * 180) / Math.PI + 90;
-                while (a > 180)
-                    a -= 360;
-                while (a < -180)
-                    a += 360;
-                if (a > 90)
-                    a -= 180;
-                if (a < -90)
-                    a += 180;
-                t = `rotate(${a} ${p.x}, ${p.y})`;
-            }
-        }
-        return (React.createElement("g", { onMouseOver: this._handleMouseOver, onMouseOut: this._handleMouseOut, onClick: this._handleClick },
-            React.createElement("path", { className: classnames("core-radial-menu-sector", { selected: this.state.hover }, this.props.className), style: this.props.style, d: path }),
-            React.createElement("foreignObject", { transform: t, x: p.x - size / 2, y: p.y - 16, width: size, height: size, className: "core-radial-menu-button-svg" },
-                React.createElement("div", { xmlns: "http://www.w3.org/1999/xhtml", className: "core-radial-menu-button-container" },
-                    React.createElement("div", { className: "core-radial-menu-button-icon" },
-                        React.createElement(Icon, { iconSpec: this.props.icon })),
-                    React.createElement("div", { className: "core-radial-menu-button-content" }, this.props.children)))));
-    }
-}
-//# sourceMappingURL=RadialMenu.js.map