@genesislcap/foundation-ui 14.244.2 → 14.245.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.
- package/dist/custom-elements.json +2812 -2798
- package/dist/dts/combobox/combobox.d.ts +2 -2
- package/dist/dts/combobox/combobox.d.ts.map +1 -1
- package/dist/dts/tabs/tabs.d.ts +7 -0
- package/dist/dts/tabs/tabs.d.ts.map +1 -1
- package/dist/esm/combobox/combobox.js +15 -15
- package/dist/esm/tabs/tabs.js +10 -0
- package/package.json +16 -16
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { Combobox as FASTComboBox } from '@microsoft/fast-components';
|
|
2
|
-
import { ComboboxAutocomplete } from '@microsoft/fast-foundation';
|
|
3
2
|
import type { ComboboxOptions } from '@microsoft/fast-foundation';
|
|
4
3
|
/**
|
|
5
4
|
* @tagname %%prefix%%-combobox
|
|
@@ -9,7 +8,6 @@ export declare class Combobox extends FASTComboBox {
|
|
|
9
8
|
private _ourValue;
|
|
10
9
|
private needManualChangeEventDispatch;
|
|
11
10
|
get activeDescendant(): string;
|
|
12
|
-
autocomplete: ComboboxAutocomplete;
|
|
13
11
|
slottedDatasource: HTMLSlotElement;
|
|
14
12
|
async: boolean;
|
|
15
13
|
debounce: number;
|
|
@@ -19,6 +17,8 @@ export declare class Combobox extends FASTComboBox {
|
|
|
19
17
|
caseSensitive: boolean;
|
|
20
18
|
/** Controls whether to suppress opening the dropdown when the input field is clicked */
|
|
21
19
|
ignoreInputClick: boolean;
|
|
20
|
+
/** Controls whether to filter by contains or startsWith */
|
|
21
|
+
filterMode: 'contains' | 'startsWith';
|
|
22
22
|
/**
|
|
23
23
|
* Controls whether the combobox should always scroll to the selected option when the dropdown is opened
|
|
24
24
|
* @experimental
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../src/combobox/combobox.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../src/combobox/combobox.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAGtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAWlE;;GAEG;AACH,qBAAa,QAAS,SAAQ,YAAY;;IACxC,OAAO,CAAC,SAAS,CAAS;IAI1B,OAAO,CAAC,6BAA6B,CAAkB;IACvD,IACI,gBAAgB,WAKnB;IAEW,iBAAiB,EAAE,eAAe,CAAC;IACpB,KAAK,UAAS;IACnC,QAAQ,EAAE,MAAM,CAAiB;IACvC,eAAe,CAAC,QAAQ,KAAA,EAAE,QAAQ,EAAE,MAAM;IAG1C,qBAAqB,MAAC;IACtB,iFAAiF;IAE1E,aAAa,EAAE,OAAO,CAAS;IAEtC,wFAAwF;IAEjF,gBAAgB,EAAE,OAAO,CAAS;IAEzC,2DAA2D;IAEpD,UAAU,EAAE,UAAU,GAAG,YAAY,CAAgB;IAE5D;;;OAGG;IAEH,2BAA2B,EAAE,OAAO,CAAS;IAE7C;;;OAGG;IAEH,kCAAkC,EAAE,OAAO,GAAG,qBAAqB,CAGjE;IAEF;;;OAGG;IAEH,0BAA0B,EAAE,OAAO,CAAS;IAE5C;;;OAGG;IAEH,iCAAiC,EAAE,OAAO,GAAG,qBAAqB,CAGhE;IAEF,WAAW;IAmBX,IAAW,KAAK,IAKO,MAAM,CAF5B;IAED,IAAW,KAAK,CAAC,IAAI,EAAE,MAAM,EA2B5B;IAEe,qBAAqB,CAAC,IAAI,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI;IAMzE,aAAa,IAAI,IAAI;IAmBrB,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,IAAI;IAuB3C,cAAc,CAAC,CAAC,EAAE,aAAa,GAAG,OAAO,GAAG,IAAI;IAgDhD,YAAY,CAAC,CAAC,EAAE,aAAa,GAAG,OAAO,GAAG,IAAI;IAgC9D;;;;OAIG;IACH,SAAS,KAAK,SAAS,IAAI,OAAO,CAGjC;IAED;;;;;OAKG;IACH,SAAS,CAAC,iBAAiB,CAAC,KAAK,EAAE,MAAM;IAKhC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,IAAI;IAQpD,cAAc;IAoBd,aAAa,aAOX;IAEF,OAAO,CAAC,2BAA2B;CAUpC;AAGD,eAAO,MAAM,+BAA+B,EAAE,cAG7C,CAAC;AAEF,eAAO,MAAM,qBAAqB;;CAajC,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,8SAM7B,CAAC"}
|
package/dist/dts/tabs/tabs.d.ts
CHANGED
|
@@ -3,6 +3,13 @@ import { Tabs as FASTTabs } from '@microsoft/fast-components';
|
|
|
3
3
|
* @tagname %%prefix%%-tabs
|
|
4
4
|
*/
|
|
5
5
|
export declare class Tabs extends FASTTabs {
|
|
6
|
+
/**
|
|
7
|
+
* A zero-index number representing the active tab
|
|
8
|
+
*
|
|
9
|
+
* @privateRemarks
|
|
10
|
+
* Exposes the private `activeTabIndex` from the original class
|
|
11
|
+
*/
|
|
12
|
+
get currentTabIndex(): number | undefined;
|
|
6
13
|
}
|
|
7
14
|
export declare const foundationTabsShadowOptions: ShadowRootInit;
|
|
8
15
|
export declare const defaultTabsConfig: {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/tabs/tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAI9D;;GAEG;AACH,qBAAa,IAAK,SAAQ,QAAQ;
|
|
1
|
+
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/tabs/tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAI9D;;GAEG;AACH,qBAAa,IAAK,SAAQ,QAAQ;IAChC;;;;;OAKG;IACH,IAAI,eAAe,IAAI,MAAM,GAAG,SAAS,CAGxC;CACF;AAGD,eAAO,MAAM,2BAA2B,EAAE,cAA0B,CAAC;AAErE,eAAO,MAAM,iBAAiB,IAAK,CAAC;AAEpC;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,oTAMzB,CAAC"}
|
|
@@ -20,13 +20,14 @@ export class Combobox extends FASTComboBox {
|
|
|
20
20
|
_Combobox_indicator.set(this, void 0);
|
|
21
21
|
_Combobox_wasOpenOnEnterDown.set(this, false);
|
|
22
22
|
this.needManualChangeEventDispatch = false;
|
|
23
|
-
this.autocomplete = ComboboxAutocomplete.list;
|
|
24
23
|
this.async = false;
|
|
25
24
|
this.debounce = DEBOUNCE_TIME;
|
|
26
25
|
/** Controls whether to perform a case-sensitive search in the list of options */
|
|
27
26
|
this.caseSensitive = false;
|
|
28
27
|
/** Controls whether to suppress opening the dropdown when the input field is clicked */
|
|
29
28
|
this.ignoreInputClick = false;
|
|
29
|
+
/** Controls whether to filter by contains or startsWith */
|
|
30
|
+
this.filterMode = 'startsWith';
|
|
30
31
|
/**
|
|
31
32
|
* Controls whether the combobox should always scroll to the selected option when the dropdown is opened
|
|
32
33
|
* @experimental
|
|
@@ -100,16 +101,16 @@ export class Combobox extends FASTComboBox {
|
|
|
100
101
|
const prev = `${this._ourValue}`;
|
|
101
102
|
if (this.$fastController.isConnected && this.options) {
|
|
102
103
|
const searchFunc = this.caseSensitive
|
|
103
|
-
? (el) => el.
|
|
104
|
-
: (el) => el.
|
|
104
|
+
? (el) => el.value === next
|
|
105
|
+
: (el) => el.value.toLowerCase() === next.toLowerCase();
|
|
105
106
|
const selectedIndex = this.options ? this.options.findIndex(searchFunc) : -1;
|
|
106
|
-
const prevSelectedValue = (_a = this.options[this.selectedIndex]) === null || _a === void 0 ? void 0 : _a.
|
|
107
|
-
const nextSelectedValue = (_b = this.options[selectedIndex]) === null || _b === void 0 ? void 0 : _b.
|
|
107
|
+
const prevSelectedValue = (_a = this.options[this.selectedIndex]) === null || _a === void 0 ? void 0 : _a.value;
|
|
108
|
+
const nextSelectedValue = (_b = this.options[selectedIndex]) === null || _b === void 0 ? void 0 : _b.value;
|
|
108
109
|
this.selectedIndex =
|
|
109
110
|
nextSelectedValue && nextSelectedValue !== prevSelectedValue
|
|
110
111
|
? selectedIndex
|
|
111
112
|
: this.selectedIndex;
|
|
112
|
-
next = ((_c = this.firstSelectedOption) === null || _c === void 0 ? void 0 : _c.
|
|
113
|
+
next = ((_c = this.firstSelectedOption) === null || _c === void 0 ? void 0 : _c.value) || next;
|
|
113
114
|
}
|
|
114
115
|
if (prev !== next) {
|
|
115
116
|
this._ourValue = next;
|
|
@@ -127,12 +128,11 @@ export class Combobox extends FASTComboBox {
|
|
|
127
128
|
this['filter'] = '';
|
|
128
129
|
}
|
|
129
130
|
const innerFilter = this['filter'];
|
|
130
|
-
const
|
|
131
|
-
|
|
132
|
-
:
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
];
|
|
131
|
+
const filter = this.caseSensitive ? innerFilter : innerFilter.toLowerCase();
|
|
132
|
+
const searchFunc = (el) => {
|
|
133
|
+
const text = this.caseSensitive ? el.text : el.text.toLowerCase();
|
|
134
|
+
return this.filterMode === 'contains' ? text.includes(filter) : text.startsWith(filter);
|
|
135
|
+
};
|
|
136
136
|
this.filteredOptions = this._options.filter(searchFunc);
|
|
137
137
|
if (!this['isAutocompleteList'])
|
|
138
138
|
return;
|
|
@@ -291,9 +291,6 @@ _Combobox_indicator = new WeakMap(), _Combobox_wasOpenOnEnterDown = new WeakMap(
|
|
|
291
291
|
__decorate([
|
|
292
292
|
observable
|
|
293
293
|
], Combobox.prototype, "activeDescendant", null);
|
|
294
|
-
__decorate([
|
|
295
|
-
attr
|
|
296
|
-
], Combobox.prototype, "autocomplete", void 0);
|
|
297
294
|
__decorate([
|
|
298
295
|
observable
|
|
299
296
|
], Combobox.prototype, "slottedDatasource", void 0);
|
|
@@ -309,6 +306,9 @@ __decorate([
|
|
|
309
306
|
__decorate([
|
|
310
307
|
attr({ mode: 'boolean', attribute: 'ignore-input-click' })
|
|
311
308
|
], Combobox.prototype, "ignoreInputClick", void 0);
|
|
309
|
+
__decorate([
|
|
310
|
+
attr({ attribute: 'filter-mode' })
|
|
311
|
+
], Combobox.prototype, "filterMode", void 0);
|
|
312
312
|
__decorate([
|
|
313
313
|
attr({ mode: 'boolean', attribute: 'scroll-to-selected-when-opening' })
|
|
314
314
|
], Combobox.prototype, "scrollToSelectedWhenOpening", void 0);
|
package/dist/esm/tabs/tabs.js
CHANGED
|
@@ -5,6 +5,16 @@ import { foundationTabsTemplate as template } from './tabs.template';
|
|
|
5
5
|
* @tagname %%prefix%%-tabs
|
|
6
6
|
*/
|
|
7
7
|
export class Tabs extends FASTTabs {
|
|
8
|
+
/**
|
|
9
|
+
* A zero-index number representing the active tab
|
|
10
|
+
*
|
|
11
|
+
* @privateRemarks
|
|
12
|
+
* Exposes the private `activeTabIndex` from the original class
|
|
13
|
+
*/
|
|
14
|
+
get currentTabIndex() {
|
|
15
|
+
const ref = this;
|
|
16
|
+
return ref.activeTabIndex;
|
|
17
|
+
}
|
|
8
18
|
}
|
|
9
19
|
// explicitly declaring for extensibility
|
|
10
20
|
export const foundationTabsShadowOptions = undefined;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genesislcap/foundation-ui",
|
|
3
3
|
"description": "Genesis Foundation UI",
|
|
4
|
-
"version": "14.
|
|
4
|
+
"version": "14.245.0",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "SEE LICENSE IN license.txt",
|
|
7
7
|
"main": "dist/esm/index.js",
|
|
@@ -83,13 +83,13 @@
|
|
|
83
83
|
}
|
|
84
84
|
},
|
|
85
85
|
"devDependencies": {
|
|
86
|
-
"@genesislcap/foundation-testing": "14.
|
|
87
|
-
"@genesislcap/genx": "14.
|
|
88
|
-
"@genesislcap/rollup-builder": "14.
|
|
89
|
-
"@genesislcap/ts-builder": "14.
|
|
90
|
-
"@genesislcap/uvu-playwright-builder": "14.
|
|
91
|
-
"@genesislcap/vite-builder": "14.
|
|
92
|
-
"@genesislcap/webpack-builder": "14.
|
|
86
|
+
"@genesislcap/foundation-testing": "14.245.0",
|
|
87
|
+
"@genesislcap/genx": "14.245.0",
|
|
88
|
+
"@genesislcap/rollup-builder": "14.245.0",
|
|
89
|
+
"@genesislcap/ts-builder": "14.245.0",
|
|
90
|
+
"@genesislcap/uvu-playwright-builder": "14.245.0",
|
|
91
|
+
"@genesislcap/vite-builder": "14.245.0",
|
|
92
|
+
"@genesislcap/webpack-builder": "14.245.0",
|
|
93
93
|
"copyfiles": "^2.4.1",
|
|
94
94
|
"rimraf": "^5.0.0",
|
|
95
95
|
"rxjs": "^7.5.4"
|
|
@@ -100,13 +100,13 @@
|
|
|
100
100
|
"@fortawesome/free-regular-svg-icons": "^6.2.1",
|
|
101
101
|
"@fortawesome/free-solid-svg-icons": "^6.2.1",
|
|
102
102
|
"@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
|
|
103
|
-
"@genesislcap/foundation-comms": "14.
|
|
104
|
-
"@genesislcap/foundation-criteria": "14.
|
|
105
|
-
"@genesislcap/foundation-errors": "14.
|
|
106
|
-
"@genesislcap/foundation-logger": "14.
|
|
107
|
-
"@genesislcap/foundation-notifications": "14.
|
|
108
|
-
"@genesislcap/foundation-user": "14.
|
|
109
|
-
"@genesislcap/foundation-utils": "14.
|
|
103
|
+
"@genesislcap/foundation-comms": "14.245.0",
|
|
104
|
+
"@genesislcap/foundation-criteria": "14.245.0",
|
|
105
|
+
"@genesislcap/foundation-errors": "14.245.0",
|
|
106
|
+
"@genesislcap/foundation-logger": "14.245.0",
|
|
107
|
+
"@genesislcap/foundation-notifications": "14.245.0",
|
|
108
|
+
"@genesislcap/foundation-user": "14.245.0",
|
|
109
|
+
"@genesislcap/foundation-utils": "14.245.0",
|
|
110
110
|
"@microsoft/fast-colors": "5.3.1",
|
|
111
111
|
"@microsoft/fast-components": "2.30.6",
|
|
112
112
|
"@microsoft/fast-element": "1.14.0",
|
|
@@ -128,5 +128,5 @@
|
|
|
128
128
|
"access": "public"
|
|
129
129
|
},
|
|
130
130
|
"customElements": "dist/custom-elements.json",
|
|
131
|
-
"gitHead": "
|
|
131
|
+
"gitHead": "41c6641015bcd50a29d6619f86982503f0c217fb"
|
|
132
132
|
}
|