type"), optional text under // the heading, optional image above the heading // // Prescription type level: // _Group <id> of the flow-level group this // prescription type belongs to // _Badge short tag next to the title, for // example "Widest field of view" // (optional) // _Price price text on the right, for // example "Free" or "+$70" (optional) // // Nothing renders until at least one prescription type carries // _Group with a matching flow-level _Group:<id> entry. // ============================================================ // The widget injects this script once per widget instance on the page, // so everything here must survive re-execution: listeners and the // method wrap register on the first run only. var PP_GROUP_FIRST_RUN = !window.__ppGroupStepLoaded; window.__ppGroupStepLoaded = true; function ppOn(eventName, handler) { if (PP_GROUP_FIRST_RUN) document.addEventListener(eventName, handler); } // ---------------- metafield helpers ---------------- // Canonical keys start with "_". Lookups tolerate the prefix being // absent, match case-insensitively, and ignore spaces around ":". function ppNormKey(key) { return String(key == null ? '' : key).trim().toLowerCase() .replace(/^_+/, '').replace(/\s*:\s*/g, ':'); } function ppMetaValue(list, key) { var norm = ppNormKey(key); var entry = (list || []).find(function (mf) { return mf && ppNormKey(mf.key) === norm; }); return entry && entry.value != null ? String(entry.value).trim() : null; } // Ordered [{suffix, value}] for every metafield whose key starts with prefix function ppMetaEntries(list, prefix) { var norm = ppNormKey(prefix); var out = []; (list || []).forEach(function (mf) { if (!mf) return; var key = ppNormKey(mf.key); if (key.indexOf(norm) === 0 && mf.value != null) { out.push({ suffix: key.slice(norm.length), value: String(mf.value).trim() }); } }); return out; } function ppFlowMeta(key) { return ppMetaValue(LensAdvizor.options && LensAdvizor.options.flowMetafields, key); } function ppFlowMetaEntries(prefix) { return ppMetaEntries(LensAdvizor.options && LensAdvizor.options.flowMetafields, prefix); } function ppEscapeHtml(text) { return String(text == null ? '' : text) .replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>') .replace(/"/g, '"').replace(/'/g, '''); } // ---------------- groups ---------------- // "Title | Description | Image URL" -> {title, description, image} function ppParseCard(value) { var parts = String(value == null ? '' : value).split('|').map(function (part) { return part.trim(); }); return { title: parts[0] || '', description: parts[1] || '', image: parts[2] || '' }; } // Groups come from flow metadata: "_Group:<id>" defines the step 1 card, // "_Group:<id>:step" the dedicated step - both in the same card format. function ppGroups() { return ppFlowMetaEntries('Group:').filter(function (entry) { return entry.suffix && entry.suffix.indexOf(':') === -1; }).map(function (entry) { var card = ppParseCard(entry.value); var step = ppParseCard(ppFlowMeta('Group:' + entry.suffix + ':step')); return { id: entry.suffix, title: card.title, description: card.description, image: card.image, stepTitle: step.title, stepDescription: step.description, stepImage: step.image }; }).filter(function (group) { return group.id && group.title; }); } function ppGroupById(groupId) { return ppGroups().find(function (group) { return group.id === groupId; }) || null; } // group id a prescription type opted into (its "_Group" metafield), or null function ppGroupOf(type) { var id = type ? ppMetaValue(type.metafields, 'Group') : null; return id ? ppNormKey(id) : null; } function ppGroupMembers(groupId) { return (LensAdvizor.prescriptionTypes || []).filter(function (type) { return ppGroupOf(type) === groupId; }); } function ppContentWrapper() { return (LensAdvizor.contentBox || document).querySelector('.la-choose-prescription-wrapper'); } // ---------------- step 1: collapse each group into one card ---------------- function ppCollapseGroups() { var groups = ppGroups(); if (!groups.length) return; // only the native step 1 - never the group step itself (same wrapper class) var wrapper = ppContentWrapper(); if (!wrapper || wrapper.classList.contains('la-pp-group-step') || wrapper.querySelector('.la-pp-group-card')) return; var list = wrapper.querySelector('.la-label-wrapper'); if (!list) return; groups.forEach(function (group) { var members = ppGroupMembers(group.id); var memberCards = members.map(function (type) { var input = list.querySelector('input[value="' + type.id + '"]'); return input ? input.closest('.la-label-btn-wrapper') : null; }).filter(Boolean); if (!memberCards.length) return; memberCards.forEach(function (card) { card.classList.add('la-pp-group-member'); }); var html = LensAdvizor.getButtonLayout({ title: group.title, description: group.description, image: group.image || members[0].image, name: 'pp-group-' + group.id, value: 'group:' + group.id, className: 'la-pp-group-card' }); memberCards[0].insertAdjacentHTML('beforebegin', html); var card = memberCards[0].previousElementSibling; var input = card && card.querySelector('input'); if (!input) return; var open = function (evt) { evt.preventDefault(); LensAdvizor.renderPtGroupStep(group.id); }; input.addEventListener('change', open); input.addEventListener('keydown', function (evt) { if (LensAdvizor.clickKeycodes && LensAdvizor.clickKeycodes.includes(evt.code)) open(evt); }); }); } // Collapse as soon as the step 1 cards land in the DOM (before the first // paint, so the member cards never flash), and again on the widget's own // rendered event as a fallback. ppCollapseGroups is idempotent. function ppObserveContentBox() { var box = LensAdvizor.contentBox; if (!box || box._ppObserved) return; box._ppObserved = true; new MutationObserver(function () { ppCollapseGroups(); }) .observe(box, { childList: true, subtree: true }); } ppOn('LensAdvizor:component:WillMount', function (evt) { if (evt.detail && evt.detail.eventType === 'LensAdvizor:prescriptionTypes:rendered') ppObserveContentBox(); }); ppOn('LensAdvizor:prescriptionTypes:rendered', function () { setTimeout(ppCollapseGroups, 0); }); // ---------------- the dedicated step ---------------- // Registered on LensAdvizor so it lives in the navigation stack like a // native step ("bound renderPtGroupStep"): the back arrow and the // browser back button re-run it, and updateState dedupes by name. LensAdvizor.renderPtGroupStep = function renderPtGroupStep(groupId) { if (groupId) this._ppGroupId = groupId; var group = ppGroupById(this._ppGroupId); if (!group) return this.renderPrescriptionTypes(); this._component__WillMount('LensAdvizor:ptGroupStep:rendered', { method: 'renderPtGroupStep' }); // step 1 mounts with the navigation stack cleared (resetUserResponse), // so re-register it first or this step would become step 1 if (!this.navigationSteps || !this.navigationSteps.length) { this.updateState(this.renderPrescriptionTypes.bind(this)); } this.updateState(this.renderPtGroupStep.bind(this)); if (this.formBtn && this.formBtn.parentElement && !String(this.options.layout || '').includes('subtotal')) { this.formBtn.parentElement.laHide(); } var members = ppGroupMembers(group.id); var title = group.stepTitle || ('Select a ' + group.title + ' type'); // visible text renders through <la-translate>; the alt attribute cannot, // so translate it here (Translation tab keys are the source strings) var altText = LensAdvizor.Translation.getTranslatedText(title); var html = '<div class="la-choose-prescription-wrapper la-pp-group-step">' + (group.stepImage ? '<div class="la-pp-group-step-image"><img src="' + ppEscapeHtml(group.stepImage) + '" alt="' + ppEscapeHtml(altText) + '" loading="lazy"></div>' : '') + '<div class="la-wrapper-heading"><h3 id="la_prescriptionSelect_title" tabindex="0"><la-translate>' + ppEscapeHtml(title) + '</la-translate></h3></div>' + (group.stepDescription ? '<p class="la-step-description" tabindex="0"><la-translate>' + ppEscapeHtml(group.stepDescription) + '</la-translate></p>' : '') + '<div class="la-label-wrapper">' + members.map(function (type) { return LensAdvizor.getButtonLayout({ title: type.title, description: type.description || '', image: type.image, name: type.name + '-' + type.id, value: type.id, className: 'la-pp-group-option', tooltip: type.metafield && type.metafield.toolTip ? type.metafield.toolTip : undefined }); }).join('') + '</div></div>'; // like the widget's own non-component steps: drop the iRact root so // the next component step starts from an empty content box delete this.contentBox._iractRoot; this.contentBox.innerHTML = html; members.forEach(function (type) { var input = this.contentBox.querySelector('.la-pp-group-option input[value="' + type.id + '"]'); var label = input && input.closest('.la-label-btn-wrapper').querySelector('label'); if (!label) return; var badge = ppMetaValue(type.metafields, 'Badge'); var titleEl = label.querySelector('.la-label-title'); if (badge && titleEl) { titleEl.insertAdjacentHTML('beforeend', '<span class="la-pp-badge"><la-translate>' + ppEscapeHtml(badge) + '</la-translate></span>'); } var price = ppMetaValue(type.metafields, 'Price'); if (price) { label.insertAdjacentHTML('beforeend', '<div class="la-label-price la-pp-price"><la-translate>' + ppEscapeHtml(price) + '</la-translate></div>'); } var pick = function (evt) { LensAdvizor._onPrescriptionTypeChange(evt); }; input.addEventListener('change', pick); input.addEventListener('keydown', function (evt) { if (LensAdvizor.clickKeycodes && LensAdvizor.clickKeycodes.includes(evt.code)) { evt.preventDefault(); pick(evt); } }); }, this); this._component__DidMount('LensAdvizor:ptGroupStep:rendered', { method: 'renderPtGroupStep' }); }; // Selecting a prescription type rebuilds the navigation stack from step 1 // (native behavior). When the selected type belongs to a group, put the // group step back in at position 2 so back navigation returns to it. function ppInsertGroupStep(la) { var name = 'bound renderPtGroupStep'; var steps = la.navigationSteps || []; if (steps.indexOf(name) !== -1) return; var position = 1; // right after step 1 steps.splice(position, 0, name); var nav = la.navigation || {}; for (var i = steps.length; i > position + 1; i--) nav[i] = nav[i - 1]; nav[position + 1] = la.renderPtGroupStep.bind(la); la.navigationSteps = steps; la.navigation = nav; la.stepIndex = steps.length; la.updateProgressBar(); } if (PP_GROUP_FIRST_RUN) { var ppNativeOnPrescriptionTypeChange = LensAdvizor._onPrescriptionTypeChange; LensAdvizor._onPrescriptionTypeChange = function () { var result = ppNativeOnPrescriptionTypeChange.apply(this, arguments); var groupId = ppGroupOf(this.response && this.response.selectedPrescriptionType); if (groupId && ppGroupById(groupId)) { this._ppGroupId = groupId; ppInsertGroupStep(this); } return result; }; } </article></body></html>

