@fabric-msft/copilot-web 7.0.0

package/esm/components/reference-group/reference-group.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reference-group.definition.js","sourceRoot":"","sources":["../../../../src/components/reference-group/reference-group.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAEzD,gBAAgB;AAChB,MAAM,wBAAwB,GAAG,cAAc,CAAC,OAAO,CAAC;IACtD,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,kBAAkB;IAC9C,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,cAAc,EAAE,IAAI;QACpB,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC;AAEH;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,kBAAkB,CAC1C,QAAQ,CAAC,wBAAwB,CAAC,EAClC,QAAQ,CAAC,gBAAgB,CAAC,CAC3B,CAAC"}

package/esm/components/reference-group/reference-group.js

@@ -0,0 +1,75 @@
+import { __decorate } from 'tslib';
+import { ButtonDefinition } from '@fluentui/web-components';
+import { observable, attr, booleanConverter, FASTElement } from '@microsoft/fast-element';
+import { DesignSystem } from '../design-system.js';
+import '../reference-list/reference-list.js';
+import '../reference-list/reference-list.definition.js';
+import '../reference-list/reference-list.template.js';
+import '../reference-list/reference-list.styles.js';
+
+/**
+ * ReferenceGroup
+ * @summary A reference group component that encapsulates a reference list and adds expandable/collapsible functionality. Provides keyboard navigation and accessibility features for managing groups of references with visual feedback.
+ *
+ * @example
+ * ```html
+ * <fabric-reference-group tabindex="0" expanded>
+ *   <span slot="default">Group Title (3 references)</span>
+ *   <fabric-reference-list slot="reference-list">
+ *     <!-- Reference items here -->
+ *   </fabric-reference-list>
+ * </fabric-reference-group>
+ * ```
+ *
+ * @attr {boolean} expanded - Controls whether the reference group content is expanded or collapsed
+ * @attr {number} tabindex - Sets the tab order of the reference group
+ *
+ * @prop {Array<ReferenceList>} referenceList - Collection of reference lists contained within the group
+ * @prop {number} tabindex - Sets the tab order of the reference group
+ * @prop {boolean} expanded - Indicates whether the reference group content is expanded or collapsed
+ *
+ * @slot - Content displayed as the group label/title, typically showing the number of references
+ * @slot reference-list - Contains the reference list component that holds individual references
+ *
+ * @csspart reference-group-label - The label container showing the group title and expand/collapse button
+ * @csspart group-expand-button-container - Container for the expand/collapse button
+ * @csspart group-expand-button - The expand/collapse button
+ * @csspart reference-list-container - Container for the reference list slot
+ *
+ * @method expandedChanged - Invoked when the 'expanded' property changes and dispatches change event
+ * @method connectedCallback - Lifecycle callback when component is connected to DOM
+ *
+ * @fires change - Fires when the group is expanded or collapsed
+ *
+ * @extends FASTElement
+ * @tagname fabric-reference-group
+ * @public
+ */
+class ReferenceGroup extends FASTElement {
+  constructor() {
+    super(...arguments);
+    this.referenceList = [];
+    this.tabindex = 0;
+    this.expanded = false;
+  }
+  expandedChanged() {
+    this.dispatchEvent(new CustomEvent("change", {
+      detail: {
+        expanded: this.expanded
+      },
+      bubbles: true,
+      composed: true
+    }));
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    ButtonDefinition.define(DesignSystem.registry);
+  }
+}
+__decorate([observable], ReferenceGroup.prototype, "referenceList", void 0);
+__decorate([attr], ReferenceGroup.prototype, "tabindex", void 0);
+__decorate([attr({
+  converter: booleanConverter
+})], ReferenceGroup.prototype, "expanded", void 0);
+
+export { ReferenceGroup };

package/esm/components/reference-group/reference-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reference-group.js","sourceRoot":"","sources":["../../../../src/components/reference-group/reference-group.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EACL,IAAI,EACJ,gBAAgB,EAChB,WAAW,EACX,UAAU,EACX,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,MAAM,OAAO,cAAe,SAAQ,WAAW;IAA/C;;QAES,kBAAa,GAAyB,EAAE,CAAC;QAGhD,aAAQ,GAAW,CAAC,CAAC;QAGd,aAAQ,GAAY,KAAK,CAAC;IAkBnC,CAAC;IAhBC,eAAe;QACb,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE;YACxB,MAAM,EAAE;gBACN,QAAQ,EAAE,IAAI,CAAC,QAAQ;aACxB;YACD,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAC;IACJ,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,gBAAgB,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;IACjD,CAAC;CACF;AAxBQ;IADN,UAAU;qDACqC;AAGhD;IADC,IAAI;gDACgB;AAGd;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;gDACL"}

