@esri/solutions-components 0.7.12-alpha → 0.7.13

package/packages/node_modules/@esri/calcite-components/dist/collection/components/slider/slider.css

@@ -0,0 +1,388 @@
+@charset "UTF-8";
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:26 GMT
+ */
+/* mixins & extensions */
+/* helper to properly scale internal durations */
+/**
+* Currently only used in Checkbox.
+*/
+:host([disabled]){
+  cursor: default;
+  -webkit-user-select: none;
+          -moz-user-select: none;
+       user-select: none;
+  opacity: var(--calcite-opacity-disabled);
+}
+
+:host([disabled]) *,
+:host([disabled]) ::slotted(*){
+  pointer-events: none;
+}
+
+.scale--s {
+  --calcite-slider-handle-size: 0.625rem;
+  --calcite-slider-handle-extension-height: 0.4rem;
+  --calcite-slider-container-font-size: var(--calcite-font-size--3);
+}
+.scale--s .handle__label,
+.scale--s .tick__label{
+  line-height: .75rem;
+}
+
+.scale--m {
+  --calcite-slider-handle-size: 0.875rem;
+  --calcite-slider-handle-extension-height: 0.5rem;
+  --calcite-slider-container-font-size: var(--calcite-font-size--2);
+}
+.scale--m .handle__label,
+.scale--m .tick__label{
+  line-height: 1rem;
+}
+
+.scale--l {
+  --calcite-slider-handle-size: 1rem;
+  --calcite-slider-handle-extension-height: 0.65rem;
+  --calcite-slider-container-font-size: var(--calcite-font-size--1);
+}
+.scale--l .handle__label,
+.scale--l .tick__label{
+  line-height: 1rem;
+}
+
+.handle__label,
+.tick__label{
+  font-weight: var(--calcite-font-weight-medium);
+  color: var(--calcite-color-text-2);
+  font-size: var(--calcite-slider-container-font-size);
+}
+
+:host{
+  display: block;
+}
+
+.container{
+  position: relative;
+  display: block;
+  overflow-wrap: normal;
+  word-break: normal;
+  padding-inline: calc(var(--calcite-slider-handle-size) * 0.5);
+  padding-block: calc(var(--calcite-slider-handle-size) * 0.5);
+  margin-block: calc(var(--calcite-slider-handle-size) * 0.5);
+  margin-inline: 0;
+  --calcite-slider-full-handle-height: calc(
+    var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height)
+  );
+  touch-action: none;
+}
+
+:host([disabled]) .track__range,
+:host([disabled]) .tick--active {
+  background-color: var(--calcite-color-text-3);
+}
+:host([disabled]) ::slotted([calcite-hydrated][disabled]),
+:host([disabled]) [calcite-hydrated][disabled] {
+  /* prevent opacity stacking */
+  opacity: 1;
+}
+
+.scale--s .thumb:not(.thumb--precise) {
+  --calcite-slider-thumb-y-offset: -0.375rem;
+}
+
+.scale--m .thumb:not(.thumb--precise) {
+  --calcite-slider-thumb-y-offset: -0.5rem;
+}
+
+.scale--l .thumb:not(.thumb--precise) {
+  --calcite-slider-thumb-y-offset: -0.55rem;
+}
+
+:host([precise]:not([has-histogram])) .container .thumb--value {
+  --calcite-slider-thumb-y-offset: calc(var(--calcite-slider-full-handle-height) * -1);
+}
+
+.thumb-container{
+  position: relative;
+  max-inline-size: 100%;
+}
+
+.thumb {
+  --calcite-slider-thumb-x-offset: calc(var(--calcite-slider-handle-size) * 0.5);
+  position: absolute;
+  margin: 0px;
+  display: flex;
+  cursor: pointer;
+  flex-direction: column;
+  align-items: center;
+  border-style: none;
+  background-color: transparent;
+  padding: 0px;
+  font-family: inherit;
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+  transform: translate(var(--calcite-slider-thumb-x-offset), var(--calcite-slider-thumb-y-offset));
+}
+.thumb .handle__label.static, .thumb .handle__label.transformed{
+  position: absolute;
+  inset-block: 0px;
+  opacity: 0;
+}
+.thumb .handle__label.hyphen::after {
+  content: "—";
+  display: inline-block;
+  inline-size: 1em;
+}
+.thumb .handle__label.hyphen--wrap {
+  display: flex;
+}
+.thumb .handle{
+  box-sizing: border-box;
+  border-radius: 9999px;
+  background-color: var(--calcite-color-foreground-1);
+  outline-color: transparent;
+  block-size: var(--calcite-slider-handle-size);
+  inline-size: var(--calcite-slider-handle-size);
+  box-shadow: 0 0 0 2px var(--calcite-color-text-3) inset;
+  transition: border var(--calcite-internal-animation-timing-medium) ease, background-color var(--calcite-internal-animation-timing-medium) ease, box-shadow var(--calcite-animation-timing) ease;
+}
+.thumb .handle-extension{
+  inline-size: 0.125rem;
+  block-size: var(--calcite-slider-handle-extension-height);
+  background-color: var(--calcite-color-text-3);
+}
+.thumb:hover .handle {
+  box-shadow: 0 0 0 3px var(--calcite-color-brand) inset;
+}
+.thumb:hover .handle-extension{
+  background-color: var(--calcite-color-brand);
+}
+.thumb:focus .handle{
+  outline: 2px solid var(--calcite-color-brand);
+  outline-offset: calc(
+            2px *
+            calc(
+              1 -
+              2 * clamp(
+                0,
+                var(--calcite-offset-invert-focus),
+                1
+              )
+            )
+          );
+}
+.thumb:focus .handle-extension{
+  background-color: var(--calcite-color-brand);
+}
+.thumb.thumb--minValue {
+  transform: translate(calc(var(--calcite-slider-thumb-x-offset) * -1), var(--calcite-slider-thumb-y-offset));
+}
+.thumb.thumb--precise {
+  --calcite-slider-thumb-y-offset: -0.125rem;
+}
+
+:host([label-handles]) .thumb {
+  --calcite-slider-thumb-x-offset: 50%;
+}
+:host([label-handles]):host(:not([has-histogram])) .scale--s .thumb:not(.thumb--precise) {
+  --calcite-slider-thumb-y-offset: -1.4375rem;
+}
+:host([label-handles]):host(:not([has-histogram])) .scale--m .thumb:not(.thumb--precise) {
+  --calcite-slider-thumb-y-offset: -1.875rem;
+}
+:host([label-handles]):host(:not([has-histogram])) .scale--l .thumb:not(.thumb--precise) {
+  --calcite-slider-thumb-y-offset: -2rem;
+}
+
+:host([has-histogram][label-handles]) .handle__label,
+:host([label-handles]:not([has-histogram])) .thumb--minValue.thumb--precise .handle__label {
+  margin-block-start: 0.5em;
+}
+
+:host(:not([has-histogram]):not([precise])) .handle__label,
+:host([label-handles]:not([has-histogram])) .thumb--value .handle__label {
+  margin-block-end: 0.5em;
+}
+
+:host([label-handles][precise]):host(:not([has-histogram])) .scale--s .thumb--value {
+  --calcite-slider-thumb-y-offset: -2.075rem;
+}
+:host([label-handles][precise]):host(:not([has-histogram])) .scale--m .thumb--value {
+  --calcite-slider-thumb-y-offset: -2.75rem;
+}
+:host([label-handles][precise]):host(:not([has-histogram])) .scale--l .thumb--value {
+  --calcite-slider-thumb-y-offset: -3.0625rem;
+}
+
+.thumb:focus .handle,
+.thumb--active .handle{
+  background-color: var(--calcite-color-brand);
+  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
+}
+
+.thumb:hover.thumb--precise:after,
+.thumb:focus.thumb--precise:after,
+.thumb--active.thumb--precise:after{
+  background-color: var(--calcite-color-brand);
+}
+
+.track{
+  position: relative;
+  block-size: 0.125rem;
+  border-radius: 0px;
+  background-color: var(--calcite-color-border-2);
+  transition: all var(--calcite-internal-animation-timing-medium) ease-in;
+}
+
+.track__range{
+  position: absolute;
+  inset-block-start: 0px;
+  block-size: 0.125rem;
+  background-color: var(--calcite-color-brand);
+}
+
+.container--range .track__range:hover {
+  cursor: ew-resize;
+}
+.container--range .track__range:after{
+  position: absolute;
+  inline-size: 100%;
+  content: "";
+  inset-block-start: calc(var(--calcite-slider-full-handle-height) * 0.5 * -1);
+  block-size: calc(var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height));
+}
+
+@media (forced-colors: active) {
+  .thumb {
+    outline-width: 0;
+    outline-offset: 0;
+  }
+  .handle{
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+  .thumb:focus .handle,
+  .thumb .handle-extension,
+  .thumb:hover .handle-extension,
+  .thumb:focus .handle-extension,
+  .thumb:active .handle-extension {
+    background-color: canvasText;
+  }
+  .track {
+    background-color: canvasText;
+  }
+  .track__range {
+    background-color: highlight;
+  }
+}
+.tick{
+  position: absolute;
+  block-size: 0.25rem;
+  inline-size: 0.125rem;
+  border-width: 1px;
+  border-style: solid;
+  background-color: var(--calcite-color-border-input);
+  border-color: var(--calcite-color-foreground-1);
+  inset-block-start: -2px;
+  pointer-events: none;
+  margin-inline-start: calc(-1 * 0.125rem);
+}
+
+.tick--active{
+  background-color: var(--calcite-color-brand);
+}
+
+.tick__label{
+  pointer-events: none;
+  margin-block-start: 0.875rem;
+  display: flex;
+  justify-content: center;
+}
+
+.tick__label--min {
+  transition: opacity var(--calcite-animation-timing);
+}
+
+.tick__label--max {
+  transition: opacity var(--calcite-internal-animation-timing-fast);
+}
+
+:host([has-histogram][label-handles]) .tick__label--min,
+:host([has-histogram][label-handles]) .tick__label--max,
+:host([has-histogram][precise]) .tick__label--min,
+:host([has-histogram][precise]) .tick__label--max{
+  font-weight: var(--calcite-font-weight-normal);
+  color: var(--calcite-color-text-3);
+}
+
+.graph {
+  color: var(--calcite-color-foreground-3);
+  block-size: 48px;
+}
+
+:host([label-ticks][ticks]) .container {
+  padding-block-end: calc(0.875rem + var(--calcite-slider-container-font-size));
+}
+
+:host([has-histogram]):host([precise][label-handles]) .container {
+  padding-block-end: calc(var(--calcite-slider-full-handle-height) + 1em);
+}
+:host([has-histogram]):host([label-handles]:not([precise])) .container {
+  padding-block-end: calc(var(--calcite-slider-handle-size) * 0.5 + 1em);
+}
+:host([has-histogram]):host([precise]:not([label-handles])) .container {
+  padding-block-end: var(--calcite-slider-full-handle-height);
+}
+
+:host(:not([has-histogram])):host([precise]:not([label-handles])) .container {
+  padding-block-start: var(--calcite-slider-full-handle-height);
+}
+:host(:not([has-histogram])):host([precise]:not([label-handles])) .container--range {
+  padding-block-end: var(--calcite-slider-full-handle-height);
+}
+:host(:not([has-histogram])):host([label-handles]:not([precise])) .container {
+  padding-block-start: calc(var(--calcite-slider-full-handle-height) + 4px);
+}
+:host(:not([has-histogram])):host([label-handles][precise]) .container {
+  padding-block-start: calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px);
+}
+:host(:not([has-histogram])):host([label-handles][precise]) .container--range {
+  padding-block-end: calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px);
+}
+
+::slotted(input[slot=hidden-form-input]) {
+  margin: 0 !important;
+  opacity: 0 !important;
+  outline: none !important;
+  padding: 0 !important;
+  position: absolute !important;
+  inset: 0 !important;
+  transform: none !important;
+  -webkit-appearance: none !important;
+  z-index: -1 !important;
+}
+
+:host([hidden]){
+  display: none;
+}
+
+[hidden]{
+  display: none;
+}