LensAdvizor.formVariantUpdate = function(e) { setTimeout(function(){ const variantInputField = this.querySelector('[name="id"]') let updatedVariantId = LensAdvizor.getUrlParameter("variant") if (variantInputField && variantInputField.value) { updatedVariantId = parseInt(variantInputField.value) } var selectedVariant = LensAdvizor.selectedOrDefaultVariant if (LensAdvizor.pageType == "product") { LensAdvizor.selectLensButtons.forEach((button) => { selectedVariant = button.getAttribute('data-la-variant-id') }) } if (selectedVariant == updatedVariantId) { return false } LensAdvizor.selectedOrDefaultVariant = updatedVariantId LensAdvizor.selectLensButtons.forEach((button) => { button.setAttribute("data-la-variant-id", updatedVariantId) }) LensAdvizor.prescriptionTypes = [] LensAdvizor.handleButtonDisplay() if (LensAdvizor.variants[updatedVariantId]) { LensAdvizor.customiseSelectLensButton(LensAdvizor.variants[updatedVariantId].settings) } document.dispatchEvent(new CustomEvent('LensAdvizor:variant:change')); }.bind(this), 150) } document.addEventListener("LensAdvizor:init:complete", () => {LensAdvizor.productForms.forEach (form => form.addEventListener('change', LensAdvizor.formVariantUpdate))}) // FIXED: Updated element IDs from la-odright-axis/la-odleft-axis to la-od_right-axis/la-os_left-axis // FIXED: Updated name attributes from la-odright-add/la-odleft-add to la-od_right-add/la-os_left-add document.addEventListener('LensAdvizor:render:manualEntryForm', function () { // document.querySelector('[name="la-pd-value"').value = 63 document.querySelector('#la-od_right-axis [value="0"]').remove(); document.querySelector('#la-os_left-axis [value="0"]').remove(); if (LensAdvizor.response.prescriptionType == "progressive") { document.querySelector('[name=la-od_right-add]').required = true document.querySelector('[name=la-os_left-add]').required = true } }) document.addEventListener('LensAdvizor:prescriptionTypes:rendered', function () { console.log('smanualEntryForm'); if (LensAdvizor.collectionId == "4554" || LensAdvizor.collectionId == "4837") { document.querySelector('.la-progressive-d5b96d75-e273-447b-87f8-f1a4c71cb323,.la-progressive-f6c4a73e-86c8-40a0-8bab-29c7889db869').insertAdjacentHTML('afterbegin', `

