@plusui/library 0.1.0

package/dist/components/radio-group/radio-group.js

@@ -0,0 +1,143 @@
+import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
+import { x } from '../../lit-element-ByzbtpGk.js';
+import Tailwind from '../base/tailwind-base.js';
+import { radioGroupStyle } from './radio-group.style.js';
+import '../../styles/global.js';
+import '../../style-inject.es-tgCJW-Cu.js';
+import '../../index-B9iart53.js';
+
+class PlusRadioGroup extends Tailwind {
+    constructor() {
+        super();
+        this.name = '';
+        this.value = '';
+        this.disabled = false;
+        this.required = false;
+        /**
+         * The size of all radio buttons in the group
+         * - sm: Small size
+         * - md: Medium size
+         * - lg: Large size
+         * @default 'md'
+         */
+        this.size = 'md';
+        /**
+         * Shows error styling on the radio group
+         */
+        this.error = false;
+        /**
+         * Orientation of the radio buttons
+         * - horizontal: Radio buttons are arranged side by side
+         * - vertical: Radio buttons are stacked vertically
+         */
+        this.orientation = 'horizontal';
+        this.internals = this.attachInternals();
+    }
+    updateRadios() {
+        const radios = this.querySelectorAll('plus-radio');
+        radios.forEach((element) => {
+            const radio = element;
+            radio.name = this.name;
+            radio.checked = radio.value === this.value;
+            radio.disabled = this.disabled;
+            radio.size = this.size;
+            radio.error = this.error;
+        });
+    }
+    handlePlusChange(event) {
+        const target = event.target;
+        const detail = event.detail;
+        if (detail?.checked) {
+            // Update all radio buttons in the group
+            const radios = this.querySelectorAll('plus-radio');
+            radios.forEach((element) => {
+                const radio = element;
+                if (radio !== target) {
+                    radio.checked = false;
+                }
+            });
+            // Update the value
+            this.value = detail.value;
+            // Update form value
+            this.internals.setFormValue(this.value);
+            // Emit group change event
+            this.emit('plus-group-change', {
+                detail: {
+                    value: this.value,
+                    name: this.name,
+                },
+                bubbles: true,
+                composed: true,
+            });
+        }
+    }
+    updated(changedProperties) {
+        if (changedProperties.has('name') ||
+            changedProperties.has('value') ||
+            changedProperties.has('disabled') ||
+            changedProperties.has('size') ||
+            changedProperties.has('error')) {
+            this.updateRadios();
+        }
+    }
+    firstUpdated() {
+        // Find any radio with checked attribute and use its value
+        const checkedRadio = Array.from(this.querySelectorAll('plus-radio')).find((radio) => radio.hasAttribute('checked'));
+        if (checkedRadio && !this.value) {
+            this.value = checkedRadio.value;
+        }
+        this.updateRadios();
+        if (this.value) {
+            this.internals.setFormValue(this.value);
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener('plus-change', (e) => this.handlePlusChange(e));
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.removeEventListener('plus-change', this.handlePlusChange);
+    }
+    render() {
+        const { base } = radioGroupStyle({
+            orientation: this.orientation,
+        });
+        return x `
+      <div
+        role="radiogroup"
+        part="base"
+        class=${base()}
+        aria-required=${this.required}
+        aria-labelledby=${this.name}
+      >
+        <input type="hidden" name=${this.name} .value=${this.value || ''} />
+        <slot @slotchange=${() => this.updateRadios()}></slot>
+      </div>
+    `;
+    }
+}
+PlusRadioGroup.formAssociated = true;
+__decorate([
+    n()
+], PlusRadioGroup.prototype, "name", void 0);
+__decorate([
+    n()
+], PlusRadioGroup.prototype, "value", void 0);
+__decorate([
+    n({ type: Boolean, reflect: true })
+], PlusRadioGroup.prototype, "disabled", void 0);
+__decorate([
+    n({ type: Boolean, reflect: true })
+], PlusRadioGroup.prototype, "required", void 0);
+__decorate([
+    n({ type: String })
+], PlusRadioGroup.prototype, "size", void 0);
+__decorate([
+    n({ type: Boolean })
+], PlusRadioGroup.prototype, "error", void 0);
+__decorate([
+    n()
+], PlusRadioGroup.prototype, "orientation", void 0);
+
+export { PlusRadioGroup, PlusRadioGroup as default };

package/dist/components/radio-group/radio-group.js.map

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

package/dist/components/radio-group/radio-group.style.d.ts

@@ -0,0 +1,71 @@
+export declare const radioGroupStyle: import("tailwind-variants").TVReturnType<{
+    orientation: {
+        horizontal: {
+            base: string;
+        };
+        vertical: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    orientation: {
+        horizontal: {
+            base: string;
+        };
+        vertical: {
+            base: string;
+        };
+    };
+}, {
+    orientation: {
+        horizontal: {
+            base: string;
+        };
+        vertical: {
+            base: string;
+        };
+    };
+}>, {
+    orientation: {
+        horizontal: {
+            base: string;
+        };
+        vertical: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+}, import("tailwind-variants").TVReturnType<{
+    orientation: {
+        horizontal: {
+            base: string;
+        };
+        vertical: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    orientation: {
+        horizontal: {
+            base: string;
+        };
+        vertical: {
+            base: string;
+        };
+    };
+}, {
+    orientation: {
+        horizontal: {
+            base: string;
+        };
+        vertical: {
+            base: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
+//# sourceMappingURL=radio-group.style.d.ts.map

package/dist/components/radio-group/radio-group.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.style.d.ts","sourceRoot":"","sources":["../../../src/components/radio-group/radio-group.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAa1B,CAAC"}

package/dist/components/radio-group/radio-group.style.js

@@ -0,0 +1,18 @@
+import { c as ce } from '../../index-B9iart53.js';
+
+const radioGroupStyle = ce({
+    slots: {
+        base: 'flex',
+    },
+    variants: {
+        orientation: {
+            horizontal: { base: 'flex-row gap-4' },
+            vertical: { base: 'flex-col' },
+        },
+    },
+    defaultVariants: {
+        orientation: 'horizontal',
+    },
+});
+
+export { radioGroupStyle };

package/dist/components/radio-group/radio-group.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.style.js","sourceRoot":"","sources":["../../../src/components/radio-group/radio-group.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,eAAe,GAAG,EAAE,CAAC;IAChC,KAAK,EAAE;QACL,IAAI,EAAE,MAAM;KACb;IACD,QAAQ,EAAE;QACR,WAAW,EAAE;YACX,UAAU,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE;YACtC,QAAQ,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE;SAC/B;KACF;IACD,eAAe,EAAE;QACf,WAAW,EAAE,YAAY;KAC1B;CACF,CAAC,CAAC"}

package/dist/components/rating/index.d.ts

@@ -0,0 +1,2 @@
+export * from './rating';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/rating/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/rating/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC"}

package/dist/components/rating/index.js

@@ -0,0 +1,21 @@
+import PlusRating from './rating.js';
+import '../../property-DiPQx9S3.js';
+import '../../lit-element-ByzbtpGk.js';
+import '../../state-D1d5Sfj8.js';
+import '../../style-map-DC_vNus2.js';
+import '../../directive-DZCF8pFJ.js';
+import '../../if-defined-D-m3dgRf.js';
+import './rating.style.js';
+import '../../index-B9iart53.js';
+import '../label/label.style.js';
+import '../caption/caption.style.js';
+import '../base/tailwind-base.js';
+import '../../styles/global.js';
+import '../../style-inject.es-tgCJW-Cu.js';
+import '../svg-icon/svg-icon.js';
+import '../../unsafe-html-BhmP6ONc.js';
+import '../svg-icon/icons.js';
+
+customElements.define('plus-rating', PlusRating);
+
+export { PlusRating };

package/dist/components/rating/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/rating/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,cAAc,UAAU,CAAC;AAEzB,cAAc,CAAC,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC"}

package/dist/components/rating/rating.d.ts

@@ -0,0 +1,53 @@
+import Tailwind from '../base/tailwind-base';
+import '../svg-icon/svg-icon.js';
+/**
+ * @tag plus-rating
+ * @summary A rating component to display and optionally set a rating value.
+ *
+ * @csspart host - The main container element.
+ * @csspart star-container - The container for each star.
+ * @csspart star-icon - Each individual star icon.
+ * @csspart star-partial - The element used to display partial stars.
+ *
+ * @event plus-change - Emitted when the rating value changes via user interaction.
+ * @event plus-hover - Emitted when the user hovers over a star, includes the potential value.
+ *
+ * @cssprop [--star-color-active=--color-warning-500] - Color of active/selected stars.
+ * @cssprop [--star-color-inactive=--color-neutral-300] - Color of inactive stars.
+ * @cssprop [--star-color-hover=--plus-color-text-primary] - Color of stars on hover.
+ */
+export default class PlusRating extends Tailwind {
+    static styles: import("lit").CSSResult[];
+    value: number;
+    max: number;
+    precision: number;
+    readonly: boolean;
+    disabled: boolean;
+    size: 'sm' | 'md' | 'lg';
+    name?: string;
+    /** The name of the icon to use for empty rating items. */
+    emptyIconName: string;
+    /** The name of the icon to use for filled rating items. */
+    filledIconName: string;
+    /** The label for the rating component. */
+    label?: string;
+    /** The caption text displayed below the rating. */
+    caption?: string;
+    required: boolean;
+    private hoverValue;
+    private isHovering;
+    private error;
+    connectedCallback(): void;
+    private clampValue;
+    private getStarValue;
+    private getStarLabel;
+    private handleMouseOver;
+    private handleMouseLeave;
+    private handleClick;
+    private handleKeyDown;
+    /** Checks validity and sets the error state. Returns true if valid, false otherwise. */
+    reportValidity(): boolean;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export { PlusRating };
+//# sourceMappingURL=rating.d.ts.map

package/dist/components/rating/rating.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating.d.ts","sourceRoot":"","sources":["../../../src/components/rating/rating.ts"],"names":[],"mappings":"AAKA,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAG7C,OAAO,yBAAyB,CAAC;AAEjC;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,QAAQ;IAC9C,OAAgB,MAAM,4BAAwB;IAEH,KAAK,SAAK;IACzB,GAAG,SAAK;IACR,SAAS,SAAK;IACb,QAAQ,UAAS;IACjB,QAAQ,UAAS;IAClB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IAE1B,0DAA0D;IACd,aAAa,SAAkB;IAE3E,2DAA2D;IACd,cAAc,SAAgB;IAE3E,0CAA0C;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IAE3C,mDAAmD;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEhB,QAAQ,UAAS;IAGrC,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,KAAK,CAAS;IAOtB,iBAAiB;IAK1B,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,gBAAgB;IAOxB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,aAAa;IA0CrB,wFAAwF;IACjF,cAAc,IAAI,OAAO;IAUvB,MAAM;CAwHhB;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/rating/rating.js

@@ -0,0 +1,302 @@
+import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
+import { E, x } from '../../lit-element-ByzbtpGk.js';
+import { r } from '../../state-D1d5Sfj8.js';
+import { o as o$1 } from '../../style-map-DC_vNus2.js';
+import { o } from '../../if-defined-D-m3dgRf.js';
+import { ratingStyle } from './rating.style.js';
+import Tailwind from '../base/tailwind-base.js';
+import '../svg-icon/svg-icon.js';
+import { labelStyle } from '../label/label.style.js';
+import { captionStyle } from '../caption/caption.style.js';
+import '../../directive-DZCF8pFJ.js';
+import '../../index-B9iart53.js';
+import '../../styles/global.js';
+import '../../style-inject.es-tgCJW-Cu.js';
+import '../../unsafe-html-BhmP6ONc.js';
+import '../svg-icon/icons.js';
+
+/**
+ * @tag plus-rating
+ * @summary A rating component to display and optionally set a rating value.
+ *
+ * @csspart host - The main container element.
+ * @csspart star-container - The container for each star.
+ * @csspart star-icon - Each individual star icon.
+ * @csspart star-partial - The element used to display partial stars.
+ *
+ * @event plus-change - Emitted when the rating value changes via user interaction.
+ * @event plus-hover - Emitted when the user hovers over a star, includes the potential value.
+ *
+ * @cssprop [--star-color-active=--color-warning-500] - Color of active/selected stars.
+ * @cssprop [--star-color-inactive=--color-neutral-300] - Color of inactive stars.
+ * @cssprop [--star-color-hover=--plus-color-text-primary] - Color of stars on hover.
+ */
+class PlusRating extends Tailwind {
+    constructor() {
+        super(...arguments);
+        this.value = 0;
+        this.max = 5;
+        this.precision = 1; // Steps: 1 for full stars, 0.5 for half, 0.1 etc.
+        this.readonly = false;
+        this.disabled = false;
+        this.size = 'md';
+        /** The name of the icon to use for empty rating items. */
+        this.emptyIconName = 'regular-star';
+        /** The name of the icon to use for filled rating items. */
+        this.filledIconName = 'solid-star';
+        this.required = false; // Add required property if not already present
+        // Internal state for hover effect
+        this.hoverValue = 0;
+        this.isHovering = false;
+        this.error = false; // Add error state
+    }
+    // Styles computed by tailwind-variants
+    // Initialize styles in constructor or connectedCallback if needed,
+    // or call ratingStyle directly in render.
+    // Add connectedCallback to clamp initial value
+    connectedCallback() {
+        super.connectedCallback();
+        this.value = this.clampValue(this.value);
+    }
+    clampValue(value) {
+        const roundedValue = Math.round(value / this.precision) * this.precision;
+        return Math.max(0, Math.min(roundedValue, this.max));
+    }
+    getStarValue(index) {
+        // Calculate the value this star represents (e.g., 1, 2, 3, ...)
+        return index + 1;
+    }
+    // Helper function for ARIA value text and tooltips
+    getStarLabel(value) {
+        // Simple label, can be customized further (e.g., localization)
+        const roundedValue = this.clampValue(value);
+        return `${roundedValue} out of ${this.max} stars`;
+    }
+    handleMouseOver(index) {
+        if (this.readonly || this.disabled)
+            return;
+        this.isHovering = true;
+        this.hoverValue = this.getStarValue(index);
+        this.emit('plus-hover', {
+            detail: { phase: 'start', value: this.hoverValue },
+        });
+    }
+    handleMouseLeave() {
+        if (this.readonly || this.disabled)
+            return;
+        this.isHovering = false;
+        this.hoverValue = 0;
+        this.emit('plus-hover', { detail: { phase: 'end', value: 0 } });
+    }
+    handleClick(index) {
+        if (this.readonly || this.disabled)
+            return;
+        const newValue = this.clampValue(this.getStarValue(index));
+        this.value = newValue;
+        this.error = false; // Clear error on interaction
+        this.emit('plus-change', { detail: { value: this.value } });
+    }
+    // --- Keyboard Navigation ---
+    handleKeyDown(event) {
+        if (this.readonly || this.disabled) {
+            return;
+        }
+        let newValue = this.value;
+        let valueChanged = false;
+        switch (event.key) {
+            case 'ArrowLeft':
+                newValue = Math.max(0, this.value - this.precision);
+                valueChanged = true;
+                break;
+            case 'ArrowRight':
+                newValue = Math.min(this.max, this.value + this.precision);
+                valueChanged = true;
+                break;
+            case 'Home':
+                newValue = 0;
+                valueChanged = true;
+                break;
+            case 'End':
+                newValue = this.max;
+                valueChanged = true;
+                break;
+            default:
+                // Ignore other keys
+                return;
+        }
+        if (valueChanged) {
+            event.preventDefault(); // Prevent browser scrolling etc.
+            const clampedNewValue = this.clampValue(newValue);
+            if (clampedNewValue !== this.value) {
+                this.value = clampedNewValue;
+                this.error = false; // Clear error on interaction
+                this.emit('plus-change', { detail: { value: this.value } });
+            }
+        }
+    }
+    // --- End Keyboard Navigation ---
+    /** Checks validity and sets the error state. Returns true if valid, false otherwise. */
+    reportValidity() {
+        const isValid = !(this.required && (!this.value || this.value <= 0));
+        this.error = !isValid;
+        return isValid;
+    }
+    render() {
+        const displayValue = this.isHovering ? this.hoverValue : this.value;
+        const styles = ratingStyle({
+            size: this.size,
+            disabled: this.disabled,
+            readonly: this.readonly,
+        });
+        const hostTitle = this.isHovering
+            ? this.getStarLabel(this.hoverValue)
+            : this.getStarLabel(this.value);
+        const labelId = 'rating-label';
+        const captionId = 'rating-caption';
+        // Label Template - Pass error state
+        const LabelTemplate = () => this.label
+            ? x `<label
+            id=${labelId}
+            class=${labelStyle({
+                size: this.size,
+                required: this.required,
+            })}
+            for="rating-host"
+            >${this.label}</label
+          >`
+            : E;
+        // Caption Template - Pass error state
+        const CaptionTemplate = () => {
+            // Show error message if error state is true, otherwise show caption
+            const message = this.error ? 'This field is required' : this.caption; // Basic error message
+            return message
+                ? x `<div
+            id=${captionId}
+            class=${captionStyle({ size: this.size, error: this.error })}
+          >
+            ${message}
+          </div>`
+                : E;
+        };
+        return x `
+      <div class="flex flex-col items-start justify-start gap-1">
+        ${LabelTemplate()}
+        <div
+          id="rating-host"
+          class=${styles.host()}
+          role="slider"
+          aria-label=${o(this.label ? undefined : 'Rating')}
+          aria-labelledby=${o(this.label ? labelId : undefined)}
+          aria-describedby=${o(this.caption || this.error ? captionId : undefined)}
+          aria-invalid=${this.error}
+          aria-required=${this.required}
+          aria-valuemin="0"
+          aria-valuemax=${this.max}
+          aria-valuenow=${this.value}
+          aria-readonly=${this.readonly}
+          aria-disabled=${this.disabled}
+          aria-valuetext=${this.getStarLabel(this.value)}
+          tabindex=${this.disabled ? '-1' : '0'}
+          title=${hostTitle}
+          @mouseleave=${this.handleMouseLeave}
+          @keydown=${this.handleKeyDown}
+        >
+          ${[...Array(this.max)].map((_, i) => {
+            const starValue = this.getStarValue(i);
+            const shouldBeFilled = starValue <= displayValue;
+            const isPartiallyActive = starValue - 1 < displayValue && displayValue < starValue;
+            const partialWidth = isPartiallyActive
+                ? `${(displayValue - (starValue - 1)) * 100}%`
+                : '0%';
+            const currentIconName = shouldBeFilled
+                ? this.filledIconName
+                : this.emptyIconName;
+            const iconColorClass = shouldBeFilled
+                ? 'text-color-primary'
+                : 'text-color-placeholder';
+            const currentIconColorClass = this.isHovering && shouldBeFilled
+                ? 'text-color-primary'
+                : iconColorClass;
+            const starTooltip = this.getStarLabel(starValue);
+            return x `
+              <span
+                class=${styles.starContainer()}
+                title=${starTooltip}
+                @mouseover=${() => this.handleMouseOver(i)}
+                @click=${() => this.handleClick(i)}
+              >
+                <!-- Background Star -->
+                <span class="${styles.starIcon()} ${currentIconColorClass}">
+                  <plus-svg-icon iconName=${currentIconName}></plus-svg-icon>
+                </span>
+
+                <!-- Foreground Partial Star -->
+                ${isPartiallyActive
+                ? x `
+                      <span
+                        class="${styles.starPartial()} ${styles.starIcon()} text-color-primary"
+                        style=${o$1({ width: partialWidth })}
+                      >
+                        <plus-svg-icon
+                          iconName=${this.filledIconName}
+                        ></plus-svg-icon>
+                      </span>
+                    `
+                : E}
+              </span>
+            `;
+        })}
+        </div>
+        ${CaptionTemplate()}
+      </div>
+    `;
+    }
+}
+PlusRating.styles = [...Tailwind.styles];
+__decorate([
+    n({ type: Number, reflect: true })
+], PlusRating.prototype, "value", void 0);
+__decorate([
+    n({ type: Number })
+], PlusRating.prototype, "max", void 0);
+__decorate([
+    n({ type: Number })
+], PlusRating.prototype, "precision", void 0);
+__decorate([
+    n({ type: Boolean })
+], PlusRating.prototype, "readonly", void 0);
+__decorate([
+    n({ type: Boolean })
+], PlusRating.prototype, "disabled", void 0);
+__decorate([
+    n({ type: String })
+], PlusRating.prototype, "size", void 0);
+__decorate([
+    n()
+], PlusRating.prototype, "name", void 0);
+__decorate([
+    n({ attribute: 'empty-icon-name' })
+], PlusRating.prototype, "emptyIconName", void 0);
+__decorate([
+    n({ attribute: 'filled-icon-name' })
+], PlusRating.prototype, "filledIconName", void 0);
+__decorate([
+    n({ type: String })
+], PlusRating.prototype, "label", void 0);
+__decorate([
+    n({ type: String })
+], PlusRating.prototype, "caption", void 0);
+__decorate([
+    n({ type: Boolean })
+], PlusRating.prototype, "required", void 0);
+__decorate([
+    r()
+], PlusRating.prototype, "hoverValue", void 0);
+__decorate([
+    r()
+], PlusRating.prototype, "isHovering", void 0);
+__decorate([
+    r()
+], PlusRating.prototype, "error", void 0);
+
+export { PlusRating, PlusRating as default };

package/dist/components/rating/rating.js.map

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