@jsekulowicz/ds-components 0.22.0 → 0.23.0

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 (16) hide show
  1. package/custom-elements.json +3 -60
  2. package/dist/atoms/select/select.common-styles.d.ts.map +1 -1
  3. package/dist/atoms/select/select.common-styles.js +17 -15
  4. package/dist/atoms/select/select.common-styles.js.map +1 -1
  5. package/dist/atoms/select/select.d.ts +0 -1
  6. package/dist/atoms/select/select.d.ts.map +1 -1
  7. package/dist/atoms/select/select.js +6 -65
  8. package/dist/atoms/select/select.js.map +1 -1
  9. package/dist/atoms/tooltip/tooltip.d.ts +1 -1
  10. package/dist/atoms/tooltip/tooltip.d.ts.map +1 -1
  11. package/dist/atoms/tooltip/tooltip.js +1 -40
  12. package/dist/atoms/tooltip/tooltip.js.map +1 -1
  13. package/dist/atoms/tooltip/tooltip.styles.d.ts.map +1 -1
  14. package/dist/atoms/tooltip/tooltip.styles.js +39 -2
  15. package/dist/atoms/tooltip/tooltip.styles.js.map +1 -1
  16. package/package.json +1 -1
package/custom-elements.json CHANGED
@@ -6458,7 +6458,7 @@
6458
6458
  {
6459
6459
  "kind": "variable",
6460
6460
  "name": "selectCommonStyles",
6461
- "default": "css` :host { --ds-select-size: var(--ds-size-md); display: inline-flex; flex-direction: column; gap: var(--ds-space-1); width: 100%; } :host([size='sm']) { --ds-select-size: var(--ds-size-sm); } :host([size='lg']) { --ds-select-size: var(--ds-size-lg); } :host([size='sm']) .trigger { font-size: var(--ds-font-size-xs); } :host([size='lg']) .trigger { font-size: var(--ds-font-size-md); } .control-wrap { position: relative; width: 100%; } .trigger { display: flex; align-items: center; gap: var(--ds-space-2); width: 100%; height: var(--ds-select-size); padding: 0 var(--ds-space-3); background: var(--ds-color-bg); border: 1px solid var(--ds-color-border-strong); border-radius: var(--ds-radius-sm); transition: border-color var(--ds-duration-fast) var(--ds-easing-standard), box-shadow var(--ds-duration-fast) var(--ds-easing-standard); } .trigger:hover { border-color: var(--ds-color-fg-subtle); } :host([invalid]) .trigger { border-color: var(--ds-color-danger); background: var(--ds-color-danger-subtle); } :host([invalid]) .trigger:is(:focus-visible, :focus-within) { box-shadow: 0 0 0 3px rgba(178, 26, 10, 0.3); } :host([disabled]) .trigger { opacity: 0.5; background: var(--ds-color-bg-subtle); cursor: not-allowed; pointer-events: none; } .trigger-multiple { height: auto; min-height: var(--ds-select-size); padding: 6px var(--ds-space-3); flex-wrap: wrap; align-items: center; gap: var(--ds-space-2); overflow: visible; } .tiles { display: flex; flex-wrap: wrap; gap: var(--ds-space-1); min-width: 0; } .tile { display: inline-flex; align-items: center; gap: var(--ds-space-1); height: 24px; padding: 0 var(--ds-space-1) 0 var(--ds-space-2); background: var(--ds-color-bg-subtle); border: 1px solid var(--ds-color-border); border-radius: var(--ds-radius-xs); color: var(--ds-color-fg); font-size: var(--ds-font-size-xs); white-space: nowrap; } .tile-focused { border-color: var(--ds-color-accent); box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--ds-color-accent) 35%, transparent); } .tile-overflow { padding: 0 var(--ds-space-2); background: var(--ds-color-accent-subtle); border-color: var(--ds-color-accent); color: var(--ds-color-accent); font-weight: var(--ds-font-weight-medium); } .tile-label { max-width: 120px; overflow: hidden; text-overflow: ellipsis; } .tile-remove, .clear-btn { display: inline-flex; align-items: center; justify-content: center; padding: 0; border: none; background: none; color: var(--ds-color-fg-muted); cursor: pointer; border-radius: var(--ds-radius-xs); flex-shrink: 0; } .tile-remove { width: 14px; height: 14px; } .tile-remove:hover { color: var(--ds-color-fg); background: var(--ds-color-border); } .tile-remove svg { width: 10px; height: 10px; } .leading { display: inline-flex; align-items: center; color: var(--ds-color-fg-muted); flex-shrink: 0; } .leading[hidden] { display: none; } .clear-btn { width: 1.2rem; height: 1.2rem; } .clear-btn:hover { color: var(--ds-color-fg); } .clear-btn:focus-visible { box-shadow: var(--ds-shadow-focus); } .clear-btn svg { width: 1rem; height: 1rem; } .caret { width: 1.2rem; height: 1.2rem; color: var(--ds-color-fg-muted); pointer-events: none; flex-shrink: 0; transition: transform var(--ds-duration-fast) var(--ds-easing-standard); } .listbox { /* Default in-flow positioning is the fallback for browsers that don't support the Popover API. When the API is available the listbox is shown via showPopover() and JS sets inline position/top/left/min-width — see DsSelect.#positionListbox. That escapes any overflow:hidden / overflow:auto ancestor (dialogs, scroll containers) by placing the listbox in the browser's top layer. */ position: absolute; inset: calc(100% + var(--ds-space-1)) 0 auto; z-index: 100; max-height: 240px; overflow-y: auto; background: var(--ds-color-bg); border: 1px solid var(--ds-color-border-strong); border-radius: var(--ds-radius-sm); box-shadow: var(--ds-shadow-md); /* Thin, subtle scrollbar with a transparent track (matching the shell's main content) instead of the wide, bright default that painted over the listbox's rounded corners. No scrollbar-gutter: the dropdown shouldn't reserve a permanent track when it doesn't overflow. */ scrollbar-color: var(--ds-color-fg-subtle) transparent; scrollbar-width: thin; } /* Reset the UA defaults that the popover spec applies to shown popovers (inset:0, margin:auto, padding:0.25em). The inline coords from #positionListbox are viewport-relative (from getBoundingClientRect), so the shown listbox must stay position:fixed — the base .listbox rule above sets position:absolute as the no-popover fallback, which would otherwise win over the UA stylesheet's fixed and anchor the menu to the document instead of the viewport (menu jumps off-screen once scrolled). */ .listbox[popover]:popover-open { position: fixed; inset: unset; margin: 0; padding: 0; } `"
6461
+ "default": "css` :host { --ds-select-size: var(--ds-size-md); display: inline-flex; flex-direction: column; gap: var(--ds-space-1); width: 100%; } :host([size='sm']) { --ds-select-size: var(--ds-size-sm); } :host([size='lg']) { --ds-select-size: var(--ds-size-lg); } :host([size='sm']) .trigger { font-size: var(--ds-font-size-xs); } :host([size='lg']) .trigger { font-size: var(--ds-font-size-md); } .control-wrap { position: relative; width: 100%; } .trigger { /* The popover listbox positions itself against this via CSS anchor positioning (scoped to this shadow root, so instances don't clash). */ anchor-name: --ds-select-trigger; display: flex; align-items: center; gap: var(--ds-space-2); width: 100%; height: var(--ds-select-size); padding: 0 var(--ds-space-3); background: var(--ds-color-bg); border: 1px solid var(--ds-color-border-strong); border-radius: var(--ds-radius-sm); transition: border-color var(--ds-duration-fast) var(--ds-easing-standard), box-shadow var(--ds-duration-fast) var(--ds-easing-standard); } .trigger:hover { border-color: var(--ds-color-fg-subtle); } :host([invalid]) .trigger { border-color: var(--ds-color-danger); background: var(--ds-color-danger-subtle); } :host([invalid]) .trigger:is(:focus-visible, :focus-within) { box-shadow: 0 0 0 3px rgba(178, 26, 10, 0.3); } :host([disabled]) .trigger { opacity: 0.5; background: var(--ds-color-bg-subtle); cursor: not-allowed; pointer-events: none; } .trigger-multiple { height: auto; min-height: var(--ds-select-size); padding: 6px var(--ds-space-3); flex-wrap: wrap; align-items: center; gap: var(--ds-space-2); overflow: visible; } .tiles { display: flex; flex-wrap: wrap; gap: var(--ds-space-1); min-width: 0; } .tile { display: inline-flex; align-items: center; gap: var(--ds-space-1); height: 24px; padding: 0 var(--ds-space-1) 0 var(--ds-space-2); background: var(--ds-color-bg-subtle); border: 1px solid var(--ds-color-border); border-radius: var(--ds-radius-xs); color: var(--ds-color-fg); font-size: var(--ds-font-size-xs); white-space: nowrap; } .tile-focused { border-color: var(--ds-color-accent); box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--ds-color-accent) 35%, transparent); } .tile-overflow { padding: 0 var(--ds-space-2); background: var(--ds-color-accent-subtle); border-color: var(--ds-color-accent); color: var(--ds-color-accent); font-weight: var(--ds-font-weight-medium); } .tile-label { max-width: 120px; overflow: hidden; text-overflow: ellipsis; } .tile-remove, .clear-btn { display: inline-flex; align-items: center; justify-content: center; padding: 0; border: none; background: none; color: var(--ds-color-fg-muted); cursor: pointer; border-radius: var(--ds-radius-xs); flex-shrink: 0; } .tile-remove { width: 14px; height: 14px; } .tile-remove:hover { color: var(--ds-color-fg); background: var(--ds-color-border); } .tile-remove svg { width: 10px; height: 10px; } .leading { display: inline-flex; align-items: center; color: var(--ds-color-fg-muted); flex-shrink: 0; } .leading[hidden] { display: none; } .clear-btn { width: 1.2rem; height: 1.2rem; } .clear-btn:hover { color: var(--ds-color-fg); } .clear-btn:focus-visible { box-shadow: var(--ds-shadow-focus); } .clear-btn svg { width: 1rem; height: 1rem; } .caret { width: 1.2rem; height: 1.2rem; color: var(--ds-color-fg-muted); pointer-events: none; flex-shrink: 0; transition: transform var(--ds-duration-fast) var(--ds-easing-standard); } .listbox { /* In-flow fallback for browsers without the Popover API. When the API is available the listbox is shown via showPopover() (top layer, so it escapes any overflow:hidden / scroll ancestor) and positioned with CSS anchor positioning — see .listbox[popover]:popover-open below. */ position: absolute; inset: calc(100% + var(--ds-space-1)) 0 auto; z-index: 100; max-height: 240px; overflow-y: auto; background: var(--ds-color-bg); border: 1px solid var(--ds-color-border-strong); border-radius: var(--ds-radius-sm); box-shadow: var(--ds-shadow-md); /* Thin, subtle scrollbar with a transparent track (matching the shell's main content) instead of the wide, bright default that painted over the listbox's rounded corners. No scrollbar-gutter: the dropdown shouldn't reserve a permanent track when it doesn't overflow. */ scrollbar-color: var(--ds-color-fg-subtle) transparent; scrollbar-width: thin; } /* Shown in the top layer: position it under the trigger with CSS anchor positioning — matching the trigger's width (so long options wrap rather than widening the menu) and flipping above when there's no room below. The browser keeps it glued to the trigger on scroll, so no JS. */ .listbox[popover]:popover-open { position: fixed; position-anchor: --ds-select-trigger; inset: auto; top: calc(anchor(bottom) + var(--ds-space-1)); left: anchor(left); width: anchor-size(width); margin: 0; padding: 0; position-try-fallbacks: flip-block; } `"
6462
6462
  }
