@oiz/stzh-components 2.5.0-alpha-carousel → 2.5.0-beta

package/dist/components/stzh-olmap.js

@@ -49320,6 +49320,437 @@ _ol_source_Vector_.Event = function(type, opt_feature) {
 };
 _ol_.inherits(_ol_source_Vector_.Event, _ol_events_Event_);
 
+var _ol_geom_flat_interpolate_ = {};
+
+
+/**
+ * @param {Array.<number>} flatCoordinates Flat coordinates.
+ * @param {number} offset Offset.
+ * @param {number} end End.
+ * @param {number} stride Stride.
+ * @param {number} fraction Fraction.
+ * @param {Array.<number>=} opt_dest Destination.
+ * @return {Array.<number>} Destination.
+ */
+_ol_geom_flat_interpolate_.lineString = function(flatCoordinates, offset, end, stride, fraction, opt_dest) {
+  var pointX = NaN;
+  var pointY = NaN;
+  var n = (end - offset) / stride;
+  if (n === 1) {
+    pointX = flatCoordinates[offset];
+    pointY = flatCoordinates[offset + 1];
+  } else if (n == 2) {
+    pointX = (1 - fraction) * flatCoordinates[offset] +
+        fraction * flatCoordinates[offset + stride];
+    pointY = (1 - fraction) * flatCoordinates[offset + 1] +
+        fraction * flatCoordinates[offset + stride + 1];
+  } else if (n !== 0) {
+    var x1 = flatCoordinates[offset];
+    var y1 = flatCoordinates[offset + 1];
+    var length = 0;
+    var cumulativeLengths = [0];
+    var i;
+    for (i = offset + stride; i < end; i += stride) {
+      var x2 = flatCoordinates[i];
+      var y2 = flatCoordinates[i + 1];
+      length += Math.sqrt((x2 - x1) * (x2 - x1) + (y2 - y1) * (y2 - y1));
+      cumulativeLengths.push(length);
+      x1 = x2;
+      y1 = y2;
+    }
+    var target = fraction * length;
+    var index = _ol_array_.binarySearch(cumulativeLengths, target);
+    if (index < 0) {
+      var t = (target - cumulativeLengths[-index - 2]) /
+          (cumulativeLengths[-index - 1] - cumulativeLengths[-index - 2]);
+      var o = offset + (-index - 2) * stride;
+      pointX = _ol_math_.lerp(
+          flatCoordinates[o], flatCoordinates[o + stride], t);
+      pointY = _ol_math_.lerp(
+          flatCoordinates[o + 1], flatCoordinates[o + stride + 1], t);
+    } else {
+      pointX = flatCoordinates[offset + index * stride];
+      pointY = flatCoordinates[offset + index * stride + 1];
+    }
+  }
+  if (opt_dest) {
+    opt_dest[0] = pointX;
+    opt_dest[1] = pointY;
+    return opt_dest;
+  } else {
+    return [pointX, pointY];
+  }
+};
+
+
+/**
+ * @param {Array.<number>} flatCoordinates Flat coordinates.
+ * @param {number} offset Offset.
+ * @param {number} end End.
+ * @param {number} stride Stride.
+ * @param {number} m M.
+ * @param {boolean} extrapolate Extrapolate.
+ * @return {ol.Coordinate} Coordinate.
+ */
+_ol_geom_flat_interpolate_.lineStringCoordinateAtM = function(flatCoordinates, offset, end, stride, m, extrapolate) {
+  if (end == offset) {
+    return null;
+  }
+  var coordinate;
+  if (m < flatCoordinates[offset + stride - 1]) {
+    if (extrapolate) {
+      coordinate = flatCoordinates.slice(offset, offset + stride);
+      coordinate[stride - 1] = m;
+      return coordinate;
+    } else {
+      return null;
+    }
+  } else if (flatCoordinates[end - 1] < m) {
+    if (extrapolate) {
+      coordinate = flatCoordinates.slice(end - stride, end);
+      coordinate[stride - 1] = m;
+      return coordinate;
+    } else {
+      return null;
+    }
+  }
+  // FIXME use O(1) search
+  if (m == flatCoordinates[offset + stride - 1]) {
+    return flatCoordinates.slice(offset, offset + stride);
+  }
+  var lo = offset / stride;
+  var hi = end / stride;
+  while (lo < hi) {
+    var mid = (lo + hi) >> 1;
+    if (m < flatCoordinates[(mid + 1) * stride - 1]) {
+      hi = mid;
+    } else {
+      lo = mid + 1;
+    }
+  }
+  var m0 = flatCoordinates[lo * stride - 1];
+  if (m == m0) {
+    return flatCoordinates.slice((lo - 1) * stride, (lo - 1) * stride + stride);
+  }
+  var m1 = flatCoordinates[(lo + 1) * stride - 1];
+  var t = (m - m0) / (m1 - m0);
+  coordinate = [];
+  var i;
+  for (i = 0; i < stride - 1; ++i) {
+    coordinate.push(_ol_math_.lerp(flatCoordinates[(lo - 1) * stride + i],
+        flatCoordinates[lo * stride + i], t));
+  }
+  coordinate.push(m);
+  return coordinate;
+};
+
+
+/**
+ * @param {Array.<number>} flatCoordinates Flat coordinates.
+ * @param {number} offset Offset.
+ * @param {Array.<number>} ends Ends.
+ * @param {number} stride Stride.
+ * @param {number} m M.
+ * @param {boolean} extrapolate Extrapolate.
+ * @param {boolean} interpolate Interpolate.
+ * @return {ol.Coordinate} Coordinate.
+ */
+_ol_geom_flat_interpolate_.lineStringsCoordinateAtM = function(
+    flatCoordinates, offset, ends, stride, m, extrapolate, interpolate) {
+  if (interpolate) {
+    return _ol_geom_flat_interpolate_.lineStringCoordinateAtM(
+        flatCoordinates, offset, ends[ends.length - 1], stride, m, extrapolate);
+  }
+  var coordinate;
+  if (m < flatCoordinates[stride - 1]) {
+    if (extrapolate) {
+      coordinate = flatCoordinates.slice(0, stride);
+      coordinate[stride - 1] = m;
+      return coordinate;
+    } else {
+      return null;
+    }
+  }
+  if (flatCoordinates[flatCoordinates.length - 1] < m) {
+    if (extrapolate) {
+      coordinate = flatCoordinates.slice(flatCoordinates.length - stride);
+      coordinate[stride - 1] = m;
+      return coordinate;
+    } else {
+      return null;
+    }
+  }
+  var i, ii;
+  for (i = 0, ii = ends.length; i < ii; ++i) {
+    var end = ends[i];
+    if (offset == end) {
+      continue;
+    }
+    if (m < flatCoordinates[offset + stride - 1]) {
+      return null;
+    } else if (m <= flatCoordinates[end - 1]) {
+      return _ol_geom_flat_interpolate_.lineStringCoordinateAtM(
+          flatCoordinates, offset, end, stride, m, false);
+    }
+    offset = end;
+  }
+  return null;
+};
+
+/**
+ * @classdesc
+ * Linestring geometry.
+ *
+ * @constructor
+ * @extends {ol.geom.SimpleGeometry}
+ * @param {Array.<ol.Coordinate>} coordinates Coordinates.
+ * @param {ol.geom.GeometryLayout=} opt_layout Layout.
+ * @api
+ */
+var _ol_geom_LineString_ = function(coordinates, opt_layout) {
+
+  _ol_geom_SimpleGeometry_.call(this);
+
+  /**
+   * @private
+   * @type {ol.Coordinate}
+   */
+  this.flatMidpoint_ = null;
+
+  /**
+   * @private
+   * @type {number}
+   */
+  this.flatMidpointRevision_ = -1;
+
+  /**
+   * @private
+   * @type {number}
+   */
+  this.maxDelta_ = -1;
+
+  /**
+   * @private
+   * @type {number}
+   */
+  this.maxDeltaRevision_ = -1;
+
+  this.setCoordinates(coordinates, opt_layout);
+
+};
+
+_ol_.inherits(_ol_geom_LineString_, _ol_geom_SimpleGeometry_);
+
+
+/**
+ * Append the passed coordinate to the coordinates of the linestring.
+ * @param {ol.Coordinate} coordinate Coordinate.
+ * @api
+ */
+_ol_geom_LineString_.prototype.appendCoordinate = function(coordinate) {
+  if (!this.flatCoordinates) {
+    this.flatCoordinates = coordinate.slice();
+  } else {
+    _ol_array_.extend(this.flatCoordinates, coordinate);
+  }
+  this.changed();
+};
+
+
+/**
+ * Make a complete copy of the geometry.
+ * @return {!ol.geom.LineString} Clone.
+ * @override
+ * @api
+ */
+_ol_geom_LineString_.prototype.clone = function() {
+  var lineString = new _ol_geom_LineString_(null);
+  lineString.setFlatCoordinates(this.layout, this.flatCoordinates.slice());
+  return lineString;
+};
+
+
+/**
+ * @inheritDoc
+ */
+_ol_geom_LineString_.prototype.closestPointXY = function(x, y, closestPoint, minSquaredDistance) {
+  if (minSquaredDistance <
+      _ol_extent_.closestSquaredDistanceXY(this.getExtent(), x, y)) {
+    return minSquaredDistance;
+  }
+  if (this.maxDeltaRevision_ != this.getRevision()) {
+    this.maxDelta_ = Math.sqrt(_ol_geom_flat_closest_.getMaxSquaredDelta(
+        this.flatCoordinates, 0, this.flatCoordinates.length, this.stride, 0));
+    this.maxDeltaRevision_ = this.getRevision();
+  }
+  return _ol_geom_flat_closest_.getClosestPoint(
+      this.flatCoordinates, 0, this.flatCoordinates.length, this.stride,
+      this.maxDelta_, false, x, y, closestPoint, minSquaredDistance);
+};
+
+
+/**
+ * Iterate over each segment, calling the provided callback.
+ * If the callback returns a truthy value the function returns that
+ * value immediately. Otherwise the function returns `false`.
+ *
+ * @param {function(this: S, ol.Coordinate, ol.Coordinate): T} callback Function
+ *     called for each segment.
+ * @param {S=} opt_this The object to be used as the value of 'this'
+ *     within callback.
+ * @return {T|boolean} Value.
+ * @template T,S
+ * @api
+ */
+_ol_geom_LineString_.prototype.forEachSegment = function(callback, opt_this) {
+  return _ol_geom_flat_segments_.forEach(this.flatCoordinates, 0,
+      this.flatCoordinates.length, this.stride, callback, opt_this);
+};
+
+
+/**
+ * Returns the coordinate at `m` using linear interpolation, or `null` if no
+ * such coordinate exists.
+ *
+ * `opt_extrapolate` controls extrapolation beyond the range of Ms in the
+ * MultiLineString. If `opt_extrapolate` is `true` then Ms less than the first
+ * M will return the first coordinate and Ms greater than the last M will
+ * return the last coordinate.
+ *
+ * @param {number} m M.
+ * @param {boolean=} opt_extrapolate Extrapolate. Default is `false`.
+ * @return {ol.Coordinate} Coordinate.
+ * @api
+ */
+_ol_geom_LineString_.prototype.getCoordinateAtM = function(m, opt_extrapolate) {
+  if (this.layout != _ol_geom_GeometryLayout_.XYM &&
+      this.layout != _ol_geom_GeometryLayout_.XYZM) {
+    return null;
+  }
+  var extrapolate = opt_extrapolate !== undefined ? opt_extrapolate : false;
+  return _ol_geom_flat_interpolate_.lineStringCoordinateAtM(this.flatCoordinates, 0,
+      this.flatCoordinates.length, this.stride, m, extrapolate);
+};
+
+
+/**
+ * Return the coordinates of the linestring.
+ * @return {Array.<ol.Coordinate>} Coordinates.
+ * @override
+ * @api
+ */
+_ol_geom_LineString_.prototype.getCoordinates = function() {
+  return _ol_geom_flat_inflate_.coordinates(
+      this.flatCoordinates, 0, this.flatCoordinates.length, this.stride);
+};
+
+
+/**
+ * Return the coordinate at the provided fraction along the linestring.
+ * The `fraction` is a number between 0 and 1, where 0 is the start of the
+ * linestring and 1 is the end.
+ * @param {number} fraction Fraction.
+ * @param {ol.Coordinate=} opt_dest Optional coordinate whose values will
+ *     be modified. If not provided, a new coordinate will be returned.
+ * @return {ol.Coordinate} Coordinate of the interpolated point.
+ * @api
+ */
+_ol_geom_LineString_.prototype.getCoordinateAt = function(fraction, opt_dest) {
+  return _ol_geom_flat_interpolate_.lineString(
+      this.flatCoordinates, 0, this.flatCoordinates.length, this.stride,
+      fraction, opt_dest);
+};
+
+
+/**
+ * Return the length of the linestring on projected plane.
+ * @return {number} Length (on projected plane).
+ * @api
+ */
+_ol_geom_LineString_.prototype.getLength = function() {
+  return _ol_geom_flat_length_.lineString(
+      this.flatCoordinates, 0, this.flatCoordinates.length, this.stride);
+};
+
+
+/**
+ * @return {Array.<number>} Flat midpoint.
+ */
+_ol_geom_LineString_.prototype.getFlatMidpoint = function() {
+  if (this.flatMidpointRevision_ != this.getRevision()) {
+    this.flatMidpoint_ = this.getCoordinateAt(0.5, this.flatMidpoint_);
+    this.flatMidpointRevision_ = this.getRevision();
+  }
+  return this.flatMidpoint_;
+};
+
+
+/**
+ * @inheritDoc
+ */
+_ol_geom_LineString_.prototype.getSimplifiedGeometryInternal = function(squaredTolerance) {
+  var simplifiedFlatCoordinates = [];
+  simplifiedFlatCoordinates.length = _ol_geom_flat_simplify_.douglasPeucker(
+      this.flatCoordinates, 0, this.flatCoordinates.length, this.stride,
+      squaredTolerance, simplifiedFlatCoordinates, 0);
+  var simplifiedLineString = new _ol_geom_LineString_(null);
+  simplifiedLineString.setFlatCoordinates(
+      _ol_geom_GeometryLayout_.XY, simplifiedFlatCoordinates);
+  return simplifiedLineString;
+};
+
+
+/**
+ * @inheritDoc
+ * @api
+ */
+_ol_geom_LineString_.prototype.getType = function() {
+  return _ol_geom_GeometryType_.LINE_STRING;
+};
+
+
+/**
+ * @inheritDoc
+ * @api
+ */
+_ol_geom_LineString_.prototype.intersectsExtent = function(extent) {
+  return _ol_geom_flat_intersectsextent_.lineString(
+      this.flatCoordinates, 0, this.flatCoordinates.length, this.stride,
+      extent);
+};
+
+
+/**
+ * Set the coordinates of the linestring.
+ * @param {Array.<ol.Coordinate>} coordinates Coordinates.
+ * @param {ol.geom.GeometryLayout=} opt_layout Layout.
+ * @override
+ * @api
+ */
+_ol_geom_LineString_.prototype.setCoordinates = function(coordinates, opt_layout) {
+  if (!coordinates) {
+    this.setFlatCoordinates(_ol_geom_GeometryLayout_.XY, null);
+  } else {
+    this.setLayout(opt_layout, coordinates, 1);
+    if (!this.flatCoordinates) {
+      this.flatCoordinates = [];
+    }
+    this.flatCoordinates.length = _ol_geom_flat_deflate_.coordinates(
+        this.flatCoordinates, 0, coordinates, this.stride);
+    this.changed();
+  }
+};
+
+
+/**
+ * @param {ol.geom.GeometryLayout} layout Layout.
+ * @param {Array.<number>} flatCoordinates Flat coordinates.
+ */
+_ol_geom_LineString_.prototype.setFlatCoordinates = function(layout, flatCoordinates) {
+  this.setFlatCoordinatesInternal(layout, flatCoordinates);
+  this.changed();
+};
+
 /**
  * @enum {string}
  */
