@fluentui/web-components 3.0.0-beta.83 → 3.0.0-beta.85

package/dist/esm/checkbox/checkbox.js

@@ -1,369 +1,8 @@
 import { __decorate } from "tslib";
-import { attr, FASTElement, Observable, observable } from '@microsoft/fast-element';
+import { attr, observable } from '@microsoft/fast-element';
 import { swapStates, toggleState } from '../utils/element-internals.js';
+import { BaseCheckbox } from './checkbox.base.js';
 import { CheckboxShape, CheckboxSize } from './checkbox.options.js';
-/**
- * The base class for a component with a toggleable checked state.
- *
- * @public
- */
-export class BaseCheckbox extends FASTElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * The initial value of the input.
-         *
-         * @public
-         * @remarks
-         * HTML Attribute: `value`
-         */
-        this.initialValue = 'on';
-        /**
-         * Indicates that the checked state has been changed by the user.
-         *
-         * @internal
-         */
-        this.dirtyChecked = false;
-        /**
-         * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
-         *
-         * @internal
-         */
-        this.elementInternals = this.attachInternals();
-        /**
-         * The fallback validation message, taken from a native checkbox `<input>` element.
-         *
-         * @internal
-         */
-        this._validationFallbackMessage = '';
-        /**
-         * The internal value of the input.
-         *
-         * @internal
-         */
-        this._value = this.initialValue;
-    }
-    /**
-     * The element's current checked state.
-     *
-     * @public
-     */
-    get checked() {
-        Observable.track(this, 'checked');
-        return !!this._checked;
-    }
-    set checked(next) {
-        this._checked = next;
-        this.setFormValue(next ? this.value : null);
-        this.setValidity();
-        this.setAriaChecked();
-        toggleState(this.elementInternals, 'checked', next);
-        Observable.notify(this, 'checked');
-    }
-    /**
-     * Toggles the disabled state when the user changes the `disabled` property.
-     *
-     * @internal
-     */
-    disabledChanged(prev, next) {
-        this.elementInternals.ariaDisabled = this.disabled ? 'true' : 'false';
-        toggleState(this.elementInternals, 'disabled', this.disabled);
-    }
-    /**
-     * Sets the disabled state when the `disabled` attribute changes.
-     *
-     * @param prev - the previous value
-     * @param next - the current value
-     * @internal
-     */
-    disabledAttributeChanged(prev, next) {
-        this.disabled = !!next;
-    }
-    /**
-     * Updates the checked state when the `checked` attribute is changed, unless the checked state has been changed by the user.
-     *
-     * @param prev - The previous initial checked state
-     * @param next - The current initial checked state
-     * @internal
-     */
-    initialCheckedChanged(prev, next) {
-        if (!this.dirtyChecked) {
-            this.checked = !!next;
-        }
-    }
-    /**
-     * Sets the value of the input when the `value` attribute changes.
-     *
-     * @param prev - The previous initial value
-     * @param next - The current initial value
-     * @internal
-     */
-    initialValueChanged(prev, next) {
-        this._value = next;
-    }
-    /**
-     * Sets the validity of the control when the required state changes.
-     *
-     * @param prev - The previous required state
-     * @param next - The current required state
-     * @internal
-     */
-    requiredChanged(prev, next) {
-        if (this.$fastController.isConnected) {
-            this.setValidity();
-            this.elementInternals.ariaRequired = this.required ? 'true' : 'false';
-        }
-    }
-    /**
-     * The associated `<form>` element.
-     *
-     * @public
-     * @remarks
-     * Reflects the {@link https://developer.mozilla.org/docs/Web/API/ElementInternals/form | `ElementInternals.form`} property.
-     */
-    get form() {
-        return this.elementInternals.form;
-    }
-    /**
-     * The form-associated flag.
-     * @see {@link https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements-face-example | Form-associated custom elements}
-     *
-     * @public
-     */
-    static { this.formAssociated = true; }
-    /**
-     * A reference to all associated `<label>` elements.
-     *
-     * @public
-     */
-    get labels() {
-        return Object.freeze(Array.from(this.elementInternals.labels));
-    }
-    /**
-     * The validation message. Uses the browser's default validation message for native checkboxes if not otherwise
-     * specified (e.g., via `setCustomValidity`).
-     *
-     * @public
-     * @remarks
-     * Reflects the {@link https://developer.mozilla.org/docs/Web/API/ElementInternals/validationMessage | `ElementInternals.validationMessage`} property.
-     */
-    get validationMessage() {
-        if (this.elementInternals.validationMessage) {
-            return this.elementInternals.validationMessage;
-        }
-        if (!this._validationFallbackMessage) {
-            const validationMessageFallbackControl = document.createElement('input');
-            validationMessageFallbackControl.type = 'checkbox';
-            validationMessageFallbackControl.required = true;
-            validationMessageFallbackControl.checked = false;
-            this._validationFallbackMessage = validationMessageFallbackControl.validationMessage;
-        }
-        return this._validationFallbackMessage;
-    }
-    /**
-     * The element's validity state.
-     *
-     * @public
-     * @remarks
-     * Reflects the {@link https://developer.mozilla.org/docs/Web/API/ElementInternals/validity | `ElementInternals.validity`} property.
-     */
-    get validity() {
-        return this.elementInternals.validity;
-    }
-    /**
-     * The current value of the input.
-     *
-     * @public
-     */
-    get value() {
-        Observable.track(this, 'value');
-        return this._value;
-    }
-    set value(value) {
-        this._value = value;
-        if (this.$fastController.isConnected) {
-            this.setFormValue(value);
-            this.setValidity();
-            Observable.notify(this, 'value');
-        }
-    }
-    /**
-     * Determines if the control can be submitted for constraint validation.
-     *
-     * @public
-     * @remarks
-     * Reflects the {@link https://developer.mozilla.org/docs/Web/API/ElementInternals/willValidate | `ElementInternals.willValidate`} property.
-     */
-    get willValidate() {
-        return this.elementInternals.willValidate;
-    }
-    /**
-     * Checks the validity of the element and returns the result.
-     *
-     * @public
-     * @remarks
-     * Reflects the {@link https://developer.mozilla.org/docs/Web/API/ElementInternals/checkValidity | `HTMLInputElement.checkValidity()`} method.
-     */
-    checkValidity() {
-        return this.elementInternals.checkValidity();
-    }
-    /**
-     * Toggles the checked state when the user clicks the element.
-     *
-     * @param e - the event object
-     * @internal
-     */
-    clickHandler(e) {
-        if (this.disabled) {
-            return;
-        }
-        this.dirtyChecked = true;
-        const previousChecked = this.checked;
-        this.toggleChecked();
-        if (previousChecked !== this.checked) {
-            this.$emit('change');
-            this.$emit('input');
-        }
-        return true;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.setAriaChecked();
-        this.setValidity();
-    }
-    /**
-     * Updates the form value when a user changes the `checked` state.
-     *
-     * @param e - the event object
-     * @internal
-     */
-    inputHandler(e) {
-        this.setFormValue(this.value);
-        this.setValidity();
-        return true;
-    }
-    /**
-     * Prevents scrolling when the user presses the space key.
-     *
-     * @param e - the event object
-     * @internal
-     */
-    keydownHandler(e) {
-        if (e.key !== ' ') {
-            return true;
-        }
-    }
-    /**
-     * Toggles the checked state when the user releases the space key.
-     *
-     * @param e - the event object
-     * @internal
-     */
-    keyupHandler(e) {
-        if (e.key !== ' ') {
-            return true;
-        }
-        this.click();
-    }
-    /**
-     * Resets the form value to its initial value when the form is reset.
-     *
-     * @internal
-     */
-    formResetCallback() {
-        this.checked = this.initialChecked ?? false;
-        this.dirtyChecked = false;
-        this.setValidity();
-    }
-    /**
-     * Reports the validity of the element.
-     *
-     * @public
-     * @remarks
-     * Reflects the {@link https://developer.mozilla.org/docs/Web/API/ElementInternals/reportValidity | `HTMLInputElement.reportValidity()`} method.
-     */
-    reportValidity() {
-        return this.elementInternals.reportValidity();
-    }
-    /**
-     * Sets the ARIA checked state.
-     *
-     * @param value - The checked state
-     * @internal
-     */
-    setAriaChecked(value = this.checked) {
-        this.elementInternals.ariaChecked = value ? 'true' : 'false';
-    }
-    /**
-     * Reflects the {@link https://developer.mozilla.org/docs/Web/API/ElementInternals/setFormValue | `ElementInternals.setFormValue()`} method.
-     *
-     * @internal
-     */
-    setFormValue(value, state) {
-        this.elementInternals.setFormValue(value, value ?? state);
-    }
-    /**
-     * Sets a custom validity message.
-     *
-     * @param message - The message to set
-     * @public
-     */
-    setCustomValidity(message) {
-        this.elementInternals.setValidity({ customError: true }, message);
-        this.setValidity();
-    }
-    /**
-     * Sets the validity of the control.
-     *
-     * @param flags - Validity flags to set.
-     * @param message - Optional message to supply. If not provided, the control's `validationMessage` will be used.
-     * @param anchor - Optional anchor to use for the validation message.
-     *
-     * @internal
-     */
-    setValidity(flags, message, anchor) {
-        if (this.$fastController.isConnected) {
-            if (this.disabled || !this.required) {
-                this.elementInternals.setValidity({});
-                return;
-            }
-            this.elementInternals.setValidity({ valueMissing: !!this.required && !this.checked, ...flags }, message ?? this.validationMessage, anchor);
-        }
-    }
-    /**
-     * Toggles the checked state of the control.
-     *
-     * @param force - Forces the element to be checked or unchecked
-     * @public
-     */
-    toggleChecked(force = !this.checked) {
-        this.checked = force;
-    }
-}
-__decorate([
-    attr({ mode: 'boolean' })
-], BaseCheckbox.prototype, "autofocus", void 0);
-__decorate([
-    observable
-], BaseCheckbox.prototype, "disabled", void 0);
-__decorate([
-    attr({ attribute: 'disabled', mode: 'boolean' })
-], BaseCheckbox.prototype, "disabledAttribute", void 0);
-__decorate([
-    attr({ attribute: 'form' })
-], BaseCheckbox.prototype, "formAttribute", void 0);
-__decorate([
-    attr({ attribute: 'checked', mode: 'boolean' })
-], BaseCheckbox.prototype, "initialChecked", void 0);
-__decorate([
-    attr({ attribute: 'value', mode: 'fromView' })
-], BaseCheckbox.prototype, "initialValue", void 0);
-__decorate([
-    attr
-], BaseCheckbox.prototype, "name", void 0);
-__decorate([
-    attr({ mode: 'boolean' })
-], BaseCheckbox.prototype, "required", void 0);
 /**
  * A Checkbox Custom HTML Element.
  * Implements the {@link https://w3c.github.io/aria/#checkbox | ARIA checkbox }.

package/dist/esm/checkbox/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/checkbox/checkbox.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/checkbox/checkbox.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAEpE;;;;;;;;;;GAUG;AACH,MAAM,OAAO,QAAS,SAAQ,YAAY;IASxC;;;;;;OAMG;IACO,oBAAoB,CAAC,IAAyB,EAAE,IAAyB;QACjF,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,eAAe,EAAE,IAAI,CAAC,CAAC;IAC5D,CAAC;IAYD;;;;;;OAMG;IACO,YAAY,CAAC,IAA+B,EAAE,IAA+B;QACrF,UAAU,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,EAAE,IAAI,EAAE,aAAa,CAAC,CAAC;IAC/D,CAAC;IAYD;;;;;;OAMG;IACO,WAAW,CAAC,IAA8B,EAAE,IAA8B;QAClF,UAAU,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;IAC9D,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,gBAAgB,CAAC,IAAI,GAAG,UAAU,CAAC;IAC1C,CAAC;IAED;;;;;OAKG;IACO,cAAc,CAAC,QAAiB,IAAI,CAAC,OAAO;QACpD,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,IAAI,CAAC,gBAAgB,CAAC,WAAW,GAAG,OAAO,CAAC;YAC5C,OAAO;QACT,CAAC;QAED,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC;IAED;;;;;OAKG;IACI,aAAa,CAAC,QAAiB,CAAC,IAAI,CAAC,OAAO;QACjD,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC;CACF;AAtFQ;IADN,UAAU;+CACoB;AAsBxB;IADN,IAAI;uCACwB;AAqBtB;IADN,IAAI;sCACsB"}

package/dist/esm/checkbox/index.js

@@ -1,5 +1,6 @@
 export { definition as CheckboxDefinition } from './checkbox.definition.js';
-export { BaseCheckbox, Checkbox } from './checkbox.js';
+export { BaseCheckbox } from './checkbox.base.js';
+export { Checkbox } from './checkbox.js';
 export { CheckboxShape, CheckboxSize } from './checkbox.options.js';
 export { styles as CheckboxStyles } from './checkbox.styles.js';
 export { template as CheckboxTemplate } from './checkbox.template.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAEpE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,QAAQ,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAEpE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,QAAQ,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/esm/divider/divider.base.js

@@ -0,0 +1,61 @@
+import { __decorate } from "tslib";
+import { attr, FASTElement } from '@microsoft/fast-element';
+import { swapStates } from '../utils/element-internals.js';
+import { DividerOrientation, DividerRole } from './divider.options.js';
+/**
+ * A Divider Custom HTML Element.
+ * A divider groups sections of content to create visual rhythm and hierarchy. Use dividers along with spacing and headers to organize content in your layout.
+ *
+ * @public
+ */
+export class BaseDivider extends FASTElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
+         *
+         * @internal
+         */
+        this.elementInternals = this.attachInternals();
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.elementInternals.role = this.role ?? DividerRole.separator;
+        if (this.role !== DividerRole.presentation) {
+            this.elementInternals.ariaOrientation = this.orientation ?? DividerOrientation.horizontal;
+        }
+    }
+    /**
+     * Sets the element's internal role when the role attribute changes.
+     *
+     * @param previous - the previous role value
+     * @param next - the current role value
+     * @internal
+     */
+    roleChanged(previous, next) {
+        if (this.$fastController.isConnected) {
+            this.elementInternals.role = `${next ?? DividerRole.separator}`;
+        }
+        if (next === DividerRole.presentation) {
+            this.elementInternals.ariaOrientation = null;
+        }
+    }
+    /**
+     * Sets the element's internal orientation when the orientation attribute changes.
+     *
+     * @param previous - the previous orientation value
+     * @param next - the current orientation value
+     * @internal
+     */
+    orientationChanged(previous, next) {
+        this.elementInternals.ariaOrientation = this.role !== DividerRole.presentation ? next ?? null : null;
+        swapStates(this.elementInternals, previous, next, DividerOrientation);
+    }
+}
+__decorate([
+    attr
+], BaseDivider.prototype, "role", void 0);
+__decorate([
+    attr
+], BaseDivider.prototype, "orientation", void 0);
+//# sourceMappingURL=divider.base.js.map