遠近・中近・近近両用

`); } }); document.addEventListener('LensAdvizor:lens:rendered', function (e) { if (e.detail.method == 'renderLensGroup') { if (LensAdvizor.collectionId == "4554") { var elements = document.getElementsByClassName('la-ミラーレンズ'); for (var i = 0; i < elements.length; i++) { var element = elements[i]; var badge = document.createElement('span'); badge.className = 'la-price-notify-blue'; badge.innerText = 'New'; element.appendChild(badge); } } } }); document.addEventListener('LensAdvizor:lens:rendered', function (e) { if (e.detail.method == 'renderLensGroup') { if (LensAdvizor.collectionId == "4554") { var elements = document.getElementsByClassName('la-カラーレンズ'); for (var i = 0; i < elements.length; i++) { var element = elements[i]; var badge = document.createElement('span'); badge.className = 'la-price-notify'; badge.innerText = 'カスタムカラー選択可能'; element.appendChild(badge); } } } }); /* document.addEventListener('LensAdvizor:lens:rendered', function (e) { if (e.detail.method == 'renderLensGroup') { if (LensAdvizor.collectionId == "4554") { var elements = document.getElementsByClassName('la-標準レンズ'); for (var i = 0; i < elements.length; i++) { var element = elements[i]; var badge = document.createElement('span'); badge.className = 'la-price-notify'; badge.innerText = '500円レンズ選択可能'; element.appendChild(badge); } } } }); */ //# sourceURL=la_extrastuff.js /* document.addEventListener('LensAdvizor:review:rendered', function () { console.log('review'); if (LensAdvizor.response.prescriptionType == "single_vision" || LensAdvizor.response.prescriptionType == "progressive") { document.querySelector('.la-wrapper-heading').insertAdjacentHTML('beforeend', `

