@florid-kit/components 2.4.6 → 2.5.0

package/components/option-tile.d.ts

@@ -0,0 +1,83 @@
+import { LitElement } from 'lit';
+
+export declare class OccitaneOptionTile extends LitElement {
+    static styles: import('lit').CSSResult;
+    /** SKU identifier passed to events for cart integration */
+    sku: string;
+    /** Product image URL */
+    imageUrl: string;
+    /** Alt text for the product image */
+    altImage: string;
+    /** Product title */
+    title: string;
+    /** Optional subtitle (e.g. volume, variant) */
+    subtitle: string;
+    /** Optional expandable description */
+    description: string;
+    /**
+     * Formatted price string from the backend (e.g. "$2.00").
+     * Ignored when priceValue === 0 — the FREE label is shown instead.
+     */
+    price: string;
+    /**
+     * Numeric price value derived from the SKU.
+     * 0 → FREE label; >0 → display the `price` string.
+     */
+    priceValue: number;
+    /**
+     * Optional link label to render in the price area instead of a price.
+     * Requires `linkHref` to be set. Takes precedence over price/FREE display.
+     */
+    linkLabel: string;
+    /** href for the optional price-area link */
+    linkHref: string;
+    /** Target for the optional price-area link */
+    linkTarget: string;
+    /** Whether this tile is currently selected/added */
+    selected: boolean;
+    /** When true, a quantity stepper is shown while the tile is selected */
+    withQuantity: boolean;
+    /** Current quantity (only meaningful when withQuantity is true) */
+    quantity: number;
+    /** Label for the add action */
+    labelAdd: string;
+    /** Label for the remove action */
+    labelRemove: string;
+    /** Label displayed when priceValue === 0 */
+    labelFree: string;
+    /** Label to expand the description */
+    labelShowDetails: string;
+    /** Label to collapse the description */
+    labelHideDetails: string;
+    /** When true, the tile is non-interactive and a translucent overlay is shown */
+    disabled: boolean;
+    /** Optional callback fired when the user adds the tile (alternative to listening to the `option-add` event) */
+    onOptionAdd?: (detail: {
+        sku: string;
+        quantity: number;
+    }) => void;
+    /** Optional callback fired when the user removes the tile (alternative to listening to the `option-remove` event) */
+    onOptionRemove?: (detail: {
+        sku: string;
+    }) => void;
+    /** Optional callback fired when the quantity changes (alternative to listening to the `option-quantity-change` event) */
+    onOptionQuantityChange?: (detail: {
+        sku: string;
+        quantity: number;
+    }) => void;
+    private _descriptionExpanded;
+    private _handleAdd;
+    private _handleRemove;
+    private _handleIncrement;
+    private _handleDecrement;
+    private _toggleDescription;
+    private get _isFree();
+    private _renderPriceArea;
+    private _renderQuantitySelector;
+    protected render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "o-option-tile": OccitaneOptionTile;
+    }
+}