6463
6463
  ],
6464
6464
  "exports": [
@@ -6922,14 +6922,6 @@
6922
6922
  },
6923
6923
  "privacy": "private"
6924
6924
  },
6925
- {
6926
- "kind": "field",
6927
- "name": "_triggerEl",
6928
- "type": {
6929
- "text": "HTMLElement | undefined"
6930
- },
6931
- "privacy": "private"
6932
- },
6933
6925
  {
6934
6926
  "kind": "field",
6935
6927
  "name": "_tilesEl",
@@ -6938,20 +6930,6 @@
6938
6930
  },
6939
6931
  "privacy": "private"
6940
6932
  },
6941
- {
6942
- "kind": "field",
6943
- "name": "#reposition",
6944
- "privacy": "private"
6945
- },
6946
- {
6947
- "kind": "field",
6948
- "name": "#listenersInstalled",
6949
- "privacy": "private",
6950
- "type": {
6951
- "text": "boolean"
6952
- },
6953
- "default": "false"
6954
- },
6955
6933
  {
6956
6934
  "kind": "field",
6957
6935
  "name": "#dropdown",
@@ -7020,36 +6998,6 @@
7020
6998
  }
7021
6999
  }
7022
7000
  },
7023
- {
7024
- "kind": "method",
7025
- "name": "#positionListbox",
7026
- "privacy": "private",
7027
- "return": {
7028
- "type": {
7029
- "text": "void"
7030
- }
7031
- }
7032
- },
7033
- {
7034
- "kind": "method",
7035
- "name": "#installPopoverListeners",
7036
- "privacy": "private",
7037
- "return": {
7038
- "type": {
7039
- "text": "void"
7040
- }
7041
- }
7042
- },
7043
- {
7044
- "kind": "method",
7045
- "name": "#teardownPopoverListeners",
7046
- "privacy": "private",
7047
- "return": {
7048
- "type": {
7049
- "text": "void"
7050
- }
7051
- }
7052
- },
7053
7001
  {
7054
7002
  "kind": "field",
7055
7003
  "name": "#selectOption",
@@ -9789,7 +9737,7 @@
9789
9737
  {
9790
9738
  "kind": "variable",
9791
9739
  "name": "tooltipStyles",
9792
- "default": "css` :host { display: inline-flex; position: relative; } :host([full-width]) { display: flex; width: 100%; } .anchor { position: relative; display: inline-flex; } :host([full-width]) .anchor { display: flex; width: 100%; } .tooltip { /* Override UA popover defaults so JS-set top/left/transform stay authoritative. */ position: fixed; inset: auto; margin: 0; border: none; width: max-content; height: auto; overflow: visible; z-index: var(--ds-z-index-tooltip, 999); background: var(--ds-color-fg); color: var(--ds-color-bg); font-family: var(--ds-font-body); font-size: var(--ds-font-size-xs); line-height: 1.4; padding: var(--ds-space-1) var(--ds-space-3); border-radius: var(--ds-radius-xs); max-width: 16rem; pointer-events: none; } `"
9740
+ "default": "css` :host { display: inline-flex; position: relative; } :host([full-width]) { display: flex; width: 100%; } .anchor { position: relative; display: inline-flex; /* The popover bubble positions itself against this via CSS anchor positioning (scoped to this shadow root, so instances don't clash). */ anchor-name: --ds-tooltip-anchor; } :host([full-width]) .anchor { display: flex; width: 100%; } .tooltip { /* Shown in the Popover API top layer (escapes ancestor overflow) and positioned entirely in CSS via anchor positioning — the browser keeps it glued to the trigger on scroll, no JS. Default placement: above, centered; flips to the opposite side when there's no room, and slides to the available side near a left/right edge. */ position: fixed; position-anchor: --ds-tooltip-anchor; position-area: top; position-try-fallbacks: flip-block, --ds-tooltip-top-start, --ds-tooltip-top-end; margin: var(--ds-space-1); inset: auto; border: none; width: max-content; height: auto; overflow: visible; z-index: var(--ds-z-index-tooltip, 999); background: var(--ds-color-fg); color: var(--ds-color-bg); font-family: var(--ds-font-body); font-size: var(--ds-font-size-xs); line-height: 1.4; padding: var(--ds-space-1) var(--ds-space-3); border-radius: var(--ds-radius-xs); max-width: 16rem; pointer-events: none; } :host([placement='bottom']) .tooltip { position-area: bottom; position-try-fallbacks: flip-block, --ds-tooltip-bottom-start, --ds-tooltip-bottom-end; } :host([placement='left']) .tooltip { position-area: left; position-try-fallbacks: flip-inline; } :host([placement='right']) .tooltip { position-area: right; position-try-fallbacks: flip-inline; } /* Near a left/right edge, keep the side placement but slide the bubble toward the available side instead of overflowing. */ @position-try --ds-tooltip-top-start { position-area: top span-right; } @position-try --ds-tooltip-top-end { position-area: top span-left; } @position-try --ds-tooltip-bottom-start { position-area: bottom span-right; } @position-try --ds-tooltip-bottom-end { position-area: bottom span-left; } `"
9793
9741
  }
9794
9742
  ],
