@esri/solutions-components 0.7.12-alpha → 0.7.12-alpha2

package/packages/node_modules/@esri/instant-apps-components/dist/collection/components/instant-apps-keyboard-shortcuts/instant-apps-keyboard-shortcuts.css

@@ -0,0 +1,33 @@
+:host .instant-apps-keyboard-shortcuts__content {
+  display: flex;
+  flex-direction: column;
+  font-family: var(--calcite-sans-family);
+  font-size: 0.875rem;
+  background-color: var(--calcite-color-background);
+  color: var(--calcite-color-text-1);
+  width: auto;
+  padding: 0.5em;
+  margin-bottom: 0;
+  overflow: auto;
+}
+:host .instant-apps-keyboard-shortcuts__content table {
+  border: none;
+  border-collapse: collapse;
+  width: 100%;
+  margin-bottom: 1em;
+}
+:host .instant-apps-keyboard-shortcuts__content table td, :host .instant-apps-keyboard-shortcuts__content table th {
+  border: solid 1px var(--calcite-color-border-1);
+  padding: 0.5rem 0.75rem 0.5rem 0.75rem;
+  white-space: normal;
+}
+:host .instant-apps-keyboard-shortcuts__content table td:lang(ja), :host .instant-apps-keyboard-shortcuts__content table td:lang(ja-JP), :host .instant-apps-keyboard-shortcuts__content table th:lang(ja-JP), :host .instant-apps-keyboard-shortcuts__content table th:lang(ja) {
+  white-space: nowrap;
+}
+:host .instant-apps-keyboard-shortcuts__content tr:nth-child(even) {
+  background-color: var(--calcite-color-foreground-2);
+}
+:host .instant-apps-keyboard-shortcuts__content tr th {
+  padding: 0.5em 0.7em;
+  font-weight: 400;
+}

package/packages/node_modules/@esri/instant-apps-components/dist/collection/components/instant-apps-landing-page/instant-apps-landing-page.css

