import type LineSymbol from "./LineSymbol.js";
import type LineSymbolMarker from "./LineSymbolMarker.js";
import type { LineStyle, LineCap, LineJoin } from "./types.js";
import type { LineSymbolMarkerProperties } from "./LineSymbolMarker.js";
import type { LineSymbolProperties } from "./LineSymbol.js";

export interface SimpleLineSymbolProperties extends LineSymbolProperties, Partial<Pick<SimpleLineSymbol, "cap" | "join" | "miterLimit" | "style">> {
  /**
   * Specifies the color, style, and placement of a symbol marker on the line.
   *
   * > [!WARNING]
   * >
   * > **Known Limitations**
   * >
   * > - This is not currently supported within a 3D [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
   *
   * @since 4.16
   * @example
   * // Places a blue diamond marker at the beginning of the line symbol
   * simpleLineSymbol.marker = {
   *    color: "blue",
   *    placement: "begin",
   *    style: "diamond"
   * }
   */
  marker?: (LineSymbolMarkerProperties & { type?: "line-marker" }) | null;
}

/**
 * SimpleLineSymbol is used for rendering 2D [polyline geometries](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Polyline.html)
 * in a 2D [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html).
 * SimpleLineSymbol is also used for rendering outlines for
 * [marker symbols](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-MarkerSymbol.html) and
 * [fill symbols](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-FillSymbol.html).
 *
 * [SimpleLineSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleLineSymbol.html) may also be used to symbolize 2D polyline features
 * in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). However, it is
 * recommended you use [LineSymbol3D](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-LineSymbol3D.html) instead.
 *
 * The image below depicts a [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html) whose graphics
 * are styled with SimpleLineSymbols.
 *
 * [![sls-sample](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sls-sample.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-location-types/)
 *
 * @since 4.0
 * @see [Symbol Builder](https://developers.arcgis.com/javascript/latest/visualization/symbols-color-ramps/symbol-builder/)
 * @see [Sample - Visualize features by type](https://developers.arcgis.com/javascript/latest/sample-code/visualization-location-types/)
 * @see [Sample - Add graphics (MapView)](https://developers.arcgis.com/javascript/latest/sample-code/intro-graphics/)
 * @see [Sample - Add graphics (SceneView)](https://developers.arcgis.com/javascript/latest/sample-code/graphics-basic-3d/)
 * @see [Renderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-Renderer.html)
 * @see [Graphic](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html)
 * @example
 * // this symbol can be used to visualize polyline
 * // features or the outline of a fill symbol
 * let symbol = {
 *   type: "simple-line",  // autocasts as new SimpleLineSymbol()
 *   color: "lightblue",
 *   width: "2px",
 *   style: "short-dot"
 * };
 */
export default class SimpleLineSymbol extends LineSymbol {
  constructor(properties?: SimpleLineSymbolProperties);
  /**
   * Specifies the cap style. The cap is the end node of a polyline, or the end of a line segment that does not connect with another segment of the same polyline.
   *
   * See the table below for possible values.
   *
   * Possible Value | Example
   * ---------------|---------
   * butt | ![sls-cap-butt](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/sls-cap-butt.png)
   * round | ![sls-cap-round](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/sls-cap-round.png)
   * square | ![sls-cap-square](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/sls-cap-square.png)
   *
   * > [!WARNING]
   * >
   * > **Known Limitations**
   * >
   * > This property does not persist when applied to a symbol used in a layer saved
   * >   to a web map or portal item. See the [web map specification](https://developers.arcgis.com/web-map-specification/objects/esriSLS_symbol/)
   * >   for more details about properties that persist when a SimpleLineSymbol is saved
   * >   to an ArcGIS Online or Portal item.
   *
   * @default "round"
   * @example symbol.cap = "square";
   */
  accessor cap: LineCap;
  /**
   * Specifies the join style. A `join` refers to the joint of a polyline, or the end of a line segment that connects to another segment of the same polyline.
   * See the table below for possible values.
   *
   * Possible Value | Example
   * ---------------|---------
   * bevel | ![sls-join-bevel](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/sls-join-bevel.png)
   * miter | ![sls-join-miter](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/sls-join-miter.png)
   * round | ![sls-join-round](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/sls-join-round.png)
   *
   * @default "round"
   * @example symbol.join = "bevel";
   */
  accessor join: LineJoin;
  /**
   * Specifies the color, style, and placement of a symbol marker on the line.
   *
   * > [!WARNING]
   * >
   * > **Known Limitations**
   * >
   * > - This is not currently supported within a 3D [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
   *
   * @since 4.16
   * @example
   * // Places a blue diamond marker at the beginning of the line symbol
   * simpleLineSymbol.marker = {
   *    color: "blue",
   *    placement: "begin",
   *    style: "diamond"
   * }
   */
  get marker(): LineSymbolMarker | null | undefined;
  set marker(value: (LineSymbolMarkerProperties & { type?: "line-marker" }) | null | undefined);
  /**
   * Maximum allowed ratio of the width of a miter join to the line width.
   * Miter joins can get very wide at sharp line angles; this can be visually
   * unpleasant or interfere with cartography. In the example below, the
   * width of the miter join is about 3.6 times the width of the line.
   *
   * ![SimpleLineSymbol.miterLimit](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/sls-miter-limit.png)
   *
   * A miter limit of `X` means that a miter join can be at most `X` times
   * as wide as the line itself. Beyond that threshold, it is replaced with
   * a bevel join. Referring to the previous example, setting the miter limit
   * to 3.6 or greater has no effect on the generated visuals; setting the miter
   * limit to 3.5 or smaller causes the replacement with a bevel join.
   *
   * ![Enforcing miterLimit](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/sls-miter-limit-enforcement.png)
   *
   * > [!WARNING]
   * >
   * > **Known Limitations**
   * >
   * > This property is currently not supported in 3D [SceneViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
   *
   * @default 2
   * @example
   * // Miter joins that would be twice as wide as the line itself are
   * // replaced by bevel joins.
   * symbol.miterLimit = 2;
   */
  accessor miterLimit: number;
  /**
   * Specifies the line style. Possible values are listed in the table below:
   *
   * Value | Description
   * ------|-------------
   * dash | ![sls-dash](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sls-dash.png)
   * dash-dot | ![sls-dash-dot](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sls-dash-dot.png)
   * dot | ![sls-dot](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sls-dot.png)
   * long-dash | ![sls-long-dash](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sls-long-dash.png)
   * long-dash-dot | ![sls-long-dash-dot](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sls-long-dash-dot.png)
   * long-dash-dot-dot | ![sls-dash-dot-dot](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sls-dash-dot-dot.png)
   * none | The line has no symbol.
   * short-dash | ![sls-short-dash](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sls-short-dash.png)
   * short-dash-dot | ![sls-short-dash-dot](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sls-short-dash-dot.png)
   * short-dash-dot-dot | ![sls-short-dash-dot-dot](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sls-short-dash-dot-dot.png)
   * short-dot | ![sls-short-dot](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sls-short-dot.png)
   * solid | ![sls-solid](https://developers.arcgis.com/javascript/latest/assets/img/apiref/symbols/symbols-sls-solid.png)
   *
   * @default "solid"
   * @example symbol.style = "short-dash-dot";
   */
  accessor style: LineStyle;
  /** The symbol type. */
  get type(): "simple-line";
  /**
   * Creates a deep clone of the symbol.
   *
   * @returns A deep clone of the object that
   *                                             invoked this method.
   * @example
   * // Creates a deep clone of the graphic's symbol
   * let symLyr = graphic.symbol.clone();
   */
  clone(): SimpleLineSymbol;
}