package/esm/components/reference-group/reference-group.styles.js

@@ -0,0 +1,10 @@
+import { fontFamilyBase, fontSizeBase100, fontWeightRegular, lineHeightBase200, colorNeutralForeground3, lineHeightBase100, spacingVerticalSNudge, spacingHorizontalXS, display } from '@fluentui/web-components';
+import { sizeVerticalL, sizeHorizontalL, sizeHorizontalMNudge } from '@fabric-msft/theme';
+import { css } from '@microsoft/fast-element';
+
+const styles = css`
+  ${display("flex")}
+
+  :host{font-family:${fontFamilyBase};font-size:${fontSizeBase100};font-weight:${fontWeightRegular};line-height:${lineHeightBase200};color:${colorNeutralForeground3};flex-direction:column;margin:2px 0}.reference-group-label{display:flex;align-items:center;line-height:${lineHeightBase100}}:host .group-expand-button-container fluent-button{min-height:${sizeVerticalL};height:${sizeVerticalL};width:${sizeHorizontalL};min-width:${sizeHorizontalL};padding:${spacingVerticalSNudge};margin-inline-start:${spacingHorizontalXS}}:host .group-expand-button-container fluent-button::part(content){width:${sizeHorizontalMNudge};}.reference-list-container{height:0;overflow:hidden;visibility:visible}.reference-list-container[hidden]{visibility:hidden}:host .reference-list-container[aria-expanded="true"]{height:fit-content}`;
+
+export { styles };

package/esm/components/reference-group/reference-group.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reference-group.styles.js","sourceRoot":"","sources":["../../../../src/components/reference-group/reference-group.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,OAAO,EACR,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,eAAe,EACf,oBAAoB,EACpB,aAAa,EACd,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;mBAGA,cAAc;iBAChB,eAAe;mBACb,iBAAiB;mBACjB,iBAAiB;aACvB,uBAAuB;;;;;;;;mBAQjB,iBAAiB;;;;kBAIlB,aAAa;cACjB,aAAa;aACd,eAAe;iBACX,eAAe;eACjB,qBAAqB;2BACT,mBAAmB;;;;aAIjC,oBAAoB;;;;;;;;;;;;;;;;CAgBhC,CAAC"}

package/esm/components/reference-group/reference-group.template.js

@@ -0,0 +1,14 @@
+import { html, when, slotted } from '@microsoft/fast-element';
+
+const chevronDownSVG = html`<svg width="10" height="6" viewBox="0 0 10 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M0.146447 0.646447C0.341709 0.451184 0.658291 0.451184 0.853553 0.646447L5 4.79289L9.14645 0.646447C9.34171 0.451185 9.65829 0.451185 9.85355 0.646447C10.0488 0.841709 10.0488 1.15829 9.85355 1.35355L5.35355 5.85355C5.15829 6.04882 4.84171 6.04882 4.64645 5.85355L0.146447 1.35355C-0.0488155 1.15829 -0.0488155 0.841709 0.146447 0.646447Z" fill="currentColor" /></svg>`;
+const chevronUpSVG = html`<svg width="10" height="6" viewBox="0 0 10 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M0.146447 5.35355C0.341709 5.54882 0.658291 5.54882 0.853553 5.35355L5 1.20711L9.14645 5.35355C9.34171 5.54882 9.65829 5.54882 9.85355 5.35355C10.0488 5.15829 10.0488 4.84171 9.85355 4.64645L5.35355 0.146447C5.15829 -0.0488156 4.84171 -0.0488156 4.64645 0.146447L0.146447 4.64645C-0.0488155 4.84171 -0.0488155 5.15829 0.146447 5.35355Z" fill="currentColor" /></svg>`;
+/**
+ * The template for the ReferenceGroup component.
+ * @public
+ */
+function ReferenceGroupTemplate() {
+  return html`<div class="reference-group-label" aria-expanded="${x => x.expanded}"><slot></slot><div class="group-expand-button-container"><fluent-button class="group-expand-button" @click=${x => x.expanded = !x.expanded} appearance="transparent">${when(x => x.expanded, chevronUpSVG, chevronDownSVG)}</fluent-button></div></div><div class="reference-list-container" ?hidden="${x => !x.expanded}" aria-expanded="${x => x.expanded}" tabindex="${x => x.tabIndex}"><slot name="reference-list" ${slotted("referenceList")}></slot></div>`;
+}
+const template = ReferenceGroupTemplate();
+
+export { ReferenceGroupTemplate, template };

