@arcgis/common-components 5.2.0-next.0 → 5.2.0-next.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/4NANIXN7.js +2 -0
- package/dist/cdn/{FZSF24HT.js → 6XE5JNJ7.js} +1 -1
- package/dist/cdn/{GEWXC2ZR.js → D3WBDGDH.js} +1 -1
- package/dist/cdn/{QEW7H22O.js → OTXMT4H5.js} +1 -1
- package/dist/cdn/{UMIMGOKS.js → OUUS7VKS.js} +1 -1
- package/dist/cdn/OYXJA2QF.js +2 -0
- package/dist/cdn/QS7JRY4H.js +2 -0
- package/dist/cdn/SKYXMBD4.js +2 -0
- package/dist/cdn/{ORSF6IOL.js → UEGSIUVY.js} +1 -1
- package/dist/cdn/assets/coordinate-system-picker/t9n/messages.en.json +1 -1
- package/dist/cdn/assets/field-info/t9n/messages.en.json +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/components/arcgis-ckeditor5/customElement.js +1 -1
- package/dist/components/arcgis-color-input/customElement.d.ts +1 -0
- package/dist/components/arcgis-color-input/customElement.js +6 -3
- package/dist/components/arcgis-coordinate-system-picker/customElement.d.ts +2 -0
- package/dist/components/arcgis-field-info/customElement.d.ts +2 -0
- package/dist/components/arcgis-field-info/customElement.js +2 -0
- package/dist/components/arcgis-slider/customElement.js +47 -47
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/vscode.html-custom-data.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/dist/loader.js +1 -1
- package/package.json +5 -5
- package/dist/cdn/S7B2PKI3.js +0 -2
- package/dist/cdn/VUQJROFR.js +0 -2
- package/dist/cdn/X4NARYUV.js +0 -2
- package/dist/cdn/YSXFXVP6.js +0 -2
|
@@ -4,7 +4,7 @@ import { keyed as Z } from "lit/directives/keyed.js";
|
|
|
4
4
|
import { LitElement as ee, createEvent as $, safeClassMap as P, safeStyleMap as L, nothing as E } from "@arcgis/lumina";
|
|
5
5
|
import { makeAccessorController as te } from "@arcgis/lumina/controllers/accessor";
|
|
6
6
|
import { slotChangeHasAssignedElement as R, classes as ae, getClosestElement as ne } from "@arcgis/toolkit/dom";
|
|
7
|
-
import { css as re, html as
|
|
7
|
+
import { css as re, html as w } from "lit";
|
|
8
8
|
import { map as ie } from "lit/directives/map.js";
|
|
9
9
|
import { createRef as B, ref as O } from "lit/directives/ref.js";
|
|
10
10
|
import { u as se } from "../../chunks/useT9n.js";
|
|
@@ -50,10 +50,10 @@ function ge(n) {
|
|
|
50
50
|
const e = Number.isFinite(n) ? Math.floor(n) : 1;
|
|
51
51
|
return Math.max(1, e);
|
|
52
52
|
}
|
|
53
|
-
const me = re`:host{display:flex;width:100%;height:100%;font-family:Avenir Next,Helvetica Neue,helvetica,arial,sans-serif;font-size:var(--calcite-font-size--2);font-variant-numeric:tabular-nums;--arcgis-slider-dash-length: 5px;--arcgis-slider-handle-size: .875rem;--arcgis-slider-track-background-color: var(--calcite-color-border-2);--arcgis-slider-internal-show-range-labels: 0;--arcgis-slider-internal-show-value-labels: 0;--arcgis-slider-internal-value-labels-placement-start: 0;--arcgis-slider-internal-value-labels-placement-end: 0;--arcgis-slider-internal-range-labels-placement-center: 0;--arcgis-slider-internal-range-labels-placement-end: 0;--arcgis-slider-internal-handle-offset: calc(var(--arcgis-slider-handle-size) / 2);--arcgis-slider-internal-label-input-margin: calc(var(--arcgis-slider-internal-handle-offset) + 4px);--arcgis-slider-internal-label-input-height: var(--calcite-input-number-height, 1.5rem);--arcgis-slider-internal-track-size: 2px}:host([show-range-labels]){--arcgis-slider-internal-show-range-labels: 1}:host(:not([value-labels-display="hidden"])){--arcgis-slider-internal-show-value-labels: 1}:host([value-labels-placement="start"]){--arcgis-slider-internal-value-labels-placement-start: var(--arcgis-slider-internal-show-value-labels)}:host([value-labels-placement="end"]){--arcgis-slider-internal-value-labels-placement-end: var(--arcgis-slider-internal-show-value-labels)}:host([range-labels-placement="center"]){--arcgis-slider-internal-range-labels-placement-center: var(--arcgis-slider-internal-show-range-labels)}:host([range-labels-placement="end"]){--arcgis-slider-internal-range-labels-placement-end: var(--arcgis-slider-internal-show-range-labels)}:host([disabled]){cursor:default;opacity:var(--calcite-opacity-disabled);pointer-events:none}.content{direction:ltr;flex:1;touch-action:none;user-select:none;display:grid;word-wrap:normal;word-break:normal;padding-block:var(--arcgis-slider-internal-handle-offset)}.track-container{grid-area:track-container;position:relative;display:flex;justify-content:center;align-items:center}.track{touch-action:none;position:relative}.track-bounds{background-color:var(--calcite-color-border-2)}.track-fill{--arcgis-slider-track-background-color: var(--calcite-color-brand)}:host([layout="vertical"]){.track-effective-start{background:repeating-linear-gradient(to bottom,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}.track-effective-end{background:repeating-linear-gradient(to top,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}}:host([layout="horizontal"]){.track-effective-start{background:repeating-linear-gradient(to right,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}.track-effective-end{background:repeating-linear-gradient(to left,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}}.track-range{background-color:var(--calcite-color-brand);&.active{box-shadow:0 0 8px #00000029;outline:1px solid var(--calcite-color-focus, var(--calcite-color-focus, var(--calcite-color-brand)))}}:host([disabled]) .track-range{background-color:var(--calcite-color-text-3)}:host([disabled]),:host([disabled][layout="horizontal"]),:host([disabled][layout="vertical"]){.track-range.interactive:after{cursor:default;pointer-events:none}}:host([layout="horizontal"]){.track-range.interactive:after{all:initial;cursor:ew-resize;position:absolute;inline-size:100%;content:"";inset-block-start:calc(-1 * var(--arcgis-slider-internal-handle-offset));block-size:var(--arcgis-slider-handle-size);margin-top:1px}}:host([layout="vertical"]){.track-range.interactive:after{all:initial;cursor:ns-resize;position:absolute;inline-size:100%;content:"";inset-block-start:calc(-1 * var(--arcgis-slider-internal-handle-offset));block-size:var(--arcgis-slider-handle-size);margin-left:1px;writing-mode:vertical-lr}}.segment{transform-origin:0 0;inset-block-start:0px;block-size:.125rem;position:absolute;top:0;left:0}.thumb{-webkit-user-select:none;user-select:none;background-color:#4c4c4c;position:absolute}.thumb:focus,.thumb.active{.handle{background-color:var(--calcite-color-brand);box-shadow:0 0 8px #00000029;outline:2px solid var(--calcite-color-focus, var(--calcite-color-focus, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}}.handle{cursor:pointer;box-sizing:border-box;z-index:1;touch-action:none;background-color:var(--calcite-color-foreground-1);box-shadow:0 0 0 2px var(--calcite-color-text-3) inset;border-radius:var(--arcgis-slider-handle-size);width:var(--arcgis-slider-handle-size);height:var(--arcgis-slider-handle-size);transition:all var(--calcite-animation-timing, .125s) ease-in-out;position:absolute;top:calc(var(--arcgis-slider-internal-handle-offset) * -1);left:calc(var(--arcgis-slider-internal-handle-offset) * -1)}.handle:hover{box-shadow:0 0 0 3px var(--calcite-color-brand) inset}.label{position:absolute;will-change:transform}.label[hidden]{display:block;opacity:0;pointer-events:none}.min{grid-area:range-start}.max{grid-area:range-end}:host([layout="horizontal"][mirrored][range-labels-placement="center"]),:host([layout="vertical"]:not([mirrored])){.min{grid-area:range-end}.max{grid-area:range-start}}.content-start{grid-area:content-start;display:flex}.content-end{grid-area:content-end;display:flex}:host([layout="vertical"]){.content{grid-template:". range-start range-start range-start ." "content-start content-start track-container content-end content-end" ". range-end range-end range-end .";grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto auto auto 1fr;row-gap:var(--arcgis-slider-internal-handle-offset)}.track-container{flex-direction:column}.track{flex:1;width:var(--arcgis-slider-internal-track-size)}.segment{writing-mode:vertical-lr}.label{top:calc(var(--arcgis-slider-internal-label-input-height) * -.5)}&:host([value-labels-placement="start"]){.label{right:var(--arcgis-slider-internal-label-input-margin)}}&:host([value-labels-placement="end"]){.label{left:var(--arcgis-slider-internal-label-input-margin)}}}:host([layout="horizontal"][range-labels-placement="center"]){.content{--arcgis-slider-internal-content-start-min-height: calc( ((1 - var(--arcgis-slider-internal-show-range-labels)) * var(--arcgis-slider-internal-handle-offset)) + (var(--arcgis-slider-internal-value-labels-placement-start) * var(--arcgis-slider-internal-label-input-height)) );--arcgis-slider-internal-content-end-min-height: calc( ((1 - var(--arcgis-slider-internal-show-range-labels)) * var(--arcgis-slider-internal-handle-offset)) + (var(--arcgis-slider-internal-value-labels-placement-end) * var(--arcgis-slider-internal-label-input-height)) );column-gap:calc(var(--arcgis-slider-internal-show-range-labels) * var(--arcgis-slider-internal-handle-offset) / 2);padding-inline:calc((1 - var(--arcgis-slider-internal-show-range-labels)) * var(--arcgis-slider-internal-handle-offset));grid-template:". content-start ." "range-start content-start range-end" "range-start track-container range-end" "range-start content-end range-end" ". content-end .";grid-template-columns:auto 1fr auto;grid-template-rows:minmax(var(--arcgis-slider-internal-content-start-min-height),auto) calc(var(--arcgis-slider-internal-show-range-labels) * calc(calc(var(--arcgis-slider-internal-label-input-height) / 2) - calc(var(--arcgis-slider-internal-track-size) / 2))) var(--arcgis-slider-internal-track-size) calc(var(--arcgis-slider-internal-show-range-labels) * calc(calc(var(--arcgis-slider-internal-label-input-height) / 2) - calc(var(--arcgis-slider-internal-track-size) / 2))) minmax(var(--arcgis-slider-internal-content-end-min-height),auto)}.track{flex:1;height:var(--arcgis-slider-internal-track-size)}&:host([value-labels-placement="start"]){.label{bottom:var(--arcgis-slider-internal-label-input-margin)}}&:host([value-labels-placement="end"]){.label{top:var(--arcgis-slider-internal-label-input-margin)}}}:host([layout="horizontal"][range-labels-placement="end"]){.content{--arcgis-slider-internal-content-start-min-height: calc( var(--arcgis-slider-internal-handle-offset) + var(--arcgis-slider-internal-value-labels-placement-start) * var(--arcgis-slider-internal-label-input-height) );--arcgis-slider-internal-content-end-min-height: calc( var(--arcgis-slider-internal-value-labels-placement-end) * var(--arcgis-slider-internal-label-input-height) );padding-inline:var(--arcgis-slider-internal-handle-offset);grid-template:"content-start content-start content-start" "track-container track-container track-container" "content-end content-end content-end" "content-end content-end content-end" "content-end content-end content-end";grid-template-columns:auto;grid-template-rows:minmax(var(--arcgis-slider-internal-content-start-min-height),auto) var(--arcgis-slider-internal-track-size) var(--arcgis-slider-internal-handle-offset) calc(var(--arcgis-slider-internal-range-labels-placement-end) * var(--arcgis-slider-internal-label-input-height)) minmax(var(--arcgis-slider-internal-content-end-min-height),auto);column-gap:var(--arcgis-slider-internal-handle-offset)}.track{flex:1;height:var(--arcgis-slider-internal-track-size)}&:host([value-labels-placement="start"]){.label{bottom:var(--arcgis-slider-internal-label-input-margin)}}&:host([value-labels-placement="end"]){.label{top:calc(var(--arcgis-slider-internal-label-input-margin) + var(--arcgis-slider-internal-range-labels-placement-end) * (var(--arcgis-slider-internal-label-input-height)))}}.min,.max{--arcgis-slider-internal-range-translation: calc(var(--arcgis-slider-internal-handle-offset) + .5rem + 1px);grid-area:unset;grid-row:-3}&:host(:not([mirrored])){.min{grid-column:1;transform:translate(calc(var(--arcgis-slider-internal-range-translation) * -1))}.max{grid-column:3;transform:translate(var(--arcgis-slider-internal-range-translation))}}&:host([mirrored]){.min{grid-column:3;transform:translate(var(--arcgis-slider-internal-range-translation))}.max{grid-column:1;transform:translate(calc(var(--arcgis-slider-internal-range-translation) * -1))}}}`;
|
|
53
|
+
const me = re`:host{display:flex;width:100%;height:100%;font-family:Avenir Next,Helvetica Neue,helvetica,arial,sans-serif;font-size:var(--calcite-font-size--2);font-variant-numeric:tabular-nums;--arcgis-slider-dash-length: 5px;--arcgis-slider-handle-size: .875rem;--arcgis-slider-track-background-color: var(--calcite-color-border-2);--arcgis-slider-internal-show-range-labels: 0;--arcgis-slider-internal-show-value-labels: 0;--arcgis-slider-internal-value-labels-placement-start: 0;--arcgis-slider-internal-value-labels-placement-end: 0;--arcgis-slider-internal-range-labels-placement-center: 0;--arcgis-slider-internal-range-labels-placement-end: 0;--arcgis-slider-internal-handle-offset: calc(var(--arcgis-slider-handle-size) / 2);--arcgis-slider-internal-label-input-margin: calc(var(--arcgis-slider-internal-handle-offset) + 4px);--arcgis-slider-internal-label-input-height: var(--calcite-input-number-height, 1.5rem);--arcgis-slider-internal-track-size: 2px}:host([show-range-labels]){--arcgis-slider-internal-show-range-labels: 1}:host(:not([value-labels-display="hidden"])){--arcgis-slider-internal-show-value-labels: 1}:host([value-labels-placement="start"]){--arcgis-slider-internal-value-labels-placement-start: var(--arcgis-slider-internal-show-value-labels)}:host([value-labels-placement="end"]){--arcgis-slider-internal-value-labels-placement-end: var(--arcgis-slider-internal-show-value-labels)}:host([range-labels-placement="center"]){--arcgis-slider-internal-range-labels-placement-center: var(--arcgis-slider-internal-show-range-labels)}:host([range-labels-placement="end"]){--arcgis-slider-internal-range-labels-placement-end: var(--arcgis-slider-internal-show-range-labels)}:host([disabled]){cursor:default;opacity:var(--calcite-opacity-disabled);pointer-events:none}.content{direction:ltr;flex:1;touch-action:none;user-select:none;display:grid;word-wrap:normal;word-break:normal;padding-block:var(--arcgis-slider-internal-handle-offset)}.track-container{grid-area:track-container;position:relative;display:flex;justify-content:center;align-items:center}.track{touch-action:none;position:relative}.track-bounds{background-color:var(--calcite-color-border-2)}:host([layout="vertical"]){.track-effective-start{background:repeating-linear-gradient(to bottom,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}.track-effective-end{background:repeating-linear-gradient(to top,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}}:host([layout="horizontal"]){.track-effective-start{background:repeating-linear-gradient(to right,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}.track-effective-end{background:repeating-linear-gradient(to left,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}}.track-range{background-color:var(--calcite-color-brand);&.active{box-shadow:0 0 8px #00000029;outline:1px solid var(--calcite-color-focus, var(--calcite-color-focus, var(--calcite-color-brand)))}}:host([disabled]) .track-range{background-color:var(--calcite-color-text-3)}:host([disabled]),:host([disabled][layout="horizontal"]),:host([disabled][layout="vertical"]){.track-range.interactive:after{cursor:default;pointer-events:none}}:host([layout="horizontal"]){.track-range.interactive:after{all:initial;cursor:ew-resize;position:absolute;inline-size:100%;content:"";inset-block-start:calc(-1 * var(--arcgis-slider-internal-handle-offset));block-size:var(--arcgis-slider-handle-size);margin-top:1px}}:host([layout="vertical"]){.track-range.interactive:after{all:initial;cursor:ns-resize;position:absolute;inline-size:100%;content:"";inset-block-start:calc(-1 * var(--arcgis-slider-internal-handle-offset));block-size:var(--arcgis-slider-handle-size);margin-left:1px;writing-mode:vertical-lr}}.segment{transform-origin:0 0;inset-block-start:0px;block-size:.125rem;position:absolute;top:0;left:0}.thumb{-webkit-user-select:none;user-select:none;background-color:#4c4c4c;position:absolute}.thumb:focus,.thumb.active{.handle{background-color:var(--calcite-color-brand);box-shadow:0 0 8px #00000029;outline:2px solid var(--calcite-color-focus, var(--calcite-color-focus, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}}.handle{cursor:pointer;box-sizing:border-box;z-index:1;touch-action:none;background-color:var(--calcite-color-foreground-1);box-shadow:0 0 0 2px var(--calcite-color-text-3) inset;border-radius:var(--arcgis-slider-handle-size);width:var(--arcgis-slider-handle-size);height:var(--arcgis-slider-handle-size);transition:all var(--calcite-animation-timing, .125s) ease-in-out;position:absolute;top:calc(var(--arcgis-slider-internal-handle-offset) * -1);left:calc(var(--arcgis-slider-internal-handle-offset) * -1)}.handle:hover{box-shadow:0 0 0 3px var(--calcite-color-brand) inset}.label{position:absolute;will-change:transform}.min{grid-area:range-start}.max{grid-area:range-end}:host([layout="horizontal"][mirrored][range-labels-placement="center"]),:host([layout="vertical"]:not([mirrored])){.min{grid-area:range-end}.max{grid-area:range-start}}.content-start{grid-area:content-start;display:flex}.content-end{grid-area:content-end;display:flex}:host([layout="vertical"]){.content{grid-template:". range-start range-start range-start ." "content-start content-start track-container content-end content-end" ". range-end range-end range-end .";grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto auto auto 1fr;row-gap:var(--arcgis-slider-internal-handle-offset)}.track-container{flex-direction:column}.track{flex:1;width:var(--arcgis-slider-internal-track-size)}.segment{writing-mode:vertical-lr}.label{top:calc(var(--arcgis-slider-internal-label-input-height) * -.5)}&:host([value-labels-placement="start"]){.label{right:var(--arcgis-slider-internal-label-input-margin)}}&:host([value-labels-placement="end"]){.label{left:var(--arcgis-slider-internal-label-input-margin)}}}:host([layout="horizontal"][range-labels-placement="center"]){.content{--arcgis-slider-internal-content-start-min-height: calc( ((1 - var(--arcgis-slider-internal-show-range-labels)) * var(--arcgis-slider-internal-handle-offset)) + (var(--arcgis-slider-internal-value-labels-placement-start) * var(--arcgis-slider-internal-label-input-height)) );--arcgis-slider-internal-content-end-min-height: calc( ((1 - var(--arcgis-slider-internal-show-range-labels)) * var(--arcgis-slider-internal-handle-offset)) + (var(--arcgis-slider-internal-value-labels-placement-end) * var(--arcgis-slider-internal-label-input-height)) );column-gap:calc(var(--arcgis-slider-internal-show-range-labels) * var(--arcgis-slider-internal-handle-offset) / 2);padding-inline:calc((1 - var(--arcgis-slider-internal-show-range-labels)) * var(--arcgis-slider-internal-handle-offset));grid-template:". content-start ." "range-start content-start range-end" "range-start track-container range-end" "range-start content-end range-end" ". content-end .";grid-template-columns:auto 1fr auto;grid-template-rows:minmax(var(--arcgis-slider-internal-content-start-min-height),auto) calc(var(--arcgis-slider-internal-show-range-labels) * calc(calc(var(--arcgis-slider-internal-label-input-height) / 2) - calc(var(--arcgis-slider-internal-track-size) / 2))) var(--arcgis-slider-internal-track-size) calc(var(--arcgis-slider-internal-show-range-labels) * calc(calc(var(--arcgis-slider-internal-label-input-height) / 2) - calc(var(--arcgis-slider-internal-track-size) / 2))) minmax(var(--arcgis-slider-internal-content-end-min-height),auto)}.track{flex:1;height:var(--arcgis-slider-internal-track-size)}&:host([value-labels-placement="start"]){.label{bottom:var(--arcgis-slider-internal-label-input-margin)}}&:host([value-labels-placement="end"]){.label{top:var(--arcgis-slider-internal-label-input-margin)}}}:host([layout="horizontal"][range-labels-placement="end"]){.content{--arcgis-slider-internal-content-start-min-height: calc( var(--arcgis-slider-internal-handle-offset) + var(--arcgis-slider-internal-value-labels-placement-start) * var(--arcgis-slider-internal-label-input-height) );--arcgis-slider-internal-content-end-min-height: calc( var(--arcgis-slider-internal-value-labels-placement-end) * var(--arcgis-slider-internal-label-input-height) );padding-inline:var(--arcgis-slider-internal-handle-offset);grid-template:"content-start content-start content-start" "track-container track-container track-container" "content-end content-end content-end" "content-end content-end content-end" "content-end content-end content-end";grid-template-columns:auto;grid-template-rows:minmax(var(--arcgis-slider-internal-content-start-min-height),auto) var(--arcgis-slider-internal-track-size) var(--arcgis-slider-internal-handle-offset) calc(var(--arcgis-slider-internal-range-labels-placement-end) * var(--arcgis-slider-internal-label-input-height)) minmax(var(--arcgis-slider-internal-content-end-min-height),auto);column-gap:var(--arcgis-slider-internal-handle-offset)}.track{flex:1;height:var(--arcgis-slider-internal-track-size)}&:host([value-labels-placement="start"]){.label{bottom:var(--arcgis-slider-internal-label-input-margin)}}&:host([value-labels-placement="end"]){.label{top:calc(var(--arcgis-slider-internal-label-input-margin) + var(--arcgis-slider-internal-range-labels-placement-end) * (var(--arcgis-slider-internal-label-input-height)))}}.min,.max{--arcgis-slider-internal-range-translation: calc(var(--arcgis-slider-internal-handle-offset) + .5rem + 1px);grid-area:unset;grid-row:-3}&:host(:not([mirrored])){.min{grid-column:1;transform:translate(calc(var(--arcgis-slider-internal-range-translation) * -1))}.max{grid-column:3;transform:translate(var(--arcgis-slider-internal-range-translation))}}&:host([mirrored]){.min{grid-column:3;transform:translate(var(--arcgis-slider-internal-range-translation))}.max{grid-column:1;transform:translate(calc(var(--arcgis-slider-internal-range-translation) * -1))}}}`;
|
|
54
54
|
var fe = Object.defineProperty, pe = Object.getOwnPropertyDescriptor, W = (n) => {
|
|
55
55
|
throw TypeError(n);
|
|
56
|
-
},
|
|
56
|
+
}, k = (n, e, t, a) => {
|
|
57
57
|
for (var i = a > 1 ? void 0 : a ? pe(e, t) : e, r = n.length - 1, o; r >= 0; r--)
|
|
58
58
|
(o = n[r]) && (i = (a ? o(e, t, i) : o(i)) || i);
|
|
59
59
|
return a && i && fe(e, t, i), i;
|
|
@@ -65,7 +65,7 @@ function xe() {
|
|
|
65
65
|
values: []
|
|
66
66
|
};
|
|
67
67
|
}
|
|
68
|
-
let
|
|
68
|
+
let y = class extends oe {
|
|
69
69
|
//--------------------------------------------------------------------------
|
|
70
70
|
//
|
|
71
71
|
// Lifecycle
|
|
@@ -178,42 +178,42 @@ let w = class extends oe {
|
|
|
178
178
|
}
|
|
179
179
|
};
|
|
180
180
|
F = /* @__PURE__ */ new WeakMap();
|
|
181
|
-
|
|
181
|
+
k([
|
|
182
182
|
I()
|
|
183
|
-
],
|
|
184
|
-
|
|
183
|
+
], y.prototype, "_entries", 2);
|
|
184
|
+
k([
|
|
185
185
|
I({ readOnly: !0 })
|
|
186
|
-
],
|
|
187
|
-
|
|
186
|
+
], y.prototype, "entries", 1);
|
|
187
|
+
k([
|
|
188
188
|
I()
|
|
189
|
-
],
|
|
190
|
-
|
|
189
|
+
], y.prototype, "max", 1);
|
|
190
|
+
k([
|
|
191
191
|
I()
|
|
192
|
-
],
|
|
193
|
-
|
|
192
|
+
], y.prototype, "min", 1);
|
|
193
|
+
k([
|
|
194
194
|
I({ cast: (n) => T(n, 0, 20) })
|
|
195
|
-
],
|
|
196
|
-
|
|
195
|
+
], y.prototype, "precision", 2);
|
|
196
|
+
k([
|
|
197
197
|
I({ readOnly: !0 })
|
|
198
|
-
],
|
|
199
|
-
|
|
198
|
+
], y.prototype, "ready", 2);
|
|
199
|
+
k([
|
|
200
200
|
I()
|
|
201
|
-
],
|
|
202
|
-
|
|
201
|
+
], y.prototype, "values", 1);
|
|
202
|
+
y = k([
|
|
203
203
|
ce("esri.widgets.Slider.SliderData")
|
|
204
|
-
],
|
|
204
|
+
], y);
|
|
205
205
|
function T(n, e, t) {
|
|
206
206
|
return Math.min(Math.max(n, e), t);
|
|
207
207
|
}
|
|
208
208
|
function x(n, e) {
|
|
209
209
|
return Number.parseFloat(n.toFixed(e));
|
|
210
210
|
}
|
|
211
|
-
class
|
|
211
|
+
class we {
|
|
212
212
|
constructor(e) {
|
|
213
213
|
this.steps = e, this.minIndex = 0, this.maxIndex = this.steps.length - 1;
|
|
214
214
|
}
|
|
215
215
|
indexToValue(e) {
|
|
216
|
-
return this.steps[
|
|
216
|
+
return this.steps[D(e, this.minIndex, this.maxIndex)];
|
|
217
217
|
}
|
|
218
218
|
valueToIndex(e) {
|
|
219
219
|
const t = this.steps.indexOf(e);
|
|
@@ -239,20 +239,20 @@ class ye {
|
|
|
239
239
|
return a;
|
|
240
240
|
}
|
|
241
241
|
}
|
|
242
|
-
class
|
|
242
|
+
class ye {
|
|
243
243
|
constructor(e, t, a) {
|
|
244
244
|
this.min = e, this.max = t, this.stepSize = a, this.minIndex = 0, this.maxIndex = Math.round((this.max - this.min) / this.stepSize);
|
|
245
245
|
}
|
|
246
246
|
indexToValue(e) {
|
|
247
|
-
return this.min +
|
|
247
|
+
return this.min + D(e, this.minIndex, this.maxIndex) * this.stepSize;
|
|
248
248
|
}
|
|
249
249
|
valueToIndex(e) {
|
|
250
|
-
return e =
|
|
250
|
+
return e = D(e, this.min, this.max), Math.round((e - this.min) / this.stepSize);
|
|
251
251
|
}
|
|
252
252
|
getClosestStepDistances(e, t) {
|
|
253
253
|
if (t <= 0)
|
|
254
254
|
return [];
|
|
255
|
-
const a = [], i = this.minIndex, r = this.maxIndex, s = (
|
|
255
|
+
const a = [], i = this.minIndex, r = this.maxIndex, s = (D(e, this.min, this.max) - this.min) / this.stepSize;
|
|
256
256
|
let l = Math.floor(s), c = l + 1;
|
|
257
257
|
for (; a.length < t && (l >= i || c <= r); ) {
|
|
258
258
|
if (l < i) {
|
|
@@ -271,13 +271,13 @@ class we {
|
|
|
271
271
|
return a;
|
|
272
272
|
}
|
|
273
273
|
}
|
|
274
|
-
function
|
|
274
|
+
function De(n) {
|
|
275
275
|
if (n.steps == null)
|
|
276
276
|
return null;
|
|
277
277
|
const e = n.steps;
|
|
278
|
-
return Array.isArray(e) ? e.length === 0 ? null : new
|
|
278
|
+
return Array.isArray(e) ? e.length === 0 ? null : new we(e) : e <= 0 ? null : new ye(n.min, n.max, e);
|
|
279
279
|
}
|
|
280
|
-
function
|
|
280
|
+
function ke(n, e, t) {
|
|
281
281
|
if (n == null) {
|
|
282
282
|
const s = /* @__PURE__ */ new Map();
|
|
283
283
|
for (const [l, c] of e.entries())
|
|
@@ -303,7 +303,7 @@ function X(n, e, t, a, i) {
|
|
|
303
303
|
if (!i)
|
|
304
304
|
for (const [u, v] of e.entries())
|
|
305
305
|
u !== t && c.add(n.valueToIndex(v));
|
|
306
|
-
const d =
|
|
306
|
+
const d = D(n.valueToIndex(o), s, l);
|
|
307
307
|
if (!c.has(d))
|
|
308
308
|
return n.indexToValue(d);
|
|
309
309
|
let h = null, g = 1 / 0;
|
|
@@ -365,21 +365,21 @@ function Ve(n, e, t) {
|
|
|
365
365
|
function H(n, e, t, a) {
|
|
366
366
|
const { allowValuesOverlap: i, stepsProvider: r, resolution: o, min: s, max: l } = n, c = e.get(t);
|
|
367
367
|
if (a = a > 0 ? 1 : -1, !r) {
|
|
368
|
-
let m =
|
|
368
|
+
let m = D(c + a * o, s, l);
|
|
369
369
|
if (i)
|
|
370
370
|
return m;
|
|
371
371
|
const b = /* @__PURE__ */ new Set();
|
|
372
372
|
for (const [C, M] of e)
|
|
373
373
|
C !== t && b.add(M);
|
|
374
374
|
for (; b.has(m) && m <= l && m >= s; )
|
|
375
|
-
m =
|
|
375
|
+
m = D(m + a * o, s, l);
|
|
376
376
|
return b.has(m) || m > l || m < s ? c : m;
|
|
377
377
|
}
|
|
378
378
|
const d = r.valueToIndex(c);
|
|
379
379
|
if (d === -1)
|
|
380
380
|
return c;
|
|
381
381
|
if (i) {
|
|
382
|
-
const m =
|
|
382
|
+
const m = D(d + a, r.minIndex, r.maxIndex);
|
|
383
383
|
return r.indexToValue(m);
|
|
384
384
|
}
|
|
385
385
|
const h = /* @__PURE__ */ new Set();
|
|
@@ -467,10 +467,10 @@ function Y(n, e) {
|
|
|
467
467
|
function Me(n, e) {
|
|
468
468
|
return e - n;
|
|
469
469
|
}
|
|
470
|
-
function
|
|
470
|
+
function D(n, e, t) {
|
|
471
471
|
return Math.max(e, Math.min(t, n));
|
|
472
472
|
}
|
|
473
|
-
const $e = te(
|
|
473
|
+
const $e = te(y);
|
|
474
474
|
class Pe extends ee {
|
|
475
475
|
constructor() {
|
|
476
476
|
super(...arguments), this._stepsProvider = null, this._popoverElement = B(), this._trackElement = B(), this.messages = se({}), this._onPointerMoveDragUpdate = (e) => {
|
|
@@ -547,7 +547,7 @@ class Pe extends ee {
|
|
|
547
547
|
this._sliderData.startup();
|
|
548
548
|
}
|
|
549
549
|
willUpdate(e) {
|
|
550
|
-
if ((e.has("steps") || e.has("min") || e.has("max")) && (this._stepsProvider =
|
|
550
|
+
if ((e.has("steps") || e.has("min") || e.has("max")) && (this._stepsProvider = De(this)), e.has("messages") || e.has("min") || e.has("max") || e.has("precision") || e.has("labelFormatter")) {
|
|
551
551
|
const t = this.max != null && this.min != null && this.max - this.min > 10 ? 2 : this.precision;
|
|
552
552
|
this._numberFormatOptions = { maximumFractionDigits: t }, this._minFormatter = this._createFormatter("min", this._numberFormatOptions), this._maxFormatter = this._createFormatter("max", this._numberFormatOptions), this._valueFormatter = this._createFormatter("value", this._numberFormatOptions);
|
|
553
553
|
}
|
|
@@ -667,7 +667,7 @@ class Pe extends ee {
|
|
|
667
667
|
let s = (e - a) * this._fullRange;
|
|
668
668
|
if (t === "range") {
|
|
669
669
|
s = Math.min(o, Math.max(r, s));
|
|
670
|
-
const l =
|
|
670
|
+
const l = ke(this._stepsProvider, i, s);
|
|
671
671
|
this._setValues(l);
|
|
672
672
|
} else {
|
|
673
673
|
const l = X(this._stepsProvider, i, t, s, this.allowValuesOverlap);
|
|
@@ -793,7 +793,7 @@ class Pe extends ee {
|
|
|
793
793
|
this._activePart !== e && (this._activePart = e, this.arcgisActiveValueChange.emit());
|
|
794
794
|
}
|
|
795
795
|
render() {
|
|
796
|
-
return
|
|
796
|
+
return w`<div class=${P({
|
|
797
797
|
content: !0,
|
|
798
798
|
disabled: this._disabledOrInvalid
|
|
799
799
|
})} @pointerdown=${this._onPointerDown}>${this._renderContentStart()}${this._renderContentEnd()}${this._renderRangeLabel("min")}${this._renderTrackRange()}${this._renderRangeLabel("max")}${this._renderPopover()}</div>`;
|
|
@@ -801,25 +801,25 @@ class Pe extends ee {
|
|
|
801
801
|
_renderPopover() {
|
|
802
802
|
const { _activePart: e, layout: t, popoverPlacement: a, valueLabelsPlacement: i, valueLabelsDisplay: r, popoverLabel: o } = this, s = e ? ze(e) ? e : "track-range" : "", l = this._hasPopoverContent && !!s, c = t === "horizontal" ? a === "start" ? "top" : "bottom" : a === "start" ? "left" : "right";
|
|
803
803
|
let d = 14;
|
|
804
|
-
return r !== "hidden" && a === i && (d += 24),
|
|
804
|
+
return r !== "hidden" && a === i && (d += 24), w`<calcite-popover focus-trap-disabled .label=${o} .open=${l} .offsetDistance=${d} .placement=${c} .referenceElement=${s} scale=s trigger-disabled ${O(this._popoverElement)}><slot name=popover @slotchange=${this._popoverSlotChange}></slot></calcite-popover>`;
|
|
805
805
|
}
|
|
806
806
|
_renderContentStart() {
|
|
807
|
-
return
|
|
807
|
+
return w`<div class="content-start" .hidden=${!this._hasContentStart}><slot name=content-start @slotchange=${this._onContentStartSlotChange}></slot></div>`;
|
|
808
808
|
}
|
|
809
809
|
_renderContentEnd() {
|
|
810
|
-
return
|
|
810
|
+
return w`<div class="content-end" .hidden=${!this._hasContentEnd}><slot name=content-end @slotchange=${this._onContentEndSlotChange}></slot></div>`;
|
|
811
811
|
}
|
|
812
812
|
_renderTrackRange() {
|
|
813
|
-
return
|
|
813
|
+
return w`<div class="track-container">${this._renderTrack()}${this._renderThumbs()}</div>`;
|
|
814
814
|
}
|
|
815
815
|
_renderTrack() {
|
|
816
|
-
return
|
|
816
|
+
return w`<div class="track" ${O(this._trackElement)}>${this._renderTrackBackground()}${this._renderFillSegment()}</div>`;
|
|
817
817
|
}
|
|
818
818
|
_renderTrackBackground() {
|
|
819
819
|
const { max: e, min: t, fillPlacement: a, values: i } = this, r = i.length > 1;
|
|
820
820
|
let o = this._fullMin, s = this._fullMax;
|
|
821
821
|
const l = [];
|
|
822
|
-
return this._invalid ?
|
|
822
|
+
return this._invalid ? w`<div class="segment track-bounds" style=${L({ left: "0%", right: "0%", top: "0%", bottom: "0%" })}></div>` : (o < t && (l.push(this._renderSegment(o, t, [
|
|
823
823
|
this.mirrored ? "track-effective-end" : "track-effective-start",
|
|
824
824
|
!r && a === "start" ? "track-fill" : null
|
|
825
825
|
])), o = t), s > e && (l.push(this._renderSegment(e, s, [
|
|
@@ -865,7 +865,7 @@ class Pe extends ee {
|
|
|
865
865
|
top: `${l[1]}%`,
|
|
866
866
|
bottom: `${l[0]}%`
|
|
867
867
|
}, d = ae("segment", ...a);
|
|
868
|
-
return
|
|
868
|
+
return w`<div id=${i?.id ?? E} class=${P(d)} style=${L(c)} .tabIndex=${i?.onPointerDown ? 0 : -1} @focus=${i?.onFocus} @blur=${i?.onBlur} @pointerdown=${i?.onPointerDown} @keydown=${i?.onKeyDown}></div>`;
|
|
869
869
|
}
|
|
870
870
|
_renderThumbs() {
|
|
871
871
|
const { _sliderData: e } = this, t = Array.from(e.entries).filter(([, a]) => a >= this._fullMin && a <= this._fullMax);
|
|
@@ -873,7 +873,7 @@ class Pe extends ee {
|
|
|
873
873
|
}
|
|
874
874
|
_renderThumb(e, t) {
|
|
875
875
|
const { valueLabelsDisplay: a } = this, i = this._disabledOrInvalid, r = this._activePart === e || this._activePart === "range", o = this._activePart === "range" || this._activePart === e, s = a === "always" || a === "auto" && o, l = this.isHorizontal, c = l ? "horizontal" : "vertical", d = `label-${e}`, h = l ? "center" : this.valueLabelsPlacement === "start" ? "end" : "start";
|
|
876
|
-
return Z(e,
|
|
876
|
+
return Z(e, w`<div id=${e ?? E} .ariaLabel=${this.messages.sliderValue} aria-labelledby=${(a ? d : void 0) ?? E} .ariaOrientation=${c} .ariaValueMin=${this.min} .ariaValueMax=${this.max} .ariaValueNow=${t} .ariaValueText=${this._valueFormatter(t)} class=${P({
|
|
877
877
|
thumb: !0,
|
|
878
878
|
active: r
|
|
879
879
|
})} data-entry=${e ?? E} @pointerdown=${this._onThumbPointerDown} @focus=${this._onThumbFocus} @blur=${this._onThumbBlur} @keydown=${this._onThumbKeyDown} role=slider style=${L({
|
|
@@ -883,7 +883,7 @@ class Pe extends ee {
|
|
|
883
883
|
}
|
|
884
884
|
_renderRangeLabel(e) {
|
|
885
885
|
let t = "center";
|
|
886
|
-
return this.isHorizontal && (t = e === "min" ? "end" : "start", this.rangeLabelsPlacement === "end" && (t = t === "end" ? "start" : "end"), this.mirrored && (t = t === "end" ? "start" : "end")),
|
|
886
|
+
return this.isHorizontal && (t = e === "min" ? "end" : "start", this.rangeLabelsPlacement === "end" && (t = t === "end" ? "start" : "end"), this.mirrored && (t = t === "end" ? "start" : "end")), w`<arcgis-label-input .alignment=${t} class=${P(e)} data-type=${e ?? E} .hidden=${!this.showRangeLabels} .labelFormatter=${this[`_${e}Formatter`]} @arcgisChange=${this._onRangeInputChange} .readOnly=${!this.rangeLabelsEditingEnabled} .value=${this[e]}></arcgis-label-input>`;
|
|
887
887
|
}
|
|
888
888
|
}
|
|
889
889
|
function Se(n) {
|