unable to update the traits value in the HTML for custom component

// Seconds label text used in component
labelSeconds: 'seconds',

    
  };

  

  // Load defaults
  for (let name in defaults) {
    if (!(name in c))
      c[name] = defaults[name];
  }

   // Add components
 //  loadComponents(editor, c);

 //  // Add components
	// loadBlocks(editor, c);

  const domc = editor.DomComponents;
  const defaultType = domc.getType('default');
  const textType = domc.getType('text');
  const defaultModel = defaultType.model;
  const defaultView = defaultType.view;
  const textModel = textType.model;
  const textView = textType.view;
  const sfx = c.socialClssfx;


  domc.addType('social-icons', {

    model: defaultModel.extend({
      defaults: Object.assign({}, defaultModel.prototype.defaults, {
        droppable: false,
         traits: [{
            
            label: 'Facebook URL',
            name: "facebook_url",
             changeProp: 1,
             value:"dasdsdasd",

            
        },
        {
            type: "checkbox",
            label: 'Facebook',
            name: "facebook_show",
            changeProp: 1,
            value: 1,
           
        },
        


        ],
        script: function() {

          
          

        }
      }),
    }, {
      isComponent(el) {

        if(el.getAttribute &&
          el.getAttribute('data-gjs-type') == 'social-icons') {
          return {
            type: 'social-icons'
          };
        }
      },
    }),


    view: defaultView.extend({
      init: function() {

      	
        this.listenTo(this.model, 'change:facebook_url change:facebook_show', this.updateSrc);




        const comps = this.model.get('components');
	
       
        // Add a basic countdown template if it's not yet initialized
        if (!comps.length) {
          comps.reset();
          comps.add(`
            <div data-js="social-icons" >
              <div data-js="social-facebook-div" class="${sfx}-block">
                <a data-js="social-facebook" href="" target="_blank" style="border: none;text-decoration: none;" class="facebook">
                    <img src="https://www.ctltrax.com/staging/frontend/assets/files/ext-mbuilder-email-editor/assets/social/facebook.png" border="0"><!---->
                </a>
              </div>
              <div class="${sfx}-block">
                <a data-js="social-twitter" href="" target="_blank" style="border: none;text-decoration: none;" class="twitter">
                    <img  src="https://www.ctltrax.com/staging/frontend/assets/files/ext-mbuilder-email-editor/assets/social/twitter.png" border="0"><!---->
                </a>
              </div>
              <div class="${sfx}-block">
                <a data-js="social-linkedin" href="" target="_blank" style="border: none;text-decoration: none;" class="linkedin">
                    <img  src="https://www.ctltrax.com/staging/frontend/assets/files/ext-mbuilder-email-editor/assets/social/linkedin.png" border="0"><!---->
                </a>
              </div>
               <div class="${sfx}-block">
                <a data-js="social-youtube" href="" target="_blank" style="border: none;text-decoration: none;" class="youtube">
                    <img  src="https://www.ctltrax.com/staging/frontend/assets/files/ext-mbuilder-email-editor/assets/social/youtube.png" border="0"><!---->
                </a>
              </div>
            </div>
          `);
        }

      },
       updateSrc: function updateSrc() {
         
         //  var facebookUrl = this.model.querySelector('[data-js=social-facebook]');
         // // var facebookDiv = this.model.querySelector('[data-js=social-facebook-div]');
        
         var facebookUrl = this.el.querySelector('[data-js=social-facebook]');
         var facebookDiv = this.el.querySelector('[data-js=social-facebook-div]');


          console.log(this);
          var facebook_url = this.model.get('facebook_url');
          var facebook_check = this.model.get('facebook_show');
          
            if(facebook_check){
              facebookDiv.style.display = '';
             facebookUrl.href = facebook_url;
            }else{
              facebookDiv.style.display = 'none';
             facebookUrl.href = facebook_url;
            }
        },
    }),



});
  const style = c.defaultStyle ? `<style>
    .${sfx} {
      text-align: center;
      font-family: Helvetica, serif;
    }
    .${sfx}-block {
      display: inline-block;
      margin: 0 10px;
      padding: 10px;
    }
    .${sfx}-digit {
      font-size: 5rem;
    }
    .${sfx}-endtext {
      font-size: 5rem;
    }
    .${sfx}-cont,
    .${sfx}-block {
      display: inline-block;
    }
  </style>` : '';

      var bm = editor.BlockManager;
      bm.add('social-icons', {
      label: 'Test Quote',
      category: 'Extra',
     
      content: {
          content:  `
          
          ${style}
          `,
          editable: !1,
          droppable: !0,
          'type':'social-icons',
          style: {
              "width" : "100%",
              "text-align": "center",
              
          }
        },
      attributes: {class:'fa fa-quote-right'}
      });

 
});