JezK

Edit File: sc-price-choices.entry.js.map

{"file":"sc-price-choices.entry.js","mappings":";;;;;;;;;;;;;AAAA,MAAM,iBAAiB,GAAG,yEAAyE,CAAC;AACpG,6BAAe,iBAAiB;;MCSnB,cAAc;;;;;;uBAOC,CAAC;wBAGC,IAAI;;IAShC,YAAY;QACV,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC,WAAW;;YAC7D,MAAM,MAAM,GAAG,WAAW,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,WAAW,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;YAC1G,IAAI,EAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAA,EAAE;gBACpB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,WAAW,CAAC,OAAO,EAAE,QAAQ,EAAE,WAAW,CAAC,QAAQ,EAAE,CAAC,CAAC;aAC/F;iBAAM;gBACL,MAAM,QAAQ,GAAG,oBAAoB,CAAC,MAAAA,KAAa,CAAC,QAAQ,0CAAE,UAAU,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;gBACxF,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,WAAW,CAAC,OAAO,EAAE,QAAQ,EAAE,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,MAAI,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,CAAA,IAAI,CAAC,EAAE,CAAC,CAAC;aAC3H;SACF,CAAC,CAAC;KACJ;IAED,MAAM;QACJ,QACE,EAAC,QAAQ,uDACP,mEAAY,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAC,uBAAuB,EAAC,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,IACnI,8DAAQ,CACG,CACJ,EACX;KACH;;;;;;;","names":["checkoutState"],"sources":["src/components/controllers/checkout-form/price-choices/sc-price-choices.css?tag=sc-price-choices","src/components/controllers/checkout-form/price-choices/sc-price-choices.tsx"],"sourcesContent":["sc-price-choices {\n display: block;\n position: relative;\n}\n\nsc-block-ui {\n z-index: 9;\n}\n","import { Component, Element, Event, EventEmitter, Fragment, h, Listen, Prop } from '@stencil/core';\nimport { getLineItemByPriceId } from '../../../../functions/line-items';\nimport { LineItemData } from '../../../../types';\nimport { state as checkoutState } from '@store/checkout';\n\n@Component({\n tag: 'sc-price-choices',\n styleUrl: 'sc-price-choices.css',\n shadow: false,\n})\nexport class ScPriceChoices {\n @Element() el: HTMLScPriceChoicesElement;\n\n /** Selector label */\n @Prop() label: string;\n\n /** Number of columns */\n @Prop() columns: number = 1;\n\n /** Required by default */\n @Prop() required: boolean = true;\n\n /** Toggle line item event */\n @Event() scRemoveLineItem: EventEmitter<LineItemData>;\n\n /** Toggle line item event */\n @Event() scUpdateLineItem: EventEmitter<LineItemData>;\n\n @Listen('scChange')\n handleChange() {\n this.el.querySelectorAll('sc-price-choice').forEach(priceChoice => {\n const choice = priceChoice.querySelector('sc-choice') || priceChoice.querySelector('sc-choice-container');\n if (!choice?.checked) {\n this.scRemoveLineItem.emit({ price_id: priceChoice.priceId, quantity: priceChoice.quantity });\n } else {\n const lineItem = getLineItemByPriceId(checkoutState.checkout?.line_items, choice.value);\n this.scUpdateLineItem.emit({ price_id: priceChoice.priceId, quantity: lineItem?.quantity || priceChoice?.quantity || 1 });\n }\n });\n }\n\n render() {\n return (\n <Fragment>\n <sc-choices label={this.label} required={this.required} class=\"loaded price-selector\" style={{ '--columns': this.columns.toString() }}>\n <slot />\n </sc-choices>\n </Fragment>\n );\n }\n}\n"],"version":3}