@@ -0,0 +1,222 @@
+:host {
+  /**
+  * @prop --instant-apps-landing-page-background-color: Brand color of landing page that affects the background (if a backgound image is not set) and entry button colors
+  * @prop  --instant-apps-landing-page-text-color: Text color of landing page. 
+  * @prop --instant-apps-landing-page-entry-button-color: Brand color of the entry button.
+  * @prop --instant-apps-landing-page-title-text-font-size: Font size of title text.
+  * @prop --instant-apps-landing-page-subtitle-text-font-size: Font size of subtitle text.
+  * @prop --instant-apps-landing-page-description-text-font-size: Font size of description text.
+  * @prop --instant-apps-landing-page-icon-image-scale--s: Icon image width when scale is set to 's'. Default value is 100px.
+  * @prop --instant-apps-landing-page-icon-image-scale--m: Icon image width when scale is set to 'm'. Default value is 250px.
+  * @prop --instant-apps-landing-page-icon-image-scale--l: Icon image width when scale is set to 'l'. Default value is 500px.
+  * @prop --instant-apps-landing-page-entry-button-margin: Option to provide spacing in case a secondary action is added to the landing page.
+  */
+  --instant-apps-landing-page-background-color: var(--calcite-color-brand);
+  --instant-apps-landing-page-text-color: var(--calcite-color-text-inverse);
+  --instant-apps-landing-page-entry-button-color: var(--calcite-color-brand);
+  --instant-apps-landing-page-title-text-font-size: var(--calcite-font-size-6);
+  --instant-apps-landing-page-subtitle-text-font-size: var(--calcite-font-size-3);
+  --instant-apps-landing-page-description-text-font-size: var(--calcite-font-size-0);
+  --instant-apps-landing-page-icon-image-scale--s: 100px;
+  --instant-apps-landing-page-icon-image-scale--m: 250px;
+  --instant-apps-landing-page-icon-image-scale--l: 500px;
+  --instant-apps-landing-page-entry-button-margin: 0;
+}
+:host .instant-apps-landing-page {
+  box-sizing: border-box;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 9000;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  padding: 2.5%;
+  transition: top 0.5s ease-in-out;
+  background-color: var(--instant-apps-landing-page-background-color);
+  color: var(--instant-apps-landing-page-text-color);
+}
+:host .instant-apps-landing-page__title-text {
+  color: var(--instant-apps-landing-page-text-color);
+  font-size: var(--instant-apps-landing-page-title-text-font-size);
+  margin: 0;
+}
+:host .instant-apps-landing-page__subtitle-text {
+  font-weight: var(--calcite-font-weight-medium);
+  font-size: var(--instant-apps-landing-page-subtitle-text-font-size);
+  text-align: center;
+}
+:host .instant-apps-landing-page__description-text {
+  font-size: var(--instant-apps-landing-page-description-text-font-size);
+  width: 50%;
+  min-width: 250px;
+}
+:host .instant-apps-landing-page__title-text, :host .instant-apps-landing-page__subtitle-text {
+  text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
+}
+:host .instant-apps-landing-page__icon-image {
+  margin-bottom: 5px;
+  max-width: 50%;
+}
+:host .instant-apps-landing-page__icon-image-scale--s {
+  width: 100px;
+}
+:host .instant-apps-landing-page__icon-image-scale--m {
+  width: 250px;
+}
+:host .instant-apps-landing-page__icon-image-scale--l {
+  width: 500px;
+}
+:host .instant-apps-landing-page__button-container {
+  display: flex;
+}
+:host .instant-apps-landing-page__button-container .instant-apps-landing-page__entry-button {
+  margin: var(--instant-apps-landing-page-entry-button-margin);
+}
+:host .instant-apps-landing-page__entry-button {
+  --calcite-color-brand: var(--instant-apps-landing-page-entry-button-color);
+  --calcite-color-brand-hover: var(--instant-apps-landing-page-entry-button-color);
+  --calcite-color-brand-press: var(--instant-apps-landing-page-entry-button-color);
+}
+:host .instant-apps-landing-page__remove-transition {
+  transition: none;
+}
+:host .instant-apps-landing-page--closed-no-transition {
+  display: none;
+}
+:host .instant-apps-landing-page--closed {
+  top: -100%;
+}
+:host .instant-apps-landing-page__alignment--top-center {
+  justify-content: flex-start;
+  align-items: center;
+}
+:host .instant-apps-landing-page__alignment--top-center .instant-apps-landing-page__content-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+:host .instant-apps-landing-page__alignment--top-center .instant-apps-landing-page__description-text {
+  text-align: center;
+}
+:host .instant-apps-landing-page__alignment--center {
+  justify-content: center;
+  align-items: center;
+}
+:host .instant-apps-landing-page__alignment--center .instant-apps-landing-page__content-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+:host .instant-apps-landing-page__alignment--center .instant-apps-landing-page__description-text {
+  text-align: center;
+}
+:host .instant-apps-landing-page__alignment--bottom-center {
+  justify-content: flex-end;
+  align-items: center;
+}
+:host .instant-apps-landing-page__alignment--bottom-center .instant-apps-landing-page__content-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+:host .instant-apps-landing-page__alignment--bottom-center .instant-apps-landing-page__description-text {
+  text-align: center;
+}
+:host .instant-apps-landing-page__alignment--top-left {
+  justify-content: flex-start;
+  align-items: flex-start;
+}
+:host .instant-apps-landing-page__alignment--top-left .instant-apps-landing-page__description-text {
+  text-align: left;
+}
+:host .instant-apps-landing-page__alignment--center-left {
+  justify-content: center;
+  align-items: flex-start;
+}
+:host .instant-apps-landing-page__alignment--center-left .instant-apps-landing-page__description-text {
+  text-align: left;
+}
+:host .instant-apps-landing-page__alignment--bottom-left {
+  justify-content: flex-end;
+  align-items: flex-start;
+}
+:host .instant-apps-landing-page__alignment--bottom-left .instant-apps-landing-page__description-text {
+  text-align: left;
+}
+:host .instant-apps-landing-page__alignment--top-right {
+  justify-content: flex-start;
+  align-items: flex-end;
+}
+:host .instant-apps-landing-page__alignment--top-right .instant-apps-landing-page__content-container {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+}
+:host .instant-apps-landing-page__alignment--top-right .instant-apps-landing-page__description-text {
+  text-align: right;
+}
+:host .instant-apps-landing-page__alignment--center-right {
+  justify-content: center;
+  align-items: flex-end;
+}
+:host .instant-apps-landing-page__alignment--center-right .instant-apps-landing-page__content-container {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+}
+:host .instant-apps-landing-page__alignment--center-right .instant-apps-landing-page__description-text {
+  text-align: right;
+}
+:host .instant-apps-landing-page__alignment--bottom-right {
+  justify-content: flex-end;
+  align-items: flex-end;
+}
+:host .instant-apps-landing-page__alignment--bottom-right .instant-apps-landing-page__content-container {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+}
+:host .instant-apps-landing-page__alignment--bottom-right .instant-apps-landing-page__description-text {
+  text-align: right;
+}
+
+@media only screen and (max-width: 768px) {
+  :host .instant-apps-landing-page__icon-image {
+    max-width: 70%;
+    margin-bottom: 20px;
+  }
+  :host .instant-apps-landing-page__description-text {
+    width: 80%;
+  }
+  :host .instant-apps-landing-page__title-text {
+    font-size: var(--calcite-font-size-3);
+  }
+  :host .instant-apps-landing-page__subtitle-text {
+    font-size: var(--calcite-font-size-0);
+  }
+  :host .instant-apps-landing-page__content-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin-top: auto;
+  }
+  :host .instant-apps-landing-page__button-container {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    margin-top: auto;
+  }
+  :host .instant-apps-landing-page__button-container .instant-apps-landing-page__entry-button {
+    width: 100%;
+    margin-right: unset;
+    margin-bottom: 10px;
+  }
+}
+@media only screen and (max-width: 896px) and (orientation: landscape) {
+  :host .instant-apps-landing-page__icon-image {
+    max-width: 25%;
+  }
+}