@@ -50562,7 +50993,15 @@ _ol_style_Icon_.prototype.unlistenImageChange = function(listener, thisArg) {
       listener, thisArg);
 };
 
-const stzhOlmapCss = ":host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}stzh-olmap{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:relative;width:100%;height:18.75rem}stzh-olmap[hidden]{display:none}stzh-olmap *,stzh-olmap *::before,stzh-olmap *::after{-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 800px){stzh-olmap{height:25rem}}.stzh-olmap__map{position:absolute;width:100%;height:100%;top:0;left:0}.stzh-olmap__map--print{margin-top:var(--stzh-space-xxlarge);max-width:100%;height:auto}.stzh-olmap__print-image{display:block;max-width:100%}.stzh-olmap .ol-print,.stzh-olmap .ol-location,.stzh-olmap .ol-zoom-in,.stzh-olmap .ol-zoom-out{font-family:var(--stzh-font-family-light);font-weight:var(--stzh-font-weight-light);font-style:normal;font-size:var(--stzh-font-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing);position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:none;border-radius:0;color:var(--stzh-color-primary, var(--stzh-color-zueriblue));-webkit-transition:all var(--stzh-base-transition-animation-speed) ease;transition:all var(--stzh-base-transition-animation-speed) ease;background-color:var(--stzh-color-white);width:2.5rem;height:2.375rem;cursor:pointer}.stzh-olmap .ol-print stzh-icon,.stzh-olmap .ol-location stzh-icon,.stzh-olmap .ol-zoom-in stzh-icon,.stzh-olmap .ol-zoom-out stzh-icon{--size:var(--stzh-icon-size-small)}.stzh-olmap .ol-print:hover,.stzh-olmap .ol-location:hover,.stzh-olmap .ol-zoom-in:hover,.stzh-olmap .ol-zoom-out:hover{color:var(--stzh-color-white);background:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-olmap .ol-layer,.stzh-olmap .ol-print,.stzh-olmap .ol-location,.stzh-olmap .ol-zoom{position:absolute;right:0.625rem;-webkit-box-shadow:var(--stzh-box-shadow-popover);box-shadow:var(--stzh-box-shadow-popover);border-radius:var(--stzh-form-input-border-radius)}@media screen and (min-width: 800px){.stzh-olmap .ol-layer,.stzh-olmap .ol-print,.stzh-olmap .ol-location,.stzh-olmap .ol-zoom{right:1.25rem}}.stzh-olmap .ol-layer{left:0.625rem;bottom:0.625rem;right:auto;padding:var(--stzh-space-xxxsmall);border:none}@media screen and (min-width: 800px){.stzh-olmap .ol-layer{left:1.25rem;bottom:1.25rem}}.stzh-olmap .ol-layer__thumbnail{width:4.6875rem;height:4.6875rem;display:block}.stzh-olmap .ol-layer__text{font-family:var(--stzh-font-family-light);font-weight:var(--stzh-font-weight-light);font-style:normal;font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height);position:absolute;bottom:0;left:0;right:0;text-align:left;background-color:var(--stzh-color-white);color:var(--stzh-color-primary, var(--stzh-color-zueriblue));padding-left:calc(var(--stzh-space-xxxsmall) + 0.0625rem);padding-right:calc(var(--stzh-space-xxxsmall) + 0.0625rem)}.stzh-olmap .ol-layer:hover .ol-layer__text{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-olmap .ol-location{bottom:calc(3.75rem + 7.125rem + var(--stzh-space-small) * 2)}@media screen and (min-width: 800px){.stzh-olmap .ol-location{bottom:calc(4.375rem + 7.125rem + var(--stzh-space-small) * 2)}}.stzh-olmap .ol-location.active{background:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));color:var(--stzh-color-white)}.stzh-olmap .ol-zoom{bottom:calc(3.75rem + 2.375rem + var(--stzh-space-small));background-color:var(--stzh-color-grey13)}@media screen and (min-width: 800px){.stzh-olmap .ol-zoom{bottom:calc(4.375rem + 2.375rem + var(--stzh-space-small))}}.stzh-olmap .ol-zoom-in{margin-bottom:0.0625rem}.stzh-olmap .ol-print{bottom:3.75rem}@media screen and (min-width: 800px){.stzh-olmap .ol-print{bottom:4.375rem}}.stzh-olmap .ol-rotate,.stzh-olmap .ol-attribution{display:none}.stzh-olmap .ol-scale-line{position:absolute;bottom:0;right:0;padding:var(--stzh-space-xxsmall);background:var(--stzh-color-white);border-top-left-radius:var(--stzh-form-input-border-radius)}.stzh-olmap .ol-scale-line-inner{font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height);border:0.0625rem solid var(--stzh-color-grey55);border-top:0;color:var(--stzh-color-grey55);text-align:center}";
+const Compass = `<svg width="16" height="24" viewBox="0 0 16 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.0011 22.5728L13.2809 12.0132H2.72134L8.0011 22.5728Z" fill="#DEDEDE" stroke="#BFBFBF" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.99976 1.42721L2.71999 11.9867H13.2795L7.99976 1.42721Z" fill="#D0021B"/>
+<path d="M7.99976 1.42721L2.71999 11.9867H13.2795L7.99976 1.42721Z" stroke="#D0021B" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.99976 1.42721L2.71999 11.9867H13.2795L7.99976 1.42721Z" stroke="black" stroke-opacity="0.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`;
+
+const stzhOlmapCss = ":host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}stzh-olmap{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:relative;width:100%;height:18.75rem}stzh-olmap[hidden]{display:none}stzh-olmap *,stzh-olmap *::before,stzh-olmap *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}@media screen and (min-width: 800px){stzh-olmap{height:25rem}}.stzh-olmap{}.stzh-olmap__map{position:absolute;width:100%;height:100%;top:0;left:0}.stzh-olmap__map--print{margin-top:var(--stzh-space-xxlarge);max-width:100%;height:auto}.stzh-olmap__print-image{display:block;max-width:100%}.stzh-olmap .ol-print,.stzh-olmap .ol-location,.stzh-olmap .ol-zoom-in,.stzh-olmap .ol-zoom-out,.stzh-olmap .ol-rotate-reset{font-family:var(--stzh-font-family-light);font-weight:var(--stzh-font-weight-light);font-style:normal;font-size:var(--stzh-font-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing);position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:none;border-radius:0;color:var(--stzh-color-primary, var(--stzh-color-zueriblue));-webkit-transition:all var(--stzh-base-transition-animation-speed) ease;transition:all var(--stzh-base-transition-animation-speed) ease;background-color:var(--stzh-color-white);width:var(--stzh-form-input-small-height);height:var(--stzh-form-input-small-height);cursor:pointer}.stzh-olmap .ol-print stzh-icon,.stzh-olmap .ol-location stzh-icon,.stzh-olmap .ol-zoom-in stzh-icon,.stzh-olmap .ol-zoom-out stzh-icon,.stzh-olmap .ol-rotate-reset stzh-icon{--size:var(--stzh-icon-size-small)}.stzh-olmap .ol-print:hover,.stzh-olmap .ol-location:hover,.stzh-olmap .ol-zoom-in:hover,.stzh-olmap .ol-zoom-out:hover,.stzh-olmap .ol-rotate-reset:hover{color:var(--stzh-color-white);background:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-olmap .ol-layer,.stzh-olmap .ol-print,.stzh-olmap .ol-location,.stzh-olmap .ol-zoom,.stzh-olmap .ol-rotate-reset{position:absolute;right:var(--stzh-space-xsmall);bottom:var(--stzh-space-xsmall);-webkit-box-shadow:var(--stzh-box-shadow-popover);box-shadow:var(--stzh-box-shadow-popover);border-radius:var(--stzh-form-input-border-radius)}@media screen and (min-width: 800px){.stzh-olmap .ol-layer,.stzh-olmap .ol-print,.stzh-olmap .ol-location,.stzh-olmap .ol-zoom,.stzh-olmap .ol-rotate-reset{right:var(--stzh-space-large);bottom:var(--stzh-space-large)}}.stzh-olmap .ol-layer{left:var(--stzh-space-xsmall);right:auto;padding:var(--stzh-space-xxxsmall);border:none;cursor:pointer}@media screen and (min-width: 800px){.stzh-olmap .ol-layer{left:var(--stzh-space-large)}}.stzh-olmap .ol-layer__thumbnail{width:4.75rem;height:4.75rem;display:block}.stzh-olmap .ol-layer__text{font-family:var(--stzh-font-family-light);font-weight:var(--stzh-font-weight-light);font-style:normal;font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height);position:absolute;bottom:0;left:0;right:0;text-align:left;background-color:var(--stzh-color-white);color:var(--stzh-color-primary, var(--stzh-color-zueriblue));padding-left:calc(var(--stzh-space-xxxsmall) + 0.0625rem);padding-right:calc(var(--stzh-space-xxxsmall) + 0.0625rem)}.stzh-olmap .ol-layer:hover .ol-layer__text{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-olmap .ol-location{margin-bottom:calc(var(--stzh-form-input-small-height) * 3 + var(--stzh-space-xsmall) * 2)}.stzh-olmap .ol-location:hover{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));background:var(--stzh-color-white);border-color:var(--stzh-color-white)}.stzh-olmap .ol-location.active{background:var(--stzh-color-primary, var(--stzh-color-zueriblue));border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));color:var(--stzh-color-white)}.stzh-olmap .ol-zoom{margin-bottom:calc(var(--stzh-form-input-small-height) + var(--stzh-space-xsmall));background-color:var(--stzh-color-grey13)}.stzh-olmap .ol-zoom-in{margin-bottom:0.0625rem}.stzh-olmap .ol-rotate-reset{width:var(--stzh-space-xxlarge);height:var(--stzh-space-xxlarge);border-radius:50%;-webkit-box-shadow:none;box-shadow:none;border:0.0625rem solid var(--stzh-color-grey13);margin-right:calc((var(--stzh-form-input-small-height) - var(--stzh-space-xxlarge)) / 2);margin-bottom:calc(var(--stzh-form-input-small-height) * 3 + var(--stzh-space-xsmall) * 2)}.stzh-olmap .ol-rotate-reset span{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-olmap .ol-rotate-reset svg{width:0.99rem;height:1.32188rem}.stzh-olmap .ol-hidden .ol-rotate-reset{opacity:0}.stzh-olmap .ol-compass{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.stzh-olmap .ol-scale-line{position:absolute;bottom:var(--stzh-space-xsmall);margin-left:calc(4.75rem + var(--stzh-space-xxxsmall) + var(--stzh-space-xsmall));left:var(--stzh-space-xsmall)}@media screen and (min-width: 800px){.stzh-olmap .ol-scale-line{bottom:var(--stzh-space-large);left:var(--stzh-space-large)}}.stzh-olmap .ol-scale-line-inner{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);position:relative;color:var(--stzh-color-black);text-align:center;-webkit-filter:drop-shadow(-0.0625rem 0px 0px white) drop-shadow(0.0625rem 0px 0px white) drop-shadow(0px -0.0625rem 0px white) drop-shadow(0px 0.0625rem 0px white);filter:drop-shadow(-0.0625rem 0px 0px white) drop-shadow(0.0625rem 0px 0px white) drop-shadow(0px -0.0625rem 0px white) drop-shadow(0px 0.0625rem 0px white)}.stzh-olmap .ol-scale-line-inner::after{content:\"\";position:absolute;bottom:0;left:0;width:100%;height:0.28125rem;border:0.0625rem solid var(--stzh-color-black);border-top:0}.stzh-olmap .ol-attribution{display:none}.stzh-olmap--has-no-layer-control .ol-scale-line{margin-left:0}.stzh-olmap--has-no-print-control .ol-zoom{margin-bottom:0}.stzh-olmap--has-no-print-control .ol-rotate-reset{margin-bottom:calc(var(--stzh-form-input-small-height) * 2 + var(--stzh-space-xsmall))}.stzh-olmap--has-location-control .ol-rotate-reset{margin-bottom:calc(var(--stzh-form-input-small-height) * 4 + var(--stzh-space-xsmall) * 3)}.stzh-olmap--has-location-control.stzh-olmap--has-no-print-control .ol-location{margin-bottom:calc(var(--stzh-form-input-small-height) * 2 + var(--stzh-space-xsmall))}.stzh-olmap--has-location-control.stzh-olmap--has-no-print-control .ol-rotate-reset{margin-bottom:calc(var(--stzh-form-input-small-height) * 3 + var(--stzh-space-xsmall) * 2)}";
 
 window.proj4 = proj4;
 window.proj4.defs("EPSG:2056", "+proj=somerc +lat_0=46.95240555555556 +lon_0=7.439583333333333 +k_0=1 +x_0=2600000 +y_0=1200000 +ellps=bessel +towgs84=674.374,15.056,405.346,0,0,0,0 +units=m +no_defs");
