@ccrpc/webmapgl 0.18.6 → 0.18.8

package/dist/node_modules/@ionic/core/dist/collection/components/picker-internal/picker-internal.ios.css

@@ -0,0 +1,152 @@
+:host {
+  display: flex;
+  position: relative;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 200px;
+  /**
+   * Picker columns should display
+   * in the order in which developers
+   * added them and should ignore
+   * LTR vs RTL directions.
+   */
+  direction: ltr;
+  /**
+   * This is required otherwise the
+   * highlight will appear behind
+   * the picker when used inline.
+   */
+  z-index: 0;
+}
+
+:host .picker-before,
+:host .picker-after {
+  position: absolute;
+  width: 100%;
+  /**
+   * The transform and z-index
+   * are needed for WebKit otherwise
+   * the fade will appear underneath the picker.
+   */
+  transform: translateZ(0);
+  z-index: 1;
+  pointer-events: none;
+}
+
+:host .picker-before {
+  top: 0;
+  height: 83px;
+}
+@supports (inset-inline-start: 0) {
+  :host .picker-before {
+    inset-inline-start: 0;
+  }
+}
+@supports not (inset-inline-start: 0) {
+  :host .picker-before {
+    left: 0;
+  }
+  :host-context([dir=rtl]) .picker-before {
+    left: unset;
+    right: unset;
+    right: 0;
+  }
+  @supports selector(:dir(rtl)) {
+    :host .picker-before:dir(rtl) {
+      left: unset;
+      right: unset;
+      right: 0;
+    }
+  }
+}
+
+:host .picker-after {
+  top: 116px;
+  height: 84px;
+}
+@supports (inset-inline-start: 0) {
+  :host .picker-after {
+    inset-inline-start: 0;
+  }
+}
+@supports not (inset-inline-start: 0) {
+  :host .picker-after {
+    left: 0;
+  }
+  :host-context([dir=rtl]) .picker-after {
+    left: unset;
+    right: unset;
+    right: 0;
+  }
+  @supports selector(:dir(rtl)) {
+    :host .picker-after:dir(rtl) {
+      left: unset;
+      right: unset;
+      right: 0;
+    }
+  }
+}
+
+:host .picker-highlight {
+  border-radius: 8px;
+  left: 0;
+  right: 0;
+  top: 50%;
+  bottom: 0;
+  -webkit-margin-start: auto;
+  margin-inline-start: auto;
+  -webkit-margin-end: auto;
+  margin-inline-end: auto;
+  margin-top: 0;
+  margin-bottom: 0;
+  position: absolute;
+  width: calc(100% - 16px);
+  height: 34px;
+  transform: translateY(-50%);
+  background: var(--wheel-highlight-background);
+  z-index: -1;
+}
+
+:host input {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  clip: rect(0 0 0 0);
+  opacity: 0;
+  overflow: hidden;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+}
+
+:host ::slotted(ion-picker-column-internal:first-of-type) {
+  text-align: start;
+}
+
+:host ::slotted(ion-picker-column-internal:last-of-type) {
+  text-align: end;
+}
+
+:host ::slotted(ion-picker-column-internal:only-child) {
+  text-align: center;
+}
+
+:host .picker-before {
+  background: linear-gradient(to bottom, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 20%, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8) 100%);
+}
+
+:host .picker-after {
+  background: linear-gradient(to top, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 20%, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8) 100%);
+}
+
+:host .picker-highlight {
+  background: var(--wheel-highlight-background, var(--ion-color-step-150, #eeeeef));
+}

package/dist/node_modules/@ionic/core/dist/collection/components/picker-internal/picker-internal.md.css

@@ -0,0 +1,148 @@
+:host {
+  display: flex;
+  position: relative;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 200px;
+  /**
+   * Picker columns should display
+   * in the order in which developers
+   * added them and should ignore
+   * LTR vs RTL directions.
+   */
+  direction: ltr;
+  /**
+   * This is required otherwise the
+   * highlight will appear behind
+   * the picker when used inline.
+   */
+  z-index: 0;
+}
+
+:host .picker-before,
+:host .picker-after {
+  position: absolute;
+  width: 100%;
+  /**
+   * The transform and z-index
+   * are needed for WebKit otherwise
+   * the fade will appear underneath the picker.
+   */
+  transform: translateZ(0);
+  z-index: 1;
+  pointer-events: none;
+}
+
+:host .picker-before {
+  top: 0;
+  height: 83px;
+}
+@supports (inset-inline-start: 0) {
+  :host .picker-before {
+    inset-inline-start: 0;
+  }
+}
+@supports not (inset-inline-start: 0) {
+  :host .picker-before {
+    left: 0;
+  }
+  :host-context([dir=rtl]) .picker-before {
+    left: unset;
+    right: unset;
+    right: 0;
+  }
+  @supports selector(:dir(rtl)) {
+    :host .picker-before:dir(rtl) {
+      left: unset;
+      right: unset;
+      right: 0;
+    }
+  }
+}
+
+:host .picker-after {
+  top: 116px;
+  height: 84px;
+}
+@supports (inset-inline-start: 0) {
+  :host .picker-after {
+    inset-inline-start: 0;
+  }
+}
+@supports not (inset-inline-start: 0) {
+  :host .picker-after {
+    left: 0;
+  }
+  :host-context([dir=rtl]) .picker-after {
+    left: unset;
+    right: unset;
+    right: 0;
+  }
+  @supports selector(:dir(rtl)) {
+    :host .picker-after:dir(rtl) {
+      left: unset;
+      right: unset;
+      right: 0;
+    }
+  }
+}
+
+:host .picker-highlight {
+  border-radius: 8px;
+  left: 0;
+  right: 0;
+  top: 50%;
+  bottom: 0;
+  -webkit-margin-start: auto;
+  margin-inline-start: auto;
+  -webkit-margin-end: auto;
+  margin-inline-end: auto;
+  margin-top: 0;
+  margin-bottom: 0;
+  position: absolute;
+  width: calc(100% - 16px);
+  height: 34px;
+  transform: translateY(-50%);
+  background: var(--wheel-highlight-background);
+  z-index: -1;
+}
+
+:host input {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  clip: rect(0 0 0 0);
+  opacity: 0;
+  overflow: hidden;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+}
+
+:host ::slotted(ion-picker-column-internal:first-of-type) {
+  text-align: start;
+}
+
+:host ::slotted(ion-picker-column-internal:last-of-type) {
+  text-align: end;
+}
+
+:host ::slotted(ion-picker-column-internal:only-child) {
+  text-align: center;
+}
+
+:host .picker-before {
+  background: linear-gradient(to bottom, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 20%, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0) 90%);
+}
+
+:host .picker-after {
+  background: linear-gradient(to top, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 30%, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0) 90%);
+}