package/packages/node_modules/@esri/instant-apps-components/dist/collection/components/instant-apps-language-switcher/instant-apps-language-switcher.css

@@ -0,0 +1,13 @@
+:host {
+  display: block;
+  background-color: var(--calcite-color-foreground-1);
+  color: var(--calcite-color-text-1);
+  min-width: 200px;
+}
+:host calcite-dropdown {
+  width: 100%;
+}
+:host calcite-button {
+  --calcite-color-brand: var(--calcite-color-text-3);
+  --calcite-color-brand-hover: var(--calcite-color-text-3);
+}

package/packages/node_modules/@esri/instant-apps-components/dist/collection/components/instant-apps-language-translator/instant-apps-ckeditor-wrapper/instant-apps-ckeditor-wrapper.css

@@ -0,0 +1,3 @@
+:host {
+  display: block;
+}

package/packages/node_modules/@esri/instant-apps-components/dist/collection/components/instant-apps-language-translator/instant-apps-language-translator-item/instant-apps-language-translator-item.css

@@ -0,0 +1,83 @@
+:host {
+  display: block;
+}
+:host .instant-apps-language-translator-item {
+  display: flex;
+}
+:host .instant-apps-language-translator-item__section {
+  padding: 10px;
+  border-bottom: 1px solid var(--calcite-color-border-1);
+  background-color: var(--calcite-color-foreground-2);
+  width: 49%;
+}
+:host .instant-apps-language-translator-item__section .instant-apps-language-translator-item__top-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+:host .instant-apps-language-translator-item__section .instant-apps-language-translator-item__label-container {
+  display: flex;
+  align-items: center;
+}
+:host .instant-apps-language-translator-item__section .instant-apps-language-translator-item__label {
+  display: inline-block;
+  margin-left: 10px;
+  font-size: 14px;
+  font-weight: var(--calcite-font-weight-medium);
+}
+:host .instant-apps-language-translator-item__section calcite-input {
+  margin-top: 10px;
+  margin-left: 55px;
+}
+:host .instant-apps-language-translator-item__section--last-item {
+  border-bottom: none;
+}
+:host .instant-apps-language-translator-item__section--selected {
+  background-color: #f1faff;
+}
+:host .instant-apps-language-translator-item__section:first-child {
+  margin-right: 1%;
+}
+:host .instant-apps-language-translator-item__ui-location-popover-content {
+  display: inline-block;
+  padding: 10px;
+  max-width: 400px;
+}
+:host .instant-apps-language-translator-item__ui-location-items {
+  display: flex;
+}
+:host .instant-apps-language-translator-item__ui-location-item {
+  display: flex;
+  align-items: center;
+  font-weight: var(--calcite-font-weight-medium);
+  font-size: 14px;
+}
+:host .instant-apps-language-translator-item__tip {
+  display: inline-block;
+  font-size: 14px;
+  line-height: 22px;
+}
+:host .instant-apps-language-translator-item__info-icon {
+  color: var(--calcite-color-brand);
+}
+:host .instant-apps-language-translator-item__info-button {
+  border: 0;
+  background-color: transparent;
+  cursor: pointer;
+}
+
+:host(.calcite-mode-dark) .instant-apps-language-translator-item__section--selected {
+  background-color: #f1faff;
+  background-color: var(--calcite-color-brand);
+  color: var(--calcite-color-text-inverse);
+}
+:host(.calcite-mode-dark) .instant-apps-language-translator-item__section--selected calcite-action {
+  --calcite-ui-icon-color: var(--calcite-color-text-inverse);
+}
+:host(.calcite-mode-dark) .instant-apps-language-translator-item__section--selected calcite-icon {
+  color: var(--calcite-color-text-inverse);
+}
+
+:host(.instant-apps-language-translator--last-item) .instant-apps-language-translator-item__section {
+  border-bottom: none;
+}