再度処方箋の度数情報をご確認ください

`); } }); */ document.addEventListener('LensAdvizor:prescriptionTypes:rendered', function (e) { console.log('LensAdvizor:prescriptionTypes:rendered', e); const hideCustomrColorPropertyInput = ``; wrapper = document.querySelector('.la-prescription-modal-wrapper'); wrapper.insertAdjacentHTML('beforeend', hideCustomrColorPropertyInput); }); String.prototype.generateUnique = function () { return this.generateId() } // ============================================================ // PrimeParticle - grouped prescription types with a dedicated // sub-step (for example "Select a progressive type") // // Step 1 shows ONE card per group (for example "Progressive"). // Clicking it opens a dedicated step that lists the group's // prescription types (for example "Progressive Standard" and // "Progressive Premium"). Picking one continues the native flow. // The sub-step sits in the widget's navigation stack, so the back // arrow and the browser back button return to it. // // ALL CONTENT LIVES IN METAFIELDS (flow editor > Manage Metafields). // Keys start with an underscore: LensAdvisor treats "_"-prefixed // metafields as internal and hides them on the order detail view. // // Flow level (both values are "Title | Description | Image URL"): // _Group: the card shown on step 1 in place of the // member prescription types (image optional - // falls back to the first member's image) // _Group::step the dedicated step: heading (default // "Select a type"), optional text under // the heading, optional image above the heading // // Prescription type level: // _Group <id> of the flow-level group this // prescription type belongs to // _Badge short tag next to the title, for // example "Widest field of view" // (optional) // _Price price text on the right, for // example "Free" or "+$70" (optional) // // Nothing renders until at least one prescription type carries // _Group with a matching flow-level _Group:<id> entry. // ============================================================ // The widget injects this script once per widget instance on the page, // so everything here must survive re-execution: listeners and the // method wrap register on the first run only. var PP_GROUP_FIRST_RUN = !window.__ppGroupStepLoaded; window.__ppGroupStepLoaded = true; function ppOn(eventName, handler) { if (PP_GROUP_FIRST_RUN) document.addEventListener(eventName, handler); } // ---------------- metafield helpers ---------------- // Canonical keys start with "_". Lookups tolerate the prefix being // absent, match case-insensitively, and ignore spaces around ":". function ppNormKey(key) { return String(key == null ? '' : key).trim().toLowerCase() .replace(/^_+/, '').replace(/\s*:\s*/g, ':'); } function ppMetaValue(list, key) { var norm = ppNormKey(key); var entry = (list || []).find(function (mf) { return mf && ppNormKey(mf.key) === norm; }); return entry && entry.value != null ? String(entry.value).trim() : null; } // Ordered [{suffix, value}] for every metafield whose key starts with prefix function ppMetaEntries(list, prefix) { var norm = ppNormKey(prefix); var out = []; (list || []).forEach(function (mf) { if (!mf) return; var key = ppNormKey(mf.key); if (key.indexOf(norm) === 0 && mf.value != null) { out.push({ suffix: key.slice(norm.length), value: String(mf.value).trim() }); } }); return out; } function ppFlowMeta(key) { return ppMetaValue(LensAdvizor.options && LensAdvizor.options.flowMetafields, key); } function ppFlowMetaEntries(prefix) { return ppMetaEntries(LensAdvizor.options && LensAdvizor.options.flowMetafields, prefix); } function ppEscapeHtml(text) { return String(text == null ? '' : text) .replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>') .replace(/"/g, '"').replace(/'/g, '''); } // ---------------- groups ---------------- // "Title | Description | Image URL" -> {title, description, image} function ppParseCard(value) { var parts = String(value == null ? '' : value).split('|').map(function (part) { return part.trim(); }); return { title: parts[0] || '', description: parts[1] || '', image: parts[2] || '' }; } // Groups come from flow metadata: "_Group:<id>" defines the step 1 card, // "_Group:<id>:step" the dedicated step - both in the same card format. function ppGroups() { return ppFlowMetaEntries('Group:').filter(function (entry) { return entry.suffix && entry.suffix.indexOf(':') === -1; }).map(function (entry) { var card = ppParseCard(entry.value); var step = ppParseCard(ppFlowMeta('Group:' + entry.suffix + ':step')); return { id: entry.suffix, title: card.title, description: card.description, image: card.image, stepTitle: step.title, stepDescription: step.description, stepImage: step.image }; }).filter(function (group) { return group.id && group.title; }); } function ppGroupById(groupId) { return ppGroups().find(function (group) { return group.id === groupId; }) || null; } // group id a prescription type opted into (its "_Group" metafield), or null function ppGroupOf(type) { var id = type ? ppMetaValue(type.metafields, 'Group') : null; return id ? ppNormKey(id) : null; } function ppGroupMembers(groupId) { return (LensAdvizor.prescriptionTypes || []).filter(function (type) { return ppGroupOf(type) === groupId; }); } function ppContentWrapper() { return (LensAdvizor.contentBox || document).querySelector('.la-choose-prescription-wrapper'); } // ---------------- step 1: collapse each group into one card ---------------- function ppCollapseGroups() { var groups = ppGroups(); if (!groups.length) return; // only the native step 1 - never the group step itself (same wrapper class) var wrapper = ppContentWrapper(); if (!wrapper || wrapper.classList.contains('la-pp-group-step') || wrapper.querySelector('.la-pp-group-card')) return; var list = wrapper.querySelector('.la-label-wrapper'); if (!list) return; groups.forEach(function (group) { var members = ppGroupMembers(group.id); var memberCards = members.map(function (type) { var input = list.querySelector('input[value="' + type.id + '"]'); return input ? input.closest('.la-label-btn-wrapper') : null; }).filter(Boolean); if (!memberCards.length) return; memberCards.forEach(function (card) { card.classList.add('la-pp-group-member'); }); var html = LensAdvizor.getButtonLayout({ title: group.title, description: group.description, image: group.image || members[0].image, name: 'pp-group-' + group.id, value: 'group:' + group.id, className: 'la-pp-group-card' }); memberCards[0].insertAdjacentHTML('beforebegin', html); var card = memberCards[0].previousElementSibling; var input = card && card.querySelector('input'); if (!input) return; var open = function (evt) { evt.preventDefault(); LensAdvizor.renderPtGroupStep(group.id); }; input.addEventListener('change', open); input.addEventListener('keydown', function (evt) { if (LensAdvizor.clickKeycodes && LensAdvizor.clickKeycodes.includes(evt.code)) open(evt); }); }); } // Collapse as soon as the step 1 cards land in the DOM (before the first // paint, so the member cards never flash), and again on the widget's own // rendered event as a fallback. ppCollapseGroups is idempotent. function ppObserveContentBox() { var box = LensAdvizor.contentBox; if (!box || box._ppObserved) return; box._ppObserved = true; new MutationObserver(function () { ppCollapseGroups(); }) .observe(box, { childList: true, subtree: true }); } ppOn('LensAdvizor:component:WillMount', function (evt) { if (evt.detail && evt.detail.eventType === 'LensAdvizor:prescriptionTypes:rendered') ppObserveContentBox(); }); ppOn('LensAdvizor:prescriptionTypes:rendered', function () { setTimeout(ppCollapseGroups, 0); }); // ---------------- the dedicated step ---------------- // Registered on LensAdvizor so it lives in the navigation stack like a // native step ("bound renderPtGroupStep"): the back arrow and the // browser back button re-run it, and updateState dedupes by name. LensAdvizor.renderPtGroupStep = function renderPtGroupStep(groupId) { if (groupId) this._ppGroupId = groupId; var group = ppGroupById(this._ppGroupId); if (!group) return this.renderPrescriptionTypes(); this._component__WillMount('LensAdvizor:ptGroupStep:rendered', { method: 'renderPtGroupStep' }); // step 1 mounts with the navigation stack cleared (resetUserResponse), // so re-register it first or this step would become step 1 if (!this.navigationSteps || !this.navigationSteps.length) { this.updateState(this.renderPrescriptionTypes.bind(this)); } this.updateState(this.renderPtGroupStep.bind(this)); if (this.formBtn && this.formBtn.parentElement && !String(this.options.layout || '').includes('subtotal')) { this.formBtn.parentElement.laHide(); } var members = ppGroupMembers(group.id); var title = group.stepTitle || ('Select a ' + group.title + ' type'); // visible text renders through <la-translate>; the alt attribute cannot, // so translate it here (Translation tab keys are the source strings) var altText = LensAdvizor.Translation.getTranslatedText(title); var html = '<div class="la-choose-prescription-wrapper la-pp-group-step">' + (group.stepImage ? '<div class="la-pp-group-step-image"><img src="' + ppEscapeHtml(group.stepImage) + '" alt="' + ppEscapeHtml(altText) + '" loading="lazy"></div>' : '') + '<div class="la-wrapper-heading"><h3 id="la_prescriptionSelect_title" tabindex="0"><la-translate>' + ppEscapeHtml(title) + '</la-translate></h3></div>' + (group.stepDescription ? '<p class="la-step-description" tabindex="0"><la-translate>' + ppEscapeHtml(group.stepDescription) + '</la-translate></p>' : '') + '<div class="la-label-wrapper">' + members.map(function (type) { return LensAdvizor.getButtonLayout({ title: type.title, description: type.description || '', image: type.image, name: type.name + '-' + type.id, value: type.id, className: 'la-pp-group-option', tooltip: type.metafield && type.metafield.toolTip ? type.metafield.toolTip : undefined }); }).join('') + '</div></div>'; // like the widget's own non-component steps: drop the iRact root so // the next component step starts from an empty content box delete this.contentBox._iractRoot; this.contentBox.innerHTML = html; members.forEach(function (type) { var input = this.contentBox.querySelector('.la-pp-group-option input[value="' + type.id + '"]'); var label = input && input.closest('.la-label-btn-wrapper').querySelector('label'); if (!label) return; var badge = ppMetaValue(type.metafields, 'Badge'); var titleEl = label.querySelector('.la-label-title'); if (badge && titleEl) { titleEl.insertAdjacentHTML('beforeend', '<span class="la-pp-badge"><la-translate>' + ppEscapeHtml(badge) + '</la-translate></span>'); } var price = ppMetaValue(type.metafields, 'Price'); if (price) { label.insertAdjacentHTML('beforeend', '<div class="la-label-price la-pp-price"><la-translate>' + ppEscapeHtml(price) + '</la-translate></div>'); } var pick = function (evt) { LensAdvizor._onPrescriptionTypeChange(evt); }; input.addEventListener('change', pick); input.addEventListener('keydown', function (evt) { if (LensAdvizor.clickKeycodes && LensAdvizor.clickKeycodes.includes(evt.code)) { evt.preventDefault(); pick(evt); } }); }, this); this._component__DidMount('LensAdvizor:ptGroupStep:rendered', { method: 'renderPtGroupStep' }); }; // Selecting a prescription type rebuilds the navigation stack from step 1 // (native behavior). When the selected type belongs to a group, put the // group step back in at position 2 so back navigation returns to it. function ppInsertGroupStep(la) { var name = 'bound renderPtGroupStep'; var steps = la.navigationSteps || []; if (steps.indexOf(name) !== -1) return; var position = 1; // right after step 1 steps.splice(position, 0, name); var nav = la.navigation || {}; for (var i = steps.length; i > position + 1; i--) nav[i] = nav[i - 1]; nav[position + 1] = la.renderPtGroupStep.bind(la); la.navigationSteps = steps; la.navigation = nav; la.stepIndex = steps.length; la.updateProgressBar(); } if (PP_GROUP_FIRST_RUN) { var ppNativeOnPrescriptionTypeChange = LensAdvizor._onPrescriptionTypeChange; LensAdvizor._onPrescriptionTypeChange = function () { var result = ppNativeOnPrescriptionTypeChange.apply(this, arguments); var groupId = ppGroupOf(this.response && this.response.selectedPrescriptionType); if (groupId && ppGroupById(groupId)) { this._ppGroupId = groupId; ppInsertGroupStep(this); } return result; }; } </article></body></html>

Eyeglasses

Estefania

Theodore

Jaxon

Miles

Benjamin

James

Elijah

Shop with confidence