@abgov/web-components 2.2.0-dev.56 → 2.2.0-dev.57

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/index.js +15 -15
  2. package/package.json +1 -1
package/index.js CHANGED
@@ -38169,12 +38169,12 @@ class z7 extends Ne {
38169
38169
  customElements.define("goa-three-column-layout", Le(z7, { leftcolumnwidth: {}, rightcolumnwidth: {}, maxcontentwidth: {} }, ["header", "nav", "default", "sidebar", "side-menu", "footer"], [], !0));
38170
38170
  const { window: T1 } = ho;
38171
38171
  function M7(t) {
38172
- Te(t, "svelte-1n36efl", `:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.tooltip.svelte-1n36efl.svelte-1n36efl{position:relative;display:inline-flex;justify-content:center;align-items:center}.tooltip.svelte-1n36efl.svelte-1n36efl:focus-visible{outline:var(--goa-tooltip-border-focus);outline-offset:-4px;border-radius:8px}.tooltip-text.svelte-1n36efl.svelte-1n36efl{pointer-events:none;font:var(--goa-tooltip-text-size);background-color:var(--goa-tooltip-color-bg);color:var(--goa-tooltip-color-text);text-align:center;border-radius:var(--goa-tooltip-border-radius);position:fixed;z-index:9999;opacity:0;transition:opacity var(--goa-motion-duration-medium-2)
38173
- var(--goa-motion-curve-productive);padding:var(--goa-tooltip-padding);text-align:left;white-space:nowrap;display:flex;flex-direction:column;overflow:visible;border-width:0}.show.tooltip-text.svelte-1n36efl.svelte-1n36efl{opacity:1}.use-manual-positioning.svelte-1n36efl .tooltip-text.svelte-1n36efl{position:fixed;z-index:9999;top:auto;bottom:auto;left:auto;right:auto}.use-anchor-based-positioning.svelte-1n36efl .tooltip-text.svelte-1n36efl{position-anchor:--goa-tooltip-target;margin:0;inset-block-start:anchor(bottom);inset-inline-start:anchor(left)}.tooltip-target.svelte-1n36efl.svelte-1n36efl{margin:var(--goa-tooltip-gap);height:auto;display:flex;cursor:pointer}.use-anchor-based-positioning.svelte-1n36efl .tooltip-target.svelte-1n36efl{anchor-name:--goa-tooltip-target}.use-anchor-based-positioning.svelte-1n36efl .tooltip-text.bottom.svelte-1n36efl{inset-block-start:anchor(bottom);inset-inline-start:anchor(center);translate:-50% var(--goa-space-s)}.use-anchor-based-positioning.svelte-1n36efl .tooltip-text.top.svelte-1n36efl{inset-block-start:anchor(top);inset-inline-start:anchor(center);translate:-50% calc(-100% - var(--goa-space-s))}.use-anchor-based-positioning.svelte-1n36efl .tooltip-text.right.svelte-1n36efl{inset-block-start:anchor(center);inset-inline-start:anchor(right);translate:var(--goa-space-s) -50%}.use-anchor-based-positioning.svelte-1n36efl .tooltip-text.left.svelte-1n36efl{inset-block-start:anchor(center);inset-inline-start:anchor(left);translate:calc(-100% - var(--goa-space-s)) -50%}.use-anchor-based-positioning.svelte-1n36efl .tooltip-text.bottom.align-right.svelte-1n36efl{inset-inline-start:anchor(left);translate:calc(var(--goa-space-m) * -1) var(--goa-space-s)}.use-anchor-based-positioning.svelte-1n36efl .tooltip-text.top.align-right.svelte-1n36efl{inset-inline-start:anchor(left);translate:calc(var(--goa-space-m) * -1) calc(-100% - var(--goa-space-s))}.use-anchor-based-positioning.svelte-1n36efl .tooltip-text.bottom.align-left.svelte-1n36efl{inset-inline-start:anchor(right);translate:calc(-100% + var(--goa-space-m)) var(--goa-space-s)}.use-anchor-based-positioning.svelte-1n36efl .tooltip-text.top.align-left.svelte-1n36efl{inset-inline-start:anchor(right);translate:calc(-100% + var(--goa-space-m)) calc(-100% - var(--goa-space-s))}@position-try --align-right-flipped-bottom{inset-inline-start:anchor(right);translate:calc(-100% + var(--goa-space-m)) var(--goa-space-s)}@position-try --align-right-flipped-top{inset-inline-start:anchor(right);translate:calc(-100% + var(--goa-space-m)) calc(-100% - var(--goa-space-s))}@position-try --align-left-flipped-bottom{inset-inline-start:anchor(left);translate:calc(var(--goa-space-m) * -1) var(--goa-space-s)}@position-try --align-left-flipped-top{inset-inline-start:anchor(left);translate:calc(var(--goa-space-m) * -1) calc(-100% - var(--goa-space-s))}.tooltip-text.bottom.svelte-1n36efl.svelte-1n36efl::before,.tooltip-text.top.svelte-1n36efl.svelte-1n36efl::before,.tooltip-text.left.svelte-1n36efl.svelte-1n36efl::before,.tooltip-text.right.svelte-1n36efl.svelte-1n36efl::before{content:"";position:absolute;border-style:solid}.tooltip-text.bottom.svelte-1n36efl.svelte-1n36efl::before{top:-9px;left:50%;border-width:0 10px 10px 10px;transform:translateX(-50%);border-color:transparent transparent var(--goa-tooltip-color-bg)
38174
- transparent}.tooltip-text.top.svelte-1n36efl.svelte-1n36efl::before{bottom:-9px;left:50%;transform:translateX(-50%);border-width:10px 10px 0 10px;border-color:var(--goa-tooltip-color-bg) transparent transparent
38175
- transparent}.tooltip-text.left.svelte-1n36efl.svelte-1n36efl::before{top:50%;right:-9px;transform:translateY(-50%);border-width:10px 0 10px 10px;border-color:transparent transparent transparent
38176
- var(--goa-tooltip-color-bg)}.tooltip-text.right.svelte-1n36efl.svelte-1n36efl::before{top:50%;left:-9px;transform:translateY(-50%);border-width:10px 10px 10px 0;border-style:solid;border-color:transparent var(--goa-tooltip-color-bg) transparent
38177
- transparent}.tooltip-text.bottom.align-left.svelte-1n36efl.svelte-1n36efl::before,.tooltip-text.top.align-left.svelte-1n36efl.svelte-1n36efl::before{left:calc(100% - (var(--target-width) + var(--goa-space-m)))}.tooltip-text.bottom.align-right.svelte-1n36efl.svelte-1n36efl::before,.tooltip-text.top.align-right.svelte-1n36efl.svelte-1n36efl::before{left:calc(var(--target-width) + var(--goa-space-m))}.use-anchor-based-positioning.svelte-1n36efl .tooltip-text.bottom.align-right.svelte-1n36efl::before,.use-anchor-based-positioning.svelte-1n36efl .tooltip-text.top.align-right.svelte-1n36efl::before{left:calc(var(--target-width) + var(--goa-space-m))}.use-anchor-based-positioning.svelte-1n36efl .tooltip-text.bottom.align-left.svelte-1n36efl::before,.use-anchor-based-positioning.svelte-1n36efl .tooltip-text.top.align-left.svelte-1n36efl::before{left:calc(100% - var(--target-width) - var(--goa-space-m))}`);
38172
+ Te(t, "svelte-znh1jp", `:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.tooltip.svelte-znh1jp.svelte-znh1jp{position:relative;display:inline-flex;justify-content:center;align-items:center}.tooltip-text.svelte-znh1jp.svelte-znh1jp{pointer-events:none;font:var(--goa-tooltip-text-size);background-color:var(--goa-tooltip-color-bg);color:var(--goa-tooltip-color-text);text-align:center;border-radius:var(--goa-tooltip-border-radius);position:fixed;z-index:9999;opacity:0;transition:opacity var(--goa-motion-duration-medium-2)
38173
+ var(--goa-motion-curve-productive);padding:var(--goa-tooltip-padding);text-align:left;white-space:nowrap;display:flex;flex-direction:column;overflow:visible;border-width:0}.show.tooltip-text.svelte-znh1jp.svelte-znh1jp{opacity:1}.use-manual-positioning.svelte-znh1jp .tooltip-text.svelte-znh1jp{position:fixed;z-index:9999;top:auto;bottom:auto;left:auto;right:auto}.use-anchor-based-positioning.svelte-znh1jp .tooltip-text.svelte-znh1jp{position-anchor:--goa-tooltip-target;margin:0;inset-block-start:anchor(bottom);inset-inline-start:anchor(left)}.tooltip-target.svelte-znh1jp.svelte-znh1jp{margin:var(--goa-tooltip-gap);height:auto;display:flex;cursor:pointer}.use-anchor-based-positioning.svelte-znh1jp .tooltip-target.svelte-znh1jp{anchor-name:--goa-tooltip-target}.use-anchor-based-positioning.svelte-znh1jp .tooltip-text.bottom.svelte-znh1jp{inset-block-start:anchor(bottom);inset-inline-start:anchor(center);translate:-50% var(--goa-space-s)}.use-anchor-based-positioning.svelte-znh1jp .tooltip-text.top.svelte-znh1jp{inset-block-start:anchor(top);inset-inline-start:anchor(center);translate:-50% calc(-100% - var(--goa-space-s))}.use-anchor-based-positioning.svelte-znh1jp .tooltip-text.right.svelte-znh1jp{inset-block-start:anchor(center);inset-inline-start:anchor(right);translate:var(--goa-space-s) -50%}.use-anchor-based-positioning.svelte-znh1jp .tooltip-text.left.svelte-znh1jp{inset-block-start:anchor(center);inset-inline-start:anchor(left);translate:calc(-100% - var(--goa-space-s)) -50%}.use-anchor-based-positioning.svelte-znh1jp .tooltip-text.bottom.align-right.svelte-znh1jp{inset-inline-start:anchor(left);translate:calc(var(--goa-space-m) * -1) var(--goa-space-s)}.use-anchor-based-positioning.svelte-znh1jp .tooltip-text.top.align-right.svelte-znh1jp{inset-inline-start:anchor(left);translate:calc(var(--goa-space-m) * -1) calc(-100% - var(--goa-space-s))}.use-anchor-based-positioning.svelte-znh1jp .tooltip-text.bottom.align-left.svelte-znh1jp{inset-inline-start:anchor(right);translate:calc(-100% + var(--goa-space-m)) var(--goa-space-s)}.use-anchor-based-positioning.svelte-znh1jp .tooltip-text.top.align-left.svelte-znh1jp{inset-inline-start:anchor(right);translate:calc(-100% + var(--goa-space-m)) calc(-100% - var(--goa-space-s))}@position-try --align-right-flipped-bottom{inset-inline-start:anchor(right);translate:calc(-100% + var(--goa-space-m)) var(--goa-space-s)}@position-try --align-right-flipped-top{inset-inline-start:anchor(right);translate:calc(-100% + var(--goa-space-m)) calc(-100% - var(--goa-space-s))}@position-try --align-left-flipped-bottom{inset-inline-start:anchor(left);translate:calc(var(--goa-space-m) * -1) var(--goa-space-s)}@position-try --align-left-flipped-top{inset-inline-start:anchor(left);translate:calc(var(--goa-space-m) * -1) calc(-100% - var(--goa-space-s))}.tooltip-text.bottom.svelte-znh1jp.svelte-znh1jp::before,.tooltip-text.top.svelte-znh1jp.svelte-znh1jp::before,.tooltip-text.left.svelte-znh1jp.svelte-znh1jp::before,.tooltip-text.right.svelte-znh1jp.svelte-znh1jp::before{content:"";position:absolute;border-style:solid}.tooltip-text.bottom.svelte-znh1jp.svelte-znh1jp::before{top:-9px;left:50%;border-width:0 10px 10px 10px;transform:translateX(-50%);border-color:transparent transparent var(--goa-tooltip-color-bg)
38174
+ transparent}.tooltip-text.top.svelte-znh1jp.svelte-znh1jp::before{bottom:-9px;left:50%;transform:translateX(-50%);border-width:10px 10px 0 10px;border-color:var(--goa-tooltip-color-bg) transparent transparent
38175
+ transparent}.tooltip-text.left.svelte-znh1jp.svelte-znh1jp::before{top:50%;right:-9px;transform:translateY(-50%);border-width:10px 0 10px 10px;border-color:transparent transparent transparent
38176
+ var(--goa-tooltip-color-bg)}.tooltip-text.right.svelte-znh1jp.svelte-znh1jp::before{top:50%;left:-9px;transform:translateY(-50%);border-width:10px 10px 10px 0;border-style:solid;border-color:transparent var(--goa-tooltip-color-bg) transparent
38177
+ transparent}.tooltip-text.bottom.align-left.svelte-znh1jp.svelte-znh1jp::before,.tooltip-text.top.align-left.svelte-znh1jp.svelte-znh1jp::before{left:calc(100% - (var(--target-width) + var(--goa-space-m)))}.tooltip-text.bottom.align-right.svelte-znh1jp.svelte-znh1jp::before,.tooltip-text.top.align-right.svelte-znh1jp.svelte-znh1jp::before{left:calc(var(--target-width) + var(--goa-space-m))}.use-anchor-based-positioning.svelte-znh1jp .tooltip-text.bottom.align-right.svelte-znh1jp::before,.use-anchor-based-positioning.svelte-znh1jp .tooltip-text.top.align-right.svelte-znh1jp::before{left:calc(var(--target-width) + var(--goa-space-m))}.use-anchor-based-positioning.svelte-znh1jp .tooltip-text.bottom.align-left.svelte-znh1jp::before,.use-anchor-based-positioning.svelte-znh1jp .tooltip-text.top.align-left.svelte-znh1jp::before{left:calc(100% - var(--target-width) - var(--goa-space-m))}`);
38178
38178
  }
38179
38179
  const j7 = (t) => ({}), $a = (t) => ({});
38180
38180
  function L7(t) {
@@ -38279,23 +38279,23 @@ function E7(t) {
38279
38279
  }
38280
38280
  return l = M(t), a = z[l] = _[l](t), {
38281
38281
  c() {
38282
- e = C("div"), o = C("div"), p && p.c(), n = Q(), r = C("span"), a.c(), u(o, "class", "tooltip-target svelte-1n36efl"), u(o, "aria-describedby", i = /*_tooltipInstanceId*/
38282
+ e = C("div"), o = C("div"), p && p.c(), n = Q(), r = C("span"), a.c(), u(o, "class", "tooltip-target svelte-znh1jp"), u(o, "aria-describedby", i = /*_tooltipInstanceId*/
38283
38283
  t[14] + "-tooltip"), u(r, "id", c = /*_tooltipInstanceId*/
38284
38284
  t[14] + "-tooltip"), u(r, "class", d = "tooltip-text " + /*position*/
38285
38285
  t[0] + " align-" + /*_computedAlign*/
38286
- t[11] + " svelte-1n36efl"), u(r, "role", "tooltip"), u(r, "aria-hidden", s = !/*_tooltipVisible*/
38286
+ t[11] + " svelte-znh1jp"), u(r, "role", "tooltip"), u(r, "aria-hidden", s = !/*_tooltipVisible*/
38287
38287
  t[12]), A(
38288
38288
  r,
38289
38289
  "show",
38290
38290
  /*_tooltipVisible*/
38291
38291
  t[12]
38292
- ), u(e, "class", "tooltip svelte-1n36efl"), u(
38292
+ ), u(e, "class", "tooltip svelte-znh1jp"), u(
38293
38293
  e,
38294
38294
  "data-testid",
38295
38295
  /*testid*/
38296
38296
  t[2]
38297
38297
  ), u(e, "aria-describedby", f = /*_tooltipInstanceId*/
38298
- t[14] + "-tooltip"), u(e, "tabindex", "0"), u(e, "style", g = Se(
38298
+ t[14] + "-tooltip"), u(e, "style", g = Se(
38299
38299
  /*mt*/
38300
38300
  t[3],
38301
38301
  /*mr*/
@@ -38334,13 +38334,13 @@ function E7(t) {
38334
38334
  ),
38335
38335
  ie(
38336
38336
  e,
38337
- "focus",
38337
+ "focusin",
38338
38338
  /*handleFocus*/
38339
38339
  t[18]
38340
38340
  ),
38341
38341
  ie(
38342
38342
  e,
38343
- "blur",
38343
+ "focusout",
38344
38344
  /*hideTooltip*/
38345
38345
  t[17]
38346
38346
  )
@@ -38376,7 +38376,7 @@ function E7(t) {
38376
38376
  N[14] + "-tooltip")) && u(r, "id", c), (!v || L[0] & /*position, _computedAlign*/
38377
38377
  2049 && d !== (d = "tooltip-text " + /*position*/
38378
38378
  N[0] + " align-" + /*_computedAlign*/
38379
- N[11] + " svelte-1n36efl")) && u(r, "class", d), (!v || L[0] & /*_tooltipVisible*/
38379
+ N[11] + " svelte-znh1jp")) && u(r, "class", d), (!v || L[0] & /*_tooltipVisible*/
38380
38380
  4096 && s !== (s = !/*_tooltipVisible*/
38381
38381
  N[12])) && u(r, "aria-hidden", s), (!v || L[0] & /*position, _computedAlign, _tooltipVisible*/
38382
38382
  6145) && A(
@@ -38490,8 +38490,8 @@ function S7(t, e, o) {
38490
38490
  }
38491
38491
  function U(re) {
38492
38492
  var Ye;
38493
- const he = re.currentTarget;
38494
- (Ye = he == null ? void 0 : he.matches) != null && Ye.call(he, ":focus-visible") && (clearTimeout(Z), B());
38493
+ const he = re.composedPath()[0];
38494
+ (Ye = he == null ? void 0 : he.matches) != null && Ye.call(he, ":focus-visible") && (he.setAttribute("aria-description", l), clearTimeout(Z), B());
38495
38495
  }
38496
38496
  function J(re, he, Ye, _e) {
38497
38497
  const Re = N || window.innerWidth, Ce = s && s.endsWith("px") ? parseFloat(s) : 400, Qe = Math.min(Re * 0.8, Ce, re.width, Math.max(Ye, _e) - 10), ce = s && s.endsWith("px") || Qe > he.width || Qe > Ye || Qe > _e;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@abgov/web-components",
3
- "version": "2.2.0-dev.56",
3
+ "version": "2.2.0-dev.57",
4
4
  "license": "Apache-2.0",
5
5
  "description": "Government of Alberta - UI Web components",
6
6
  "bugs": {