@m3e/web 2.0.4 → 2.0.5

package/dist/core.js

@@ -1345,7 +1345,7 @@ _ResizeController_host = new WeakMap(), _ResizeController_callback = new WeakMap
  * Class decorator factory that defines the decorated class as a custom element.
  *
  * ```js
- * @element('my-element')
+ * @customElement('my-element')
  * class MyElement extends LitElement {
  *   render() {
  *     return html``;
@@ -1354,7 +1354,7 @@ _ResizeController_host = new WeakMap(), _ResizeController_callback = new WeakMap
  * ```
  * @param {string} tagName The tag name of the custom element to define.
  */
-const element = tagName => (classOrTarget, context) => {
+const customElement = tagName => (classOrTarget, context) => {
   const define = () => {
     if (typeof window !== "undefined" && !customElements.get(tagName)) {
       customElements.define(tagName, classOrTarget);
@@ -3789,7 +3789,7 @@ __decorate([property({
   type: Boolean,
   reflect: true
 })], M3eCollapsibleElement.prototype, "open", void 0);
-M3eCollapsibleElement = __decorate([element("m3e-collapsible")], M3eCollapsibleElement);
+M3eCollapsibleElement = __decorate([customElement("m3e-collapsible")], M3eCollapsibleElement);
 
 /**
  * Component design tokens that control the `M3eElevationElement`.
@@ -3961,7 +3961,7 @@ __decorate([property({
   type: Number,
   reflect: true
 })], M3eElevationElement.prototype, "level", void 0);
-M3eElevationElement = __decorate([element("m3e-elevation")], M3eElevationElement);
+M3eElevationElement = __decorate([customElement("m3e-elevation")], M3eElevationElement);
 
 /**
  * Component design tokens that control the `M3eFocusRingElement`.
@@ -4107,7 +4107,7 @@ __decorate([property({
   type: Boolean,
   reflect: true
 })], M3eFocusRingElement.prototype, "disabled", void 0);
-M3eFocusRingElement = __decorate([element("m3e-focus-ring")], M3eFocusRingElement);
+M3eFocusRingElement = __decorate([customElement("m3e-focus-ring")], M3eFocusRingElement);
 
 /**
  * An element which looks like a checkbox.
@@ -4160,7 +4160,7 @@ let M3ePseudoCheckboxElement = class M3ePseudoCheckboxElement extends CheckedInd
 };
 /** The styles of the element. */
 M3ePseudoCheckboxElement.styles = css`:host { display: inline-block; vertical-align: middle; width: var(--m3e-checkbox-icon-size, 1.125rem); height: var(--m3e-checkbox-icon-size, 1.125rem); border-radius: var(--m3e-checkbox-container-shape, 2px); box-sizing: border-box; flex: none; } :host(:not([checked]):not([indeterminate])) { border-width: var(--m3e-checkbox-unselected-outline-thickness, 2px); border-style: solid; } :host(:not([disabled])[checked]), :host(:not([disabled])[indeterminate]) { background-color: var(--m3e-checkbox-selected-container-color, ${DesignToken.color.primary}); color: var(--m3e-checkbox-selected-icon-color, ${DesignToken.color.onPrimary}); } :host(:not([disabled]):not([checked]):not([indeterminate])) { border-color: var(--m3e-checkbox-unselected-outline-color, ${DesignToken.color.onSurfaceVariant}); } :host([disabled]:not([checked]):not([indeterminate])) { border-color: color-mix( in srgb, var(--m3e-checkbox-unselected-disabled-outline-color, ${DesignToken.color.onSurface}) var(--m3e-checkbox-unselected-disabled-outline-opacity, 38%), transparent ); } :host([disabled][checked]), :host([disabled][indeterminate]) { background-color: color-mix( in srgb, var(--m3e-checkbox-selected-disabled-container-color, ${DesignToken.color.onSurface}) var(--m3e-checkbox-selected-disabled-container-opacity, 38%), transparent ); color: color-mix( in srgb, var(--m3e-checkbox-selected-disabled-icon-color, ${DesignToken.color.surface}) var(--m3e-checkbox-selected-disabled-icon-opacity, 100%), transparent ); }`;
-M3ePseudoCheckboxElement = __decorate([element("m3e-pseudo-checkbox")], M3ePseudoCheckboxElement);
+M3ePseudoCheckboxElement = __decorate([customElement("m3e-pseudo-checkbox")], M3ePseudoCheckboxElement);
 
 /**
  * An element which looks like a radio button.
@@ -4198,7 +4198,7 @@ let M3ePseudoRadioElement = class M3ePseudoRadioElement extends Checked(Disabled
 };
 /** The styles of the element. */
 M3ePseudoRadioElement.styles = css`:host { display: inline-block; vertical-align: middle; box-sizing: border-box; width: var(--m3e-radio-icon-size, 1.25rem); height: var(--m3e-radio-icon-size, 1.25rem); flex: none; } .circle { fill: currentColor; } :host(:not([checked])) .circle.inner { opacity: 0; } :host(:not([checked])) { color: var(--m3e-radio-unselected-icon-color, ${DesignToken.color.onSurfaceVariant}); } :host([checked]) { color: var(--m3e-radio-selected-icon-color, ${DesignToken.color.primary}); } :host([disabled]) { color: color-mix(in srgb, var(--m3e-radio-disabled-icon-color, ${DesignToken.color.onSurface}) 38%, transparent); }`;
-M3ePseudoRadioElement = __decorate([element("m3e-pseudo-radio")], M3ePseudoRadioElement);
+M3ePseudoRadioElement = __decorate([customElement("m3e-pseudo-radio")], M3ePseudoRadioElement);
 
 /**
  * Component design tokens that control the `M3eRippleElement`.
@@ -4408,7 +4408,7 @@ __decorate([property({
 __decorate([property({
   type: Number
 })], M3eRippleElement.prototype, "radius", void 0);
-M3eRippleElement = __decorate([element("m3e-ripple")], M3eRippleElement);
+M3eRippleElement = __decorate([customElement("m3e-ripple")], M3eRippleElement);
 
 var _M3eScrollContainerElement_scrollHandler;
 /**
@@ -4495,7 +4495,7 @@ __decorate([property({
   reflect: true
 })], M3eScrollContainerElement.prototype, "thin", void 0);
 __decorate([debounce(40)], M3eScrollContainerElement.prototype, "_updateScroll", null);
-M3eScrollContainerElement = __decorate([element("m3e-scroll-container")], M3eScrollContainerElement);
+M3eScrollContainerElement = __decorate([customElement("m3e-scroll-container")], M3eScrollContainerElement);
 
 var _M3eSlideElement_instances, _M3eSlideElement_items, _M3eSlideElement_handleSlotChange, _M3eSlideElement_updateItems;
 /**
@@ -4590,7 +4590,7 @@ __decorate([property({
   type: Number,
   reflect: true
 })], M3eSlideElement.prototype, "selectedIndex", void 0);
-M3eSlideElement = __decorate([element("m3e-slide")], M3eSlideElement);
+M3eSlideElement = __decorate([customElement("m3e-slide")], M3eSlideElement);
 
 /**
  * Component design tokens that control the `M3eStateLayerElement`.
@@ -4755,7 +4755,7 @@ __decorate([property({
   type: Boolean,
   reflect: true
 })], M3eStateLayerElement.prototype, "disableHover", void 0);
-M3eStateLayerElement = __decorate([element("m3e-state-layer")], M3eStateLayerElement);
+M3eStateLayerElement = __decorate([customElement("m3e-state-layer")], M3eStateLayerElement);
 
 /**
  * An inline container which presents an ellipsis when content overflows.
@@ -4790,7 +4790,7 @@ let M3eTextOverflowElement = class M3eTextOverflowElement extends LitElement {
 };
 /** The styles of the element. */
 M3eTextOverflowElement.styles = css`:host { flex: 1 1 auto; display: inline-flex; align-items: center; flex-wrap: nowrap; min-width: 0; } .base { flex: 1 1 auto; display: inline; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }`;
-M3eTextOverflowElement = __decorate([element("m3e-text-overflow")], M3eTextOverflowElement);
+M3eTextOverflowElement = __decorate([customElement("m3e-text-overflow")], M3eTextOverflowElement);
 
 var _M3eTextHighlightElement_instances, _M3eTextHighlightElement_id, _M3eTextHighlightElement_ranges, _M3eTextHighlightElement_styles, _M3eTextHighlightElement_isTextNode, _M3eTextHighlightElement_findTextNodes, _M3eTextHighlightElement_highlight;
 var M3eTextHighlightElement_1;
@@ -4983,7 +4983,7 @@ __decorate([property({
   attribute: "case-sensitive",
   type: Boolean
 })], M3eTextHighlightElement.prototype, "caseSensitive", void 0);
-M3eTextHighlightElement = M3eTextHighlightElement_1 = __decorate([element("m3e-text-highlight")], M3eTextHighlightElement);
+M3eTextHighlightElement = M3eTextHighlightElement_1 = __decorate([customElement("m3e-text-highlight")], M3eTextHighlightElement);
 
-export { ActionElementBase, AnimationLoopController, AttachInternals, Checked, CheckedIndeterminate, ConstraintValidation, DesignToken, Dirty, Disabled, DisabledInteractive, EventAttribute, FocusController, Focusable, FormAssociated, FormSubmitter, HoverController, HtmlFor, IntersectionController, KeyboardClick, Labelled, LinkButton, LongPressController, M3eCollapsibleElement, M3eElevationElement, M3eFocusRingElement, M3ePseudoCheckboxElement, M3ePseudoRadioElement, M3eRippleElement, M3eScrollContainerElement, M3eSlideElement, M3eStateLayerElement, M3eTextHighlightElement, M3eTextOverflowElement, MutationController, PressedController, ReadOnly, Required, RequiredConstraintValidation, ResizeController, Role, ScrollController, ScrollLockController, Selected, Touched, VelocityTracker, Vertical, addCustomState, checkOrSelect, computeCssSize, computeLineCount, debounce, defaultValue, deleteCustomState, element, focusWhenReady, forcedColorsActive, formValue, generateClipPaths, getTextContent, guid, hasAssignedNodes, hasCustomState, hasKeys, interceptProperty, internals, isAttachInternalsMixin, isCheckedIndeterminateMixin, isCheckedMixin, isCheckedOrSelected, isCheckedOrSelectedMixin, isConstraintValidationMixin, isDirtyMixin, isDisabledInteractiveMixin, isDisabledMixin, isFormAssociatedMixin, isFormSubmitterMixin, isHtmlForMixin, isLabelledMixin, isLinkButtonMixin, isReadOnlyMixin, isRequiredConstraintValidationMixin, isRequiredMixin, isSelectedMixin, isTouchedMixin, isVerticalMixin, prefersReducedMotion, renderPseudoLink, resolveElementById, resolveFragmentUrl, safeStyleMap, scrollIntoViewIfNeeded, setCustomState, spaceSeparatedStringConverter, updateLabels, validate };
+export { ActionElementBase, AnimationLoopController, AttachInternals, Checked, CheckedIndeterminate, ConstraintValidation, DesignToken, Dirty, Disabled, DisabledInteractive, EventAttribute, FocusController, Focusable, FormAssociated, FormSubmitter, HoverController, HtmlFor, IntersectionController, KeyboardClick, Labelled, LinkButton, LongPressController, M3eCollapsibleElement, M3eElevationElement, M3eFocusRingElement, M3ePseudoCheckboxElement, M3ePseudoRadioElement, M3eRippleElement, M3eScrollContainerElement, M3eSlideElement, M3eStateLayerElement, M3eTextHighlightElement, M3eTextOverflowElement, MutationController, PressedController, ReadOnly, Required, RequiredConstraintValidation, ResizeController, Role, ScrollController, ScrollLockController, Selected, Touched, VelocityTracker, Vertical, addCustomState, checkOrSelect, computeCssSize, computeLineCount, customElement, debounce, defaultValue, deleteCustomState, focusWhenReady, forcedColorsActive, formValue, generateClipPaths, getTextContent, guid, hasAssignedNodes, hasCustomState, hasKeys, interceptProperty, internals, isAttachInternalsMixin, isCheckedIndeterminateMixin, isCheckedMixin, isCheckedOrSelected, isCheckedOrSelectedMixin, isConstraintValidationMixin, isDirtyMixin, isDisabledInteractiveMixin, isDisabledMixin, isFormAssociatedMixin, isFormSubmitterMixin, isHtmlForMixin, isLabelledMixin, isLinkButtonMixin, isReadOnlyMixin, isRequiredConstraintValidationMixin, isRequiredMixin, isSelectedMixin, isTouchedMixin, isVerticalMixin, prefersReducedMotion, renderPseudoLink, resolveElementById, resolveFragmentUrl, safeStyleMap, scrollIntoViewIfNeeded, setCustomState, spaceSeparatedStringConverter, updateLabels, validate };
 //# sourceMappingURL=core.js.map