package/packages/node_modules/@esri/calcite-components/dist/collection/components/sortable-list/sortable-list.css

@@ -0,0 +1,68 @@
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:26 GMT
+ */
+/* mixins & extensions */
+/* helper to properly scale internal durations */
+/**
+* Currently only used in Checkbox.
+*/
+:host([disabled]) {
+  cursor: default;
+  -webkit-user-select: none;
+          -moz-user-select: none;
+       user-select: none;
+  opacity: var(--calcite-opacity-disabled);
+}
+
+:host([disabled]) *,
+:host([disabled]) ::slotted(*) {
+  pointer-events: none;
+}
+
+:host {
+  display: flex;
+}
+
+:host([disabled]) ::slotted([calcite-hydrated][disabled]),
+:host([disabled]) [calcite-hydrated][disabled] {
+  /* prevent opacity stacking */
+  opacity: 1;
+}
+
+.container {
+  display: flex;
+  flex: 1 1 auto;
+}
+
+.container--vertical {
+  flex-direction: column;
+}
+
+.container--horizontal {
+  flex-direction: row;
+}
+
+:host([hidden]) {
+  display: none;
+}
+
+[hidden] {
+  display: none;
+}

package/packages/node_modules/@esri/calcite-components/dist/collection/components/split-button/split-button.css

