@design.estate/dees-catalog 9.3.0 → 9.4.0

package/dist_ts_web/elements/00group-simple/dees-shopping-productcard/dees-shopping-productcard.demo.js

@@ -1,326 +1,155 @@
-import { html, css, cssManager } from '@design.estate/dees-element';
-import '@design.estate/dees-element/demotools';
-import '../../00group-layout/dees-panel/dees-panel.js';
-export const demoFunc = () => html `
-  <dees-demowrapper>
-    <style>
-      ${css `
-        .demo-container {
-          display: flex;
-          flex-direction: column;
-          gap: 24px;
-          padding: 24px;
-          max-width: 1200px;
-          margin: 0 auto;
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
         }
-        
-        .product-grid {
-          display: grid;
-          grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
-          gap: 20px;
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
         }
-
-        .cart-summary {
-          margin-top: 24px;
-          padding: 20px;
-          background: ${cssManager.bdTheme('hsl(210 40% 96.1%)', 'hsl(215 20.2% 16.8%)')};
-          border: 1px solid ${cssManager.bdTheme('hsl(214.3 31.8% 91.4%)', 'hsl(215 20.2% 21.8%)')};
-          border-radius: 8px;
-        }
-
-        .cart-summary-title {
-          font-size: 18px;
-          font-weight: 600;
-          margin-bottom: 16px;
-          color: ${cssManager.bdTheme('hsl(0 0% 9%)', 'hsl(0 0% 95%)')};
-        }
-
-        .cart-item {
-          display: flex;
-          justify-content: space-between;
-          align-items: center;
-          padding: 8px 0;
-          font-size: 14px;
-          color: ${cssManager.bdTheme('hsl(215.3 25% 26.7%)', 'hsl(217.9 10.6% 74.9%)')};
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+import { html, css, cssManager, customElement, state, DeesElement } from '@design.estate/dees-element';
+import { themeDefaultStyles } from '../../00theme.js';
+import { demoPage } from '../../../demos/templates.js';
+import '../../00group-input/dees-input-multitoggle/dees-input-multitoggle.js';
+import '../../00group-button/dees-button/dees-button.js';
+// Small original vector product studies keep this fixture sharp and self-contained.
+const illustration = (content) => `data:image/svg+xml,${encodeURIComponent(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300"><rect width="400" height="300" fill="#e8e6e1"/>${content}</svg>`)}`;
+const products = [
+    { name: 'Studio headphones', category: 'Sound', description: 'A quiet space, wherever you work.', price: 179, originalPrice: 219, iconName: 'lucide:headphones', imageUrl: illustration('<path d="M125 172v-40a75 75 0 0 1 150 0v40" fill="none" stroke="#383a3c" stroke-width="17"/><path d="M135 136v-5a65 65 0 0 1 130 0v5" fill="none" stroke="#b4b1ab" stroke-width="7"/><rect x="106" y="130" width="42" height="88" rx="20" fill="#343638"/><rect x="124" y="130" width="30" height="88" rx="15" fill="#616467"/><rect x="252" y="130" width="42" height="88" rx="20" fill="#343638"/><rect x="246" y="130" width="30" height="88" rx="15" fill="#616467"/>') },
+    { name: 'Everyday keyboard', category: 'Desk', description: 'Low-profile keys. A little more focus.', price: 89, iconName: 'lucide:keyboard', imageUrl: illustration('<rect x="54" y="109" width="292" height="111" rx="14" fill="#a6a4a0"/><rect x="54" y="101" width="292" height="111" rx="14" fill="#cecbc4"/>' + Array.from({ length: 3 }, (_, row) => Array.from({ length: 11 }, (_, col) => `<rect x="${67 + col * 24}" y="${112 + row * 23}" width="19" height="17" rx="4" fill="#f6f5f1"/>`).join('')).join('') + '<rect x="67" y="181" width="42" height="17" rx="4" fill="#f6f5f1"/><rect x="115" y="181" width="165" height="17" rx="4" fill="#f6f5f1"/><rect x="286" y="181" width="43" height="17" rx="4" fill="#f6f5f1"/>') },
+    { name: 'Pocket notebook', category: 'Ideas', description: 'For the ideas that start on paper.', price: 24, iconName: 'lucide:notebook', imageUrl: illustration('<rect x="122" y="51" width="156" height="210" rx="8" fill="#a7ada5"/><rect x="116" y="43" width="156" height="210" rx="8" fill="#737e6d"/><path d="M129 43v210" stroke="#596750" stroke-width="3"/><path d="M248 43v210" stroke="#485541" stroke-width="7"/><rect x="151" y="94" width="72" height="1" fill="#aeb6a6"/><rect x="151" y="103" width="50" height="1" fill="#aeb6a6"/><path d="M207 252v18l8-5 8 5v-18" fill="#c0b391"/>') },
+    { name: 'Desktop hub', category: 'Connections', description: 'One cable. Everything connected.', price: 69, inStock: false, stockText: 'Back soon', iconName: 'lucide:usb', imageUrl: illustration('<path d="M253 135h30q37 0 37-40v-8" fill="none" stroke="#53565a" stroke-width="10"/><rect x="307" y="58" width="25" height="35" rx="5" fill="#33383d"/><rect x="76" y="130" width="220" height="73" rx="19" fill="#646a71"/><rect x="76" y="118" width="220" height="67" rx="19" fill="#adb3ba"/><rect x="97" y="159" width="40" height="9" rx="3" fill="#33383d"/><rect x="151" y="159" width="40" height="9" rx="3" fill="#33383d"/><rect x="217" y="159" width="31" height="9" rx="4" fill="#33383d"/><circle cx="268" cy="163" r="3" fill="#d4dddc"/>') },
+];
+const money = (value) => `$${value.toFixed(2)}`;
+let DeesDemoSimpleShop = (() => {
+    let _classDecorators = [customElement('dees-demo-simple-shop')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _mode_decorators;
+    let _mode_initializers = [];
+    let _mode_extraInitializers = [];
+    let _quantities_decorators;
+    let _quantities_initializers = [];
+    let _quantities_extraInitializers = [];
+    let _selected_decorators;
+    let _selected_initializers = [];
+    let _selected_extraInitializers = [];
+    let _restocked_decorators;
+    let _restocked_initializers = [];
+    let _restocked_extraInitializers = [];
+    let _result_decorators;
+    let _result_initializers = [];
+    let _result_extraInitializers = [];
+    var DeesDemoSimpleShop = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _mode_decorators = [state()];
+            _quantities_decorators = [state()];
+            _selected_decorators = [state()];
+            _restocked_decorators = [state()];
+            _result_decorators = [state()];
+            __esDecorate(this, null, _mode_decorators, { kind: "accessor", name: "mode", static: false, private: false, access: { has: obj => "mode" in obj, get: obj => obj.mode, set: (obj, value) => { obj.mode = value; } }, metadata: _metadata }, _mode_initializers, _mode_extraInitializers);
+            __esDecorate(this, null, _quantities_decorators, { kind: "accessor", name: "quantities", static: false, private: false, access: { has: obj => "quantities" in obj, get: obj => obj.quantities, set: (obj, value) => { obj.quantities = value; } }, metadata: _metadata }, _quantities_initializers, _quantities_extraInitializers);
+            __esDecorate(this, null, _selected_decorators, { kind: "accessor", name: "selected", static: false, private: false, access: { has: obj => "selected" in obj, get: obj => obj.selected, set: (obj, value) => { obj.selected = value; } }, metadata: _metadata }, _selected_initializers, _selected_extraInitializers);
+            __esDecorate(this, null, _restocked_decorators, { kind: "accessor", name: "restocked", static: false, private: false, access: { has: obj => "restocked" in obj, get: obj => obj.restocked, set: (obj, value) => { obj.restocked = value; } }, metadata: _metadata }, _restocked_initializers, _restocked_extraInitializers);
+            __esDecorate(this, null, _result_decorators, { kind: "accessor", name: "result", static: false, private: false, access: { has: obj => "result" in obj, get: obj => obj.result, set: (obj, value) => { obj.result = value; } }, metadata: _metadata }, _result_initializers, _result_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            DeesDemoSimpleShop = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
-
-        .cart-total {
-          display: flex;
-          justify-content: space-between;
-          align-items: center;
-          padding-top: 16px;
-          margin-top: 16px;
-          border-top: 2px solid ${cssManager.bdTheme('hsl(0 0% 89.8%)', 'hsl(0 0% 14.9%)')};
-          font-size: 18px;
-          font-weight: 600;
-          color: ${cssManager.bdTheme('hsl(0 0% 9%)', 'hsl(0 0% 95%)')};
+        #mode_accessor_storage = __runInitializers(this, _mode_initializers, 'shop');
+        get mode() { return this.#mode_accessor_storage; }
+        set mode(value) { this.#mode_accessor_storage = value; }
+        #quantities_accessor_storage = (__runInitializers(this, _mode_extraInitializers), __runInitializers(this, _quantities_initializers, products.map(() => 0)));
+        get quantities() { return this.#quantities_accessor_storage; }
+        set quantities(value) { this.#quantities_accessor_storage = value; }
+        #selected_accessor_storage = (__runInitializers(this, _quantities_extraInitializers), __runInitializers(this, _selected_initializers, []));
+        get selected() { return this.#selected_accessor_storage; }
+        set selected(value) { this.#selected_accessor_storage = value; }
+        #restocked_accessor_storage = (__runInitializers(this, _selected_extraInitializers), __runInitializers(this, _restocked_initializers, false));
+        get restocked() { return this.#restocked_accessor_storage; }
+        set restocked(value) { this.#restocked_accessor_storage = value; }
+        #result_accessor_storage = (__runInitializers(this, _restocked_extraInitializers), __runInitializers(this, _result_initializers, 'Add a few essentials to your bag, or build a kit.'));
+        get result() { return this.#result_accessor_storage; }
+        set result(value) { this.#result_accessor_storage = value; }
+        get inventory() { return products.map(product => product.inStock === false && this.restocked ? { ...product, inStock: true, stockText: 'In stock' } : product); }
+        static styles = [themeDefaultStyles, cssManager.defaultStyles, css `
+    :host { display: grid; gap: 24px; container-type: inline-size; font: 13px/1.5 var(--dees-font-family); }
+    .toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
+    .layout { display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 24px; align-items: start; }
+    .products { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
+    .bag { position: sticky; top: 20px; display: grid; gap: 20px; padding: 24px; border-radius: var(--dees-radius-2xl); corner-shape: var(--dees-corner-shape); background: var(--dees-color-bg-primary); border: 1px solid var(--dees-color-border-subtle); }
+    h2 { margin: 0; font-size: 19px; font-weight: 600; letter-spacing: -.02em; }
+    p { margin: 0; color: var(--dees-color-text-secondary); }
+    .empty { display: grid; justify-items: start; gap: 12px; padding: 16px 0; color: var(--dees-color-text-secondary); }
+    .lines { display: grid; gap: 16px; }
+    .line, .total { display: flex; gap: 16px; justify-content: space-between; }
+    .line small { display: block; color: var(--dees-color-text-secondary); margin-top: 3px; }
+    .line > span, .total { font-variant-numeric: tabular-nums; }
+    .total { border-top: 1px solid var(--dees-color-border-subtle); padding-top: 16px; font-weight: 600; }
+    .kit { display: grid; gap: 12px; padding-top: 20px; border-top: 1px solid var(--dees-color-border-subtle); }
+    output { padding: 14px 16px; border-radius: var(--dees-radius-lg); background: var(--dees-color-bg-secondary); color: var(--dees-color-text-secondary); }
+    @container (max-width: 760px) { .layout { grid-template-columns: minmax(0, 1fr); } .bag { position: static; } }
+    @container (max-width: 500px) { .products { grid-template-columns: minmax(0, 1fr); } }
+  `];
+        render() {
+            const inventory = this.inventory;
+            const count = this.quantities.reduce((sum, quantity) => sum + quantity, 0);
+            const total = this.quantities.reduce((sum, quantity, index) => sum + quantity * inventory[index].price, 0);
+            return html `<div class="toolbar"><dees-input-multitoggle aria-label="Shopping mode" .options=${[{ key: 'shop', label: 'Shop essentials' }, { key: 'kit', label: 'Build a kit' }]} .value=${this.mode}
+      @change=${(event) => { this.mode = event.detail.value; }}></dees-input-multitoggle>
+      <dees-button type="ghost" text=${this.restocked ? 'Hub restocked' : 'Restock hub'} .disabled=${this.restocked} @clicked=${() => { this.restocked = true; this.result = 'Desktop hub is available again.'; }}></dees-button></div>
+    <div class="layout"><div class="products">${inventory.map((product, index) => html `<dees-shopping-productcard .productData=${product} .quantity=${this.quantities[index]}
+      .selectable=${this.mode === 'kit' && product.inStock !== false} .selected=${this.mode === 'kit' && this.selected.includes(index)} .showQuantitySelector=${product.inStock !== false}
+      @quantityChange=${(event) => { this.quantities = this.quantities.map((value, i) => i === index ? event.detail.quantity : value); this.result = `${product.name}: ${event.detail.quantity} in your bag.`; }}
+      @selectionChange=${(event) => { this.selected = event.detail.selected ? [...this.selected, index] : this.selected.filter(i => i !== index); this.result = `${this.selected.length} essentials selected for your kit.`; }}></dees-shopping-productcard>`)}</div>
+      <aside class="bag" aria-label="Shopping bag"><h2>Your bag${count ? ` · ${count}` : ''}</h2>
+        ${count ? html `<div class="lines">${inventory.map((product, index) => this.quantities[index] ? html `<div class="line"><div>${product.name}<small>Quantity ${this.quantities[index]}</small></div><span>${money(product.price * this.quantities[index])}</span></div>` : '')}</div>` : html `<div class="empty"><dees-icon icon="lucide:shoppingBag" iconSize="28"></dees-icon><p>A few good essentials.<br>A space that feels like yours.</p></div>`}
+        <div class="total"><span>Subtotal</span><span>${money(total)}</span></div>
+        <dees-button full-width type="accent" text="Review bag" .disabled=${count === 0} @clicked=${() => { this.result = `Your sample bag has ${count} items, totaling ${money(total)}. No order has been placed.`; }}></dees-button>
+        ${count ? html `<dees-button type="ghost" size="sm" text="Clear bag" @clicked=${() => { this.quantities = products.map(() => 0); this.result = 'Your bag is empty.'; }}></dees-button>` : ''}
+        ${this.mode === 'kit' ? html `<div class="kit"><p>${this.selected.length} items selected for your kit.</p><dees-button full-width type="outline" text="Add kit to bag" .disabled=${!this.selected.length}
+          @clicked=${() => { this.quantities = this.quantities.map((quantity, index) => quantity + (this.selected.includes(index) ? 1 : 0)); this.result = 'One of each selected essential was added to your bag.'; }}></dees-button></div>` : ''}
+      </aside>
+    </div><output role="status">${this.result}</output>`;
         }
-
-        .selected-products {
-          padding: 16px;
-          background: ${cssManager.bdTheme('hsl(210 40% 96.1%)', 'hsl(215 20.2% 16.8%)')};
-          border-radius: 6px;
-          font-size: 14px;
-          color: ${cssManager.bdTheme('hsl(215.3 25% 26.7%)', 'hsl(217.9 10.6% 74.9%)')};
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _result_extraInitializers);
         }
-      `}
-    </style>
-    
-    <div class="demo-container">
-      <dees-panel .title=${'Basic Product Cards'} .subtitle=${'Simple product display with various configurations'}>
-        <div class="product-grid">
-          <dees-shopping-productcard
-            .productData=${{
-    name: 'Wireless Bluetooth Headphones',
-    category: 'Audio',
-    description: 'Premium sound quality with active noise cancellation',
-    price: 149.99,
-    originalPrice: 199.99,
-    iconName: 'lucide:headphones'
-}}
-            .quantity=${1}
-          ></dees-shopping-productcard>
-
-          <dees-shopping-productcard
-            .productData=${{
-    name: 'Smart Watch Series 7',
-    category: 'Wearables',
-    description: 'Track your fitness and stay connected on the go',
-    price: 399.00,
-    iconName: 'lucide:watch'
-}}
-            .quantity=${1}
-          ></dees-shopping-productcard>
-
-          <dees-shopping-productcard
-            .productData=${{
-    name: 'USB-C Hub',
-    category: 'Accessories',
-    price: 49.99,
-    iconName: 'lucide:usb',
-    inStock: false
-}}
-            .quantity=${0}
-          ></dees-shopping-productcard>
-        </div>
-      </dees-panel>
-
-      <dees-panel .title=${'Interactive Shopping Cart'} .subtitle=${'Product cards with dynamic cart calculation'} .runAfterRender=${async (elementArg) => {
-    const products = [
-        { id: 'laptop', element: null, data: { name: 'MacBook Pro 14"', category: 'Computers', description: 'M3 Pro chip with 18GB RAM', price: 1999, originalPrice: 2199, iconName: 'lucide:laptop' } },
-        { id: 'tablet', element: null, data: { name: 'Tablet Air', category: 'Tablets', description: '10.9" high-resolution display', price: 599, iconName: 'lucide:tablet' } },
-        { id: 'keyboard', element: null, data: { name: 'Magic Keyboard', category: 'Accessories', description: 'Wireless keyboard with Touch ID', price: 149, iconName: 'lucide:keyboard' } }
-    ];
-    const updateCartSummary = () => {
-        let total = 0;
-        const items = [];
-        products.forEach(product => {
-            const element = elementArg.querySelector(`#${product.id}`);
-            if (element && element.quantity > 0) {
-                const subtotal = product.data.price * element.quantity;
-                total += subtotal;
-                items.push(`
-                <div class="cart-item">
-                  <span>${product.data.name} (${element.quantity})</span>
-                  <span>$${subtotal.toFixed(2)}</span>
-                </div>
-              `);
-            }
-        });
-        const summary = elementArg.querySelector('#interactive-cart-summary');
-        if (summary) {
-            summary.innerHTML = `
-              ${items.join('')}
-              ${items.length === 0 ? '<div class="cart-item" style="text-align: center; color: #999;">Your cart is empty</div>' : ''}
-              <div class="cart-total">
-                <span>Total</span>
-                <span>$${total.toFixed(2)}</span>
-              </div>
-            `;
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
         }
     };
-    // Initial update
-    setTimeout(updateCartSummary, 100);
-    // Set up listeners
-    elementArg.querySelectorAll('dees-shopping-productcard').forEach(card => {
-        card.addEventListener('quantityChange', updateCartSummary);
-    });
-}}>
-        <div class="product-grid">
-          <dees-shopping-productcard
-            id="laptop"
-            .productData=${{
-    name: 'MacBook Pro 14"',
-    category: 'Computers',
-    description: 'M3 Pro chip with 18GB RAM',
-    price: 1999,
-    originalPrice: 2199,
-    iconName: 'lucide:laptop'
-}}
-            .quantity=${1}
-          ></dees-shopping-productcard>
-
-          <dees-shopping-productcard
-            id="tablet"
-            .productData=${{
-    name: 'Tablet Air',
-    category: 'Tablets',
-    description: '10.9" high-resolution display',
-    price: 599,
-    iconName: 'lucide:tablet'
-}}
-            .quantity=${0}
-          ></dees-shopping-productcard>
-
-          <dees-shopping-productcard
-            id="keyboard"
-            .productData=${{
-    name: 'Magic Keyboard',
-    category: 'Accessories',
-    description: 'Wireless keyboard with Touch ID',
-    price: 149,
-    iconName: 'lucide:keyboard'
-}}
-            .quantity=${2}
-          ></dees-shopping-productcard>
-        </div>
-
-        <div class="cart-summary">
-          <h3 class="cart-summary-title">Shopping Cart</h3>
-          <div id="interactive-cart-summary">
-            <!-- Dynamically updated -->
-          </div>
-        </div>
-      </dees-panel>
-
-      <dees-panel .title=${'Selectable Product Cards'} .subtitle=${'Click cards or checkboxes to select products'}>
-        <div class="product-grid">
-          <dees-shopping-productcard
-            .productData=${{
-    name: 'Sony Alpha 7 IV',
-    category: 'Cameras',
-    description: 'Full-frame mirrorless camera',
-    price: 2498,
-    iconName: 'lucide:camera'
-}}
-            .selectable=${true}
-            .showQuantitySelector=${false}
-            @selectionChange=${(e) => {
-    const output = document.querySelector('#selection-output');
-    if (output) {
-        const selectedCards = document.querySelectorAll('dees-shopping-productcard[selectable]');
-        const selectedProducts = [];
-        selectedCards.forEach((card) => {
-            if (card.selected) {
-                selectedProducts.push(card.productData.name);
-            }
-        });
-        output.textContent = selectedProducts.length > 0
-            ? `Selected: ${selectedProducts.join(', ')}`
-            : 'No products selected';
-    }
-}}
-          ></dees-shopping-productcard>
-
-          <dees-shopping-productcard
-            .productData=${{
-    name: 'DJI Mini 3 Pro',
-    category: 'Drones',
-    description: 'Lightweight drone with 4K camera',
-    price: 759,
-    iconName: 'lucide:plane'
-}}
-            .selectable=${true}
-            .showQuantitySelector=${false}
-            @selectionChange=${(e) => {
-    const output = document.querySelector('#selection-output');
-    if (output) {
-        const selectedCards = document.querySelectorAll('dees-shopping-productcard[selectable]');
-        const selectedProducts = [];
-        selectedCards.forEach((card) => {
-            if (card.selected) {
-                selectedProducts.push(card.productData.name);
-            }
-        });
-        output.textContent = selectedProducts.length > 0
-            ? `Selected: ${selectedProducts.join(', ')}`
-            : 'No products selected';
-    }
-}}
-          ></dees-shopping-productcard>
-
-          <dees-shopping-productcard
-            .productData=${{
-    name: 'GoPro HERO12',
-    category: 'Action Cameras',
-    description: '5.3K video with HyperSmooth 6.0',
-    price: 399,
-    originalPrice: 449,
-    iconName: 'lucide:video'
-}}
-            .selectable=${true}
-            .showQuantitySelector=${false}
-            @selectionChange=${(e) => {
-    const output = document.querySelector('#selection-output');
-    if (output) {
-        const selectedCards = document.querySelectorAll('dees-shopping-productcard[selectable]');
-        const selectedProducts = [];
-        selectedCards.forEach((card) => {
-            if (card.selected) {
-                selectedProducts.push(card.productData.name);
-            }
-        });
-        output.textContent = selectedProducts.length > 0
-            ? `Selected: ${selectedProducts.join(', ')}`
-            : 'No products selected';
-    }
-}}
-          ></dees-shopping-productcard>
-        </div>
-        
-        <div class="selected-products" id="selection-output" style="margin-top: 16px;">
-          No products selected
-        </div>
-      </dees-panel>
-
-      <dees-panel .title=${'Product Variations'} .subtitle=${'Different states and configurations'}>
-        <div class="product-grid">
-          <dees-shopping-productcard
-            .productData=${{
-    name: 'Limited Edition Sneakers',
-    category: 'Footwear',
-    description: 'Exclusive colorway - Only 500 pairs',
-    price: 299,
-    iconName: 'lucide:footprints',
-    inStock: false,
-    stockText: 'Sold Out'
-}}
-            .quantity=${0}
-          ></dees-shopping-productcard>
-
-          <dees-shopping-productcard
-            .productData=${{
-    name: 'Minimalist Wallet',
-    price: 39.99,
-    iconName: 'lucide:wallet'
-}}
-            .quantity=${1}
-          ></dees-shopping-productcard>
-
-          <dees-shopping-productcard
-            .productData=${{
-    name: 'Premium Coffee Beans',
-    category: 'Food & Beverage',
-    description: 'Single origin, medium roast',
-    price: 18.50,
-    iconName: 'lucide:coffee',
-    currency: '€'
-}}
-            .quantity=${2}
-          ></dees-shopping-productcard>
-        </div>
-      </dees-panel>
-    </div>
-  </dees-demowrapper>
-`;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1zaG9wcGluZy1wcm9kdWN0Y2FyZC5kZW1vLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzLzAwZ3JvdXAtc2ltcGxlL2RlZXMtc2hvcHBpbmctcHJvZHVjdGNhcmQvZGVlcy1zaG9wcGluZy1wcm9kdWN0Y2FyZC5kZW1vLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFLFVBQVUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3BFLE9BQU8sdUNBQXVDLENBQUM7QUFDL0MsT0FBTywrQ0FBK0MsQ0FBQztBQUd2RCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOzs7UUFHMUIsR0FBRyxDQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O3dCQW1CYSxVQUFVLENBQUMsT0FBTyxDQUFDLG9CQUFvQixFQUFFLHNCQUFzQixDQUFDOzhCQUMxRCxVQUFVLENBQUMsT0FBTyxDQUFDLHdCQUF3QixFQUFFLHNCQUFzQixDQUFDOzs7Ozs7OzttQkFRL0UsVUFBVSxDQUFDLE9BQU8sQ0FBQyxjQUFjLEVBQUUsZUFBZSxDQUFDOzs7Ozs7Ozs7bUJBU25ELFVBQVUsQ0FBQyxPQUFPLENBQUMsc0JBQXNCLEVBQUUsd0JBQXdCLENBQUM7Ozs7Ozs7OztrQ0FTckQsVUFBVSxDQUFDLE9BQU8sQ0FBQyxpQkFBaUIsRUFBRSxpQkFBaUIsQ0FBQzs7O21CQUd2RSxVQUFVLENBQUMsT0FBTyxDQUFDLGNBQWMsRUFBRSxlQUFlLENBQUM7Ozs7O3dCQUs5QyxVQUFVLENBQUMsT0FBTyxDQUFDLG9CQUFvQixFQUFFLHNCQUFzQixDQUFDOzs7bUJBR3JFLFVBQVUsQ0FBQyxPQUFPLENBQUMsc0JBQXNCLEVBQUUsd0JBQXdCLENBQUM7O09BRWhGOzs7OzJCQUlvQixxQkFBcUIsY0FBYyxvREFBb0Q7OzsyQkFHdkY7SUFDYixJQUFJLEVBQUUsK0JBQStCO0lBQ3JDLFFBQVEsRUFBRSxPQUFPO0lBQ2pCLFdBQVcsRUFBRSxzREFBc0Q7SUFDbkUsS0FBSyxFQUFFLE1BQU07SUFDYixhQUFhLEVBQUUsTUFBTTtJQUNyQixRQUFRLEVBQUUsbUJBQW1CO0NBQzlCO3dCQUNXLENBQUM7Ozs7MkJBSUU7SUFDYixJQUFJLEVBQUUsc0JBQXNCO0lBQzVCLFFBQVEsRUFBRSxXQUFXO0lBQ3JCLFdBQVcsRUFBRSxpREFBaUQ7SUFDOUQsS0FBSyxFQUFFLE1BQU07SUFDYixRQUFRLEVBQUUsY0FBYztDQUN6Qjt3QkFDVyxDQUFDOzs7OzJCQUlFO0lBQ2IsSUFBSSxFQUFFLFdBQVc7SUFDakIsUUFBUSxFQUFFLGFBQWE7SUFDdkIsS0FBSyxFQUFFLEtBQUs7SUFDWixRQUFRLEVBQUUsWUFBWTtJQUN0QixPQUFPLEVBQUUsS0FBSztDQUNmO3dCQUNXLENBQUM7Ozs7OzJCQUtFLDJCQUEyQixjQUFjLDZDQUE2QyxvQkFBb0IsS0FBSyxFQUFFLFVBQXVCLEVBQUUsRUFBRTtJQUMvSixNQUFNLFFBQVEsR0FBRztRQUNmLEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsSUFBc0MsRUFBRSxJQUFJLEVBQUUsRUFBRSxJQUFJLEVBQUUsaUJBQWlCLEVBQUUsUUFBUSxFQUFFLFdBQVcsRUFBRSxXQUFXLEVBQUUsMkJBQTJCLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxhQUFhLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxlQUFlLEVBQUUsRUFBQztRQUNqTyxFQUFFLEVBQUUsRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLElBQXNDLEVBQUUsSUFBSSxFQUFFLEVBQUUsSUFBSSxFQUFFLFlBQVksRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSwrQkFBK0IsRUFBRSxLQUFLLEVBQUUsR0FBRyxFQUFFLFFBQVEsRUFBRSxlQUFlLEVBQUUsRUFBQztRQUN4TSxFQUFFLEVBQUUsRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLElBQXNDLEVBQUUsSUFBSSxFQUFFLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixFQUFFLFFBQVEsRUFBRSxhQUFhLEVBQUUsV0FBVyxFQUFFLGlDQUFpQyxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsUUFBUSxFQUFFLGlCQUFpQixFQUFFLEVBQUM7S0FDdk4sQ0FBQztJQUVGLE1BQU0saUJBQWlCLEdBQUcsR0FBRyxFQUFFO1FBQzdCLElBQUksS0FBSyxHQUFHLENBQUMsQ0FBQztRQUNkLE1BQU0sS0FBSyxHQUFhLEVBQUUsQ0FBQztRQUUzQixRQUFRLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxFQUFFO1lBQ3pCLE1BQU0sT0FBTyxHQUFHLFVBQVUsQ0FBQyxhQUFhLENBQUMsSUFBSSxPQUFPLENBQUMsRUFBRSxFQUFFLENBQTRCLENBQUM7WUFDdEYsSUFBSSxPQUFPLElBQUksT0FBTyxDQUFDLFFBQVEsR0FBRyxDQUFDLEVBQUUsQ0FBQztnQkFDcEMsTUFBTSxRQUFRLEdBQUcsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLEdBQUcsT0FBTyxDQUFDLFFBQVEsQ0FBQztnQkFDdkQsS0FBSyxJQUFJLFFBQVEsQ0FBQztnQkFDbEIsS0FBSyxDQUFDLElBQUksQ0FBQzs7MEJBRUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLEtBQUssT0FBTyxDQUFDLFFBQVE7MkJBQ3JDLFFBQVEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDOztlQUUvQixDQUFDLENBQUM7WUFDTCxDQUFDO1FBQ0gsQ0FBQyxDQUFDLENBQUM7UUFFSCxNQUFNLE9BQU8sR0FBRyxVQUFVLENBQUMsYUFBYSxDQUFDLDJCQUEyQixDQUFDLENBQUM7UUFDdEUsSUFBSSxPQUFPLEVBQUUsQ0FBQztZQUNaLE9BQU8sQ0FBQyxTQUFTLEdBQUc7Z0JBQ2hCLEtBQUssQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDO2dCQUNkLEtBQUssQ0FBQyxNQUFNLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQywwRkFBMEYsQ0FBQyxDQUFDLENBQUMsRUFBRTs7O3lCQUczRyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQzs7YUFFNUIsQ0FBQztRQUNKLENBQUM7SUFDSCxDQUFDLENBQUM7SUFFRixpQkFBaUI7SUFDakIsVUFBVSxDQUFDLGlCQUFpQixFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBRW5DLG1CQUFtQjtJQUNuQixVQUFVLENBQUMsZ0JBQWdCLENBQUMsMkJBQTJCLENBQUMsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUU7UUFDdEUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLGdCQUFnQixFQUFFLGlCQUFpQixDQUFDLENBQUM7SUFDN0QsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDOzs7OzJCQUlvQjtJQUNiLElBQUksRUFBRSxpQkFBaUI7SUFDdkIsUUFBUSxFQUFFLFdBQVc7SUFDckIsV0FBVyxFQUFFLDJCQUEyQjtJQUN4QyxLQUFLLEVBQUUsSUFBSTtJQUNYLGFBQWEsRUFBRSxJQUFJO0lBQ25CLFFBQVEsRUFBRSxlQUFlO0NBQzFCO3dCQUNXLENBQUM7Ozs7OzJCQUtFO0lBQ2IsSUFBSSxFQUFFLFlBQVk7SUFDbEIsUUFBUSxFQUFFLFNBQVM7SUFDbkIsV0FBVyxFQUFFLCtCQUErQjtJQUM1QyxLQUFLLEVBQUUsR0FBRztJQUNWLFFBQVEsRUFBRSxlQUFlO0NBQzFCO3dCQUNXLENBQUM7Ozs7OzJCQUtFO0lBQ2IsSUFBSSxFQUFFLGdCQUFnQjtJQUN0QixRQUFRLEVBQUUsYUFBYTtJQUN2QixXQUFXLEVBQUUsaUNBQWlDO0lBQzlDLEtBQUssRUFBRSxHQUFHO0lBQ1YsUUFBUSxFQUFFLGlCQUFpQjtDQUM1Qjt3QkFDVyxDQUFDOzs7Ozs7Ozs7Ozs7MkJBWUUsMEJBQTBCLGNBQWMsOENBQThDOzs7MkJBR3RGO0lBQ2IsSUFBSSxFQUFFLGlCQUFpQjtJQUN2QixRQUFRLEVBQUUsU0FBUztJQUNuQixXQUFXLEVBQUUsOEJBQThCO0lBQzNDLEtBQUssRUFBRSxJQUFJO0lBQ1gsUUFBUSxFQUFFLGVBQWU7Q0FDMUI7MEJBQ2EsSUFBSTtvQ0FDTSxLQUFLOytCQUNWLENBQUMsQ0FBYyxFQUFFLEVBQUU7SUFDcEMsTUFBTSxNQUFNLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO0lBQzNELElBQUksTUFBTSxFQUFFLENBQUM7UUFDWCxNQUFNLGFBQWEsR0FBRyxRQUFRLENBQUMsZ0JBQWdCLENBQUMsdUNBQXVDLENBQUMsQ0FBQztRQUN6RixNQUFNLGdCQUFnQixHQUFhLEVBQUUsQ0FBQztRQUNyQyxhQUFxRCxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFO1lBQ3RFLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO2dCQUNsQixnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUMvQyxDQUFDO1FBQ0gsQ0FBQyxDQUFDLENBQUM7UUFDSCxNQUFNLENBQUMsV0FBVyxHQUFHLGdCQUFnQixDQUFDLE1BQU0sR0FBRyxDQUFDO1lBQzlDLENBQUMsQ0FBQyxhQUFhLGdCQUFnQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsRUFBRTtZQUM1QyxDQUFDLENBQUMsc0JBQXNCLENBQUM7SUFDN0IsQ0FBQztBQUNILENBQUM7Ozs7MkJBSWM7SUFDYixJQUFJLEVBQUUsZ0JBQWdCO0lBQ3RCLFFBQVEsRUFBRSxRQUFRO0lBQ2xCLFdBQVcsRUFBRSxrQ0FBa0M7SUFDL0MsS0FBSyxFQUFFLEdBQUc7SUFDVixRQUFRLEVBQUUsY0FBYztDQUN6QjswQkFDYSxJQUFJO29DQUNNLEtBQUs7K0JBQ1YsQ0FBQyxDQUFjLEVBQUUsRUFBRTtJQUNwQyxNQUFNLE1BQU0sR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLG1CQUFtQixDQUFDLENBQUM7SUFDM0QsSUFBSSxNQUFNLEVBQUUsQ0FBQztRQUNYLE1BQU0sYUFBYSxHQUFHLFFBQVEsQ0FBQyxnQkFBZ0IsQ0FBQyx1Q0FBdUMsQ0FBQyxDQUFDO1FBQ3pGLE1BQU0sZ0JBQWdCLEdBQWEsRUFBRSxDQUFDO1FBQ3JDLGFBQXFELENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUU7WUFDdEUsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7Z0JBQ2xCLGdCQUFnQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQy9DLENBQUM7UUFDSCxDQUFDLENBQUMsQ0FBQztRQUNILE1BQU0sQ0FBQyxXQUFXLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxHQUFHLENBQUM7WUFDOUMsQ0FBQyxDQUFDLGFBQWEsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFO1lBQzVDLENBQUMsQ0FBQyxzQkFBc0IsQ0FBQztJQUM3QixDQUFDO0FBQ0gsQ0FBQzs7OzsyQkFJYztJQUNiLElBQUksRUFBRSxjQUFjO0lBQ3BCLFFBQVEsRUFBRSxnQkFBZ0I7SUFDMUIsV0FBVyxFQUFFLGlDQUFpQztJQUM5QyxLQUFLLEVBQUUsR0FBRztJQUNWLGFBQWEsRUFBRSxHQUFHO0lBQ2xCLFFBQVEsRUFBRSxjQUFjO0NBQ3pCOzBCQUNhLElBQUk7b0NBQ00sS0FBSzsrQkFDVixDQUFDLENBQWMsRUFBRSxFQUFFO0lBQ3BDLE1BQU0sTUFBTSxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsbUJBQW1CLENBQUMsQ0FBQztJQUMzRCxJQUFJLE1BQU0sRUFBRSxDQUFDO1FBQ1gsTUFBTSxhQUFhLEdBQUcsUUFBUSxDQUFDLGdCQUFnQixDQUFDLHVDQUF1QyxDQUFDLENBQUM7UUFDekYsTUFBTSxnQkFBZ0IsR0FBYSxFQUFFLENBQUM7UUFDckMsYUFBcUQsQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRTtZQUN0RSxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztnQkFDbEIsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDL0MsQ0FBQztRQUNILENBQUMsQ0FBQyxDQUFDO1FBQ0gsTUFBTSxDQUFDLFdBQVcsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEdBQUcsQ0FBQztZQUM5QyxDQUFDLENBQUMsYUFBYSxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUU7WUFDNUMsQ0FBQyxDQUFDLHNCQUFzQixDQUFDO0lBQzdCLENBQUM7QUFDSCxDQUFDOzs7Ozs7Ozs7MkJBU2Msb0JBQW9CLGNBQWMscUNBQXFDOzs7MkJBR3ZFO0lBQ2IsSUFBSSxFQUFFLDBCQUEwQjtJQUNoQyxRQUFRLEVBQUUsVUFBVTtJQUNwQixXQUFXLEVBQUUscUNBQXFDO0lBQ2xELEtBQUssRUFBRSxHQUFHO0lBQ1YsUUFBUSxFQUFFLG1CQUFtQjtJQUM3QixPQUFPLEVBQUUsS0FBSztJQUNkLFNBQVMsRUFBRSxVQUFVO0NBQ3RCO3dCQUNXLENBQUM7Ozs7MkJBSUU7SUFDYixJQUFJLEVBQUUsbUJBQW1CO0lBQ3pCLEtBQUssRUFBRSxLQUFLO0lBQ1osUUFBUSxFQUFFLGVBQWU7Q0FDMUI7d0JBQ1csQ0FBQzs7OzsyQkFJRTtJQUNiLElBQUksRUFBRSxzQkFBc0I7SUFDNUIsUUFBUSxFQUFFLGlCQUFpQjtJQUMzQixXQUFXLEVBQUUsNkJBQTZCO0lBQzFDLEtBQUssRUFBRSxLQUFLO0lBQ1osUUFBUSxFQUFFLGVBQWU7SUFDekIsUUFBUSxFQUFFLEdBQUc7Q0FDZDt3QkFDVyxDQUFDOzs7Ozs7Q0FNeEIsQ0FBQyJ9
+    return DeesDemoSimpleShop = _classThis;
+})();
+export const demoFunc = () => demoPage('Good things for good work.', 'A considered set of desk essentials. Find your favorites and build a kit that works together.', html `<dees-demo-simple-shop></dees-demo-simple-shop>`);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1zaG9wcGluZy1wcm9kdWN0Y2FyZC5kZW1vLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzLzAwZ3JvdXAtc2ltcGxlL2RlZXMtc2hvcHBpbmctcHJvZHVjdGNhcmQvZGVlcy1zaG9wcGluZy1wcm9kdWN0Y2FyZC5kZW1vLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBRSxVQUFVLEVBQUUsYUFBYSxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN2RyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUN0RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFdkQsT0FBTyxzRUFBc0UsQ0FBQztBQUM5RSxPQUFPLGlEQUFpRCxDQUFDO0FBRXpELG9GQUFvRjtBQUNwRixNQUFNLFlBQVksR0FBRyxDQUFDLE9BQWUsRUFBRSxFQUFFLENBQUMsc0JBQXNCLGtCQUFrQixDQUFDLGdIQUFnSCxPQUFPLFFBQVEsQ0FBQyxFQUFFLENBQUM7QUFDdE4sTUFBTSxRQUFRLEdBQW1CO0lBQy9CLEVBQUUsSUFBSSxFQUFFLG1CQUFtQixFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLG1DQUFtQyxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsYUFBYSxFQUFFLEdBQUcsRUFBRSxRQUFRLEVBQUUsbUJBQW1CLEVBQUUsUUFBUSxFQUFFLFlBQVksQ0FBQywyY0FBMmMsQ0FBQyxFQUFFO0lBQ3RvQixFQUFFLElBQUksRUFBRSxtQkFBbUIsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLFdBQVcsRUFBRSx3Q0FBd0MsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxpQkFBaUIsRUFBRSxRQUFR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