<script type="text/html" class="modal__placeholder" id="test-modal-placeholder">
<aside class="modal modal--slide" id="test-modal" aria-hidden="true" data-modal>
<div class="modal__overlay" tabindex="-1" data-modal-close data-modal-overlay>
<div class="modal__container--small" role="dialog" aria-modal="true" aria-labelledby="test-modal-title">
<div class="modal__container-inner">
<header class="modal__header">
<h3 class="modal__title" id="test-modal-title">Barcode Scanner</h3>
<div class="modal__close">
<button class="button-icon--icon-regular -icon-close" type="button" name="close" value="close" data-modal-close="">
<span class="visually-hidden">Close modal</span>
</button>
</div>
</header>
<main class="modal__content" id="test-modal-content">
<div id="barcodePickerElement" style="background: lightgrey; width: 100%; height: 80vh; display: flex;">
<div style="border: 2px solid white; width: 100%; margin: 16px;">
<div style="text-align: center; top: 50%;">Scandit barcode placeholder</div>
</div>
</main>
</div>
</div>
</div>
</aside>
</script>
<div class="modal__demo-toggle" data-modal-id="test-modal">
<a href="#" class="button-scanner">
<span class="visually-hidden">Barcode Scanner</span>
</a>
</div>
{% include '@SharedComponents/modules/shared/components/modal/modal.twig' %}
{
"id": "test-modal",
"title": "Barcode Scanner",
"footer": null,
"closeLabel": "Close modal",
"headingLevel": "3",
"demo": true,
"size": "small",
"content": {
"path": "modules/scanner/templates/scanner/scanner",
"data": {
"include": "...scanner--demo"
}
},
"buttonScanner": {
"include": "...button-scanner--default"
}
}
import ModalDemo, {selector as sel} from 'cando-cx-components-library/components/modules/shared/components/modal/modal-demo';
export default ModalDemo;
export const selector = sel;
import ModalMediator, {name as title} from 'cando-cx-components-library/components/modules/shared/components/modal/modal-mediator';
export default ModalMediator;
export const name = title;
import './modal.scss';
@import "~shared/base";
@import "~cando-cx-components-library/components/modules/shared/components/modal/modal";
No notes defined.