package/packages/node_modules/@esri/instant-apps-components/dist/collection/components/instant-apps-language-translator/instant-apps-language-translator-search/instant-apps-language-translator-search.css

@@ -0,0 +1,34 @@
+:host {
+  display: block;
+  position: relative;
+}
+:host .instant-apps-language-translator-search__input {
+  width: 235.5px;
+}
+:host .instant-apps-language-translator-search__suggestion-list {
+  position: absolute;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  max-height: 30vh;
+  overflow: auto;
+  border-left: none;
+  background-color: var(--calcite-color-foreground-1);
+  border: 1px solid #c0c0c0;
+  z-index: 702;
+}
+:host .instant-apps-language-translator-search__suggestion-list-item:first-child {
+  border: none;
+}
+:host .instant-apps-language-translator-search__suggestion-list-item {
+  margin-top: 0;
+  padding: 0.8em 1em;
+  border-top: solid 1px rgba(110, 110, 110, 0.3);
+  display: flex;
+  flex-direction: column;
+  cursor: pointer;
+  word-break: break-word;
+}
+:host .instant-apps-language-translator-search__suggestion-list-item:hover {
+  background-color: var(--calcite-color-foreground-2);
+}

package/packages/node_modules/@esri/instant-apps-components/dist/collection/components/instant-apps-language-translator/instant-apps-language-translator.css

@@ -0,0 +1,86 @@
+:host {
+  display: block;
+}
+:host calcite-modal {
+  --calcite-modal-content-padding: 0;
+}
+:host .instant-apps-language-translator__header {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+}
+:host .instant-apps-language-translator__header-text {
+  font-size: 18px;
+}
+:host .instant-apps-language-translator__saving-indicator {
+  display: flex;
+  align-items: center;
+  font-size: 14.5px;
+  color: var(--calcite-color-brand);
+}
+:host .instant-apps-language-translator__writing-icon {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-right: 5px;
+}
+:host .instant-apps-language-translator__close-button {
+  width: 175px;
+}
+:host .instant-apps-language-translator__header-tip {
+  padding: 20px;
+  max-width: 45vw;
+}
+:host .instant-apps-language-translator__top-bar {
+  display: flex;
+  width: 100%;
+  position: sticky;
+  top: 0;
+  background: var(--calcite-color-foreground-1);
+  z-index: 1;
+}
+:host .instant-apps-language-translator__top-bar calcite-label {
+  --calcite-label-margin-bottom: 0;
+  font-weight: var(--calcite-font-weight-medium);
+}
+:host .instant-apps-language-translator__top-bar-section {
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  width: 50%;
+  padding: 0.5%;
+}
+:host .instant-apps-language-translator__user-lang-text {
+  font-weight: var(--calcite-font-weight-medium);
+}
+:host .instant-apps-language-translator__top-bar-section:first-child {
+  display: flex;
+  justify-content: space-between;
+}
+:host .instant-apps-language-translator__top-bar-section:nth-child(2) calcite-select {
+  width: 255px;
+}
+:host .instant-apps-language-translator__collapse-search-container {
+  display: flex;
+  justify-content: space-between;
+}
+:host .instant-apps-language-translator__collapse-search-container calcite-input {
+  width: 300px;
+  margin-left: 30px;
+}
+
+.ck.ck-reset.ck-editor.ck-rounded-corners {
+  margin-top: 10px !important;
+  margin-left: 55px !important;
+}
+
+.ck-editor__editable {
+  height: 70px !important;
+  font-size: 0.875rem !important;
+  line-height: 1.375 !important;
+}
+
+.ck.ck-editor__editable_inline > :first-child,
+.ck.ck-editor__editable_inline > :last-child {
+  --ck-spacing-large: 0.5rem !important;
+}

