@magic-spells/cart-panel 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +537 -0
- package/dist/cart-panel.cjs.css +171 -0
- package/dist/cart-panel.cjs.js +473 -0
- package/dist/cart-panel.cjs.js.map +1 -0
- package/dist/cart-panel.css +171 -0
- package/dist/cart-panel.esm.css +171 -0
- package/dist/cart-panel.esm.js +466 -0
- package/dist/cart-panel.esm.js.map +1 -0
- package/dist/cart-panel.js +969 -0
- package/dist/cart-panel.js.map +1 -0
- package/dist/cart-panel.min.css +1 -0
- package/dist/cart-panel.min.js +1 -0
- package/dist/cart-panel.scss +117 -0
- package/package.json +82 -0
- package/src/cart-panel.js +470 -0
- package/src/cart-panel.scss +117 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cart-panel.js","sources":["../node_modules/@magic-spells/cart-item/dist/cart-item.esm.js","../node_modules/@magic-spells/focus-trap/dist/focus-trap.esm.js","../node_modules/@magic-spells/event-emitter/dist/event-emitter.esm.js","../src/cart-panel.js"],"sourcesContent":["/**\n * CartItem class that handles the functionality of a cart item component\n */\nclass CartItem extends HTMLElement {\n // Private fields\n #currentState = 'ready';\n #isDestroying = false;\n #handlers = {};\n\n /**\n * Define which attributes should be observed for changes\n */\n static get observedAttributes() {\n return ['data-state', 'data-key'];\n }\n\n /**\n * Called when observed attributes change\n */\n attributeChangedCallback(name, oldValue, newValue) {\n if (oldValue === newValue) return;\n\n if (name === 'data-state') {\n this.#currentState = newValue || 'ready';\n }\n }\n\n constructor() {\n super();\n\n // Set initial state\n this.#currentState = this.getAttribute('data-state') || 'ready';\n\n // Bind event handlers\n this.#handlers = {\n click: this.#handleClick.bind(this),\n change: this.#handleChange.bind(this),\n transitionEnd: this.#handleTransitionEnd.bind(this),\n };\n }\n\n connectedCallback() {\n // Find child elements\n this.content = this.querySelector('cart-item-content');\n this.processing = this.querySelector('cart-item-processing');\n\n // Attach event listeners\n this.#attachListeners();\n }\n\n disconnectedCallback() {\n // Cleanup event listeners\n this.#detachListeners();\n }\n\n /**\n * Attach event listeners\n */\n #attachListeners() {\n this.addEventListener('click', this.#handlers.click);\n this.addEventListener('change', this.#handlers.change);\n this.addEventListener('transitionend', this.#handlers.transitionEnd);\n }\n\n /**\n * Detach event listeners\n */\n #detachListeners() {\n this.removeEventListener('click', this.#handlers.click);\n this.removeEventListener('change', this.#handlers.change);\n this.removeEventListener('transitionend', this.#handlers.transitionEnd);\n }\n\n /**\n * Get the current state\n */\n get state() {\n return this.#currentState;\n }\n\n /**\n * Get the cart key for this item\n */\n get cartKey() {\n return this.getAttribute('data-key');\n }\n\n /**\n * Handle click events (for Remove buttons, etc.)\n */\n #handleClick(e) {\n // Check if clicked element is a remove button\n const removeButton = e.target.closest('[data-action=\"remove\"]');\n if (removeButton) {\n e.preventDefault();\n this.#emitRemoveEvent();\n }\n }\n\n /**\n * Handle change events (for quantity inputs)\n */\n #handleChange(e) {\n // Check if changed element is a quantity input\n const quantityInput = e.target.closest('[data-cart-quantity]');\n if (quantityInput) {\n this.#emitQuantityChangeEvent(quantityInput.value);\n }\n }\n\n /**\n * Handle transition end events for destroy animation\n */\n #handleTransitionEnd(e) {\n if (e.propertyName === 'height' && this.#isDestroying) {\n // Remove from DOM after height animation completes\n this.remove();\n }\n }\n\n /**\n * Emit remove event\n */\n #emitRemoveEvent() {\n this.dispatchEvent(\n new CustomEvent('cart-item:remove', {\n bubbles: true,\n detail: {\n cartKey: this.cartKey,\n element: this,\n },\n })\n );\n }\n\n /**\n * Emit quantity change event\n */\n #emitQuantityChangeEvent(quantity) {\n this.dispatchEvent(\n new CustomEvent('cart-item:quantity-change', {\n bubbles: true,\n detail: {\n cartKey: this.cartKey,\n quantity: parseInt(quantity),\n element: this,\n },\n })\n );\n }\n\n /**\n * Set the state of the cart item\n * @param {string} state - 'ready', 'processing', or 'destroying'\n */\n setState(state) {\n if (['ready', 'processing', 'destroying'].includes(state)) {\n this.setAttribute('data-state', state);\n }\n }\n\n /**\n * Destroy this cart item with animation\n */\n destroyYourself() {\n if (this.#isDestroying) return; // Prevent multiple calls\n\n this.#isDestroying = true;\n\n // First set to destroying state for visual effects\n this.setState('destroying');\n\n // Get current height for animation\n const currentHeight = this.offsetHeight;\n\n // Force height to current value (removes auto)\n this.style.height = `${currentHeight}px`;\n\n // Trigger reflow to ensure height is set\n this.offsetHeight;\n\n // Get the destroying duration from CSS custom property\n const computedStyle = getComputedStyle(this);\n const destroyingDuration =\n computedStyle.getPropertyValue('--cart-item-destroying-duration') || '400ms';\n\n // Add transition and animate to 0 height\n this.style.transition = `all ${destroyingDuration} ease`;\n this.style.height = '0px';\n\n // The actual removal happens in #handleTransitionEnd\n }\n}\n\n/**\n * Supporting component classes for cart item\n */\nclass CartItemContent extends HTMLElement {\n constructor() {\n super();\n }\n}\n\nclass CartItemProcessing extends HTMLElement {\n constructor() {\n super();\n }\n}\n\n// Define custom elements\ncustomElements.define('cart-item', CartItem);\ncustomElements.define('cart-item-content', CartItemContent);\ncustomElements.define('cart-item-processing', CartItemProcessing);\n\nexport { CartItem, CartItemContent, CartItemProcessing };\n//# sourceMappingURL=cart-item.esm.js.map\n","/**\n * Retrieves all focusable elements within a given container.\n *\n * @param {HTMLElement} container - The container element to search for focusable elements.\n * @returns {HTMLElement[]} An array of focusable elements found within the container.\n */\nconst getFocusableElements = (container) => {\n\tconst focusableSelectors =\n\t\t'summary, a[href], button:not(:disabled), [tabindex]:not([tabindex^=\"-\"]):not(focus-trap-start):not(focus-trap-end), [draggable], area, input:not([type=hidden]):not(:disabled), select:not(:disabled), textarea:not(:disabled), object, iframe';\n\treturn Array.from(container.querySelectorAll(focusableSelectors));\n};\n\nclass FocusTrap extends HTMLElement {\n\t/** @type {boolean} Indicates whether the styles have been injected into the DOM. */\n\tstatic styleInjected = false;\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.trapStart = null;\n\t\tthis.trapEnd = null;\n\n\t\t// Inject styles only once, when the first FocusTrap instance is created.\n\t\tif (!FocusTrap.styleInjected) {\n\t\t\tthis.injectStyles();\n\t\t\tFocusTrap.styleInjected = true;\n\t\t}\n\t}\n\n\t/**\n\t * Injects necessary styles for the focus trap into the document's head.\n\t * This ensures that focus-trap-start and focus-trap-end elements are hidden.\n\t */\n\tinjectStyles() {\n\t\tconst style = document.createElement('style');\n\t\tstyle.textContent = `\n focus-trap-start,\n focus-trap-end {\n position: absolute;\n width: 1px;\n height: 1px;\n margin: -1px;\n padding: 0;\n border: 0;\n clip: rect(0, 0, 0, 0);\n overflow: hidden;\n white-space: nowrap;\n }\n `;\n\t\tdocument.head.appendChild(style);\n\t}\n\n\t/**\n\t * Called when the element is connected to the DOM.\n\t * Sets up the focus trap and adds the keydown event listener.\n\t */\n\tconnectedCallback() {\n\t\tthis.setupTrap();\n\t\tthis.addEventListener('keydown', this.handleKeyDown);\n\t}\n\n\t/**\n\t * Called when the element is disconnected from the DOM.\n\t * Removes the keydown event listener.\n\t */\n\tdisconnectedCallback() {\n\t\tthis.removeEventListener('keydown', this.handleKeyDown);\n\t}\n\n\t/**\n\t * Sets up the focus trap by adding trap start and trap end elements.\n\t * Focuses the trap start element to initiate the focus trap.\n\t */\n\tsetupTrap() {\n\t\t// check to see it there are any focusable children\n\t\tconst focusableElements = getFocusableElements(this);\n\t\t// exit if there aren't any\n\t\tif (focusableElements.length === 0) return;\n\n\t\t// create trap start and end elements\n\t\tthis.trapStart = document.createElement('focus-trap-start');\n\t\tthis.trapEnd = document.createElement('focus-trap-end');\n\n\t\t// add to DOM\n\t\tthis.prepend(this.trapStart);\n\t\tthis.append(this.trapEnd);\n\t}\n\n\t/**\n\t * Handles the keydown event. If the Escape key is pressed, the focus trap is exited.\n\t *\n\t * @param {KeyboardEvent} e - The keyboard event object.\n\t */\n\thandleKeyDown = (e) => {\n\t\tif (e.key === 'Escape') {\n\t\t\te.preventDefault();\n\t\t\tthis.exitTrap();\n\t\t}\n\t};\n\n\t/**\n\t * Exits the focus trap by hiding the current container and shifting focus\n\t * back to the trigger element that opened the trap.\n\t */\n\texitTrap() {\n\t\tconst container = this.closest('[aria-hidden=\"false\"]');\n\t\tif (!container) return;\n\n\t\tcontainer.setAttribute('aria-hidden', 'true');\n\n\t\tconst trigger = document.querySelector(\n\t\t\t`[aria-expanded=\"true\"][aria-controls=\"${container.id}\"]`\n\t\t);\n\t\tif (trigger) {\n\t\t\ttrigger.setAttribute('aria-expanded', 'false');\n\t\t\ttrigger.focus();\n\t\t}\n\t}\n}\n\nclass FocusTrapStart extends HTMLElement {\n\t/**\n\t * Called when the element is connected to the DOM.\n\t * Sets the tabindex and adds the focus event listener.\n\t */\n\tconnectedCallback() {\n\t\tthis.setAttribute('tabindex', '0');\n\t\tthis.addEventListener('focus', this.handleFocus);\n\t}\n\n\t/**\n\t * Called when the element is disconnected from the DOM.\n\t * Removes the focus event listener.\n\t */\n\tdisconnectedCallback() {\n\t\tthis.removeEventListener('focus', this.handleFocus);\n\t}\n\n\t/**\n\t * Handles the focus event. If focus moves backwards from the first focusable element,\n\t * it is cycled to the last focusable element, and vice versa.\n\t *\n\t * @param {FocusEvent} e - The focus event object.\n\t */\n\thandleFocus = (e) => {\n\t\tconst trap = this.closest('focus-trap');\n\t\tconst focusableElements = getFocusableElements(trap);\n\n\t\tif (focusableElements.length === 0) return;\n\n\t\tconst firstElement = focusableElements[0];\n\t\tconst lastElement =\n\t\t\tfocusableElements[focusableElements.length - 1];\n\n\t\tif (e.relatedTarget === firstElement) {\n\t\t\tlastElement.focus();\n\t\t} else {\n\t\t\tfirstElement.focus();\n\t\t}\n\t};\n}\n\nclass FocusTrapEnd extends HTMLElement {\n\t/**\n\t * Called when the element is connected to the DOM.\n\t * Sets the tabindex and adds the focus event listener.\n\t */\n\tconnectedCallback() {\n\t\tthis.setAttribute('tabindex', '0');\n\t\tthis.addEventListener('focus', this.handleFocus);\n\t}\n\n\t/**\n\t * Called when the element is disconnected from the DOM.\n\t * Removes the focus event listener.\n\t */\n\tdisconnectedCallback() {\n\t\tthis.removeEventListener('focus', this.handleFocus);\n\t}\n\n\t/**\n\t * Handles the focus event. When the trap end is focused, focus is shifted back to the trap start.\n\t */\n\thandleFocus = () => {\n\t\tconst trap = this.closest('focus-trap');\n\t\tconst trapStart = trap.querySelector('focus-trap-start');\n\t\ttrapStart.focus();\n\t};\n}\n\ncustomElements.define('focus-trap', FocusTrap);\ncustomElements.define('focus-trap-start', FocusTrapStart);\ncustomElements.define('focus-trap-end', FocusTrapEnd);\n//# sourceMappingURL=focus-trap.esm.js.map\n","class EventEmitter {\n #events;\n\n constructor() {\n this.#events = new Map();\n }\n\n /**\n * Binds a listener to an event.\n * @param {string} event - The event to bind the listener to.\n * @param {Function} listener - The listener function to bind.\n * @returns {EventEmitter} The current instance for chaining.\n * @throws {TypeError} If the listener is not a function.\n */\n on(event, listener) {\n if (typeof listener !== \"function\") {\n throw new TypeError(\"Listener must be a function\");\n }\n\n const listeners = this.#events.get(event) || [];\n if (!listeners.includes(listener)) {\n listeners.push(listener);\n }\n this.#events.set(event, listeners);\n\n return this;\n }\n\n /**\n * Unbinds a listener from an event.\n * @param {string} event - The event to unbind the listener from.\n * @param {Function} listener - The listener function to unbind.\n * @returns {EventEmitter} The current instance for chaining.\n */\n off(event, listener) {\n const listeners = this.#events.get(event);\n if (!listeners) return this;\n\n const index = listeners.indexOf(listener);\n if (index !== -1) {\n listeners.splice(index, 1);\n if (listeners.length === 0) {\n this.#events.delete(event);\n } else {\n this.#events.set(event, listeners);\n }\n }\n\n return this;\n }\n\n /**\n * Triggers an event and calls all bound listeners.\n * @param {string} event - The event to trigger.\n * @param {...*} args - Arguments to pass to the listener functions.\n * @returns {boolean} True if the event had listeners, false otherwise.\n */\n emit(event, ...args) {\n const listeners = this.#events.get(event);\n if (!listeners || listeners.length === 0) return false;\n\n for (let i = 0, n = listeners.length; i < n; ++i) {\n try {\n listeners[i].apply(this, args);\n } catch (error) {\n console.error(`Error in listener for event '${event}':`, error);\n }\n }\n\n return true;\n }\n\n /**\n * Removes all listeners for a specific event or all events.\n * @param {string} [event] - The event to remove listeners from. If not provided, removes all listeners.\n * @returns {EventEmitter} The current instance for chaining.\n */\n removeAllListeners(event) {\n if (event) {\n this.#events.delete(event);\n } else {\n this.#events.clear();\n }\n return this;\n }\n}\n\nexport { EventEmitter as default };\n//# sourceMappingURL=event-emitter.esm.js.map\n","import './cart-panel.scss';\nimport '@magic-spells/cart-item';\nimport '@magic-spells/focus-trap';\nimport EventEmitter from '@magic-spells/event-emitter';\n\n/**\n * Custom element that creates an accessible modal cart dialog with focus management\n * @extends HTMLElement\n */\nclass CartDialog extends HTMLElement {\n\t#handleTransitionEnd;\n\t#scrollPosition = 0;\n\t#currentCart = null;\n\t#eventEmitter;\n\n\t/**\n\t * Clean up event listeners when component is removed from DOM\n\t */\n\tdisconnectedCallback() {\n\t\tconst _ = this;\n\t\tif (_.contentPanel) {\n\t\t\t_.contentPanel.removeEventListener('transitionend', _.#handleTransitionEnd);\n\t\t}\n\n\t\t// Ensure body scroll is restored if component is removed while open\n\t\tdocument.body.classList.remove('overflow-hidden');\n\t\tthis.#restoreScroll();\n\n\t\t// Detach event listeners\n\t\tthis.#detachListeners();\n\t}\n\n\t/**\n\t * Saves current scroll position and locks body scrolling\n\t * @private\n\t */\n\t#lockScroll() {\n\t\tconst _ = this;\n\t\t// Save current scroll position\n\t\t_.#scrollPosition = window.pageYOffset;\n\n\t\t// Apply fixed position to body\n\t\tdocument.body.classList.add('overflow-hidden');\n\t\tdocument.body.style.top = `-${_.#scrollPosition}px`;\n\t}\n\n\t/**\n\t * Restores scroll position when cart dialog is closed\n\t * @private\n\t */\n\t#restoreScroll() {\n\t\tconst _ = this;\n\t\t// Remove fixed positioning\n\t\tdocument.body.classList.remove('overflow-hidden');\n\t\tdocument.body.style.removeProperty('top');\n\n\t\t// Restore scroll position\n\t\twindow.scrollTo(0, _.#scrollPosition);\n\t}\n\n\t/**\n\t * Initializes the cart dialog, sets up focus trap and overlay\n\t */\n\tconstructor() {\n\t\tsuper();\n\t\tconst _ = this;\n\t\t_.id = _.getAttribute('id');\n\t\t_.setAttribute('role', 'dialog');\n\t\t_.setAttribute('aria-modal', 'true');\n\t\t_.setAttribute('aria-hidden', 'true');\n\n\t\t_.triggerEl = null;\n\n\t\t// Initialize event emitter\n\t\t_.#eventEmitter = new EventEmitter();\n\n\t\t// Create a handler for transition end events\n\t\t_.#handleTransitionEnd = (e) => {\n\t\t\tif (e.propertyName === 'opacity' && _.getAttribute('aria-hidden') === 'true') {\n\t\t\t\t_.contentPanel.classList.add('hidden');\n\n\t\t\t\t// Emit afterHide event - cart dialog has completed its transition\n\t\t\t\t_.#emit('cart-dialog:afterHide', { triggerElement: _.triggerEl });\n\t\t\t}\n\t\t};\n\t}\n\n\tconnectedCallback() {\n\t\tconst _ = this;\n\n\t\t// Now that we're in the DOM, find the content panel and set up focus trap\n\t\t_.contentPanel = _.querySelector('cart-panel');\n\n\t\tif (!_.contentPanel) {\n\t\t\tconsole.error('cart-panel element not found inside cart-dialog');\n\t\t\treturn;\n\t\t}\n\n\t\t_.focusTrap = document.createElement('focus-trap');\n\n\t\t// Ensure we have labelledby and describedby references\n\t\tif (!_.getAttribute('aria-labelledby')) {\n\t\t\tconst heading = _.querySelector('h1, h2, h3');\n\t\t\tif (heading && !heading.id) {\n\t\t\t\theading.id = `${_.id}-title`;\n\t\t\t}\n\t\t\tif (heading?.id) {\n\t\t\t\t_.setAttribute('aria-labelledby', heading.id);\n\t\t\t}\n\t\t}\n\n\t\t_.contentPanel.parentNode.insertBefore(_.focusTrap, _.contentPanel);\n\t\t_.focusTrap.appendChild(_.contentPanel);\n\n\t\t_.focusTrap.setupTrap();\n\n\t\t// Add modal overlay\n\t\t_.prepend(document.createElement('cart-overlay'));\n\t\t_.#attachListeners();\n\t\t_.#bindKeyboard();\n\t}\n\n\t/**\n\t * Event emitter method - Add an event listener with a cleaner API\n\t * @param {string} eventName - Name of the event to listen for\n\t * @param {Function} callback - Callback function to execute when event is fired\n\t * @returns {CartDialog} Returns this for method chaining\n\t */\n\ton(eventName, callback) {\n\t\tthis.#eventEmitter.on(eventName, callback);\n\t\treturn this;\n\t}\n\n\t/**\n\t * Event emitter method - Remove an event listener\n\t * @param {string} eventName - Name of the event to stop listening for\n\t * @param {Function} callback - Callback function to remove\n\t * @returns {CartDialog} Returns this for method chaining\n\t */\n\toff(eventName, callback) {\n\t\tthis.#eventEmitter.off(eventName, callback);\n\t\treturn this;\n\t}\n\n\t/**\n\t * Internal method to emit events via the event emitter\n\t * @param {string} eventName - Name of the event to emit\n\t * @param {*} [data] - Optional data to include with the event\n\t * @private\n\t */\n\t#emit(eventName, data = null) {\n\t\tthis.#eventEmitter.emit(eventName, data);\n\t}\n\n\t/**\n\t * Attach event listeners for cart dialog functionality\n\t * @private\n\t */\n\t#attachListeners() {\n\t\tconst _ = this;\n\n\t\t// Handle trigger buttons\n\t\tdocument.addEventListener('click', (e) => {\n\t\t\tconst trigger = e.target.closest(`[aria-controls=\"${_.id}\"]`);\n\t\t\tif (!trigger) return;\n\n\t\t\tif (trigger.getAttribute('data-prevent-default') === 'true') {\n\t\t\t\te.preventDefault();\n\t\t\t}\n\n\t\t\t_.show(trigger);\n\t\t});\n\n\t\t// Handle close buttons\n\t\t_.addEventListener('click', (e) => {\n\t\t\tif (!e.target.closest('[data-action=\"hide-cart\"]')) return;\n\t\t\t_.hide();\n\t\t});\n\n\t\t// Handle cart item remove events\n\t\t_.addEventListener('cart-item:remove', (e) => {\n\t\t\t_.#handleCartItemRemove(e);\n\t\t});\n\n\t\t// Handle cart item quantity change events\n\t\t_.addEventListener('cart-item:quantity-change', (e) => {\n\t\t\t_.#handleCartItemQuantityChange(e);\n\t\t});\n\n\t\t// Add transition end listener\n\t\t_.contentPanel.addEventListener('transitionend', _.#handleTransitionEnd);\n\t}\n\n\t/**\n\t * Detach event listeners\n\t * @private\n\t */\n\t#detachListeners() {\n\t\tconst _ = this;\n\t\tif (_.contentPanel) {\n\t\t\t_.contentPanel.removeEventListener('transitionend', _.#handleTransitionEnd);\n\t\t}\n\t}\n\n\t/**\n\t * Binds keyboard events for accessibility\n\t * @private\n\t */\n\t#bindKeyboard() {\n\t\tthis.addEventListener('keydown', (e) => {\n\t\t\tif (e.key === 'Escape') {\n\t\t\t\tthis.hide();\n\t\t\t}\n\t\t});\n\t}\n\n\t/**\n\t * Handle cart item removal\n\t * @private\n\t */\n\t#handleCartItemRemove(e) {\n\t\tconst { cartKey, element } = e.detail;\n\n\t\t// Set item to processing state\n\t\telement.setState('processing');\n\n\t\t// Remove item by setting quantity to 0\n\t\tthis.updateCartItem(cartKey, 0)\n\t\t\t.then((updatedCart) => {\n\t\t\t\tif (updatedCart && !updatedCart.error) {\n\t\t\t\t\t// Success - remove with animation\n\t\t\t\t\telement.destroyYourself();\n\t\t\t\t\tthis.#currentCart = updatedCart;\n\t\t\t\t\tthis.#updateCartItems(updatedCart);\n\n\t\t\t\t\t// Emit cart updated and data changed events\n\t\t\t\t\tthis.#emit('cart-dialog:updated', { cart: updatedCart });\n\t\t\t\t\tthis.#emit('cart-dialog:data-changed', updatedCart);\n\t\t\t\t} else {\n\t\t\t\t\t// Error - reset to ready state\n\t\t\t\t\telement.setState('ready');\n\t\t\t\t\tconsole.error('Failed to remove cart item:', cartKey);\n\t\t\t\t}\n\t\t\t})\n\t\t\t.catch((error) => {\n\t\t\t\t// Error - reset to ready state\n\t\t\t\telement.setState('ready');\n\t\t\t\tconsole.error('Error removing cart item:', error);\n\t\t\t});\n\t}\n\n\t/**\n\t * Handle cart item quantity change\n\t * @private\n\t */\n\t#handleCartItemQuantityChange(e) {\n\t\tconst { cartKey, quantity, element } = e.detail;\n\n\t\t// Set item to processing state\n\t\telement.setState('processing');\n\n\t\t// Update item quantity\n\t\tthis.updateCartItem(cartKey, quantity)\n\t\t\t.then((updatedCart) => {\n\t\t\t\tif (updatedCart && !updatedCart.error) {\n\t\t\t\t\t// Success - update cart data\n\t\t\t\t\tthis.#currentCart = updatedCart;\n\t\t\t\t\tthis.#updateCartItems(updatedCart);\n\t\t\t\t\telement.setState('ready');\n\n\t\t\t\t\t// Emit cart updated and data changed events\n\t\t\t\t\tthis.#emit('cart-dialog:updated', { cart: updatedCart });\n\t\t\t\t\tthis.#emit('cart-dialog:data-changed', updatedCart);\n\t\t\t\t} else {\n\t\t\t\t\t// Error - reset to ready state\n\t\t\t\t\telement.setState('ready');\n\t\t\t\t\tconsole.error('Failed to update cart item quantity:', cartKey, quantity);\n\t\t\t\t}\n\t\t\t})\n\t\t\t.catch((error) => {\n\t\t\t\t// Error - reset to ready state\n\t\t\t\telement.setState('ready');\n\t\t\t\tconsole.error('Error updating cart item quantity:', error);\n\t\t\t});\n\t}\n\n\t/**\n\t * Update cart items\n\t * @private\n\t */\n\t#updateCartItems(cart = null) {\n\t\t// Placeholder for cart item updates\n\t\t// Could be used to sync cart items with server data\n\t\tconst cartData = cart || this.#currentCart;\n\t\tif (cartData) {\n\t\t\t// Future implementation: update cart item components\n\t\t}\n\t}\n\n\t/**\n\t * Fetch current cart data from server\n\t * @returns {Promise<Object>} Cart data object\n\t */\n\tgetCart() {\n\t\treturn fetch('/cart.json', {\n\t\t\tcrossDomain: true,\n\t\t\tcredentials: 'same-origin',\n\t\t})\n\t\t\t.then((response) => {\n\t\t\t\tif (!response.ok) {\n\t\t\t\t\tthrow Error(response.statusText);\n\t\t\t\t}\n\t\t\t\treturn response.json();\n\t\t\t})\n\t\t\t.catch((error) => {\n\t\t\t\tconsole.error('Error fetching cart:', error);\n\t\t\t\treturn { error: true, message: error.message };\n\t\t\t});\n\t}\n\n\t/**\n\t * Update cart item quantity on server\n\t * @param {string|number} key - Cart item key/ID\n\t * @param {number} quantity - New quantity (0 to remove)\n\t * @returns {Promise<Object>} Updated cart data object\n\t */\n\tupdateCartItem(key, quantity) {\n\t\treturn fetch('/cart/change.json', {\n\t\t\tcrossDomain: true,\n\t\t\tmethod: 'POST',\n\t\t\tcredentials: 'same-origin',\n\t\t\tbody: JSON.stringify({ id: key, quantity: quantity }),\n\t\t\theaders: { 'Content-Type': 'application/json' },\n\t\t})\n\t\t\t.then((response) => {\n\t\t\t\tif (!response.ok) {\n\t\t\t\t\tthrow Error(response.statusText);\n\t\t\t\t}\n\t\t\t\treturn response.json();\n\t\t\t})\n\t\t\t.catch((error) => {\n\t\t\t\tconsole.error('Error updating cart item:', error);\n\t\t\t\treturn { error: true, message: error.message };\n\t\t\t});\n\t}\n\n\t/**\n\t * Refresh cart data from server and update components\n\t * @returns {Promise<Object>} Cart data object\n\t */\n\trefreshCart() {\n\t\treturn this.getCart().then((cartData) => {\n\t\t\tif (cartData && !cartData.error) {\n\t\t\t\tthis.#currentCart = cartData;\n\t\t\t\tthis.#updateCartItems(cartData);\n\n\t\t\t\t// Emit cart refreshed and data changed events\n\t\t\t\tthis.#emit('cart-dialog:refreshed', { cart: cartData });\n\t\t\t\tthis.#emit('cart-dialog:data-changed', cartData);\n\t\t\t}\n\t\t\treturn cartData;\n\t\t});\n\t}\n\n\t/**\n\t * Shows the cart dialog and traps focus within it\n\t * @param {HTMLElement} [triggerEl=null] - The element that triggered the cart dialog\n\t * @fires CartDialog#show - Fired when the cart dialog has been shown\n\t */\n\tshow(triggerEl = null) {\n\t\tconst _ = this;\n\t\t_.triggerEl = triggerEl || false;\n\n\t\t// Remove the hidden class first to ensure content is rendered\n\t\t_.contentPanel.classList.remove('hidden');\n\n\t\t// Give the browser a moment to process before starting animation\n\t\trequestAnimationFrame(() => {\n\t\t\t// Update ARIA states\n\t\t\t_.setAttribute('aria-hidden', 'false');\n\t\t\tif (_.triggerEl) {\n\t\t\t\t_.triggerEl.setAttribute('aria-expanded', 'true');\n\t\t\t}\n\n\t\t\t// Lock body scrolling and save scroll position\n\t\t\t_.#lockScroll();\n\n\t\t\t// Focus management\n\t\t\tconst firstFocusable = _.querySelector(\n\t\t\t\t'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n\t\t\t);\n\t\t\tif (firstFocusable) {\n\t\t\t\trequestAnimationFrame(() => {\n\t\t\t\t\tfirstFocusable.focus();\n\t\t\t\t});\n\t\t\t}\n\n\t\t\t// Refresh cart data when showing\n\t\t\t_.refreshCart();\n\n\t\t\t// Emit show event - cart dialog is now visible\n\t\t\t_.#emit('cart-dialog:show', { triggerElement: _.triggerEl });\n\t\t});\n\t}\n\n\t/**\n\t * Hides the cart dialog and restores focus\n\t * @fires CartDialog#hide - Fired when the cart dialog has started hiding (transition begins)\n\t * @fires CartDialog#afterHide - Fired when the cart dialog has completed its hide transition\n\t */\n\thide() {\n\t\tconst _ = this;\n\n\t\t// Restore body scroll and scroll position\n\t\t_.#restoreScroll();\n\n\t\t// Update ARIA states\n\t\tif (_.triggerEl) {\n\t\t\t// remove focus from modal panel first\n\t\t\t_.triggerEl.focus();\n\t\t\t// mark trigger as no longer expanded\n\t\t\t_.triggerEl.setAttribute('aria-expanded', 'false');\n\t\t}\n\n\t\t// Set aria-hidden to start transition\n\t\t// The transitionend event handler will add display:none when complete\n\t\t_.setAttribute('aria-hidden', 'true');\n\n\t\t// Emit hide event - cart dialog is now starting to hide\n\t\t_.#emit('cart-dialog:hide', { triggerElement: _.triggerEl });\n\t}\n}\n\n/**\n * Custom element that creates a clickable overlay for the cart dialog\n * @extends HTMLElement\n */\nclass CartOverlay extends HTMLElement {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.setAttribute('tabindex', '-1');\n\t\tthis.setAttribute('aria-hidden', 'true');\n\t\tthis.cartDialog = this.closest('cart-dialog');\n\t\tthis.#attachListeners();\n\t}\n\n\t#attachListeners() {\n\t\tthis.addEventListener('click', () => {\n\t\t\tthis.cartDialog.hide();\n\t\t});\n\t}\n}\n\n/**\n * Custom element that wraps the content of the cart dialog\n * @extends HTMLElement\n */\nclass CartPanel extends HTMLElement {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.setAttribute('role', 'document');\n\t}\n}\n\ncustomElements.define('cart-dialog', CartDialog);\ncustomElements.define('cart-overlay', CartOverlay);\ncustomElements.define('cart-panel', CartPanel);\n\nexport { CartDialog, CartOverlay, CartPanel };\nexport default CartDialog;\n"],"names":[],"mappings":"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","x_google_ignoreList":[0,1,2]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
cart-item{--cart-item-processing-duration:250ms;--cart-item-destroying-duration:600ms;--cart-item-shadow-color:rgba(0,0,0,.15);--cart-item-shadow-color-strong:rgba(0,0,0,.5);--cart-item-processing-bg:hsla(0,0%,39%,.2);--cart-item-destroying-bg:rgba(0,0,0,.1);--cart-item-processing-scale:0.98;--cart-item-destroying-scale:0.85;--cart-item-processing-blur:1px;--cart-item-destroying-blur:10px;--cart-item-destroying-opacity:0.2;--cart-item-destroying-brightness:0.6;--cart-item-destroying-saturate:0.3;box-shadow:inset 0 0 0 transparent;display:block;overflow:hidden;padding:0;position:relative;transition:filter var(--cart-item-processing-duration) ease-out,background-color var(--cart-item-processing-duration) ease-out,box-shadow var(--cart-item-processing-duration) ease-out}cart-item:after{background:transparent;content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:background-color var(--cart-item-processing-duration) ease;width:100%}cart-item[data-state=ready] cart-item-content{filter:blur(0);opacity:1;transform:scale(1)}cart-item[data-state=ready] cart-item-processing{opacity:0;visibility:hidden}cart-item[data-state=processing]{box-shadow:inset 0 2px 10px var(--cart-item-shadow-color)}cart-item[data-state=processing]:after{background:rgba(0,0,0,.15)}cart-item[data-state=processing] cart-item-content{filter:blur(var(--cart-item-processing-blur));opacity:.9;pointer-events:none;transform:scale(var(--cart-item-processing-scale))}cart-item[data-state=processing] cart-item-processing{opacity:1;visibility:visible}cart-item[data-state=destroying]{background-color:var(--cart-item-destroying-bg);box-shadow:inset 0 4px 20px var(--cart-item-shadow-color-strong);margin-bottom:0;margin-top:0;transition:filter var(--cart-item-destroying-duration) ease,background-color var(--cart-item-destroying-duration) ease,box-shadow var(--cart-item-destroying-duration) ease,margin var(--cart-item-destroying-duration) ease}cart-item[data-state=destroying]:after{background:rgba(0,0,0,.9);transition:background-color var(--cart-item-destroying-duration) ease}cart-item[data-state=destroying] cart-item-content{filter:blur(var(--cart-item-destroying-blur)) saturate(var(--cart-item-destroying-saturate));opacity:var(--cart-item-destroying-opacity);pointer-events:none;transform:scale(var(--cart-item-destroying-scale));transition:transform var(--cart-item-destroying-duration) ease,filter var(--cart-item-destroying-duration) ease,opacity var(--cart-item-destroying-duration) ease}cart-item[data-state=destroying] cart-item-processing{opacity:0;transition:opacity var(--cart-item-processing-duration) ease}cart-item-content{display:block;transition:transform var(--cart-item-processing-duration) ease-out,filter var(--cart-item-processing-duration) ease-out,opacity var(--cart-item-processing-duration) ease-out}cart-item-processing{align-items:center;background:transparent;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--cart-item-processing-duration) ease-out,visibility var(--cart-item-processing-duration) ease-out;visibility:hidden;z-index:10}:root{--cart-dialog-z-index:1000;--cart-overlay-z-index:1000;--cart-panel-z-index:1001;--cart-panel-width:min(400px,90vw);--cart-overlay-background:rgba(0,0,0,.15);--cart-overlay-backdrop-filter:blur(4px);--cart-panel-background:#fff;--cart-panel-shadow:-5px 0 25px rgba(0,0,0,.15);--cart-panel-border-radius:0;--cart-transition-duration:350ms;--cart-transition-timing:cubic-bezier(0.4,0,0.2,1)}cart-dialog{display:contents}cart-dialog[aria-hidden=false] cart-overlay,cart-dialog[aria-hidden=false] cart-panel{opacity:1;pointer-events:auto}cart-dialog[aria-hidden=false] cart-panel{transform:translateX(0)}cart-overlay{backdrop-filter:var(--cart-overlay-backdrop-filter);background-color:var(--cart-overlay-background);left:0;transition:opacity var(--cart-transition-duration) var(--cart-transition-timing),backdrop-filter var(--cart-transition-duration) var(--cart-transition-timing);width:100vw;z-index:var(--cart-overlay-z-index)}cart-overlay,cart-panel{height:100vh;opacity:0;pointer-events:none;position:fixed;top:0}cart-panel{background:var(--cart-panel-background);border-radius:var(--cart-panel-border-radius);box-shadow:var(--cart-panel-shadow);overflow:hidden;right:0;transform:translateX(100%);transition:opacity var(--cart-transition-duration) var(--cart-transition-timing),transform var(--cart-transition-duration) var(--cart-transition-timing);width:var(--cart-panel-width);z-index:var(--cart-panel-z-index)}cart-panel.hidden{display:none}body.overflow-hidden{height:100%;left:0;margin:0;overflow:hidden;position:fixed;right:0;width:100%}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).CartDialog={})}(this,function(t){"use strict";class CartItem extends HTMLElement{#t="ready";#e=!1;#r={};static get observedAttributes(){return["data-state","data-key"]}attributeChangedCallback(t,e,r){e!==r&&"data-state"===t&&(this.#t=r||"ready")}constructor(){super(),this.#t=this.getAttribute("data-state")||"ready",this.#r={click:this.#n.bind(this),change:this.#s.bind(this),transitionEnd:this.#a.bind(this)}}connectedCallback(){this.content=this.querySelector("cart-item-content"),this.processing=this.querySelector("cart-item-processing"),this.#i()}disconnectedCallback(){this.#o()}#i(){this.addEventListener("click",this.#r.click),this.addEventListener("change",this.#r.change),this.addEventListener("transitionend",this.#r.transitionEnd)}#o(){this.removeEventListener("click",this.#r.click),this.removeEventListener("change",this.#r.change),this.removeEventListener("transitionend",this.#r.transitionEnd)}get state(){return this.#t}get cartKey(){return this.getAttribute("data-key")}#n(t){t.target.closest('[data-action="remove"]')&&(t.preventDefault(),this.#c())}#s(t){const e=t.target.closest("[data-cart-quantity]");e&&this.#d(e.value)}#a(t){"height"===t.propertyName&&this.#e&&this.remove()}#c(){this.dispatchEvent(new CustomEvent("cart-item:remove",{bubbles:!0,detail:{cartKey:this.cartKey,element:this}}))}#d(t){this.dispatchEvent(new CustomEvent("cart-item:quantity-change",{bubbles:!0,detail:{cartKey:this.cartKey,quantity:parseInt(t),element:this}}))}setState(t){["ready","processing","destroying"].includes(t)&&this.setAttribute("data-state",t)}destroyYourself(){if(this.#e)return;this.#e=!0,this.setState("destroying");const t=this.offsetHeight;this.style.height=`${t}px`,this.offsetHeight;const e=getComputedStyle(this).getPropertyValue("--cart-item-destroying-duration")||"400ms";this.style.transition=`all ${e} ease`,this.style.height="0px"}}class CartItemContent extends HTMLElement{constructor(){super()}}class CartItemProcessing extends HTMLElement{constructor(){super()}}customElements.define("cart-item",CartItem),customElements.define("cart-item-content",CartItemContent),customElements.define("cart-item-processing",CartItemProcessing);const e=t=>Array.from(t.querySelectorAll('summary, a[href], button:not(:disabled), [tabindex]:not([tabindex^="-"]):not(focus-trap-start):not(focus-trap-end), [draggable], area, input:not([type=hidden]):not(:disabled), select:not(:disabled), textarea:not(:disabled), object, iframe'));class FocusTrap extends HTMLElement{static styleInjected=!1;constructor(){super(),this.trapStart=null,this.trapEnd=null,FocusTrap.styleInjected||(this.injectStyles(),FocusTrap.styleInjected=!0)}injectStyles(){const t=document.createElement("style");t.textContent="\n focus-trap-start,\n focus-trap-end {\n position: absolute;\n width: 1px;\n height: 1px;\n margin: -1px;\n padding: 0;\n border: 0;\n clip: rect(0, 0, 0, 0);\n overflow: hidden;\n white-space: nowrap;\n }\n ",document.head.appendChild(t)}connectedCallback(){this.setupTrap(),this.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){this.removeEventListener("keydown",this.handleKeyDown)}setupTrap(){0!==e(this).length&&(this.trapStart=document.createElement("focus-trap-start"),this.trapEnd=document.createElement("focus-trap-end"),this.prepend(this.trapStart),this.append(this.trapEnd))}handleKeyDown=t=>{"Escape"===t.key&&(t.preventDefault(),this.exitTrap())};exitTrap(){const t=this.closest('[aria-hidden="false"]');if(!t)return;t.setAttribute("aria-hidden","true");const e=document.querySelector(`[aria-expanded="true"][aria-controls="${t.id}"]`);e&&(e.setAttribute("aria-expanded","false"),e.focus())}}class FocusTrapStart extends HTMLElement{connectedCallback(){this.setAttribute("tabindex","0"),this.addEventListener("focus",this.handleFocus)}disconnectedCallback(){this.removeEventListener("focus",this.handleFocus)}handleFocus=t=>{const r=this.closest("focus-trap"),n=e(r);if(0===n.length)return;const s=n[0],a=n[n.length-1];t.relatedTarget===s?a.focus():s.focus()}}class FocusTrapEnd extends HTMLElement{connectedCallback(){this.setAttribute("tabindex","0"),this.addEventListener("focus",this.handleFocus)}disconnectedCallback(){this.removeEventListener("focus",this.handleFocus)}handleFocus=()=>{this.closest("focus-trap").querySelector("focus-trap-start").focus()}}customElements.define("focus-trap",FocusTrap),customElements.define("focus-trap-start",FocusTrapStart),customElements.define("focus-trap-end",FocusTrapEnd);class EventEmitter{#l;constructor(){this.#l=new Map}on(t,e){if("function"!=typeof e)throw new TypeError("Listener must be a function");const r=this.#l.get(t)||[];return r.includes(e)||r.push(e),this.#l.set(t,r),this}off(t,e){const r=this.#l.get(t);if(!r)return this;const n=r.indexOf(e);return-1!==n&&(r.splice(n,1),0===r.length?this.#l.delete(t):this.#l.set(t,r)),this}emit(t,...e){const r=this.#l.get(t);if(!r||0===r.length)return!1;for(let n=0,s=r.length;n<s;++n)try{r[n].apply(this,e)}catch(e){console.error(`Error in listener for event '${t}':`,e)}return!0}removeAllListeners(t){return t?this.#l.delete(t):this.#l.clear(),this}}class CartDialog extends HTMLElement{#a;#h=0;#u=null;#m;disconnectedCallback(){const t=this;t.contentPanel&&t.contentPanel.removeEventListener("transitionend",t.#a),document.body.classList.remove("overflow-hidden"),this.#p(),this.#o()}#g(){this.#h=window.pageYOffset,document.body.classList.add("overflow-hidden"),document.body.style.top=`-${this.#h}px`}#p(){document.body.classList.remove("overflow-hidden"),document.body.style.removeProperty("top"),window.scrollTo(0,this.#h)}constructor(){super();const t=this;t.id=t.getAttribute("id"),t.setAttribute("role","dialog"),t.setAttribute("aria-modal","true"),t.setAttribute("aria-hidden","true"),t.triggerEl=null,t.#m=new EventEmitter,t.#a=e=>{"opacity"===e.propertyName&&"true"===t.getAttribute("aria-hidden")&&(t.contentPanel.classList.add("hidden"),t.#f("cart-dialog:afterHide",{triggerElement:t.triggerEl}))}}connectedCallback(){const t=this;if(t.contentPanel=t.querySelector("cart-panel"),t.contentPanel){if(t.focusTrap=document.createElement("focus-trap"),!t.getAttribute("aria-labelledby")){const e=t.querySelector("h1, h2, h3");e&&!e.id&&(e.id=`${t.id}-title`),e?.id&&t.setAttribute("aria-labelledby",e.id)}t.contentPanel.parentNode.insertBefore(t.focusTrap,t.contentPanel),t.focusTrap.appendChild(t.contentPanel),t.focusTrap.setupTrap(),t.prepend(document.createElement("cart-overlay")),t.#i(),t.#y()}else console.error("cart-panel element not found inside cart-dialog")}on(t,e){return this.#m.on(t,e),this}off(t,e){return this.#m.off(t,e),this}#f(t,e=null){this.#m.emit(t,e)}#i(){const t=this;document.addEventListener("click",e=>{const r=e.target.closest(`[aria-controls="${t.id}"]`);r&&("true"===r.getAttribute("data-prevent-default")&&e.preventDefault(),t.show(r))}),t.addEventListener("click",e=>{e.target.closest('[data-action="hide-cart"]')&&t.hide()}),t.addEventListener("cart-item:remove",e=>{t.#E(e)}),t.addEventListener("cart-item:quantity-change",e=>{t.#v(e)}),t.contentPanel.addEventListener("transitionend",t.#a)}#o(){const t=this;t.contentPanel&&t.contentPanel.removeEventListener("transitionend",t.#a)}#y(){this.addEventListener("keydown",t=>{"Escape"===t.key&&this.hide()})}#E(t){const{cartKey:e,element:r}=t.detail;r.setState("processing"),this.updateCartItem(e,0).then(t=>{t&&!t.error?(r.destroyYourself(),this.#u=t,this.#b(t),this.#f("cart-dialog:updated",{cart:t}),this.#f("cart-dialog:data-changed",t)):(r.setState("ready"),console.error("Failed to remove cart item:",e))}).catch(t=>{r.setState("ready"),console.error("Error removing cart item:",t)})}#v(t){const{cartKey:e,quantity:r,element:n}=t.detail;n.setState("processing"),this.updateCartItem(e,r).then(t=>{t&&!t.error?(this.#u=t,this.#b(t),n.setState("ready"),this.#f("cart-dialog:updated",{cart:t}),this.#f("cart-dialog:data-changed",t)):(n.setState("ready"),console.error("Failed to update cart item quantity:",e,r))}).catch(t=>{n.setState("ready"),console.error("Error updating cart item quantity:",t)})}#b(t=null){t||this.#u}getCart(){return fetch("/cart.json",{crossDomain:!0,credentials:"same-origin"}).then(t=>{if(!t.ok)throw Error(t.statusText);return t.json()}).catch(t=>(console.error("Error fetching cart:",t),{error:!0,message:t.message}))}updateCartItem(t,e){return fetch("/cart/change.json",{crossDomain:!0,method:"POST",credentials:"same-origin",body:JSON.stringify({id:t,quantity:e}),headers:{"Content-Type":"application/json"}}).then(t=>{if(!t.ok)throw Error(t.statusText);return t.json()}).catch(t=>(console.error("Error updating cart item:",t),{error:!0,message:t.message}))}refreshCart(){return this.getCart().then(t=>(t&&!t.error&&(this.#u=t,this.#b(t),this.#f("cart-dialog:refreshed",{cart:t}),this.#f("cart-dialog:data-changed",t)),t))}show(t=null){const e=this;e.triggerEl=t||!1,e.contentPanel.classList.remove("hidden"),requestAnimationFrame(()=>{e.setAttribute("aria-hidden","false"),e.triggerEl&&e.triggerEl.setAttribute("aria-expanded","true"),e.#g();const t=e.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');t&&requestAnimationFrame(()=>{t.focus()}),e.refreshCart(),e.#f("cart-dialog:show",{triggerElement:e.triggerEl})})}hide(){const t=this;t.#p(),t.triggerEl&&(t.triggerEl.focus(),t.triggerEl.setAttribute("aria-expanded","false")),t.setAttribute("aria-hidden","true"),t.#f("cart-dialog:hide",{triggerElement:t.triggerEl})}}class CartOverlay extends HTMLElement{constructor(){super(),this.setAttribute("tabindex","-1"),this.setAttribute("aria-hidden","true"),this.cartDialog=this.closest("cart-dialog"),this.#i()}#i(){this.addEventListener("click",()=>{this.cartDialog.hide()})}}class CartPanel extends HTMLElement{constructor(){super(),this.setAttribute("role","document")}}customElements.define("cart-dialog",CartDialog),customElements.define("cart-overlay",CartOverlay),customElements.define("cart-panel",CartPanel),t.CartDialog=CartDialog,t.CartOverlay=CartOverlay,t.CartPanel=CartPanel,t.default=CartDialog,Object.defineProperty(t,"__esModule",{value:!0})});
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
// Cart Dialog SCSS Variables
|
|
2
|
+
// These can be customized by importing this file and overriding variables
|
|
3
|
+
|
|
4
|
+
// Import cart-item styles since cart items are used within the cart panel
|
|
5
|
+
@use '@magic-spells/cart-item/dist/cart-item.scss';
|
|
6
|
+
|
|
7
|
+
// Layout and positioning
|
|
8
|
+
$cart-dialog-z-index: 1000 !default;
|
|
9
|
+
$cart-overlay-z-index: 1000 !default;
|
|
10
|
+
$cart-panel-z-index: 1001 !default;
|
|
11
|
+
$cart-panel-width: min(400px, 90vw) !default;
|
|
12
|
+
|
|
13
|
+
// Overlay styling
|
|
14
|
+
$cart-overlay-background: rgba(0, 0, 0, 0.15) !default;
|
|
15
|
+
$cart-overlay-backdrop-filter: blur(4px) !default;
|
|
16
|
+
|
|
17
|
+
// Panel styling
|
|
18
|
+
$cart-panel-background: #ffffff !default;
|
|
19
|
+
$cart-panel-shadow: -5px 0 25px rgba(0, 0, 0, 0.15) !default;
|
|
20
|
+
$cart-panel-border-radius: 0 !default;
|
|
21
|
+
|
|
22
|
+
// Animation
|
|
23
|
+
$cart-transition-duration: 350ms !default;
|
|
24
|
+
$cart-transition-timing: cubic-bezier(0.4, 0, 0.2, 1) !default;
|
|
25
|
+
|
|
26
|
+
// Define CSS Custom Properties using SCSS values
|
|
27
|
+
:root {
|
|
28
|
+
// Layout
|
|
29
|
+
--cart-dialog-z-index: #{$cart-dialog-z-index};
|
|
30
|
+
--cart-overlay-z-index: #{$cart-overlay-z-index};
|
|
31
|
+
--cart-panel-z-index: #{$cart-panel-z-index};
|
|
32
|
+
--cart-panel-width: #{$cart-panel-width};
|
|
33
|
+
|
|
34
|
+
// Overlay
|
|
35
|
+
--cart-overlay-background: #{$cart-overlay-background};
|
|
36
|
+
--cart-overlay-backdrop-filter: #{$cart-overlay-backdrop-filter};
|
|
37
|
+
|
|
38
|
+
// Panel
|
|
39
|
+
--cart-panel-background: #{$cart-panel-background};
|
|
40
|
+
--cart-panel-shadow: #{$cart-panel-shadow};
|
|
41
|
+
--cart-panel-border-radius: #{$cart-panel-border-radius};
|
|
42
|
+
|
|
43
|
+
// Animation
|
|
44
|
+
--cart-transition-duration: #{$cart-transition-duration};
|
|
45
|
+
--cart-transition-timing: #{$cart-transition-timing};
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
// Cart Dialog - Main container
|
|
49
|
+
cart-dialog {
|
|
50
|
+
display: contents;
|
|
51
|
+
|
|
52
|
+
&[aria-hidden='false'] {
|
|
53
|
+
cart-overlay,
|
|
54
|
+
cart-panel {
|
|
55
|
+
pointer-events: auto;
|
|
56
|
+
opacity: 1;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
cart-panel {
|
|
60
|
+
transform: translateX(0);
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
// Cart Overlay - Backdrop
|
|
66
|
+
cart-overlay {
|
|
67
|
+
position: fixed;
|
|
68
|
+
top: 0;
|
|
69
|
+
left: 0;
|
|
70
|
+
width: 100vw;
|
|
71
|
+
height: 100vh;
|
|
72
|
+
opacity: 0;
|
|
73
|
+
pointer-events: none;
|
|
74
|
+
z-index: var(--cart-overlay-z-index);
|
|
75
|
+
background-color: var(--cart-overlay-background);
|
|
76
|
+
backdrop-filter: var(--cart-overlay-backdrop-filter);
|
|
77
|
+
transition:
|
|
78
|
+
opacity var(--cart-transition-duration) var(--cart-transition-timing),
|
|
79
|
+
backdrop-filter var(--cart-transition-duration) var(--cart-transition-timing);
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
// Cart Panel - Sliding content area
|
|
83
|
+
cart-panel {
|
|
84
|
+
position: fixed;
|
|
85
|
+
top: 0;
|
|
86
|
+
right: 0;
|
|
87
|
+
width: var(--cart-panel-width);
|
|
88
|
+
height: 100vh;
|
|
89
|
+
opacity: 0;
|
|
90
|
+
transform: translateX(100%);
|
|
91
|
+
pointer-events: none;
|
|
92
|
+
z-index: var(--cart-panel-z-index);
|
|
93
|
+
background: var(--cart-panel-background);
|
|
94
|
+
box-shadow: var(--cart-panel-shadow);
|
|
95
|
+
border-radius: var(--cart-panel-border-radius);
|
|
96
|
+
overflow: hidden;
|
|
97
|
+
transition:
|
|
98
|
+
opacity var(--cart-transition-duration) var(--cart-transition-timing),
|
|
99
|
+
transform var(--cart-transition-duration) var(--cart-transition-timing);
|
|
100
|
+
|
|
101
|
+
// When explicitly hidden, remove from layout
|
|
102
|
+
&.hidden {
|
|
103
|
+
display: none;
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
// Body scroll lock when cart is open
|
|
108
|
+
body.overflow-hidden {
|
|
109
|
+
overflow: hidden;
|
|
110
|
+
position: fixed;
|
|
111
|
+
width: 100%;
|
|
112
|
+
height: 100%;
|
|
113
|
+
left: 0;
|
|
114
|
+
right: 0;
|
|
115
|
+
margin: 0;
|
|
116
|
+
// The top property will be set dynamically by the component
|
|
117
|
+
}
|
package/package.json
ADDED
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@magic-spells/cart-panel",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"description": "Accessible modal shopping cart dialog web component with Shopify integration, focus management, and smooth animations.",
|
|
5
|
+
"author": "Cory Schulz",
|
|
6
|
+
"license": "MIT",
|
|
7
|
+
"type": "module",
|
|
8
|
+
"main": "dist/cart-panel.cjs.js",
|
|
9
|
+
"module": "dist/cart-panel.esm.js",
|
|
10
|
+
"unpkg": "dist/cart-panel.min.js",
|
|
11
|
+
"style": "dist/cart-panel.css",
|
|
12
|
+
"sass": "dist/cart-panel.scss",
|
|
13
|
+
"exports": {
|
|
14
|
+
".": {
|
|
15
|
+
"import": "./dist/cart-panel.esm.js",
|
|
16
|
+
"require": "./dist/cart-panel.cjs.js",
|
|
17
|
+
"default": "./dist/cart-panel.esm.js"
|
|
18
|
+
},
|
|
19
|
+
"./css": "./dist/cart-panel.css",
|
|
20
|
+
"./scss": "./dist/cart-panel.scss"
|
|
21
|
+
},
|
|
22
|
+
"sideEffects": true,
|
|
23
|
+
"repository": {
|
|
24
|
+
"type": "git",
|
|
25
|
+
"url": "https://github.com/magic-spells/cart-panel"
|
|
26
|
+
},
|
|
27
|
+
"homepage": "https://github.com/magic-spells/cart-panel#readme",
|
|
28
|
+
"bugs": {
|
|
29
|
+
"url": "https://github.com/magic-spells/cart-panel/issues"
|
|
30
|
+
},
|
|
31
|
+
"keywords": [
|
|
32
|
+
"cart-panel",
|
|
33
|
+
"web-components",
|
|
34
|
+
"e-commerce",
|
|
35
|
+
"shopping-cart",
|
|
36
|
+
"custom-elements",
|
|
37
|
+
"shopify",
|
|
38
|
+
"modal",
|
|
39
|
+
"dialog",
|
|
40
|
+
"accessibility",
|
|
41
|
+
"a11y"
|
|
42
|
+
],
|
|
43
|
+
"files": [
|
|
44
|
+
"dist/",
|
|
45
|
+
"src/"
|
|
46
|
+
],
|
|
47
|
+
"scripts": {
|
|
48
|
+
"build": "rollup -c",
|
|
49
|
+
"lint": "eslint src/ rollup.config.mjs",
|
|
50
|
+
"format": "prettier --write .",
|
|
51
|
+
"prepublishOnly": "npm run build",
|
|
52
|
+
"serve": "rollup -c --watch",
|
|
53
|
+
"dev": "rollup -c --watch"
|
|
54
|
+
},
|
|
55
|
+
"publishConfig": {
|
|
56
|
+
"access": "public",
|
|
57
|
+
"registry": "https://registry.npmjs.org/"
|
|
58
|
+
},
|
|
59
|
+
"browserslist": [
|
|
60
|
+
"last 2 versions",
|
|
61
|
+
"not dead",
|
|
62
|
+
"not ie <= 11"
|
|
63
|
+
],
|
|
64
|
+
"devDependencies": {
|
|
65
|
+
"@eslint/js": "^8.57.0",
|
|
66
|
+
"@rollup/plugin-node-resolve": "^15.2.3",
|
|
67
|
+
"@rollup/plugin-terser": "^0.4.4",
|
|
68
|
+
"eslint": "^8.0.0",
|
|
69
|
+
"globals": "^13.24.0",
|
|
70
|
+
"prettier": "^3.3.3",
|
|
71
|
+
"rollup": "^3.0.0",
|
|
72
|
+
"rollup-plugin-copy": "^3.5.0",
|
|
73
|
+
"rollup-plugin-postcss": "^4.0.2",
|
|
74
|
+
"rollup-plugin-serve": "^1.1.1",
|
|
75
|
+
"sass": "^1.89.2"
|
|
76
|
+
},
|
|
77
|
+
"dependencies": {
|
|
78
|
+
"@magic-spells/cart-item": "^0.1.0",
|
|
79
|
+
"@magic-spells/event-emitter": "^0.1.0",
|
|
80
|
+
"@magic-spells/focus-trap": "^1.0.6"
|
|
81
|
+
}
|
|
82
|
+
}
|