package/dist/node_modules/@ionic/core/dist/collection/components/popover/popover.ios.css

@@ -0,0 +1,250 @@
+:host {
+  /**
+   * @prop --background: Background of the popover
+   * @prop --box-shadow: Box shadow of the popover
+   *
+   * @prop --min-width: Minimum width of the popover
+   * @prop --width: Width of the popover
+   * @prop --max-width: Maximum width of the popover
+   *
+   * @prop --min-height: Minimum height of the popover
+   * @prop --height: Height of the popover
+   * @prop --max-height: Maximum height of the popover
+   *
+   * @prop --backdrop-opacity: Opacity of the backdrop
+   *
+   * @prop --offset-x: The amount to move the popover by on the x-axis
+   * @prop --offset-y: The amount to move the popover by on the y-axis
+   */
+  --background: var(--ion-background-color, #fff);
+  --min-width: 0;
+  --min-height: 0;
+  --max-width: auto;
+  --height: auto;
+  --offset-x: 0px;
+  --offset-y: 0px;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  display: flex;
+  position: fixed;
+  align-items: center;
+  justify-content: center;
+  outline: none;
+  color: var(--ion-text-color, #000);
+  z-index: 1001;
+}
+
+/**
+ * With nested popovers, only the popover that
+ * was first presented has a popover. This is the
+ * parent popover and allows us to easily
+ * track all nested popovers from a single backdrop.
+ * As a result, nested popovers do not have backdrops
+ * and their container should not be clickable.
+ * This ensures that users can click the parent backdrop
+ * while still interacting with the nested popover inner
+ * content.
+ */
+:host(.popover-nested) {
+  pointer-events: none;
+}
+
+:host(.popover-nested) .popover-wrapper {
+  pointer-events: auto;
+}
+
+:host(.overlay-hidden) {
+  display: none;
+}
+
+.popover-wrapper {
+  z-index: 10;
+}
+
+.popover-content {
+  display: flex;
+  position: absolute;
+  flex-direction: column;
+  width: var(--width);
+  min-width: var(--min-width);
+  max-width: var(--max-width);
+  height: var(--height);
+  min-height: var(--min-height);
+  max-height: var(--max-height);
+  background: var(--background);
+  box-shadow: var(--box-shadow);
+  overflow: auto;
+  z-index: 10;
+}
+
+.popover-viewport {
+  --ion-safe-area-top: 0px;
+  --ion-safe-area-right: 0px;
+  --ion-safe-area-bottom: 0px;
+  --ion-safe-area-left: 0px;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+:host(.popover-nested.popover-side-left) {
+  --offset-x: 5px;
+}
+
+:host(.popover-nested.popover-side-right) {
+  --offset-x: -5px;
+}
+
+:host(.popover-nested.popover-side-start) {
+  --offset-x: 5px;
+}
+:host-context([dir=rtl]):host(.popover-nested.popover-side-start), :host-context([dir=rtl]).popover-nested.popover-side-start {
+  --offset-x: -5px;
+}
+
+@supports selector(:dir(rtl)) {
+  :host(.popover-nested.popover-side-start):dir(rtl) {
+    --offset-x: -5px;
+  }
+}
+
+:host(.popover-nested.popover-side-end) {
+  --offset-x: -5px;
+}
+:host-context([dir=rtl]):host(.popover-nested.popover-side-end), :host-context([dir=rtl]).popover-nested.popover-side-end {
+  --offset-x: 5px;
+}
+
+@supports selector(:dir(rtl)) {
+  :host(.popover-nested.popover-side-end):dir(rtl) {
+    --offset-x: 5px;
+  }
+}
+
+:host {
+  --width: 200px;
+  --max-height: 90%;
+  --box-shadow: none;
+  --backdrop-opacity: var(--ion-backdrop-opacity, 0.08);
+}
+
+:host(.popover-desktop) {
+  --box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);
+}
+
+.popover-content {
+  border-radius: 10px;
+}
+
+:host(.popover-desktop) .popover-content {
+  border: 0.5px solid var(--ion-color-step-100, #e6e6e6);
+}
+
+.popover-arrow {
+  display: block;
+  position: absolute;
+  width: 20px;
+  height: 10px;
+  overflow: hidden;
+}
+
+.popover-arrow::after {
+  top: 3px;
+  border-radius: 3px;
+  position: absolute;
+  width: 14px;
+  height: 14px;
+  transform: rotate(45deg);
+  background: var(--background);
+  content: "";
+  z-index: 10;
+}
+@supports (inset-inline-start: 0) {
+  .popover-arrow::after {
+    inset-inline-start: 3px;
+  }
+}
+@supports not (inset-inline-start: 0) {
+  .popover-arrow::after {
+    left: 3px;
+  }
+  :host-context([dir=rtl]) .popover-arrow::after {
+    left: unset;
+    right: unset;
+    right: 3px;
+  }
+  [dir=rtl] .popover-arrow::after {
+    left: unset;
+    right: unset;
+    right: 3px;
+  }
+  @supports selector(:dir(rtl)) {
+    .popover-arrow::after:dir(rtl) {
+      left: unset;
+      right: unset;
+      right: 3px;
+    }
+  }
+}
+
+:host(.popover-bottom) .popover-arrow {
+  top: auto;
+  bottom: -10px;
+}
+
+:host(.popover-bottom) .popover-arrow::after {
+  top: -6px;
+}
+
+:host(.popover-side-left) .popover-arrow {
+  transform: rotate(90deg);
+}
+
+:host(.popover-side-right) .popover-arrow {
+  transform: rotate(-90deg);
+}
+
+:host(.popover-side-top) .popover-arrow {
+  transform: rotate(180deg);
+}
+
+:host(.popover-side-start) .popover-arrow {
+  transform: rotate(90deg);
+}
+:host-context([dir=rtl]):host(.popover-side-start) .popover-arrow, :host-context([dir=rtl]).popover-side-start .popover-arrow {
+  transform: rotate(-90deg);
+}
+
+@supports selector(:dir(rtl)) {
+  :host(.popover-side-start) .popover-arrow:dir(rtl) {
+    transform: rotate(-90deg);
+  }
+}
+
+:host(.popover-side-end) .popover-arrow {
+  transform: rotate(-90deg);
+}
+:host-context([dir=rtl]):host(.popover-side-end) .popover-arrow, :host-context([dir=rtl]).popover-side-end .popover-arrow {
+  transform: rotate(90deg);
+}
+
+@supports selector(:dir(rtl)) {
+  :host(.popover-side-end) .popover-arrow:dir(rtl) {
+    transform: rotate(90deg);
+  }
+}
+
+.popover-arrow,
+.popover-content {
+  opacity: 0;
+}
+
+@supports (backdrop-filter: blur(0)) {
+  :host(.popover-translucent) .popover-content,
+  :host(.popover-translucent) .popover-arrow::after {
+    background: rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8);
+    backdrop-filter: saturate(180%) blur(20px);
+  }
+}

package/dist/node_modules/@ionic/core/dist/collection/components/popover/popover.md.css

@@ -0,0 +1,157 @@
+:host {
+  /**
+   * @prop --background: Background of the popover
+   * @prop --box-shadow: Box shadow of the popover
+   *
+   * @prop --min-width: Minimum width of the popover
+   * @prop --width: Width of the popover
+   * @prop --max-width: Maximum width of the popover
+   *
+   * @prop --min-height: Minimum height of the popover
+   * @prop --height: Height of the popover
+   * @prop --max-height: Maximum height of the popover
+   *
+   * @prop --backdrop-opacity: Opacity of the backdrop
+   *
+   * @prop --offset-x: The amount to move the popover by on the x-axis
+   * @prop --offset-y: The amount to move the popover by on the y-axis
+   */
+  --background: var(--ion-background-color, #fff);
+  --min-width: 0;
+  --min-height: 0;
+  --max-width: auto;
+  --height: auto;
+  --offset-x: 0px;
+  --offset-y: 0px;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  display: flex;
+  position: fixed;
+  align-items: center;
+  justify-content: center;
+  outline: none;
+  color: var(--ion-text-color, #000);
+  z-index: 1001;
+}
+
+/**
+ * With nested popovers, only the popover that
+ * was first presented has a popover. This is the
+ * parent popover and allows us to easily
+ * track all nested popovers from a single backdrop.
+ * As a result, nested popovers do not have backdrops
+ * and their container should not be clickable.
+ * This ensures that users can click the parent backdrop
+ * while still interacting with the nested popover inner
+ * content.
+ */
+:host(.popover-nested) {
+  pointer-events: none;
+}
+
+:host(.popover-nested) .popover-wrapper {
+  pointer-events: auto;
+}
+
+:host(.overlay-hidden) {
+  display: none;
+}
+
+.popover-wrapper {
+  z-index: 10;
+}
+
+.popover-content {
+  display: flex;
+  position: absolute;
+  flex-direction: column;
+  width: var(--width);
+  min-width: var(--min-width);
+  max-width: var(--max-width);
+  height: var(--height);
+  min-height: var(--min-height);
+  max-height: var(--max-height);
+  background: var(--background);
+  box-shadow: var(--box-shadow);
+  overflow: auto;
+  z-index: 10;
+}
+
+.popover-viewport {
+  --ion-safe-area-top: 0px;
+  --ion-safe-area-right: 0px;
+  --ion-safe-area-bottom: 0px;
+  --ion-safe-area-left: 0px;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+:host(.popover-nested.popover-side-left) {
+  --offset-x: 5px;
+}
+
+:host(.popover-nested.popover-side-right) {
+  --offset-x: -5px;
+}
+
+:host(.popover-nested.popover-side-start) {
+  --offset-x: 5px;
+}
+:host-context([dir=rtl]):host(.popover-nested.popover-side-start), :host-context([dir=rtl]).popover-nested.popover-side-start {
+  --offset-x: -5px;
+}
+
+@supports selector(:dir(rtl)) {
+  :host(.popover-nested.popover-side-start):dir(rtl) {
+    --offset-x: -5px;
+  }
+}
+
+:host(.popover-nested.popover-side-end) {
+  --offset-x: -5px;
+}
+:host-context([dir=rtl]):host(.popover-nested.popover-side-end), :host-context([dir=rtl]).popover-nested.popover-side-end {
+  --offset-x: 5px;
+}
+
+@supports selector(:dir(rtl)) {
+  :host(.popover-nested.popover-side-end):dir(rtl) {
+    --offset-x: 5px;
+  }
+}
+
+:host {
+  --width: 250px;
+  --max-height: 90%;
+  --box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+  --backdrop-opacity: var(--ion-backdrop-opacity, 0.32);
+}
+
+.popover-content {
+  border-radius: 4px;
+  transform-origin: left top;
+}
+:host-context([dir=rtl]) .popover-content {
+  transform-origin: right top;
+}
+
+[dir=rtl] .popover-content {
+  transform-origin: right top;
+}
+
+@supports selector(:dir(rtl)) {
+  .popover-content:dir(rtl) {
+    transform-origin: right top;
+  }
+}
+
+.popover-viewport {
+  transition-delay: 100ms;
+}
+
+.popover-wrapper {
+  opacity: 0;
+}