@ixfx/components 0.5.4 → 0.5.5
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.
- package/bundle/index.d.ts +2 -6
- package/bundle/index.d.ts.map +1 -1
- package/bundle/index.js +17 -32
- package/bundle/index.js.map +1 -1
- package/dist/crumbs.js +1 -1
- package/dist/index.d.ts +2 -6
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +18 -34
- package/dist/index.js.map +1 -1
- package/dist/{menu-item-NUKwJ4s5.js → menu-item-CFy8e3G_.js} +2 -1
- package/dist/menu-item-CFy8e3G_.js.map +1 -0
- package/dist/menu-item-DSyf9f_L.d.ts.map +1 -1
- package/dist/{menu-g6yd7ddN.js → menu-xPpzkoiW.js} +2 -2
- package/dist/{menu-g6yd7ddN.js.map → menu-xPpzkoiW.js.map} +1 -1
- package/dist/menu.js +2 -2
- package/docs-user/button.md +20 -1
- package/docs-user/vertical-list.md +37 -1
- package/package.json +1 -1
- package/dist/menu-item-NUKwJ4s5.js.map +0 -1
package/dist/crumbs.js
CHANGED
|
@@ -2,7 +2,7 @@ import { n as tickledStyles, r as TickledController, t as tickledItemStyles } fr
|
|
|
2
2
|
import { t as themeFallbacks } from "./fallbacks-pNMOMx38.js";
|
|
3
3
|
import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
|
|
4
4
|
import "./interaction-D6efrBLo.js";
|
|
5
|
-
import "./menu-item-
|
|
5
|
+
import "./menu-item-CFy8e3G_.js";
|
|
6
6
|
import { t as collectDataResult } from "./data-provider-35TyWclX.js";
|
|
7
7
|
import "./narrowed-text.js";
|
|
8
8
|
import { LitElement, css, html, nothing } from "lit";
|
package/dist/index.d.ts
CHANGED
|
@@ -205,7 +205,6 @@ declare class SplitButton extends ButtonElement {
|
|
|
205
205
|
/** Directly set popup items. Ignored when itemsProvider is also set. */
|
|
206
206
|
items?: PopupItem[];
|
|
207
207
|
private _menuTrigger;
|
|
208
|
-
private _compact;
|
|
209
208
|
private _selectedCommand;
|
|
210
209
|
private _selectedLabel;
|
|
211
210
|
private _selectedIcon;
|
|
@@ -213,13 +212,9 @@ declare class SplitButton extends ButtonElement {
|
|
|
213
212
|
private _dynamicItems;
|
|
214
213
|
private _loadingItems;
|
|
215
214
|
private _menuHasItems;
|
|
216
|
-
private _resizeObserver?;
|
|
217
|
-
private _widthNeeded;
|
|
218
|
-
connectedCallback(): void;
|
|
219
215
|
disconnectedCallback(): void;
|
|
220
216
|
firstUpdated(): void;
|
|
221
217
|
updated(changedProperties: Map<string, unknown>): void;
|
|
222
|
-
private _checkOverflow;
|
|
223
218
|
private _applyItems;
|
|
224
219
|
/** In switcher mode, programmatically select the active command. Returns false if not found. */
|
|
225
220
|
selectCommand(command: string): boolean;
|
|
@@ -525,11 +520,12 @@ type ListSelectionMode = `none` | `single` | `multiple`;
|
|
|
525
520
|
* - `standard` — click replaces; Ctrl/Cmd+click toggles; Shift+click range-selects (multiple only)
|
|
526
521
|
* - `manual` — no auto-selection; drive state via select()/deselect()/clearSelection()
|
|
527
522
|
* - `checked` — every click toggles; implies multiple selection regardless of selectionMode
|
|
523
|
+
* - `sticky` — every tap/click toggles (no checkbox column); implies multiple selection, for touchscreens
|
|
528
524
|
* - `vscode` — like standard for clicks; Shift+Arrow extends range from the keyboard anchor
|
|
529
525
|
*
|
|
530
526
|
* Switching interactionMode clears the current selection.
|
|
531
527
|
*/
|
|
532
|
-
type ListInteractionMode = `implicit` | `standard` | `manual` | `checked` | `vscode`;
|
|
528
|
+
type ListInteractionMode = `implicit` | `standard` | `manual` | `checked` | `sticky` | `vscode`;
|
|
533
529
|
type ListSelectDetail = {
|
|
534
530
|
readonly selected: ReadonlySet<Element>;
|
|
535
531
|
readonly previous: ReadonlySet<Element>;
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","names":[],"sources":["../src/ac-token/types.ts","../src/ac-token/ac-token.ts","../src/button/radio-group.ts","../src/button/types.ts","../src/button/split-button.ts","../src/common/data-controller.ts","../src/crumbs/crumb-path.ts","../src/crumbs/crumb-path-controller.ts","../src/editable-label/editable-number.ts","../src/form/form-group.ts","../src/form/form-part.ts","../src/form/form.ts","../src/vertical-list/types.ts","../src/grouped-item-lister/types.ts","../src/grouped-item-lister/grouped-item-lister.ts","../src/grouped-item-lister/tree-list-adapter.ts","../src/vertical-list/vertical-list.ts","../src/grouped-item-lister/vertical-list-adapter.ts","../src/notifier/types.ts","../src/notifier/notification-pill.ts","../src/notifier/manager.ts","../src/notifier/pill-renderer.ts","../src/panel/panel-group.ts","../src/range/range-multi.ts","../src/tabs/tab-panel.ts","../src/tabs/tab-panels.ts","../src/tabs/tab-controller.ts","../src/transitory-label/transitory-label.ts","../src/util/checkbox.ts","../src/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAAY;WACD;WACA;WACA;WACA;WACA;WACA,YAAY;;KAGX,iBAAiB;KAEjB;WACD,iBAAiB;;KAEhB,sBAAsB,YAAY;KAElC;WACD,MAAM;WACN;;KAEC,kBAAkB,YAAY;KAE9B;WACD,MAAM;WACN;;KAEC,qBAAqB,YAAY;UAE5B;EACf,mBAAmB;EACnB,gBAAgB;EAChB,mBAAmB;;;;;;;;;;;;;;;;;;;;cCgDR,uBAAuB;;;EAGlC,oBAAoB,sBAAsB;;EAI1C,WAAW;;EAIX;;EAIA;;EAIA;;;;;EAOA;;;;;;EAQA;UAEiB;UACA;UACA;UACA;UAET;;MAqBJ,mBAAmB;MAInB,OAAO,gBAAgB;;MAMvB;EAMK;EAKA;YASU,QAAQ,cAAc;YAwbtB,wBAAM;SA+BT,sBAAM;;QAkLhB;YACI;IACR,iBAAiB;;;UAIJ;EACf,oBAAoB,gBAAgB,wBAClC,MAAM,GACN,WAAW,MAAM,gBAAgB,OAAO,uBAAuB,aAC/D,oBAAoB,sCAEpB,cACA,UAAU,oCACV,oBAAoB;;;;KCzzBZ;KAEA,YAAY;EACtB;EACA;EACA;EACA;EACA;;cAIW,mBAAmB;;EACF;EACA;EACD,OAAO;EACN;EACA,MAAM;EACL;EACuB;EACA;EACI;EACD;UAEtC;UACA;UACM;cAEX;cAIA;YAMO;YAIA,QAAQ,mBAAmB;YAyG3B;SA2DH,sBAAM;;KA2JZ;WACD;WACA;;KAGC,wBAAwB,YAAY;QAExC;YACI;IACR,oBAAoB;;;;;KC1XZ;WACD;WACA;;KAGC,yBAAyB,YAAY;KAErC;WACD;WACA;WACA;;KAGC;WACD;WACA;WACA;WACA;;KAGC,sBAAsB,cAAc,QAAQ;;;KCL5C;cAGC,oBAAoB;EACC,WAAW;EACX,kBAAkB;EACtB,MAAM;EACsB;;EAExB,gBAAgB;;EAEhB,QAAQ;UAEJ;UAEnB;UACA;UACA;UACA;UACA;UACA;UACA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","names":[],"sources":["../src/ac-token/types.ts","../src/ac-token/ac-token.ts","../src/button/radio-group.ts","../src/button/types.ts","../src/button/split-button.ts","../src/common/data-controller.ts","../src/crumbs/crumb-path.ts","../src/crumbs/crumb-path-controller.ts","../src/editable-label/editable-number.ts","../src/form/form-group.ts","../src/form/form-part.ts","../src/form/form.ts","../src/vertical-list/types.ts","../src/grouped-item-lister/types.ts","../src/grouped-item-lister/grouped-item-lister.ts","../src/grouped-item-lister/tree-list-adapter.ts","../src/vertical-list/vertical-list.ts","../src/grouped-item-lister/vertical-list-adapter.ts","../src/notifier/types.ts","../src/notifier/notification-pill.ts","../src/notifier/manager.ts","../src/notifier/pill-renderer.ts","../src/panel/panel-group.ts","../src/range/range-multi.ts","../src/tabs/tab-panel.ts","../src/tabs/tab-panels.ts","../src/tabs/tab-controller.ts","../src/transitory-label/transitory-label.ts","../src/util/checkbox.ts","../src/index.ts"],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -11,7 +11,7 @@ import "./icons.js";
|
|
|
11
11
|
import { t as prominenceStyles } from "./prominence-DlFShic3.js";
|
|
12
12
|
import { n as buttonStyles, t as ButtonElement } from "./button-CTE8crYn.js";
|
|
13
13
|
import { t as popupSurfaceStyles } from "./popup-DiWMxsWj.js";
|
|
14
|
-
import "./menu-item-
|
|
14
|
+
import "./menu-item-CFy8e3G_.js";
|
|
15
15
|
import { Checkbox } from "./checkbox.js";
|
|
16
16
|
import { n as ColourPicker, t as ColourPickerPopup } from "./colour-picker-C3Ag4uh-.js";
|
|
17
17
|
import { LabelledRangeInput } from "./labelled-range-input.js";
|
|
@@ -28,7 +28,7 @@ import { t as IxfxHexEditorElement } from "./hex-editor-Bk6rxhfg.js";
|
|
|
28
28
|
import { t as RadialInputElement } from "./radial-input-DxCrt_NE.js";
|
|
29
29
|
import { LabelledRadialInput } from "./labelled-radial-input.js";
|
|
30
30
|
import { LedElement } from "./led.js";
|
|
31
|
-
import { t as menu_exports } from "./menu-
|
|
31
|
+
import { t as menu_exports } from "./menu-xPpzkoiW.js";
|
|
32
32
|
import { MillerBaseElement, MillerListElement, MillerTreeController } from "./miller.js";
|
|
33
33
|
import { a as TooltipElement, c as computeColour, i as PlotMultiAxis, l as parseColourScaleAttr, n as PlotSingleAxis, o as PlotDataSeries, r as PlotHistogram, s as applyAgeModification, t as PlotXyAxis, u as readBaseColour } from "./xy-axis-CxHC8z5E.js";
|
|
34
34
|
import { PolarPad } from "./polar-pad.js";
|
|
@@ -1184,7 +1184,6 @@ let SplitButton = class SplitButton extends ButtonElement {
|
|
|
1184
1184
|
super(..._args);
|
|
1185
1185
|
this.mode = `default`;
|
|
1186
1186
|
this.defaultValue = ``;
|
|
1187
|
-
this._compact = false;
|
|
1188
1187
|
this._selectedCommand = ``;
|
|
1189
1188
|
this._selectedLabel = ``;
|
|
1190
1189
|
this._selectedIcon = ``;
|
|
@@ -1192,7 +1191,6 @@ let SplitButton = class SplitButton extends ButtonElement {
|
|
|
1192
1191
|
this._dynamicItems = [];
|
|
1193
1192
|
this._loadingItems = false;
|
|
1194
1193
|
this._menuHasItems = false;
|
|
1195
|
-
this._widthNeeded = 0;
|
|
1196
1194
|
this._onDefaultMenuSlotChange = (e) => {
|
|
1197
1195
|
const slot = e.target;
|
|
1198
1196
|
this._menuHasItems = slot.assignedElements({ flatten: true }).length > 0;
|
|
@@ -1266,19 +1264,8 @@ let SplitButton = class SplitButton extends ButtonElement {
|
|
|
1266
1264
|
}
|
|
1267
1265
|
};
|
|
1268
1266
|
}
|
|
1269
|
-
connectedCallback() {
|
|
1270
|
-
super.connectedCallback();
|
|
1271
|
-
this._resizeObserver = new ResizeObserver(([entry]) => {
|
|
1272
|
-
if (this._compact) {
|
|
1273
|
-
if (this._widthNeeded > 0 && entry.contentRect.width >= this._widthNeeded) this._compact = false;
|
|
1274
|
-
} else this._checkOverflow();
|
|
1275
|
-
});
|
|
1276
|
-
this._resizeObserver.observe(this);
|
|
1277
|
-
}
|
|
1278
1267
|
disconnectedCallback() {
|
|
1279
1268
|
super.disconnectedCallback();
|
|
1280
|
-
this._resizeObserver?.disconnect();
|
|
1281
|
-
this._resizeObserver = void 0;
|
|
1282
1269
|
this._menuTrigger?.removeEventListener(`menu-command`, this._handleSwitcherMenuCommand);
|
|
1283
1270
|
}
|
|
1284
1271
|
firstUpdated() {
|
|
@@ -1288,19 +1275,8 @@ let SplitButton = class SplitButton extends ButtonElement {
|
|
|
1288
1275
|
}
|
|
1289
1276
|
updated(changedProperties) {
|
|
1290
1277
|
super.updated(changedProperties);
|
|
1291
|
-
this._checkOverflow();
|
|
1292
1278
|
if ((changedProperties.has(`items`) || changedProperties.has(`mode`)) && this.items && !this.itemsProvider) this._applyItems(this.items);
|
|
1293
1279
|
}
|
|
1294
|
-
_checkOverflow() {
|
|
1295
|
-
if (this._compact) return;
|
|
1296
|
-
const primary = this.shadowRoot?.querySelector(`button.primary`);
|
|
1297
|
-
if (!primary) return;
|
|
1298
|
-
if (primary.scrollWidth > primary.offsetWidth + 1) {
|
|
1299
|
-
const caret = this.shadowRoot?.querySelector(`button.caret`);
|
|
1300
|
-
this._widthNeeded = primary.scrollWidth + (caret?.offsetWidth ?? 32) + 4;
|
|
1301
|
-
this._compact = true;
|
|
1302
|
-
}
|
|
1303
|
-
}
|
|
1304
1280
|
_applyItems(items) {
|
|
1305
1281
|
if (this.mode === `switcher`) this._applySwitcherItems(items.map((i) => ({
|
|
1306
1282
|
command: i.command,
|
|
@@ -1370,7 +1346,7 @@ let SplitButton = class SplitButton extends ButtonElement {
|
|
|
1370
1346
|
`);
|
|
1371
1347
|
}
|
|
1372
1348
|
_renderDefault() {
|
|
1373
|
-
const label =
|
|
1349
|
+
const label = this.hideLabel ? nothing : html`<span class="button-label"><slot></slot></span>`;
|
|
1374
1350
|
const menuContent = this.itemsProvider ? html`
|
|
1375
1351
|
<ixfx-menu-container slot="menu">
|
|
1376
1352
|
${this._renderLoadingOrItems(this._dynamicItems)}
|
|
@@ -1394,9 +1370,8 @@ let SplitButton = class SplitButton extends ButtonElement {
|
|
|
1394
1370
|
`;
|
|
1395
1371
|
}
|
|
1396
1372
|
_renderSwitcher() {
|
|
1397
|
-
const showLabel = !this.hideLabel && !this._compact;
|
|
1398
1373
|
const primaryIcon = this._selectedIcon ? html`<ixfx-icon class="button-icon" name="${this._selectedIcon}"></ixfx-icon>` : nothing;
|
|
1399
|
-
const primaryLabel =
|
|
1374
|
+
const primaryLabel = this.hideLabel ? nothing : html`<span class="button-label">${this._selectedLabel}</span>`;
|
|
1400
1375
|
const popupItems = this.itemsProvider ? this._renderLoadingOrItems(this._dynamicItems) : this._switcherItems.filter((i) => i.command !== this._selectedCommand).map((i) => html`
|
|
1401
1376
|
<ixfx-menu-item
|
|
1402
1377
|
command=${i.command}
|
|
@@ -1435,6 +1410,7 @@ let SplitButton = class SplitButton extends ButtonElement {
|
|
|
1435
1410
|
:host {
|
|
1436
1411
|
display: inline-flex;
|
|
1437
1412
|
max-width: 100%;
|
|
1413
|
+
min-width: var(--ixfx-split-button-min-width, 0);
|
|
1438
1414
|
vertical-align: middle;
|
|
1439
1415
|
}
|
|
1440
1416
|
|
|
@@ -1504,12 +1480,20 @@ let SplitButton = class SplitButton extends ButtonElement {
|
|
|
1504
1480
|
|
|
1505
1481
|
button.primary {
|
|
1506
1482
|
flex: 1;
|
|
1483
|
+
min-width: 0;
|
|
1507
1484
|
padding: var(--space-m, 8px) var(--space-l, 12px);
|
|
1508
1485
|
gap: 0.5em;
|
|
1509
1486
|
overflow: hidden;
|
|
1510
1487
|
white-space: nowrap;
|
|
1511
1488
|
}
|
|
1512
1489
|
|
|
1490
|
+
button.primary .button-label {
|
|
1491
|
+
flex: 0 1 auto;
|
|
1492
|
+
min-width: 0;
|
|
1493
|
+
overflow: hidden;
|
|
1494
|
+
text-overflow: ellipsis;
|
|
1495
|
+
}
|
|
1496
|
+
|
|
1513
1497
|
button.caret {
|
|
1514
1498
|
padding: var(--space-m, 8px) var(--space-s, 6px);
|
|
1515
1499
|
border-inline-start: var(--border, 1px solid #999);
|
|
@@ -1558,7 +1542,6 @@ __decorate([property({
|
|
|
1558
1542
|
__decorate([property({ attribute: false })], SplitButton.prototype, "itemsProvider", void 0);
|
|
1559
1543
|
__decorate([property({ attribute: false })], SplitButton.prototype, "items", void 0);
|
|
1560
1544
|
__decorate([query(`ixfx-menu-trigger`)], SplitButton.prototype, "_menuTrigger", void 0);
|
|
1561
|
-
__decorate([state()], SplitButton.prototype, "_compact", void 0);
|
|
1562
1545
|
__decorate([state()], SplitButton.prototype, "_selectedCommand", void 0);
|
|
1563
1546
|
__decorate([state()], SplitButton.prototype, "_selectedLabel", void 0);
|
|
1564
1547
|
__decorate([state()], SplitButton.prototype, "_selectedIcon", void 0);
|
|
@@ -3321,7 +3304,7 @@ function createTreeListAdapter(toTreeItem, options) {
|
|
|
3321
3304
|
//#region src/vertical-list/vertical-list.ts
|
|
3322
3305
|
const ITEM_SELECTOR = `li, [data-list-item]`;
|
|
3323
3306
|
function isMultiMode(mode) {
|
|
3324
|
-
return mode === `checked` || mode === `vscode` || mode === `standard`;
|
|
3307
|
+
return mode === `checked` || mode === `sticky` || mode === `vscode` || mode === `standard`;
|
|
3325
3308
|
}
|
|
3326
3309
|
let VerticalListElement = class VerticalListElement extends LitElement {
|
|
3327
3310
|
constructor(..._args2) {
|
|
@@ -3582,7 +3565,7 @@ let VerticalListElement = class VerticalListElement extends LitElement {
|
|
|
3582
3565
|
_toggleItem(item) {
|
|
3583
3566
|
if (!this._isCheckable(item)) return;
|
|
3584
3567
|
const effectiveMultiple = this.selectionMode === `multiple` || isMultiMode(this.interactionMode);
|
|
3585
|
-
if (this.selectionMode === `none` && this.interactionMode !== `checked`) return;
|
|
3568
|
+
if (this.selectionMode === `none` && this.interactionMode !== `checked` && this.interactionMode !== `sticky`) return;
|
|
3586
3569
|
const previous = this._selectedItems;
|
|
3587
3570
|
const next = new Set(this._selectedItems);
|
|
3588
3571
|
if (next.has(item)) next.delete(item);
|
|
@@ -3647,7 +3630,7 @@ let VerticalListElement = class VerticalListElement extends LitElement {
|
|
|
3647
3630
|
_handleClickSelection(item, e) {
|
|
3648
3631
|
const mode = this.interactionMode;
|
|
3649
3632
|
if (mode === `manual`) return;
|
|
3650
|
-
if (this.selectionMode === `none` && mode !== `checked`) return;
|
|
3633
|
+
if (this.selectionMode === `none` && mode !== `checked` && mode !== `sticky`) return;
|
|
3651
3634
|
switch (mode) {
|
|
3652
3635
|
case `implicit`:
|
|
3653
3636
|
this._replaceSelection(item);
|
|
@@ -3659,7 +3642,8 @@ let VerticalListElement = class VerticalListElement extends LitElement {
|
|
|
3659
3642
|
} else if (e.shiftKey && (this.selectionMode === `multiple` || mode === `vscode`)) this._rangeSelectTo(item);
|
|
3660
3643
|
else this._replaceSelection(item);
|
|
3661
3644
|
break;
|
|
3662
|
-
case `checked`:
|
|
3645
|
+
case `checked`: break;
|
|
3646
|
+
case `sticky`: this._toggleItem(item);
|
|
3663
3647
|
}
|
|
3664
3648
|
}
|
|
3665
3649
|
_handleSpaceKey(item) {
|