package/packages/node_modules/@esri/instant-apps-components/dist/collection/components/instant-apps-measurement/instant-apps-measurement-tool/instant-apps-measurement-tool.css

@@ -0,0 +1,6 @@
+:host .esri-measurement, :host .esri-coordinate-conversion {
+  width: 300px;
+}
+:host .instant-apps-measurement-tool__hide {
+  display: none;
+}

package/packages/node_modules/@esri/instant-apps-components/dist/collection/components/instant-apps-measurement/instant-apps-measurement.css

@@ -0,0 +1,6 @@
+:host .sc-instant-apps-measurement {
+  background: var(--calcite-color-foreground-1);
+}
+:host .active-tool {
+  --calcite-color-foreground-1:#c7eaff;
+}

package/packages/node_modules/@esri/instant-apps-components/dist/collection/components/instant-apps-popover/instant-apps-popover.css

@@ -0,0 +1,58 @@
+:host {
+  display: block;
+}
+
+.instant-apps-popover__content {
+  display: flex;
+  flex-direction: column;
+  padding: 0 5% 5% 5%;
+  max-width: 35vw;
+  font-family: var(--calcite-sans-family);
+  font-size: 0.875rem;
+}
+.instant-apps-popover__content .instant-apps-popover__action {
+  align-self: flex-start;
+  --calcite-color-foreground-2: transparent;
+}
+.instant-apps-popover__content span {
+  display: inline-block;
+  font-weight: var(--calcite-font-weight-medium);
+  color: var(--calcite-color-text-1);
+  margin: 0 0 10px 0;
+  font-family: var(--calcite-sans-family);
+}
+.instant-apps-popover__content p {
+  line-height: 19.12px;
+  margin: 0;
+  margin-bottom: 10px;
+  font-family: var(--calcite-sans-family);
+}
+.instant-apps-popover__content .instant-apps-popover__footer {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+}
+.instant-apps-popover__content .instant-apps-popover__footer span {
+  margin-bottom: 0;
+  font-weight: normal;
+  font-size: 0.875rem;
+  font-family: var(--calcite-sans-family);
+}
+.instant-apps-popover__content .instant-apps-popover__footer calcite-button:first-child {
+  --calcite-color-foreground-3: transparent;
+}
+.instant-apps-popover__content .instant-apps-popover__footer calcite-button:last-child {
+  margin-left: 5px;
+}
+.instant-apps-popover__content .instant-apps-popover__img {
+  width: 100%;
+  margin-bottom: 10px;
+}
+
+.instant-apps-popover__content.instant-apps-popover--action-disabled {
+  padding: 5%;
+}
+.instant-apps-popover__content.instant-apps-popover--action-disabled #subtitle {
+  margin: 0 0 10px 0;
+}

package/packages/node_modules/@esri/instant-apps-components/dist/collection/components/instant-apps-popovers/instant-apps-popovers.css

@@ -0,0 +1,3 @@
+:host {
+  display: block;
+}