package/dist/esm/divider/divider.base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.base.js","sourceRoot":"","sources":["../../../src/divider/divider.base.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEvE;;;;;GAKG;AACH,MAAM,OAAO,WAAY,SAAQ,WAAW;IAA5C;;QACE;;;;WAIG;QACI,qBAAgB,GAAqB,IAAI,CAAC,eAAe,EAAE,CAAC;IA6DrE,CAAC;IAvCQ,iBAAiB;QACtB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,gBAAgB,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,WAAW,CAAC,SAAS,CAAC;QAEhE,IAAI,IAAI,CAAC,IAAI,KAAK,WAAW,CAAC,YAAY,EAAE,CAAC;YAC3C,IAAI,CAAC,gBAAgB,CAAC,eAAe,GAAG,IAAI,CAAC,WAAW,IAAI,kBAAkB,CAAC,UAAU,CAAC;QAC5F,CAAC;IACH,CAAC;IAED;;;;;;OAMG;IACI,WAAW,CAAC,QAAuB,EAAE,IAAmB;QAC7D,IAAI,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE,CAAC;YACrC,IAAI,CAAC,gBAAgB,CAAC,IAAI,GAAG,GAAG,IAAI,IAAI,WAAW,CAAC,SAAS,EAAE,CAAC;QAClE,CAAC;QAED,IAAI,IAAI,KAAK,WAAW,CAAC,YAAY,EAAE,CAAC;YACtC,IAAI,CAAC,gBAAgB,CAAC,eAAe,GAAG,IAAI,CAAC;QAC/C,CAAC;IACH,CAAC;IAED;;;;;;OAMG;IACI,kBAAkB,CAAC,QAAiC,EAAE,IAA6B;QACxF,IAAI,CAAC,gBAAgB,CAAC,eAAe,GAAG,IAAI,CAAC,IAAI,KAAK,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;QAErG,UAAU,CAAC,IAAI,CAAC,gBAAgB,EAAE,QAAQ,EAAE,IAAI,EAAE,kBAAkB,CAAC,CAAC;IACxE,CAAC;CACF;AAnDQ;IADN,IAAI;yCACqB;AAUnB;IADN,IAAI;gDACmC"}