@@ -50583,6 +51022,7 @@ const StzhOlmap$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1
     this.stzhPostRender = createEvent(this, "stzhPostRender", 7);
     this.stzhMoveStart = createEvent(this, "stzhMoveStart", 7);
     this.stzhMoveEnd = createEvent(this, "stzhMoveEnd", 7);
+    this.geoPositionChanged = false;
     this.handlePostRender = () => {
       this.stzhPostRender.emit({
         component: "stzh-olmap"
@@ -50673,6 +51113,7 @@ const StzhOlmap$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1
     this.locationControl = false;
     this.layer = "streets";
     this.zoom = 7;
+    this.zoomLocation = 7;
     this.center = [2683311, 1247082];
     this.centerMarker = true;
     this.resolutions = [
@@ -50823,10 +51264,17 @@ const StzhOlmap$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1
       // listen to changes in position
       this.geolocation.on("change:position", () => {
         const position = this.geolocation.getPosition();
+        // zuerich location for testing (bprm6280, Ausbildungszentrum Rohwiesen)
+        // const position = [2685067, 1252482];
         this.positionMarkerOl.setGeometry(new _ol_geom_Point_(position));
-        // if position is within map, we center to it
-        if (_ol_extent_.containsExtent(this.layers[this.layer].options.extent, this.positionMarkerOl.getGeometry().getExtent())) {
+        // if position is within map and first time the position is changed, we center to it
+        if (!this.geoPositionChanged
+          && _ol_extent_.containsExtent(this.layers[this.layer].options.extent, this.positionMarkerOl.getGeometry().getExtent())) {
+          this.geoPositionChanged = true;
           this.map.getView().setCenter(position);
+          if (this.zoomLocation) {
+            this.map.getView().setZoom(this.zoomLocation);
+          }
         }
       });
       this.geolocation.on("change:tracking", () => {
@@ -50932,8 +51380,11 @@ const StzhOlmap$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1
     }));
   }
   /** Enable user location tracking */
-  async enableLocationTracking() {
+  async enableLocationTracking(centerOnFirstGeoPositionChange = true) {
     this.setLocationControlState(true);
+    if (centerOnFirstGeoPositionChange) {
+      this.geoPositionChanged = false;
+    }
     if (this.geolocation) {
       this.geolocation.setTracking(true);
     }
@@ -50945,6 +51396,23 @@ const StzhOlmap$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1
       this.geolocation.setTracking(false);
     }
   }
+  /** Get distance between two points in meters */
+  async getDistance(startCoords, endCoords) {
+    const line = new _ol_geom_LineString_([
+      startCoords, endCoords
+    ]);
+    const length = _ol_Sphere_.getLength(line, {
+      projection: this.map.getView().getProjection()
+    });
+    return length;
+  }
+  handleLoad() {
+    if (this.map) {
+      requestAnimationFrame(() => {
+        this.map.updateSize();
+      });
+    }
+  }
   setLocationControlState(active) {
     if (this.positionLayer) {
       this.positionLayer.setVisible(active);
@@ -50960,13 +51428,24 @@ const StzhOlmap$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1
     const zoomOut = document.createElement("stzh-icon");
     zoomOut.ariaLabel = this.localization.zoomOutLabel;
     zoomOut.name = "minus";
+    const rotate = document.createElement('div');
+    rotate.innerHTML = Compass;
+    const rotateText = document.createElement("span");
+    rotateText.innerText = this.localization.rotateLabel;
+    rotate.appendChild(rotateText);
     const map = new _ol_Map_({
       controls: _ol_control_.defaults({
+        // https://openlayers.org/en/v4.6.5/apidoc/olx.control.html#.ZoomOptions
         zoomOptions: {
           zoomInLabel: zoomIn,
           zoomOutLabel: zoomOut,
           zoomInTipLabel: "",
           zoomOutTipLabel: ""
+        },
+        // https://openlayers.org/en/v4.6.5/apidoc/olx.control.html#.RotateOptions
+        rotateOptions: {
+          label: rotate,
+          tipLabel: ""
         }
       }),
       interactions: _ol_interaction_.defaults({
@@ -51064,8 +51543,13 @@ const StzhOlmap$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1
     this.layerWatcher(this.layer);
     this.centerWatcher(this.center);
     this.centerMarkerWatcher(this.centerMarker);
-    this.stzhInitialized.emit({
-      component: "stzh-olmap"
+    requestAnimationFrame(() => {
+      this.map.updateSize();
+      // test orientation on desktop
+      // this.map.getView().setRotation(45);
+      this.stzhInitialized.emit({
+        component: "stzh-olmap"
+      });
     });
   }
   componentShouldUpdate(_newValue, _oldValue, prop) {
@@ -51106,7 +51590,10 @@ const StzhOlmap$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1
   }
   render() {
     const classes = {
-      "stzh-olmap": true
+      "stzh-olmap": true,
+      "stzh-olmap--has-no-layer-control": !this.layerControl,
+      "stzh-olmap--has-no-print-control": !this.printControl,
+      "stzh-olmap--has-location-control": this.locationControl
     };
     return (h(Host, null, h("div", { class: classes }, h("div", { ref: (el) => (this.mapElement = el), class: "stzh-olmap__map" }))));
   }
@@ -51131,6 +51618,7 @@ const StzhOlmap$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1
     "locationControl": [4, "location-control"],
     "layer": [1025],
     "zoom": [2],
+    "zoomLocation": [2, "zoom-location"],
     "center": [16],
     "centerMarker": [4, "center-marker"],
     "resolutions": [16],
@@ -51141,8 +51629,9 @@ const StzhOlmap$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1
     "setIconMarkerActive": [64],
     "setIconMarkerInactive": [64],
     "enableLocationTracking": [64],
-    "disableLocationTracking": [64]
-  }]);
+    "disableLocationTracking": [64],
+    "getDistance": [64]
+  }, [[8, "load", "handleLoad"], [8, "deviceorientation", "handleLoad"], [8, "pageshow", "handleLoad"]]]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;

package/dist/components/stzh-overlay.js

@@ -1,7 +1,8 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { c as createBaseFocusTrapOptions } from './overlay-utils.js';
 import { c as createFocusTrap } from './focus-trap.esm.js';
 
-const stzhOverlayCss = ".sc-stzh-overlay-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-overlay-h{display:none}.sc-stzh-overlay-h *.sc-stzh-overlay,.sc-stzh-overlay-h *.sc-stzh-overlay::before,.sc-stzh-overlay-h *.sc-stzh-overlay::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-overlay-h{--backdrop-opacity:0.8}.stzh-overlay.sc-stzh-overlay{display:none;z-index:var(--stzh-z-index-overlay);position:fixed;top:0;left:0;width:100%;height:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:stretch;justify-content:stretch;-ms-flex-align:stretch;align-items:stretch}.stzh-overlay__backdrop.sc-stzh-overlay{z-index:1;background-color:var(--stzh-color-white);opacity:var(--backdrop-opacity);position:absolute;top:0;left:0;width:100%;height:100%}.stzh-overlay__content.sc-stzh-overlay{z-index:2;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;position:relative;-ms-flex-positive:1;flex-grow:1;overflow:auto}.stzh-overlay__content-inner.sc-stzh-overlay{margin-top:auto;margin-bottom:auto;outline:none}.stzh-overlay--is-open.sc-stzh-overlay{display:-ms-flexbox;display:flex}";
+const stzhOverlayCss = ".sc-stzh-overlay-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-overlay-h{display:none}.sc-stzh-overlay-h *.sc-stzh-overlay,.sc-stzh-overlay-h *.sc-stzh-overlay::before,.sc-stzh-overlay-h *.sc-stzh-overlay::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-overlay-h{--backdrop-opacity:0.8}.stzh-overlay.sc-stzh-overlay{display:none;z-index:var(--stzh-z-index-overlay);position:fixed;top:0;left:0;width:100%;height:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:stretch;justify-content:stretch;-ms-flex-align:stretch;align-items:stretch}.stzh-overlay__backdrop.sc-stzh-overlay{z-index:1;background-color:var(--stzh-color-white);opacity:var(--backdrop-opacity);position:absolute;top:0;left:0;width:100%;height:100%}.stzh-overlay__content.sc-stzh-overlay{z-index:2;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;position:relative;-ms-flex-positive:1;flex-grow:1;overflow:auto}.stzh-overlay__content-inner.sc-stzh-overlay{margin-top:auto;margin-bottom:auto;outline:none}.stzh-overlay--is-open.sc-stzh-overlay{display:-ms-flexbox;display:flex}";
 
 const CLASS_BODY_OPEN = "stzh-overlay-open";
 const StzhOverlay$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
@@ -69,10 +70,7 @@ const StzhOverlay$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.trap.updateContainerElements(this.element);
   }
   componentDidLoad() {
-    this.trap = createFocusTrap(this.element, {
-      fallbackFocus: this.dialogElement,
-      returnFocusOnDeactivate: true
-    });
+    this.trap = createFocusTrap(this.element, Object.assign({ fallbackFocus: this.dialogElement }, createBaseFocusTrapOptions()));
     if (this.open) {
       this.dialogShown();
     }

package/dist/components/stzh-page-skiplinks.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-const stzhPageSkiplinksCss = ".sc-stzh-page-skiplinks-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-page-skiplinks-h{display:none}.sc-stzh-page-skiplinks-h *.sc-stzh-page-skiplinks,.sc-stzh-page-skiplinks-h *.sc-stzh-page-skiplinks::before,.sc-stzh-page-skiplinks-h *.sc-stzh-page-skiplinks::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-page-skiplinks-h{z-index:var(--stzh-z-index-popup);position:absolute;top:var(--stzh-space-medium);right:var(--stzh-grid-gutter-small)}@media screen and (min-width: 800px){.sc-stzh-page-skiplinks-h{right:50%}}@media screen and (min-width: 1260px){.sc-stzh-page-skiplinks-h{top:var(--stzh-space-xlarge);right:60%}}";
+const stzhPageSkiplinksCss = ".sc-stzh-page-skiplinks-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-page-skiplinks-h{display:none}.sc-stzh-page-skiplinks-h *.sc-stzh-page-skiplinks,.sc-stzh-page-skiplinks-h *.sc-stzh-page-skiplinks::before,.sc-stzh-page-skiplinks-h *.sc-stzh-page-skiplinks::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-page-skiplinks-h{z-index:var(--stzh-z-index-popup);position:absolute;top:var(--stzh-space-medium);right:var(--stzh-grid-gutter-small)}@media screen and (min-width: 800px){.sc-stzh-page-skiplinks-h{right:50%}}@media screen and (min-width: 1260px){.sc-stzh-page-skiplinks-h{top:var(--stzh-space-xlarge);right:60%}}";
 
 const StzhPageSkiplinks$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/stzh-pagebottom.js

@@ -4,7 +4,7 @@ import { d as defineCustomElement$4 } from './stzh-icon2.js';
 import { d as defineCustomElement$3 } from './stzh-share2.js';
 import { d as defineCustomElement$2 } from './stzh-tooltip2.js';
 
-const stzhPagebottomCss = ".sc-stzh-pagebottom-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-pagebottom-h{display:none}.sc-stzh-pagebottom-h *.sc-stzh-pagebottom,.sc-stzh-pagebottom-h *.sc-stzh-pagebottom::before,.sc-stzh-pagebottom-h *.sc-stzh-pagebottom::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-pagebottom-h .sc-stzh-pagebottom-s>[slot=logo]{height:2.375rem}.stzh-pagebottom.sc-stzh-pagebottom{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 600px){.stzh-pagebottom.sc-stzh-pagebottom{-ms-flex-direction:row;flex-direction:row}}.stzh-pagebottom__share-title.sc-stzh-pagebottom{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height));margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-pagebottom__share-title.sc-stzh-pagebottom{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}@media screen and (min-width: 600px){.stzh-pagebottom__logo.sc-stzh-pagebottom{margin-left:auto}}.stzh-pagebottom__logo-link.sc-stzh-pagebottom:not(:empty){display:block;margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 600px){.stzh-pagebottom__logo-link.sc-stzh-pagebottom:not(:empty){margin-top:0;margin-left:var(--stzh-space-xlarge)}}.stzh-pagebottom--has-border.sc-stzh-pagebottom{padding-top:var(--stzh-space-xlarge);border-top:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 1024px){.stzh-pagebottom--has-border.sc-stzh-pagebottom{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pagebottom--has-border.sc-stzh-pagebottom{padding-top:var(--stzh-space-xxxlarge)}}";
+const stzhPagebottomCss = ".sc-stzh-pagebottom-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-pagebottom-h{display:none}.sc-stzh-pagebottom-h *.sc-stzh-pagebottom,.sc-stzh-pagebottom-h *.sc-stzh-pagebottom::before,.sc-stzh-pagebottom-h *.sc-stzh-pagebottom::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-pagebottom-h .sc-stzh-pagebottom-s>[slot=logo]{height:2.375rem}.stzh-pagebottom.sc-stzh-pagebottom{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 600px){.stzh-pagebottom.sc-stzh-pagebottom{-ms-flex-direction:row;flex-direction:row}}.stzh-pagebottom__share-title.sc-stzh-pagebottom{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height));margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-pagebottom__share-title.sc-stzh-pagebottom{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}@media screen and (min-width: 600px){.stzh-pagebottom__logo.sc-stzh-pagebottom{margin-left:auto}}.stzh-pagebottom__logo-link.sc-stzh-pagebottom:not(:empty){display:block;margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 600px){.stzh-pagebottom__logo-link.sc-stzh-pagebottom:not(:empty){margin-top:0;margin-left:var(--stzh-space-xlarge)}}.stzh-pagebottom--has-border.sc-stzh-pagebottom{padding-top:var(--stzh-space-xlarge);border-top:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 1024px){.stzh-pagebottom--has-border.sc-stzh-pagebottom{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pagebottom--has-border.sc-stzh-pagebottom{padding-top:var(--stzh-space-xxxlarge)}}";
 
 const StzhPagebottom$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {