How does Magento_Checkout/sidebar.html use the `mage.modal` jQuery UI widget?

dmitrii_fediuk · May 20, 2018, 2:48pm

magento/magento2/blob/2.2.4/app/code/Magento/Checkout/view/frontend/web/template/sidebar.html#L8-L30


<div id="opc-sidebar"
 data-bind="afterRender:setModalElement, mageInit: {
'Magento_Ui/js/modal/modal':{
    'type': 'custom',
    'modalClass': 'opc-sidebar opc-summary-wrapper',
    'wrapperClass': 'checkout-container',
    'parentModalClass': '_has-modal-custom',
    'responsive': true,
    'responsiveClass': 'custom-slide',
    'overlayClass': 'modal-custom-overlay',
    'buttons': []
}}">


<!-- ko foreach: getRegion('summary') -->
    <!-- ko template: getTemplate() --><!-- /ko -->
<!--/ko-->


<div class="opc-block-shipping-information">
    <!-- ko foreach: getRegion('shipping-information') -->
    <!-- ko template: getTemplate() --><!-- /ko -->
    <!--/ko-->
</div>
</div>

dmitrii_fediuk · May 20, 2018, 2:48pm