@fabric-msft/fabric-web 5.0.1 → 7.0.0

package/esm/components/carousel-nav/carousel-nav.js

@@ -0,0 +1,197 @@
+import { attr, observable, FASTElement } from '@microsoft/fast-element';
+import { keyEnter, keySpace, Direction } from '@microsoft/fast-web-utilities';
+import { CarouselNavButtonPlacements } from './carousel-nav.options.js';
+import { CarouselNavEventNames } from './carousel-nav.events.js';
+import { globalDirectionDetector } from '../../util/direction.js';
+import { createRovingFocusController } from '../../util/focus-management.js';
+import { createCollectionEventManager } from '../../util/collection-event-manager.js';
+
+var __decorate = globalThis && globalThis.__decorate || function (decorators, target, key, desc) {
+  var c = arguments.length,
+    r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+    d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * @summary Navigation container with step indicators and prev/next buttons.
+ *
+ * @example
+ * ```html
+ * <fabric-carousel-nav button-placement="grouped">
+ *   <fabric-carousel-nav-item active></fabric-carousel-nav-item>
+ *   <fabric-carousel-nav-item></fabric-carousel-nav-item>
+ *   <fabric-carousel-nav-item></fabric-carousel-nav-item>
+ * </fabric-carousel-nav>
+ * ```
+ *
+ * @attr {string} button-placement - Positioning of prev/next buttons.
+ * @attr {number} current-index - Currently selected nav item index.
+ *
+ * @prop {CarouselNavButtonPlacement} buttonPlacement - Button positioning.
+ * @prop {number} currentIndex - Currently selected nav item index.
+ *
+ * @slot default - Slot for fabric-carousel-nav-item elements.
+ *
+ * @fires select - Fired when a nav item is selected with detail { index }.
+ * @fires previous - Fired when prev button is clicked.
+ * @fires next - Fired when next button is clicked.
+ *
+ * @extends FASTElement
+ * @tagname fabric-carousel-nav
+ * @public
+ */
+class CarouselNav extends FASTElement {
+  constructor() {
+    super(...arguments);
+    /**
+     * Positioning of prev/next buttons.
+     * @public
+     */
+    this.buttonPlacement = CarouselNavButtonPlacements.grouped;
+    /**
+     * Currently selected nav item index.
+     * @public
+     */
+    this.currentIndex = 0;
+    /**
+     * Roving focus controller for indicator keyboard navigation.
+     * @internal
+     */
+    this.rovingFocus = createRovingFocusController({
+      items: () => {
+        var _a;
+        return (_a = this.slottedNavItems) !== null && _a !== void 0 ? _a : [];
+      },
+      orientation: "horizontal",
+      wrap: true,
+      enableHomeEnd: true,
+      isRtl: () => globalDirectionDetector().value === Direction.rtl
+    });
+    /**
+     * Manages event listeners for nav items.
+     * @internal
+     */
+    this.navItemEvents = createCollectionEventManager();
+    /**
+     * Slotted nav items.
+     * @internal
+     */
+    this.slottedNavItems = [];
+  }
+  /**
+   * Callback to parse current-index attribute.
+   * @internal
+   */
+  currentIndexChanged(_oldValue, newValue) {
+    const numValue = typeof newValue === "string" ? parseInt(newValue, 10) : newValue;
+    if (!isNaN(numValue) && numValue !== this.currentIndex) {
+      this.currentIndex = numValue;
+      this.updateActiveStates();
+      // Sync roving tabindex to the new active indicator WITHOUT stealing focus.
+      // This ensures the indicator is tabbable but doesn't move focus away from buttons.
+      if (this.slottedNavItems[this.currentIndex]) {
+        this.rovingFocus.sync(this.slottedNavItems[this.currentIndex]);
+      }
+    }
+  }
+  /**
+   * Callback when nav items change.
+   * @internal
+   */
+  slottedNavItemsChanged(oldValue, newValue) {
+    this.navItemEvents.update(oldValue, newValue, (item, index, signal) => {
+      item.addEventListener("click", () => this.handleItemClick(index), {
+        signal
+      });
+      item.addEventListener("keydown", e => this.handleIndicatorKeydown(e, index), {
+        signal
+      });
+    });
+    this.updateActiveStates();
+    this.rovingFocus.applyTabindex();
+  }
+  /**
+   * Updates active states on nav items.
+   * @internal
+   */
+  updateActiveStates() {
+    var _a;
+    (_a = this.slottedNavItems) === null || _a === void 0 ? void 0 : _a.forEach((item, index) => {
+      item.active = index === this.currentIndex;
+    });
+  }
+  /**
+   * Handles keyboard events on indicators.
+   * Arrow keys are delegated to roving focus controller.
+   * Enter/Space selects the focused indicator.
+   * @internal
+   */
+  handleIndicatorKeydown(event, index) {
+    const {
+      key
+    } = event;
+    // Enter/Space selects the indicator
+    if (key === keyEnter || key === keySpace) {
+      event.preventDefault();
+      this.emitSelect(index);
+      return;
+    }
+    // Delegate arrow/Home/End keys to roving focus controller
+    this.rovingFocus.handleKeydown(event);
+  }
+  /**
+   * Handles nav item click.
+   * @internal
+   */
+  handleItemClick(index) {
+    this.emitSelect(index);
+  }
+  /**
+   * Handles prev button click.
+   * @internal
+   */
+  handlePrevClick() {
+    this.dispatchEvent(new CustomEvent(CarouselNavEventNames.previous, {
+      bubbles: true,
+      composed: true
+    }));
+  }
+  /**
+   * Handles next button click.
+   * @internal
+   */
+  handleNextClick() {
+    this.dispatchEvent(new CustomEvent(CarouselNavEventNames.next, {
+      bubbles: true,
+      composed: true
+    }));
+  }
+  /**
+   * Emits select event.
+   * @internal
+   */
+  emitSelect(index) {
+    this.dispatchEvent(new CustomEvent(CarouselNavEventNames.select, {
+      detail: {
+        index
+      },
+      bubbles: true,
+      composed: true
+    }));
+  }
+  disconnectedCallback() {
+    this.navItemEvents.dispose();
+    this.rovingFocus.destroy();
+    super.disconnectedCallback();
+  }
+}
+__decorate([attr({
+  attribute: "button-placement"
+})], CarouselNav.prototype, "buttonPlacement", void 0);
+__decorate([attr({
+  attribute: "current-index"
+})], CarouselNav.prototype, "currentIndex", void 0);
+__decorate([observable], CarouselNav.prototype, "slottedNavItems", void 0);
+
+export { CarouselNav };

package/esm/components/carousel-nav/carousel-nav.js.map

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

package/esm/components/carousel-nav/carousel-nav.options.js

@@ -0,0 +1,11 @@
+/**
+ * Button placement options for carousel navigation
+ * @public
+ */
+const CarouselNavButtonPlacements = {
+  grouped: "grouped",
+  flexible: "flexible",
+  hidden: "hidden"
+};
+
+export { CarouselNavButtonPlacements };

package/esm/components/carousel-nav/carousel-nav.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-nav.options.js","sourceRoot":"","sources":["../../../../src/components/carousel-nav/carousel-nav.options.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG;IACzC,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,QAAQ;CACR,CAAC"}

package/esm/components/carousel-nav/carousel-nav.styles.js

@@ -0,0 +1,18 @@
+import { css } from '@microsoft/fast-element';
+import { spacingHorizontalM, spacingHorizontalXXL, spacingHorizontalXXS, colorNeutralBackground1, colorNeutralForeground1, colorNeutralStroke1, borderRadiusSmall } from '@fluentui/web-components';
+import '../../util/debug.js';
+import '@microsoft/fast-web-utilities';
+import '../../util/support.js';
+import '../../util/icons.js';
+import { forcedColorsStylesheetBehavior } from '../../util/match-media-stylesheet-behaviors.js';
+import '../../util/platform.js';
+
+/**
+ * Styles for the {@link @fabric-msft/fabric-web#(CarouselNav:class)} component.
+ * @public
+ */
+const styles = css`
+  :host{display:flex;align-items:center;justify-content:center;width:100%}.nav-content{display:flex;align-items:center;gap:${spacingHorizontalM}}:host([button-placement="grouped"]) .nav-content{justify-content:center}:host([button-placement="flexible"]) .nav-content{justify-content:space-between;width:100%}:host([button-placement="flexible"]) .indicators{flex:1;display:flex;justify-content:center}:host([button-placement="hidden"]) .nav-button{display:none}.indicators{display:flex;align-items:center}.nav-button{display:flex;align-items:center;justify-content:center;width:${spacingHorizontalXXL};height:${spacingHorizontalXXL};padding:${spacingHorizontalXXS};background:${colorNeutralBackground1};color:${colorNeutralForeground1};cursor:pointer;border:none}.nav-button svg{display:block}:dir(rtl) .nav-button svg{transform:scaleX(-1)}.nav-button:hover{background:${colorNeutralStroke1}}.nav-button:focus-visible{outline:2px solid ${colorNeutralForeground1};outline-offset:2px;border-radius:${borderRadiusSmall}}`.withBehaviors(forcedColorsStylesheetBehavior(css`
+    .nav-button:focus-visible{outline-color:Highlight !important}`));
+
+export { styles };

package/esm/components/carousel-nav/carousel-nav.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-nav.styles.js","sourceRoot":"","sources":["../../../../src/components/carousel-nav/carousel-nav.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,8BAA8B,EAAE,MAAM,qBAAqB,CAAC;AAErE;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAkB,GAAG,CAAA;;;;;;;;;;;WAW7B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAkChB,oBAAoB;cACnB,oBAAoB;eACnB,oBAAoB;kBACjB,uBAAuB;aAC5B,uBAAuB;;;;;;;;;;;;;;kBAclB,mBAAmB;;;;yBAIZ,uBAAuB;;qBAE3B,iBAAiB;;CAErC,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;;;;GAIjC,CAAC,CACH,CAAC"}

package/esm/components/carousel-nav/carousel-nav.template.js

@@ -0,0 +1,16 @@
+import { slotted, html } from '@microsoft/fast-element';
+import { chevronLeftIcon, chevronRightIcon } from '../../util/icons.js';
+
+/**
+ * The template for the {@link @fabric-msft/fabric-web#(CarouselNav:class)} component.
+ * @public
+ */
+function carouselNavTemplate() {
+  return html`<template button-placement="${x => x.buttonPlacement}"><div class="nav-content"><button class="nav-button prev-button" aria-label="Previous" @click="${x => x.handlePrevClick()}">${chevronLeftIcon}</button><div class="indicators" role="tablist" aria-label="Choose slide to display"><slot ${slotted({
+    property: "slottedNavItems",
+    filter: el => el.tagName === "FABRIC-CAROUSEL-NAV-ITEM"
+  })}></slot></div><button class="nav-button next-button" aria-label="Next" @click="${x => x.handleNextClick()}">${chevronRightIcon}</button></div></template>`;
+}
+const template = carouselNavTemplate();
+
+export { carouselNavTemplate, template };

package/esm/components/carousel-nav/carousel-nav.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-nav.template.js","sourceRoot":"","sources":["../../../../src/components/carousel-nav/carousel-nav.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAGxD,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAExE;;;GAGG;AACH,MAAM,UAAU,mBAAmB;IAGjC,OAAO,IAAI,CAAG;kCACkB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe;;;;;oBAKtC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE;;YAElC,eAAe;;;;;;;;cAQb,OAAO,CAAC;QACR,QAAQ,EAAE,iBAAiB;QAC3B,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,CACZ,EAAc,CAAC,OAAO,KAAK,0BAA0B;KACzD,CAAC;;;;;;oBAMM,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE;;YAElC,gBAAgB;;;;GAIzB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAqC,mBAAmB,EAAE,CAAC"}

package/esm/components/carousel-nav/define.js

@@ -0,0 +1,5 @@
+import { definition } from "./carousel-nav.definition.js";
+import { DesignSystem } from "../design-system.js";
+import "../carousel-nav-item/define.js";
+definition.define(DesignSystem.registry);
+//# sourceMappingURL=define.js.map

package/esm/components/carousel-nav/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../src/components/carousel-nav/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,gCAAgC,CAAC;AAExC,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

package/esm/components/carousel-nav/index.js

@@ -0,0 +1,7 @@
+export * from "./carousel-nav.js";
+export { CarouselNavButtonPlacements } from "./carousel-nav.options.js";
+export { CarouselNavEventNames } from "./carousel-nav.events.js";
+export { definition as CarouselNavDefinition } from "./carousel-nav.definition.js";
+export { styles as CarouselNavStyles } from "./carousel-nav.styles.js";
+export { template as CarouselNavTemplate } from "./carousel-nav.template.js";
+//# sourceMappingURL=index.js.map

package/esm/components/carousel-nav/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/carousel-nav/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAElC,OAAO,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AAExE,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,UAAU,IAAI,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACnF,OAAO,EAAE,MAAM,IAAI,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAAE,QAAQ,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC"}

package/esm/components/carousel-nav-item/carousel-nav-item.definition.js

@@ -0,0 +1,21 @@
+import { DesignSystem } from '../design-system.js';
+import { CarouselNavItem } from './carousel-nav-item.js';
+import { styles } from './carousel-nav-item.styles.js';
+import { template } from './carousel-nav-item.template.js';
+
+/**
+ * The CarouselNavItem element definition.
+ * @public
+ * @remarks
+ * HTML Element: <fabric-carousel-nav-item>
+ */
+const definition = CarouselNavItem.compose({
+  name: `${DesignSystem.prefix}-carousel-nav-item`,
+  template,
+  styles,
+  shadowOptions: {
+    mode: DesignSystem.shadowRootMode
+  }
+});
+
+export { definition };

package/esm/components/carousel-nav-item/carousel-nav-item.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-nav-item.definition.js","sourceRoot":"","sources":["../../../../src/components/carousel-nav-item/carousel-nav-item.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAE3D;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC,OAAO,CAAC;IAChD,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,oBAAoB;IAChD,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/esm/components/carousel-nav-item/carousel-nav-item.js

@@ -0,0 +1,48 @@
+import { attr, observable, FASTElement } from '@microsoft/fast-element';
+
+var __decorate = globalThis && globalThis.__decorate || function (decorators, target, key, desc) {
+  var c = arguments.length,
+    r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+    d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * @summary A single tab indicator within the carousel navigation.
+ *
+ * @example
+ * ```html
+ * <fabric-carousel-nav-item active></fabric-carousel-nav-item>
+ * ```
+ *
+ * @attr {boolean} active - Whether this nav item represents the current step.
+ *
+ * @prop {boolean} active - Whether this nav item represents the current step.
+ * @prop {string} tabId - Unique ID for this tab (set by parent).
+ * @prop {string} panelId - ID of the controlled panel (for aria-controls).
+ * @prop {string} tabLabel - Accessible label for the tab (e.g., "Slide 1").
+ *
+ * @slot default - Custom content (default renders a dot).
+ *
+ * @extends FASTElement
+ * @tagname fabric-carousel-nav-item
+ * @public
+ */
+class CarouselNavItem extends FASTElement {
+  constructor() {
+    super(...arguments);
+    /**
+     * Whether this nav item represents the current step.
+     * @public
+     */
+    this.active = false;
+  }
+}
+__decorate([attr({
+  mode: "boolean"
+})], CarouselNavItem.prototype, "active", void 0);
+__decorate([observable], CarouselNavItem.prototype, "tabId", void 0);
+__decorate([observable], CarouselNavItem.prototype, "panelId", void 0);
+__decorate([observable], CarouselNavItem.prototype, "tabLabel", void 0);
+
+export { CarouselNavItem };

package/esm/components/carousel-nav-item/carousel-nav-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-nav-item.js","sourceRoot":"","sources":["../../../../src/components/carousel-nav-item/carousel-nav-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAExE;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,OAAO,eAAgB,SAAQ,WAAW;IAAhD;;QACE;;;WAGG;QAEH,WAAM,GAAY,KAAK,CAAC;IAyB1B,CAAC;CAAA;AAzBC;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;+CACF;AAQxB;IADC,UAAU;8CACI;AAQf;IADC,UAAU;gDACM;AAQjB;IADC,UAAU;iDACO"}

package/esm/components/carousel-nav-item/carousel-nav-item.styles.js

@@ -0,0 +1,18 @@
+import { css } from '@microsoft/fast-element';
+import { spacingHorizontalXXL, spacingVerticalXXL, spacingHorizontalS, borderRadiusCircular, colorNeutralForeground2, durationFast, curveEasyEase, spacingHorizontalL, colorNeutralForeground1, borderRadiusSmall } from '@fluentui/web-components';
+import '../../util/debug.js';
+import '@microsoft/fast-web-utilities';
+import '../../util/support.js';
+import '../../util/icons.js';
+import { forcedColorsStylesheetBehavior } from '../../util/match-media-stylesheet-behaviors.js';
+import '../../util/platform.js';
+
+/**
+ * Styles for the {@link @fabric-msft/fabric-web#(CarouselNavItem:class)} component.
+ * @public
+ */
+const styles = css`
+  :host{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;width:${spacingHorizontalXXL};height:${spacingVerticalXXL}}.indicator{display:block;width:${spacingHorizontalS};height:${spacingHorizontalS};border-radius:${borderRadiusCircular};background:${colorNeutralForeground2};opacity:0.3;transition:width ${durationFast} ${curveEasyEase},opacity ${durationFast} ${curveEasyEase}}:host([active]) .indicator{width:${spacingHorizontalL};opacity:1;background:${colorNeutralForeground1}}:host(:hover) .indicator{opacity:0.6}:host([active]:hover) .indicator{opacity:1}:host(:focus-visible){outline:2px solid ${colorNeutralForeground1};border-radius:${borderRadiusSmall}}@media (prefers-reduced-motion:reduce){.indicator{transition:none}}`.withBehaviors(forcedColorsStylesheetBehavior(css`
+    :host(:focus-visible){outline-color:Highlight !important}`));
+
+export { styles };

package/esm/components/carousel-nav-item/carousel-nav-item.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-nav-item.styles.js","sourceRoot":"","sources":["../../../../src/components/carousel-nav-item/carousel-nav-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,oBAAoB,EACpB,YAAY,EACZ,aAAa,EACb,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,iBAAiB,EAClB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,8BAA8B,EAAE,MAAM,qBAAqB,CAAC;AAErE;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAkB,GAAG,CAAA;;;;;;aAM3B,oBAAoB;cACnB,kBAAkB;;;;;aAKnB,kBAAkB;cACjB,kBAAkB;qBACX,oBAAoB;kBACvB,uBAAuB;;;cAG3B,YAAY,IAAI,aAAa;gBAC3B,YAAY,IAAI,aAAa;;;;aAIhC,kBAAkB;;kBAEb,uBAAuB;;;;;;;;;;;;yBAYhB,uBAAuB;qBAC3B,iBAAiB;;;;;;;;CAQrC,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;;;;GAIjC,CAAC,CACH,CAAC"}

package/esm/components/carousel-nav-item/carousel-nav-item.template.js

@@ -0,0 +1,13 @@
+import { html } from '@microsoft/fast-element';
+
+/**
+ * The template for the {@link @fabric-msft/fabric-web#(CarouselNavItem:class)} component.
+ * Uses tab role per ARIA APG tabbed carousel pattern.
+ * @public
+ */
+function carouselNavItemTemplate() {
+  return html`<template role="tab" id="${x => x.tabId}" aria-selected="${x => x.active}" aria-controls="${x => x.panelId}" aria-label="${x => x.tabLabel}" tabindex="-1" ?active="${x => x.active}"><span class="indicator"><slot></slot></span></template>`;
+}
+const template = carouselNavItemTemplate();
+
+export { carouselNavItemTemplate, template };

package/esm/components/carousel-nav-item/carousel-nav-item.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-nav-item.template.js","sourceRoot":"","sources":["../../../../src/components/carousel-nav-item/carousel-nav-item.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAI/C;;;;GAIG;AACH,MAAM,UAAU,uBAAuB;IAGrC,OAAO,IAAI,CAAG;;;YAGJ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK;uBACH,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM;uBACf,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO;oBACnB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ;;iBAEpB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM;;;;;;GAM7B,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GACnB,uBAAuB,EAAE,CAAC"}

package/esm/components/carousel-nav-item/define.js

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

package/esm/components/carousel-nav-item/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../src/components/carousel-nav-item/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

package/esm/components/carousel-nav-item/index.js

@@ -0,0 +1,5 @@
+export * from "./carousel-nav-item.js";
+export { definition as CarouselNavItemDefinition } from "./carousel-nav-item.definition.js";
+export { styles as CarouselNavItemStyles } from "./carousel-nav-item.styles.js";
+export { template as CarouselNavItemTemplate } from "./carousel-nav-item.template.js";
+//# sourceMappingURL=index.js.map

package/esm/components/carousel-nav-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/carousel-nav-item/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,UAAU,IAAI,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAC5F,OAAO,EAAE,MAAM,IAAI,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAChF,OAAO,EAAE,QAAQ,IAAI,uBAAuB,EAAE,MAAM,iCAAiC,CAAC"}

package/esm/components/checkbox/checkbox.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.definition.js","sourceRoot":"","sources":["../../../../src/components/checkbox/checkbox.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC;IACzC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,WAAW;IACvC,QAAQ,EAAE,gBAAgB;IAC1B,MAAM,EAAE,cAAc;IACtB,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/esm/components/checkbox/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../../src/components/checkbox/checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAEtE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,MAAM,OAAO,QAAS,SAAQ,cAAc;CAAG"}

package/esm/components/checkbox/checkbox.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.options.js","sourceRoot":"","sources":["../../../../src/components/checkbox/checkbox.options.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,IAAI,mBAAmB,EACpC,YAAY,IAAI,kBAAkB,EACnC,MAAM,0BAA0B,CAAC;AAGlC,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,GAAG,mBAAmB;CACd,CAAC;AAGX,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,GAAG,kBAAkB;CACb,CAAC"}

package/esm/components/checkbox/define.js.map

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

package/esm/components/checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtE,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAC"}

package/esm/components/compound-button/compound-button.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compound-button.definition.js","sourceRoot":"","sources":["../../../../src/components/compound-button/compound-button.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,cAAc,CAAC,OAAO,CAAC;IAC/C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,kBAAkB;IAC9C,QAAQ,EAAE,sBAAsB;IAChC,MAAM,EAAE,oBAAoB;IAC5B,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/esm/components/compound-button/compound-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compound-button.js","sourceRoot":"","sources":["../../../../src/components/compound-button/compound-button.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AAMzE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6DG;AACH,MAAM,OAAO,cAAe,SAAQ,UAAU;IAA9C;;QACE;;;;;;WAMG;QAEI,eAAU,GACf,yBAAyB,CAAC,OAAO,CAAC;QAsBpC;;;;;;WAMG;QAEI,aAAQ,GAAG,KAAK,CAAC;IAC1B,CAAC;CAAA;AAhCQ;IADN,IAAI;kDAE+B;AAU7B;IADN,IAAI;6CAC8B;AAU5B;IADN,IAAI;4CAC4B;AAU1B;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;gDAC1B"}

package/esm/components/compound-button/compound-button.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compound-button.options.js","sourceRoot":"","sources":["../../../../src/components/compound-button/compound-button.options.ts"],"names":[],"mappings":"AACA,OAAO,EACL,iBAAiB,IAAI,uBAAuB,EAC5C,YAAY,IAAI,kBAAkB,EAClC,WAAW,IAAI,iBAAiB,EAChC,iBAAiB,IAAI,uBAAuB,EAC5C,WAAW,IAAI,iBAAiB,EACjC,MAAM,oBAAoB,CAAC;AAE5B;;;;GAIG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACvC,GAAG,uBAAuB;CAClB,CAAC;AAUX;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,GAAG,kBAAkB;CACb,CAAC;AAQX;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,GAAG,iBAAiB;CACZ,CAAC;AAQX;;;GAGG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACvC,GAAG,uBAAuB;CAClB,CAAC;AAWX;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,GAAG,iBAAiB;CACZ,CAAC"}

package/esm/components/compound-button/compound-button.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compound-button.styles.js","sourceRoot":"","sources":["../../../../src/components/compound-button/compound-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,IAAI,0BAA0B,EAClD,oBAAoB,EACpB,6BAA6B,EAC7B,yBAAyB,EACzB,yBAAyB,EACzB,2BAA2B,EAC3B,iBAAiB,EACjB,OAAO,EACR,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,0BAA0B;;wBAEN,oBAAoB;aAC/B,6BAA6B;oBACtB,yBAAyB;;;;aAIhC,6BAA6B;;;;;;;;oBAQtB,yBAAyB;;;;aAIhC,6BAA6B;wBAClB,yBAAyB;;;;wBAIzB,2BAA2B;;;;oBAI/B,6BAA6B;;QAEzC,OAAO;kBACG,iBAAiB;;CAElC,CAAC"}

package/esm/components/compound-button/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../src/components/compound-button/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE7D,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

package/esm/components/compound-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/compound-button/index.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAClB,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,uCAAuC;AACvC,OAAO,EACL,yBAAyB,EACzB,yBAAyB,EACzB,oBAAoB,EACpB,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,8BAA8B,CAAC;AAWtC,kCAAkC;AAClC,OAAO,EAAE,UAAU,IAAI,wBAAwB,EAAE,MAAM,iCAAiC,CAAC"}

package/esm/components/counter-badge/counter-badge.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"counter-badge.definition.js","sourceRoot":"","sources":["../../../../src/components/counter-badge/counter-badge.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,oBAAoB,EACrB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,CAAC;IAC7C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,gBAAgB;IAC5C,QAAQ,EAAE,oBAAoB;IAC9B,MAAM,EAAE,kBAAkB;IAC1B,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/esm/components/counter-badge/counter-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"counter-badge.js","sourceRoot":"","sources":["../../../../src/components/counter-badge/counter-badge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE9E;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,OAAO,YAAa,SAAQ,kBAAkB;CAAG"}

package/esm/components/counter-badge/counter-badge.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"counter-badge.options.js","sourceRoot":"","sources":["../../../../src/components/counter-badge/counter-badge.options.ts"],"names":[],"mappings":"AACA,OAAO,EACL,sBAAsB,IAAI,4BAA4B,EACtD,iBAAiB,IAAI,uBAAuB,EAC5C,iBAAiB,IAAI,uBAAuB,EAC5C,gBAAgB,IAAI,sBAAsB,EAC3C,MAAM,0BAA0B,CAAC;AAElC;;;GAGG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,GAAG,4BAA4B;CACvB,CAAC;AAQX;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,GAAG,uBAAuB;CAClB,CAAC;AAQX;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,GAAG,uBAAuB;CAClB,CAAC;AAQX;;;GAGG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,GAAG,sBAAsB;CACjB,CAAC"}

package/esm/components/counter-badge/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../src/components/counter-badge/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAE3D,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

package/esm/components/counter-badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/counter-badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EACL,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,4BAA4B,CAAC;AAOpC,OAAO,EAAE,UAAU,IAAI,sBAAsB,EAAE,MAAM,+BAA+B,CAAC"}

package/esm/components/design-system.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-system.js","sourceRoot":"","sources":["../../../src/components/design-system.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC;IACxC,MAAM,EAAE,QAAQ;IAChB,cAAc,EAAE,MAAM;IACtB,QAAQ,EAAE,cAAc;CACzB,CAAC,CAAC"}

package/esm/components/dialog/define.js.map

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

package/esm/components/dialog/dialog.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.definition.js","sourceRoot":"","sources":["../../../../src/components/dialog/dialog.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC;IACvC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,SAAS;IACrC,QAAQ,EAAE,cAAc;IACxB,MAAM,EAAE,YAAY;IACpB,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/esm/components/dialog/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../../src/components/dialog/dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,MAAM,OAAO,MAAO,SAAQ,YAAY;CAAG"}

package/esm/components/dialog/dialog.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.options.js","sourceRoot":"","sources":["../../../../src/components/dialog/dialog.options.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,WAAW;IACrB,KAAK,EAAE,OAAO;CACN,CAAC"}

package/esm/components/dialog/dialog.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.styles.js","sourceRoot":"","sources":["../../../../src/components/dialog/dialog.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,YAAY;;;;EAId,CAAC"}

package/esm/components/dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC"}

package/esm/components/dialog-body/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../src/components/dialog-body/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

package/esm/components/dialog-body/dialog-body.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-body.definition.js","sourceRoot":"","sources":["../../../../src/components/dialog-body/dialog-body.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC;IAC3C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,cAAc;IAC1C,QAAQ,EAAE,kBAAkB;IAC5B,MAAM,EAAE,gBAAgB;IACxB,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/esm/components/dialog-body/dialog-body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-body.js","sourceRoot":"","sources":["../../../../src/components/dialog-body/dialog-body.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,OAAO,UAAW,SAAQ,gBAAgB;CAAG"}

package/esm/components/dialog-body/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/dialog-body/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAChF,OAAO,EAAE,UAAU,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAC"}

package/esm/components/divider/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../src/components/divider/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,oFAAoF;AACpF,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

package/esm/components/divider/divider.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.definition.js","sourceRoot":"","sources":["../../../../src/components/divider/divider.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC;IACxC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,UAAU;IACtC,QAAQ,EAAE,eAAe;IACzB,MAAM,EAAE,aAAa;IACrB,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/esm/components/divider/divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../../src/components/divider/divider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEpE;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,OAAO,OAAQ,SAAQ,aAAa;CAAG"}

package/esm/components/divider/divider.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.options.js","sourceRoot":"","sources":["../../../../src/components/divider/divider.options.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,IAAI,yBAAyB,EAChD,iBAAiB,IAAI,uBAAuB,EAC5C,kBAAkB,IAAI,wBAAwB,EAC9C,WAAW,IAAI,iBAAiB,EACjC,MAAM,0BAA0B,CAAC;AAGlC;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,GAAG,yBAAyB;CACpB,CAAC;AAQX;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,GAAG,uBAAuB;CAClB,CAAC;AAQX;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,GAAG,wBAAwB;CACnB,CAAC;AAQX;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,GAAG,iBAAiB;CACZ,CAAC"}

package/esm/components/divider/divider.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.styles.js","sourceRoot":"","sources":["../../../../src/components/divider/divider.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,aAAa;;;;CAIhB,CAAC"}

package/esm/components/divider/divider.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.template.js","sourceRoot":"","sources":["../../../../src/components/divider/divider.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,IAAI,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEpF;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,qBAAqB,CAAC"}

package/esm/components/divider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,mBAAmB,EACnB,YAAY,EACb,MAAM,sBAAsB,CAAC;AAO9B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC"}

package/esm/components/drawer/define.js.map

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

package/esm/components/drawer/drawer.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.definition.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawer.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC;IACvC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,SAAS;IACrC,QAAQ,EAAE,cAAc;IACxB,MAAM,EAAE,YAAY;IACpB,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/esm/components/drawer/drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,MAAM,OAAO,MAAO,SAAQ,YAAY;CAAG"}

package/esm/components/drawer/drawer.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.options.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawer.options.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,IAAI,oBAAoB,EACtC,UAAU,IAAI,gBAAgB,EAC9B,UAAU,IAAI,gBAAgB,EAC/B,MAAM,0BAA0B,CAAC;AAGlC,6CAA6C;AAC7C,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,GAAG,oBAAoB;CACf,CAAC;AAKX,+CAA+C;AAC/C,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,GAAG,gBAAgB;CACX,CAAC;AAKX,+CAA+C;AAC/C,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,GAAG,gBAAgB;CACX,CAAC"}

package/esm/components/drawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAMhF,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC"}

package/esm/components/drawer-body/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../src/components/drawer-body/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

package/esm/components/drawer-body/drawer-body.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-body.definition.js","sourceRoot":"","sources":["../../../../src/components/drawer-body/drawer-body.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC;IAC3C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,cAAc;IAC1C,QAAQ,EAAE,kBAAkB;IAC5B,MAAM,EAAE,gBAAgB;IACxB,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}