@@ -0,0 +1,184 @@
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:26 GMT
+ */
+/* mixins & extensions */
+/* helper to properly scale internal durations */
+/**
+* Currently only used in Checkbox.
+*/
+:host([disabled]) {
+  cursor: default;
+  -webkit-user-select: none;
+          -moz-user-select: none;
+       user-select: none;
+  opacity: var(--calcite-opacity-disabled);
+}
+
+:host([disabled]) *,
+:host([disabled]) ::slotted(*) {
+  pointer-events: none;
+}
+
+:host {
+  display: inline-block;
+}
+
+:host([width=auto]) {
+  inline-size: auto;
+}
+
+:host([width=half]) {
+  inline-size: 50%;
+}
+
+:host([width=full]) {
+  inline-size: 100%;
+}
+
+:host:host([kind=brand]) {
+  --calcite-split-button-background: var(--calcite-color-brand);
+  --calcite-split-button-divider: var(--calcite-color-foreground-1);
+}
+:host:host([kind=danger]) {
+  --calcite-split-button-background: var(--calcite-color-status-danger);
+  --calcite-split-button-divider: var(--calcite-color-foreground-1);
+}
+:host:host([kind=neutral]) {
+  --calcite-split-button-background: var(--calcite-color-foreground-3);
+  --calcite-split-button-divider: var(--calcite-color-text-1);
+}
+:host:host([kind=inverse]) {
+  --calcite-split-button-background: var(--calcite-color-inverse);
+  --calcite-split-button-divider: var(--calcite-color-foreground-1);
+}
+
+:host([appearance=transparent]):host([kind=brand]) {
+  --calcite-split-button-divider: var(--calcite-color-brand);
+  --calcite-split-button-background: transparent;
+}
+:host([appearance=transparent]):host([kind=danger]) {
+  --calcite-split-button-divider: var(--calcite-color-status-danger);
+  --calcite-split-button-background: transparent;
+}
+:host([appearance=transparent]):host([kind=neutral]) {
+  --calcite-split-button-divider: var(--calcite-color-text-1);
+  --calcite-split-button-background: transparent;
+}
+:host([appearance=transparent]):host([kind=inverse]) {
+  --calcite-split-button-divider: var(--calcite-color-foreground-1);
+  --calcite-split-button-background: transparent;
+}
+
+:host([appearance=outline]) {
+  --calcite-split-button-background: transparent;
+}
+
+:host([appearance=outline-fill]) {
+  --calcite-split-button-background: var(--calcite-color-foreground-1);
+}
+
+:host([appearance=outline]):host([kind=brand]),
+:host([appearance=outline-fill]):host([kind=brand]) {
+  --calcite-split-button-divider: var(--calcite-color-brand);
+}
+:host([appearance=outline]):host([kind=danger]),
+:host([appearance=outline-fill]):host([kind=danger]) {
+  --calcite-split-button-divider: var(--calcite-color-status-danger);
+}
+:host([appearance=outline]):host([kind=neutral]),
+:host([appearance=outline-fill]):host([kind=neutral]) {
+  --calcite-split-button-divider: var(--calcite-color-border-1);
+  --calcite-split-button-background: var(--calcite-color-border-1);
+}
+:host([appearance=outline]):host([kind=inverse]),
+:host([appearance=outline-fill]):host([kind=inverse]) {
+  --calcite-split-button-divider: var(--calcite-color-inverse);
+}
+
+.container {
+  display: flex;
+  align-items: stretch;
+}
+.container > calcite-dropdown > calcite-button {
+  block-size: 100%;
+  vertical-align: top;
+}
+
+.divider-container {
+  display: flex;
+  inline-size: 1px;
+  align-items: stretch;
+  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;
+  background-color: var(--calcite-split-button-background);
+}
+
+.divider {
+  margin-block: 0.25rem;
+  display: inline-block;
+  inline-size: 1px;
+  background-color: var(--calcite-split-button-divider);
+}
+
+:host([appearance=outline-fill]) .divider-container,
+:host([appearance=outline]) .divider-container {
+  border-block: 1px solid var(--calcite-split-button-divider);
+}
+:host([appearance=outline-fill]):hover .divider-container,
+:host([appearance=outline]):hover .divider-container {
+  background-color: var(--calcite-split-button-divider);
+}
+
+:host([appearance=outline-fill]:hover) .divider-container,
+:host([appearance=outline]:hover) .divider-container {
+  background-color: var(--calcite-split-button-divider);
+}
+
+:host([appearance=outline-fill]:focus-within):host([kind=brand]),
+:host([appearance=outline]:focus-within):host([kind=brand]) {
+  --calcite-split-button-divider: var(--calcite-color-brand-press);
+}
+:host([appearance=outline-fill]:focus-within):host([kind=danger]),
+:host([appearance=outline]:focus-within):host([kind=danger]) {
+  --calcite-split-button-divider: var(--calcite-color-status-danger-press);
+}
+:host([appearance=outline-fill]:focus-within) .divider-container,
+:host([appearance=outline]:focus-within) .divider-container {
+  background-color: var(--calcite-split-button-divider);
+}
+
+:host([disabled]) .divider-container {
+  opacity: var(--calcite-opacity-disabled);
+}
+:host([disabled]) calcite-dropdown > calcite-button {
+  pointer-events: none;
+}
+:host([disabled]) ::slotted([calcite-hydrated][disabled]),
+:host([disabled]) [calcite-hydrated][disabled] {
+  /* prevent opacity stacking */
+  opacity: 1;
+}
+
+:host([hidden]) {
+  display: none;
+}
+
+[hidden] {
+  display: none;
+}