package/dist/esm/divider/divider.js

@@ -1,63 +1,8 @@
 import { __decorate } from "tslib";
-import { attr, FASTElement } from '@microsoft/fast-element';
+import { attr } from '@microsoft/fast-element';
 import { swapStates, toggleState } from '../utils/element-internals.js';
-import { DividerAlignContent, DividerAppearance, DividerOrientation, DividerRole } from './divider.options.js';
-/**
- * A Divider Custom HTML Element.
- * A divider groups sections of content to create visual rhythm and hierarchy. Use dividers along with spacing and headers to organize content in your layout.
- *
- * @public
- */
-export class BaseDivider extends FASTElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
-         *
-         * @internal
-         */
-        this.elementInternals = this.attachInternals();
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.elementInternals.role = this.role ?? DividerRole.separator;
-        if (this.role !== DividerRole.presentation) {
-            this.elementInternals.ariaOrientation = this.orientation ?? DividerOrientation.horizontal;
-        }
-    }
-    /**
-     * Sets the element's internal role when the role attribute changes.
-     *
-     * @param previous - the previous role value
-     * @param next - the current role value
-     * @internal
-     */
-    roleChanged(previous, next) {
-        if (this.$fastController.isConnected) {
-            this.elementInternals.role = `${next ?? DividerRole.separator}`;
-        }
-        if (next === DividerRole.presentation) {
-            this.elementInternals.ariaOrientation = null;
-        }
-    }
-    /**
-     * Sets the element's internal orientation when the orientation attribute changes.
-     *
-     * @param previous - the previous orientation value
-     * @param next - the current orientation value
-     * @internal
-     */
-    orientationChanged(previous, next) {
-        this.elementInternals.ariaOrientation = this.role !== DividerRole.presentation ? next ?? null : null;
-        swapStates(this.elementInternals, previous, next, DividerOrientation);
-    }
-}
-__decorate([
-    attr
-], BaseDivider.prototype, "role", void 0);
-__decorate([
-    attr
-], BaseDivider.prototype, "orientation", void 0);
+import { DividerAlignContent, DividerAppearance } from './divider.options.js';
+import { BaseDivider } from './divider.base.js';
 /**
  * A Divider Custom HTML Element.
  * Based on BaseDivider and includes style and layout specific attributes

package/dist/esm/divider/divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../src/divider/divider.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAE/G;;;;;GAKG;AACH,MAAM,OAAO,WAAY,SAAQ,WAAW;IAA5C;;QACE;;;;WAIG;QACI,qBAAgB,GAAqB,IAAI,CAAC,eAAe,EAAE,CAAC;IA6DrE,CAAC;IAvCQ,iBAAiB;QACtB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,gBAAgB,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,WAAW,CAAC,SAAS,CAAC;QAEhE,IAAI,IAAI,CAAC,IAAI,KAAK,WAAW,CAAC,YAAY,EAAE,CAAC;YAC3C,IAAI,CAAC,gBAAgB,CAAC,eAAe,GAAG,IAAI,CAAC,WAAW,IAAI,kBAAkB,CAAC,UAAU,CAAC;QAC5F,CAAC;IACH,CAAC;IAED;;;;;;OAMG;IACI,WAAW,CAAC,QAAuB,EAAE,IAAmB;QAC7D,IAAI,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE,CAAC;YACrC,IAAI,CAAC,gBAAgB,CAAC,IAAI,GAAG,GAAG,IAAI,IAAI,WAAW,CAAC,SAAS,EAAE,CAAC;QAClE,CAAC;QAED,IAAI,IAAI,KAAK,WAAW,CAAC,YAAY,EAAE,CAAC;YACtC,IAAI,CAAC,gBAAgB,CAAC,eAAe,GAAG,IAAI,CAAC;QAC/C,CAAC;IACH,CAAC;IAED;;;;;;OAMG;IACI,kBAAkB,CAAC,QAAiC,EAAE,IAA6B;QACxF,IAAI,CAAC,gBAAgB,CAAC,eAAe,GAAG,IAAI,CAAC,IAAI,KAAK,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;QAErG,UAAU,CAAC,IAAI,CAAC,gBAAgB,EAAE,QAAQ,EAAE,IAAI,EAAE,kBAAkB,CAAC,CAAC;IACxE,CAAC;CACF;AAnDQ;IADN,IAAI;yCACqB;AAUnB;IADN,IAAI;gDACmC;AA2C1C;;;;;GAKG;AACH,MAAM,OAAO,OAAQ,SAAQ,WAAW;IAStC;;;;OAIG;IACI,mBAAmB,CAAC,IAAqC,EAAE,IAAqC;QACrG,UAAU,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,EAAE,IAAI,EAAE,mBAAmB,EAAE,QAAQ,CAAC,CAAC;IAC/E,CAAC;IAUD;;;;OAIG;IACI,iBAAiB,CAAC,IAAmC,EAAE,IAAmC;QAC/F,UAAU,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,EAAE,IAAI,EAAE,iBAAiB,CAAC,CAAC;IACnE,CAAC;IAUD;;;;OAIG;IACI,YAAY,CAAC,IAAa,EAAE,IAAa;QAC9C,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;IACpD,CAAC;CACF;AA5CQ;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;6CACK;AAiBnC;IADN,IAAI;2CACiC;AAiB/B;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;sCACH"}
+{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../src/divider/divider.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD;;;;;GAKG;AACH,MAAM,OAAO,OAAQ,SAAQ,WAAW;IAStC;;;;OAIG;IACI,mBAAmB,CAAC,IAAqC,EAAE,IAAqC;QACrG,UAAU,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,EAAE,IAAI,EAAE,mBAAmB,EAAE,QAAQ,CAAC,CAAC;IAC/E,CAAC;IAUD;;;;OAIG;IACI,iBAAiB,CAAC,IAAmC,EAAE,IAAmC;QAC/F,UAAU,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,EAAE,IAAI,EAAE,iBAAiB,CAAC,CAAC;IACnE,CAAC;IAUD;;;;OAIG;IACI,YAAY,CAAC,IAAa,EAAE,IAAa;QAC9C,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;IACpD,CAAC;CACF;AA5CQ;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;6CACK;AAiBnC;IADN,IAAI;2CACiC;AAiB/B;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;sCACH"}

package/dist/esm/divider/index.js

@@ -1,4 +1,5 @@
-export { BaseDivider, Divider } from './divider.js';
+export { BaseDivider } from './divider.base.js';
+export { Divider } from './divider.js';
 export { DividerAlignContent, DividerAppearance, DividerOrientation, DividerRole } from './divider.options.js';
 export { definition as DividerDefinition } from './divider.definition.js';
 export { template as DividerTemplate } from './divider.template.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC/G,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC/G,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC"}