https://www.txdot.gov/etc.clientlibs/txdotreimagine/components/content/mediaObject/clientlibs.min.js

1(function ($, $document) {
2    "use strict";
3
4    $document.on("dialog-ready", function(){
5        let multi = $("coral-multifield");
6        showHideAlt(multi);
7       	showHideAltField(multi);
8    });
9
10    $document.on("change", "coral-multifield",  function(){
11        let multi = $("coral-multifield");
12        showHideAlt(multi);
13       	showHideAltField(multi);
14    });
15
16    function showHideAlt(el){
17        el.children("coral-multifield-item").each(function(item){
18            let childList = $(this).find(".card-max").children("coral-multifield-item");
19            let decorativeCheck = $(this).find(".cmp_media-object-decorative");
20            let altGroup = $(this).find(".cmp-media-object__editor-alt");
21            if(decorativeCheck.prop('checked')){
22				altGroup.hide();
23            }else{
24            	altGroup.show();
25            }
26        });
27    }
28
29
30    function showHideAltField(el){
31        el.children("coral-multifield-item").each(function(item){
32            let childList = $(this).find(".card-max").children("coral-multifield-item");
33            let overrideAltCheck = $(this).find(".cmp-media-object__editor-alt-override");
34            let altField = $(this).find(".cmp-media-object__editor-alt-text");
35            if(overrideAltCheck.prop('checked')){
36				altField.show();
37                altField.prop('required', true);
38            }else{
39            	altField.hide();
40                altField.prop('required', false);
41            }
42        });
43    }
44
45})($, $(document));