package/esm/components/reference-group/reference-group.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reference-group.template.js","sourceRoot":"","sources":["../../../../src/components/reference-group/reference-group.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAI9D,MAAM,cAAc,GAAG,IAAI,CAAA;;;;;;;;;;;;;CAa1B,CAAC;AAEF,MAAM,YAAY,GAAG,IAAI,CAAA;;;;;;;;;;;;;CAaxB,CAAC;AAEF;;;GAGG;AACH,MAAM,UAAU,sBAAsB;IAGpC,OAAO,IAAI,CAAG;wDACwC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ;;;;;mBAKtD,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC;;;YAGxC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,YAAY,EAAE,cAAc,CAAC;;;;;;iBAMhD,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ;uBACZ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ;kBACtB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ;;oCAEC,OAAO,CAAC,eAAe,CAAC;;GAEzD,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GACnB,sBAAsB,EAAE,CAAC"}

package/esm/components/reference-list/define.js

@@ -0,0 +1,4 @@
+import { DesignSystem } from "../design-system.js";
+import { definition as ReferenceListDefinition } from "./reference-list.definition.js";
+ReferenceListDefinition.define(DesignSystem.registry);
+//# sourceMappingURL=define.js.map

package/esm/components/reference-list/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../src/components/reference-list/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,IAAI,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAEvF,uBAAuB,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

package/esm/components/reference-list/index.js

@@ -0,0 +1,5 @@
+export { ReferenceList } from "./reference-list.js";
+export { definition as ReferenceListDefinition } from "./reference-list.definition.js";
+export { template as ReferenceListTemplate } from "./reference-list.template.js";
+export { styles as ReferenceListStyles } from "./reference-list.styles.js";
+//# sourceMappingURL=index.js.map

package/esm/components/reference-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/reference-list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,UAAU,IAAI,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AACvF,OAAO,EAAE,QAAQ,IAAI,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACjF,OAAO,EAAE,MAAM,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC"}

package/esm/components/reference-list/reference-list.definition.js

@@ -0,0 +1,22 @@
+import { DesignSystem } from '../design-system.js';
+import { ReferenceList } from './reference-list.js';
+import { styles } from './reference-list.styles.js';
+import { template } from './reference-list.template.js';
+
+/**
+ *
+ * @public
+ * @remarks
+ * HTML Element: \<fabric-reference-list\>
+ */
+const definition = ReferenceList.compose({
+  name: `${DesignSystem.prefix}-reference-list`,
+  template,
+  styles,
+  shadowOptions: {
+    delegatesFocus: true,
+    mode: DesignSystem.shadowRootMode
+  }
+});
+
+export { definition };

package/esm/components/reference-list/reference-list.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reference-list.definition.js","sourceRoot":"","sources":["../../../../src/components/reference-list/reference-list.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CAAC,OAAO,CAAC;IAC9C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,iBAAiB;IAC7C,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,cAAc,EAAE,IAAI;QACpB,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/esm/components/reference-list/reference-list.js

