\n \n \n ", "\n \n \n ", "\n \n
\n \n \n \n \n"])), function (x) {
- return x.checked;
- }, function (x) {
- return x.required;
- }, function (x) {
- return x.disabled;
- }, function (x) {
- return x.readOnly;
- }, function (x) {
- return x.disabled ? null : 0;
- }, function (x, c) {
- return x.keypressHandler(c.event);
- }, function (x, c) {
- return x.clickHandler(c.event);
- }, function (x) {
- return x.readOnly ? "readonly" : "";
- }, function (x) {
- return x.checked ? "checked" : "";
- }, function (x) {
- return x.indeterminate ? "indeterminate" : "";
- }, definition.checkedIndicator || "", definition.indeterminateIndicator || "", function (x) {
- return x.defaultSlottedNodes && x.defaultSlottedNodes.length ? "label" : "label label__hidden";
- }, slotted("defaultSlottedNodes"));
-};
-;// CONCATENATED MODULE: ../../node_modules/@vscode/webview-ui-toolkit/dist/checkbox/checkbox.styles.js
-var checkbox_styles_templateObject;
-function checkbox_styles_taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-
-
-
-var checkboxStyles = function checkboxStyles(context, defintiion) {
- return css(checkbox_styles_templateObject || (checkbox_styles_templateObject = checkbox_styles_taggedTemplateLiteral(["\n\t", " :host {\n\t\talign-items: center;\n\t\toutline: none;\n\t\tmargin: calc(", " * 1px) 0;\n\t\tuser-select: none;\n\t\tfont-size: ", ";\n\t\tline-height: ", ";\n\t}\n\t.control {\n\t\tposition: relative;\n\t\twidth: calc(", " * 4px + 2px);\n\t\theight: calc(", " * 4px + 2px);\n\t\tbox-sizing: border-box;\n\t\tborder-radius: calc(", " * 1px);\n\t\tborder: calc(", " * 1px) solid ", ";\n\t\tbackground: ", ";\n\t\toutline: none;\n\t\tcursor: pointer;\n\t}\n\t.label {\n\t\tfont-family: ", ";\n\t\tcolor: ", ";\n\t\tpadding-inline-start: calc(", " * 2px + 2px);\n\t\tmargin-inline-end: calc(", " * 2px + 2px);\n\t\tcursor: pointer;\n\t}\n\t.label__hidden {\n\t\tdisplay: none;\n\t\tvisibility: hidden;\n\t}\n\t.checked-indicator {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tdisplay: block;\n\t\tfill: ", ";\n\t\topacity: 0;\n\t\tpointer-events: none;\n\t}\n\t.indeterminate-indicator {\n\t\tborder-radius: 2px;\n\t\tbackground: ", ";\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\twidth: 50%;\n\t\theight: 50%;\n\t\ttransform: translate(-50%, -50%);\n\t\topacity: 0;\n\t}\n\t:host(:enabled) .control:hover {\n\t\tbackground: ", ";\n\t\tborder-color: ", ";\n\t}\n\t:host(:enabled) .control:active {\n\t\tbackground: ", ";\n\t\tborder-color: ", ";\n\t}\n\t:host(:", ") .control {\n\t\tborder: calc(", " * 1px) solid ", ";\n\t}\n\t:host(.disabled) .label,\n\t:host(.readonly) .label,\n\t:host(.readonly) .control,\n\t:host(.disabled) .control {\n\t\tcursor: ", ";\n\t}\n\t:host(.checked:not(.indeterminate)) .checked-indicator,\n\t:host(.indeterminate) .indeterminate-indicator {\n\t\topacity: 1;\n\t}\n\t:host(.disabled) {\n\t\topacity: ", ";\n\t}\n"])), display('inline-flex'), designUnit, typeRampBaseFontSize, typeRampBaseLineHeight, designUnit, designUnit, checkboxCornerRadius, borderWidth, checkboxBorder, checkboxBackground, fontFamily, foreground, designUnit, designUnit, foreground, foreground, checkboxBackground, checkboxBorder, checkboxBackground, focusBorder, focusVisible, borderWidth, focusBorder, disabledCursor, disabledOpacity);
-};
-;// CONCATENATED MODULE: ../../node_modules/@vscode/webview-ui-toolkit/dist/checkbox/index.js
-function dist_checkbox_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function dist_checkbox_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, dist_checkbox_toPropertyKey(o.key), o); } }
-function dist_checkbox_createClass(e, r, t) { return r && dist_checkbox_defineProperties(e.prototype, r), t && dist_checkbox_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function dist_checkbox_toPropertyKey(t) { var i = dist_checkbox_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function dist_checkbox_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function dist_checkbox_callSuper(t, o, e) { return o = dist_checkbox_getPrototypeOf(o), dist_checkbox_possibleConstructorReturn(t, dist_checkbox_isNativeReflectConstruct() ? Reflect.construct(o, e || [], dist_checkbox_getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function dist_checkbox_possibleConstructorReturn(t, e) { if (e && ("object" == typeof e || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return dist_checkbox_assertThisInitialized(t); }
-function dist_checkbox_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function dist_checkbox_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (dist_checkbox_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function checkbox_get() { return checkbox_get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = checkbox_superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, checkbox_get.apply(null, arguments); }
-function checkbox_superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = dist_checkbox_getPrototypeOf(t));); return t; }
-function dist_checkbox_getPrototypeOf(t) { return dist_checkbox_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, dist_checkbox_getPrototypeOf(t); }
-function dist_checkbox_inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && dist_checkbox_setPrototypeOf(t, e); }
-function dist_checkbox_setPrototypeOf(t, e) { return dist_checkbox_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, dist_checkbox_setPrototypeOf(t, e); }
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-
-
-/**
- * The Visual Studio Code checkbox class.
- *
- * @public
- */
-var checkbox_Checkbox = /*#__PURE__*/function (_FoundationCheckbox) {
- function Checkbox() {
- dist_checkbox_classCallCheck(this, Checkbox);
- return dist_checkbox_callSuper(this, Checkbox, arguments);
- }
- dist_checkbox_inherits(Checkbox, _FoundationCheckbox);
- return dist_checkbox_createClass(Checkbox, [{
- key: "connectedCallback",
- value:
- /**
- * Component lifecycle method that runs when the component is inserted
- * into the DOM.
- *
- * @internal
- */
- function connectedCallback() {
- checkbox_get(dist_checkbox_getPrototypeOf(Checkbox.prototype), "connectedCallback", this).call(this);
- if (this.textContent) {
- this.setAttribute('aria-label', this.textContent);
- } else {
- // Fallback to the label if there is no text content
- this.setAttribute('aria-label', 'Checkbox');
- }
- }
- }]);
-}(Checkbox);
-/**
- * The Visual Studio Code checkbox component registration.
- *
- * @remarks
- * HTML Element: ``
- *
- * @public
- */
-var vsCodeCheckbox = checkbox_Checkbox.compose({
- baseName: 'checkbox',
- template: checkboxTemplate,
- styles: checkboxStyles,
- checkedIndicator: "\n\t\t\n\t",
- indeterminateIndicator: "\n\t\t\n\t"
-});
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-element/dist/esm/observation/array-change-records.js
-
-/** @internal */
-function newSplice(index, removed, addedCount) {
- return {
- index: index,
- removed: removed,
- addedCount: addedCount
- };
-}
-var EDIT_LEAVE = 0;
-var EDIT_UPDATE = 1;
-var EDIT_ADD = 2;
-var EDIT_DELETE = 3;
-// Note: This function is *based* on the computation of the Levenshtein
-// "edit" distance. The one change is that "updates" are treated as two
-// edits - not one. With Array splices, an update is really a delete
-// followed by an add. By retaining this, we optimize for "keeping" the
-// maximum array items in the original array. For example:
-//
-// 'xxxx123' -> '123yyyy'
-//
-// With 1-edit updates, the shortest path would be just to update all seven
-// characters. With 2-edit updates, we delete 4, leave 3, and add 4. This
-// leaves the substring '123' intact.
-function calcEditDistances(current, currentStart, currentEnd, old, oldStart, oldEnd) {
- // "Deletion" columns
- var rowCount = oldEnd - oldStart + 1;
- var columnCount = currentEnd - currentStart + 1;
- var distances = new Array(rowCount);
- var north;
- var west;
- // "Addition" rows. Initialize null column.
- for (var i = 0; i < rowCount; ++i) {
- distances[i] = new Array(columnCount);
- distances[i][0] = i;
- }
- // Initialize null row
- for (var j = 0; j < columnCount; ++j) {
- distances[0][j] = j;
- }
- for (var _i = 1; _i < rowCount; ++_i) {
- for (var _j = 1; _j < columnCount; ++_j) {
- if (current[currentStart + _j - 1] === old[oldStart + _i - 1]) {
- distances[_i][_j] = distances[_i - 1][_j - 1];
- } else {
- north = distances[_i - 1][_j] + 1;
- west = distances[_i][_j - 1] + 1;
- distances[_i][_j] = north < west ? north : west;
- }
- }
- }
- return distances;
-}
-// This starts at the final weight, and walks "backward" by finding
-// the minimum previous weight recursively until the origin of the weight
-// matrix.
-function spliceOperationsFromEditDistances(distances) {
- var i = distances.length - 1;
- var j = distances[0].length - 1;
- var current = distances[i][j];
- var edits = [];
- while (i > 0 || j > 0) {
- if (i === 0) {
- edits.push(EDIT_ADD);
- j--;
- continue;
- }
- if (j === 0) {
- edits.push(EDIT_DELETE);
- i--;
- continue;
- }
- var northWest = distances[i - 1][j - 1];
- var west = distances[i - 1][j];
- var north = distances[i][j - 1];
- var min = void 0;
- if (west < north) {
- min = west < northWest ? west : northWest;
- } else {
- min = north < northWest ? north : northWest;
- }
- if (min === northWest) {
- if (northWest === current) {
- edits.push(EDIT_LEAVE);
- } else {
- edits.push(EDIT_UPDATE);
- current = northWest;
- }
- i--;
- j--;
- } else if (min === west) {
- edits.push(EDIT_DELETE);
- i--;
- current = west;
- } else {
- edits.push(EDIT_ADD);
- j--;
- current = north;
- }
- }
- edits.reverse();
- return edits;
-}
-function sharedPrefix(current, old, searchLength) {
- for (var i = 0; i < searchLength; ++i) {
- if (current[i] !== old[i]) {
- return i;
- }
- }
- return searchLength;
-}
-function sharedSuffix(current, old, searchLength) {
- var index1 = current.length;
- var index2 = old.length;
- var count = 0;
- while (count < searchLength && current[--index1] === old[--index2]) {
- count++;
- }
- return count;
-}
-function intersect(start1, end1, start2, end2) {
- // Disjoint
- if (end1 < start2 || end2 < start1) {
- return -1;
- }
- // Adjacent
- if (end1 === start2 || end2 === start1) {
- return 0;
- }
- // Non-zero intersect, span1 first
- if (start1 < start2) {
- if (end1 < end2) {
- return end1 - start2; // Overlap
- }
- return end2 - start2; // Contained
- }
- // Non-zero intersect, span2 first
- if (end2 < end1) {
- return end2 - start1; // Overlap
- }
- return end1 - start1; // Contained
-}
-/**
- * Splice Projection functions:
- *
- * A splice map is a representation of how a previous array of items
- * was transformed into a new array of items. Conceptually it is a list of
- * tuples of
- *
- *
- *
- * which are kept in ascending index order of. The tuple represents that at
- * the |index|, |removed| sequence of items were removed, and counting forward
- * from |index|, |addedCount| items were added.
- */
-/**
- * @internal
- * @remarks
- * Lacking individual splice mutation information, the minimal set of
- * splices can be synthesized given the previous state and final state of an
- * array. The basic approach is to calculate the edit distance matrix and
- * choose the shortest path through it.
- *
- * Complexity: O(l * p)
- * l: The length of the current array
- * p: The length of the old array
- */
-function calcSplices(current, currentStart, currentEnd, old, oldStart, oldEnd) {
- var prefixCount = 0;
- var suffixCount = 0;
- var minLength = Math.min(currentEnd - currentStart, oldEnd - oldStart);
- if (currentStart === 0 && oldStart === 0) {
- prefixCount = sharedPrefix(current, old, minLength);
- }
- if (currentEnd === current.length && oldEnd === old.length) {
- suffixCount = sharedSuffix(current, old, minLength - prefixCount);
- }
- currentStart += prefixCount;
- oldStart += prefixCount;
- currentEnd -= suffixCount;
- oldEnd -= suffixCount;
- if (currentEnd - currentStart === 0 && oldEnd - oldStart === 0) {
- return emptyArray;
- }
- if (currentStart === currentEnd) {
- var _splice = newSplice(currentStart, [], 0);
- while (oldStart < oldEnd) {
- _splice.removed.push(old[oldStart++]);
- }
- return [_splice];
- } else if (oldStart === oldEnd) {
- return [newSplice(currentStart, [], currentEnd - currentStart)];
- }
- var ops = spliceOperationsFromEditDistances(calcEditDistances(current, currentStart, currentEnd, old, oldStart, oldEnd));
- var splices = [];
- var splice = void 0;
- var index = currentStart;
- var oldIndex = oldStart;
- for (var i = 0; i < ops.length; ++i) {
- switch (ops[i]) {
- case EDIT_LEAVE:
- if (splice !== void 0) {
- splices.push(splice);
- splice = void 0;
- }
- index++;
- oldIndex++;
- break;
- case EDIT_UPDATE:
- if (splice === void 0) {
- splice = newSplice(index, [], 0);
- }
- splice.addedCount++;
- index++;
- splice.removed.push(old[oldIndex]);
- oldIndex++;
- break;
- case EDIT_ADD:
- if (splice === void 0) {
- splice = newSplice(index, [], 0);
- }
- splice.addedCount++;
- index++;
- break;
- case EDIT_DELETE:
- if (splice === void 0) {
- splice = newSplice(index, [], 0);
- }
- splice.removed.push(old[oldIndex]);
- oldIndex++;
- break;
- // no default
- }
- }
- if (splice !== void 0) {
- splices.push(splice);
- }
- return splices;
-}
-var $push = Array.prototype.push;
-function mergeSplice(splices, index, removed, addedCount) {
- var splice = newSplice(index, removed, addedCount);
- var inserted = false;
- var insertionOffset = 0;
- for (var i = 0; i < splices.length; i++) {
- var current = splices[i];
- current.index += insertionOffset;
- if (inserted) {
- continue;
- }
- var intersectCount = intersect(splice.index, splice.index + splice.removed.length, current.index, current.index + current.addedCount);
- if (intersectCount >= 0) {
- // Merge the two splices
- splices.splice(i, 1);
- i--;
- insertionOffset -= current.addedCount - current.removed.length;
- splice.addedCount += current.addedCount - intersectCount;
- var deleteCount = splice.removed.length + current.removed.length - intersectCount;
- if (!splice.addedCount && !deleteCount) {
- // merged splice is a noop. discard.
- inserted = true;
- } else {
- var currentRemoved = current.removed;
- if (splice.index < current.index) {
- // some prefix of splice.removed is prepended to current.removed.
- var prepend = splice.removed.slice(0, current.index - splice.index);
- $push.apply(prepend, currentRemoved);
- currentRemoved = prepend;
- }
- if (splice.index + splice.removed.length > current.index + current.addedCount) {
- // some suffix of splice.removed is appended to current.removed.
- var append = splice.removed.slice(current.index + current.addedCount - splice.index);
- $push.apply(currentRemoved, append);
- }
- splice.removed = currentRemoved;
- if (current.index < splice.index) {
- splice.index = current.index;
- }
- }
- } else if (splice.index < current.index) {
- // Insert splice here.
- inserted = true;
- splices.splice(i, 0, splice);
- i++;
- var offset = splice.addedCount - splice.removed.length;
- current.index += offset;
- insertionOffset += offset;
- }
- }
- if (!inserted) {
- splices.push(splice);
- }
-}
-function createInitialSplices(changeRecords) {
- var splices = [];
- for (var i = 0, ii = changeRecords.length; i < ii; i++) {
- var record = changeRecords[i];
- mergeSplice(splices, record.index, record.removed, record.addedCount);
- }
- return splices;
-}
-/** @internal */
-function projectArraySplices(array, changeRecords) {
- var splices = [];
- var initialSplices = createInitialSplices(changeRecords);
- for (var i = 0, ii = initialSplices.length; i < ii; ++i) {
- var splice = initialSplices[i];
- if (splice.addedCount === 1 && splice.removed.length === 1) {
- if (splice.removed[0] !== array[splice.index]) {
- splices.push(splice);
- }
- continue;
- }
- splices = splices.concat(calcSplices(array, splice.index, splice.index + splice.addedCount, splice.removed, 0, splice.removed.length));
- }
- return splices;
-}
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-element/dist/esm/observation/array-observer.js
-function array_observer_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function array_observer_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, array_observer_toPropertyKey(o.key), o); } }
-function array_observer_createClass(e, r, t) { return r && array_observer_defineProperties(e.prototype, r), t && array_observer_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function array_observer_toPropertyKey(t) { var i = array_observer_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function array_observer_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function array_observer_callSuper(t, o, e) { return o = array_observer_getPrototypeOf(o), array_observer_possibleConstructorReturn(t, array_observer_isNativeReflectConstruct() ? Reflect.construct(o, e || [], array_observer_getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function array_observer_possibleConstructorReturn(t, e) { if (e && ("object" == typeof e || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return array_observer_assertThisInitialized(t); }
-function array_observer_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function array_observer_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (array_observer_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function array_observer_get() { return array_observer_get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = array_observer_superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, array_observer_get.apply(null, arguments); }
-function array_observer_superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = array_observer_getPrototypeOf(t));); return t; }
-function array_observer_getPrototypeOf(t) { return array_observer_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, array_observer_getPrototypeOf(t); }
-function array_observer_inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && array_observer_setPrototypeOf(t, e); }
-function array_observer_setPrototypeOf(t, e) { return array_observer_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, array_observer_setPrototypeOf(t, e); }
-
-
-
-
-var arrayObservationEnabled = false;
-function adjustIndex(changeRecord, array) {
- var index = changeRecord.index;
- var arrayLength = array.length;
- if (index > arrayLength) {
- index = arrayLength - changeRecord.addedCount;
- } else if (index < 0) {
- index = arrayLength + changeRecord.removed.length + index - changeRecord.addedCount;
- }
- if (index < 0) {
- index = 0;
- }
- changeRecord.index = index;
- return changeRecord;
-}
-var ArrayObserver = /*#__PURE__*/function (_SubscriberSet) {
- function ArrayObserver(source) {
- var _this;
- array_observer_classCallCheck(this, ArrayObserver);
- _this = array_observer_callSuper(this, ArrayObserver, [source]);
- _this.oldCollection = void 0;
- _this.splices = void 0;
- _this.needsQueue = true;
- _this.call = _this.flush;
- Reflect.defineProperty(source, "$fastController", {
- value: _this,
- enumerable: false
- });
- return _this;
- }
- array_observer_inherits(ArrayObserver, _SubscriberSet);
- return array_observer_createClass(ArrayObserver, [{
- key: "subscribe",
- value: function subscribe(subscriber) {
- this.flush();
- array_observer_get(array_observer_getPrototypeOf(ArrayObserver.prototype), "subscribe", this).call(this, subscriber);
- }
- }, {
- key: "addSplice",
- value: function addSplice(splice) {
- if (this.splices === void 0) {
- this.splices = [splice];
- } else {
- this.splices.push(splice);
- }
- if (this.needsQueue) {
- this.needsQueue = false;
- DOM.queueUpdate(this);
- }
- }
- }, {
- key: "reset",
- value: function reset(oldCollection) {
- this.oldCollection = oldCollection;
- if (this.needsQueue) {
- this.needsQueue = false;
- DOM.queueUpdate(this);
- }
- }
- }, {
- key: "flush",
- value: function flush() {
- var splices = this.splices;
- var oldCollection = this.oldCollection;
- if (splices === void 0 && oldCollection === void 0) {
- return;
- }
- this.needsQueue = true;
- this.splices = void 0;
- this.oldCollection = void 0;
- var finalSplices = oldCollection === void 0 ? projectArraySplices(this.source, splices) : calcSplices(this.source, 0, this.source.length, oldCollection, 0, oldCollection.length);
- this.notify(finalSplices);
- }
- }]);
-}(SubscriberSet);
-/* eslint-disable prefer-rest-params */
-/* eslint-disable @typescript-eslint/explicit-function-return-type */
-/**
- * Enables the array observation mechanism.
- * @remarks
- * Array observation is enabled automatically when using the
- * {@link RepeatDirective}, so calling this API manually is
- * not typically necessary.
- * @public
- */
-function enableArrayObservation() {
- if (arrayObservationEnabled) {
- return;
- }
- arrayObservationEnabled = true;
- Observable.setArrayObserverFactory(function (collection) {
- return new ArrayObserver(collection);
- });
- var proto = Array.prototype;
- // Don't patch Array if it has already been patched
- // by another copy of fast-element.
- if (proto.$fastPatch) {
- return;
- }
- Reflect.defineProperty(proto, "$fastPatch", {
- value: 1,
- enumerable: false
- });
- var pop = proto.pop;
- var push = proto.push;
- var reverse = proto.reverse;
- var shift = proto.shift;
- var sort = proto.sort;
- var splice = proto.splice;
- var unshift = proto.unshift;
- proto.pop = function () {
- var notEmpty = this.length > 0;
- var methodCallResult = pop.apply(this, arguments);
- var o = this.$fastController;
- if (o !== void 0 && notEmpty) {
- o.addSplice(newSplice(this.length, [methodCallResult], 0));
- }
- return methodCallResult;
- };
- proto.push = function () {
- var methodCallResult = push.apply(this, arguments);
- var o = this.$fastController;
- if (o !== void 0) {
- o.addSplice(adjustIndex(newSplice(this.length - arguments.length, [], arguments.length), this));
- }
- return methodCallResult;
- };
- proto.reverse = function () {
- var oldArray;
- var o = this.$fastController;
- if (o !== void 0) {
- o.flush();
- oldArray = this.slice();
- }
- var methodCallResult = reverse.apply(this, arguments);
- if (o !== void 0) {
- o.reset(oldArray);
- }
- return methodCallResult;
- };
- proto.shift = function () {
- var notEmpty = this.length > 0;
- var methodCallResult = shift.apply(this, arguments);
- var o = this.$fastController;
- if (o !== void 0 && notEmpty) {
- o.addSplice(newSplice(0, [methodCallResult], 0));
- }
- return methodCallResult;
- };
- proto.sort = function () {
- var oldArray;
- var o = this.$fastController;
- if (o !== void 0) {
- o.flush();
- oldArray = this.slice();
- }
- var methodCallResult = sort.apply(this, arguments);
- if (o !== void 0) {
- o.reset(oldArray);
- }
- return methodCallResult;
- };
- proto.splice = function () {
- var methodCallResult = splice.apply(this, arguments);
- var o = this.$fastController;
- if (o !== void 0) {
- o.addSplice(adjustIndex(newSplice(+arguments[0], methodCallResult, arguments.length > 2 ? arguments.length - 2 : 0), this));
- }
- return methodCallResult;
- };
- proto.unshift = function () {
- var methodCallResult = unshift.apply(this, arguments);
- var o = this.$fastController;
- if (o !== void 0) {
- o.addSplice(adjustIndex(newSplice(0, [], arguments.length), this));
- }
- return methodCallResult;
- };
-}
-/* eslint-enable prefer-rest-params */
-/* eslint-enable @typescript-eslint/explicit-function-return-type */
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-element/dist/esm/templating/repeat.js
-function repeat_callSuper(t, o, e) { return o = repeat_getPrototypeOf(o), repeat_possibleConstructorReturn(t, repeat_isNativeReflectConstruct() ? Reflect.construct(o, e || [], repeat_getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function repeat_possibleConstructorReturn(t, e) { if (e && ("object" == typeof e || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return repeat_assertThisInitialized(t); }
-function repeat_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function repeat_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (repeat_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function repeat_getPrototypeOf(t) { return repeat_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, repeat_getPrototypeOf(t); }
-function repeat_inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && repeat_setPrototypeOf(t, e); }
-function repeat_setPrototypeOf(t, e) { return repeat_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, repeat_setPrototypeOf(t, e); }
-function repeat_toConsumableArray(r) { return repeat_arrayWithoutHoles(r) || repeat_iterableToArray(r) || repeat_unsupportedIterableToArray(r) || repeat_nonIterableSpread(); }
-function repeat_nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function repeat_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return repeat_arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? repeat_arrayLikeToArray(r, a) : void 0; } }
-function repeat_iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
-function repeat_arrayWithoutHoles(r) { if (Array.isArray(r)) return repeat_arrayLikeToArray(r); }
-function repeat_arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function repeat_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function repeat_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, repeat_toPropertyKey(o.key), o); } }
-function repeat_createClass(e, r, t) { return r && repeat_defineProperties(e.prototype, r), t && repeat_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function repeat_toPropertyKey(t) { var i = repeat_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function repeat_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-
-
-
-
-
-
-var defaultRepeatOptions = Object.freeze({
- positioning: false,
- recycle: true
-});
-function bindWithoutPositioning(view, items, index, context) {
- view.bind(items[index], context);
-}
-function bindWithPositioning(view, items, index, context) {
- var childContext = Object.create(context);
- childContext.index = index;
- childContext.length = items.length;
- view.bind(items[index], childContext);
-}
-/**
- * A behavior that renders a template for each item in an array.
- * @public
- */
-var RepeatBehavior = /*#__PURE__*/function () {
- /**
- * Creates an instance of RepeatBehavior.
- * @param location - The location in the DOM to render the repeat.
- * @param itemsBinding - The array to render.
- * @param isItemsBindingVolatile - Indicates whether the items binding has volatile dependencies.
- * @param templateBinding - The template to render for each item.
- * @param isTemplateBindingVolatile - Indicates whether the template binding has volatile dependencies.
- * @param options - Options used to turn on special repeat features.
- */
- function RepeatBehavior(location, itemsBinding, isItemsBindingVolatile, templateBinding, isTemplateBindingVolatile, options) {
- repeat_classCallCheck(this, RepeatBehavior);
- this.location = location;
- this.itemsBinding = itemsBinding;
- this.templateBinding = templateBinding;
- this.options = options;
- this.source = null;
- this.views = [];
- this.items = null;
- this.itemsObserver = null;
- this.originalContext = void 0;
- this.childContext = void 0;
- this.bindView = bindWithoutPositioning;
- this.itemsBindingObserver = Observable.binding(itemsBinding, this, isItemsBindingVolatile);
- this.templateBindingObserver = Observable.binding(templateBinding, this, isTemplateBindingVolatile);
- if (options.positioning) {
- this.bindView = bindWithPositioning;
- }
- }
- /**
- * Bind this behavior to the source.
- * @param source - The source to bind to.
- * @param context - The execution context that the binding is operating within.
- */
- return repeat_createClass(RepeatBehavior, [{
- key: "bind",
- value: function bind(source, context) {
- this.source = source;
- this.originalContext = context;
- this.childContext = Object.create(context);
- this.childContext.parent = source;
- this.childContext.parentContext = this.originalContext;
- this.items = this.itemsBindingObserver.observe(source, this.originalContext);
- this.template = this.templateBindingObserver.observe(source, this.originalContext);
- this.observeItems(true);
- this.refreshAllViews();
- }
- /**
- * Unbinds this behavior from the source.
- * @param source - The source to unbind from.
- */
- }, {
- key: "unbind",
- value: function unbind() {
- this.source = null;
- this.items = null;
- if (this.itemsObserver !== null) {
- this.itemsObserver.unsubscribe(this);
- }
- this.unbindAllViews();
- this.itemsBindingObserver.disconnect();
- this.templateBindingObserver.disconnect();
- }
- /** @internal */
- }, {
- key: "handleChange",
- value: function handleChange(source, args) {
- if (source === this.itemsBinding) {
- this.items = this.itemsBindingObserver.observe(this.source, this.originalContext);
- this.observeItems();
- this.refreshAllViews();
- } else if (source === this.templateBinding) {
- this.template = this.templateBindingObserver.observe(this.source, this.originalContext);
- this.refreshAllViews(true);
- } else {
- this.updateViews(args);
- }
- }
- }, {
- key: "observeItems",
- value: function observeItems() {
- var force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
- if (!this.items) {
- this.items = emptyArray;
- return;
- }
- var oldObserver = this.itemsObserver;
- var newObserver = this.itemsObserver = Observable.getNotifier(this.items);
- var hasNewObserver = oldObserver !== newObserver;
- if (hasNewObserver && oldObserver !== null) {
- oldObserver.unsubscribe(this);
- }
- if (hasNewObserver || force) {
- newObserver.subscribe(this);
- }
- }
- }, {
- key: "updateViews",
- value: function updateViews(splices) {
- var childContext = this.childContext;
- var views = this.views;
- var bindView = this.bindView;
- var items = this.items;
- var template = this.template;
- var recycle = this.options.recycle;
- var leftoverViews = [];
- var leftoverIndex = 0;
- var availableViews = 0;
- for (var i = 0, ii = splices.length; i < ii; ++i) {
- var splice = splices[i];
- var removed = splice.removed;
- var removeIndex = 0;
- var addIndex = splice.index;
- var end = addIndex + splice.addedCount;
- var removedViews = views.splice(splice.index, removed.length);
- var totalAvailableViews = availableViews = leftoverViews.length + removedViews.length;
- for (; addIndex < end; ++addIndex) {
- var neighbor = views[addIndex];
- var location = neighbor ? neighbor.firstChild : this.location;
- var view = void 0;
- if (recycle && availableViews > 0) {
- if (removeIndex <= totalAvailableViews && removedViews.length > 0) {
- view = removedViews[removeIndex];
- removeIndex++;
- } else {
- view = leftoverViews[leftoverIndex];
- leftoverIndex++;
- }
- availableViews--;
- } else {
- view = template.create();
- }
- views.splice(addIndex, 0, view);
- bindView(view, items, addIndex, childContext);
- view.insertBefore(location);
- }
- if (removedViews[removeIndex]) {
- leftoverViews.push.apply(leftoverViews, repeat_toConsumableArray(removedViews.slice(removeIndex)));
- }
- }
- for (var _i = leftoverIndex, _ii = leftoverViews.length; _i < _ii; ++_i) {
- leftoverViews[_i].dispose();
- }
- if (this.options.positioning) {
- for (var _i2 = 0, _ii2 = views.length; _i2 < _ii2; ++_i2) {
- var currentContext = views[_i2].context;
- currentContext.length = _ii2;
- currentContext.index = _i2;
- }
- }
- }
- }, {
- key: "refreshAllViews",
- value: function refreshAllViews() {
- var templateChanged = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
- var items = this.items;
- var childContext = this.childContext;
- var template = this.template;
- var location = this.location;
- var bindView = this.bindView;
- var itemsLength = items.length;
- var views = this.views;
- var viewsLength = views.length;
- if (itemsLength === 0 || templateChanged || !this.options.recycle) {
- // all views need to be removed
- HTMLView.disposeContiguousBatch(views);
- viewsLength = 0;
- }
- if (viewsLength === 0) {
- // all views need to be created
- this.views = views = new Array(itemsLength);
- for (var i = 0; i < itemsLength; ++i) {
- var view = template.create();
- bindView(view, items, i, childContext);
- views[i] = view;
- view.insertBefore(location);
- }
- } else {
- // attempt to reuse existing views with new data
- var _i3 = 0;
- for (; _i3 < itemsLength; ++_i3) {
- if (_i3 < viewsLength) {
- var _view = views[_i3];
- bindView(_view, items, _i3, childContext);
- } else {
- var _view2 = template.create();
- bindView(_view2, items, _i3, childContext);
- views.push(_view2);
- _view2.insertBefore(location);
- }
- }
- var removed = views.splice(_i3, viewsLength - _i3);
- for (_i3 = 0, itemsLength = removed.length; _i3 < itemsLength; ++_i3) {
- removed[_i3].dispose();
- }
- }
- }
- }, {
- key: "unbindAllViews",
- value: function unbindAllViews() {
- var views = this.views;
- for (var i = 0, ii = views.length; i < ii; ++i) {
- views[i].unbind();
- }
- }
- }]);
-}();
-/**
- * A directive that configures list rendering.
- * @public
- */
-var RepeatDirective = /*#__PURE__*/function (_HTMLDirective) {
- /**
- * Creates an instance of RepeatDirective.
- * @param itemsBinding - The binding that provides the array to render.
- * @param templateBinding - The template binding used to obtain a template to render for each item in the array.
- * @param options - Options used to turn on special repeat features.
- */
- function RepeatDirective(itemsBinding, templateBinding, options) {
- var _this;
- repeat_classCallCheck(this, RepeatDirective);
- _this = repeat_callSuper(this, RepeatDirective);
- _this.itemsBinding = itemsBinding;
- _this.templateBinding = templateBinding;
- _this.options = options;
- /**
- * Creates a placeholder string based on the directive's index within the template.
- * @param index - The index of the directive within the template.
- */
- _this.createPlaceholder = DOM.createBlockPlaceholder;
- enableArrayObservation();
- _this.isItemsBindingVolatile = Observable.isVolatileBinding(itemsBinding);
- _this.isTemplateBindingVolatile = Observable.isVolatileBinding(templateBinding);
- return _this;
- }
- /**
- * Creates a behavior for the provided target node.
- * @param target - The node instance to create the behavior for.
- */
- repeat_inherits(RepeatDirective, _HTMLDirective);
- return repeat_createClass(RepeatDirective, [{
- key: "createBehavior",
- value: function createBehavior(target) {
- return new RepeatBehavior(target, this.itemsBinding, this.isItemsBindingVolatile, this.templateBinding, this.isTemplateBindingVolatile, this.options);
- }
- }]);
-}(HTMLDirective);
-/**
- * A directive that enables list rendering.
- * @param itemsBinding - The array to render.
- * @param templateOrTemplateBinding - The template or a template binding used obtain a template
- * to render for each item in the array.
- * @param options - Options used to turn on special repeat features.
- * @public
- */
-function repeat(itemsBinding, templateOrTemplateBinding) {
- var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultRepeatOptions;
- var templateBinding = typeof templateOrTemplateBinding === "function" ? templateOrTemplateBinding : function () {
- return templateOrTemplateBinding;
- };
- return new RepeatDirective(itemsBinding, templateBinding, Object.assign(Object.assign({}, defaultRepeatOptions), options));
-}
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-web-utilities/dist/events.js
-/**
- * This set of exported strings reference https://developer.mozilla.org/en-US/docs/Web/Events
- * and should include all non-deprecated and non-experimental Standard events
- */
-var eventAbort = "abort";
-var eventAfterPrint = "afterprint";
-var eventAnimationCancel = "animationcancel";
-var eventAnimationEnd = "animationend";
-var eventAnimationIteration = "animationiteration";
-var eventAnimationStart = "animationstart";
-var eventAppInstalled = "appinstalled";
-var eventBeforePrint = "beforeprint";
-var eventBeforeUnload = "beforeunload";
-var eventBeginEvent = "beginEvent";
-var eventBlocked = "blocked";
-var eventBlur = "blur";
-var eventCanPlay = "canplay";
-var eventCanPlayThrough = "canplaythrough";
-var eventChange = "change";
-var eventChargingChange = "chargingchange";
-var eventChargingTimeChange = "chargingtimechange";
-var eventClick = "click";
-var eventClose = "close";
-var eventComplete = "complete";
-var eventCompositionEnd = "compositionend";
-var eventCompositionStart = "compositionstart";
-var eventCompositionUpdate = "compositionupdate";
-var eventContextMenu = "contextmenu";
-var eventCopy = "copy";
-var eventCut = "cut";
-var eventDblClick = "dblclick";
-var eventDeviceChange = "devicechange";
-var eventDeviceMotion = "devicemotion";
-var eventDeviceOrientation = "deviceorientation";
-var eventDischargingTimeChange = "dischargingtimechange";
-var eventDrag = "drag";
-var eventDragEnd = "dragend";
-var eventDragEnter = "dragenter";
-var eventDragLeave = "dragleave";
-var eventDragOver = "dragover";
-var eventDragStart = "dragstart";
-var eventDrop = "drop";
-var eventDurationChange = "durationchange";
-var eventEmptied = "emptied";
-var eventEnded = "ended";
-var eventEndEvent = "endevent";
-var eventError = "error";
-var eventFocus = "focus";
-var eventFocusIn = "focusin";
-var eventFocusOut = "focusout";
-var eventFullScreenChange = "fullscreenchange";
-var eventFullScreenError = "fullscreenerror";
-var eventGamePadConnected = "gamepadconnected";
-var eventGamePadDisconnected = "gamepaddisconnected";
-var eventGotPointerCapture = "gotpointercapture";
-var eventHashChange = "hashchange";
-var eventLostPointerCapture = "lostpointercapture";
-var eventInput = "input";
-var eventInvalid = "invalid";
-var eventKeyDown = "keydown";
-var eventKeyUp = "keyup";
-var eventLevelChange = "levelchange";
-var eventLoad = "load";
-var eventLoadedData = "loadeddata";
-var eventLoadedMetaData = "loadedmetadata";
-var eventLoadEnd = "loadend";
-var eventLoadStart = "loadstart";
-var eventMessage = "message";
-var eventMessageError = "messageerror";
-var eventMouseDown = "mousedown";
-var eventMouseEnter = "mouseenter";
-var eventMouseLeave = "mouseleave";
-var eventMouseMove = "mousemove";
-var eventMouseOut = "mouseout";
-var eventMouseOver = "mouseover";
-var eventMouseUp = "mouseup";
-var eventNotificationClick = "notificationclick";
-var eventOffline = "offline";
-var eventOnline = "online";
-var eventOpen = "open";
-var eventOrientationChange = "orientationchange";
-var eventPageHide = "pagehide";
-var eventPageShow = "pageshow";
-var eventPaste = "paste";
-var eventPause = "pause";
-var eventPointerCancel = "pointercancel";
-var eventPointerDown = "pointerdown";
-var eventPointerEnter = "pointerenter";
-var eventPointerLeave = "pointerleave";
-var eventPointerLockChange = "pointerlockchange";
-var eventPointerLockError = "pointerlockerror";
-var eventPointerMove = "pointermove";
-var eventPointerOut = "pointerout";
-var eventPointerOver = "pointerover";
-var eventPointerUp = "pointerup";
-var eventPlay = "play";
-var eventPlaying = "playing";
-var eventPopState = "popstate";
-var eventProgress = "progress";
-var eventPush = "push";
-var eventPushSubscriptionChange = "pushsubscriptionchange";
-var eventRateChange = "ratechange";
-var eventReadyStateChange = "readystatechange";
-var eventRepeatEvent = "repeatevent";
-var eventReset = "reset";
-var eventResize = "resize";
-var eventResourceTimingBufferFull = "resourcetimingbufferfull";
-var eventScroll = "scroll";
-var eventSeeked = "seeked";
-var eventSeeking = "seeking";
-var eventSelect = "select";
-var eventShow = "show";
-var eventSlotChange = "slotchange";
-var eventStalled = "stalled";
-var eventStart = "start";
-var eventStorage = "storage";
-var eventSubmit = "submit";
-var eventSuccess = "success";
-var eventSuspend = "suspend";
-var eventSVGAbort = "SVGAbort";
-var eventSVGError = "SVGError";
-var eventSVGLoad = "SVGLoad";
-var eventSVGResize = "SVGResize";
-var eventSVGScroll = "SVGScroll";
-var eventSVGUnload = "SVGUnload";
-var eventSVGZoom = "SVGZoom";
-var eventTimeOut = "timeout";
-var eventTimeUpdate = "timeupdate";
-var eventTouchCancel = "touchcancel";
-var eventTouchEnd = "touchend";
-var eventTouchMove = "touchmove";
-var eventTouchStart = "touchstart";
-var eventTransitionEnd = "transitionend";
-var eventUnload = "unload";
-var eventUpgradeNeeded = "upgradeneeded";
-var eventUserProximity = "userproximity";
-var eventVersionChange = "versionchange";
-var eventVisibilityChange = "visibilitychange";
-var eventVolumeChange = "volumechange";
-var eventWaiting = "waiting";
-var eventWheel = "wheel";
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/data-grid/data-grid.options.js
-/**
- * Enumerates the data grid auto generated header options
- * default option generates a non-sticky header row
- *
- * @public
- */
-var GenerateHeaderOptions = {
- none: "none",
- default: "default",
- sticky: "sticky"
-};
-/**
- * Enumerates possible data grid cell types.
- *
- * @public
- */
-var DataGridCellTypes = {
- default: "default",
- columnHeader: "columnheader",
- rowHeader: "rowheader"
-};
-/**
- * Enumerates possible data grid row types
- *
- * @public
- */
-var DataGridRowTypes = {
- default: "default",
- header: "header",
- stickyHeader: "sticky-header"
-};
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/data-grid/data-grid.js
-function data_grid_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function data_grid_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, data_grid_toPropertyKey(o.key), o); } }
-function data_grid_createClass(e, r, t) { return r && data_grid_defineProperties(e.prototype, r), t && data_grid_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function data_grid_toPropertyKey(t) { var i = data_grid_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function data_grid_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function data_grid_callSuper(t, o, e) { return o = data_grid_getPrototypeOf(o), data_grid_possibleConstructorReturn(t, data_grid_isNativeReflectConstruct() ? Reflect.construct(o, e || [], data_grid_getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function data_grid_possibleConstructorReturn(t, e) { if (e && ("object" == typeof e || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return data_grid_assertThisInitialized(t); }
-function data_grid_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function data_grid_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (data_grid_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function data_grid_get() { return data_grid_get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = data_grid_superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, data_grid_get.apply(null, arguments); }
-function data_grid_superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = data_grid_getPrototypeOf(t));); return t; }
-function data_grid_getPrototypeOf(t) { return data_grid_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, data_grid_getPrototypeOf(t); }
-function data_grid_inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && data_grid_setPrototypeOf(t, e); }
-function data_grid_setPrototypeOf(t, e) { return data_grid_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, data_grid_setPrototypeOf(t, e); }
-
-
-
-
-
-
-/**
- * A Data Grid Custom HTML Element.
- *
- * @slot - The default slot for custom row elements
- * @public
- */
-var DataGrid = /*#__PURE__*/function (_FoundationElement) {
- function DataGrid() {
- var _this;
- data_grid_classCallCheck(this, DataGrid);
- _this = data_grid_callSuper(this, DataGrid);
- /**
- * When true the component will not add itself to the tab queue.
- * Default is false.
- *
- * @public
- * @remarks
- * HTML Attribute: no-tabbing
- */
- _this.noTabbing = false;
- /**
- * Whether the grid should automatically generate a header row and its type
- *
- * @public
- * @remarks
- * HTML Attribute: generate-header
- */
- _this.generateHeader = GenerateHeaderOptions.default;
- /**
- * The data being displayed in the grid
- *
- * @public
- */
- _this.rowsData = [];
- /**
- * The column definitions of the grid
- *
- * @public
- */
- _this.columnDefinitions = null;
- /**
- * The index of the row that will receive focus the next time the
- * grid is focused. This value changes as focus moves to different
- * rows within the grid. Changing this value when focus is already
- * within the grid moves focus to the specified row.
- *
- * @public
- */
- _this.focusRowIndex = 0;
- /**
- * The index of the column that will receive focus the next time the
- * grid is focused. This value changes as focus moves to different rows
- * within the grid. Changing this value when focus is already within
- * the grid moves focus to the specified column.
- *
- * @public
- */
- _this.focusColumnIndex = 0;
- _this.rowsPlaceholder = null;
- _this.generatedHeader = null;
- _this.isUpdatingFocus = false;
- _this.pendingFocusUpdate = false;
- _this.rowindexUpdateQueued = false;
- _this.columnDefinitionsStale = true;
- _this.generatedGridTemplateColumns = "";
- _this.focusOnCell = function (rowIndex, columnIndex, scrollIntoView) {
- if (_this.rowElements.length === 0) {
- _this.focusRowIndex = 0;
- _this.focusColumnIndex = 0;
- return;
- }
- var focusRowIndex = Math.max(0, Math.min(_this.rowElements.length - 1, rowIndex));
- var focusRow = _this.rowElements[focusRowIndex];
- var cells = focusRow.querySelectorAll('[role="cell"], [role="gridcell"], [role="columnheader"], [role="rowheader"]');
- var focusColumnIndex = Math.max(0, Math.min(cells.length - 1, columnIndex));
- var focusTarget = cells[focusColumnIndex];
- if (scrollIntoView && _this.scrollHeight !== _this.clientHeight && (focusRowIndex < _this.focusRowIndex && _this.scrollTop > 0 || focusRowIndex > _this.focusRowIndex && _this.scrollTop < _this.scrollHeight - _this.clientHeight)) {
- focusTarget.scrollIntoView({
- block: "center",
- inline: "center"
- });
- }
- focusTarget.focus();
- };
- _this.onChildListChange = function (mutations, /* eslint-disable-next-line @typescript-eslint/no-unused-vars */
- observer) {
- if (mutations && mutations.length) {
- mutations.forEach(function (mutation) {
- mutation.addedNodes.forEach(function (newNode) {
- if (newNode.nodeType === 1 && newNode.getAttribute("role") === "row") {
- newNode.columnDefinitions = _this.columnDefinitions;
- }
- });
- });
- _this.queueRowIndexUpdate();
- }
- };
- _this.queueRowIndexUpdate = function () {
- if (!_this.rowindexUpdateQueued) {
- _this.rowindexUpdateQueued = true;
- DOM.queueUpdate(_this.updateRowIndexes);
- }
- };
- _this.updateRowIndexes = function () {
- var newGridTemplateColumns = _this.gridTemplateColumns;
- if (newGridTemplateColumns === undefined) {
- // try to generate columns based on manual rows
- if (_this.generatedGridTemplateColumns === "" && _this.rowElements.length > 0) {
- var firstRow = _this.rowElements[0];
- _this.generatedGridTemplateColumns = new Array(firstRow.cellElements.length).fill("1fr").join(" ");
- }
- newGridTemplateColumns = _this.generatedGridTemplateColumns;
- }
- _this.rowElements.forEach(function (element, index) {
- var thisRow = element;
- thisRow.rowIndex = index;
- thisRow.gridTemplateColumns = newGridTemplateColumns;
- if (_this.columnDefinitionsStale) {
- thisRow.columnDefinitions = _this.columnDefinitions;
- }
- });
- _this.rowindexUpdateQueued = false;
- _this.columnDefinitionsStale = false;
- };
- return _this;
- }
- /**
- * generates a gridTemplateColumns based on columndata array
- */
- data_grid_inherits(DataGrid, _FoundationElement);
- return data_grid_createClass(DataGrid, [{
- key: "noTabbingChanged",
- value: function noTabbingChanged() {
- if (this.$fastController.isConnected) {
- if (this.noTabbing) {
- this.setAttribute("tabIndex", "-1");
- } else {
- this.setAttribute("tabIndex", this.contains(document.activeElement) || this === document.activeElement ? "-1" : "0");
- }
- }
- }
- }, {
- key: "generateHeaderChanged",
- value: function generateHeaderChanged() {
- if (this.$fastController.isConnected) {
- this.toggleGeneratedHeader();
- }
- }
- }, {
- key: "gridTemplateColumnsChanged",
- value: function gridTemplateColumnsChanged() {
- if (this.$fastController.isConnected) {
- this.updateRowIndexes();
- }
- }
- }, {
- key: "rowsDataChanged",
- value: function rowsDataChanged() {
- if (this.columnDefinitions === null && this.rowsData.length > 0) {
- this.columnDefinitions = DataGrid.generateColumns(this.rowsData[0]);
- }
- if (this.$fastController.isConnected) {
- this.toggleGeneratedHeader();
- }
- }
- }, {
- key: "columnDefinitionsChanged",
- value: function columnDefinitionsChanged() {
- if (this.columnDefinitions === null) {
- this.generatedGridTemplateColumns = "";
- return;
- }
- this.generatedGridTemplateColumns = DataGrid.generateTemplateColumns(this.columnDefinitions);
- if (this.$fastController.isConnected) {
- this.columnDefinitionsStale = true;
- this.queueRowIndexUpdate();
- }
- }
- }, {
- key: "headerCellItemTemplateChanged",
- value: function headerCellItemTemplateChanged() {
- if (this.$fastController.isConnected) {
- if (this.generatedHeader !== null) {
- this.generatedHeader.headerCellItemTemplate = this.headerCellItemTemplate;
- }
- }
- }
- }, {
- key: "focusRowIndexChanged",
- value: function focusRowIndexChanged() {
- if (this.$fastController.isConnected) {
- this.queueFocusUpdate();
- }
- }
- }, {
- key: "focusColumnIndexChanged",
- value: function focusColumnIndexChanged() {
- if (this.$fastController.isConnected) {
- this.queueFocusUpdate();
- }
- }
- /**
- * @internal
- */
- }, {
- key: "connectedCallback",
- value: function connectedCallback() {
- data_grid_get(data_grid_getPrototypeOf(DataGrid.prototype), "connectedCallback", this).call(this);
- if (this.rowItemTemplate === undefined) {
- this.rowItemTemplate = this.defaultRowItemTemplate;
- }
- this.rowsPlaceholder = document.createComment("");
- this.appendChild(this.rowsPlaceholder);
- this.toggleGeneratedHeader();
- this.rowsRepeatBehavior = new RepeatDirective(function (x) {
- return x.rowsData;
- }, function (x) {
- return x.rowItemTemplate;
- }, {
- positioning: true
- }).createBehavior(this.rowsPlaceholder);
- /* eslint-disable-next-line @typescript-eslint/no-non-null-assertion */
- this.$fastController.addBehaviors([this.rowsRepeatBehavior]);
- this.addEventListener("row-focused", this.handleRowFocus);
- this.addEventListener(eventFocus, this.handleFocus);
- this.addEventListener(eventKeyDown, this.handleKeydown);
- this.addEventListener(eventFocusOut, this.handleFocusOut);
- this.observer = new MutationObserver(this.onChildListChange);
- // only observe if nodes are added or removed
- this.observer.observe(this, {
- childList: true
- });
- if (this.noTabbing) {
- this.setAttribute("tabindex", "-1");
- }
- DOM.queueUpdate(this.queueRowIndexUpdate);
- }
- /**
- * @internal
- */
- }, {
- key: "disconnectedCallback",
- value: function disconnectedCallback() {
- data_grid_get(data_grid_getPrototypeOf(DataGrid.prototype), "disconnectedCallback", this).call(this);
- this.removeEventListener("row-focused", this.handleRowFocus);
- this.removeEventListener(eventFocus, this.handleFocus);
- this.removeEventListener(eventKeyDown, this.handleKeydown);
- this.removeEventListener(eventFocusOut, this.handleFocusOut);
- // disconnect observer
- this.observer.disconnect();
- this.rowsPlaceholder = null;
- this.generatedHeader = null;
- }
- /**
- * @internal
- */
- }, {
- key: "handleRowFocus",
- value: function handleRowFocus(e) {
- this.isUpdatingFocus = true;
- var focusRow = e.target;
- this.focusRowIndex = this.rowElements.indexOf(focusRow);
- this.focusColumnIndex = focusRow.focusColumnIndex;
- this.setAttribute("tabIndex", "-1");
- this.isUpdatingFocus = false;
- }
- /**
- * @internal
- */
- }, {
- key: "handleFocus",
- value: function handleFocus(e) {
- this.focusOnCell(this.focusRowIndex, this.focusColumnIndex, true);
- }
- /**
- * @internal
- */
- }, {
- key: "handleFocusOut",
- value: function handleFocusOut(e) {
- if (e.relatedTarget === null || !this.contains(e.relatedTarget)) {
- this.setAttribute("tabIndex", this.noTabbing ? "-1" : "0");
- }
- }
- /**
- * @internal
- */
- }, {
- key: "handleKeydown",
- value: function handleKeydown(e) {
- if (e.defaultPrevented) {
- return;
- }
- var newFocusRowIndex;
- var maxIndex = this.rowElements.length - 1;
- var currentGridBottom = this.offsetHeight + this.scrollTop;
- var lastRow = this.rowElements[maxIndex];
- switch (e.key) {
- case keyArrowUp:
- e.preventDefault();
- // focus up one row
- this.focusOnCell(this.focusRowIndex - 1, this.focusColumnIndex, true);
- break;
- case keyArrowDown:
- e.preventDefault();
- // focus down one row
- this.focusOnCell(this.focusRowIndex + 1, this.focusColumnIndex, true);
- break;
- case keyPageUp:
- e.preventDefault();
- if (this.rowElements.length === 0) {
- this.focusOnCell(0, 0, false);
- break;
- }
- if (this.focusRowIndex === 0) {
- this.focusOnCell(0, this.focusColumnIndex, false);
- return;
- }
- newFocusRowIndex = this.focusRowIndex - 1;
- for (newFocusRowIndex; newFocusRowIndex >= 0; newFocusRowIndex--) {
- var thisRow = this.rowElements[newFocusRowIndex];
- if (thisRow.offsetTop < this.scrollTop) {
- this.scrollTop = thisRow.offsetTop + thisRow.clientHeight - this.clientHeight;
- break;
- }
- }
- this.focusOnCell(newFocusRowIndex, this.focusColumnIndex, false);
- break;
- case keyPageDown:
- e.preventDefault();
- if (this.rowElements.length === 0) {
- this.focusOnCell(0, 0, false);
- break;
- }
- // focus down one "page"
- if (this.focusRowIndex >= maxIndex || lastRow.offsetTop + lastRow.offsetHeight <= currentGridBottom) {
- this.focusOnCell(maxIndex, this.focusColumnIndex, false);
- return;
- }
- newFocusRowIndex = this.focusRowIndex + 1;
- for (newFocusRowIndex; newFocusRowIndex <= maxIndex; newFocusRowIndex++) {
- var _thisRow = this.rowElements[newFocusRowIndex];
- if (_thisRow.offsetTop + _thisRow.offsetHeight > currentGridBottom) {
- var stickyHeaderOffset = 0;
- if (this.generateHeader === GenerateHeaderOptions.sticky && this.generatedHeader !== null) {
- stickyHeaderOffset = this.generatedHeader.clientHeight;
- }
- this.scrollTop = _thisRow.offsetTop - stickyHeaderOffset;
- break;
- }
- }
- this.focusOnCell(newFocusRowIndex, this.focusColumnIndex, false);
- break;
- case keyHome:
- if (e.ctrlKey) {
- e.preventDefault();
- // focus first cell of first row
- this.focusOnCell(0, 0, true);
- }
- break;
- case keyEnd:
- if (e.ctrlKey && this.columnDefinitions !== null) {
- e.preventDefault();
- // focus last cell of last row
- this.focusOnCell(this.rowElements.length - 1, this.columnDefinitions.length - 1, true);
- }
- break;
- }
- }
- }, {
- key: "queueFocusUpdate",
- value: function queueFocusUpdate() {
- var _this2 = this;
- if (this.isUpdatingFocus && (this.contains(document.activeElement) || this === document.activeElement)) {
- return;
- }
- if (this.pendingFocusUpdate === false) {
- this.pendingFocusUpdate = true;
- DOM.queueUpdate(function () {
- return _this2.updateFocus();
- });
- }
- }
- }, {
- key: "updateFocus",
- value: function updateFocus() {
- this.pendingFocusUpdate = false;
- this.focusOnCell(this.focusRowIndex, this.focusColumnIndex, true);
- }
- }, {
- key: "toggleGeneratedHeader",
- value: function toggleGeneratedHeader() {
- if (this.generatedHeader !== null) {
- this.removeChild(this.generatedHeader);
- this.generatedHeader = null;
- }
- if (this.generateHeader !== GenerateHeaderOptions.none && this.rowsData.length > 0) {
- var generatedHeaderElement = document.createElement(this.rowElementTag);
- this.generatedHeader = generatedHeaderElement;
- this.generatedHeader.columnDefinitions = this.columnDefinitions;
- this.generatedHeader.gridTemplateColumns = this.gridTemplateColumns;
- this.generatedHeader.rowType = this.generateHeader === GenerateHeaderOptions.sticky ? DataGridRowTypes.stickyHeader : DataGridRowTypes.header;
- if (this.firstChild !== null || this.rowsPlaceholder !== null) {
- this.insertBefore(generatedHeaderElement, this.firstChild !== null ? this.firstChild : this.rowsPlaceholder);
- }
- return;
- }
- }
- }], [{
- key: "generateTemplateColumns",
- value: function generateTemplateColumns(columnDefinitions) {
- var templateColumns = "";
- columnDefinitions.forEach(function (column) {
- templateColumns = "".concat(templateColumns).concat(templateColumns === "" ? "" : " ", "1fr");
- });
- return templateColumns;
- }
- }]);
-}(FoundationElement);
-/**
- * generates a basic column definition by examining sample row data
- */
-DataGrid.generateColumns = function (row) {
- return Object.getOwnPropertyNames(row).map(function (property, index) {
- return {
- columnDataKey: property,
- gridColumn: "".concat(index)
- };
- });
-};
-__decorate([attr({
- attribute: "no-tabbing",
- mode: "boolean"
-})], DataGrid.prototype, "noTabbing", void 0);
-__decorate([attr({
- attribute: "generate-header"
-})], DataGrid.prototype, "generateHeader", void 0);
-__decorate([attr({
- attribute: "grid-template-columns"
-})], DataGrid.prototype, "gridTemplateColumns", void 0);
-__decorate([observable], DataGrid.prototype, "rowsData", void 0);
-__decorate([observable], DataGrid.prototype, "columnDefinitions", void 0);
-__decorate([observable], DataGrid.prototype, "rowItemTemplate", void 0);
-__decorate([observable], DataGrid.prototype, "cellItemTemplate", void 0);
-__decorate([observable], DataGrid.prototype, "headerCellItemTemplate", void 0);
-__decorate([observable], DataGrid.prototype, "focusRowIndex", void 0);
-__decorate([observable], DataGrid.prototype, "focusColumnIndex", void 0);
-__decorate([observable], DataGrid.prototype, "defaultRowItemTemplate", void 0);
-__decorate([observable], DataGrid.prototype, "rowElementTag", void 0);
-__decorate([observable], DataGrid.prototype, "rowElements", void 0);
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-element/dist/esm/templating/children.js
-function children_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function children_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, children_toPropertyKey(o.key), o); } }
-function children_createClass(e, r, t) { return r && children_defineProperties(e.prototype, r), t && children_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function children_toPropertyKey(t) { var i = children_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function children_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function children_callSuper(t, o, e) { return o = children_getPrototypeOf(o), children_possibleConstructorReturn(t, children_isNativeReflectConstruct() ? Reflect.construct(o, e || [], children_getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function children_possibleConstructorReturn(t, e) { if (e && ("object" == typeof e || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return children_assertThisInitialized(t); }
-function children_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function children_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (children_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function children_getPrototypeOf(t) { return children_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, children_getPrototypeOf(t); }
-function children_inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && children_setPrototypeOf(t, e); }
-function children_setPrototypeOf(t, e) { return children_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, children_setPrototypeOf(t, e); }
-
-
-/**
- * The runtime behavior for child node observation.
- * @public
- */
-var ChildrenBehavior = /*#__PURE__*/function (_NodeObservationBehav) {
- /**
- * Creates an instance of ChildrenBehavior.
- * @param target - The element target to observe children on.
- * @param options - The options to use when observing the element children.
- */
- function ChildrenBehavior(target, options) {
- var _this;
- children_classCallCheck(this, ChildrenBehavior);
- _this = children_callSuper(this, ChildrenBehavior, [target, options]);
- _this.observer = null;
- options.childList = true;
- return _this;
- }
- /**
- * Begins observation of the nodes.
- */
- children_inherits(ChildrenBehavior, _NodeObservationBehav);
- return children_createClass(ChildrenBehavior, [{
- key: "observe",
- value: function observe() {
- if (this.observer === null) {
- this.observer = new MutationObserver(this.handleEvent.bind(this));
- }
- this.observer.observe(this.target, this.options);
- }
- /**
- * Disconnects observation of the nodes.
- */
- }, {
- key: "disconnect",
- value: function disconnect() {
- this.observer.disconnect();
- }
- /**
- * Retrieves the nodes that should be assigned to the target.
- */
- }, {
- key: "getNodes",
- value: function getNodes() {
- if ("subtree" in this.options) {
- return Array.from(this.target.querySelectorAll(this.options.selector));
- }
- return Array.from(this.target.childNodes);
- }
- }]);
-}(NodeObservationBehavior);
-/**
- * A directive that observes the `childNodes` of an element and updates a property
- * whenever they change.
- * @param propertyOrOptions - The options used to configure child node observation.
- * @public
- */
-function children(propertyOrOptions) {
- if (typeof propertyOrOptions === "string") {
- propertyOrOptions = {
- property: propertyOrOptions
- };
- }
- return new AttachedBehaviorHTMLDirective("fast-children", ChildrenBehavior, propertyOrOptions);
-}
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/data-grid/data-grid-row.js
-function data_grid_row_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function data_grid_row_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, data_grid_row_toPropertyKey(o.key), o); } }
-function data_grid_row_createClass(e, r, t) { return r && data_grid_row_defineProperties(e.prototype, r), t && data_grid_row_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function data_grid_row_toPropertyKey(t) { var i = data_grid_row_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function data_grid_row_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function data_grid_row_callSuper(t, o, e) { return o = data_grid_row_getPrototypeOf(o), data_grid_row_possibleConstructorReturn(t, data_grid_row_isNativeReflectConstruct() ? Reflect.construct(o, e || [], data_grid_row_getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function data_grid_row_possibleConstructorReturn(t, e) { if (e && ("object" == typeof e || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return data_grid_row_assertThisInitialized(t); }
-function data_grid_row_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function data_grid_row_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (data_grid_row_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function data_grid_row_get() { return data_grid_row_get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = data_grid_row_superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, data_grid_row_get.apply(null, arguments); }
-function data_grid_row_superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = data_grid_row_getPrototypeOf(t));); return t; }
-function data_grid_row_getPrototypeOf(t) { return data_grid_row_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, data_grid_row_getPrototypeOf(t); }
-function data_grid_row_inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && data_grid_row_setPrototypeOf(t, e); }
-function data_grid_row_setPrototypeOf(t, e) { return data_grid_row_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, data_grid_row_setPrototypeOf(t, e); }
-
-
-
-
-
-/**
- * A Data Grid Row Custom HTML Element.
- *
- * @fires row-focused - Fires a custom 'row-focused' event when focus is on an element (usually a cell or its contents) in the row
- * @slot - The default slot for custom cell elements
- * @public
- */
-var DataGridRow = /*#__PURE__*/function (_FoundationElement) {
- function DataGridRow() {
- var _this;
- data_grid_row_classCallCheck(this, DataGridRow);
- _this = data_grid_row_callSuper(this, DataGridRow, arguments);
- /**
- * The type of row
- *
- * @public
- * @remarks
- * HTML Attribute: row-type
- */
- _this.rowType = DataGridRowTypes.default;
- /**
- * The base data for this row
- *
- * @public
- */
- _this.rowData = null;
- /**
- * The column definitions of the row
- *
- * @public
- */
- _this.columnDefinitions = null;
- /**
- * Whether focus is on/in a cell within this row.
- *
- * @internal
- */
- _this.isActiveRow = false;
- _this.cellsRepeatBehavior = null;
- _this.cellsPlaceholder = null;
- /**
- * @internal
- */
- _this.focusColumnIndex = 0;
- _this.refocusOnLoad = false;
- _this.updateRowStyle = function () {
- _this.style.gridTemplateColumns = _this.gridTemplateColumns;
- };
- return _this;
- }
- data_grid_row_inherits(DataGridRow, _FoundationElement);
- return data_grid_row_createClass(DataGridRow, [{
- key: "gridTemplateColumnsChanged",
- value: function gridTemplateColumnsChanged() {
- if (this.$fastController.isConnected) {
- this.updateRowStyle();
- }
- }
- }, {
- key: "rowTypeChanged",
- value: function rowTypeChanged() {
- if (this.$fastController.isConnected) {
- this.updateItemTemplate();
- }
- }
- }, {
- key: "rowDataChanged",
- value: function rowDataChanged() {
- if (this.rowData !== null && this.isActiveRow) {
- this.refocusOnLoad = true;
- return;
- }
- }
- }, {
- key: "cellItemTemplateChanged",
- value: function cellItemTemplateChanged() {
- this.updateItemTemplate();
- }
- }, {
- key: "headerCellItemTemplateChanged",
- value: function headerCellItemTemplateChanged() {
- this.updateItemTemplate();
- }
- /**
- * @internal
- */
- }, {
- key: "connectedCallback",
- value: function connectedCallback() {
- data_grid_row_get(data_grid_row_getPrototypeOf(DataGridRow.prototype), "connectedCallback", this).call(this);
- // note that row elements can be reused with a different data object
- // as the parent grid's repeat behavior reacts to changes in the data set.
- if (this.cellsRepeatBehavior === null) {
- this.cellsPlaceholder = document.createComment("");
- this.appendChild(this.cellsPlaceholder);
- this.updateItemTemplate();
- this.cellsRepeatBehavior = new RepeatDirective(function (x) {
- return x.columnDefinitions;
- }, function (x) {
- return x.activeCellItemTemplate;
- }, {
- positioning: true
- }).createBehavior(this.cellsPlaceholder);
- /* eslint-disable-next-line @typescript-eslint/no-non-null-assertion */
- this.$fastController.addBehaviors([this.cellsRepeatBehavior]);
- }
- this.addEventListener("cell-focused", this.handleCellFocus);
- this.addEventListener(eventFocusOut, this.handleFocusout);
- this.addEventListener(eventKeyDown, this.handleKeydown);
- this.updateRowStyle();
- if (this.refocusOnLoad) {
- // if focus was on the row when data changed try to refocus on same cell
- this.refocusOnLoad = false;
- if (this.cellElements.length > this.focusColumnIndex) {
- this.cellElements[this.focusColumnIndex].focus();
- }
- }
- }
- /**
- * @internal
- */
- }, {
- key: "disconnectedCallback",
- value: function disconnectedCallback() {
- data_grid_row_get(data_grid_row_getPrototypeOf(DataGridRow.prototype), "disconnectedCallback", this).call(this);
- this.removeEventListener("cell-focused", this.handleCellFocus);
- this.removeEventListener(eventFocusOut, this.handleFocusout);
- this.removeEventListener(eventKeyDown, this.handleKeydown);
- }
- }, {
- key: "handleFocusout",
- value: function handleFocusout(e) {
- if (!this.contains(e.target)) {
- this.isActiveRow = false;
- this.focusColumnIndex = 0;
- }
- }
- }, {
- key: "handleCellFocus",
- value: function handleCellFocus(e) {
- this.isActiveRow = true;
- this.focusColumnIndex = this.cellElements.indexOf(e.target);
- this.$emit("row-focused", this);
- }
- }, {
- key: "handleKeydown",
- value: function handleKeydown(e) {
- if (e.defaultPrevented) {
- return;
- }
- var newFocusColumnIndex = 0;
- switch (e.key) {
- case keyArrowLeft:
- // focus left one cell
- newFocusColumnIndex = Math.max(0, this.focusColumnIndex - 1);
- this.cellElements[newFocusColumnIndex].focus();
- e.preventDefault();
- break;
- case keyArrowRight:
- // focus right one cell
- newFocusColumnIndex = Math.min(this.cellElements.length - 1, this.focusColumnIndex + 1);
- this.cellElements[newFocusColumnIndex].focus();
- e.preventDefault();
- break;
- case keyHome:
- if (!e.ctrlKey) {
- this.cellElements[0].focus();
- e.preventDefault();
- }
- break;
- case keyEnd:
- if (!e.ctrlKey) {
- // focus last cell of the row
- this.cellElements[this.cellElements.length - 1].focus();
- e.preventDefault();
- }
- break;
- }
- }
- }, {
- key: "updateItemTemplate",
- value: function updateItemTemplate() {
- this.activeCellItemTemplate = this.rowType === DataGridRowTypes.default && this.cellItemTemplate !== undefined ? this.cellItemTemplate : this.rowType === DataGridRowTypes.default && this.cellItemTemplate === undefined ? this.defaultCellItemTemplate : this.headerCellItemTemplate !== undefined ? this.headerCellItemTemplate : this.defaultHeaderCellItemTemplate;
- }
- }]);
-}(FoundationElement);
-__decorate([attr({
- attribute: "grid-template-columns"
-})], DataGridRow.prototype, "gridTemplateColumns", void 0);
-__decorate([attr({
- attribute: "row-type"
-})], DataGridRow.prototype, "rowType", void 0);
-__decorate([observable], DataGridRow.prototype, "rowData", void 0);
-__decorate([observable], DataGridRow.prototype, "columnDefinitions", void 0);
-__decorate([observable], DataGridRow.prototype, "cellItemTemplate", void 0);
-__decorate([observable], DataGridRow.prototype, "headerCellItemTemplate", void 0);
-__decorate([observable], DataGridRow.prototype, "rowIndex", void 0);
-__decorate([observable], DataGridRow.prototype, "isActiveRow", void 0);
-__decorate([observable], DataGridRow.prototype, "activeCellItemTemplate", void 0);
-__decorate([observable], DataGridRow.prototype, "defaultCellItemTemplate", void 0);
-__decorate([observable], DataGridRow.prototype, "defaultHeaderCellItemTemplate", void 0);
-__decorate([observable], DataGridRow.prototype, "cellElements", void 0);
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/data-grid/data-grid.template.js
-var data_grid_template_templateObject, data_grid_template_templateObject2;
-function data_grid_template_taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-
-
-function createRowItemTemplate(context) {
- var rowTag = context.tagFor(DataGridRow);
- return html(data_grid_template_templateObject || (data_grid_template_templateObject = data_grid_template_taggedTemplateLiteral(["\n <", "\n :rowData=\"", "\"\n :cellItemTemplate=\"", "\"\n :headerCellItemTemplate=\"", "\"\n >\n"])), rowTag, function (x) {
- return x;
- }, function (x, c) {
- return c.parent.cellItemTemplate;
- }, function (x, c) {
- return c.parent.headerCellItemTemplate;
- }, rowTag);
-}
-/**
- * Generates a template for the {@link @microsoft/fast-foundation#DataGrid} component using
- * the provided prefix.
- *
- * @public
- */
-var dataGridTemplate = function dataGridTemplate(context, definition) {
- var rowItemTemplate = createRowItemTemplate(context);
- var rowTag = context.tagFor(DataGridRow);
- return html(data_grid_template_templateObject2 || (data_grid_template_templateObject2 = data_grid_template_taggedTemplateLiteral(["\n \n \n \n "])), function () {
- return rowTag;
- }, rowItemTemplate, children({
- property: "rowElements",
- filter: node_observation_elements("[role=row]")
- }));
-};
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/data-grid/data-grid-cell.js
-var data_grid_cell_templateObject, data_grid_cell_templateObject2;
-function data_grid_cell_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function data_grid_cell_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, data_grid_cell_toPropertyKey(o.key), o); } }
-function data_grid_cell_createClass(e, r, t) { return r && data_grid_cell_defineProperties(e.prototype, r), t && data_grid_cell_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function data_grid_cell_toPropertyKey(t) { var i = data_grid_cell_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function data_grid_cell_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function data_grid_cell_callSuper(t, o, e) { return o = data_grid_cell_getPrototypeOf(o), data_grid_cell_possibleConstructorReturn(t, data_grid_cell_isNativeReflectConstruct() ? Reflect.construct(o, e || [], data_grid_cell_getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function data_grid_cell_possibleConstructorReturn(t, e) { if (e && ("object" == typeof e || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return data_grid_cell_assertThisInitialized(t); }
-function data_grid_cell_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function data_grid_cell_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (data_grid_cell_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function data_grid_cell_get() { return data_grid_cell_get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = data_grid_cell_superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, data_grid_cell_get.apply(null, arguments); }
-function data_grid_cell_superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = data_grid_cell_getPrototypeOf(t));); return t; }
-function data_grid_cell_getPrototypeOf(t) { return data_grid_cell_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, data_grid_cell_getPrototypeOf(t); }
-function data_grid_cell_inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && data_grid_cell_setPrototypeOf(t, e); }
-function data_grid_cell_setPrototypeOf(t, e) { return data_grid_cell_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, data_grid_cell_setPrototypeOf(t, e); }
-function data_grid_cell_taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-
-
-
-
-
-
-var defaultCellContentsTemplate = html(data_grid_cell_templateObject || (data_grid_cell_templateObject = data_grid_cell_taggedTemplateLiteral(["\n \n ", "\n \n"])), function (x) {
- return x.rowData === null || x.columnDefinition === null || x.columnDefinition.columnDataKey === null ? null : x.rowData[x.columnDefinition.columnDataKey];
-});
-var defaultHeaderCellContentsTemplate = html(data_grid_cell_templateObject2 || (data_grid_cell_templateObject2 = data_grid_cell_taggedTemplateLiteral(["\n \n ", "\n \n"])), function (x) {
- return x.columnDefinition === null ? null : x.columnDefinition.title === undefined ? x.columnDefinition.columnDataKey : x.columnDefinition.title;
-});
-/**
- * A Data Grid Cell Custom HTML Element.
- *
- * @fires cell-focused - Fires a custom 'cell-focused' event when focus is on the cell or its contents
- * @slot - The default slot for cell contents. The "cell contents template" renders here.
- * @public
- */
-var DataGridCell = /*#__PURE__*/function (_FoundationElement) {
- function DataGridCell() {
- var _this;
- data_grid_cell_classCallCheck(this, DataGridCell);
- _this = data_grid_cell_callSuper(this, DataGridCell, arguments);
- /**
- * The type of cell
- *
- * @public
- * @remarks
- * HTML Attribute: cell-type
- */
- _this.cellType = DataGridCellTypes.default;
- /**
- * The base data for the parent row
- *
- * @public
- */
- _this.rowData = null;
- /**
- * The base data for the column
- *
- * @public
- */
- _this.columnDefinition = null;
- _this.isActiveCell = false;
- _this.customCellView = null;
- _this.updateCellStyle = function () {
- _this.style.gridColumn = _this.gridColumn;
- };
- return _this;
- }
- data_grid_cell_inherits(DataGridCell, _FoundationElement);
- return data_grid_cell_createClass(DataGridCell, [{
- key: "cellTypeChanged",
- value: function cellTypeChanged() {
- if (this.$fastController.isConnected) {
- this.updateCellView();
- }
- }
- }, {
- key: "gridColumnChanged",
- value: function gridColumnChanged() {
- if (this.$fastController.isConnected) {
- this.updateCellStyle();
- }
- }
- }, {
- key: "columnDefinitionChanged",
- value: function columnDefinitionChanged(oldValue, newValue) {
- if (this.$fastController.isConnected) {
- this.updateCellView();
- }
- }
- /**
- * @internal
- */
- }, {
- key: "connectedCallback",
- value: function connectedCallback() {
- var _a;
- data_grid_cell_get(data_grid_cell_getPrototypeOf(DataGridCell.prototype), "connectedCallback", this).call(this);
- this.addEventListener(eventFocusIn, this.handleFocusin);
- this.addEventListener(eventFocusOut, this.handleFocusout);
- this.addEventListener(eventKeyDown, this.handleKeydown);
- this.style.gridColumn = "".concat(((_a = this.columnDefinition) === null || _a === void 0 ? void 0 : _a.gridColumn) === undefined ? 0 : this.columnDefinition.gridColumn);
- this.updateCellView();
- this.updateCellStyle();
- }
- /**
- * @internal
- */
- }, {
- key: "disconnectedCallback",
- value: function disconnectedCallback() {
- data_grid_cell_get(data_grid_cell_getPrototypeOf(DataGridCell.prototype), "disconnectedCallback", this).call(this);
- this.removeEventListener(eventFocusIn, this.handleFocusin);
- this.removeEventListener(eventFocusOut, this.handleFocusout);
- this.removeEventListener(eventKeyDown, this.handleKeydown);
- this.disconnectCellView();
- }
- }, {
- key: "handleFocusin",
- value: function handleFocusin(e) {
- if (this.isActiveCell) {
- return;
- }
- this.isActiveCell = true;
- switch (this.cellType) {
- case DataGridCellTypes.columnHeader:
- if (this.columnDefinition !== null && this.columnDefinition.headerCellInternalFocusQueue !== true && typeof this.columnDefinition.headerCellFocusTargetCallback === "function") {
- // move focus to the focus target
- var focusTarget = this.columnDefinition.headerCellFocusTargetCallback(this);
- if (focusTarget !== null) {
- focusTarget.focus();
- }
- }
- break;
- default:
- if (this.columnDefinition !== null && this.columnDefinition.cellInternalFocusQueue !== true && typeof this.columnDefinition.cellFocusTargetCallback === "function") {
- // move focus to the focus target
- var _focusTarget = this.columnDefinition.cellFocusTargetCallback(this);
- if (_focusTarget !== null) {
- _focusTarget.focus();
- }
- }
- break;
- }
- this.$emit("cell-focused", this);
- }
- }, {
- key: "handleFocusout",
- value: function handleFocusout(e) {
- if (this !== document.activeElement && !this.contains(document.activeElement)) {
- this.isActiveCell = false;
- }
- }
- }, {
- key: "handleKeydown",
- value: function handleKeydown(e) {
- if (e.defaultPrevented || this.columnDefinition === null || this.cellType === DataGridCellTypes.default && this.columnDefinition.cellInternalFocusQueue !== true || this.cellType === DataGridCellTypes.columnHeader && this.columnDefinition.headerCellInternalFocusQueue !== true) {
- return;
- }
- switch (e.key) {
- case keyEnter:
- case keyFunction2:
- if (this.contains(document.activeElement) && document.activeElement !== this) {
- return;
- }
- switch (this.cellType) {
- case DataGridCellTypes.columnHeader:
- if (this.columnDefinition.headerCellFocusTargetCallback !== undefined) {
- var focusTarget = this.columnDefinition.headerCellFocusTargetCallback(this);
- if (focusTarget !== null) {
- focusTarget.focus();
- }
- e.preventDefault();
- }
- break;
- default:
- if (this.columnDefinition.cellFocusTargetCallback !== undefined) {
- var _focusTarget2 = this.columnDefinition.cellFocusTargetCallback(this);
- if (_focusTarget2 !== null) {
- _focusTarget2.focus();
- }
- e.preventDefault();
- }
- break;
- }
- break;
- case keyEscape:
- if (this.contains(document.activeElement) && document.activeElement !== this) {
- this.focus();
- e.preventDefault();
- }
- break;
- }
- }
- }, {
- key: "updateCellView",
- value: function updateCellView() {
- this.disconnectCellView();
- if (this.columnDefinition === null) {
- return;
- }
- switch (this.cellType) {
- case DataGridCellTypes.columnHeader:
- if (this.columnDefinition.headerCellTemplate !== undefined) {
- this.customCellView = this.columnDefinition.headerCellTemplate.render(this, this);
- } else {
- this.customCellView = defaultHeaderCellContentsTemplate.render(this, this);
- }
- break;
- case undefined:
- case DataGridCellTypes.rowHeader:
- case DataGridCellTypes.default:
- if (this.columnDefinition.cellTemplate !== undefined) {
- this.customCellView = this.columnDefinition.cellTemplate.render(this, this);
- } else {
- this.customCellView = defaultCellContentsTemplate.render(this, this);
- }
- break;
- }
- }
- }, {
- key: "disconnectCellView",
- value: function disconnectCellView() {
- if (this.customCellView !== null) {
- this.customCellView.dispose();
- this.customCellView = null;
- }
- }
- }]);
-}(FoundationElement);
-__decorate([attr({
- attribute: "cell-type"
-})], DataGridCell.prototype, "cellType", void 0);
-__decorate([attr({
- attribute: "grid-column"
-})], DataGridCell.prototype, "gridColumn", void 0);
-__decorate([observable], DataGridCell.prototype, "rowData", void 0);
-__decorate([observable], DataGridCell.prototype, "columnDefinition", void 0);
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/data-grid/data-grid-row.template.js
-var data_grid_row_template_templateObject, data_grid_row_template_templateObject2, data_grid_row_template_templateObject3;
-function data_grid_row_template_taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-
-
-function createCellItemTemplate(context) {
- var cellTag = context.tagFor(DataGridCell);
- return html(data_grid_row_template_templateObject || (data_grid_row_template_templateObject = data_grid_row_template_taggedTemplateLiteral(["\n <", "\n cell-type=\"", "\"\n grid-column=\"", "\"\n :rowData=\"", "\"\n :columnDefinition=\"", "\"\n >\n"])), cellTag, function (x) {
- return x.isRowHeader ? "rowheader" : undefined;
- }, function (x, c) {
- return c.index + 1;
- }, function (x, c) {
- return c.parent.rowData;
- }, function (x) {
- return x;
- }, cellTag);
-}
-function createHeaderCellItemTemplate(context) {
- var cellTag = context.tagFor(DataGridCell);
- return html(data_grid_row_template_templateObject2 || (data_grid_row_template_templateObject2 = data_grid_row_template_taggedTemplateLiteral(["\n <", "\n cell-type=\"columnheader\"\n grid-column=\"", "\"\n :columnDefinition=\"", "\"\n >\n"])), cellTag, function (x, c) {
- return c.index + 1;
- }, function (x) {
- return x;
- }, cellTag);
-}
-/**
- * Generates a template for the {@link @microsoft/fast-foundation#DataGridRow} component using
- * the provided prefix.
- *
- * @public
- */
-var dataGridRowTemplate = function dataGridRowTemplate(context, definition) {
- var cellItemTemplate = createCellItemTemplate(context);
- var headerCellItemTemplate = createHeaderCellItemTemplate(context);
- return html(data_grid_row_template_templateObject3 || (data_grid_row_template_templateObject3 = data_grid_row_template_taggedTemplateLiteral(["\n \n \n \n "])), function (x) {
- return x.rowType !== "default" ? x.rowType : "";
- }, cellItemTemplate, headerCellItemTemplate, children({
- property: "cellElements",
- filter: node_observation_elements('[role="cell"],[role="gridcell"],[role="columnheader"],[role="rowheader"]')
- }), slotted("slottedCellElements"));
-};
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/data-grid/data-grid-cell.template.js
-var data_grid_cell_template_templateObject;
-function data_grid_cell_template_taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-
-/**
- * Generates a template for the {@link @microsoft/fast-foundation#DataGridCell} component using
- * the provided prefix.
- * @public
- */
-var dataGridCellTemplate = function dataGridCellTemplate(context, definition) {
- return html(data_grid_cell_template_templateObject || (data_grid_cell_template_templateObject = data_grid_cell_template_taggedTemplateLiteral(["\n \n \n \n "])), function (x) {
- return !x.cellType || x.cellType === "default" ? "gridcell" : x.cellType;
- }, function (x) {
- return x.cellType === "columnheader" ? "column-header" : x.cellType === "rowheader" ? "row-header" : "";
- });
-};
-;// CONCATENATED MODULE: ../../node_modules/@vscode/webview-ui-toolkit/dist/data-grid/data-grid.styles.js
-var data_grid_styles_templateObject;
-function data_grid_styles_taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-
-var dataGridStyles = function dataGridStyles(context, definition) {
- return css(data_grid_styles_templateObject || (data_grid_styles_templateObject = data_grid_styles_taggedTemplateLiteral(["\n\t:host {\n\t\tdisplay: flex;\n\t\tposition: relative;\n\t\tflex-direction: column;\n\t\twidth: 100%;\n\t}\n"])));
-};
-;// CONCATENATED MODULE: ../../node_modules/@vscode/webview-ui-toolkit/dist/data-grid/data-grid-row.styles.js
-var data_grid_row_styles_templateObject;
-function data_grid_row_styles_taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-
-
-var dataGridRowStyles = function dataGridRowStyles(context, definition) {
- return css(data_grid_row_styles_templateObject || (data_grid_row_styles_templateObject = data_grid_row_styles_taggedTemplateLiteral(["\n\t:host {\n\t\tdisplay: grid;\n\t\tpadding: calc((", " / 4) * 1px) 0;\n\t\tbox-sizing: border-box;\n\t\twidth: 100%;\n\t\tbackground: transparent;\n\t}\n\t:host(.header) {\n\t}\n\t:host(.sticky-header) {\n\t\tbackground: ", ";\n\t\tposition: sticky;\n\t\ttop: 0;\n\t}\n\t:host(:hover) {\n\t\tbackground: ", ";\n\t\toutline: 1px dotted ", ";\n\t\toutline-offset: -1px;\n\t}\n"])), designUnit, background, listHoverBackground, contrastActiveBorder);
-};
-;// CONCATENATED MODULE: ../../node_modules/@vscode/webview-ui-toolkit/dist/data-grid/data-grid-cell.styles.js
-var data_grid_cell_styles_templateObject;
-function data_grid_cell_styles_taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-
-
-
-var dataGridCellStyles = function dataGridCellStyles(context, definition) {
- return css(data_grid_cell_styles_templateObject || (data_grid_cell_styles_templateObject = data_grid_cell_styles_taggedTemplateLiteral(["\n\t:host {\n\t\tpadding: calc(", " * 1px) calc(", " * 3px);\n\t\tcolor: ", ";\n\t\topacity: 1;\n\t\tbox-sizing: border-box;\n\t\tfont-family: ", ";\n\t\tfont-size: ", ";\n\t\tline-height: ", ";\n\t\tfont-weight: 400;\n\t\tborder: solid calc(", " * 1px) transparent;\n\t\tborder-radius: calc(", " * 1px);\n\t\twhite-space: wrap;\n\t\toverflow-wrap: anywhere;\n\t}\n\t:host(.column-header) {\n\t\tfont-weight: 600;\n\t}\n\t:host(:", "),\n\t:host(:focus),\n\t:host(:active) {\n\t\tbackground: ", ";\n\t\tborder: solid calc(", " * 1px) ", ";\n\t\tcolor: ", ";\n\t\toutline: none;\n\t}\n\t:host(:", ") ::slotted(*),\n\t:host(:focus) ::slotted(*),\n\t:host(:active) ::slotted(*) {\n\t\tcolor: ", " !important;\n\t}\n"])), designUnit, designUnit, foreground, fontFamily, typeRampBaseFontSize, typeRampBaseLineHeight, borderWidth, cornerRadius, focusVisible, listActiveSelectionBackground, borderWidth, focusBorder, listActiveSelectionForeground, focusVisible, listActiveSelectionForeground);
-};
-;// CONCATENATED MODULE: ../../node_modules/@vscode/webview-ui-toolkit/dist/data-grid/index.js
-function dist_data_grid_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function dist_data_grid_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, dist_data_grid_toPropertyKey(o.key), o); } }
-function dist_data_grid_createClass(e, r, t) { return r && dist_data_grid_defineProperties(e.prototype, r), t && dist_data_grid_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function dist_data_grid_toPropertyKey(t) { var i = dist_data_grid_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function dist_data_grid_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function dist_data_grid_callSuper(t, o, e) { return o = dist_data_grid_getPrototypeOf(o), dist_data_grid_possibleConstructorReturn(t, dist_data_grid_isNativeReflectConstruct() ? Reflect.construct(o, e || [], dist_data_grid_getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function dist_data_grid_possibleConstructorReturn(t, e) { if (e && ("object" == typeof e || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return dist_data_grid_assertThisInitialized(t); }
-function dist_data_grid_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function dist_data_grid_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (dist_data_grid_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function dist_data_grid_get() { return dist_data_grid_get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = dist_data_grid_superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, dist_data_grid_get.apply(null, arguments); }
-function dist_data_grid_superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = dist_data_grid_getPrototypeOf(t));); return t; }
-function dist_data_grid_getPrototypeOf(t) { return dist_data_grid_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, dist_data_grid_getPrototypeOf(t); }
-function dist_data_grid_inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && dist_data_grid_setPrototypeOf(t, e); }
-function dist_data_grid_setPrototypeOf(t, e) { return dist_data_grid_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, dist_data_grid_setPrototypeOf(t, e); }
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-
-
-
-
-
-/**
- * The Visual Studio Code data grid class.
- *
- * @public
- */
-var data_grid_DataGrid = /*#__PURE__*/function (_FoundationDataGrid) {
- function DataGrid() {
- dist_data_grid_classCallCheck(this, DataGrid);
- return dist_data_grid_callSuper(this, DataGrid, arguments);
- }
- dist_data_grid_inherits(DataGrid, _FoundationDataGrid);
- return dist_data_grid_createClass(DataGrid, [{
- key: "connectedCallback",
- value:
- /**
- * Component lifecycle method that runs when the component is inserted
- * into the DOM.
- *
- * @internal
- */
- function connectedCallback() {
- dist_data_grid_get(dist_data_grid_getPrototypeOf(DataGrid.prototype), "connectedCallback", this).call(this);
- // Sets a default ARIA label on the data grid only if an aria-label attribute
- // does not already exist
- var ariaLabelValue = this.getAttribute('aria-label');
- if (!ariaLabelValue) {
- this.setAttribute('aria-label', 'Data Grid');
- }
- }
- }]);
-}(DataGrid);
-/**
- * The Visual Studio Code data grid component registration.
- *
- * @remarks
- * HTML Element: ``
- *
- * @public
- */
-var vsCodeDataGrid = data_grid_DataGrid.compose({
- baseName: 'data-grid',
- baseClass: DataGrid,
- template: dataGridTemplate,
- styles: dataGridStyles
-});
-/**
- * The Visual Studio Code data grid row class.
- *
- * @public
- */
-var data_grid_DataGridRow = /*#__PURE__*/function (_FoundationDataGridRo) {
- function DataGridRow() {
- dist_data_grid_classCallCheck(this, DataGridRow);
- return dist_data_grid_callSuper(this, DataGridRow, arguments);
- }
- dist_data_grid_inherits(DataGridRow, _FoundationDataGridRo);
- return dist_data_grid_createClass(DataGridRow);
-}(DataGridRow);
-/**
- * The Visual Studio Code data grid row component registration.
- *
- * @remarks
- * HTML Element: ``
- *
- * @public
- */
-var vsCodeDataGridRow = data_grid_DataGridRow.compose({
- baseName: 'data-grid-row',
- baseClass: DataGridRow,
- template: dataGridRowTemplate,
- styles: dataGridRowStyles
-});
-/**
- * The Visual Studio Code data grid cell class.
- *
- * @public
- */
-var data_grid_DataGridCell = /*#__PURE__*/function (_FoundationDataGridCe) {
- function DataGridCell() {
- dist_data_grid_classCallCheck(this, DataGridCell);
- return dist_data_grid_callSuper(this, DataGridCell, arguments);
- }
- dist_data_grid_inherits(DataGridCell, _FoundationDataGridCe);
- return dist_data_grid_createClass(DataGridCell);
-}(DataGridCell);
-/**
- * The Visual Studio Code data grid cell component registration.
- *
- * @remarks
- * HTML Element: ``
- *
- * @public
- */
-var vsCodeDataGridCell = data_grid_DataGridCell.compose({
- baseName: 'data-grid-cell',
- baseClass: DataGridCell,
- template: dataGridCellTemplate,
- styles: dataGridCellStyles
-});
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-web-utilities/dist/aria.js
-/**
- * Standard orientation values
- */
-var Orientation = {
- horizontal: "horizontal",
- vertical: "vertical"
-};
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/divider/divider.options.js
-/**
- * Divider roles
- * @public
- */
-var DividerRole = {
- /**
- * The divider semantically separates content
- */
- separator: "separator",
- /**
- * The divider has no semantic value and is for visual presentation only.
- */
- presentation: "presentation"
-};
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/divider/divider.js
-function divider_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, divider_toPropertyKey(o.key), o); } }
-function divider_createClass(e, r, t) { return r && divider_defineProperties(e.prototype, r), t && divider_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function divider_toPropertyKey(t) { var i = divider_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function divider_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function divider_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function divider_callSuper(t, o, e) { return o = divider_getPrototypeOf(o), divider_possibleConstructorReturn(t, divider_isNativeReflectConstruct() ? Reflect.construct(o, e || [], divider_getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function divider_possibleConstructorReturn(t, e) { if (e && ("object" == typeof e || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return divider_assertThisInitialized(t); }
-function divider_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function divider_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (divider_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function divider_getPrototypeOf(t) { return divider_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, divider_getPrototypeOf(t); }
-function divider_inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && divider_setPrototypeOf(t, e); }
-function divider_setPrototypeOf(t, e) { return divider_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, divider_setPrototypeOf(t, e); }
-
-
-
-
-
-
-/**
- * A Divider Custom HTML Element.
- * Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#separator | ARIA separator } or {@link https://www.w3.org/TR/wai-aria-1.1/#presentation | ARIA presentation}.
- *
- * @public
- */
-var Divider = /*#__PURE__*/function (_FoundationElement) {
- function Divider() {
- var _this;
- divider_classCallCheck(this, Divider);
- _this = divider_callSuper(this, Divider, arguments);
- /**
- * The role of the element.
- *
- * @public
- * @remarks
- * HTML Attribute: role
- */
- _this.role = DividerRole.separator;
- /**
- * The orientation of the divider.
- *
- * @public
- * @remarks
- * HTML Attribute: orientation
- */
- _this.orientation = Orientation.horizontal;
- return _this;
- }
- divider_inherits(Divider, _FoundationElement);
- return divider_createClass(Divider);
-}(FoundationElement);
-__decorate([attr], Divider.prototype, "role", void 0);
-__decorate([attr], Divider.prototype, "orientation", void 0);
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/divider/divider.template.js
-var divider_template_templateObject;
-function divider_template_taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-
-/**
- * The template for the {@link @microsoft/fast-foundation#Divider} component.
- * @public
- */
-var dividerTemplate = function dividerTemplate(context, definition) {
- return html(divider_template_templateObject || (divider_template_templateObject = divider_template_taggedTemplateLiteral(["\n \n"])), function (x) {
- return x.role;
- }, function (x) {
- return x.orientation;
- });
-};
-;// CONCATENATED MODULE: ../../node_modules/@vscode/webview-ui-toolkit/dist/divider/divider.styles.js
-var divider_styles_templateObject;
-function divider_styles_taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-
-
-
-var dividerStyles = function dividerStyles(context, definition) {
- return css(divider_styles_templateObject || (divider_styles_templateObject = divider_styles_taggedTemplateLiteral(["\n\t", " :host {\n\t\tborder: none;\n\t\tborder-top: calc(", " * 1px) solid ", ";\n\t\tbox-sizing: content-box;\n\t\theight: 0;\n\t\tmargin: calc(", " * 1px) 0;\n\t\twidth: 100%;\n\t}\n"])), display('block'), borderWidth, dividerBackground, designUnit);
-};
-;// CONCATENATED MODULE: ../../node_modules/@vscode/webview-ui-toolkit/dist/divider/index.js
-function dist_divider_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, dist_divider_toPropertyKey(o.key), o); } }
-function dist_divider_createClass(e, r, t) { return r && dist_divider_defineProperties(e.prototype, r), t && dist_divider_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function dist_divider_toPropertyKey(t) { var i = dist_divider_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function dist_divider_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function dist_divider_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function dist_divider_callSuper(t, o, e) { return o = dist_divider_getPrototypeOf(o), dist_divider_possibleConstructorReturn(t, dist_divider_isNativeReflectConstruct() ? Reflect.construct(o, e || [], dist_divider_getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function dist_divider_possibleConstructorReturn(t, e) { if (e && ("object" == typeof e || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return dist_divider_assertThisInitialized(t); }
-function dist_divider_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function dist_divider_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (dist_divider_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function dist_divider_getPrototypeOf(t) { return dist_divider_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, dist_divider_getPrototypeOf(t); }
-function dist_divider_inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && dist_divider_setPrototypeOf(t, e); }
-function dist_divider_setPrototypeOf(t, e) { return dist_divider_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, dist_divider_setPrototypeOf(t, e); }
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-
-
-
-/**
- * The Visual Studio Code divider class.
- *
- * @public
- */
-var divider_Divider = /*#__PURE__*/function (_FoundationDivider) {
- function Divider() {
- dist_divider_classCallCheck(this, Divider);
- return dist_divider_callSuper(this, Divider, arguments);
- }
- dist_divider_inherits(Divider, _FoundationDivider);
- return dist_divider_createClass(Divider);
-}(Divider);
-/**
- * The Visual Studio Code divider component registration.
- *
- * @remarks
- * HTML Element: ``
- *
- * @public
- */
-var vsCodeDivider = divider_Divider.compose({
- baseName: 'divider',
- template: dividerTemplate,
- styles: dividerStyles
-});
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-web-utilities/dist/strings.js
-var uniqueIdCounter = 0;
-/**
- * Generates a unique ID based on incrementing a counter.
- */
-function uniqueId() {
- var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
- return "".concat(prefix).concat(uniqueIdCounter++);
-}
-/**
- * Builds a string from a format specifier and replacement parameters.
- */
-function format(formatSpecifier) {
- for (var _len = arguments.length, parameters = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
- parameters[_key - 1] = arguments[_key];
- }
- return formatSpecifier.replace(/{(\d+)}/g, function (match, index) {
- if (index >= parameters.length) {
- return match;
- }
- var value = parameters[index];
- if (typeof value !== "number" && !value) {
- return "";
- }
- return value;
- });
-}
-/**
- * Check to see if one string starts with another
- */
-function startsWith(stringToSearch, searchFor) {
- var position = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
- if (!stringToSearch || !searchFor) {
- return false;
- }
- return stringToSearch.substr(position, searchFor.length) === searchFor;
-}
-/**
- * Determines if the specified string is undefined, null, empty, or whitespace.
- * True if the value is undefined, null, empty, or whitespace, otherwise false.
- */
-function isNullOrWhiteSpace(value) {
- return !value || !value.trim();
-}
-/**
- * Converts a string to Pascal Case
- * where the first letter of each compound word is capitalized.
- */
-function pascalCase(value) {
- var newValue = "".concat(value).replace(new RegExp(/[-_]+/, "g"), " ").replace(new RegExp(/[^\w\s]/, "g"), "").replace(/^\s+|\s+$|\s+(?=\s)/g, "").replace(new RegExp(/\s+(.)(\w*)/, "g"), function ($1, $2, $3) {
- return "".concat($2.toUpperCase() + $3.toLowerCase());
- }).replace(new RegExp(/\w/), function (s) {
- return s.toUpperCase();
- });
- var firstLowerIdx = 0;
- for (var i = 0; i < newValue.length; i++) {
- var currChar = newValue.charAt(i);
- if (currChar == currChar.toLowerCase()) {
- firstLowerIdx = i;
- break;
- }
- }
- if (firstLowerIdx > 1) {
- newValue = "".concat(newValue.charAt(0).toUpperCase()).concat(newValue.slice(1, firstLowerIdx - 1).toLowerCase()) + newValue.slice(firstLowerIdx - 1);
- }
- return newValue;
-}
-/**
- * converts a string from camelCase or pascalCase to spinal-case
- * which is an lowercase dash separated naming style.
- *
- * An example of spinal case: foo-bar-bat
- */
-function spinalCase(value) {
- var valueWithLowerCaseFirstLetter = "".concat(value.charAt(0).toLowerCase()).concat(value.slice(1));
- return valueWithLowerCaseFirstLetter.replace(/([A-Z]|[0-9])/g, function (match, group1) {
- return "-".concat(group1.toLowerCase());
- });
-}
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-web-utilities/dist/array.js
-/**
- * Returns the index of the last element in the array where predicate is true, and -1 otherwise.
- *
- * @param array - the array to test
- * @param predicate - find calls predicate once for each element of the array, in descending order, until it finds one where predicate returns true. If such an element is found, findLastIndex immediately returns that element index. Otherwise, findIndex returns -1.
- */
-function findLastIndex(array, predicate) {
- var k = array.length;
- while (k--) {
- if (predicate(array[k], k, array)) {
- return k;
- }
- }
- return -1;
-}
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/listbox-option/listbox-option.js
-function listbox_option_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function listbox_option_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, listbox_option_toPropertyKey(o.key), o); } }
-function listbox_option_createClass(e, r, t) { return r && listbox_option_defineProperties(e.prototype, r), t && listbox_option_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function listbox_option_toPropertyKey(t) { var i = listbox_option_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function listbox_option_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function listbox_option_callSuper(t, o, e) { return o = listbox_option_getPrototypeOf(o), listbox_option_possibleConstructorReturn(t, listbox_option_isNativeReflectConstruct() ? Reflect.construct(o, e || [], listbox_option_getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function listbox_option_possibleConstructorReturn(t, e) { if (e && ("object" == typeof e || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return listbox_option_assertThisInitialized(t); }
-function listbox_option_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function listbox_option_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (listbox_option_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function listbox_option_getPrototypeOf(t) { return listbox_option_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, listbox_option_getPrototypeOf(t); }
-function listbox_option_inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && listbox_option_setPrototypeOf(t, e); }
-function listbox_option_setPrototypeOf(t, e) { return listbox_option_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, listbox_option_setPrototypeOf(t, e); }
-
-
-
-
-
-
-
-/**
- * Determines if the element is a {@link (ListboxOption:class)}
- *
- * @param element - the element to test.
- * @public
- */
-function isListboxOption(el) {
- return isHTMLElement(el) && (el.getAttribute("role") === "option" || el instanceof HTMLOptionElement);
-}
-/**
- * An Option Custom HTML Element.
- * Implements {@link https://www.w3.org/TR/wai-aria-1.1/#option | ARIA option }.
- *
- * @slot start - Content which can be provided before the listbox option content
- * @slot end - Content which can be provided after the listbox option content
- * @slot - The default slot for listbox option content
- * @csspart content - Wraps the listbox option content
- *
- * @public
- */
-var ListboxOption = /*#__PURE__*/function (_FoundationElement) {
- function ListboxOption(text, value, defaultSelected, selected) {
- var _this;
- listbox_option_classCallCheck(this, ListboxOption);
- _this = listbox_option_callSuper(this, ListboxOption);
- /**
- * The defaultSelected state of the option.
- * @public
- */
- _this.defaultSelected = false;
- /**
- * Tracks whether the "selected" property has been changed.
- * @internal
- */
- _this.dirtySelected = false;
- /**
- * The checked state of the control.
- *
- * @public
- */
- _this.selected = _this.defaultSelected;
- /**
- * Track whether the value has been changed from the initial value
- */
- _this.dirtyValue = false;
- if (text) {
- _this.textContent = text;
- }
- if (value) {
- _this.initialValue = value;
- }
- if (defaultSelected) {
- _this.defaultSelected = defaultSelected;
- }
- if (selected) {
- _this.selected = selected;
- }
- _this.proxy = new Option("".concat(_this.textContent), _this.initialValue, _this.defaultSelected, _this.selected);
- _this.proxy.disabled = _this.disabled;
- return _this;
- }
- /**
- * Updates the ariaChecked property when the checked property changes.
- *
- * @param prev - the previous checked value
- * @param next - the current checked value
- *
- * @public
- */
- listbox_option_inherits(ListboxOption, _FoundationElement);
- return listbox_option_createClass(ListboxOption, [{
- key: "checkedChanged",
- value: function checkedChanged(prev, next) {
- if (typeof next === "boolean") {
- this.ariaChecked = next ? "true" : "false";
- return;
- }
- this.ariaChecked = null;
- }
- /**
- * Updates the proxy's text content when the default slot changes.
- * @param prev - the previous content value
- * @param next - the current content value
- *
- * @internal
- */
- }, {
- key: "contentChanged",
- value: function contentChanged(prev, next) {
- if (this.proxy instanceof HTMLOptionElement) {
- this.proxy.textContent = this.textContent;
- }
- this.$emit("contentchange", null, {
- bubbles: true
- });
- }
- }, {
- key: "defaultSelectedChanged",
- value: function defaultSelectedChanged() {
- if (!this.dirtySelected) {
- this.selected = this.defaultSelected;
- if (this.proxy instanceof HTMLOptionElement) {
- this.proxy.selected = this.defaultSelected;
- }
- }
- }
- }, {
- key: "disabledChanged",
- value: function disabledChanged(prev, next) {
- this.ariaDisabled = this.disabled ? "true" : "false";
- if (this.proxy instanceof HTMLOptionElement) {
- this.proxy.disabled = this.disabled;
- }
- }
- }, {
- key: "selectedAttributeChanged",
- value: function selectedAttributeChanged() {
- this.defaultSelected = this.selectedAttribute;
- if (this.proxy instanceof HTMLOptionElement) {
- this.proxy.defaultSelected = this.defaultSelected;
- }
- }
- }, {
- key: "selectedChanged",
- value: function selectedChanged() {
- this.ariaSelected = this.selected ? "true" : "false";
- if (!this.dirtySelected) {
- this.dirtySelected = true;
- }
- if (this.proxy instanceof HTMLOptionElement) {
- this.proxy.selected = this.selected;
- }
- }
- }, {
- key: "initialValueChanged",
- value: function initialValueChanged(previous, next) {
- // If the value is clean and the component is connected to the DOM
- // then set value equal to the attribute value.
- if (!this.dirtyValue) {
- this.value = this.initialValue;
- this.dirtyValue = false;
- }
- }
- }, {
- key: "label",
- get: function get() {
- var _a;
- return (_a = this.value) !== null && _a !== void 0 ? _a : this.text;
- }
- }, {
- key: "text",
- get: function get() {
- var _a, _b;
- return (_b = (_a = this.textContent) === null || _a === void 0 ? void 0 : _a.replace(/\s+/g, " ").trim()) !== null && _b !== void 0 ? _b : "";
- }
- }, {
- key: "value",
- get: function get() {
- var _a;
- Observable.track(this, "value");
- return (_a = this._value) !== null && _a !== void 0 ? _a : this.text;
- },
- set: function set(next) {
- var newValue = "".concat(next !== null && next !== void 0 ? next : "");
- this._value = newValue;
- this.dirtyValue = true;
- if (this.proxy instanceof HTMLOptionElement) {
- this.proxy.value = newValue;
- }
- Observable.notify(this, "value");
- }
- }, {
- key: "form",
- get: function get() {
- return this.proxy ? this.proxy.form : null;
- }
- }]);
-}(FoundationElement);
-__decorate([observable], ListboxOption.prototype, "checked", void 0);
-__decorate([observable], ListboxOption.prototype, "content", void 0);
-__decorate([observable], ListboxOption.prototype, "defaultSelected", void 0);
-__decorate([attr({
- mode: "boolean"
-})], ListboxOption.prototype, "disabled", void 0);
-__decorate([attr({
- attribute: "selected",
- mode: "boolean"
-})], ListboxOption.prototype, "selectedAttribute", void 0);
-__decorate([observable], ListboxOption.prototype, "selected", void 0);
-__decorate([attr({
- attribute: "value",
- mode: "fromView"
-})], ListboxOption.prototype, "initialValue", void 0);
-/**
- * States and properties relating to the ARIA `option` role.
- *
- * @public
- */
-var DelegatesARIAListboxOption = /*#__PURE__*/listbox_option_createClass(function DelegatesARIAListboxOption() {
- listbox_option_classCallCheck(this, DelegatesARIAListboxOption);
-});
-__decorate([observable], DelegatesARIAListboxOption.prototype, "ariaChecked", void 0);
-__decorate([observable], DelegatesARIAListboxOption.prototype, "ariaPosInSet", void 0);
-__decorate([observable], DelegatesARIAListboxOption.prototype, "ariaSelected", void 0);
-__decorate([observable], DelegatesARIAListboxOption.prototype, "ariaSetSize", void 0);
-applyMixins(DelegatesARIAListboxOption, ARIAGlobalStatesAndProperties);
-applyMixins(ListboxOption, StartEnd, DelegatesARIAListboxOption);
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/listbox/listbox.js
-function listbox_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function listbox_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, listbox_toPropertyKey(o.key), o); } }
-function listbox_createClass(e, r, t) { return r && listbox_defineProperties(e.prototype, r), t && listbox_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function listbox_toPropertyKey(t) { var i = listbox_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function listbox_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function listbox_callSuper(t, o, e) { return o = listbox_getPrototypeOf(o), listbox_possibleConstructorReturn(t, listbox_isNativeReflectConstruct() ? Reflect.construct(o, e || [], listbox_getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function listbox_possibleConstructorReturn(t, e) { if (e && ("object" == typeof e || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return listbox_assertThisInitialized(t); }
-function listbox_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function listbox_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (listbox_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function listbox_getPrototypeOf(t) { return listbox_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, listbox_getPrototypeOf(t); }
-function listbox_inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && listbox_setPrototypeOf(t, e); }
-function listbox_setPrototypeOf(t, e) { return listbox_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, listbox_setPrototypeOf(t, e); }
-
-
-
-
-
-
-
-/**
- * A Listbox Custom HTML Element.
- * Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#listbox | ARIA listbox }.
- *
- * @slot - The default slot for the listbox options
- *
- * @public
- */
-var Listbox = /*#__PURE__*/function (_FoundationElement) {
- function Listbox() {
- var _this;
- listbox_classCallCheck(this, Listbox);
- _this = listbox_callSuper(this, Listbox, arguments);
- /**
- * The internal unfiltered list of selectable options.
- *
- * @internal
- */
- _this._options = [];
- /**
- * The index of the selected option.
- *
- * @public
- */
- _this.selectedIndex = -1;
- /**
- * A collection of the selected options.
- *
- * @public
- */
- _this.selectedOptions = [];
- /**
- * A standard `click` event creates a `focus` event before firing, so a
- * `mousedown` event is used to skip that initial focus.
- *
- * @internal
- */
- _this.shouldSkipFocus = false;
- /**
- * The current typeahead buffer string.
- *
- * @internal
- */
- _this.typeaheadBuffer = "";
- /**
- * Flag for the typeahead timeout expiration.
- *
- * @internal
- */
- _this.typeaheadExpired = true;
- /**
- * The timeout ID for the typeahead handler.
- *
- * @internal
- */
- _this.typeaheadTimeout = -1;
- return _this;
- }
- /**
- * The first selected option.
- *
- * @internal
- */
- listbox_inherits(Listbox, _FoundationElement);
- return listbox_createClass(Listbox, [{
- key: "firstSelectedOption",
- get: function get() {
- var _a;
- return (_a = this.selectedOptions[0]) !== null && _a !== void 0 ? _a : null;
- }
- /**
- * Returns true if there is one or more selectable option.
- *
- * @internal
- */
- }, {
- key: "hasSelectableOptions",
- get: function get() {
- return this.options.length > 0 && !this.options.every(function (o) {
- return o.disabled;
- });
- }
- /**
- * The number of options.
- *
- * @public
- */
- }, {
- key: "length",
- get: function get() {
- var _a, _b;
- return (_b = (_a = this.options) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
- }
- /**
- * The list of options.
- *
- * @public
- */
- }, {
- key: "options",
- get: function get() {
- Observable.track(this, "options");
- return this._options;
- },
- set: function set(value) {
- this._options = value;
- Observable.notify(this, "options");
- }
- /**
- * Flag for the typeahead timeout expiration.
- *
- * @deprecated use `Listbox.typeaheadExpired`
- * @internal
- */
- }, {
- key: "typeAheadExpired",
- get: function get() {
- return this.typeaheadExpired;
- },
- set: function set(value) {
- this.typeaheadExpired = value;
- }
- /**
- * Handle click events for listbox options.
- *
- * @internal
- */
- }, {
- key: "clickHandler",
- value: function clickHandler(e) {
- var captured = e.target.closest("option,[role=option]");
- if (captured && !captured.disabled) {
- this.selectedIndex = this.options.indexOf(captured);
- return true;
- }
- }
- /**
- * Ensures that the provided option is focused and scrolled into view.
- *
- * @param optionToFocus - The option to focus
- * @internal
- */
- }, {
- key: "focusAndScrollOptionIntoView",
- value: function focusAndScrollOptionIntoView() {
- var optionToFocus = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.firstSelectedOption;
- // To ensure that the browser handles both `focus()` and `scrollIntoView()`, the
- // timing here needs to guarantee that they happen on different frames. Since this
- // function is typically called from the `openChanged` observer, `DOM.queueUpdate`
- // causes the calls to be grouped into the same frame. To prevent this,
- // `requestAnimationFrame` is used instead of `DOM.queueUpdate`.
- if (this.contains(document.activeElement) && optionToFocus !== null) {
- optionToFocus.focus();
- requestAnimationFrame(function () {
- optionToFocus.scrollIntoView({
- block: "nearest"
- });
- });
- }
- }
- /**
- * Handles `focusin` actions for the component. When the component receives focus,
- * the list of selected options is refreshed and the first selected option is scrolled
- * into view.
- *
- * @internal
- */
- }, {
- key: "focusinHandler",
- value: function focusinHandler(e) {
- if (!this.shouldSkipFocus && e.target === e.currentTarget) {
- this.setSelectedOptions();
- this.focusAndScrollOptionIntoView();
- }
- this.shouldSkipFocus = false;
- }
- /**
- * Returns the options which match the current typeahead buffer.
- *
- * @internal
- */
- }, {
- key: "getTypeaheadMatches",
- value: function getTypeaheadMatches() {
- var pattern = this.typeaheadBuffer.replace(/[.*+\-?^${}()|[\]\\]/g, "\\$&");
- var re = new RegExp("^".concat(pattern), "gi");
- return this.options.filter(function (o) {
- return o.text.trim().match(re);
- });
- }
- /**
- * Determines the index of the next option which is selectable, if any.
- *
- * @param prev - the previous selected index
- * @param next - the next index to select
- *
- * @internal
- */
- }, {
- key: "getSelectableIndex",
- value: function getSelectableIndex() {
- var prev = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.selectedIndex;
- var next = arguments.length > 1 ? arguments[1] : undefined;
- var direction = prev > next ? -1 : prev < next ? 1 : 0;
- var potentialDirection = prev + direction;
- var nextSelectableOption = null;
- switch (direction) {
- case -1:
- {
- nextSelectableOption = this.options.reduceRight(function (nextSelectableOption, thisOption, index) {
- return !nextSelectableOption && !thisOption.disabled && index < potentialDirection ? thisOption : nextSelectableOption;
- }, nextSelectableOption);
- break;
- }
- case 1:
- {
- nextSelectableOption = this.options.reduce(function (nextSelectableOption, thisOption, index) {
- return !nextSelectableOption && !thisOption.disabled && index > potentialDirection ? thisOption : nextSelectableOption;
- }, nextSelectableOption);
- break;
- }
- }
- return this.options.indexOf(nextSelectableOption);
- }
- /**
- * Handles external changes to child options.
- *
- * @param source - the source object
- * @param propertyName - the property
- *
- * @internal
- */
- }, {
- key: "handleChange",
- value: function handleChange(source, propertyName) {
- switch (propertyName) {
- case "selected":
- {
- if (Listbox.slottedOptionFilter(source)) {
- this.selectedIndex = this.options.indexOf(source);
- }
- this.setSelectedOptions();
- break;
- }
- }
- }
- /**
- * Moves focus to an option whose label matches characters typed by the user.
- * Consecutive keystrokes are batched into a buffer of search text used
- * to match against the set of options. If `TYPE_AHEAD_TIMEOUT_MS` passes
- * between consecutive keystrokes, the search restarts.
- *
- * @param key - the key to be evaluated
- *
- * @internal
- */
- }, {
- key: "handleTypeAhead",
- value: function handleTypeAhead(key) {
- var _this2 = this;
- if (this.typeaheadTimeout) {
- window.clearTimeout(this.typeaheadTimeout);
- }
- this.typeaheadTimeout = window.setTimeout(function () {
- return _this2.typeaheadExpired = true;
- }, Listbox.TYPE_AHEAD_TIMEOUT_MS);
- if (key.length > 1) {
- return;
- }
- this.typeaheadBuffer = "".concat(this.typeaheadExpired ? "" : this.typeaheadBuffer).concat(key);
- }
- /**
- * Handles `keydown` actions for listbox navigation and typeahead.
- *
- * @internal
- */
- }, {
- key: "keydownHandler",
- value: function keydownHandler(e) {
- if (this.disabled) {
- return true;
- }
- this.shouldSkipFocus = false;
- var key = e.key;
- switch (key) {
- // Select the first available option
- case keyHome:
- {
- if (!e.shiftKey) {
- e.preventDefault();
- this.selectFirstOption();
- }
- break;
- }
- // Select the next selectable option
- case keyArrowDown:
- {
- if (!e.shiftKey) {
- e.preventDefault();
- this.selectNextOption();
- }
- break;
- }
- // Select the previous selectable option
- case keyArrowUp:
- {
- if (!e.shiftKey) {
- e.preventDefault();
- this.selectPreviousOption();
- }
- break;
- }
- // Select the last available option
- case keyEnd:
- {
- e.preventDefault();
- this.selectLastOption();
- break;
- }
- case keyTab:
- {
- this.focusAndScrollOptionIntoView();
- return true;
- }
- case keyEnter:
- case keyEscape:
- {
- return true;
- }
- case keySpace:
- {
- if (this.typeaheadExpired) {
- return true;
- }
- }
- // Send key to Typeahead handler
- default:
- {
- if (key.length === 1) {
- this.handleTypeAhead("".concat(key));
- }
- return true;
- }
- }
- }
- /**
- * Prevents `focusin` events from firing before `click` events when the
- * element is unfocused.
- *
- * @internal
- */
- }, {
- key: "mousedownHandler",
- value: function mousedownHandler(e) {
- this.shouldSkipFocus = !this.contains(document.activeElement);
- return true;
- }
- /**
- * Switches between single-selection and multi-selection mode.
- *
- * @param prev - the previous value of the `multiple` attribute
- * @param next - the next value of the `multiple` attribute
- *
- * @internal
- */
- }, {
- key: "multipleChanged",
- value: function multipleChanged(prev, next) {
- this.ariaMultiSelectable = next ? "true" : null;
- }
- /**
- * Updates the list of selected options when the `selectedIndex` changes.
- *
- * @param prev - the previous selected index value
- * @param next - the current selected index value
- *
- * @internal
- */
- }, {
- key: "selectedIndexChanged",
- value: function selectedIndexChanged(prev, next) {
- var _a;
- if (!this.hasSelectableOptions) {
- this.selectedIndex = -1;
- return;
- }
- if (((_a = this.options[this.selectedIndex]) === null || _a === void 0 ? void 0 : _a.disabled) && typeof prev === "number") {
- var selectableIndex = this.getSelectableIndex(prev, next);
- var newNext = selectableIndex > -1 ? selectableIndex : prev;
- this.selectedIndex = newNext;
- if (next === newNext) {
- this.selectedIndexChanged(next, newNext);
- }
- return;
- }
- this.setSelectedOptions();
- }
- /**
- * Updates the selectedness of each option when the list of selected options changes.
- *
- * @param prev - the previous list of selected options
- * @param next - the current list of selected options
- *
- * @internal
- */
- }, {
- key: "selectedOptionsChanged",
- value: function selectedOptionsChanged(prev, next) {
- var _this3 = this;
- var _a;
- var filteredNext = next.filter(Listbox.slottedOptionFilter);
- (_a = this.options) === null || _a === void 0 ? void 0 : _a.forEach(function (o) {
- var notifier = Observable.getNotifier(o);
- notifier.unsubscribe(_this3, "selected");
- o.selected = filteredNext.includes(o);
- notifier.subscribe(_this3, "selected");
- });
- }
- /**
- * Moves focus to the first selectable option.
- *
- * @public
- */
- }, {
- key: "selectFirstOption",
- value: function selectFirstOption() {
- var _a, _b;
- if (!this.disabled) {
- this.selectedIndex = (_b = (_a = this.options) === null || _a === void 0 ? void 0 : _a.findIndex(function (o) {
- return !o.disabled;
- })) !== null && _b !== void 0 ? _b : -1;
- }
- }
- /**
- * Moves focus to the last selectable option.
- *
- * @internal
- */
- }, {
- key: "selectLastOption",
- value: function selectLastOption() {
- if (!this.disabled) {
- this.selectedIndex = findLastIndex(this.options, function (o) {
- return !o.disabled;
- });
- }
- }
- /**
- * Moves focus to the next selectable option.
- *
- * @internal
- */
- }, {
- key: "selectNextOption",
- value: function selectNextOption() {
- if (!this.disabled && this.selectedIndex < this.options.length - 1) {
- this.selectedIndex += 1;
- }
- }
- /**
- * Moves focus to the previous selectable option.
- *
- * @internal
- */
- }, {
- key: "selectPreviousOption",
- value: function selectPreviousOption() {
- if (!this.disabled && this.selectedIndex > 0) {
- this.selectedIndex = this.selectedIndex - 1;
- }
- }
- /**
- * Updates the selected index to match the first selected option.
- *
- * @internal
- */
- }, {
- key: "setDefaultSelectedOption",
- value: function setDefaultSelectedOption() {
- var _a, _b;
- this.selectedIndex = (_b = (_a = this.options) === null || _a === void 0 ? void 0 : _a.findIndex(function (el) {
- return el.defaultSelected;
- })) !== null && _b !== void 0 ? _b : -1;
- }
- /**
- * Sets an option as selected and gives it focus.
- *
- * @public
- */
- }, {
- key: "setSelectedOptions",
- value: function setSelectedOptions() {
- var _a, _b, _c;
- if ((_a = this.options) === null || _a === void 0 ? void 0 : _a.length) {
- this.selectedOptions = [this.options[this.selectedIndex]];
- this.ariaActiveDescendant = (_c = (_b = this.firstSelectedOption) === null || _b === void 0 ? void 0 : _b.id) !== null && _c !== void 0 ? _c : "";
- this.focusAndScrollOptionIntoView();
- }
- }
- /**
- * Updates the list of options and resets the selected option when the slotted option content changes.
- *
- * @param prev - the previous list of slotted options
- * @param next - the current list of slotted options
- *
- * @internal
- */
- }, {
- key: "slottedOptionsChanged",
- value: function slottedOptionsChanged(prev, next) {
- this.options = next.reduce(function (options, item) {
- if (isListboxOption(item)) {
- options.push(item);
- }
- return options;
- }, []);
- var setSize = "".concat(this.options.length);
- this.options.forEach(function (option, index) {
- if (!option.id) {
- option.id = uniqueId("option-");
- }
- option.ariaPosInSet = "".concat(index + 1);
- option.ariaSetSize = setSize;
- });
- if (this.$fastController.isConnected) {
- this.setSelectedOptions();
- this.setDefaultSelectedOption();
- }
- }
- /**
- * Updates the filtered list of options when the typeahead buffer changes.
- *
- * @param prev - the previous typeahead buffer value
- * @param next - the current typeahead buffer value
- *
- * @internal
- */
- }, {
- key: "typeaheadBufferChanged",
- value: function typeaheadBufferChanged(prev, next) {
- if (this.$fastController.isConnected) {
- var typeaheadMatches = this.getTypeaheadMatches();
- if (typeaheadMatches.length) {
- var selectedIndex = this.options.indexOf(typeaheadMatches[0]);
- if (selectedIndex > -1) {
- this.selectedIndex = selectedIndex;
- }
- }
- this.typeaheadExpired = false;
- }
- }
- }]);
-}(FoundationElement);
-/**
- * A static filter to include only selectable options.
- *
- * @param n - element to filter
- * @public
- */
-Listbox.slottedOptionFilter = function (n) {
- return isListboxOption(n) && !n.hidden;
-};
-/**
- * Typeahead timeout in milliseconds.
- *
- * @internal
- */
-Listbox.TYPE_AHEAD_TIMEOUT_MS = 1000;
-__decorate([attr({
- mode: "boolean"
-})], Listbox.prototype, "disabled", void 0);
-__decorate([observable], Listbox.prototype, "selectedIndex", void 0);
-__decorate([observable], Listbox.prototype, "selectedOptions", void 0);
-__decorate([observable], Listbox.prototype, "slottedOptions", void 0);
-__decorate([observable], Listbox.prototype, "typeaheadBuffer", void 0);
-/**
- * Includes ARIA states and properties relating to the ARIA listbox role
- *
- * @public
- */
-var DelegatesARIAListbox = /*#__PURE__*/listbox_createClass(function DelegatesARIAListbox() {
- listbox_classCallCheck(this, DelegatesARIAListbox);
-});
-__decorate([observable], DelegatesARIAListbox.prototype, "ariaActiveDescendant", void 0);
-__decorate([observable], DelegatesARIAListbox.prototype, "ariaDisabled", void 0);
-__decorate([observable], DelegatesARIAListbox.prototype, "ariaExpanded", void 0);
-__decorate([observable], DelegatesARIAListbox.prototype, "ariaMultiSelectable", void 0);
-applyMixins(DelegatesARIAListbox, ARIAGlobalStatesAndProperties);
-applyMixins(Listbox, DelegatesARIAListbox);
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-web-utilities/dist/numbers.js
-function numbers_slicedToArray(r, e) { return numbers_arrayWithHoles(r) || numbers_iterableToArrayLimit(r, e) || numbers_unsupportedIterableToArray(r, e) || numbers_nonIterableRest(); }
-function numbers_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function numbers_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return numbers_arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? numbers_arrayLikeToArray(r, a) : void 0; } }
-function numbers_arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function numbers_iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function numbers_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-/**
- * This method keeps a given value within the bounds of a min and max value. If the value
- * is larger than the max, the minimum value will be returned. If the value is smaller than the minimum,
- * the maximum will be returned. Otherwise, the value is returned un-changed.
- */
-function wrapInBounds(min, max, value) {
- if (value < min) {
- return max;
- } else if (value > max) {
- return min;
- }
- return value;
-}
-/**
- * Ensures that a value is between a min and max value. If value is lower than min, min will be returned.
- * If value is greater than max, max will be returned.
- */
-function limit(min, max, value) {
- return Math.min(Math.max(value, min), max);
-}
-/**
- * Determines if a number value is within a specified range.
- *
- * @param value - the value to check
- * @param min - the range start
- * @param max - the range end
- */
-function inRange(value, min) {
- var max = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
- var _sort = [min, max].sort(function (a, b) {
- return a - b;
- });
- var _sort2 = numbers_slicedToArray(_sort, 2);
- min = _sort2[0];
- max = _sort2[1];
- return min <= value && value < max;
-}
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/listbox/listbox.element.js
-function listbox_element_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function listbox_element_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, listbox_element_toPropertyKey(o.key), o); } }
-function listbox_element_createClass(e, r, t) { return r && listbox_element_defineProperties(e.prototype, r), t && listbox_element_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function listbox_element_toPropertyKey(t) { var i = listbox_element_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function listbox_element_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function listbox_element_callSuper(t, o, e) { return o = listbox_element_getPrototypeOf(o), listbox_element_possibleConstructorReturn(t, listbox_element_isNativeReflectConstruct() ? Reflect.construct(o, e || [], listbox_element_getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function listbox_element_possibleConstructorReturn(t, e) { if (e && ("object" == typeof e || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return listbox_element_assertThisInitialized(t); }
-function listbox_element_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function listbox_element_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (listbox_element_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function listbox_element_get() { return listbox_element_get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = listbox_element_superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, listbox_element_get.apply(null, arguments); }
-function listbox_element_superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = listbox_element_getPrototypeOf(t));); return t; }
-function listbox_element_getPrototypeOf(t) { return listbox_element_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, listbox_element_getPrototypeOf(t); }
-function listbox_element_inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && listbox_element_setPrototypeOf(t, e); }
-function listbox_element_setPrototypeOf(t, e) { return listbox_element_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, listbox_element_setPrototypeOf(t, e); }
-
-
-
-
-/**
- * A Listbox Custom HTML Element.
- * Implements the {@link https://w3c.github.io/aria/#listbox | ARIA listbox }.
- *
- * @public
- */
-var ListboxElement = /*#__PURE__*/function (_Listbox) {
- function ListboxElement() {
- var _this;
- listbox_element_classCallCheck(this, ListboxElement);
- _this = listbox_element_callSuper(this, ListboxElement, arguments);
- /**
- * The index of the most recently checked option.
- *
- * @internal
- * @remarks
- * Multiple-selection mode only.
- */
- _this.activeIndex = -1;
- /**
- * The start index when checking a range of options.
- *
- * @internal
- */
- _this.rangeStartIndex = -1;
- return _this;
- }
- /**
- * Returns the last checked option.
- *
- * @internal
- */
- listbox_element_inherits(ListboxElement, _Listbox);
- return listbox_element_createClass(ListboxElement, [{
- key: "activeOption",
- get: function get() {
- return this.options[this.activeIndex];
- }
- /**
- * Returns the list of checked options.
- *
- * @internal
- */
- }, {
- key: "checkedOptions",
- get: function get() {
- var _a;
- return (_a = this.options) === null || _a === void 0 ? void 0 : _a.filter(function (o) {
- return o.checked;
- });
- }
- /**
- * Returns the index of the first selected option.
- *
- * @internal
- */
- }, {
- key: "firstSelectedOptionIndex",
- get: function get() {
- return this.options.indexOf(this.firstSelectedOption);
- }
- /**
- * Updates the `ariaActiveDescendant` property when the active index changes.
- *
- * @param prev - the previous active index
- * @param next - the next active index
- *
- * @internal
- */
- }, {
- key: "activeIndexChanged",
- value: function activeIndexChanged(prev, next) {
- var _a, _b;
- this.ariaActiveDescendant = (_b = (_a = this.options[next]) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : "";
- this.focusAndScrollOptionIntoView();
- }
- /**
- * Toggles the checked state for the currently active option.
- *
- * @remarks
- * Multiple-selection mode only.
- *
- * @internal
- */
- }, {
- key: "checkActiveIndex",
- value: function checkActiveIndex() {
- if (!this.multiple) {
- return;
- }
- var activeItem = this.activeOption;
- if (activeItem) {
- activeItem.checked = true;
- }
- }
- /**
- * Sets the active index to the first option and marks it as checked.
- *
- * @remarks
- * Multi-selection mode only.
- *
- * @param preserveChecked - mark all options unchecked before changing the active index
- *
- * @internal
- */
- }, {
- key: "checkFirstOption",
- value: function checkFirstOption() {
- var _this2 = this;
- var preserveChecked = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
- if (preserveChecked) {
- if (this.rangeStartIndex === -1) {
- this.rangeStartIndex = this.activeIndex + 1;
- }
- this.options.forEach(function (o, i) {
- o.checked = inRange(i, _this2.rangeStartIndex);
- });
- } else {
- this.uncheckAllOptions();
- }
- this.activeIndex = 0;
- this.checkActiveIndex();
- }
- /**
- * Decrements the active index and sets the matching option as checked.
- *
- * @remarks
- * Multi-selection mode only.
- *
- * @param preserveChecked - mark all options unchecked before changing the active index
- *
- * @internal
- */
- }, {
- key: "checkLastOption",
- value: function checkLastOption() {
- var _this3 = this;
- var preserveChecked = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
- if (preserveChecked) {
- if (this.rangeStartIndex === -1) {
- this.rangeStartIndex = this.activeIndex;
- }
- this.options.forEach(function (o, i) {
- o.checked = inRange(i, _this3.rangeStartIndex, _this3.options.length);
- });
- } else {
- this.uncheckAllOptions();
- }
- this.activeIndex = this.options.length - 1;
- this.checkActiveIndex();
- }
- /**
- * @override
- * @internal
- */
- }, {
- key: "connectedCallback",
- value: function connectedCallback() {
- listbox_element_get(listbox_element_getPrototypeOf(ListboxElement.prototype), "connectedCallback", this).call(this);
- this.addEventListener("focusout", this.focusoutHandler);
- }
- /**
- * @override
- * @internal
- */
- }, {
- key: "disconnectedCallback",
- value: function disconnectedCallback() {
- this.removeEventListener("focusout", this.focusoutHandler);
- listbox_element_get(listbox_element_getPrototypeOf(ListboxElement.prototype), "disconnectedCallback", this).call(this);
- }
- /**
- * Increments the active index and marks the matching option as checked.
- *
- * @remarks
- * Multiple-selection mode only.
- *
- * @param preserveChecked - mark all options unchecked before changing the active index
- *
- * @internal
- */
- }, {
- key: "checkNextOption",
- value: function checkNextOption() {
- var _this4 = this;
- var preserveChecked = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
- if (preserveChecked) {
- if (this.rangeStartIndex === -1) {
- this.rangeStartIndex = this.activeIndex;
- }
- this.options.forEach(function (o, i) {
- o.checked = inRange(i, _this4.rangeStartIndex, _this4.activeIndex + 1);
- });
- } else {
- this.uncheckAllOptions();
- }
- this.activeIndex += this.activeIndex < this.options.length - 1 ? 1 : 0;
- this.checkActiveIndex();
- }
- /**
- * Decrements the active index and marks the matching option as checked.
- *
- * @remarks
- * Multiple-selection mode only.
- *
- * @param preserveChecked - mark all options unchecked before changing the active index
- *
- * @internal
- */
- }, {
- key: "checkPreviousOption",
- value: function checkPreviousOption() {
- var _this5 = this;
- var preserveChecked = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
- if (preserveChecked) {
- if (this.rangeStartIndex === -1) {
- this.rangeStartIndex = this.activeIndex;
- }
- if (this.checkedOptions.length === 1) {
- this.rangeStartIndex += 1;
- }
- this.options.forEach(function (o, i) {
- o.checked = inRange(i, _this5.activeIndex, _this5.rangeStartIndex);
- });
- } else {
- this.uncheckAllOptions();
- }
- this.activeIndex -= this.activeIndex > 0 ? 1 : 0;
- this.checkActiveIndex();
- }
- /**
- * Handles click events for listbox options.
- *
- * @param e - the event object
- *
- * @override
- * @internal
- */
- }, {
- key: "clickHandler",
- value: function clickHandler(e) {
- var _a;
- if (!this.multiple) {
- return listbox_element_get(listbox_element_getPrototypeOf(ListboxElement.prototype), "clickHandler", this).call(this, e);
- }
- var captured = (_a = e.target) === null || _a === void 0 ? void 0 : _a.closest("[role=option]");
- if (!captured || captured.disabled) {
- return;
- }
- this.uncheckAllOptions();
- this.activeIndex = this.options.indexOf(captured);
- this.checkActiveIndex();
- this.toggleSelectedForAllCheckedOptions();
- return true;
- }
- /**
- * @override
- * @internal
- */
- }, {
- key: "focusAndScrollOptionIntoView",
- value: function focusAndScrollOptionIntoView() {
- listbox_element_get(listbox_element_getPrototypeOf(ListboxElement.prototype), "focusAndScrollOptionIntoView", this).call(this, this.activeOption);
- }
- /**
- * In multiple-selection mode:
- * If any options are selected, the first selected option is checked when
- * the listbox receives focus. If no options are selected, the first
- * selectable option is checked.
- *
- * @override
- * @internal
- */
- }, {
- key: "focusinHandler",
- value: function focusinHandler(e) {
- if (!this.multiple) {
- return listbox_element_get(listbox_element_getPrototypeOf(ListboxElement.prototype), "focusinHandler", this).call(this, e);
- }
- if (!this.shouldSkipFocus && e.target === e.currentTarget) {
- this.uncheckAllOptions();
- if (this.activeIndex === -1) {
- this.activeIndex = this.firstSelectedOptionIndex !== -1 ? this.firstSelectedOptionIndex : 0;
- }
- this.checkActiveIndex();
- this.setSelectedOptions();
- this.focusAndScrollOptionIntoView();
- }
- this.shouldSkipFocus = false;
- }
- /**
- * Unchecks all options when the listbox loses focus.
- *
- * @internal
- */
- }, {
- key: "focusoutHandler",
- value: function focusoutHandler(e) {
- if (this.multiple) {
- this.uncheckAllOptions();
- }
- }
- /**
- * Handles keydown actions for listbox navigation and typeahead
- *
- * @override
- * @internal
- */
- }, {
- key: "keydownHandler",
- value: function keydownHandler(e) {
- if (!this.multiple) {
- return listbox_element_get(listbox_element_getPrototypeOf(ListboxElement.prototype), "keydownHandler", this).call(this, e);
- }
- if (this.disabled) {
- return true;
- }
- var key = e.key,
- shiftKey = e.shiftKey;
- this.shouldSkipFocus = false;
- switch (key) {
- // Select the first available option
- case keyHome:
- {
- this.checkFirstOption(shiftKey);
- return;
- }
- // Select the next selectable option
- case keyArrowDown:
- {
- this.checkNextOption(shiftKey);
- return;
- }
- // Select the previous selectable option
- case keyArrowUp:
- {
- this.checkPreviousOption(shiftKey);
- return;
- }
- // Select the last available option
- case keyEnd:
- {
- this.checkLastOption(shiftKey);
- return;
- }
- case keyTab:
- {
- this.focusAndScrollOptionIntoView();
- return true;
- }
- case keyEscape:
- {
- this.uncheckAllOptions();
- this.checkActiveIndex();
- return true;
- }
- case keySpace:
- {
- e.preventDefault();
- if (this.typeAheadExpired) {
- this.toggleSelectedForAllCheckedOptions();
- return;
- }
- }
- // Send key to Typeahead handler
- default:
- {
- if (key.length === 1) {
- this.handleTypeAhead("".concat(key));
- }
- return true;
- }
- }
- }
- /**
- * Prevents `focusin` events from firing before `click` events when the
- * element is unfocused.
- *
- * @override
- * @internal
- */
- }, {
- key: "mousedownHandler",
- value: function mousedownHandler(e) {
- if (e.offsetX >= 0 && e.offsetX <= this.scrollWidth) {
- return listbox_element_get(listbox_element_getPrototypeOf(ListboxElement.prototype), "mousedownHandler", this).call(this, e);
- }
- }
- /**
- * Switches between single-selection and multi-selection mode.
- *
- * @internal
- */
- }, {
- key: "multipleChanged",
- value: function multipleChanged(prev, next) {
- var _a;
- this.ariaMultiSelectable = next ? "true" : null;
- (_a = this.options) === null || _a === void 0 ? void 0 : _a.forEach(function (o) {
- o.checked = next ? false : undefined;
- });
- this.setSelectedOptions();
- }
- /**
- * Sets an option as selected and gives it focus.
- *
- * @override
- * @public
- */
- }, {
- key: "setSelectedOptions",
- value: function setSelectedOptions() {
- if (!this.multiple) {
- listbox_element_get(listbox_element_getPrototypeOf(ListboxElement.prototype), "setSelectedOptions", this).call(this);
- return;
- }
- if (this.$fastController.isConnected && this.options) {
- this.selectedOptions = this.options.filter(function (o) {
- return o.selected;
- });
- this.focusAndScrollOptionIntoView();
- }
- }
- /**
- * Ensures the size is a positive integer when the property is updated.
- *
- * @param prev - the previous size value
- * @param next - the current size value
- *
- * @internal
- */
- }, {
- key: "sizeChanged",
- value: function sizeChanged(prev, next) {
- var _this6 = this;
- var _a;
- var size = Math.max(0, parseInt((_a = next === null || next === void 0 ? void 0 : next.toFixed()) !== null && _a !== void 0 ? _a : "", 10));
- if (size !== next) {
- DOM.queueUpdate(function () {
- _this6.size = size;
- });
- }
- }
- /**
- * Toggles the selected state of the provided options. If any provided items
- * are in an unselected state, all items are set to selected. If every
- * provided item is selected, they are all unselected.
- *
- * @internal
- */
- }, {
- key: "toggleSelectedForAllCheckedOptions",
- value: function toggleSelectedForAllCheckedOptions() {
- var enabledCheckedOptions = this.checkedOptions.filter(function (o) {
- return !o.disabled;
- });
- var force = !enabledCheckedOptions.every(function (o) {
- return o.selected;
- });
- enabledCheckedOptions.forEach(function (o) {
- return o.selected = force;
- });
- this.selectedIndex = this.options.indexOf(enabledCheckedOptions[enabledCheckedOptions.length - 1]);
- this.setSelectedOptions();
- }
- /**
- * @override
- * @internal
- */
- }, {
- key: "typeaheadBufferChanged",
- value: function typeaheadBufferChanged(prev, next) {
- if (!this.multiple) {
- listbox_element_get(listbox_element_getPrototypeOf(ListboxElement.prototype), "typeaheadBufferChanged", this).call(this, prev, next);
- return;
- }
- if (this.$fastController.isConnected) {
- var typeaheadMatches = this.getTypeaheadMatches();
- var activeIndex = this.options.indexOf(typeaheadMatches[0]);
- if (activeIndex > -1) {
- this.activeIndex = activeIndex;
- this.uncheckAllOptions();
- this.checkActiveIndex();
- }
- this.typeAheadExpired = false;
- }
- }
- /**
- * Unchecks all options.
- *
- * @remarks
- * Multiple-selection mode only.
- *
- * @param preserveChecked - reset the rangeStartIndex
- *
- * @internal
- */
- }, {
- key: "uncheckAllOptions",
- value: function uncheckAllOptions() {
- var _this7 = this;
- var preserveChecked = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
- this.options.forEach(function (o) {
- return o.checked = _this7.multiple ? false : undefined;
- });
- if (!preserveChecked) {
- this.rangeStartIndex = -1;
- }
- }
- }]);
-}(Listbox);
-__decorate([observable], ListboxElement.prototype, "activeIndex", void 0);
-__decorate([attr({
- mode: "boolean"
-})], ListboxElement.prototype, "multiple", void 0);
-__decorate([attr({
- converter: nullableNumberConverter
-})], ListboxElement.prototype, "size", void 0);
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/select/select.form-associated.js
-function select_form_associated_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, select_form_associated_toPropertyKey(o.key), o); } }
-function select_form_associated_createClass(e, r, t) { return r && select_form_associated_defineProperties(e.prototype, r), t && select_form_associated_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function select_form_associated_toPropertyKey(t) { var i = select_form_associated_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function select_form_associated_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function select_form_associated_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function select_form_associated_callSuper(t, o, e) { return o = select_form_associated_getPrototypeOf(o), select_form_associated_possibleConstructorReturn(t, select_form_associated_isNativeReflectConstruct() ? Reflect.construct(o, e || [], select_form_associated_getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function select_form_associated_possibleConstructorReturn(t, e) { if (e && ("object" == typeof e || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return select_form_associated_assertThisInitialized(t); }
-function select_form_associated_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function select_form_associated_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (select_form_associated_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function select_form_associated_getPrototypeOf(t) { return select_form_associated_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, select_form_associated_getPrototypeOf(t); }
-function select_form_associated_inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && select_form_associated_setPrototypeOf(t, e); }
-function select_form_associated_setPrototypeOf(t, e) { return select_form_associated_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, select_form_associated_setPrototypeOf(t, e); }
-
-
-var _Select = /*#__PURE__*/function (_ListboxElement) {
- function _Select() {
- select_form_associated_classCallCheck(this, _Select);
- return select_form_associated_callSuper(this, _Select, arguments);
- }
- select_form_associated_inherits(_Select, _ListboxElement);
- return select_form_associated_createClass(_Select);
-}(ListboxElement);
-/**
- * A form-associated base class for the {@link @microsoft/fast-foundation#(Select:class)} component.
- *
- * @internal
- */
-var FormAssociatedSelect = /*#__PURE__*/function (_FormAssociated) {
- function FormAssociatedSelect() {
- var _this;
- select_form_associated_classCallCheck(this, FormAssociatedSelect);
- _this = select_form_associated_callSuper(this, FormAssociatedSelect, arguments);
- _this.proxy = document.createElement("select");
- return _this;
- }
- select_form_associated_inherits(FormAssociatedSelect, _FormAssociated);
- return select_form_associated_createClass(FormAssociatedSelect);
-}(FormAssociated(_Select));
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/select/select.options.js
-/**
- * Positioning directions for the listbox when a select is open.
- * @public
- */
-var SelectPosition = {
- above: "above",
- below: "below"
-};
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/select/select.js
-function select_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function select_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, select_toPropertyKey(o.key), o); } }
-function select_createClass(e, r, t) { return r && select_defineProperties(e.prototype, r), t && select_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function select_toPropertyKey(t) { var i = select_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function select_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function select_callSuper(t, o, e) { return o = select_getPrototypeOf(o), select_possibleConstructorReturn(t, select_isNativeReflectConstruct() ? Reflect.construct(o, e || [], select_getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function select_possibleConstructorReturn(t, e) { if (e && ("object" == typeof e || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return select_assertThisInitialized(t); }
-function select_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function select_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (select_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function select_get() { return select_get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = select_superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, select_get.apply(null, arguments); }
-function select_superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = select_getPrototypeOf(t));); return t; }
-function select_getPrototypeOf(t) { return select_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, select_getPrototypeOf(t); }
-function select_inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && select_setPrototypeOf(t, e); }
-function select_setPrototypeOf(t, e) { return select_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, select_setPrototypeOf(t, e); }
-
-
-
-
-
-
-
-
-/**
- * A Select Custom HTML Element.
- * Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#select | ARIA select }.
- *
- * @slot start - Content which can be provided before the button content
- * @slot end - Content which can be provided after the button content
- * @slot button-container - The element representing the select button
- * @slot selected-value - The selected value
- * @slot indicator - The visual indicator for the expand/collapse state of the button
- * @slot - The default slot for slotted options
- * @csspart control - The element representing the select invoking element
- * @csspart selected-value - The element wrapping the selected value
- * @csspart indicator - The element wrapping the visual indicator
- * @csspart listbox - The listbox element
- * @fires input - Fires a custom 'input' event when the value updates
- * @fires change - Fires a custom 'change' event when the value updates
- *
- * @public
- */
-var Select = /*#__PURE__*/function (_FormAssociatedSelect) {
- function Select() {
- var _this;
- select_classCallCheck(this, Select);
- _this = select_callSuper(this, Select, arguments);
- /**
- * The open attribute.
- *
- * @public
- * @remarks
- * HTML Attribute: open
- */
- _this.open = false;
- /**
- * Indicates the initial state of the position attribute.
- *
- * @internal
- */
- _this.forcedPosition = false;
- /**
- * The unique id for the internal listbox element.
- *
- * @internal
- */
- _this.listboxId = uniqueId("listbox-");
- /**
- * The max height for the listbox when opened.
- *
- * @internal
- */
- _this.maxHeight = 0;
- return _this;
- }
- /**
- * Sets focus and synchronizes ARIA attributes when the open property changes.
- *
- * @param prev - the previous open value
- * @param next - the current open value
- *
- * @internal
- */
- select_inherits(Select, _FormAssociatedSelect);
- return select_createClass(Select, [{
- key: "openChanged",
- value: function openChanged(prev, next) {
- var _this2 = this;
- if (!this.collapsible) {
- return;
- }
- if (this.open) {
- this.ariaControls = this.listboxId;
- this.ariaExpanded = "true";
- this.setPositioning();
- this.focusAndScrollOptionIntoView();
- this.indexWhenOpened = this.selectedIndex;
- // focus is directed to the element when `open` is changed programmatically
- DOM.queueUpdate(function () {
- return _this2.focus();
- });
- return;
- }
- this.ariaControls = "";
- this.ariaExpanded = "false";
- }
- /**
- * The component is collapsible when in single-selection mode with no size attribute.
- *
- * @internal
- */
- }, {
- key: "collapsible",
- get: function get() {
- return !(this.multiple || typeof this.size === "number");
- }
- /**
- * The value property.
- *
- * @public
- */
- }, {
- key: "value",
- get: function get() {
- Observable.track(this, "value");
- return this._value;
- },
- set: function set(next) {
- var _a, _b, _c, _d, _e, _f, _g;
- var prev = "".concat(this._value);
- if ((_a = this._options) === null || _a === void 0 ? void 0 : _a.length) {
- var selectedIndex = this._options.findIndex(function (el) {
- return el.value === next;
- });
- var prevSelectedValue = (_c = (_b = this._options[this.selectedIndex]) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : null;
- var nextSelectedValue = (_e = (_d = this._options[selectedIndex]) === null || _d === void 0 ? void 0 : _d.value) !== null && _e !== void 0 ? _e : null;
- if (selectedIndex === -1 || prevSelectedValue !== nextSelectedValue) {
- next = "";
- this.selectedIndex = selectedIndex;
- }
- next = (_g = (_f = this.firstSelectedOption) === null || _f === void 0 ? void 0 : _f.value) !== null && _g !== void 0 ? _g : next;
- }
- if (prev !== next) {
- this._value = next;
- select_get(select_getPrototypeOf(Select.prototype), "valueChanged", this).call(this, prev, next);
- Observable.notify(this, "value");
- this.updateDisplayValue();
- }
- }
- /**
- * Sets the value and display value to match the first selected option.
- *
- * @param shouldEmit - if true, the input and change events will be emitted
- *
- * @internal
- */
- }, {
- key: "updateValue",
- value: function updateValue(shouldEmit) {
- var _a, _b;
- if (this.$fastController.isConnected) {
- this.value = (_b = (_a = this.firstSelectedOption) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : "";
- }
- if (shouldEmit) {
- this.$emit("input");
- this.$emit("change", this, {
- bubbles: true,
- composed: undefined
- });
- }
- }
- /**
- * Updates the proxy value when the selected index changes.
- *
- * @param prev - the previous selected index
- * @param next - the next selected index
- *
- * @internal
- */
- }, {
- key: "selectedIndexChanged",
- value: function selectedIndexChanged(prev, next) {
- select_get(select_getPrototypeOf(Select.prototype), "selectedIndexChanged", this).call(this, prev, next);
- this.updateValue();
- }
- }, {
- key: "positionChanged",
- value: function positionChanged(prev, next) {
- this.positionAttribute = next;
- this.setPositioning();
- }
- /**
- * Calculate and apply listbox positioning based on available viewport space.
- *
- * @public
- */
- }, {
- key: "setPositioning",
- value: function setPositioning() {
- var currentBox = this.getBoundingClientRect();
- var viewportHeight = window.innerHeight;
- var availableBottom = viewportHeight - currentBox.bottom;
- this.position = this.forcedPosition ? this.positionAttribute : currentBox.top > availableBottom ? SelectPosition.above : SelectPosition.below;
- this.positionAttribute = this.forcedPosition ? this.positionAttribute : this.position;
- this.maxHeight = this.position === SelectPosition.above ? ~~currentBox.top : ~~availableBottom;
- }
- /**
- * The value displayed on the button.
- *
- * @public
- */
- }, {
- key: "displayValue",
- get: function get() {
- var _a, _b;
- Observable.track(this, "displayValue");
- return (_b = (_a = this.firstSelectedOption) === null || _a === void 0 ? void 0 : _a.text) !== null && _b !== void 0 ? _b : "";
- }
- /**
- * Synchronize the `aria-disabled` property when the `disabled` property changes.
- *
- * @param prev - The previous disabled value
- * @param next - The next disabled value
- *
- * @internal
- */
- }, {
- key: "disabledChanged",
- value: function disabledChanged(prev, next) {
- if (select_get(select_getPrototypeOf(Select.prototype), "disabledChanged", this)) {
- select_get(select_getPrototypeOf(Select.prototype), "disabledChanged", this).call(this, prev, next);
- }
- this.ariaDisabled = this.disabled ? "true" : "false";
- }
- /**
- * Reset the element to its first selectable option when its parent form is reset.
- *
- * @internal
- */
- }, {
- key: "formResetCallback",
- value: function formResetCallback() {
- this.setProxyOptions();
- // Call the base class's implementation setDefaultSelectedOption instead of the select's
- // override, in order to reset the selectedIndex without using the value property.
- select_get(select_getPrototypeOf(Select.prototype), "setDefaultSelectedOption", this).call(this);
- if (this.selectedIndex === -1) {
- this.selectedIndex = 0;
- }
- }
- /**
- * Handle opening and closing the listbox when the select is clicked.
- *
- * @param e - the mouse event
- * @internal
- */
- }, {
- key: "clickHandler",
- value: function clickHandler(e) {
- // do nothing if the select is disabled
- if (this.disabled) {
- return;
- }
- if (this.open) {
- var captured = e.target.closest("option,[role=option]");
- if (captured && captured.disabled) {
- return;
- }
- }
- select_get(select_getPrototypeOf(Select.prototype), "clickHandler", this).call(this, e);
- this.open = this.collapsible && !this.open;
- if (!this.open && this.indexWhenOpened !== this.selectedIndex) {
- this.updateValue(true);
- }
- return true;
- }
- /**
- * Handles focus state when the element or its children lose focus.
- *
- * @param e - The focus event
- * @internal
- */
- }, {
- key: "focusoutHandler",
- value: function focusoutHandler(e) {
- var _a;
- select_get(select_getPrototypeOf(Select.prototype), "focusoutHandler", this).call(this, e);
- if (!this.open) {
- return true;
- }
- var focusTarget = e.relatedTarget;
- if (this.isSameNode(focusTarget)) {
- this.focus();
- return;
- }
- if (!((_a = this.options) === null || _a === void 0 ? void 0 : _a.includes(focusTarget))) {
- this.open = false;
- if (this.indexWhenOpened !== this.selectedIndex) {
- this.updateValue(true);
- }
- }
- }
- /**
- * Updates the value when an option's value changes.
- *
- * @param source - the source object
- * @param propertyName - the property to evaluate
- *
- * @internal
- * @override
- */
- }, {
- key: "handleChange",
- value: function handleChange(source, propertyName) {
- select_get(select_getPrototypeOf(Select.prototype), "handleChange", this).call(this, source, propertyName);
- if (propertyName === "value") {
- this.updateValue();
- }
- }
- /**
- * Synchronize the form-associated proxy and updates the value property of the element.
- *
- * @param prev - the previous collection of slotted option elements
- * @param next - the next collection of slotted option elements
- *
- * @internal
- */
- }, {
- key: "slottedOptionsChanged",
- value: function slottedOptionsChanged(prev, next) {
- var _this3 = this;
- this.options.forEach(function (o) {
- var notifier = Observable.getNotifier(o);
- notifier.unsubscribe(_this3, "value");
- });
- select_get(select_getPrototypeOf(Select.prototype), "slottedOptionsChanged", this).call(this, prev, next);
- this.options.forEach(function (o) {
- var notifier = Observable.getNotifier(o);
- notifier.subscribe(_this3, "value");
- });
- this.setProxyOptions();
- this.updateValue();
- }
- /**
- * Prevents focus when size is set and a scrollbar is clicked.
- *
- * @param e - the mouse event object
- *
- * @override
- * @internal
- */
- }, {
- key: "mousedownHandler",
- value: function mousedownHandler(e) {
- var _a;
- if (e.offsetX >= 0 && e.offsetX <= ((_a = this.listbox) === null || _a === void 0 ? void 0 : _a.scrollWidth)) {
- return select_get(select_getPrototypeOf(Select.prototype), "mousedownHandler", this).call(this, e);
- }
- return this.collapsible;
- }
- /**
- * Sets the multiple property on the proxy element.
- *
- * @param prev - the previous multiple value
- * @param next - the current multiple value
- */
- }, {
- key: "multipleChanged",
- value: function multipleChanged(prev, next) {
- select_get(select_getPrototypeOf(Select.prototype), "multipleChanged", this).call(this, prev, next);
- if (this.proxy) {
- this.proxy.multiple = next;
- }
- }
- /**
- * Updates the selectedness of each option when the list of selected options changes.
- *
- * @param prev - the previous list of selected options
- * @param next - the current list of selected options
- *
- * @override
- * @internal
- */
- }, {
- key: "selectedOptionsChanged",
- value: function selectedOptionsChanged(prev, next) {
- var _this4 = this;
- var _a;
- select_get(select_getPrototypeOf(Select.prototype), "selectedOptionsChanged", this).call(this, prev, next);
- (_a = this.options) === null || _a === void 0 ? void 0 : _a.forEach(function (o, i) {
- var _a;
- var proxyOption = (_a = _this4.proxy) === null || _a === void 0 ? void 0 : _a.options.item(i);
- if (proxyOption) {
- proxyOption.selected = o.selected;
- }
- });
- }
- /**
- * Sets the selected index to match the first option with the selected attribute, or
- * the first selectable option.
- *
- * @override
- * @internal
- */
- }, {
- key: "setDefaultSelectedOption",
- value: function setDefaultSelectedOption() {
- var _this5 = this;
- var _a;
- var options = (_a = this.options) !== null && _a !== void 0 ? _a : Array.from(this.children).filter(Listbox.slottedOptionFilter);
- var selectedIndex = options === null || options === void 0 ? void 0 : options.findIndex(function (el) {
- return el.hasAttribute("selected") || el.selected || el.value === _this5.value;
- });
- if (selectedIndex !== -1) {
- this.selectedIndex = selectedIndex;
- return;
- }
- this.selectedIndex = 0;
- }
- /**
- * Resets and fills the proxy to match the component's options.
- *
- * @internal
- */
- }, {
- key: "setProxyOptions",
- value: function setProxyOptions() {
- var _this6 = this;
- if (this.proxy instanceof HTMLSelectElement && this.options) {
- this.proxy.options.length = 0;
- this.options.forEach(function (option) {
- var proxyOption = option.proxy || (option instanceof HTMLOptionElement ? option.cloneNode() : null);
- if (proxyOption) {
- _this6.proxy.options.add(proxyOption);
- }
- });
- }
- }
- /**
- * Handle keyboard interaction for the select.
- *
- * @param e - the keyboard event
- * @internal
- */
- }, {
- key: "keydownHandler",
- value: function keydownHandler(e) {
- select_get(select_getPrototypeOf(Select.prototype), "keydownHandler", this).call(this, e);
- var key = e.key || e.key.charCodeAt(0);
- switch (key) {
- case keySpace:
- {
- e.preventDefault();
- if (this.collapsible && this.typeAheadExpired) {
- this.open = !this.open;
- }
- break;
- }
- case keyHome:
- case keyEnd:
- {
- e.preventDefault();
- break;
- }
- case keyEnter:
- {
- e.preventDefault();
- this.open = !this.open;
- break;
- }
- case keyEscape:
- {
- if (this.collapsible && this.open) {
- e.preventDefault();
- this.open = false;
- }
- break;
- }
- case keyTab:
- {
- if (this.collapsible && this.open) {
- e.preventDefault();
- this.open = false;
- }
- return true;
- }
- }
- if (!this.open && this.indexWhenOpened !== this.selectedIndex) {
- this.updateValue(true);
- this.indexWhenOpened = this.selectedIndex;
- }
- return !(key === keyArrowDown || key === keyArrowUp);
- }
- }, {
- key: "connectedCallback",
- value: function connectedCallback() {
- select_get(select_getPrototypeOf(Select.prototype), "connectedCallback", this).call(this);
- this.forcedPosition = !!this.positionAttribute;
- this.addEventListener("contentchange", this.updateDisplayValue);
- }
- }, {
- key: "disconnectedCallback",
- value: function disconnectedCallback() {
- this.removeEventListener("contentchange", this.updateDisplayValue);
- select_get(select_getPrototypeOf(Select.prototype), "disconnectedCallback", this).call(this);
- }
- /**
- * Updates the proxy's size property when the size attribute changes.
- *
- * @param prev - the previous size
- * @param next - the current size
- *
- * @override
- * @internal
- */
- }, {
- key: "sizeChanged",
- value: function sizeChanged(prev, next) {
- select_get(select_getPrototypeOf(Select.prototype), "sizeChanged", this).call(this, prev, next);
- if (this.proxy) {
- this.proxy.size = next;
- }
- }
- /**
- *
- * @internal
- */
- }, {
- key: "updateDisplayValue",
- value: function updateDisplayValue() {
- if (this.collapsible) {
- Observable.notify(this, "displayValue");
- }
- }
- }]);
-}(FormAssociatedSelect);
-__decorate([attr({
- attribute: "open",
- mode: "boolean"
-})], Select.prototype, "open", void 0);
-__decorate([observable_volatile], Select.prototype, "collapsible", null);
-__decorate([observable], Select.prototype, "control", void 0);
-__decorate([attr({
- attribute: "position"
-})], Select.prototype, "positionAttribute", void 0);
-__decorate([observable], Select.prototype, "position", void 0);
-__decorate([observable], Select.prototype, "maxHeight", void 0);
-/**
- * Includes ARIA states and properties relating to the ARIA select role.
- *
- * @public
- */
-var DelegatesARIASelect = /*#__PURE__*/select_createClass(function DelegatesARIASelect() {
- select_classCallCheck(this, DelegatesARIASelect);
-});
-__decorate([observable], DelegatesARIASelect.prototype, "ariaControls", void 0);
-applyMixins(DelegatesARIASelect, DelegatesARIAListbox);
-applyMixins(Select, StartEnd, DelegatesARIASelect);
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-element/dist/esm/interfaces.js
-/**
- * Determines whether or not an object is a function.
- * @public
- */
-var isFunction = function isFunction(object) {
- return typeof object === "function";
-};
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-element/dist/esm/templating/when.js
-
-var noTemplate = function noTemplate() {
- return null;
-};
-function normalizeBinding(value) {
- return value === undefined ? noTemplate : isFunction(value) ? value : function () {
- return value;
- };
-}
-/**
- * A directive that enables basic conditional rendering in a template.
- * @param binding - The condition to test for rendering.
- * @param templateOrTemplateBinding - The template or a binding that gets
- * the template to render when the condition is true.
- * @param elseTemplateOrTemplateBinding - Optional template or binding that that
- * gets the template to render when the conditional is false.
- * @public
- */
-function when(binding, templateOrTemplateBinding, elseTemplateOrTemplateBinding) {
- var dataBinding = isFunction(binding) ? binding : function () {
- return binding;
- };
- var templateBinding = normalizeBinding(templateOrTemplateBinding);
- var elseBinding = normalizeBinding(elseTemplateOrTemplateBinding);
- return function (source, context) {
- return dataBinding(source, context) ? templateBinding(source, context) : elseBinding(source, context);
- };
-}
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/select/select.template.js
-var select_template_templateObject, select_template_templateObject2;
-function select_template_taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-
-
-
-/**
- * The template for the {@link @microsoft/fast-foundation#(Select:class)} component.
- * @public
- */
-var selectTemplate = function selectTemplate(context, definition) {
- return html(select_template_templateObject || (select_template_templateObject = select_template_taggedTemplateLiteral(["\n \n ", "\n \n \n \n \n"])), function (x) {
- return [x.collapsible && "collapsible", x.collapsible && x.open && "open", x.disabled && "disabled", x.collapsible && x.position].filter(Boolean).join(" ");
- }, function (x) {
- return x.ariaActiveDescendant;
- }, function (x) {
- return x.ariaControls;
- }, function (x) {
- return x.ariaDisabled;
- }, function (x) {
- return x.ariaExpanded;
- }, function (x) {
- return x.collapsible ? "listbox" : null;
- }, function (x) {
- return x.ariaMultiSelectable;
- }, function (x) {
- return x.open;
- }, function (x) {
- return !x.disabled ? "0" : null;
- }, function (x, c) {
- return x.clickHandler(c.event);
- }, function (x, c) {
- return x.focusinHandler(c.event);
- }, function (x, c) {
- return x.focusoutHandler(c.event);
- }, function (x, c) {
- return x.keydownHandler(c.event);
- }, function (x, c) {
- return x.mousedownHandler(c.event);
- }, when(function (x) {
- return x.collapsible;
- }, html(select_template_templateObject2 || (select_template_templateObject2 = select_template_taggedTemplateLiteral(["\n \n ", "\n \n \n ", "\n
\n \n \n ", "\n \n
\n \n ", "\n \n "])), function (x) {
- return x.disabled;
- }, ref("control"), startSlotTemplate(context, definition), function (x) {
- return x.displayValue;
- }, definition.indicator || "", endSlotTemplate(context, definition))), function (x) {
- return x.listboxId;
- }, function (x) {
- return x.disabled;
- }, function (x) {
- return x.collapsible ? !x.open : false;
- }, ref("listbox"), slotted({
- filter: Listbox.slottedOptionFilter,
- flatten: true,
- property: "slottedOptions"
- }));
-};
-;// CONCATENATED MODULE: ../../node_modules/@vscode/webview-ui-toolkit/dist/dropdown/dropdown.styles.js
-var dropdown_styles_templateObject;
-function dropdown_styles_taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-
-
-
-var dropdownStyles = function dropdownStyles(context, definition) {
- return css(dropdown_styles_templateObject || (dropdown_styles_templateObject = dropdown_styles_taggedTemplateLiteral(["\n\t", " :host {\n\t\tbackground: ", ";\n\t\tborder-radius: calc(", " * 1px);\n\t\tbox-sizing: border-box;\n\t\tcolor: ", ";\n\t\tcontain: contents;\n\t\tfont-family: ", ";\n\t\theight: calc(", " * 1px);\n\t\tposition: relative;\n\t\tuser-select: none;\n\t\tmin-width: ", ";\n\t\toutline: none;\n\t\tvertical-align: top;\n\t}\n\t.control {\n\t\talign-items: center;\n\t\tbox-sizing: border-box;\n\t\tborder: calc(", " * 1px) solid ", ";\n\t\tborder-radius: calc(", " * 1px);\n\t\tcursor: pointer;\n\t\tdisplay: flex;\n\t\tfont-family: inherit;\n\t\tfont-size: ", ";\n\t\tline-height: ", ";\n\t\tmin-height: 100%;\n\t\tpadding: 2px 6px 2px 8px;\n\t\twidth: 100%;\n\t}\n\t.listbox {\n\t\tbackground: ", ";\n\t\tborder: calc(", " * 1px) solid ", ";\n\t\tborder-radius: calc(", " * 1px);\n\t\tbox-sizing: border-box;\n\t\tdisplay: inline-flex;\n\t\tflex-direction: column;\n\t\tleft: 0;\n\t\tmax-height: ", ";\n\t\tpadding: 0;\n\t\toverflow-y: auto;\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\tz-index: 1;\n\t}\n\t.listbox[hidden] {\n\t\tdisplay: none;\n\t}\n\t:host(:", ") .control {\n\t\tborder-color: ", ";\n\t}\n\t:host(:not([disabled]):hover) {\n\t\tbackground: ", ";\n\t\tborder-color: ", ";\n\t}\n\t:host(:", ") ::slotted([aria-selected=\"true\"][role=\"option\"]:not([disabled])) {\n\t\tbackground: ", ";\n\t\tborder: calc(", " * 1px) solid transparent;\n\t\tcolor: ", ";\n\t}\n\t:host([disabled]) {\n\t\tcursor: ", ";\n\t\topacity: ", ";\n\t}\n\t:host([disabled]) .control {\n\t\tcursor: ", ";\n\t\tuser-select: none;\n\t}\n\t:host([disabled]:hover) {\n\t\tbackground: ", ";\n\t\tcolor: ", ";\n\t\tfill: currentcolor;\n\t}\n\t:host(:not([disabled])) .control:active {\n\t\tborder-color: ", ";\n\t}\n\t:host(:empty) .listbox {\n\t\tdisplay: none;\n\t}\n\t:host([open]) .control {\n\t\tborder-color: ", ";\n\t}\n\t:host([open][position='above']) .listbox {\n\t\tborder-bottom-left-radius: 0;\n\t\tborder-bottom-right-radius: 0;\n\t}\n\t:host([open][position='below']) .listbox {\n\t\tborder-top-left-radius: 0;\n\t\tborder-top-right-radius: 0;\n\t}\n\t:host([open][position='above']) .listbox {\n\t\tbottom: calc(", " * 1px);\n\t}\n\t:host([open][position='below']) .listbox {\n\t\ttop: calc(", " * 1px);\n\t}\n\t.selected-value {\n\t\tflex: 1 1 auto;\n\t\tfont-family: inherit;\n\t\toverflow: hidden;\n\t\ttext-align: start;\n\t\ttext-overflow: ellipsis;\n\t\twhite-space: nowrap;\n\t}\n\t.indicator {\n\t\tflex: 0 0 auto;\n\t\tmargin-inline-start: 1em;\n\t}\n\tslot[name='listbox'] {\n\t\tdisplay: none;\n\t\twidth: 100%;\n\t}\n\t:host([open]) slot[name='listbox'] {\n\t\tdisplay: flex;\n\t\tposition: absolute;\n\t}\n\t.end {\n\t\tmargin-inline-start: auto;\n\t}\n\t.start,\n\t.end,\n\t.indicator,\n\t.select-indicator,\n\t::slotted(svg),\n\t::slotted(span) {\n\t\tfill: currentcolor;\n\t\theight: 1em;\n\t\tmin-height: calc(", " * 4px);\n\t\tmin-width: calc(", " * 4px);\n\t\twidth: 1em;\n\t}\n\t::slotted([role='option']),\n\t::slotted(option) {\n\t\tflex: 0 0 auto;\n\t}\n"])), display('inline-flex'), dropdownBackground, cornerRadiusRound, foreground, fontFamily, inputHeight, inputMinWidth, borderWidth, dropdownBorder, cornerRadiusRound, typeRampBaseFontSize, typeRampBaseLineHeight, dropdownBackground, borderWidth, focusBorder, cornerRadiusRound, dropdownListMaxHeight, focusVisible, focusBorder, dropdownBackground, dropdownBorder, focusVisible, listActiveSelectionBackground, borderWidth, listActiveSelectionForeground, disabledCursor, disabledOpacity, disabledCursor, dropdownBackground, foreground, focusBorder, focusBorder, inputHeight, inputHeight, designUnit, designUnit);
-};
-;// CONCATENATED MODULE: ../../node_modules/@vscode/webview-ui-toolkit/dist/dropdown/index.js
-function dropdown_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, dropdown_toPropertyKey(o.key), o); } }
-function dropdown_createClass(e, r, t) { return r && dropdown_defineProperties(e.prototype, r), t && dropdown_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function dropdown_toPropertyKey(t) { var i = dropdown_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function dropdown_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function dropdown_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function dropdown_callSuper(t, o, e) { return o = dropdown_getPrototypeOf(o), dropdown_possibleConstructorReturn(t, dropdown_isNativeReflectConstruct() ? Reflect.construct(o, e || [], dropdown_getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function dropdown_possibleConstructorReturn(t, e) { if (e && ("object" == typeof e || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return dropdown_assertThisInitialized(t); }
-function dropdown_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function dropdown_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (dropdown_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function dropdown_getPrototypeOf(t) { return dropdown_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, dropdown_getPrototypeOf(t); }
-function dropdown_inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && dropdown_setPrototypeOf(t, e); }
-function dropdown_setPrototypeOf(t, e) { return dropdown_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, dropdown_setPrototypeOf(t, e); }
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-
-
-
-/**
- * The Visual Studio Code dropdown class.
- *
- * @public
- */
-var Dropdown = /*#__PURE__*/function (_FoundationSelect) {
- function Dropdown() {
- dropdown_classCallCheck(this, Dropdown);
- return dropdown_callSuper(this, Dropdown, arguments);
- }
- dropdown_inherits(Dropdown, _FoundationSelect);
- return dropdown_createClass(Dropdown);
-}(Select);
-/**
- * The Visual Studio Code link dropdown registration.
- *
- * @remarks
- * HTML Element: ``
- *
- * @public
- */
-var vsCodeDropdown = Dropdown.compose({
- baseName: 'dropdown',
- template: selectTemplate,
- styles: dropdownStyles,
- indicator: "\n\t\t\n\t"
-});
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/anchor/anchor.js
-function anchor_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function anchor_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, anchor_toPropertyKey(o.key), o); } }
-function anchor_createClass(e, r, t) { return r && anchor_defineProperties(e.prototype, r), t && anchor_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function anchor_toPropertyKey(t) { var i = anchor_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function anchor_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function anchor_callSuper(t, o, e) { return o = anchor_getPrototypeOf(o), anchor_possibleConstructorReturn(t, anchor_isNativeReflectConstruct() ? Reflect.construct(o, e || [], anchor_getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function anchor_possibleConstructorReturn(t, e) { if (e && ("object" == typeof e || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return anchor_assertThisInitialized(t); }
-function anchor_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function anchor_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (anchor_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function anchor_get() { return anchor_get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = anchor_superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, anchor_get.apply(null, arguments); }
-function anchor_superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = anchor_getPrototypeOf(t));); return t; }
-function anchor_getPrototypeOf(t) { return anchor_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, anchor_getPrototypeOf(t); }
-function anchor_inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && anchor_setPrototypeOf(t, e); }
-function anchor_setPrototypeOf(t, e) { return anchor_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, anchor_setPrototypeOf(t, e); }
-
-
-
-
-
-/**
- * An Anchor Custom HTML Element.
- * Based largely on the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | element }.
- *
- * @slot start - Content which can be provided before the anchor content
- * @slot end - Content which can be provided after the anchor content
- * @slot - The default slot for anchor content
- * @csspart control - The anchor element
- * @csspart content - The element wrapping anchor content
- *
- * @public
- */
-var Anchor = /*#__PURE__*/function (_FoundationElement) {
- function Anchor() {
- var _this;
- anchor_classCallCheck(this, Anchor);
- _this = anchor_callSuper(this, Anchor, arguments);
- /**
- * Overrides the focus call for where delegatesFocus is unsupported.
- * This check works for Chrome, Edge Chromium, FireFox, and Safari
- * Relevant PR on the Firefox browser: https://phabricator.services.mozilla.com/D123858
- */
- _this.handleUnsupportedDelegatesFocus = function () {
- var _a;
- // Check to see if delegatesFocus is supported
- if (window.ShadowRoot && !window.ShadowRoot.prototype.hasOwnProperty("delegatesFocus") && ((_a = _this.$fastController.definition.shadowOptions) === null || _a === void 0 ? void 0 : _a.delegatesFocus)) {
- _this.focus = function () {
- var _a;
- (_a = _this.control) === null || _a === void 0 ? void 0 : _a.focus();
- };
- }
- };
- return _this;
- }
- /**
- * @internal
- */
- anchor_inherits(Anchor, _FoundationElement);
- return anchor_createClass(Anchor, [{
- key: "connectedCallback",
- value: function connectedCallback() {
- anchor_get(anchor_getPrototypeOf(Anchor.prototype), "connectedCallback", this).call(this);
- this.handleUnsupportedDelegatesFocus();
- }
- }]);
-}(FoundationElement);
-__decorate([attr], Anchor.prototype, "download", void 0);
-__decorate([attr], Anchor.prototype, "href", void 0);
-__decorate([attr], Anchor.prototype, "hreflang", void 0);
-__decorate([attr], Anchor.prototype, "ping", void 0);
-__decorate([attr], Anchor.prototype, "referrerpolicy", void 0);
-__decorate([attr], Anchor.prototype, "rel", void 0);
-__decorate([attr], Anchor.prototype, "target", void 0);
-__decorate([attr], Anchor.prototype, "type", void 0);
-__decorate([observable], Anchor.prototype, "defaultSlottedContent", void 0);
-/**
- * Includes ARIA states and properties relating to the ARIA link role
- *
- * @public
- */
-var DelegatesARIALink = /*#__PURE__*/anchor_createClass(function DelegatesARIALink() {
- anchor_classCallCheck(this, DelegatesARIALink);
-});
-__decorate([attr({
- attribute: "aria-expanded"
-})], DelegatesARIALink.prototype, "ariaExpanded", void 0);
-applyMixins(DelegatesARIALink, ARIAGlobalStatesAndProperties);
-applyMixins(Anchor, StartEnd, DelegatesARIALink);
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/anchor/anchor.template.js
-var anchor_template_templateObject;
-function anchor_template_taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-
-
-/**
- * The template for the {@link @microsoft/fast-foundation#(Anchor:class)} component.
- * @public
- */
-var anchorTemplate = function anchorTemplate(context, definition) {
- return html(anchor_template_templateObject || (anchor_template_templateObject = anchor_template_taggedTemplateLiteral(["\n \n ", "\n \n \n \n ", "\n \n"])), function (x) {
- return x.download;
- }, function (x) {
- return x.href;
- }, function (x) {
- return x.hreflang;
- }, function (x) {
- return x.ping;
- }, function (x) {
- return x.referrerpolicy;
- }, function (x) {
- return x.rel;
- }, function (x) {
- return x.target;
- }, function (x) {
- return x.type;
- }, function (x) {
- return x.ariaAtomic;
- }, function (x) {
- return x.ariaBusy;
- }, function (x) {
- return x.ariaControls;
- }, function (x) {
- return x.ariaCurrent;
- }, function (x) {
- return x.ariaDescribedby;
- }, function (x) {
- return x.ariaDetails;
- }, function (x) {
- return x.ariaDisabled;
- }, function (x) {
- return x.ariaErrormessage;
- }, function (x) {
- return x.ariaExpanded;
- }, function (x) {
- return x.ariaFlowto;
- }, function (x) {
- return x.ariaHaspopup;
- }, function (x) {
- return x.ariaHidden;
- }, function (x) {
- return x.ariaInvalid;
- }, function (x) {
- return x.ariaKeyshortcuts;
- }, function (x) {
- return x.ariaLabel;
- }, function (x) {
- return x.ariaLabelledby;
- }, function (x) {
- return x.ariaLive;
- }, function (x) {
- return x.ariaOwns;
- }, function (x) {
- return x.ariaRelevant;
- }, function (x) {
- return x.ariaRoledescription;
- }, ref("control"), startSlotTemplate(context, definition), slotted("defaultSlottedContent"), endSlotTemplate(context, definition));
-};
-;// CONCATENATED MODULE: ../../node_modules/@vscode/webview-ui-toolkit/dist/link/link.styles.js
-var link_styles_templateObject;
-function link_styles_taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-
-
-
-var linkStyles = function linkStyles(context, definition) {
- return css(link_styles_templateObject || (link_styles_templateObject = link_styles_taggedTemplateLiteral(["\n\t", " :host {\n\t\tbackground: transparent;\n\t\tbox-sizing: border-box;\n\t\tcolor: ", ";\n\t\tcursor: pointer;\n\t\tfill: currentcolor;\n\t\tfont-family: ", ";\n\t\tfont-size: ", ";\n\t\tline-height: ", ";\n\t\toutline: none;\n\t}\n\t.control {\n\t\tbackground: transparent;\n\t\tborder: calc(", " * 1px) solid transparent;\n\t\tborder-radius: calc(", " * 1px);\n\t\tbox-sizing: border-box;\n\t\tcolor: inherit;\n\t\tcursor: inherit;\n\t\tfill: inherit;\n\t\tfont-family: inherit;\n\t\theight: inherit;\n\t\tpadding: 0;\n\t\toutline: none;\n\t\ttext-decoration: none;\n\t\tword-break: break-word;\n\t}\n\t.control::-moz-focus-inner {\n\t\tborder: 0;\n\t}\n\t:host(:hover) {\n\t\tcolor: ", ";\n\t}\n\t:host(:hover) .content {\n\t\ttext-decoration: underline;\n\t}\n\t:host(:active) {\n\t\tbackground: transparent;\n\t\tcolor: ", ";\n\t}\n\t:host(:", ") .control,\n\t:host(:focus) .control {\n\t\tborder: calc(", " * 1px) solid ", ";\n\t}\n"])), display('inline-flex'), linkForeground, fontFamily, typeRampBaseFontSize, typeRampBaseLineHeight, borderWidth, cornerRadius, linkActiveForeground, linkActiveForeground, focusVisible, borderWidth, focusBorder);
-};
-;// CONCATENATED MODULE: ../../node_modules/@vscode/webview-ui-toolkit/dist/link/index.js
-function link_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, link_toPropertyKey(o.key), o); } }
-function link_createClass(e, r, t) { return r && link_defineProperties(e.prototype, r), t && link_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function link_toPropertyKey(t) { var i = link_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function link_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function link_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function link_callSuper(t, o, e) { return o = link_getPrototypeOf(o), link_possibleConstructorReturn(t, link_isNativeReflectConstruct() ? Reflect.construct(o, e || [], link_getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function link_possibleConstructorReturn(t, e) { if (e && ("object" == typeof e || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return link_assertThisInitialized(t); }
-function link_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function link_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (link_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function link_getPrototypeOf(t) { return link_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, link_getPrototypeOf(t); }
-function link_inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && link_setPrototypeOf(t, e); }
-function link_setPrototypeOf(t, e) { return link_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, link_setPrototypeOf(t, e); }
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-
-
-/**
- * The Visual Studio Code link class.
- *
- * @public
- */
-var Link = /*#__PURE__*/function (_FoundationAnchor) {
- function Link() {
- link_classCallCheck(this, Link);
- return link_callSuper(this, Link, arguments);
- }
- link_inherits(Link, _FoundationAnchor);
- return link_createClass(Link);
-}(Anchor);
-/**
- * The Visual Studio Code link component registration.
- *
- * @remarks
- * HTML Element: ``
- *
- * @public
- */
-var vsCodeLink = Link.compose({
- baseName: 'link',
- template: anchorTemplate,
- styles: linkStyles,
- shadowOptions: {
- delegatesFocus: true
- }
-});
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/listbox-option/listbox-option.template.js
-var listbox_option_template_templateObject;
-function listbox_option_template_taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-
-
-/**
- * The template for the {@link @microsoft/fast-foundation#(ListboxOption:class)} component.
- * @public
- */
-var listboxOptionTemplate = function listboxOptionTemplate(context, definition) {
- return html(listbox_option_template_templateObject || (listbox_option_template_templateObject = listbox_option_template_taggedTemplateLiteral(["\n \n ", "\n \n \n \n ", "\n \n"])), function (x) {
- return x.ariaChecked;
- }, function (x) {
- return x.ariaDisabled;
- }, function (x) {
- return x.ariaPosInSet;
- }, function (x) {
- return x.ariaSelected;
- }, function (x) {
- return x.ariaSetSize;
- }, function (x) {
- return [x.checked && "checked", x.selected && "selected", x.disabled && "disabled"].filter(Boolean).join(" ");
- }, startSlotTemplate(context, definition), slotted("content"), endSlotTemplate(context, definition));
-};
-;// CONCATENATED MODULE: ../../node_modules/@vscode/webview-ui-toolkit/dist/option/option.styles.js
-var option_styles_templateObject;
-function option_styles_taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-
-
-
-var optionStyles = function optionStyles(context, definition) {
- return css(option_styles_templateObject || (option_styles_templateObject = option_styles_taggedTemplateLiteral(["\n\t", " :host {\n\t\tfont-family: var(--body-font);\n\t\tborder-radius: ", ";\n\t\tborder: calc(", " * 1px) solid transparent;\n\t\tbox-sizing: border-box;\n\t\tcolor: ", ";\n\t\tcursor: pointer;\n\t\tfill: currentcolor;\n\t\tfont-size: ", ";\n\t\tline-height: ", ";\n\t\tmargin: 0;\n\t\toutline: none;\n\t\toverflow: hidden;\n\t\tpadding: 0 calc((", " / 2) * 1px)\n\t\t\tcalc((", " / 4) * 1px);\n\t\tuser-select: none;\n\t\twhite-space: nowrap;\n\t}\n\t:host(:", ") {\n\t\tborder-color: ", ";\n\t\tbackground: ", ";\n\t\tcolor: ", ";\n\t}\n\t:host([aria-selected='true']) {\n\t\tbackground: ", ";\n\t\tborder: calc(", " * 1px) solid transparent;\n\t\tcolor: ", ";\n\t}\n\t:host(:active) {\n\t\tbackground: ", ";\n\t\tcolor: ", ";\n\t}\n\t:host(:not([aria-selected='true']):hover) {\n\t\tbackground: ", ";\n\t\tborder: calc(", " * 1px) solid transparent;\n\t\tcolor: ", ";\n\t}\n\t:host(:not([aria-selected='true']):active) {\n\t\tbackground: ", ";\n\t\tcolor: ", ";\n\t}\n\t:host([disabled]) {\n\t\tcursor: ", ";\n\t\topacity: ", ";\n\t}\n\t:host([disabled]:hover) {\n\t\tbackground-color: inherit;\n\t}\n\t.content {\n\t\tgrid-column-start: 2;\n\t\tjustify-self: start;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n"])), display('inline-flex'), cornerRadius, borderWidth, foreground, typeRampBaseFontSize, typeRampBaseLineHeight, designUnit, designUnit, focusVisible, focusBorder, listActiveSelectionBackground, foreground, listActiveSelectionBackground, borderWidth, listActiveSelectionForeground, listActiveSelectionBackground, listActiveSelectionForeground, listActiveSelectionBackground, borderWidth, listActiveSelectionForeground, listActiveSelectionBackground, foreground, disabledCursor, disabledOpacity);
-};
-;// CONCATENATED MODULE: ../../node_modules/@vscode/webview-ui-toolkit/dist/option/index.js
-function option_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function option_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, option_toPropertyKey(o.key), o); } }
-function option_createClass(e, r, t) { return r && option_defineProperties(e.prototype, r), t && option_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function option_toPropertyKey(t) { var i = option_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function option_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function option_callSuper(t, o, e) { return o = option_getPrototypeOf(o), option_possibleConstructorReturn(t, option_isNativeReflectConstruct() ? Reflect.construct(o, e || [], option_getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function option_possibleConstructorReturn(t, e) { if (e && ("object" == typeof e || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return option_assertThisInitialized(t); }
-function option_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function option_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (option_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function option_get() { return option_get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = option_superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, option_get.apply(null, arguments); }
-function option_superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = option_getPrototypeOf(t));); return t; }
-function option_getPrototypeOf(t) { return option_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, option_getPrototypeOf(t); }
-function option_inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && option_setPrototypeOf(t, e); }
-function option_setPrototypeOf(t, e) { return option_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, option_setPrototypeOf(t, e); }
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-
-
-/**
- * The Visual Studio Code option class.
- *
- * @public
- */
-var option_Option = /*#__PURE__*/function (_FoundationListboxOpt) {
- function Option() {
- option_classCallCheck(this, Option);
- return option_callSuper(this, Option, arguments);
- }
- option_inherits(Option, _FoundationListboxOpt);
- return option_createClass(Option, [{
- key: "connectedCallback",
- value:
- /**
- * Component lifecycle method that runs when the component is inserted
- * into the DOM.
- *
- * @internal
- */
- function connectedCallback() {
- option_get(option_getPrototypeOf(Option.prototype), "connectedCallback", this).call(this);
- if (this.textContent) {
- this.setAttribute('aria-label', this.textContent);
- } else {
- // Fallback to the label if there is no text content
- this.setAttribute('aria-label', 'Option');
- }
- }
- }]);
-}(ListboxOption);
-/**
- * The Visual Studio Code option component registration.
- *
- * @remarks
- * HTML Element: ``
- *
- * @public
- */
-var vsCodeOption = option_Option.compose({
- baseName: 'option',
- template: listboxOptionTemplate,
- styles: optionStyles
-});
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/tabs/tabs.js
-function tabs_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function tabs_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, tabs_toPropertyKey(o.key), o); } }
-function tabs_createClass(e, r, t) { return r && tabs_defineProperties(e.prototype, r), t && tabs_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function tabs_toPropertyKey(t) { var i = tabs_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function tabs_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function tabs_callSuper(t, o, e) { return o = tabs_getPrototypeOf(o), tabs_possibleConstructorReturn(t, tabs_isNativeReflectConstruct() ? Reflect.construct(o, e || [], tabs_getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function tabs_possibleConstructorReturn(t, e) { if (e && ("object" == typeof e || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return tabs_assertThisInitialized(t); }
-function tabs_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function tabs_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (tabs_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function tabs_get() { return tabs_get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = tabs_superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, tabs_get.apply(null, arguments); }
-function tabs_superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = tabs_getPrototypeOf(t));); return t; }
-function tabs_getPrototypeOf(t) { return tabs_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, tabs_getPrototypeOf(t); }
-function tabs_inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && tabs_setPrototypeOf(t, e); }
-function tabs_setPrototypeOf(t, e) { return tabs_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, tabs_setPrototypeOf(t, e); }
-
-
-
-
-
-
-/**
- * The orientation of the {@link @microsoft/fast-foundation#(Tabs:class)} component
- * @public
- */
-var TabsOrientation = {
- vertical: "vertical",
- horizontal: "horizontal"
-};
-/**
- * A Tabs Custom HTML Element.
- * Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#tablist | ARIA tablist }.
- *
- * @slot start - Content which can be provided before the tablist element
- * @slot end - Content which can be provided after the tablist element
- * @slot tab - The slot for tabs
- * @slot tabpanel - The slot for tabpanels
- * @csspart tablist - The element wrapping for the tabs
- * @csspart tab - The tab slot
- * @csspart activeIndicator - The visual indicator
- * @csspart tabpanel - The tabpanel slot
- * @fires change - Fires a custom 'change' event when a tab is clicked or during keyboard navigation
- *
- * @public
- */
-var Tabs = /*#__PURE__*/function (_FoundationElement) {
- function Tabs() {
- var _this;
- tabs_classCallCheck(this, Tabs);
- _this = tabs_callSuper(this, Tabs, arguments);
- /**
- * The orientation
- * @public
- * @remarks
- * HTML Attribute: orientation
- */
- _this.orientation = TabsOrientation.horizontal;
- /**
- * Whether or not to show the active indicator
- * @public
- * @remarks
- * HTML Attribute: activeindicator
- */
- _this.activeindicator = true;
- /**
- * @internal
- */
- _this.showActiveIndicator = true;
- _this.prevActiveTabIndex = 0;
- _this.activeTabIndex = 0;
- _this.ticking = false;
- _this.change = function () {
- _this.$emit("change", _this.activetab);
- };
- _this.isDisabledElement = function (el) {
- return el.getAttribute("aria-disabled") === "true";
- };
- _this.isHiddenElement = function (el) {
- return el.hasAttribute("hidden");
- };
- _this.isFocusableElement = function (el) {
- return !_this.isDisabledElement(el) && !_this.isHiddenElement(el);
- };
- _this.setTabs = function () {
- var gridHorizontalProperty = "gridColumn";
- var gridVerticalProperty = "gridRow";
- var gridProperty = _this.isHorizontal() ? gridHorizontalProperty : gridVerticalProperty;
- _this.activeTabIndex = _this.getActiveIndex();
- _this.showActiveIndicator = false;
- _this.tabs.forEach(function (tab, index) {
- if (tab.slot === "tab") {
- var isActiveTab = _this.activeTabIndex === index && _this.isFocusableElement(tab);
- if (_this.activeindicator && _this.isFocusableElement(tab)) {
- _this.showActiveIndicator = true;
- }
- var tabId = _this.tabIds[index];
- var tabpanelId = _this.tabpanelIds[index];
- tab.setAttribute("id", tabId);
- tab.setAttribute("aria-selected", isActiveTab ? "true" : "false");
- tab.setAttribute("aria-controls", tabpanelId);
- tab.addEventListener("click", _this.handleTabClick);
- tab.addEventListener("keydown", _this.handleTabKeyDown);
- tab.setAttribute("tabindex", isActiveTab ? "0" : "-1");
- if (isActiveTab) {
- _this.activetab = tab;
- _this.activeid = tabId;
- }
- }
- // If the original property isn't emptied out,
- // the next set will morph into a grid-area style setting that is not what we want
- tab.style[gridHorizontalProperty] = "";
- tab.style[gridVerticalProperty] = "";
- tab.style[gridProperty] = "".concat(index + 1);
- !_this.isHorizontal() ? tab.classList.add("vertical") : tab.classList.remove("vertical");
- });
- };
- _this.setTabPanels = function () {
- _this.tabpanels.forEach(function (tabpanel, index) {
- var tabId = _this.tabIds[index];
- var tabpanelId = _this.tabpanelIds[index];
- tabpanel.setAttribute("id", tabpanelId);
- tabpanel.setAttribute("aria-labelledby", tabId);
- _this.activeTabIndex !== index ? tabpanel.setAttribute("hidden", "") : tabpanel.removeAttribute("hidden");
- });
- };
- _this.handleTabClick = function (event) {
- var selectedTab = event.currentTarget;
- if (selectedTab.nodeType === 1 && _this.isFocusableElement(selectedTab)) {
- _this.prevActiveTabIndex = _this.activeTabIndex;
- _this.activeTabIndex = _this.tabs.indexOf(selectedTab);
- _this.setComponent();
- }
- };
- _this.handleTabKeyDown = function (event) {
- if (_this.isHorizontal()) {
- switch (event.key) {
- case keyArrowLeft:
- event.preventDefault();
- _this.adjustBackward(event);
- break;
- case keyArrowRight:
- event.preventDefault();
- _this.adjustForward(event);
- break;
- }
- } else {
- switch (event.key) {
- case keyArrowUp:
- event.preventDefault();
- _this.adjustBackward(event);
- break;
- case keyArrowDown:
- event.preventDefault();
- _this.adjustForward(event);
- break;
- }
- }
- switch (event.key) {
- case keyHome:
- event.preventDefault();
- _this.adjust(-_this.activeTabIndex);
- break;
- case keyEnd:
- event.preventDefault();
- _this.adjust(_this.tabs.length - _this.activeTabIndex - 1);
- break;
- }
- };
- _this.adjustForward = function (e) {
- var group = _this.tabs;
- var index = 0;
- index = _this.activetab ? group.indexOf(_this.activetab) + 1 : 1;
- if (index === group.length) {
- index = 0;
- }
- while (index < group.length && group.length > 1) {
- if (_this.isFocusableElement(group[index])) {
- _this.moveToTabByIndex(group, index);
- break;
- } else if (_this.activetab && index === group.indexOf(_this.activetab)) {
- break;
- } else if (index + 1 >= group.length) {
- index = 0;
- } else {
- index += 1;
- }
- }
- };
- _this.adjustBackward = function (e) {
- var group = _this.tabs;
- var index = 0;
- index = _this.activetab ? group.indexOf(_this.activetab) - 1 : 0;
- index = index < 0 ? group.length - 1 : index;
- while (index >= 0 && group.length > 1) {
- if (_this.isFocusableElement(group[index])) {
- _this.moveToTabByIndex(group, index);
- break;
- } else if (index - 1 < 0) {
- index = group.length - 1;
- } else {
- index -= 1;
- }
- }
- };
- _this.moveToTabByIndex = function (group, index) {
- var tab = group[index];
- _this.activetab = tab;
- _this.prevActiveTabIndex = _this.activeTabIndex;
- _this.activeTabIndex = index;
- tab.focus();
- _this.setComponent();
- };
- return _this;
- }
- /**
- * @internal
- */
- tabs_inherits(Tabs, _FoundationElement);
- return tabs_createClass(Tabs, [{
- key: "orientationChanged",
- value: function orientationChanged() {
- if (this.$fastController.isConnected) {
- this.setTabs();
- this.setTabPanels();
- this.handleActiveIndicatorPosition();
- }
- }
- /**
- * @internal
- */
- }, {
- key: "activeidChanged",
- value: function activeidChanged(oldValue, newValue) {
- if (this.$fastController.isConnected && this.tabs.length <= this.tabpanels.length) {
- this.prevActiveTabIndex = this.tabs.findIndex(function (item) {
- return item.id === oldValue;
- });
- this.setTabs();
- this.setTabPanels();
- this.handleActiveIndicatorPosition();
- }
- }
- /**
- * @internal
- */
- }, {
- key: "tabsChanged",
- value: function tabsChanged() {
- if (this.$fastController.isConnected && this.tabs.length <= this.tabpanels.length) {
- this.tabIds = this.getTabIds();
- this.tabpanelIds = this.getTabPanelIds();
- this.setTabs();
- this.setTabPanels();
- this.handleActiveIndicatorPosition();
- }
- }
- /**
- * @internal
- */
- }, {
- key: "tabpanelsChanged",
- value: function tabpanelsChanged() {
- if (this.$fastController.isConnected && this.tabpanels.length <= this.tabs.length) {
- this.tabIds = this.getTabIds();
- this.tabpanelIds = this.getTabPanelIds();
- this.setTabs();
- this.setTabPanels();
- this.handleActiveIndicatorPosition();
- }
- }
- }, {
- key: "getActiveIndex",
- value: function getActiveIndex() {
- var id = this.activeid;
- if (id !== undefined) {
- return this.tabIds.indexOf(this.activeid) === -1 ? 0 : this.tabIds.indexOf(this.activeid);
- } else {
- return 0;
- }
- }
- }, {
- key: "getTabIds",
- value: function getTabIds() {
- return this.tabs.map(function (tab) {
- var _a;
- return (_a = tab.getAttribute("id")) !== null && _a !== void 0 ? _a : "tab-".concat(uniqueId());
- });
- }
- }, {
- key: "getTabPanelIds",
- value: function getTabPanelIds() {
- return this.tabpanels.map(function (tabPanel) {
- var _a;
- return (_a = tabPanel.getAttribute("id")) !== null && _a !== void 0 ? _a : "panel-".concat(uniqueId());
- });
- }
- }, {
- key: "setComponent",
- value: function setComponent() {
- if (this.activeTabIndex !== this.prevActiveTabIndex) {
- this.activeid = this.tabIds[this.activeTabIndex];
- this.focusTab();
- this.change();
- }
- }
- }, {
- key: "isHorizontal",
- value: function isHorizontal() {
- return this.orientation === TabsOrientation.horizontal;
- }
- }, {
- key: "handleActiveIndicatorPosition",
- value: function handleActiveIndicatorPosition() {
- // Ignore if we click twice on the same tab
- if (this.showActiveIndicator && this.activeindicator && this.activeTabIndex !== this.prevActiveTabIndex) {
- if (this.ticking) {
- this.ticking = false;
- } else {
- this.ticking = true;
- this.animateActiveIndicator();
- }
- }
- }
- }, {
- key: "animateActiveIndicator",
- value: function animateActiveIndicator() {
- var _this2 = this;
- this.ticking = true;
- var gridProperty = this.isHorizontal() ? "gridColumn" : "gridRow";
- var translateProperty = this.isHorizontal() ? "translateX" : "translateY";
- var offsetProperty = this.isHorizontal() ? "offsetLeft" : "offsetTop";
- var prev = this.activeIndicatorRef[offsetProperty];
- this.activeIndicatorRef.style[gridProperty] = "".concat(this.activeTabIndex + 1);
- var next = this.activeIndicatorRef[offsetProperty];
- this.activeIndicatorRef.style[gridProperty] = "".concat(this.prevActiveTabIndex + 1);
- var dif = next - prev;
- this.activeIndicatorRef.style.transform = "".concat(translateProperty, "(").concat(dif, "px)");
- this.activeIndicatorRef.classList.add("activeIndicatorTransition");
- this.activeIndicatorRef.addEventListener("transitionend", function () {
- _this2.ticking = false;
- _this2.activeIndicatorRef.style[gridProperty] = "".concat(_this2.activeTabIndex + 1);
- _this2.activeIndicatorRef.style.transform = "".concat(translateProperty, "(0px)");
- _this2.activeIndicatorRef.classList.remove("activeIndicatorTransition");
- });
- }
- /**
- * The adjust method for FASTTabs
- * @public
- * @remarks
- * This method allows the active index to be adjusted by numerical increments
- */
- }, {
- key: "adjust",
- value: function adjust(adjustment) {
- var _this3 = this;
- var focusableTabs = this.tabs.filter(function (t) {
- return _this3.isFocusableElement(t);
- });
- var currentActiveTabIndex = focusableTabs.indexOf(this.activetab);
- var nextTabIndex = limit(0, focusableTabs.length - 1, currentActiveTabIndex + adjustment);
- // the index of the next focusable tab within the context of all available tabs
- var nextIndex = this.tabs.indexOf(focusableTabs[nextTabIndex]);
- if (nextIndex > -1) {
- this.moveToTabByIndex(this.tabs, nextIndex);
- }
- }
- }, {
- key: "focusTab",
- value: function focusTab() {
- this.tabs[this.activeTabIndex].focus();
- }
- /**
- * @internal
- */
- }, {
- key: "connectedCallback",
- value: function connectedCallback() {
- tabs_get(tabs_getPrototypeOf(Tabs.prototype), "connectedCallback", this).call(this);
- this.tabIds = this.getTabIds();
- this.tabpanelIds = this.getTabPanelIds();
- this.activeTabIndex = this.getActiveIndex();
- }
- }]);
-}(FoundationElement);
-__decorate([attr], Tabs.prototype, "orientation", void 0);
-__decorate([attr], Tabs.prototype, "activeid", void 0);
-__decorate([observable], Tabs.prototype, "tabs", void 0);
-__decorate([observable], Tabs.prototype, "tabpanels", void 0);
-__decorate([attr({
- mode: "boolean"
-})], Tabs.prototype, "activeindicator", void 0);
-__decorate([observable], Tabs.prototype, "activeIndicatorRef", void 0);
-__decorate([observable], Tabs.prototype, "showActiveIndicator", void 0);
-applyMixins(Tabs, StartEnd);
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/tabs/tabs.template.js
-var tabs_template_templateObject, tabs_template_templateObject2;
-function tabs_template_taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-
-
-/**
- * The template for the {@link @microsoft/fast-foundation#(Tabs:class)} component.
- * @public
- */
-var tabsTemplate = function tabsTemplate(context, definition) {
- return html(tabs_template_templateObject || (tabs_template_templateObject = tabs_template_taggedTemplateLiteral(["\n \n ", "\n \n \n\n ", "\n
\n ", "\n \n \n
\n \n"])), function (x) {
- return x.orientation;
- }, startSlotTemplate(context, definition), slotted("tabs"), when(function (x) {
- return x.showActiveIndicator;
- }, html(tabs_template_templateObject2 || (tabs_template_templateObject2 = tabs_template_taggedTemplateLiteral(["\n \n "])), ref("activeIndicatorRef"))), endSlotTemplate(context, definition), slotted("tabpanels"));
-};
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/tab/tab.js
-function tab_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, tab_toPropertyKey(o.key), o); } }
-function tab_createClass(e, r, t) { return r && tab_defineProperties(e.prototype, r), t && tab_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function tab_toPropertyKey(t) { var i = tab_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function tab_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function tab_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function tab_callSuper(t, o, e) { return o = tab_getPrototypeOf(o), tab_possibleConstructorReturn(t, tab_isNativeReflectConstruct() ? Reflect.construct(o, e || [], tab_getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function tab_possibleConstructorReturn(t, e) { if (e && ("object" == typeof e || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return tab_assertThisInitialized(t); }
-function tab_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function tab_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (tab_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function tab_getPrototypeOf(t) { return tab_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, tab_getPrototypeOf(t); }
-function tab_inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && tab_setPrototypeOf(t, e); }
-function tab_setPrototypeOf(t, e) { return tab_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, tab_setPrototypeOf(t, e); }
-
-
-
-/**
- * A Tab Component to be used with {@link @microsoft/fast-foundation#(Tabs:class)}
- *
- * @slot - The default slot for the tab content
- *
- * @public
- */
-var Tab = /*#__PURE__*/function (_FoundationElement) {
- function Tab() {
- tab_classCallCheck(this, Tab);
- return tab_callSuper(this, Tab, arguments);
- }
- tab_inherits(Tab, _FoundationElement);
- return tab_createClass(Tab);
-}(FoundationElement);
-__decorate([attr({
- mode: "boolean"
-})], Tab.prototype, "disabled", void 0);
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/tab/tab.template.js
-var tab_template_templateObject;
-function tab_template_taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-
-/**
- * The template for the {@link @microsoft/fast-foundation#Tab} component.
- * @public
- */
-var tabTemplate = function tabTemplate(context, definition) {
- return html(tab_template_templateObject || (tab_template_templateObject = tab_template_taggedTemplateLiteral(["\n \n \n \n"])), function (x) {
- return x.disabled;
- });
-};
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/tab-panel/tab-panel.js
-function tab_panel_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, tab_panel_toPropertyKey(o.key), o); } }
-function tab_panel_createClass(e, r, t) { return r && tab_panel_defineProperties(e.prototype, r), t && tab_panel_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function tab_panel_toPropertyKey(t) { var i = tab_panel_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function tab_panel_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function tab_panel_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function tab_panel_callSuper(t, o, e) { return o = tab_panel_getPrototypeOf(o), tab_panel_possibleConstructorReturn(t, tab_panel_isNativeReflectConstruct() ? Reflect.construct(o, e || [], tab_panel_getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function tab_panel_possibleConstructorReturn(t, e) { if (e && ("object" == typeof e || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return tab_panel_assertThisInitialized(t); }
-function tab_panel_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function tab_panel_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (tab_panel_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function tab_panel_getPrototypeOf(t) { return tab_panel_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, tab_panel_getPrototypeOf(t); }
-function tab_panel_inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && tab_panel_setPrototypeOf(t, e); }
-function tab_panel_setPrototypeOf(t, e) { return tab_panel_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, tab_panel_setPrototypeOf(t, e); }
-
-/**
- * A TabPanel Component to be used with {@link @microsoft/fast-foundation#(Tabs:class)}
- *
- * @slot - The default slot for the tabpanel content
- *
- * @public
- */
-var TabPanel = /*#__PURE__*/function (_FoundationElement) {
- function TabPanel() {
- tab_panel_classCallCheck(this, TabPanel);
- return tab_panel_callSuper(this, TabPanel, arguments);
- }
- tab_panel_inherits(TabPanel, _FoundationElement);
- return tab_panel_createClass(TabPanel);
-}(FoundationElement);
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/tab-panel/tab-panel.template.js
-var tab_panel_template_templateObject;
-function tab_panel_template_taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-
-/**
- * The template for the {@link @microsoft/fast-foundation#TabPanel} component.
- * @public
- */
-var tabPanelTemplate = function tabPanelTemplate(context, definition) {
- return html(tab_panel_template_templateObject || (tab_panel_template_templateObject = tab_panel_template_taggedTemplateLiteral(["\n \n \n \n"])));
-};
-;// CONCATENATED MODULE: ../../node_modules/@vscode/webview-ui-toolkit/dist/panels/panels.styles.js
-var panels_styles_templateObject;
-function panels_styles_taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-
-
-
-var panelsStyles = function panelsStyles(context, definition) {
- return css(panels_styles_templateObject || (panels_styles_templateObject = panels_styles_taggedTemplateLiteral(["\n\t", " :host {\n\t\tbox-sizing: border-box;\n\t\tfont-family: ", ";\n\t\tfont-size: ", ";\n\t\tline-height: ", ";\n\t\tcolor: ", ";\n\t\tgrid-template-columns: auto 1fr auto;\n\t\tgrid-template-rows: auto 1fr;\n\t\toverflow-x: auto;\n\t}\n\t.tablist {\n\t\tdisplay: grid;\n\t\tgrid-template-rows: auto auto;\n\t\tgrid-template-columns: auto;\n\t\tcolumn-gap: calc(", " * 8px);\n\t\tposition: relative;\n\t\twidth: max-content;\n\t\talign-self: end;\n\t\tpadding: calc(", " * 1px) calc(", " * 1px) 0;\n\t\tbox-sizing: border-box;\n\t}\n\t.start,\n\t.end {\n\t\talign-self: center;\n\t}\n\t.activeIndicator {\n\t\tgrid-row: 2;\n\t\tgrid-column: 1;\n\t\twidth: 100%;\n\t\theight: calc((", " / 4) * 1px);\n\t\tjustify-self: center;\n\t\tbackground: ", ";\n\t\tmargin: 0;\n\t\tborder-radius: calc(", " * 1px);\n\t}\n\t.activeIndicatorTransition {\n\t\ttransition: transform 0.01s linear;\n\t}\n\t.tabpanel {\n\t\tgrid-row: 2;\n\t\tgrid-column-start: 1;\n\t\tgrid-column-end: 4;\n\t\tposition: relative;\n\t}\n"])), display('grid'), fontFamily, typeRampBaseFontSize, typeRampBaseLineHeight, foreground, designUnit, designUnit, designUnit, designUnit, panelTabActiveForeground, cornerRadius);
-};
-;// CONCATENATED MODULE: ../../node_modules/@vscode/webview-ui-toolkit/dist/panels/panel-tab.styles.js
-var panel_tab_styles_templateObject;
-function panel_tab_styles_taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-
-
-
-var panelTabStyles = function panelTabStyles(context, definition) {
- return css(panel_tab_styles_templateObject || (panel_tab_styles_templateObject = panel_tab_styles_taggedTemplateLiteral(["\n\t", " :host {\n\t\tbox-sizing: border-box;\n\t\tfont-family: ", ";\n\t\tfont-size: ", ";\n\t\tline-height: ", ";\n\t\theight: calc(", " * 7px);\n\t\tpadding: calc(", " * 1px) 0;\n\t\tcolor: ", ";\n\t\tfill: currentcolor;\n\t\tborder-radius: calc(", " * 1px);\n\t\tborder: solid calc(", " * 1px) transparent;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tgrid-row: 1;\n\t\tcursor: pointer;\n\t}\n\t:host(:hover) {\n\t\tcolor: ", ";\n\t\tfill: currentcolor;\n\t}\n\t:host(:active) {\n\t\tcolor: ", ";\n\t\tfill: currentcolor;\n\t}\n\t:host([aria-selected='true']) {\n\t\tbackground: transparent;\n\t\tcolor: ", ";\n\t\tfill: currentcolor;\n\t}\n\t:host([aria-selected='true']:hover) {\n\t\tbackground: transparent;\n\t\tcolor: ", ";\n\t\tfill: currentcolor;\n\t}\n\t:host([aria-selected='true']:active) {\n\t\tbackground: transparent;\n\t\tcolor: ", ";\n\t\tfill: currentcolor;\n\t}\n\t:host(:", ") {\n\t\toutline: none;\n\t\tborder: solid calc(", " * 1px) ", ";\n\t}\n\t:host(:focus) {\n\t\toutline: none;\n\t}\n\t::slotted(vscode-badge) {\n\t\tmargin-inline-start: calc(", " * 2px);\n\t}\n"])), display('inline-flex'), fontFamily, typeRampBaseFontSize, typeRampBaseLineHeight, designUnit, designUnit, panelTabForeground, cornerRadius, borderWidth, panelTabActiveForeground, panelTabActiveForeground, panelTabActiveForeground, panelTabActiveForeground, panelTabActiveForeground, focusVisible, borderWidth, panelTabActiveBorder, designUnit);
-};
-;// CONCATENATED MODULE: ../../node_modules/@vscode/webview-ui-toolkit/dist/panels/panel-view.styles.js
-var panel_view_styles_templateObject;
-function panel_view_styles_taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-
-
-
-var panelViewStyles = function panelViewStyles(context, definition) {
- return css(panel_view_styles_templateObject || (panel_view_styles_templateObject = panel_view_styles_taggedTemplateLiteral(["\n\t", " :host {\n\t\tcolor: inherit;\n\t\tbackground-color: transparent;\n\t\tborder: solid calc(", " * 1px) transparent;\n\t\tbox-sizing: border-box;\n\t\tfont-size: ", ";\n\t\tline-height: ", ";\n\t\tpadding: 10px calc((", " + 2) * 1px);\n\t}\n"])), display('flex'), borderWidth, typeRampBaseFontSize, typeRampBaseLineHeight, designUnit);
-};
-;// CONCATENATED MODULE: ../../node_modules/@vscode/webview-ui-toolkit/dist/panels/index.js
-function panels_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function panels_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, panels_toPropertyKey(o.key), o); } }
-function panels_createClass(e, r, t) { return r && panels_defineProperties(e.prototype, r), t && panels_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function panels_toPropertyKey(t) { var i = panels_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function panels_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function panels_callSuper(t, o, e) { return o = panels_getPrototypeOf(o), panels_possibleConstructorReturn(t, panels_isNativeReflectConstruct() ? Reflect.construct(o, e || [], panels_getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function panels_possibleConstructorReturn(t, e) { if (e && ("object" == typeof e || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return panels_assertThisInitialized(t); }
-function panels_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function panels_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (panels_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function panels_get() { return panels_get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = panels_superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, panels_get.apply(null, arguments); }
-function panels_superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = panels_getPrototypeOf(t));); return t; }
-function panels_getPrototypeOf(t) { return panels_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, panels_getPrototypeOf(t); }
-function panels_inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && panels_setPrototypeOf(t, e); }
-function panels_setPrototypeOf(t, e) { return panels_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, panels_setPrototypeOf(t, e); }
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-
-
-
-
-/**
- * The Visual Studio Code panels class.
- *
- * @public
- */
-var Panels = /*#__PURE__*/function (_FoundationTabs) {
- function Panels() {
- panels_classCallCheck(this, Panels);
- return panels_callSuper(this, Panels, arguments);
- }
- panels_inherits(Panels, _FoundationTabs);
- return panels_createClass(Panels, [{
- key: "connectedCallback",
- value:
- /**
- * Component lifecycle method that runs when the component is inserted
- * into the DOM.
- *
- * @internal
- */
- function connectedCallback() {
- panels_get(panels_getPrototypeOf(Panels.prototype), "connectedCallback", this).call(this);
- // This will override any usage of the orientation attribute
- // inherited by the FAST Foundation Tabs component so that
- // VSCodePanels are always oriented horizontally
- if (this.orientation) {
- this.orientation = TabsOrientation.horizontal;
- }
- // Sets a default ARIA label on the panels component only if an
- // aria-label attribute does not already exist
- var ariaLabelValue = this.getAttribute('aria-label');
- if (!ariaLabelValue) {
- this.setAttribute('aria-label', 'Panels');
- }
- }
- }]);
-}(Tabs);
-/**
- * The Visual Studio Code panels component registration.
- *
- * @remarks
- * HTML Element: ``
- *
- * @public
- */
-var vsCodePanels = Panels.compose({
- baseName: 'panels',
- template: tabsTemplate,
- styles: panelsStyles
-});
-/**
- * The Visual Studio Code panel tab class.
- *
- * @public
- */
-var PanelTab = /*#__PURE__*/function (_FoundationTab) {
- function PanelTab() {
- panels_classCallCheck(this, PanelTab);
- return panels_callSuper(this, PanelTab, arguments);
- }
- panels_inherits(PanelTab, _FoundationTab);
- return panels_createClass(PanelTab, [{
- key: "connectedCallback",
- value:
- /**
- * Component lifecycle method that runs when the component is inserted
- * into the DOM.
- *
- * @internal
- */
- function connectedCallback() {
- panels_get(panels_getPrototypeOf(PanelTab.prototype), "connectedCallback", this).call(this);
- // This will override any usage of the disabled attribute
- // inherited by the FAST Foundation Tab component so that
- // VSCodePanelTab can never be disabled
- if (this.disabled) {
- this.disabled = false;
- }
- if (this.textContent) {
- this.setAttribute('aria-label', this.textContent);
- }
- }
- }]);
-}(Tab);
-/**
- * The Visual Studio Code panel tab component registration.
- *
- * @remarks
- * HTML Element: ``
- *
- * @public
- */
-var vsCodePanelTab = PanelTab.compose({
- baseName: 'panel-tab',
- template: tabTemplate,
- styles: panelTabStyles
-});
-/**
- * The Visual Studio Code panel view class.
- *
- * @public
- */
-var PanelView = /*#__PURE__*/function (_FoundationTabPanel) {
- function PanelView() {
- panels_classCallCheck(this, PanelView);
- return panels_callSuper(this, PanelView, arguments);
- }
- panels_inherits(PanelView, _FoundationTabPanel);
- return panels_createClass(PanelView);
-}(TabPanel);
-/**
- * The Visual Studio Code panel view component registration.
- *
- * @remarks
- * HTML Element: ``
- *
- * @public
- */
-var vsCodePanelView = PanelView.compose({
- baseName: 'panel-view',
- template: tabPanelTemplate,
- styles: panelViewStyles
-});
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/progress/base-progress.js
-function base_progress_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function base_progress_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, base_progress_toPropertyKey(o.key), o); } }
-function base_progress_createClass(e, r, t) { return r && base_progress_defineProperties(e.prototype, r), t && base_progress_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function base_progress_toPropertyKey(t) { var i = base_progress_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function base_progress_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function base_progress_callSuper(t, o, e) { return o = base_progress_getPrototypeOf(o), base_progress_possibleConstructorReturn(t, base_progress_isNativeReflectConstruct() ? Reflect.construct(o, e || [], base_progress_getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function base_progress_possibleConstructorReturn(t, e) { if (e && ("object" == typeof e || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return base_progress_assertThisInitialized(t); }
-function base_progress_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function base_progress_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (base_progress_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function base_progress_get() { return base_progress_get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = base_progress_superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, base_progress_get.apply(null, arguments); }
-function base_progress_superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = base_progress_getPrototypeOf(t));); return t; }
-function base_progress_getPrototypeOf(t) { return base_progress_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, base_progress_getPrototypeOf(t); }
-function base_progress_inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && base_progress_setPrototypeOf(t, e); }
-function base_progress_setPrototypeOf(t, e) { return base_progress_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, base_progress_setPrototypeOf(t, e); }
-
-
-
-/**
- * An Progress HTML Element.
- * Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#progressbar | ARIA progressbar }.
- *
- * @slot indeterminate - The slot for a custom indeterminate indicator
- * @csspart progress - Represents the progress element
- * @csspart determinate - The determinate indicator
- * @csspart indeterminate - The indeterminate indicator
- *
- * @public
- */
-var BaseProgress = /*#__PURE__*/function (_FoundationElement) {
- function BaseProgress() {
- var _this;
- base_progress_classCallCheck(this, BaseProgress);
- _this = base_progress_callSuper(this, BaseProgress, arguments);
- /**
- * Indicates progress in %
- * @internal
- */
- _this.percentComplete = 0;
- return _this;
- }
- base_progress_inherits(BaseProgress, _FoundationElement);
- return base_progress_createClass(BaseProgress, [{
- key: "valueChanged",
- value: function valueChanged() {
- if (this.$fastController.isConnected) {
- this.updatePercentComplete();
- }
- }
- }, {
- key: "minChanged",
- value: function minChanged() {
- if (this.$fastController.isConnected) {
- this.updatePercentComplete();
- }
- }
- }, {
- key: "maxChanged",
- value: function maxChanged() {
- if (this.$fastController.isConnected) {
- this.updatePercentComplete();
- }
- }
- /**
- * @internal
- */
- }, {
- key: "connectedCallback",
- value: function connectedCallback() {
- base_progress_get(base_progress_getPrototypeOf(BaseProgress.prototype), "connectedCallback", this).call(this);
- this.updatePercentComplete();
- }
- }, {
- key: "updatePercentComplete",
- value: function updatePercentComplete() {
- var min = typeof this.min === "number" ? this.min : 0;
- var max = typeof this.max === "number" ? this.max : 100;
- var value = typeof this.value === "number" ? this.value : 0;
- var range = max - min;
- this.percentComplete = range === 0 ? 0 : Math.fround((value - min) / range * 100);
- }
- }]);
-}(FoundationElement);
-__decorate([attr({
- converter: nullableNumberConverter
-})], BaseProgress.prototype, "value", void 0);
-__decorate([attr({
- converter: nullableNumberConverter
-})], BaseProgress.prototype, "min", void 0);
-__decorate([attr({
- converter: nullableNumberConverter
-})], BaseProgress.prototype, "max", void 0);
-__decorate([attr({
- mode: "boolean"
-})], BaseProgress.prototype, "paused", void 0);
-__decorate([observable], BaseProgress.prototype, "percentComplete", void 0);
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/progress-ring/progress-ring.template.js
-var progress_ring_template_templateObject, progress_ring_template_templateObject2, progress_ring_template_templateObject3;
-function progress_ring_template_taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-
-var progressSegments = 44;
-/**
- * The template for the {@link @microsoft/fast-foundation#BaseProgress} component.
- * @public
- */
-var progressRingTemplate = function progressRingTemplate(context, definition) {
- return html(progress_ring_template_templateObject || (progress_ring_template_templateObject = progress_ring_template_taggedTemplateLiteral(["\n \n ", "\n \n"])), function (x) {
- return x.value;
- }, function (x) {
- return x.min;
- }, function (x) {
- return x.max;
- }, function (x) {
- return x.paused ? "paused" : "";
- }, when(function (x) {
- return typeof x.value === "number";
- }, html(progress_ring_template_templateObject2 || (progress_ring_template_templateObject2 = progress_ring_template_taggedTemplateLiteral(["\n \n \n \n \n "])), function (x) {
- return progressSegments * x.percentComplete / 100;
- }, progressSegments), html(progress_ring_template_templateObject3 || (progress_ring_template_templateObject3 = progress_ring_template_taggedTemplateLiteral(["\n \n ", "\n \n "])), definition.indeterminateIndicator || "")));
-};
-;// CONCATENATED MODULE: ../../node_modules/@vscode/webview-ui-toolkit/dist/progress-ring/progress-ring.styles.js
-var progress_ring_styles_templateObject;
-function progress_ring_styles_taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-
-
-
-var progressRingStyles = function progressRingStyles(context, definition) {
- return css(progress_ring_styles_templateObject || (progress_ring_styles_templateObject = progress_ring_styles_taggedTemplateLiteral(["\n\t", " :host {\n\t\talign-items: center;\n\t\toutline: none;\n\t\theight: calc(", " * 7px);\n\t\twidth: calc(", " * 7px);\n\t\tmargin: 0;\n\t}\n\t.progress {\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n\t.background {\n\t\tfill: none;\n\t\tstroke: transparent;\n\t\tstroke-width: calc(", " / 2 * 1px);\n\t}\n\t.indeterminate-indicator-1 {\n\t\tfill: none;\n\t\tstroke: ", ";\n\t\tstroke-width: calc(", " / 2 * 1px);\n\t\tstroke-linecap: square;\n\t\ttransform-origin: 50% 50%;\n\t\ttransform: rotate(-90deg);\n\t\ttransition: all 0.2s ease-in-out;\n\t\tanimation: spin-infinite 2s linear infinite;\n\t}\n\t@keyframes spin-infinite {\n\t\t0% {\n\t\t\tstroke-dasharray: 0.01px 43.97px;\n\t\t\ttransform: rotate(0deg);\n\t\t}\n\t\t50% {\n\t\t\tstroke-dasharray: 21.99px 21.99px;\n\t\t\ttransform: rotate(450deg);\n\t\t}\n\t\t100% {\n\t\t\tstroke-dasharray: 0.01px 43.97px;\n\t\t\ttransform: rotate(1080deg);\n\t\t}\n\t}\n"])), display('flex'), designUnit, designUnit, designUnit, progressBackground, designUnit);
-};
-;// CONCATENATED MODULE: ../../node_modules/@vscode/webview-ui-toolkit/dist/progress-ring/index.js
-function progress_ring_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function progress_ring_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, progress_ring_toPropertyKey(o.key), o); } }
-function progress_ring_createClass(e, r, t) { return r && progress_ring_defineProperties(e.prototype, r), t && progress_ring_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function progress_ring_toPropertyKey(t) { var i = progress_ring_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function progress_ring_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function progress_ring_callSuper(t, o, e) { return o = progress_ring_getPrototypeOf(o), progress_ring_possibleConstructorReturn(t, progress_ring_isNativeReflectConstruct() ? Reflect.construct(o, e || [], progress_ring_getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function progress_ring_possibleConstructorReturn(t, e) { if (e && ("object" == typeof e || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return progress_ring_assertThisInitialized(t); }
-function progress_ring_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function progress_ring_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (progress_ring_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function progress_ring_get() { return progress_ring_get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = progress_ring_superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, progress_ring_get.apply(null, arguments); }
-function progress_ring_superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = progress_ring_getPrototypeOf(t));); return t; }
-function progress_ring_getPrototypeOf(t) { return progress_ring_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, progress_ring_getPrototypeOf(t); }
-function progress_ring_inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && progress_ring_setPrototypeOf(t, e); }
-function progress_ring_setPrototypeOf(t, e) { return progress_ring_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, progress_ring_setPrototypeOf(t, e); }
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-
-
-/**
- * The Visual Studio Code progress ring class.
- *
- * @public
- */
-var ProgressRing = /*#__PURE__*/function (_BaseProgress) {
- function ProgressRing() {
- progress_ring_classCallCheck(this, ProgressRing);
- return progress_ring_callSuper(this, ProgressRing, arguments);
- }
- progress_ring_inherits(ProgressRing, _BaseProgress);
- return progress_ring_createClass(ProgressRing, [{
- key: "connectedCallback",
- value:
- /**
- * Component lifecycle method that runs when the component is inserted
- * into the DOM.
- *
- * @internal
- */
- function connectedCallback() {
- progress_ring_get(progress_ring_getPrototypeOf(ProgressRing.prototype), "connectedCallback", this).call(this);
- // This will override any usage of the paused attribute
- // inherited by the FAST Foundation BaseProgress component
- // so that VSCodeProgressRing can never be paused
- if (this.paused) {
- this.paused = false;
- }
- // Defines a default aria label that screen readers can access
- this.setAttribute('aria-label', 'Loading');
- this.setAttribute('aria-live', 'assertive');
- this.setAttribute('role', 'alert');
- }
- /**
- * Component lifecycle method that runs when an attribute of the
- * element is changed.
- *
- * @param attrName - The attribute that was changed
- * @param oldVal - The old value of the attribute
- * @param newVal - The new value of the attribute
- *
- * @internal
- */
- }, {
- key: "attributeChangedCallback",
- value: function attributeChangedCallback(attrName, oldVal, newVal) {
- if (attrName === 'value') {
- // This will override any usage of the value attribute
- // inherited by the FAST Foundation BaseProgress component
- // so that VSCodeProgressRing can never set to be a
- // determinate state
- this.removeAttribute('value');
- }
- }
- }]);
-}(BaseProgress);
-/**
- * The Visual Studio Code progress ring component registration.
- *
- * @remarks
- * HTML Element: ``
- *
- * @public
- */
-var vsCodeProgressRing = ProgressRing.compose({
- baseName: 'progress-ring',
- template: progressRingTemplate,
- styles: progressRingStyles,
- indeterminateIndicator: "\n\t\t\n\t"
-});
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/radio/radio.form-associated.js
-function radio_form_associated_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, radio_form_associated_toPropertyKey(o.key), o); } }
-function radio_form_associated_createClass(e, r, t) { return r && radio_form_associated_defineProperties(e.prototype, r), t && radio_form_associated_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function radio_form_associated_toPropertyKey(t) { var i = radio_form_associated_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function radio_form_associated_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function radio_form_associated_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function radio_form_associated_callSuper(t, o, e) { return o = radio_form_associated_getPrototypeOf(o), radio_form_associated_possibleConstructorReturn(t, radio_form_associated_isNativeReflectConstruct() ? Reflect.construct(o, e || [], radio_form_associated_getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function radio_form_associated_possibleConstructorReturn(t, e) { if (e && ("object" == typeof e || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return radio_form_associated_assertThisInitialized(t); }
-function radio_form_associated_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function radio_form_associated_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (radio_form_associated_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function radio_form_associated_getPrototypeOf(t) { return radio_form_associated_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, radio_form_associated_getPrototypeOf(t); }
-function radio_form_associated_inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && radio_form_associated_setPrototypeOf(t, e); }
-function radio_form_associated_setPrototypeOf(t, e) { return radio_form_associated_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, radio_form_associated_setPrototypeOf(t, e); }
-
-
-var _Radio = /*#__PURE__*/function (_FoundationElement) {
- function _Radio() {
- radio_form_associated_classCallCheck(this, _Radio);
- return radio_form_associated_callSuper(this, _Radio, arguments);
- }
- radio_form_associated_inherits(_Radio, _FoundationElement);
- return radio_form_associated_createClass(_Radio);
-}(FoundationElement);
-/**
- * A form-associated base class for the {@link @microsoft/fast-foundation#(Radio:class)} component.
- *
- * @internal
- */
-var FormAssociatedRadio = /*#__PURE__*/function (_CheckableFormAssocia) {
- function FormAssociatedRadio() {
- var _this;
- radio_form_associated_classCallCheck(this, FormAssociatedRadio);
- _this = radio_form_associated_callSuper(this, FormAssociatedRadio, arguments);
- _this.proxy = document.createElement("input");
- return _this;
- }
- radio_form_associated_inherits(FormAssociatedRadio, _CheckableFormAssocia);
- return radio_form_associated_createClass(FormAssociatedRadio);
-}(CheckableFormAssociated(_Radio));
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/radio/radio.js
-function radio_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function radio_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, radio_toPropertyKey(o.key), o); } }
-function radio_createClass(e, r, t) { return r && radio_defineProperties(e.prototype, r), t && radio_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function radio_toPropertyKey(t) { var i = radio_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function radio_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function radio_callSuper(t, o, e) { return o = radio_getPrototypeOf(o), radio_possibleConstructorReturn(t, radio_isNativeReflectConstruct() ? Reflect.construct(o, e || [], radio_getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function radio_possibleConstructorReturn(t, e) { if (e && ("object" == typeof e || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return radio_assertThisInitialized(t); }
-function radio_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function radio_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (radio_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function radio_get() { return radio_get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = radio_superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, radio_get.apply(null, arguments); }
-function radio_superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = radio_getPrototypeOf(t));); return t; }
-function radio_getPrototypeOf(t) { return radio_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, radio_getPrototypeOf(t); }
-function radio_inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && radio_setPrototypeOf(t, e); }
-function radio_setPrototypeOf(t, e) { return radio_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, radio_setPrototypeOf(t, e); }
-
-
-
-
-/**
- * A Radio Custom HTML Element.
- * Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#radio | ARIA radio }.
- *
- * @slot checked-indicator - The checked indicator
- * @slot - The default slot for the label
- * @csspart control - The element representing the visual radio control
- * @csspart label - The label
- * @fires change - Emits a custom change event when the checked state changes
- *
- * @public
- */
-var Radio = /*#__PURE__*/function (_FormAssociatedRadio) {
- function Radio() {
- var _this;
- radio_classCallCheck(this, Radio);
- _this = radio_callSuper(this, Radio);
- /**
- * The element's value to be included in form submission when checked.
- * Default to "on" to reach parity with input[type="radio"]
- *
- * @internal
- */
- _this.initialValue = "on";
- /**
- * @internal
- */
- _this.keypressHandler = function (e) {
- switch (e.key) {
- case keySpace:
- if (!_this.checked && !_this.readOnly) {
- _this.checked = true;
- }
- return;
- }
- return true;
- };
- _this.proxy.setAttribute("type", "radio");
- return _this;
- }
- radio_inherits(Radio, _FormAssociatedRadio);
- return radio_createClass(Radio, [{
- key: "readOnlyChanged",
- value: function readOnlyChanged() {
- if (this.proxy instanceof HTMLInputElement) {
- this.proxy.readOnly = this.readOnly;
- }
- }
- /**
- * @internal
- */
- }, {
- key: "defaultCheckedChanged",
- value: function defaultCheckedChanged() {
- var _a;
- if (this.$fastController.isConnected && !this.dirtyChecked) {
- // Setting this.checked will cause us to enter a dirty state,
- // but if we are clean when defaultChecked is changed, we want to stay
- // in a clean state, so reset this.dirtyChecked
- if (!this.isInsideRadioGroup()) {
- this.checked = (_a = this.defaultChecked) !== null && _a !== void 0 ? _a : false;
- this.dirtyChecked = false;
- }
- }
- }
- /**
- * @internal
- */
- }, {
- key: "connectedCallback",
- value: function connectedCallback() {
- var _a, _b;
- radio_get(radio_getPrototypeOf(Radio.prototype), "connectedCallback", this).call(this);
- this.validate();
- if (((_a = this.parentElement) === null || _a === void 0 ? void 0 : _a.getAttribute("role")) !== "radiogroup" && this.getAttribute("tabindex") === null) {
- if (!this.disabled) {
- this.setAttribute("tabindex", "0");
- }
- }
- if (this.checkedAttribute) {
- if (!this.dirtyChecked) {
- // Setting this.checked will cause us to enter a dirty state,
- // but if we are clean when defaultChecked is changed, we want to stay
- // in a clean state, so reset this.dirtyChecked
- if (!this.isInsideRadioGroup()) {
- this.checked = (_b = this.defaultChecked) !== null && _b !== void 0 ? _b : false;
- this.dirtyChecked = false;
- }
- }
- }
- }
- }, {
- key: "isInsideRadioGroup",
- value: function isInsideRadioGroup() {
- var parent = this.closest("[role=radiogroup]");
- return parent !== null;
- }
- /**
- * @internal
- */
- }, {
- key: "clickHandler",
- value: function clickHandler(e) {
- if (!this.disabled && !this.readOnly && !this.checked) {
- this.checked = true;
- }
- }
- }]);
-}(FormAssociatedRadio);
-__decorate([attr({
- attribute: "readonly",
- mode: "boolean"
-})], Radio.prototype, "readOnly", void 0);
-__decorate([observable], Radio.prototype, "name", void 0);
-__decorate([observable], Radio.prototype, "defaultSlottedNodes", void 0);
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/radio/radio.template.js
-var radio_template_templateObject;
-function radio_template_taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-
-/**
- * The template for the {@link @microsoft/fast-foundation#(Radio:class)} component.
- * @public
- */
-var radioTemplate = function radioTemplate(context, definition) {
- return html(radio_template_templateObject || (radio_template_templateObject = radio_template_taggedTemplateLiteral(["\n \n \n \n ", "\n \n
\n \n \n \n \n"])), function (x) {
- return x.checked ? "checked" : "";
- }, function (x) {
- return x.readOnly ? "readonly" : "";
- }, function (x) {
- return x.checked;
- }, function (x) {
- return x.required;
- }, function (x) {
- return x.disabled;
- }, function (x) {
- return x.readOnly;
- }, function (x, c) {
- return x.keypressHandler(c.event);
- }, function (x, c) {
- return x.clickHandler(c.event);
- }, definition.checkedIndicator || "", function (x) {
- return x.defaultSlottedNodes && x.defaultSlottedNodes.length ? "label" : "label label__hidden";
- }, slotted("defaultSlottedNodes"));
-};
-;// CONCATENATED MODULE: ../../node_modules/@vscode/webview-ui-toolkit/dist/radio/radio.styles.js
-var radio_styles_templateObject;
-function radio_styles_taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-
-
-
-var radioStyles = function radioStyles(context, definition) {
- return css(radio_styles_templateObject || (radio_styles_templateObject = radio_styles_taggedTemplateLiteral(["\n\t", " :host {\n\t\talign-items: center;\n\t\tflex-direction: row;\n\t\tfont-size: ", ";\n\t\tline-height: ", ";\n\t\tmargin: calc(", " * 1px) 0;\n\t\toutline: none;\n\t\tposition: relative;\n\t\ttransition: all 0.2s ease-in-out;\n\t\tuser-select: none;\n\t}\n\t.control {\n\t\tbackground: ", ";\n\t\tborder-radius: 999px;\n\t\tborder: calc(", " * 1px) solid ", ";\n\t\tbox-sizing: border-box;\n\t\tcursor: pointer;\n\t\theight: calc(", " * 4px);\n\t\tposition: relative;\n\t\toutline: none;\n\t\twidth: calc(", " * 4px);\n\t}\n\t.label {\n\t\tcolor: ", ";\n\t\tcursor: pointer;\n\t\tfont-family: ", ";\n\t\tmargin-inline-end: calc(", " * 2px + 2px);\n\t\tpadding-inline-start: calc(", " * 2px + 2px);\n\t}\n\t.label__hidden {\n\t\tdisplay: none;\n\t\tvisibility: hidden;\n\t}\n\t.control,\n\t.checked-indicator {\n\t\tflex-shrink: 0;\n\t}\n\t.checked-indicator {\n\t\tbackground: ", ";\n\t\tborder-radius: 999px;\n\t\tdisplay: inline-block;\n\t\tinset: calc(", " * 1px);\n\t\topacity: 0;\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t}\n\t:host(:not([disabled])) .control:hover {\n\t\tbackground: ", ";\n\t\tborder-color: ", ";\n\t}\n\t:host(:not([disabled])) .control:active {\n\t\tbackground: ", ";\n\t\tborder-color: ", ";\n\t}\n\t:host(:", ") .control {\n\t\tborder: calc(", " * 1px) solid ", ";\n\t}\n\t:host([aria-checked='true']) .control {\n\t\tbackground: ", ";\n\t\tborder: calc(", " * 1px) solid ", ";\n\t}\n\t:host([aria-checked='true']:not([disabled])) .control:hover {\n\t\tbackground: ", ";\n\t\tborder: calc(", " * 1px) solid ", ";\n\t}\n\t:host([aria-checked='true']:not([disabled])) .control:active {\n\t\tbackground: ", ";\n\t\tborder: calc(", " * 1px) solid ", ";\n\t}\n\t:host([aria-checked=\"true\"]:", ":not([disabled])) .control {\n\t\tborder: calc(", " * 1px) solid ", ";\n\t}\n\t:host([disabled]) .label,\n\t:host([readonly]) .label,\n\t:host([readonly]) .control,\n\t:host([disabled]) .control {\n\t\tcursor: ", ";\n\t}\n\t:host([aria-checked='true']) .checked-indicator {\n\t\topacity: 1;\n\t}\n\t:host([disabled]) {\n\t\topacity: ", ";\n\t}\n"])), display('inline-flex'), typeRampBaseFontSize, typeRampBaseLineHeight, designUnit, checkboxBackground, borderWidth, checkboxBorder, designUnit, designUnit, foreground, fontFamily, designUnit, designUnit, foreground, designUnit, checkboxBackground, checkboxBorder, checkboxBackground, focusBorder, focusVisible, borderWidth, focusBorder, checkboxBackground, borderWidth, checkboxBorder, checkboxBackground, borderWidth, checkboxBorder, checkboxBackground, borderWidth, focusBorder, focusVisible, borderWidth, focusBorder, disabledCursor, disabledOpacity);
-};
-;// CONCATENATED MODULE: ../../node_modules/@vscode/webview-ui-toolkit/dist/radio/index.js
-function dist_radio_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function dist_radio_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, dist_radio_toPropertyKey(o.key), o); } }
-function dist_radio_createClass(e, r, t) { return r && dist_radio_defineProperties(e.prototype, r), t && dist_radio_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function dist_radio_toPropertyKey(t) { var i = dist_radio_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function dist_radio_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function dist_radio_callSuper(t, o, e) { return o = dist_radio_getPrototypeOf(o), dist_radio_possibleConstructorReturn(t, dist_radio_isNativeReflectConstruct() ? Reflect.construct(o, e || [], dist_radio_getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function dist_radio_possibleConstructorReturn(t, e) { if (e && ("object" == typeof e || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return dist_radio_assertThisInitialized(t); }
-function dist_radio_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function dist_radio_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (dist_radio_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function dist_radio_get() { return dist_radio_get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = dist_radio_superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, dist_radio_get.apply(null, arguments); }
-function dist_radio_superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = dist_radio_getPrototypeOf(t));); return t; }
-function dist_radio_getPrototypeOf(t) { return dist_radio_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, dist_radio_getPrototypeOf(t); }
-function dist_radio_inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && dist_radio_setPrototypeOf(t, e); }
-function dist_radio_setPrototypeOf(t, e) { return dist_radio_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, dist_radio_setPrototypeOf(t, e); }
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-
-
-/**
- * The Visual Studio Code radio class.
- *
- * @public
- */
-var radio_Radio = /*#__PURE__*/function (_FoundationRadio) {
- function Radio() {
- dist_radio_classCallCheck(this, Radio);
- return dist_radio_callSuper(this, Radio, arguments);
- }
- dist_radio_inherits(Radio, _FoundationRadio);
- return dist_radio_createClass(Radio, [{
- key: "connectedCallback",
- value:
- /**
- * Component lifecycle method that runs when the component is inserted
- * into the DOM.
- *
- * @internal
- */
- function connectedCallback() {
- dist_radio_get(dist_radio_getPrototypeOf(Radio.prototype), "connectedCallback", this).call(this);
- if (this.textContent) {
- this.setAttribute('aria-label', this.textContent);
- } else {
- // Fallback to the label if there is no text content
- this.setAttribute('aria-label', 'Radio');
- }
- }
- }]);
-}(Radio);
-/**
- * The Visual Studio Code radio component registration.
- *
- * @remarks
- * HTML Element: ``
- *
- * @public
- */
-var vsCodeRadio = radio_Radio.compose({
- baseName: 'radio',
- template: radioTemplate,
- styles: radioStyles,
- checkedIndicator: "\n\t\t\n\t"
-});
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-web-utilities/dist/localization.js
-/**
- * Expose ltr and rtl strings
- */
-var Direction;
-(function (Direction) {
- Direction["ltr"] = "ltr";
- Direction["rtl"] = "rtl";
-})(Direction || (Direction = {}));
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/utilities/direction.js
-
-/**
- * a method to determine the current localization direction of the view
- * @param rootNode - the HTMLElement to begin the query from, usually "this" when used in a component controller
- * @public
- */
-var getDirection = function getDirection(rootNode) {
- var dirNode = rootNode.closest("[dir]");
- return dirNode !== null && dirNode.dir === "rtl" ? Direction.rtl : Direction.ltr;
-};
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/radio-group/radio-group.js
-function radio_group_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function radio_group_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, radio_group_toPropertyKey(o.key), o); } }
-function radio_group_createClass(e, r, t) { return r && radio_group_defineProperties(e.prototype, r), t && radio_group_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function radio_group_toPropertyKey(t) { var i = radio_group_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function radio_group_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function radio_group_callSuper(t, o, e) { return o = radio_group_getPrototypeOf(o), radio_group_possibleConstructorReturn(t, radio_group_isNativeReflectConstruct() ? Reflect.construct(o, e || [], radio_group_getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function radio_group_possibleConstructorReturn(t, e) { if (e && ("object" == typeof e || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return radio_group_assertThisInitialized(t); }
-function radio_group_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function radio_group_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (radio_group_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function radio_group_get() { return radio_group_get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = radio_group_superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, radio_group_get.apply(null, arguments); }
-function radio_group_superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = radio_group_getPrototypeOf(t));); return t; }
-function radio_group_getPrototypeOf(t) { return radio_group_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, radio_group_getPrototypeOf(t); }
-function radio_group_inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && radio_group_setPrototypeOf(t, e); }
-function radio_group_setPrototypeOf(t, e) { return radio_group_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, radio_group_setPrototypeOf(t, e); }
-
-
-
-
-
-/**
- * An Radio Group Custom HTML Element.
- * Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#radiogroup | ARIA radiogroup }.
- *
- * @slot label - The slot for the label
- * @slot - The default slot for radio buttons
- * @csspart positioning-region - The positioning region for laying out the radios
- * @fires change - Fires a custom 'change' event when the value changes
- *
- * @public
- */
-var RadioGroup = /*#__PURE__*/function (_FoundationElement) {
- function RadioGroup() {
- var _this;
- radio_group_classCallCheck(this, RadioGroup);
- _this = radio_group_callSuper(this, RadioGroup, arguments);
- /**
- * The orientation of the group
- *
- * @public
- * @remarks
- * HTML Attribute: orientation
- */
- _this.orientation = Orientation.horizontal;
- _this.radioChangeHandler = function (e) {
- var changedRadio = e.target;
- if (changedRadio.checked) {
- _this.slottedRadioButtons.forEach(function (radio) {
- if (radio !== changedRadio) {
- radio.checked = false;
- if (!_this.isInsideFoundationToolbar) {
- radio.setAttribute("tabindex", "-1");
- }
- }
- });
- _this.selectedRadio = changedRadio;
- _this.value = changedRadio.value;
- changedRadio.setAttribute("tabindex", "0");
- _this.focusedRadio = changedRadio;
- }
- e.stopPropagation();
- };
- _this.moveToRadioByIndex = function (group, index) {
- var radio = group[index];
- if (!_this.isInsideToolbar) {
- radio.setAttribute("tabindex", "0");
- if (radio.readOnly) {
- _this.slottedRadioButtons.forEach(function (nextRadio) {
- if (nextRadio !== radio) {
- nextRadio.setAttribute("tabindex", "-1");
- }
- });
- } else {
- radio.checked = true;
- _this.selectedRadio = radio;
- }
- }
- _this.focusedRadio = radio;
- radio.focus();
- };
- _this.moveRightOffGroup = function () {
- var _a;
- (_a = _this.nextElementSibling) === null || _a === void 0 ? void 0 : _a.focus();
- };
- _this.moveLeftOffGroup = function () {
- var _a;
- (_a = _this.previousElementSibling) === null || _a === void 0 ? void 0 : _a.focus();
- };
- /**
- * @internal
- */
- _this.focusOutHandler = function (e) {
- var group = _this.slottedRadioButtons;
- var radio = e.target;
- var index = radio !== null ? group.indexOf(radio) : 0;
- var focusedIndex = _this.focusedRadio ? group.indexOf(_this.focusedRadio) : -1;
- if (focusedIndex === 0 && index === focusedIndex || focusedIndex === group.length - 1 && focusedIndex === index) {
- if (!_this.selectedRadio) {
- _this.focusedRadio = group[0];
- _this.focusedRadio.setAttribute("tabindex", "0");
- group.forEach(function (nextRadio) {
- if (nextRadio !== _this.focusedRadio) {
- nextRadio.setAttribute("tabindex", "-1");
- }
- });
- } else {
- _this.focusedRadio = _this.selectedRadio;
- if (!_this.isInsideFoundationToolbar) {
- _this.selectedRadio.setAttribute("tabindex", "0");
- group.forEach(function (nextRadio) {
- if (nextRadio !== _this.selectedRadio) {
- nextRadio.setAttribute("tabindex", "-1");
- }
- });
- }
- }
- }
- return true;
- };
- /**
- * @internal
- */
- _this.clickHandler = function (e) {
- var radio = e.target;
- if (radio) {
- var group = _this.slottedRadioButtons;
- if (radio.checked || group.indexOf(radio) === 0) {
- radio.setAttribute("tabindex", "0");
- _this.selectedRadio = radio;
- } else {
- radio.setAttribute("tabindex", "-1");
- _this.selectedRadio = null;
- }
- _this.focusedRadio = radio;
- }
- e.preventDefault();
- };
- _this.shouldMoveOffGroupToTheRight = function (index, group, key) {
- return index === group.length && _this.isInsideToolbar && key === keyArrowRight;
- };
- _this.shouldMoveOffGroupToTheLeft = function (group, key) {
- var index = _this.focusedRadio ? group.indexOf(_this.focusedRadio) - 1 : 0;
- return index < 0 && _this.isInsideToolbar && key === keyArrowLeft;
- };
- _this.checkFocusedRadio = function () {
- if (_this.focusedRadio !== null && !_this.focusedRadio.readOnly && !_this.focusedRadio.checked) {
- _this.focusedRadio.checked = true;
- _this.focusedRadio.setAttribute("tabindex", "0");
- _this.focusedRadio.focus();
- _this.selectedRadio = _this.focusedRadio;
- }
- };
- _this.moveRight = function (e) {
- var group = _this.slottedRadioButtons;
- var index = 0;
- index = _this.focusedRadio ? group.indexOf(_this.focusedRadio) + 1 : 1;
- if (_this.shouldMoveOffGroupToTheRight(index, group, e.key)) {
- _this.moveRightOffGroup();
- return;
- } else if (index === group.length) {
- index = 0;
- }
- /* looping to get to next radio that is not disabled */
- /* matching native radio/radiogroup which does not select an item if there is only 1 in the group */
- while (index < group.length && group.length > 1) {
- if (!group[index].disabled) {
- _this.moveToRadioByIndex(group, index);
- break;
- } else if (_this.focusedRadio && index === group.indexOf(_this.focusedRadio)) {
- break;
- } else if (index + 1 >= group.length) {
- if (_this.isInsideToolbar) {
- break;
- } else {
- index = 0;
- }
- } else {
- index += 1;
- }
- }
- };
- _this.moveLeft = function (e) {
- var group = _this.slottedRadioButtons;
- var index = 0;
- index = _this.focusedRadio ? group.indexOf(_this.focusedRadio) - 1 : 0;
- index = index < 0 ? group.length - 1 : index;
- if (_this.shouldMoveOffGroupToTheLeft(group, e.key)) {
- _this.moveLeftOffGroup();
- return;
- }
- /* looping to get to next radio that is not disabled */
- while (index >= 0 && group.length > 1) {
- if (!group[index].disabled) {
- _this.moveToRadioByIndex(group, index);
- break;
- } else if (_this.focusedRadio && index === group.indexOf(_this.focusedRadio)) {
- break;
- } else if (index - 1 < 0) {
- index = group.length - 1;
- } else {
- index -= 1;
- }
- }
- };
- /**
- * keyboard handling per https://w3c.github.io/aria-practices/#for-radio-groups-not-contained-in-a-toolbar
- * navigation is different when there is an ancestor with role='toolbar'
- *
- * @internal
- */
- _this.keydownHandler = function (e) {
- var key = e.key;
- if (key in ArrowKeys && _this.isInsideFoundationToolbar) {
- return true;
- }
- switch (key) {
- case keyEnter:
- {
- _this.checkFocusedRadio();
- break;
- }
- case keyArrowRight:
- case keyArrowDown:
- {
- if (_this.direction === Direction.ltr) {
- _this.moveRight(e);
- } else {
- _this.moveLeft(e);
- }
- break;
- }
- case keyArrowLeft:
- case keyArrowUp:
- {
- if (_this.direction === Direction.ltr) {
- _this.moveLeft(e);
- } else {
- _this.moveRight(e);
- }
- break;
- }
- default:
- {
- return true;
- }
- }
- };
- return _this;
- }
- radio_group_inherits(RadioGroup, _FoundationElement);
- return radio_group_createClass(RadioGroup, [{
- key: "readOnlyChanged",
- value: function readOnlyChanged() {
- var _this2 = this;
- if (this.slottedRadioButtons !== undefined) {
- this.slottedRadioButtons.forEach(function (radio) {
- if (_this2.readOnly) {
- radio.readOnly = true;
- } else {
- radio.readOnly = false;
- }
- });
- }
- }
- }, {
- key: "disabledChanged",
- value: function disabledChanged() {
- var _this3 = this;
- if (this.slottedRadioButtons !== undefined) {
- this.slottedRadioButtons.forEach(function (radio) {
- if (_this3.disabled) {
- radio.disabled = true;
- } else {
- radio.disabled = false;
- }
- });
- }
- }
- }, {
- key: "nameChanged",
- value: function nameChanged() {
- var _this4 = this;
- if (this.slottedRadioButtons) {
- this.slottedRadioButtons.forEach(function (radio) {
- radio.setAttribute("name", _this4.name);
- });
- }
- }
- }, {
- key: "valueChanged",
- value: function valueChanged() {
- var _this5 = this;
- if (this.slottedRadioButtons) {
- this.slottedRadioButtons.forEach(function (radio) {
- if (radio.value === _this5.value) {
- radio.checked = true;
- _this5.selectedRadio = radio;
- }
- });
- }
- this.$emit("change");
- }
- }, {
- key: "slottedRadioButtonsChanged",
- value: function slottedRadioButtonsChanged(oldValue, newValue) {
- if (this.slottedRadioButtons && this.slottedRadioButtons.length > 0) {
- this.setupRadioButtons();
- }
- }
- }, {
- key: "parentToolbar",
- get: function get() {
- return this.closest('[role="toolbar"]');
- }
- }, {
- key: "isInsideToolbar",
- get: function get() {
- var _a;
- return (_a = this.parentToolbar) !== null && _a !== void 0 ? _a : false;
- }
- }, {
- key: "isInsideFoundationToolbar",
- get: function get() {
- var _a;
- return !!((_a = this.parentToolbar) === null || _a === void 0 ? void 0 : _a["$fastController"]);
- }
- /**
- * @internal
- */
- }, {
- key: "connectedCallback",
- value: function connectedCallback() {
- radio_group_get(radio_group_getPrototypeOf(RadioGroup.prototype), "connectedCallback", this).call(this);
- this.direction = getDirection(this);
- this.setupRadioButtons();
- }
- }, {
- key: "disconnectedCallback",
- value: function disconnectedCallback() {
- var _this6 = this;
- this.slottedRadioButtons.forEach(function (radio) {
- radio.removeEventListener("change", _this6.radioChangeHandler);
- });
- }
- }, {
- key: "setupRadioButtons",
- value: function setupRadioButtons() {
- var _this7 = this;
- var checkedRadios = this.slottedRadioButtons.filter(function (radio) {
- return radio.hasAttribute("checked");
- });
- var numberOfCheckedRadios = checkedRadios ? checkedRadios.length : 0;
- if (numberOfCheckedRadios > 1) {
- var lastCheckedRadio = checkedRadios[numberOfCheckedRadios - 1];
- lastCheckedRadio.checked = true;
- }
- var foundMatchingVal = false;
- this.slottedRadioButtons.forEach(function (radio) {
- if (_this7.name !== undefined) {
- radio.setAttribute("name", _this7.name);
- }
- if (_this7.disabled) {
- radio.disabled = true;
- }
- if (_this7.readOnly) {
- radio.readOnly = true;
- }
- if (_this7.value && _this7.value === radio.value) {
- _this7.selectedRadio = radio;
- _this7.focusedRadio = radio;
- radio.checked = true;
- radio.setAttribute("tabindex", "0");
- foundMatchingVal = true;
- } else {
- if (!_this7.isInsideFoundationToolbar) {
- radio.setAttribute("tabindex", "-1");
- }
- radio.checked = false;
- }
- radio.addEventListener("change", _this7.radioChangeHandler);
- });
- if (this.value === undefined && this.slottedRadioButtons.length > 0) {
- var _checkedRadios = this.slottedRadioButtons.filter(function (radio) {
- return radio.hasAttribute("checked");
- });
- var _numberOfCheckedRadios = _checkedRadios !== null ? _checkedRadios.length : 0;
- if (_numberOfCheckedRadios > 0 && !foundMatchingVal) {
- var _lastCheckedRadio = _checkedRadios[_numberOfCheckedRadios - 1];
- _lastCheckedRadio.checked = true;
- this.focusedRadio = _lastCheckedRadio;
- _lastCheckedRadio.setAttribute("tabindex", "0");
- } else {
- this.slottedRadioButtons[0].setAttribute("tabindex", "0");
- this.focusedRadio = this.slottedRadioButtons[0];
- }
- }
- }
- }]);
-}(FoundationElement);
-__decorate([attr({
- attribute: "readonly",
- mode: "boolean"
-})], RadioGroup.prototype, "readOnly", void 0);
-__decorate([attr({
- attribute: "disabled",
- mode: "boolean"
-})], RadioGroup.prototype, "disabled", void 0);
-__decorate([attr], RadioGroup.prototype, "name", void 0);
-__decorate([attr], RadioGroup.prototype, "value", void 0);
-__decorate([attr], RadioGroup.prototype, "orientation", void 0);
-__decorate([observable], RadioGroup.prototype, "childItems", void 0);
-__decorate([observable], RadioGroup.prototype, "slottedRadioButtons", void 0);
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/radio-group/radio-group.template.js
-var radio_group_template_templateObject;
-function radio_group_template_taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-
-
-/**
- * The template for the {@link @microsoft/fast-foundation#RadioGroup} component.
- * @public
- */
-var radioGroupTemplate = function radioGroupTemplate(context, definition) {
- return html(radio_group_template_templateObject || (radio_group_template_templateObject = radio_group_template_taggedTemplateLiteral(["\n \n \n \n \n \n \n"])), function (x) {
- return x.disabled;
- }, function (x) {
- return x.readOnly;
- }, function (x, c) {
- return x.clickHandler(c.event);
- }, function (x, c) {
- return x.keydownHandler(c.event);
- }, function (x, c) {
- return x.focusOutHandler(c.event);
- }, function (x) {
- return x.orientation === Orientation.horizontal ? "horizontal" : "vertical";
- }, slotted({
- property: "slottedRadioButtons",
- filter: node_observation_elements("[role=radio]")
- }));
-};
-;// CONCATENATED MODULE: ../../node_modules/@vscode/webview-ui-toolkit/dist/radio-group/radio-group.styles.js
-var radio_group_styles_templateObject;
-function radio_group_styles_taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-
-
-
-var radioGroupStyles = function radioGroupStyles(context, definition) {
- return css(radio_group_styles_templateObject || (radio_group_styles_templateObject = radio_group_styles_taggedTemplateLiteral(["\n\t", " :host {\n\t\talign-items: flex-start;\n\t\tmargin: calc(", " * 1px) 0;\n\t\tflex-direction: column;\n\t}\n\t.positioning-region {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t}\n\t:host([orientation='vertical']) .positioning-region {\n\t\tflex-direction: column;\n\t}\n\t:host([orientation='horizontal']) .positioning-region {\n\t\tflex-direction: row;\n\t}\n\t::slotted([slot='label']) {\n\t\tcolor: ", ";\n\t\tfont-size: ", ";\n\t\tmargin: calc(", " * 1px) 0;\n\t}\n"])), display('flex'), designUnit, foreground, typeRampBaseFontSize, designUnit);
-};
-;// CONCATENATED MODULE: ../../node_modules/@vscode/webview-ui-toolkit/dist/radio-group/index.js
-function dist_radio_group_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function dist_radio_group_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, dist_radio_group_toPropertyKey(o.key), o); } }
-function dist_radio_group_createClass(e, r, t) { return r && dist_radio_group_defineProperties(e.prototype, r), t && dist_radio_group_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function dist_radio_group_toPropertyKey(t) { var i = dist_radio_group_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function dist_radio_group_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function dist_radio_group_callSuper(t, o, e) { return o = dist_radio_group_getPrototypeOf(o), dist_radio_group_possibleConstructorReturn(t, dist_radio_group_isNativeReflectConstruct() ? Reflect.construct(o, e || [], dist_radio_group_getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function dist_radio_group_possibleConstructorReturn(t, e) { if (e && ("object" == typeof e || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return dist_radio_group_assertThisInitialized(t); }
-function dist_radio_group_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function dist_radio_group_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (dist_radio_group_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function dist_radio_group_get() { return dist_radio_group_get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = dist_radio_group_superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, dist_radio_group_get.apply(null, arguments); }
-function dist_radio_group_superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = dist_radio_group_getPrototypeOf(t));); return t; }
-function dist_radio_group_getPrototypeOf(t) { return dist_radio_group_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, dist_radio_group_getPrototypeOf(t); }
-function dist_radio_group_inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && dist_radio_group_setPrototypeOf(t, e); }
-function dist_radio_group_setPrototypeOf(t, e) { return dist_radio_group_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, dist_radio_group_setPrototypeOf(t, e); }
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-
-
-
-
-/**
- * The Visual Studio Code radio group class.
- *
- * @public
- */
-var radio_group_RadioGroup = /*#__PURE__*/function (_FoundationRadioGroup) {
- function RadioGroup() {
- dist_radio_group_classCallCheck(this, RadioGroup);
- return dist_radio_group_callSuper(this, RadioGroup, arguments);
- }
- dist_radio_group_inherits(RadioGroup, _FoundationRadioGroup);
- return dist_radio_group_createClass(RadioGroup, [{
- key: "connectedCallback",
- value:
- /**
- * Component lifecycle method that runs when the component is inserted
- * into the DOM.
- *
- * @internal
- */
- function connectedCallback() {
- dist_radio_group_get(dist_radio_group_getPrototypeOf(RadioGroup.prototype), "connectedCallback", this).call(this);
- // Generates a unique id for each radio group label so that the label element
- // within the group can be correctly associated with the radio group.
- var label = this.querySelector('label');
- if (label) {
- var id = 'radio-group-' + Math.random().toString(16).slice(2);
- label.setAttribute('id', id);
- this.setAttribute('aria-labelledby', id);
- }
- }
- }]);
-}(RadioGroup);
-/**
- * The Visual Studio Code radio group component registration.
- *
- * @remarks
- * HTML Element: ``
- *
- * @public
- */
-var vsCodeRadioGroup = radio_group_RadioGroup.compose({
- baseName: 'radio-group',
- template: radioGroupTemplate,
- styles: radioGroupStyles
-});
-;// CONCATENATED MODULE: ../../node_modules/@vscode/webview-ui-toolkit/dist/tag/tag.styles.js
-var tag_styles_templateObject;
-function tag_styles_taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-
-
-
-var tagStyles = function tagStyles(context, definition) {
- return css(tag_styles_templateObject || (tag_styles_templateObject = tag_styles_taggedTemplateLiteral(["\n\t", " :host {\n\t\tbox-sizing: border-box;\n\t\tfont-family: ", ";\n\t\tfont-size: ", ";\n\t\tline-height: ", ";\n\t}\n\t.control {\n\t\tbackground-color: ", ";\n\t\tborder: calc(", " * 1px) solid ", ";\n\t\tborder-radius: ", ";\n\t\tcolor: ", ";\n\t\tpadding: calc(", " * 0.5px) calc(", " * 1px);\n\t\ttext-transform: uppercase;\n\t}\n"])), display('inline-block'), fontFamily, typeRampMinus1FontSize, typeRampMinus1LineHeight, badgeBackground, borderWidth, buttonBorder, tagCornerRadius, badgeForeground, designUnit, designUnit);
-};
-;// CONCATENATED MODULE: ../../node_modules/@vscode/webview-ui-toolkit/dist/tag/index.js
-function tag_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function tag_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, tag_toPropertyKey(o.key), o); } }
-function tag_createClass(e, r, t) { return r && tag_defineProperties(e.prototype, r), t && tag_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function tag_toPropertyKey(t) { var i = tag_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function tag_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function tag_callSuper(t, o, e) { return o = tag_getPrototypeOf(o), tag_possibleConstructorReturn(t, tag_isNativeReflectConstruct() ? Reflect.construct(o, e || [], tag_getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function tag_possibleConstructorReturn(t, e) { if (e && ("object" == typeof e || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return tag_assertThisInitialized(t); }
-function tag_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function tag_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (tag_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function tag_get() { return tag_get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = tag_superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, tag_get.apply(null, arguments); }
-function tag_superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = tag_getPrototypeOf(t));); return t; }
-function tag_getPrototypeOf(t) { return tag_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, tag_getPrototypeOf(t); }
-function tag_inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && tag_setPrototypeOf(t, e); }
-function tag_setPrototypeOf(t, e) { return tag_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, tag_setPrototypeOf(t, e); }
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-
-
-/**
- * The Visual Studio Code tag class.
- *
- * @public
- */
-var Tag = /*#__PURE__*/function (_FoundationBadge) {
- function Tag() {
- tag_classCallCheck(this, Tag);
- return tag_callSuper(this, Tag, arguments);
- }
- tag_inherits(Tag, _FoundationBadge);
- return tag_createClass(Tag, [{
- key: "connectedCallback",
- value:
- /**
- * Component lifecycle method that runs when the component is inserted
- * into the DOM.
- *
- * @internal
- */
- function connectedCallback() {
- tag_get(tag_getPrototypeOf(Tag.prototype), "connectedCallback", this).call(this);
- // This will override any usage of the circular attribute
- // inherited by the FAST Foundation Badge component so that
- // VSCodeTags are never circular
- if (this.circular) {
- this.circular = false;
- }
- }
- }]);
-}(Badge);
-/**
- * The Visual Studio Code tag component registration.
- *
- * @remarks
- * HTML Element: ``
- *
- * @public
- */
-var vsCodeTag = Tag.compose({
- baseName: 'tag',
- template: badgeTemplate,
- styles: tagStyles
-});
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/text-field/text-field.form-associated.js
-function text_field_form_associated_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, text_field_form_associated_toPropertyKey(o.key), o); } }
-function text_field_form_associated_createClass(e, r, t) { return r && text_field_form_associated_defineProperties(e.prototype, r), t && text_field_form_associated_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function text_field_form_associated_toPropertyKey(t) { var i = text_field_form_associated_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function text_field_form_associated_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function text_field_form_associated_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function text_field_form_associated_callSuper(t, o, e) { return o = text_field_form_associated_getPrototypeOf(o), text_field_form_associated_possibleConstructorReturn(t, text_field_form_associated_isNativeReflectConstruct() ? Reflect.construct(o, e || [], text_field_form_associated_getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function text_field_form_associated_possibleConstructorReturn(t, e) { if (e && ("object" == typeof e || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return text_field_form_associated_assertThisInitialized(t); }
-function text_field_form_associated_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function text_field_form_associated_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (text_field_form_associated_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function text_field_form_associated_getPrototypeOf(t) { return text_field_form_associated_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, text_field_form_associated_getPrototypeOf(t); }
-function text_field_form_associated_inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && text_field_form_associated_setPrototypeOf(t, e); }
-function text_field_form_associated_setPrototypeOf(t, e) { return text_field_form_associated_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, text_field_form_associated_setPrototypeOf(t, e); }
-
-
-var _TextField = /*#__PURE__*/function (_FoundationElement) {
- function _TextField() {
- text_field_form_associated_classCallCheck(this, _TextField);
- return text_field_form_associated_callSuper(this, _TextField, arguments);
- }
- text_field_form_associated_inherits(_TextField, _FoundationElement);
- return text_field_form_associated_createClass(_TextField);
-}(FoundationElement);
-/**
- * A form-associated base class for the {@link @microsoft/fast-foundation#(TextField:class)} component.
- *
- * @internal
- */
-var FormAssociatedTextField = /*#__PURE__*/function (_FormAssociated) {
- function FormAssociatedTextField() {
- var _this;
- text_field_form_associated_classCallCheck(this, FormAssociatedTextField);
- _this = text_field_form_associated_callSuper(this, FormAssociatedTextField, arguments);
- _this.proxy = document.createElement("input");
- return _this;
- }
- text_field_form_associated_inherits(FormAssociatedTextField, _FormAssociated);
- return text_field_form_associated_createClass(FormAssociatedTextField);
-}(FormAssociated(_TextField));
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/text-field/text-field.options.js
-/**
- * Text field sub-types
- * @public
- */
-var TextFieldType = {
- /**
- * An email TextField
- */
- email: "email",
- /**
- * A password TextField
- */
- password: "password",
- /**
- * A telephone TextField
- */
- tel: "tel",
- /**
- * A text TextField
- */
- text: "text",
- /**
- * A URL TextField
- */
- url: "url"
-};
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/text-field/text-field.js
-function text_field_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function text_field_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, text_field_toPropertyKey(o.key), o); } }
-function text_field_createClass(e, r, t) { return r && text_field_defineProperties(e.prototype, r), t && text_field_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function text_field_toPropertyKey(t) { var i = text_field_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function text_field_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function text_field_callSuper(t, o, e) { return o = text_field_getPrototypeOf(o), text_field_possibleConstructorReturn(t, text_field_isNativeReflectConstruct() ? Reflect.construct(o, e || [], text_field_getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function text_field_possibleConstructorReturn(t, e) { if (e && ("object" == typeof e || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return text_field_assertThisInitialized(t); }
-function text_field_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function text_field_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (text_field_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function text_field_get() { return text_field_get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = text_field_superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, text_field_get.apply(null, arguments); }
-function text_field_superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = text_field_getPrototypeOf(t));); return t; }
-function text_field_getPrototypeOf(t) { return text_field_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, text_field_getPrototypeOf(t); }
-function text_field_inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && text_field_setPrototypeOf(t, e); }
-function text_field_setPrototypeOf(t, e) { return text_field_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, text_field_setPrototypeOf(t, e); }
-
-
-
-
-
-
-
-/**
- * A Text Field Custom HTML Element.
- * Based largely on the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/text | element }.
- *
- * @slot start - Content which can be provided before the number field input
- * @slot end - Content which can be provided after the number field input
- * @slot - The default slot for the label
- * @csspart label - The label
- * @csspart root - The element wrapping the control, including start and end slots
- * @csspart control - The text field element
- * @fires change - Fires a custom 'change' event when the value has changed
- *
- * @public
- */
-var TextField = /*#__PURE__*/function (_FormAssociatedTextFi) {
- function TextField() {
- var _this;
- text_field_classCallCheck(this, TextField);
- _this = text_field_callSuper(this, TextField, arguments);
- /**
- * Allows setting a type or mode of text.
- * @public
- * @remarks
- * HTML Attribute: type
- */
- _this.type = TextFieldType.text;
- return _this;
- }
- text_field_inherits(TextField, _FormAssociatedTextFi);
- return text_field_createClass(TextField, [{
- key: "readOnlyChanged",
- value: function readOnlyChanged() {
- if (this.proxy instanceof HTMLInputElement) {
- this.proxy.readOnly = this.readOnly;
- this.validate();
- }
- }
- }, {
- key: "autofocusChanged",
- value: function autofocusChanged() {
- if (this.proxy instanceof HTMLInputElement) {
- this.proxy.autofocus = this.autofocus;
- this.validate();
- }
- }
- }, {
- key: "placeholderChanged",
- value: function placeholderChanged() {
- if (this.proxy instanceof HTMLInputElement) {
- this.proxy.placeholder = this.placeholder;
- }
- }
- }, {
- key: "typeChanged",
- value: function typeChanged() {
- if (this.proxy instanceof HTMLInputElement) {
- this.proxy.type = this.type;
- this.validate();
- }
- }
- }, {
- key: "listChanged",
- value: function listChanged() {
- if (this.proxy instanceof HTMLInputElement) {
- this.proxy.setAttribute("list", this.list);
- this.validate();
- }
- }
- }, {
- key: "maxlengthChanged",
- value: function maxlengthChanged() {
- if (this.proxy instanceof HTMLInputElement) {
- this.proxy.maxLength = this.maxlength;
- this.validate();
- }
- }
- }, {
- key: "minlengthChanged",
- value: function minlengthChanged() {
- if (this.proxy instanceof HTMLInputElement) {
- this.proxy.minLength = this.minlength;
- this.validate();
- }
- }
- }, {
- key: "patternChanged",
- value: function patternChanged() {
- if (this.proxy instanceof HTMLInputElement) {
- this.proxy.pattern = this.pattern;
- this.validate();
- }
- }
- }, {
- key: "sizeChanged",
- value: function sizeChanged() {
- if (this.proxy instanceof HTMLInputElement) {
- this.proxy.size = this.size;
- }
- }
- }, {
- key: "spellcheckChanged",
- value: function spellcheckChanged() {
- if (this.proxy instanceof HTMLInputElement) {
- this.proxy.spellcheck = this.spellcheck;
- }
- }
- /**
- * @internal
- */
- }, {
- key: "connectedCallback",
- value: function connectedCallback() {
- var _this2 = this;
- text_field_get(text_field_getPrototypeOf(TextField.prototype), "connectedCallback", this).call(this);
- this.proxy.setAttribute("type", this.type);
- this.validate();
- if (this.autofocus) {
- DOM.queueUpdate(function () {
- _this2.focus();
- });
- }
- }
- /**
- * Selects all the text in the text field
- *
- * @public
- */
- }, {
- key: "select",
- value: function select() {
- this.control.select();
- /**
- * The select event does not permeate the shadow DOM boundary.
- * This fn effectively proxies the select event,
- * emitting a `select` event whenever the internal
- * control emits a `select` event
- */
- this.$emit("select");
- }
- /**
- * Handles the internal control's `input` event
- * @internal
- */
- }, {
- key: "handleTextInput",
- value: function handleTextInput() {
- this.value = this.control.value;
- }
- /**
- * Change event handler for inner control.
- * @remarks
- * "Change" events are not `composable` so they will not
- * permeate the shadow DOM boundary. This fn effectively proxies
- * the change event, emitting a `change` event whenever the internal
- * control emits a `change` event
- * @internal
- */
- }, {
- key: "handleChange",
- value: function handleChange() {
- this.$emit("change");
- }
- /** {@inheritDoc (FormAssociated:interface).validate} */
- }, {
- key: "validate",
- value: function validate() {
- text_field_get(text_field_getPrototypeOf(TextField.prototype), "validate", this).call(this, this.control);
- }
- }]);
-}(FormAssociatedTextField);
-__decorate([attr({
- attribute: "readonly",
- mode: "boolean"
-})], TextField.prototype, "readOnly", void 0);
-__decorate([attr({
- mode: "boolean"
-})], TextField.prototype, "autofocus", void 0);
-__decorate([attr], TextField.prototype, "placeholder", void 0);
-__decorate([attr], TextField.prototype, "type", void 0);
-__decorate([attr], TextField.prototype, "list", void 0);
-__decorate([attr({
- converter: nullableNumberConverter
-})], TextField.prototype, "maxlength", void 0);
-__decorate([attr({
- converter: nullableNumberConverter
-})], TextField.prototype, "minlength", void 0);
-__decorate([attr], TextField.prototype, "pattern", void 0);
-__decorate([attr({
- converter: nullableNumberConverter
-})], TextField.prototype, "size", void 0);
-__decorate([attr({
- mode: "boolean"
-})], TextField.prototype, "spellcheck", void 0);
-__decorate([observable], TextField.prototype, "defaultSlottedNodes", void 0);
-/**
- * Includes ARIA states and properties relating to the ARIA textbox role
- *
- * @public
- */
-var DelegatesARIATextbox = /*#__PURE__*/text_field_createClass(function DelegatesARIATextbox() {
- text_field_classCallCheck(this, DelegatesARIATextbox);
-});
-applyMixins(DelegatesARIATextbox, ARIAGlobalStatesAndProperties);
-applyMixins(TextField, StartEnd, DelegatesARIATextbox);
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/text-area/text-area.form-associated.js
-function text_area_form_associated_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, text_area_form_associated_toPropertyKey(o.key), o); } }
-function text_area_form_associated_createClass(e, r, t) { return r && text_area_form_associated_defineProperties(e.prototype, r), t && text_area_form_associated_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function text_area_form_associated_toPropertyKey(t) { var i = text_area_form_associated_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function text_area_form_associated_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function text_area_form_associated_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function text_area_form_associated_callSuper(t, o, e) { return o = text_area_form_associated_getPrototypeOf(o), text_area_form_associated_possibleConstructorReturn(t, text_area_form_associated_isNativeReflectConstruct() ? Reflect.construct(o, e || [], text_area_form_associated_getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function text_area_form_associated_possibleConstructorReturn(t, e) { if (e && ("object" == typeof e || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return text_area_form_associated_assertThisInitialized(t); }
-function text_area_form_associated_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function text_area_form_associated_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (text_area_form_associated_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function text_area_form_associated_getPrototypeOf(t) { return text_area_form_associated_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, text_area_form_associated_getPrototypeOf(t); }
-function text_area_form_associated_inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && text_area_form_associated_setPrototypeOf(t, e); }
-function text_area_form_associated_setPrototypeOf(t, e) { return text_area_form_associated_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, text_area_form_associated_setPrototypeOf(t, e); }
-
-
-var _TextArea = /*#__PURE__*/function (_FoundationElement) {
- function _TextArea() {
- text_area_form_associated_classCallCheck(this, _TextArea);
- return text_area_form_associated_callSuper(this, _TextArea, arguments);
- }
- text_area_form_associated_inherits(_TextArea, _FoundationElement);
- return text_area_form_associated_createClass(_TextArea);
-}(FoundationElement);
-/**
- * A form-associated base class for the {@link @microsoft/fast-foundation#(TextArea:class)} component.
- *
- * @internal
- */
-var FormAssociatedTextArea = /*#__PURE__*/function (_FormAssociated) {
- function FormAssociatedTextArea() {
- var _this;
- text_area_form_associated_classCallCheck(this, FormAssociatedTextArea);
- _this = text_area_form_associated_callSuper(this, FormAssociatedTextArea, arguments);
- _this.proxy = document.createElement("textarea");
- return _this;
- }
- text_area_form_associated_inherits(FormAssociatedTextArea, _FormAssociated);
- return text_area_form_associated_createClass(FormAssociatedTextArea);
-}(FormAssociated(_TextArea));
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/text-area/text-area.options.js
-/**
- * Resize mode for a TextArea
- * @public
- */
-var TextAreaResize = {
- /**
- * No resize.
- */
- none: "none",
- /**
- * Resize vertically and horizontally.
- */
- both: "both",
- /**
- * Resize horizontally.
- */
- horizontal: "horizontal",
- /**
- * Resize vertically.
- */
- vertical: "vertical"
-};
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/text-area/text-area.js
-function text_area_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function text_area_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, text_area_toPropertyKey(o.key), o); } }
-function text_area_createClass(e, r, t) { return r && text_area_defineProperties(e.prototype, r), t && text_area_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function text_area_toPropertyKey(t) { var i = text_area_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function text_area_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function text_area_callSuper(t, o, e) { return o = text_area_getPrototypeOf(o), text_area_possibleConstructorReturn(t, text_area_isNativeReflectConstruct() ? Reflect.construct(o, e || [], text_area_getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function text_area_possibleConstructorReturn(t, e) { if (e && ("object" == typeof e || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return text_area_assertThisInitialized(t); }
-function text_area_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function text_area_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (text_area_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function text_area_get() { return text_area_get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = text_area_superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, text_area_get.apply(null, arguments); }
-function text_area_superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = text_area_getPrototypeOf(t));); return t; }
-function text_area_getPrototypeOf(t) { return text_area_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, text_area_getPrototypeOf(t); }
-function text_area_inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && text_area_setPrototypeOf(t, e); }
-function text_area_setPrototypeOf(t, e) { return text_area_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, text_area_setPrototypeOf(t, e); }
-
-
-
-
-
-
-
-/**
- * A Text Area Custom HTML Element.
- * Based largely on the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea | \n \n"])), function (x) {
- return x.readOnly ? "readonly" : "";
- }, function (x) {
- return x.resize !== TextAreaResize.none ? "resize-".concat(x.resize) : "";
- }, function (x) {
- return x.defaultSlottedNodes && x.defaultSlottedNodes.length ? "label" : "label label__hidden";
- }, slotted("defaultSlottedNodes"), function (x) {
- return x.autofocus;
- }, function (x) {
- return x.cols;
- }, function (x) {
- return x.disabled;
- }, function (x) {
- return x.form;
- }, function (x) {
- return x.list;
- }, function (x) {
- return x.maxlength;
- }, function (x) {
- return x.minlength;
- }, function (x) {
- return x.name;
- }, function (x) {
- return x.placeholder;
- }, function (x) {
- return x.readOnly;
- }, function (x) {
- return x.required;
- }, function (x) {
- return x.rows;
- }, function (x) {
- return x.spellcheck;
- }, function (x) {
- return x.value;
- }, function (x) {
- return x.ariaAtomic;
- }, function (x) {
- return x.ariaBusy;
- }, function (x) {
- return x.ariaControls;
- }, function (x) {
- return x.ariaCurrent;
- }, function (x) {
- return x.ariaDescribedby;
- }, function (x) {
- return x.ariaDetails;
- }, function (x) {
- return x.ariaDisabled;
- }, function (x) {
- return x.ariaErrormessage;
- }, function (x) {
- return x.ariaFlowto;
- }, function (x) {
- return x.ariaHaspopup;
- }, function (x) {
- return x.ariaHidden;
- }, function (x) {
- return x.ariaInvalid;
- }, function (x) {
- return x.ariaKeyshortcuts;
- }, function (x) {
- return x.ariaLabel;
- }, function (x) {
- return x.ariaLabelledby;
- }, function (x) {
- return x.ariaLive;
- }, function (x) {
- return x.ariaOwns;
- }, function (x) {
- return x.ariaRelevant;
- }, function (x) {
- return x.ariaRoledescription;
- }, function (x, c) {
- return x.handleTextInput();
- }, function (x) {
- return x.handleChange();
- }, ref("control"));
-};
-;// CONCATENATED MODULE: ../../node_modules/@vscode/webview-ui-toolkit/dist/text-area/text-area.styles.js
-var text_area_styles_templateObject;
-function text_area_styles_taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-
-
-
-var textAreaStyles = function textAreaStyles(context, definition) {
- return css(text_area_styles_templateObject || (text_area_styles_templateObject = text_area_styles_taggedTemplateLiteral(["\n\t", " :host {\n\t\tfont-family: ", ";\n\t\toutline: none;\n\t\tuser-select: none;\n\t}\n\t.control {\n\t\tbox-sizing: border-box;\n\t\tposition: relative;\n\t\tcolor: ", ";\n\t\tbackground: ", ";\n\t\tborder-radius: calc(", " * 1px);\n\t\tborder: calc(", " * 1px) solid ", ";\n\t\tfont: inherit;\n\t\tfont-size: ", ";\n\t\tline-height: ", ";\n\t\tpadding: calc(", " * 2px + 1px);\n\t\twidth: 100%;\n\t\tmin-width: ", ";\n\t\tresize: none;\n\t}\n\t.control:hover:enabled {\n\t\tbackground: ", ";\n\t\tborder-color: ", ";\n\t}\n\t.control:active:enabled {\n\t\tbackground: ", ";\n\t\tborder-color: ", ";\n\t}\n\t.control:hover,\n\t.control:", ",\n\t.control:disabled,\n\t.control:active {\n\t\toutline: none;\n\t}\n\t.control::-webkit-scrollbar {\n\t\twidth: ", ";\n\t\theight: ", ";\n\t}\n\t.control::-webkit-scrollbar-corner {\n\t\tbackground: ", ";\n\t}\n\t.control::-webkit-scrollbar-thumb {\n\t\tbackground: ", ";\n\t}\n\t.control::-webkit-scrollbar-thumb:hover {\n\t\tbackground: ", ";\n\t}\n\t.control::-webkit-scrollbar-thumb:active {\n\t\tbackground: ", ";\n\t}\n\t:host(:focus-within:not([disabled])) .control {\n\t\tborder-color: ", ";\n\t}\n\t:host([resize='both']) .control {\n\t\tresize: both;\n\t}\n\t:host([resize='horizontal']) .control {\n\t\tresize: horizontal;\n\t}\n\t:host([resize='vertical']) .control {\n\t\tresize: vertical;\n\t}\n\t.label {\n\t\tdisplay: block;\n\t\tcolor: ", ";\n\t\tcursor: pointer;\n\t\tfont-size: ", ";\n\t\tline-height: ", ";\n\t\tmargin-bottom: 2px;\n\t}\n\t.label__hidden {\n\t\tdisplay: none;\n\t\tvisibility: hidden;\n\t}\n\t:host([disabled]) .label,\n\t:host([readonly]) .label,\n\t:host([readonly]) .control,\n\t:host([disabled]) .control {\n\t\tcursor: ", ";\n\t}\n\t:host([disabled]) {\n\t\topacity: ", ";\n\t}\n\t:host([disabled]) .control {\n\t\tborder-color: ", ";\n\t}\n"])), display('inline-block'), fontFamily, inputForeground, inputBackground, cornerRadiusRound, borderWidth, dropdownBorder, typeRampBaseFontSize, typeRampBaseLineHeight, designUnit, inputMinWidth, inputBackground, dropdownBorder, inputBackground, focusBorder, focusVisible, scrollbarWidth, scrollbarHeight, inputBackground, scrollbarSliderBackground, scrollbarSliderHoverBackground, scrollbarSliderActiveBackground, focusBorder, foreground, typeRampBaseFontSize, typeRampBaseLineHeight, disabledCursor, disabledOpacity, dropdownBorder);
-};
-;// CONCATENATED MODULE: ../../node_modules/@vscode/webview-ui-toolkit/dist/text-area/index.js
-function dist_text_area_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function dist_text_area_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, dist_text_area_toPropertyKey(o.key), o); } }
-function dist_text_area_createClass(e, r, t) { return r && dist_text_area_defineProperties(e.prototype, r), t && dist_text_area_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function dist_text_area_toPropertyKey(t) { var i = dist_text_area_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function dist_text_area_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function dist_text_area_callSuper(t, o, e) { return o = dist_text_area_getPrototypeOf(o), dist_text_area_possibleConstructorReturn(t, dist_text_area_isNativeReflectConstruct() ? Reflect.construct(o, e || [], dist_text_area_getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function dist_text_area_possibleConstructorReturn(t, e) { if (e && ("object" == typeof e || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return dist_text_area_assertThisInitialized(t); }
-function dist_text_area_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function dist_text_area_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (dist_text_area_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function dist_text_area_get() { return dist_text_area_get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = dist_text_area_superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, dist_text_area_get.apply(null, arguments); }
-function dist_text_area_superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = dist_text_area_getPrototypeOf(t));); return t; }
-function dist_text_area_getPrototypeOf(t) { return dist_text_area_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, dist_text_area_getPrototypeOf(t); }
-function dist_text_area_inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && dist_text_area_setPrototypeOf(t, e); }
-function dist_text_area_setPrototypeOf(t, e) { return dist_text_area_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, dist_text_area_setPrototypeOf(t, e); }
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-
-
-
-/**
- * The Visual Studio Code text area class.
- *
- * @remarks
- * HTML Element: ``
- *
- * @public
- */
-var text_area_TextArea = /*#__PURE__*/function (_FoundationTextArea) {
- function TextArea() {
- dist_text_area_classCallCheck(this, TextArea);
- return dist_text_area_callSuper(this, TextArea, arguments);
- }
- dist_text_area_inherits(TextArea, _FoundationTextArea);
- return dist_text_area_createClass(TextArea, [{
- key: "connectedCallback",
- value:
- /**
- * Component lifecycle method that runs when the component is inserted
- * into the DOM.
- *
- * @internal
- */
- function connectedCallback() {
- dist_text_area_get(dist_text_area_getPrototypeOf(TextArea.prototype), "connectedCallback", this).call(this);
- if (this.textContent) {
- this.setAttribute('aria-label', this.textContent);
- } else {
- // Describe the generic component if no label is provided
- this.setAttribute('aria-label', 'Text area');
- }
- }
- }]);
-}(TextArea);
-/**
- * The Visual Studio Code text area component registration.
- *
- * @remarks
- * HTML Element: ``
- *
- * @public
- */
-var vsCodeTextArea = text_area_TextArea.compose({
- baseName: 'text-area',
- template: textAreaTemplate,
- styles: textAreaStyles,
- shadowOptions: {
- delegatesFocus: true
- }
-});
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/utilities/whitespace-filter.js
-/**
- * a method to filter out any whitespace _only_ nodes, to be used inside a template
- * @param value - The Node that is being inspected
- * @param index - The index of the node within the array
- * @param array - The Node array that is being filtered
- *
- * @public
- */
-function whitespaceFilter(value, index, array) {
- return value.nodeType !== Node.TEXT_NODE ? true : typeof value.nodeValue === "string" && !!value.nodeValue.trim().length;
-}
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/text-field/text-field.template.js
-var text_field_template_templateObject;
-function text_field_template_taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-
-
-
-/**
- * The template for the {@link @microsoft/fast-foundation#(TextField:class)} component.
- * @public
- */
-var textFieldTemplate = function textFieldTemplate(context, definition) {
- return html(text_field_template_templateObject || (text_field_template_templateObject = text_field_template_taggedTemplateLiteral(["\n \n \n \n \n \n ", "\n \n ", "\n
\n \n"])), function (x) {
- return x.readOnly ? "readonly" : "";
- }, function (x) {
- return x.defaultSlottedNodes && x.defaultSlottedNodes.length ? "label" : "label label__hidden";
- }, slotted({
- property: "defaultSlottedNodes",
- filter: whitespaceFilter
- }), startSlotTemplate(context, definition), function (x) {
- return x.handleTextInput();
- }, function (x) {
- return x.handleChange();
- }, function (x) {
- return x.autofocus;
- }, function (x) {
- return x.disabled;
- }, function (x) {
- return x.list;
- }, function (x) {
- return x.maxlength;
- }, function (x) {
- return x.minlength;
- }, function (x) {
- return x.pattern;
- }, function (x) {
- return x.placeholder;
- }, function (x) {
- return x.readOnly;
- }, function (x) {
- return x.required;
- }, function (x) {
- return x.size;
- }, function (x) {
- return x.spellcheck;
- }, function (x) {
- return x.value;
- }, function (x) {
- return x.type;
- }, function (x) {
- return x.ariaAtomic;
- }, function (x) {
- return x.ariaBusy;
- }, function (x) {
- return x.ariaControls;
- }, function (x) {
- return x.ariaCurrent;
- }, function (x) {
- return x.ariaDescribedby;
- }, function (x) {
- return x.ariaDetails;
- }, function (x) {
- return x.ariaDisabled;
- }, function (x) {
- return x.ariaErrormessage;
- }, function (x) {
- return x.ariaFlowto;
- }, function (x) {
- return x.ariaHaspopup;
- }, function (x) {
- return x.ariaHidden;
- }, function (x) {
- return x.ariaInvalid;
- }, function (x) {
- return x.ariaKeyshortcuts;
- }, function (x) {
- return x.ariaLabel;
- }, function (x) {
- return x.ariaLabelledby;
- }, function (x) {
- return x.ariaLive;
- }, function (x) {
- return x.ariaOwns;
- }, function (x) {
- return x.ariaRelevant;
- }, function (x) {
- return x.ariaRoledescription;
- }, ref("control"), endSlotTemplate(context, definition));
-};
-;// CONCATENATED MODULE: ../../node_modules/@vscode/webview-ui-toolkit/dist/text-field/text-field.styles.js
-var text_field_styles_templateObject;
-function text_field_styles_taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-
-
-
-var textFieldStyles = function textFieldStyles(context, definition) {
- return css(text_field_styles_templateObject || (text_field_styles_templateObject = text_field_styles_taggedTemplateLiteral(["\n\t", " :host {\n\t\tfont-family: ", ";\n\t\toutline: none;\n\t\tuser-select: none;\n\t}\n\t.root {\n\t\tbox-sizing: border-box;\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tcolor: ", ";\n\t\tbackground: ", ";\n\t\tborder-radius: calc(", " * 1px);\n\t\tborder: calc(", " * 1px) solid ", ";\n\t\theight: calc(", " * 1px);\n\t\tmin-width: ", ";\n\t}\n\t.control {\n\t\t-webkit-appearance: none;\n\t\tfont: inherit;\n\t\tbackground: transparent;\n\t\tborder: 0;\n\t\tcolor: inherit;\n\t\theight: calc(100% - (", " * 1px));\n\t\twidth: 100%;\n\t\tmargin-top: auto;\n\t\tmargin-bottom: auto;\n\t\tborder: none;\n\t\tpadding: 0 calc(", " * 2px + 1px);\n\t\tfont-size: ", ";\n\t\tline-height: ", ";\n\t}\n\t.control:hover,\n\t.control:", ",\n\t.control:disabled,\n\t.control:active {\n\t\toutline: none;\n\t}\n\t.label {\n\t\tdisplay: block;\n\t\tcolor: ", ";\n\t\tcursor: pointer;\n\t\tfont-size: ", ";\n\t\tline-height: ", ";\n\t\tmargin-bottom: 2px;\n\t}\n\t.label__hidden {\n\t\tdisplay: none;\n\t\tvisibility: hidden;\n\t}\n\t.start,\n\t.end {\n\t\tdisplay: flex;\n\t\tmargin: auto;\n\t\tfill: currentcolor;\n\t}\n\t::slotted(svg),\n\t::slotted(span) {\n\t\twidth: calc(", " * 4px);\n\t\theight: calc(", " * 4px);\n\t}\n\t.start {\n\t\tmargin-inline-start: calc(", " * 2px);\n\t}\n\t.end {\n\t\tmargin-inline-end: calc(", " * 2px);\n\t}\n\t:host(:hover:not([disabled])) .root {\n\t\tbackground: ", ";\n\t\tborder-color: ", ";\n\t}\n\t:host(:active:not([disabled])) .root {\n\t\tbackground: ", ";\n\t\tborder-color: ", ";\n\t}\n\t:host(:focus-within:not([disabled])) .root {\n\t\tborder-color: ", ";\n\t}\n\t:host([disabled]) .label,\n\t:host([readonly]) .label,\n\t:host([readonly]) .control,\n\t:host([disabled]) .control {\n\t\tcursor: ", ";\n\t}\n\t:host([disabled]) {\n\t\topacity: ", ";\n\t}\n\t:host([disabled]) .control {\n\t\tborder-color: ", ";\n\t}\n"])), display('inline-block'), fontFamily, inputForeground, inputBackground, cornerRadiusRound, borderWidth, dropdownBorder, inputHeight, inputMinWidth, designUnit, designUnit, typeRampBaseFontSize, typeRampBaseLineHeight, focusVisible, foreground, typeRampBaseFontSize, typeRampBaseLineHeight, designUnit, designUnit, designUnit, designUnit, inputBackground, dropdownBorder, inputBackground, focusBorder, focusBorder, disabledCursor, disabledOpacity, dropdownBorder);
-};
-;// CONCATENATED MODULE: ../../node_modules/@vscode/webview-ui-toolkit/dist/text-field/index.js
-function dist_text_field_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function dist_text_field_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, dist_text_field_toPropertyKey(o.key), o); } }
-function dist_text_field_createClass(e, r, t) { return r && dist_text_field_defineProperties(e.prototype, r), t && dist_text_field_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function dist_text_field_toPropertyKey(t) { var i = dist_text_field_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function dist_text_field_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function dist_text_field_callSuper(t, o, e) { return o = dist_text_field_getPrototypeOf(o), dist_text_field_possibleConstructorReturn(t, dist_text_field_isNativeReflectConstruct() ? Reflect.construct(o, e || [], dist_text_field_getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function dist_text_field_possibleConstructorReturn(t, e) { if (e && ("object" == typeof e || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return dist_text_field_assertThisInitialized(t); }
-function dist_text_field_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function dist_text_field_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (dist_text_field_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function dist_text_field_get() { return dist_text_field_get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = dist_text_field_superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, dist_text_field_get.apply(null, arguments); }
-function dist_text_field_superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = dist_text_field_getPrototypeOf(t));); return t; }
-function dist_text_field_getPrototypeOf(t) { return dist_text_field_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, dist_text_field_getPrototypeOf(t); }
-function dist_text_field_inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && dist_text_field_setPrototypeOf(t, e); }
-function dist_text_field_setPrototypeOf(t, e) { return dist_text_field_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, dist_text_field_setPrototypeOf(t, e); }
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-
-
-
-/**
- * The Visual Studio Code text field class.
- *
- * @public
- */
-var text_field_TextField = /*#__PURE__*/function (_FoundationTextField) {
- function TextField() {
- dist_text_field_classCallCheck(this, TextField);
- return dist_text_field_callSuper(this, TextField, arguments);
- }
- dist_text_field_inherits(TextField, _FoundationTextField);
- return dist_text_field_createClass(TextField, [{
- key: "connectedCallback",
- value:
- /**
- * Component lifecycle method that runs when the component is inserted
- * into the DOM.
- *
- * @internal
- */
- function connectedCallback() {
- dist_text_field_get(dist_text_field_getPrototypeOf(TextField.prototype), "connectedCallback", this).call(this);
- if (this.textContent) {
- this.setAttribute('aria-label', this.textContent);
- } else {
- // Describe the generic component if no label is provided
- this.setAttribute('aria-label', 'Text field');
- }
- }
- }]);
-}(TextField);
-/**
- * The Visual Studio Code text field component registration.
- *
- * @remarks
- * HTML Element: ``
- *
- * @public
- */
-var vsCodeTextField = text_field_TextField.compose({
- baseName: 'text-field',
- template: textFieldTemplate,
- styles: textFieldStyles,
- shadowOptions: {
- delegatesFocus: true
- }
-});
-;// CONCATENATED MODULE: ../../node_modules/@microsoft/fast-foundation/dist/esm/design-system/design-system.js
-function design_system_callSuper(t, o, e) { return o = design_system_getPrototypeOf(o), design_system_possibleConstructorReturn(t, design_system_isNativeReflectConstruct() ? Reflect.construct(o, e || [], design_system_getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function design_system_possibleConstructorReturn(t, e) { if (e && ("object" == typeof e || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return design_system_assertThisInitialized(t); }
-function design_system_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function design_system_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (design_system_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function design_system_getPrototypeOf(t) { return design_system_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, design_system_getPrototypeOf(t); }
-function design_system_inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && design_system_setPrototypeOf(t, e); }
-function design_system_setPrototypeOf(t, e) { return design_system_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, design_system_setPrototypeOf(t, e); }
-function design_system_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function design_system_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, design_system_toPropertyKey(o.key), o); } }
-function design_system_createClass(e, r, t) { return r && design_system_defineProperties(e.prototype, r), t && design_system_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function design_system_toPropertyKey(t) { var i = design_system_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function design_system_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-
-
-
-
-
-/* eslint-disable @typescript-eslint/no-non-null-assertion */
-/**
- * Indicates what to do with an ambiguous (duplicate) element.
- * @public
- */
-var ElementDisambiguation = Object.freeze({
- /**
- * Skip defining the element but still call the provided callback passed
- * to DesignSystemRegistrationContext.tryDefineElement
- */
- definitionCallbackOnly: null,
- /**
- * Ignore the duplicate element entirely.
- */
- ignoreDuplicate: Symbol()
-});
-var elementTypesByTag = new Map();
-var elementTagsByType = new Map();
-var rootDesignSystem = null;
-var designSystemKey = DI.createInterface(function (x) {
- return x.cachedCallback(function (handler) {
- if (rootDesignSystem === null) {
- rootDesignSystem = new DefaultDesignSystem(null, handler);
- }
- return rootDesignSystem;
- });
-});
-/**
- * An API gateway to design system features.
- * @public
- */
-var DesignSystem = Object.freeze({
- /**
- * Returns the HTML element name that the type is defined as.
- * @param type - The type to lookup.
- * @public
- */
- tagFor: function tagFor(type) {
- return elementTagsByType.get(type);
- },
- /**
- * Searches the DOM hierarchy for the design system that is responsible
- * for the provided element.
- * @param element - The element to locate the design system for.
- * @returns The located design system.
- * @public
- */
- responsibleFor: function responsibleFor(element) {
- var owned = element.$$designSystem$$;
- if (owned) {
- return owned;
- }
- var container = DI.findResponsibleContainer(element);
- return container.get(designSystemKey);
- },
- /**
- * Gets the DesignSystem if one is explicitly defined on the provided element;
- * otherwise creates a design system defined directly on the element.
- * @param element - The element to get or create a design system for.
- * @returns The design system.
- * @public
- */
- getOrCreate: function getOrCreate(node) {
- if (!node) {
- if (rootDesignSystem === null) {
- rootDesignSystem = DI.getOrCreateDOMContainer().get(designSystemKey);
- }
- return rootDesignSystem;
- }
- var owned = node.$$designSystem$$;
- if (owned) {
- return owned;
- }
- var container = DI.getOrCreateDOMContainer(node);
- if (container.has(designSystemKey, false)) {
- return container.get(designSystemKey);
- } else {
- var system = new DefaultDesignSystem(node, container);
- container.register(Registration.instance(designSystemKey, system));
- return system;
- }
- }
-});
-function extractTryDefineElementParams(params, elementDefinitionType, elementDefinitionCallback) {
- if (typeof params === "string") {
- return {
- name: params,
- type: elementDefinitionType,
- callback: elementDefinitionCallback
- };
- } else {
- return params;
- }
-}
-var DefaultDesignSystem = /*#__PURE__*/function () {
- function DefaultDesignSystem(owner, container) {
- design_system_classCallCheck(this, DefaultDesignSystem);
- this.owner = owner;
- this.container = container;
- this.designTokensInitialized = false;
- this.prefix = "fast";
- this.shadowRootMode = undefined;
- this.disambiguate = function () {
- return ElementDisambiguation.definitionCallbackOnly;
- };
- if (owner !== null) {
- owner.$$designSystem$$ = this;
- }
- }
- return design_system_createClass(DefaultDesignSystem, [{
- key: "withPrefix",
- value: function withPrefix(prefix) {
- this.prefix = prefix;
- return this;
- }
- }, {
- key: "withShadowRootMode",
- value: function withShadowRootMode(mode) {
- this.shadowRootMode = mode;
- return this;
- }
- }, {
- key: "withElementDisambiguation",
- value: function withElementDisambiguation(callback) {
- this.disambiguate = callback;
- return this;
- }
- }, {
- key: "withDesignTokenRoot",
- value: function withDesignTokenRoot(root) {
- this.designTokenRoot = root;
- return this;
- }
- }, {
- key: "register",
- value: function register() {
- var container = this.container;
- var elementDefinitionEntries = [];
- var disambiguate = this.disambiguate;
- var shadowRootMode = this.shadowRootMode;
- var context = {
- elementPrefix: this.prefix,
- tryDefineElement: function tryDefineElement(params, elementDefinitionType, elementDefinitionCallback) {
- var extractedParams = extractTryDefineElementParams(params, elementDefinitionType, elementDefinitionCallback);
- var name = extractedParams.name,
- callback = extractedParams.callback,
- baseClass = extractedParams.baseClass;
- var _type = extractedParams.type;
- var elementName = name;
- var typeFoundByName = elementTypesByTag.get(elementName);
- var needsDefine = true;
- while (typeFoundByName) {
- var result = disambiguate(elementName, _type, typeFoundByName);
- switch (result) {
- case ElementDisambiguation.ignoreDuplicate:
- return;
- case ElementDisambiguation.definitionCallbackOnly:
- needsDefine = false;
- typeFoundByName = void 0;
- break;
- default:
- elementName = result;
- typeFoundByName = elementTypesByTag.get(elementName);
- break;
- }
- }
- if (needsDefine) {
- if (elementTagsByType.has(_type) || _type === FoundationElement) {
- _type = /*#__PURE__*/function (_type2) {
- function type() {
- design_system_classCallCheck(this, type);
- return design_system_callSuper(this, type, arguments);
- }
- design_system_inherits(type, _type2);
- return design_system_createClass(type);
- }(_type);
- }
- elementTypesByTag.set(elementName, _type);
- elementTagsByType.set(_type, elementName);
- if (baseClass) {
- elementTagsByType.set(baseClass, elementName);
- }
- }
- elementDefinitionEntries.push(new ElementDefinitionEntry(container, elementName, _type, shadowRootMode, callback, needsDefine));
- }
- };
- if (!this.designTokensInitialized) {
- this.designTokensInitialized = true;
- if (this.designTokenRoot !== null) {
- DesignToken.registerRoot(this.designTokenRoot);
- }
- }
- for (var _len = arguments.length, registrations = new Array(_len), _key = 0; _key < _len; _key++) {
- registrations[_key] = arguments[_key];
- }
- container.registerWithContext.apply(container, [context].concat(registrations));
- for (var _i = 0, _elementDefinitionEnt = elementDefinitionEntries; _i < _elementDefinitionEnt.length; _i++) {
- var entry = _elementDefinitionEnt[_i];
- entry.callback(entry);
- if (entry.willDefine && entry.definition !== null) {
- entry.definition.define();
- }
- }
- return this;
- }
- }]);
-}();
-var ElementDefinitionEntry = /*#__PURE__*/function () {
- function ElementDefinitionEntry(container, name, type, shadowRootMode, callback, willDefine) {
- design_system_classCallCheck(this, ElementDefinitionEntry);
- this.container = container;
- this.name = name;
- this.type = type;
- this.shadowRootMode = shadowRootMode;
- this.callback = callback;
- this.willDefine = willDefine;
- this.definition = null;
- }
- return design_system_createClass(ElementDefinitionEntry, [{
- key: "definePresentation",
- value: function definePresentation(presentation) {
- ComponentPresentation.define(this.name, presentation, this.container);
- }
- }, {
- key: "defineElement",
- value: function defineElement(definition) {
- this.definition = new fast_definitions_FASTElementDefinition(this.type, Object.assign(Object.assign({}, definition), {
- name: this.name
- }));
- }
- }, {
- key: "tagFor",
- value: function tagFor(type) {
- return DesignSystem.tagFor(type);
- }
- }]);
-}();
-/* eslint-enable @typescript-eslint/no-non-null-assertion */
-;// CONCATENATED MODULE: ../../node_modules/@vscode/webview-ui-toolkit/dist/vscode-design-system.js
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-
-/**
- * Provides a design system for the specified element either by returning one that was
- * already created for that element or creating one.
- * @param element - The element to root the design system at. By default, this is the body.
- * @returns A VSCode Design System
- * @public
- */
-function provideVSCodeDesignSystem(element) {
- return DesignSystem.getOrCreate(element).withPrefix('vscode');
-}
-;// CONCATENATED MODULE: ../../node_modules/@vscode/webview-ui-toolkit/react/index.js
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-
-
-
-
-var _provideReactWrapper = provideReactWrapper(external_React_, provideVSCodeDesignSystem()),
- wrap = _provideReactWrapper.wrap;
-/**
- * VS Code Badge React component.
- *
- * @public
- */
-var VSCodeBadge = wrap(vsCodeBadge(), {
- name: 'vscode-badge'
-});
-/**
- * VS Code Button React component.
- *
- * @public
- */
-var VSCodeButton = wrap(vsCodeButton(), {
- name: 'vscode-button'
-});
-/**
- * VS Code Checkbox React component.
- *
- * @public
- */
-var VSCodeCheckbox = wrap(vsCodeCheckbox(), {
- name: 'vscode-checkbox',
- events: {
- onChange: 'change'
- }
-});
-/**
- * VS Code Data Grid React component.
- *
- * @public
- */
-var VSCodeDataGrid = wrap(vsCodeDataGrid(), {
- name: 'vscode-data-grid'
-});
-/**
- * VS Code Data Grid Cell React component.
- *
- * @public
- */
-var VSCodeDataGridCell = wrap(vsCodeDataGridCell(), {
- name: 'vscode-data-grid-cell'
-});
-/**
- * VS Code Data Grid Row React component.
- *
- * @public
- */
-var VSCodeDataGridRow = wrap(vsCodeDataGridRow(), {
- name: 'vscode-data-grid-row'
-});
-/**
- * VS Code Divider React component.
- *
- * @public
- */
-var VSCodeDivider = wrap(vsCodeDivider(), {
- name: 'vscode-divider'
-});
-/**
- * VS Code Dropdown React component.
- *
- * @public
- */
-var VSCodeDropdown = wrap(vsCodeDropdown(), {
- name: 'vscode-dropdown',
- events: {
- onChange: 'change'
- }
-});
-/**
- * VS Code Link React component.
- *
- * @public
- */
-var VSCodeLink = wrap(vsCodeLink(), {
- name: 'vscode-link'
-});
-/**
- * VS Code Option React component.
- *
- * @public
- */
-var VSCodeOption = wrap(vsCodeOption(), {
- name: 'vscode-option'
-});
-/**
- * VS Code Panels React component.
- *
- * @public
- */
-var VSCodePanels = wrap(vsCodePanels(), {
- name: 'vscode-panels',
- events: {
- onChange: 'change'
- }
-});
-/**
- * VS Code Panel Tab React component.
- *
- * @public
- */
-var VSCodePanelTab = wrap(vsCodePanelTab(), {
- name: 'vscode-panel-tab'
-});
-/**
- * VS Code Panel View React component.
- *
- * @public
- */
-var VSCodePanelView = wrap(vsCodePanelView(), {
- name: 'vscode-panel-view'
-});
-/**
- * VS Code Progress Ring React component.
- *
- * @public
- */
-var VSCodeProgressRing = wrap(vsCodeProgressRing(), {
- name: 'vscode-progress-ring'
-});
-/**
- * VS Code Radio React component.
- *
- * @public
- */
-var VSCodeRadio = wrap(vsCodeRadio(), {
- name: 'vscode-radio',
- events: {
- onChange: 'change'
- }
-});
-/**
- * VS Code Radio Group React component.
- *
- * @public
- */
-var VSCodeRadioGroup = wrap(vsCodeRadioGroup(), {
- name: 'vscode-radio-group',
- events: {
- onChange: 'change'
- }
-});
-/**
- * VS Code Tag React component.
- *
- * @public
- */
-var VSCodeTag = wrap(vsCodeTag(), {
- name: 'vscode-tag'
-});
-/**
- * VS Code Text Area React component.
- *
- * @public
- */
-var VSCodeTextArea = wrap(vsCodeTextArea(), {
- name: 'vscode-text-area',
- events: {
- onChange: 'change',
- onInput: 'input'
- }
-});
-/**
- * VS Code Text Field React component.
- *
- * @public
- */
-var VSCodeTextField = wrap(vsCodeTextField(), {
- name: 'vscode-text-field',
- events: {
- onChange: 'change',
- onInput: 'input'
- }
-});
-;// CONCATENATED MODULE: ./src/utils/vscode.ts
-function vscode_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function vscode_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, vscode_toPropertyKey(o.key), o); } }
-function vscode_createClass(e, r, t) { return r && vscode_defineProperties(e.prototype, r), t && vscode_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function vscode_defineProperty(e, r, t) { return (r = vscode_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function vscode_toPropertyKey(t) { var i = vscode_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function vscode_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-/**
- * A utility wrapper around the acquireVsCodeApi() function, which enables
- * message passing and state management between the webview and extension
- * contexts.
- *
- * This utility also enables webview code to be run in a web browser-based
- * dev server by using native web browser features that mock the functionality
- * enabled by acquireVsCodeApi.
- */
-var VSCodeAPIWrapper = /*#__PURE__*/function () {
- function VSCodeAPIWrapper() {
- vscode_classCallCheck(this, VSCodeAPIWrapper);
- vscode_defineProperty(this, "vsCodeApi", void 0);
- // Check if the acquireVsCodeApi function exists in the current development
- // context (i.e. VS Code development window or web browser)
- if (typeof acquireVsCodeApi === 'function') {
- this.vsCodeApi = acquireVsCodeApi();
- }
- }
-
- /**
- * Post a message (i.e. send arbitrary data) to the owner of the webview.
- *
- * @remarks When running webview code inside a web browser, postMessage will instead
- * log the given message to the console.
- *
- * @param message Abitrary data (must be JSON serializable) to send to the extension context.
- */
- return vscode_createClass(VSCodeAPIWrapper, [{
- key: "postMessage",
- value: function postMessage(message) {
- if (this.vsCodeApi) {
- this.vsCodeApi.postMessage(message);
- } else {
- console.log(message);
- }
- }
-
- /**
- * Get the persistent state stored for this webview.
- *
- * @remarks When running webview source code inside a web browser, getState will retrieve state
- * from local storage (https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage).
- *
- * @return The current state or `undefined` if no state has been set.
- */
- }, {
- key: "getState",
- value: function getState() {
- if (this.vsCodeApi) {
- return this.vsCodeApi.getState();
- } else {
- var state = localStorage.getItem('vscodeState');
- return state ? JSON.parse(state) : undefined;
- }
- }
-
- /**
- * Set the persistent state stored for this webview.
- *
- * @remarks When running webview source code inside a web browser, setState will set the given
- * state using local storage (https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage).
- *
- * @param newState New persisted state. This must be a JSON serializable object. Can be retrieved
- * using {@link getState}.
- *
- * @return The new state.
- */
- }, {
- key: "setState",
- value: function setState(newState) {
- if (this.vsCodeApi) {
- return this.vsCodeApi.setState(newState);
- } else {
- localStorage.setItem('vscodeState', JSON.stringify(newState));
- return newState;
- }
- }
- }]);
-}(); // Exports class singleton to prevent multiple invocations of acquireVsCodeApi.
-var vscode = new VSCodeAPIWrapper();
-;// CONCATENATED MODULE: ./src/pages/dashboard/counter.tsx
-function counter_slicedToArray(r, e) { return counter_arrayWithHoles(r) || counter_iterableToArrayLimit(r, e) || counter_unsupportedIterableToArray(r, e) || counter_nonIterableRest(); }
-function counter_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function counter_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return counter_arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? counter_arrayLikeToArray(r, a) : void 0; } }
-function counter_arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function counter_iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function counter_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-
-
-
-var Counter = function Counter() {
- var _useState = (0,external_React_.useState)(0),
- _useState2 = counter_slicedToArray(_useState, 2),
- count = _useState2[0],
- setCount = _useState2[1];
- var countter = function countter() {
- setCount(count + 1);
- };
- var t = (0,production/* useTranslations */.c3)('Counter');
- return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
- children: [/*#__PURE__*/(0,jsx_runtime.jsx)("p", {
- children: /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
- className: "text-red-800",
- children: [t('count'), ": ", count]
- })
- }), /*#__PURE__*/(0,jsx_runtime.jsx)("p", {
- children: /*#__PURE__*/(0,jsx_runtime.jsx)("button", {
- onClick: countter,
- children: t('increment')
- })
- })]
- });
-};
-;// CONCATENATED MODULE: ./src/pages/dashboard/Datetime.tsx
-
-
-var Datetime = function Datetime() {
- var format = (0,production/* useFormatter */.kc)();
- var timeZone = (0,production/* useTimeZone */.pH)();
- var now = (0,production/* useNow */.cB)();
- return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
- children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("p", {
- "data-testid": "CurrentTime",
- children: [format.dateTime(now, 'medium'), " (", timeZone || 'N/A', ")"]
- }), /*#__PURE__*/(0,jsx_runtime.jsx)("p", {
- "data-testid": "CurrentTimeRelative",
- children: format.relativeTime(now)
- }), /*#__PURE__*/(0,jsx_runtime.jsx)("p", {
- "data-testid": "Number",
- children: format.number(23102, {
- style: 'currency',
- currency: 'EUR'
- })
- })]
- });
-};
-;// CONCATENATED MODULE: ./src/pages/dashboard/index.module.css
-// extracted by mini-css-extract-plugin
-/* harmony default export */ var index_module = ({"brand":"LLMBIb0dtHtuFj7zwEN_"});
-;// CONCATENATED MODULE: ./src/pages/dashboard/RawText.tsx
-
-
-var RawText = function RawText() {
- var t = (0,production/* useTranslations */.c3)('Index');
- return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
- children: [/*#__PURE__*/(0,jsx_runtime.jsx)("p", {
- dangerouslySetInnerHTML: {
- __html: t.raw('rich')
- },
- "data-testid": "RawText"
- }), /*#__PURE__*/(0,jsx_runtime.jsx)("p", {
- "data-testid": "RichText",
- children: t.rich('rich', {
- important: function important(chunks) {
- return /*#__PURE__*/(0,jsx_runtime.jsx)("b", {
- children: chunks
- });
- }
- })
- }), /*#__PURE__*/(0,jsx_runtime.jsx)("p", {
- "data-testid": "global",
- children: t.rich('globalDefaults')
- }), /*#__PURE__*/(0,jsx_runtime.jsx)("p", {
- "data-testid": "global1",
- children: t.rich('globalDefaults', {
- highlight: function highlight(chunks) {
- return /*#__PURE__*/(0,jsx_runtime.jsx)("b", {
- className: "text-red-600",
- children: chunks
- });
- },
- globalString: 'this is customized string'
- })
- })]
- });
-};
-;// CONCATENATED MODULE: ./src/pages/dashboard/Translation.tsx
-
-
-var Translation = function Translation() {
- var t = (0,production/* useTranslations */.c3)('Nested');
- return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
- children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("p", {
- children: ["title:", t('children.title')]
- }), /*#__PURE__*/(0,jsx_runtime.jsx)("p", {})]
- });
-};
-;// CONCATENATED MODULE: ./src/pages/dashboard/Dashboard.tsx
-function Dashboard_slicedToArray(r, e) { return Dashboard_arrayWithHoles(r) || Dashboard_iterableToArrayLimit(r, e) || Dashboard_unsupportedIterableToArray(r, e) || Dashboard_nonIterableRest(); }
-function Dashboard_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function Dashboard_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return Dashboard_arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? Dashboard_arrayLikeToArray(r, a) : void 0; } }
-function Dashboard_arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function Dashboard_iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function Dashboard_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-
-
-
-
-
-
-
-
-
-
-
-
-
-var Dashboard = function Dashboard() {
- var _useState = (0,external_React_.useState)(localStorage.getItem('lang') || 'zh'),
- _useState2 = Dashboard_slicedToArray(_useState, 2),
- locale = _useState2[0],
- setLocale = _useState2[1];
- var handleLocaleChange = function handleLocaleChange(locale) {
- return new Promise(function ($return, $error) {
- setLocale(locale);
- return $return();
- });
- };
- function handleHowdyClick() {
- vscode.postMessage({
- command: 'hello',
- text: 'Hey there partner! 🤠'
- });
- }
- return /*#__PURE__*/(0,jsx_runtime.jsx)(I18nProvider, {
- locale: locale,
- children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
- children: [/*#__PURE__*/(0,jsx_runtime.jsx)("p", {
- className: "font-semibold text-red-700",
- children: "This is example template with i18n \xA0"
- }), /*#__PURE__*/(0,jsx_runtime.jsx)("hr", {}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
- className: "flat-font",
- children: r('dddd ddd')
- }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
- className: twMerge('m-2 text-red-800', index_module.brand),
- children: "this is css modules sample 0----dfsjkfjsfj"
- }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
- className: twMerge('flex items-center'),
- children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
- className: twMerge('mx-1'),
- children: "locale:"
- }), /*#__PURE__*/(0,jsx_runtime.jsx)(VSCodeButton, {
- appearance: "primary",
- onClick: handleHowdyClick,
- children: "button"
- }), /*#__PURE__*/(0,jsx_runtime.jsxs)(VSCodeDropdown, {
- className: "w-80",
- value: locale,
- onChange: function onChange(e) {
- handleLocaleChange(e.target.value);
- },
- children: [/*#__PURE__*/(0,jsx_runtime.jsx)(VSCodeOption, {
- value: "en",
- children: "English"
- }), /*#__PURE__*/(0,jsx_runtime.jsx)(VSCodeOption, {
- value: "zh",
- children: "\u7B80\u4F53\u4E2D\u6587"
- })]
- })]
- }), /*#__PURE__*/(0,jsx_runtime.jsx)("hr", {}), /*#__PURE__*/(0,jsx_runtime.jsx)(Translation, {}), /*#__PURE__*/(0,jsx_runtime.jsx)("hr", {}), /*#__PURE__*/(0,jsx_runtime.jsx)(Counter, {}), /*#__PURE__*/(0,jsx_runtime.jsx)("hr", {}), /*#__PURE__*/(0,jsx_runtime.jsx)(Datetime, {}), /*#__PURE__*/(0,jsx_runtime.jsx)("hr", {}), /*#__PURE__*/(0,jsx_runtime.jsx)(RawText, {})]
- })
- });
-};
-;// CONCATENATED MODULE: ./src/pages/dashboard/index.tsx
-
-
-
-
-
-document.addEventListener('DOMContentLoaded', function () {
- var root = (0,client/* createRoot */.H)(document.getElementById('app'));
- root.render( /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
- children: [ false ? /*#__PURE__*/0 : null, /*#__PURE__*/(0,jsx_runtime.jsx)(Dashboard, {})]
- }));
-});
-/******/ })()
-;
\ No newline at end of file
diff --git a/packages/webviews/public/dashboard/fonts/FZHuangTJXSJF-107b77a6.woff b/packages/webviews/public/dashboard/fonts/FZHuangTJXSJF-107b77a6.woff
deleted file mode 100644
index 4938e76..0000000
Binary files a/packages/webviews/public/dashboard/fonts/FZHuangTJXSJF-107b77a6.woff and /dev/null differ
diff --git a/packages/webviews/public/dashboard/fonts/FZHuangTJXSJF-a1c8f180.eot b/packages/webviews/public/dashboard/fonts/FZHuangTJXSJF-a1c8f180.eot
deleted file mode 100644
index 4000230..0000000
Binary files a/packages/webviews/public/dashboard/fonts/FZHuangTJXSJF-a1c8f180.eot and /dev/null differ
diff --git a/packages/webviews/public/dashboard/fonts/FZHuangTJXSJF-c85b17ff.svg b/packages/webviews/public/dashboard/fonts/FZHuangTJXSJF-c85b17ff.svg
deleted file mode 100644
index 461d349..0000000
--- a/packages/webviews/public/dashboard/fonts/FZHuangTJXSJF-c85b17ff.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/packages/webviews/public/dashboard/index-me.html b/packages/webviews/public/dashboard/index-me.html
deleted file mode 100644
index 6edd609..0000000
--- a/packages/webviews/public/dashboard/index-me.html
+++ /dev/null
@@ -1,55 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/webviews/public/dashboard/index-ntv.html b/packages/webviews/public/dashboard/index-ntv.html
deleted file mode 100644
index 103da3a..0000000
--- a/packages/webviews/public/dashboard/index-ntv.html
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/packages/webviews/public/dashboard/index-rc.html b/packages/webviews/public/dashboard/index-rc.html
deleted file mode 100644
index f263068..0000000
--- a/packages/webviews/public/dashboard/index-rc.html
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/packages/webviews/public/dashboard/index.html b/packages/webviews/public/dashboard/index.html
deleted file mode 100644
index 8aa4223..0000000
--- a/packages/webviews/public/dashboard/index.html
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file