9795
9743
  "exports": [
@@ -9817,7 +9765,7 @@
9817
9765
  "name": "anchor"
9818
9766
  },
9819
9767
  {
9820
- "description": "The tooltip bubble. Rendered in the Popover API top layer so it escapes ancestor overflow; positioned via JS using getBoundingClientRect of the trigger.",
9768
+ "description": "The tooltip bubble. Rendered in the Popover API top layer so it escapes ancestor overflow; positioned with CSS anchor positioning relative to the trigger.",
9821
9769
  "name": "tooltip"
9822
9770
  }
9823
9771
  ],
@@ -9960,11 +9908,6 @@
9960
9908
  "kind": "field",
9961
9909
  "name": "#hide",
9962
9910
  "privacy": "private"
9963
- },
9964
- {
9965
- "kind": "field",
9966
- "name": "#updatePosition",
9967
- "privacy": "private"
9968
9911
  }
9969
9912
  ],
9970
9913
  "attributes": [
package/dist/atoms/select/select.common-styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"select.common-styles.d.ts","sourceRoot":"","sources":["../../../src/atoms/select/select.common-styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,yBA0L9B,CAAC"}
1
+ {"version":3,"file":"select.common-styles.d.ts","sourceRoot":"","sources":["../../../src/atoms/select/select.common-styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,yBA4L9B,CAAC"}
package/dist/atoms/select/select.common-styles.js CHANGED
@@ -24,6 +24,9 @@ export const selectCommonStyles = css `
24
24
  width: 100%;
25
25
  }
26
26
  .trigger {
27
+ /* The popover listbox positions itself against this via CSS anchor
28
+ positioning (scoped to this shadow root, so instances don't clash). */
29
+ anchor-name: --ds-select-trigger;
27
30
  display: flex;
28
31
  align-items: center;
29
32
  gap: var(--ds-space-2);
@@ -148,13 +151,10 @@ export const selectCommonStyles = css `
148
151
  transition: transform var(--ds-duration-fast) var(--ds-easing-standard);
149
152
  }
150
153
  .listbox {
151
- /* Default in-flow positioning is the fallback for browsers that
152
- don't support the Popover API. When the API is available the
153
- listbox is shown via showPopover() and JS sets inline
154
- position/top/left/min-width — see DsSelect.#positionListbox.
155
- That escapes any overflow:hidden / overflow:auto ancestor
156
- (dialogs, scroll containers) by placing the listbox in the
157
- browser's top layer. */
154
+ /* In-flow fallback for browsers without the Popover API. When the API is
155
+ available the listbox is shown via showPopover() (top layer, so it
156
+ escapes any overflow:hidden / scroll ancestor) and positioned with CSS
157
+ anchor positioning — see .listbox[popover]:popover-open below. */
158
158
  position: absolute;
159
159
  inset: calc(100% + var(--ds-space-1)) 0 auto;
160
160
  z-index: 100;
@@ -172,18 +172,20 @@ export const selectCommonStyles = css `
172
172
  scrollbar-width: thin;
173
173
  }
174
174
 
175
- /* Reset the UA defaults that the popover spec applies to shown
176
- popovers (inset:0, margin:auto, padding:0.25em). The inline coords
177
- from #positionListbox are viewport-relative (from getBoundingClientRect),
178
- so the shown listbox must stay position:fixed — the base .listbox rule
179
- above sets position:absolute as the no-popover fallback, which would
180
- otherwise win over the UA stylesheet's fixed and anchor the menu to the
181
- document instead of the viewport (menu jumps off-screen once scrolled). */
175
+ /* Shown in the top layer: position it under the trigger with CSS anchor
176
+ positioning — matching the trigger's width (so long options wrap rather
177
+ than widening the menu) and flipping above when there's no room below.
178
+ The browser keeps it glued to the trigger on scroll, so no JS. */
182
179
  .listbox[popover]:popover-open {
183
180
  position: fixed;
184
- inset: unset;
181
+ position-anchor: --ds-select-trigger;
182
+ inset: auto;
183
+ top: calc(anchor(bottom) + var(--ds-space-1));
184
+ left: anchor(left);
185
+ width: anchor-size(width);
185
186
  margin: 0;
186
187
  padding: 0;
188
+ position-try-fallbacks: flip-block;
187
189
  }
188
190
  `;
189
191
  //# sourceMappingURL=select.common-styles.js.map
package/dist/atoms/select/select.common-styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"select.common-styles.js","sourceRoot":"","sources":["../../../src/atoms/select/select.common-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0LpC,CAAC"}
1
+ {"version":3,"file":"select.common-styles.js","sourceRoot":"","sources":["../../../src/atoms/select/select.common-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4LpC,CAAC"}
package/dist/atoms/select/select.d.ts CHANGED
@@ -37,7 +37,6 @@ export declare class DsSelect extends DsSelect_base {
37
37
  values: string[];
38
38
  maxLines?: number;
39
39
  private _listboxEl?;
40
- private _triggerEl?;
41
40
  private _tilesEl?;
42
41
  get _open(): boolean;
43
42
  get _focusedIndex(): number;
package/dist/atoms/select/select.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/atoms/select/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1F,OAAO,EAAE,SAAS,EAAoB,MAAM,sBAAsB,CAAC;AASnE,OAAO,mBAAmB,CAAC;AAM3B,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACzC;;AAED;;;;;;;;GAQG;AACH,qBAAa,QAAS,SAAQ,aAA2B;;IACvD,OAAgB,MAAM,4BAA4E;IAClG,OAAgB,iBAAiB,EAAE,cAAc,CAG/C;IAEyB,OAAO,EAAE,YAAY,EAAE,CAAM;IAC3B,IAAI,EAAE,UAAU,CAAQ;IACzC,WAAW,SAAM;IACjB,KAAK,SAAM;IACX,WAAW,SAAM;IACjB,KAAK,SAAM;IACqB,OAAO,UAAS;IAChB,QAAQ,UAAS;IACjB,SAAS,UAAS;IACnC,MAAM,EAAE,MAAM,EAAE,CAAM;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE3B,OAAO,CAAC,UAAU,CAAC,CAAc;IACjC,OAAO,CAAC,UAAU,CAAC,CAAc;IACnC,OAAO,CAAC,QAAQ,CAAC,CAAc;IAqBhD,IAAI,KAAK,IAAI,OAAO,CAAgC;IACpD,IAAI,aAAa,IAAI,MAAM,CAAwC;IACnE,IAAI,aAAa,CAAC,KAAK,EAAE,MAAM,EAA0C;IACzE,IAAI,iBAAiB,IAAI,MAAM,CAA4C;IAC3E,IAAI,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAA8C;IACjF,IAAI,UAAU,IAAI,MAAM,CAAqC;IAC7D,IAAI,UAAU,CAAC,KAAK,EAAE,MAAM,EAAuC;IACnE,IAAI,WAAW,IAAI,OAAO,CAAsC;IAChE,IAAI,cAAc,IAAI,MAAM,CAAyC;IACrE,IAAI,oBAAoB,IAAI,OAAO,CAA+C;IAClF,IAAI,oBAAoB,CAAC,KAAK,EAAE,OAAO,EAAiD;IAE/E,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAatC,oBAAoB,IAAI,IAAI;IAsE5B,iBAAiB,IAAI,IAAI;IA6FzB,MAAM,IAAI,cAAc;CAyElC"}
1
+ {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/atoms/select/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1F,OAAO,EAAE,SAAS,EAAoB,MAAM,sBAAsB,CAAC;AASnE,OAAO,mBAAmB,CAAC;AAM3B,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACzC;;AAED;;;;;;;;GAQG;AACH,qBAAa,QAAS,SAAQ,aAA2B;;IACvD,OAAgB,MAAM,4BAA4E;IAClG,OAAgB,iBAAiB,EAAE,cAAc,CAG/C;IAEyB,OAAO,EAAE,YAAY,EAAE,CAAM;IAC3B,IAAI,EAAE,UAAU,CAAQ;IACzC,WAAW,SAAM;IACjB,KAAK,SAAM;IACX,WAAW,SAAM;IACjB,KAAK,SAAM;IACqB,OAAO,UAAS;IAChB,QAAQ,UAAS;IACjB,SAAS,UAAS;IACnC,MAAM,EAAE,MAAM,EAAE,CAAM;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE3B,OAAO,CAAC,UAAU,CAAC,CAAc;IACnC,OAAO,CAAC,QAAQ,CAAC,CAAc;IAkBhD,IAAI,KAAK,IAAI,OAAO,CAAgC;IACpD,IAAI,aAAa,IAAI,MAAM,CAAwC;IACnE,IAAI,aAAa,CAAC,KAAK,EAAE,MAAM,EAA0C;IACzE,IAAI,iBAAiB,IAAI,MAAM,CAA4C;IAC3E,IAAI,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAA8C;IACjF,IAAI,UAAU,IAAI,MAAM,CAAqC;IAC7D,IAAI,UAAU,CAAC,KAAK,EAAE,MAAM,EAAuC;IACnE,IAAI,WAAW,IAAI,OAAO,CAAsC;IAChE,IAAI,cAAc,IAAI,MAAM,CAAyC;IACrE,IAAI,oBAAoB,IAAI,OAAO,CAA+C;IAClF,IAAI,oBAAoB,CAAC,KAAK,EAAE,OAAO,EAAiD;IAE/E,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAatC,oBAAoB,IAAI,IAAI;IAiB5B,iBAAiB,IAAI,IAAI;IA6FzB,MAAM,IAAI,cAAc;CAyElC"}
package/dist/atoms/select/select.js CHANGED
@@ -38,8 +38,6 @@ export class DsSelect extends FormControlMixin(DsElement) {
38
38
  this.multiple = false;
39
39
  this.clearable = false;
40
40
  this.values = [];
41
- this.#reposition = () => this.#positionListbox();
42
- this.#listenersInstalled = false;
43
41
  this.#dropdown = new DropdownController(this, {
44
42
  getOptions: () => this.options,
45
43
  getCurrentValue: () => (typeof this.value === 'string' ? this.value : ''),
@@ -143,8 +141,6 @@ export class DsSelect extends FormControlMixin(DsElement) {
143
141
  ...LitElement.shadowRootOptions,
144
142
  delegatesFocus: true,
145
143
  }; }
146
- #reposition;
147
- #listenersInstalled;
148
144
  #dropdown;
149
145
  /* test-facing forwarders to controller state */
150
146
  get _open() { return this.#dropdown.open; }
@@ -171,74 +167,22 @@ export class DsSelect extends FormControlMixin(DsElement) {
171
167
  this.#syncListboxPopover();
172
168
  }
173
169
  disconnectedCallback() {
174
- this.#teardownPopoverListeners();
175
170
  super.disconnectedCallback();
176
171
  this.#dropdown.close();
177
172
  }
178
- // The listbox uses `popover="manual"` so the browser hoists it to the
179
- // top layer when shown, escaping any `overflow: hidden` / `overflow:
180
- // auto` ancestor (dialogs, scroll containers). Top-layer elements
181
- // don't get cross-browser anchor positioning yet, so we set
182
- // `position: fixed` from the trigger's bounding rect and re-position
183
- // on scroll/resize while open.
173
+ // The listbox uses `popover="manual"` so the browser hoists it to the top
174
+ // layer when shown, escaping any `overflow: hidden` / `overflow: auto`
175
+ // ancestor (dialogs, scroll containers). It's positioned entirely in CSS
176
+ // via anchor positioning (see select.common-styles), which keeps it glued
177
+ // to the trigger on scroll without any JS.
184
178
  #syncListboxPopover() {
185
179
  const listbox = this._listboxEl;
186
- if (!listbox || !this.#dropdown.open) {
187
- this.#teardownPopoverListeners();
180
+ if (!listbox || !this.#dropdown.open)
188
181
  return;
189
- }
190
182
  if (typeof listbox.showPopover !== 'function')
191
183
  return;
192
184
  if (!listbox.matches(':popover-open'))
193
185
  listbox.showPopover();
194
- this.#positionListbox();
195
- this.#installPopoverListeners();
196
- }
197
- #positionListbox() {
198
- const trigger = this._triggerEl;
199
- const listbox = this._listboxEl;
200
- if (!trigger || !listbox)
201
- return;
202
- const rect = trigger.getBoundingClientRect();
203
- const gap = 4;
204
- const margin = 8;
205
- const vw = window.innerWidth;
206
- // Match the trigger's width (capped to the viewport) rather than growing
207
- // to the widest option — so a long option wraps onto multiple lines (see
208
- // select-option styles) and the menu never extends past the trigger or
209
- // off the side of a narrow viewport.
210
- const width = Math.min(rect.width, Math.max(0, vw - margin * 2));
211
- listbox.style.width = `${width}px`;
212
- const viewport = window.innerHeight;
213
- const naturalHeight = Math.min(listbox.scrollHeight, 240);
214
- const openUp = viewport - rect.bottom - gap < naturalHeight && rect.top > viewport - rect.bottom;
215
- // Clamp the left edge so the right side stays on-screen even when the
216
- // trigger sits near the viewport edge.
217
- listbox.style.left = `${Math.min(Math.max(margin, rect.left), Math.max(margin, vw - margin - width))}px`;
218
- if (openUp) {
219
- listbox.style.top = '';
220
- listbox.style.bottom = `${viewport - rect.top + gap}px`;
221
- }
222
- else {
223
- listbox.style.bottom = '';
224
- listbox.style.top = `${rect.bottom + gap}px`;
225
- }
226
- }
227
- #installPopoverListeners() {
228
- if (this.#listenersInstalled)
229
- return;
230
- // Capture mode so scroll on any ancestor (dialog body, page-shell
231
- // main, etc.) keeps the menu glued to the trigger, not just window.
232
- window.addEventListener('scroll', this.#reposition, { capture: true, passive: true });
233
- window.addEventListener('resize', this.#reposition);
234
- this.#listenersInstalled = true;
235
- }
236
- #teardownPopoverListeners() {
237
- if (!this.#listenersInstalled)
238
- return;
239
- window.removeEventListener('scroll', this.#reposition, { capture: true });
240
- window.removeEventListener('resize', this.#reposition);
241
- this.#listenersInstalled = false;
242
186
  }
243
187
  connectedCallback() {
244
188
  super.connectedCallback();
@@ -353,9 +297,6 @@ __decorate([
353
297
  __decorate([
354
298
  query('.listbox')
355
299
  ], DsSelect.prototype, "_listboxEl", void 0);
356
- __decorate([
357
- query('#trigger')
358
- ], DsSelect.prototype, "_triggerEl", void 0);
359
300
  __decorate([
360
301
  query('.tiles')
361
302
  ], DsSelect.prototype, "_tilesEl", void 0);
package/dist/atoms/select/select.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/atoms/select/select.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/atoms/select/select.ts"],"names":[],"mappings":"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"}
package/dist/atoms/tooltip/tooltip.d.ts CHANGED
@@ -7,7 +7,7 @@ export type TooltipPlacement = 'top' | 'right' | 'bottom' | 'left';
7
7
  * @slot default - The trigger element that the tooltip is anchored to.
8
8
  * @slot tip - The tooltip content (can be any HTML).
9
9
  * @csspart anchor - The wrapper around the trigger element.
10
- * @csspart tooltip - The tooltip bubble. Rendered in the Popover API top layer so it escapes ancestor overflow; positioned via JS using getBoundingClientRect of the trigger.
10
+ * @csspart tooltip - The tooltip bubble. Rendered in the Popover API top layer so it escapes ancestor overflow; positioned with CSS anchor positioning relative to the trigger.
11
11
  */
12
12
  export declare class DsTooltip extends DsElement {
13
13
  #private;
package/dist/atoms/tooltip/tooltip.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/atoms/tooltip/tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAanE;;;;;;;GAOG;AACH,qBAAa,SAAU,SAAQ,SAAS;;IACtC,OAAgB,MAAM,4BAAwC;IAEjC,SAAS,EAAE,gBAAgB,CAAS;IACrB,IAAI,UAAS;IACH,SAAS,UAAS;IAC5C,KAAK,SAAK;IAC+B,SAAS,UAAS;IAE9E,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,QAAQ,CAAS;IAElC,OAAO,CAAC,WAAW,CAAC,CAAS;IAEpB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,QAAQ,EAAE,cAAc,GAAG,IAAI;IAsHvC,MAAM,IAAI,cAAc;CAiBlC"}
1
+ {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/atoms/tooltip/tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAWnE;;;;;;;GAOG;AACH,qBAAa,SAAU,SAAQ,SAAS;;IACtC,OAAgB,MAAM,4BAAwC;IAEjC,SAAS,EAAE,gBAAgB,CAAS;IACrB,IAAI,UAAS;IACH,SAAS,UAAS;IAC5C,KAAK,SAAK;IAC+B,SAAS,UAAS;IAE9E,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,QAAQ,CAAS;IAElC,OAAO,CAAC,WAAW,CAAC,CAAS;IAEpB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,QAAQ,EAAE,cAAc,GAAG,IAAI;IAgFvC,MAAM,IAAI,cAAc;CAiBlC"}
package/dist/atoms/tooltip/tooltip.js CHANGED
@@ -8,7 +8,6 @@ import { html } from 'lit';
8
8
  import { property, state } from 'lit/decorators.js';
9
9
  import { DsElement } from '@jsekulowicz/ds-core';
10
10
  import { tooltipStyles } from './tooltip.styles.js';
11
- const GAP = 6;
12
11
  function isPopoverElement(el) {
13
12
  return !!el && typeof el.showPopover === 'function';
14
13
  }
@@ -18,7 +17,7 @@ function isPopoverElement(el) {
18
17
  * @slot default - The trigger element that the tooltip is anchored to.
19
18
  * @slot tip - The tooltip content (can be any HTML).
20
19
  * @csspart anchor - The wrapper around the trigger element.
21
- * @csspart tooltip - The tooltip bubble. Rendered in the Popover API top layer so it escapes ancestor overflow; positioned via JS using getBoundingClientRect of the trigger.
20
+ * @csspart tooltip - The tooltip bubble. Rendered in the Popover API top layer so it escapes ancestor overflow; positioned with CSS anchor positioning relative to the trigger.
22
21
  */
23
22
  export class DsTooltip extends DsElement {
24
23
  constructor() {
@@ -76,7 +75,6 @@ export class DsTooltip extends DsElement {
76
75
  // ignore — possibly unsupported
77
76
  }
78
77
  }
79
- this.#updatePosition();
80
78
  };
81
79
  this.#hide = () => {
82
80
  const tooltip = this.#tooltipEl();
@@ -90,42 +88,6 @@ export class DsTooltip extends DsElement {
90
88
  // ignore
91
89
  }
92
90
  };
93
- this.#updatePosition = () => {
94
- const tooltip = this.#tooltipEl();
95
- if (!tooltip) {
96
- return;
97
- }
98
- const anchorRect = this.shadowRoot?.querySelector('.anchor')?.getBoundingClientRect();
99
- const rect = anchorRect ?? this.getBoundingClientRect();
100
- let top = 0;
101
- let left = 0;
102
- let transform = '';
103
- switch (this.placement) {
104
- case 'top':
105
- top = rect.top - GAP;
106
- left = rect.left + rect.width / 2;
107
- transform = 'translate(-50%, -100%)';
108
- break;
109
- case 'right':
110
- top = rect.top + rect.height / 2;
111
- left = rect.right + GAP;
112
- transform = 'translateY(-50%)';
113
- break;
114
- case 'bottom':
115
- top = rect.bottom + GAP;
116
- left = rect.left + rect.width / 2;
117
- transform = 'translateX(-50%)';
118
- break;
119
- case 'left':
120
- top = rect.top + rect.height / 2;
121
- left = rect.left - GAP;
122
- transform = 'translate(-100%, -50%)';
123
- break;
124
- }
125
- tooltip.style.top = `${top}px`;
126
- tooltip.style.left = `${left}px`;
127
- tooltip.style.transform = transform;
128
- };
129
91
  }
130
92
  static { this.styles = [...DsElement.styles, tooltipStyles]; }
131
93
  disconnectedCallback() {
@@ -155,7 +117,6 @@ export class DsTooltip extends DsElement {
155
117
  }
156
118
  #show;
157
119
  #hide;
158
- #updatePosition;
159
120
  render() {
160
121
  return html `
161
122
  <div
package/dist/atoms/tooltip/tooltip.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/atoms/tooltip/tooltip.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/atoms/tooltip/tooltip.ts"],"names":[],"mappings":"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"}
package/dist/atoms/tooltip/tooltip.styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.styles.d.ts","sourceRoot":"","sources":["../../../src/atoms/tooltip/tooltip.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,yBAqCzB,CAAC"}
1
+ {"version":3,"file":"tooltip.styles.d.ts","sourceRoot":"","sources":["../../../src/atoms/tooltip/tooltip.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,yBA0EzB,CAAC"}
package/dist/atoms/tooltip/tooltip.styles.js CHANGED
@@ -11,16 +11,26 @@ export const tooltipStyles = css `
11
11
  .anchor {
12
12
  position: relative;
13
13
  display: inline-flex;
14
+ /* The popover bubble positions itself against this via CSS anchor
15
+ positioning (scoped to this shadow root, so instances don't clash). */
16
+ anchor-name: --ds-tooltip-anchor;
14
17
  }
15
18
  :host([full-width]) .anchor {
16
19
  display: flex;
17
20
  width: 100%;
18
21
  }
19
22
  .tooltip {
20
- /* Override UA popover defaults so JS-set top/left/transform stay authoritative. */
23
+ /* Shown in the Popover API top layer (escapes ancestor overflow) and
24
+ positioned entirely in CSS via anchor positioning — the browser keeps
25
+ it glued to the trigger on scroll, no JS. Default placement: above,
26
+ centered; flips to the opposite side when there's no room, and slides
27
+ to the available side near a left/right edge. */
21
28
  position: fixed;
29
+ position-anchor: --ds-tooltip-anchor;
30
+ position-area: top;
31
+ position-try-fallbacks: flip-block, --ds-tooltip-top-start, --ds-tooltip-top-end;
32
+ margin: var(--ds-space-1);
22
33
  inset: auto;
23
- margin: 0;
24
34
  border: none;
25
35
  width: max-content;
26
36
  height: auto;
@@ -36,5 +46,32 @@ export const tooltipStyles = css `
36
46
  max-width: 16rem;
37
47
  pointer-events: none;
38
48
  }
49
+ :host([placement='bottom']) .tooltip {
50
+ position-area: bottom;
51
+ position-try-fallbacks: flip-block, --ds-tooltip-bottom-start, --ds-tooltip-bottom-end;
52
+ }
53
+ :host([placement='left']) .tooltip {
54
+ position-area: left;
55
+ position-try-fallbacks: flip-inline;
56
+ }
57
+ :host([placement='right']) .tooltip {
58
+ position-area: right;
59
+ position-try-fallbacks: flip-inline;
60
+ }
61
+
62
+ /* Near a left/right edge, keep the side placement but slide the bubble
63
+ toward the available side instead of overflowing. */
64
+ @position-try --ds-tooltip-top-start {
65
+ position-area: top span-right;
66
+ }
67
+ @position-try --ds-tooltip-top-end {
68
+ position-area: top span-left;
69
+ }
70
+ @position-try --ds-tooltip-bottom-start {
71
+ position-area: bottom span-right;
72
+ }
73
+ @position-try --ds-tooltip-bottom-end {
74
+ position-area: bottom span-left;
75
+ }
39
76
  `;
40
77
  //# sourceMappingURL=tooltip.styles.js.map
package/dist/atoms/tooltip/tooltip.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.styles.js","sourceRoot":"","sources":["../../../src/atoms/tooltip/tooltip.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqC/B,CAAC"}
1
+ {"version":3,"file":"tooltip.styles.js","sourceRoot":"","sources":["../../../src/atoms/tooltip/tooltip.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0E/B,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jsekulowicz/ds-components",
3
- "version": "0.22.0",
3
+ "version": "0.23.0",
4
4
  "description": "Lit web components for the Design System Library (atoms, molecules, organisms, templates, pages).",
5
5
  "license": "UNLICENSED",
6
6
  "repository": {