@@ -0,0 +1,149 @@
+import { __decorate } from 'tslib';
+import { observable, FASTElement } from '@microsoft/fast-element';
+import '../reference/reference.js';
+import '../reference/reference.definition.js';
+import '../reference/reference.template.js';
+import '../reference/reference.styles.js';
+
+/**
+ * ReferenceList
+ * @summary A container component that manages a list of reference elements with keyboard navigation and focus management. Designed to be composed inside a ReferenceGroup component for organized reference display and interaction.
+ *
+ * @example
+ * ```html
+ * <fabric-reference-list>
+ *    <fabric-reference citation-href="https://example1.com"></fabric-reference>
+ *    <fabric-reference citation-href="https://example2.com"></fabric-reference>
+ *    <fabric-reference citation-href="https://example3.com"></fabric-reference>
+ *    <fabric-reference citation-href="https://example4.com"></fabric-reference>
+ * </fabric-reference-list>
+ * ```
+ *
+ * @attr {number} activeIndex - The active index of the focused reference element in the list
+ *
+ * @prop {Array<Reference>} references - Encapsulated list of references
+ * @prop {number} activeIndex - The active index of the focused reference element in the list
+ * @prop {number} _activeIndex - The internal index of the selected element in the list
+ *
+ * @slot start - Content displayed at the start of the reference list
+ * @slot references - Slot for adding reference elements
+ * @slot end - Content displayed at the end of the reference list
+ *
+ * @csspart base - The base container for the reference list
+ *
+ * @method _activeIndexChanged - Checks for an active index and focuses the reference at that index
+ * @method handleIndexUp - Indexes up and shifts focus to the next element. Called when the keyboard up arrow is pressed
+ * @method handleIndexDown - Indexes down and shifts focus to the previous element. Called when the keyboard down arrow is pressed
+ * @method trapFocus - A keyboard event handler that sets the focusable elements to the references array and routes keys to the corresponding action
+ * @method connectedCallback - Lifecycle callback when component is connected to DOM
+ * @method disconnectedCallback - Lifecycle callback when component is disconnected from DOM
+ *
+ * @extends FASTElement
+ * @tagname fabric-reference-list
+ * @public
+ */
+class ReferenceList extends FASTElement {
+  constructor() {
+    super(...arguments);
+    /**
+     * ## references
+     * Encapsulated list of references
+     * @type Array<Reference>
+     */
+    this.references = [];
+  }
+  /**
+   * ## _activeIndexChanged
+   *
+   * Checks for an active index and focuses the reference at that index.
+   */
+  _activeIndexChanged() {
+    if (this.references && this.activeIndex !== undefined) {
+      const reference = this.references[this.activeIndex];
+      reference.focus();
+    }
+  }
+  /**
+   * ## activeIndex
+   *
+   * getter for the active index of the focused reference element in the list
+   */
+  get activeIndex() {
+    return this._activeIndex;
+  }
+  /**
+   * ## activeIndex
+   *
+   * setter for the active index of the focused reference element in the list
+   */
+  set activeIndex(newIndex) {
+    var _a;
+    if (newIndex !== undefined && typeof newIndex === "number") {
+      this._activeIndex = newIndex % (((_a = this.references) === null || _a === void 0 ? void 0 : _a.length) || 0);
+    } else this._activeIndex = undefined;
+  }
+  /**
+   * ## handleIndexUp
+   *
+   * Indexes up and shifts focus to the next element. Called when the keyboard up arrows is presed.
+   */
+  handleIndexUp() {
+    if (this.activeIndex) {
+      this.references[this.activeIndex].activeIndex = undefined;
+    }
+    this.activeIndex = (this.activeIndex || 0) + 1;
+  }
+  /**
+   * ## handleIndexDown
+   *
+   * Indexes down and shifts focus to the previous element. Called when the keyboard down arrow is presed.
+   */
+  handleIndexDown() {
+    var _a;
+    if (this.activeIndex) {
+      this.references[this.activeIndex].activeIndex = undefined;
+    }
+    this.activeIndex = (this.activeIndex || 0) - 1 + (((_a = this.references) === null || _a === void 0 ? void 0 : _a.length) || 0);
+  }
+  /**
+   * ## trapFocus
+   *
+   * A keyboard event handler that sets the focusable elements to the references array and routes keys to the corresponding action.
+   *
+   * @param event
+   */
+  trapFocus(event) {
+    var _a;
+    if (this.references.length > 0 && ((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.tagName.toLowerCase()) === "fabric-reference") {
+      this.activeIndex = this.references.indexOf(document.activeElement);
+      if (event.key === "ArrowDown") {
+        this.handleIndexUp();
+      }
+      if (event.key === "ArrowUp" || event.shiftKey && event.key === "Tab") {
+        this.handleIndexDown();
+      }
+      if (event.key === "Home") {
+        this.activeIndex = 0;
+      }
+      if (event.key === "End") {
+        this.activeIndex = this.references.length - 1;
+      }
+      if (event.key === "Escape") {
+        const activeReference = document.activeElement;
+        activeReference.blur();
+      }
+    }
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.addEventListener("keydown", this.trapFocus);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.removeEventListener("keydown", this.trapFocus);
+  }
+}
+__decorate([observable], ReferenceList.prototype, "references", void 0);
+__decorate([observable], ReferenceList.prototype, "_activeIndex", void 0);
+
+export { ReferenceList };

package/esm/components/reference-list/reference-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reference-list.js","sourceRoot":"","sources":["../../../../src/components/reference-list/reference-list.ts"],"names":[],"mappings":"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"}

package/esm/components/reference-list/reference-list.styles.js

@@ -0,0 +1,9 @@
+import { spacingVerticalXS, display } from '@fluentui/web-components';
+import { css } from '@microsoft/fast-element';
+
+const styles = css`
+  ${display("flex")}
+
+  :host ::slotted(fabric-reference){margin-top:${spacingVerticalXS}}`;
+
+export { styles };

package/esm/components/reference-list/reference-list.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reference-list.styles.js","sourceRoot":"","sources":["../../../../src/components/reference-list/reference-list.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;kBAGD,iBAAiB;;CAElC,CAAC"}

package/esm/components/reference-list/reference-list.template.js

@@ -0,0 +1,12 @@
+import { slotted, html } from '@microsoft/fast-element';
+
+/**
+ * The template for the ReferenceList component.
+ * @public
+ */
+function ReferenceListTemplate() {
+  return html`<template slot="reference-list"><slot name="start"></slot><div class="base"><slot name="references" ${slotted("references")}></slot></div><slot name="end"></slot></template>`;
+}
+const template = ReferenceListTemplate();
+
+export { ReferenceListTemplate, template };

package/esm/components/reference-list/reference-list.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reference-list.template.js","sourceRoot":"","sources":["../../../../src/components/reference-list/reference-list.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAIxD;;;GAGG;AACH,MAAM,UAAU,qBAAqB;IAGnC,OAAO,IAAI,CAAG;;;;kCAIkB,OAAO,CAAC,YAAY,CAAC;;;;GAIpD,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GACnB,qBAAqB,EAAE,CAAC"}

package/esm/components/reference-pill/define.js

@@ -0,0 +1,4 @@
+import { DesignSystem } from "../design-system.js";
+import { definition as ReferencePillDefinition } from "./reference-pill.definition.js";
+ReferencePillDefinition.define(DesignSystem.registry);
+//# sourceMappingURL=define.js.map

package/esm/components/reference-pill/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../src/components/reference-pill/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,IAAI,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAEvF,uBAAuB,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

package/esm/components/reference-pill/index.js

@@ -0,0 +1,6 @@
+export { ReferencePill } from "./reference-pill.js";
+export { ReferencePillEventNames } from "./reference-pill.options.js";
+export { definition as ReferencePillDefinition } from "./reference-pill.definition.js";
+export { template as ReferencePillTemplate } from "./reference-pill.template.js";
+export { styles as ReferencePillStyles } from "./reference-pill.styles.js";
+//# sourceMappingURL=index.js.map

package/esm/components/reference-pill/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/reference-pill/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAKtE,OAAO,EAAE,UAAU,IAAI,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AACvF,OAAO,EAAE,QAAQ,IAAI,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACjF,OAAO,EAAE,MAAM,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC"}

package/esm/components/reference-pill/reference-pill.definition.js

@@ -0,0 +1,22 @@
+import { ReferencePill } from './reference-pill.js';
+import { styles } from './reference-pill.styles.js';
+import { template } from './reference-pill.template.js';
+import { DesignSystem } from '../design-system.js';
+
+/**
+ * The definition for the Reference Pill component.
+ *
+ * @public
+ * @remarks
+ * HTML Element: `<fabric-reference-pill>`
+ */
+const definition = ReferencePill.compose({
+  name: `${DesignSystem.prefix}-reference-pill`,
+  template,
+  styles,
+  shadowOptions: {
+    mode: DesignSystem.shadowRootMode
+  }
+});
+
+export { definition };

package/esm/components/reference-pill/reference-pill.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reference-pill.definition.js","sourceRoot":"","sources":["../../../../src/components/reference-pill/reference-pill.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CAAC,OAAO,CAAC;IAC9C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,iBAAiB;IAC7C,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}