AppRegistry.registerBundle({applicationId:'personas|0.0.3',bundle: {"en":{"hello":"Hello"},"sv":{"hello":"Hej"}}});
AppRegistry.registerModule({applicationId:'personas|0.0.3',path:'/template/test',module:function(define){define(function(require){var _=require('underscore');return function(obj){
var __t,__p='',__j=Array.prototype.join,print=function(){__p+=__j.call(arguments,'');};
with(obj||{}){
__p+='[{\n   "personadescription": "Vi började utveckla ett TDV-system då vi såg hur de kvalificerade angreppen mot Sverige stadigt ökade i omfattning.",\n   "personatitle": "Chef för FRA:s Cyber­avdelning",\n   "personaname": "Charlotte Lindgren",\n   "URI": "/edit-fileresource/4.53d4b9161841b96d99232/18.1c544a44165863dd11c223"\n}, {\n   "personadescription": "Det är inte alltid den nyaste tekniken som är intressant, utan det ska vara rätt teknik.",\n   "personatitle": "Chef för FRA:s Teknik­avdelning",\n   "personaname": "Gunnar Hellenius",\n   "URI": "/edit-fileresource/4.53d4b9161841b96d99232/18.1c544a44165863dd11c234"\n}, {\n   "personadescription": "Alla på FRA är beroende av Verk­samhets­stöd och vi jobbar för att integrera smarta processer i verksam­heten.",\n   "personatitle": "Chef för FRA:s Verk­samhetsstöd",\n   "personaname": "Robert Sirkka",\n   "URI": "/edit-fileresource/4.53d4b9161841b96d99232/18.1c544a44165863dd11c239"\n}, {\n   "personadescription": "Vi jobbar på två olika av­delningar men ändå tätt ihop. När alla delar med sig av det de är bäst på faller uppdragets alla pussel­bitar på plats.",\n   "personatitle": "Produkt- respektive utvecklings­ledare",\n   "personaname": "Thommy och Marie",\n   "URI": "/edit-fileresource/4.53d4b9161841b96d99232/18.1c544a44165863dd11c248"\n}, {\n   "personadescription": "Som analytiker producerar jag rapporter baserade på under­rättelse­information till FRA:s uppdragsgivare.",\n   "personatitle": "Analytiker, FRA:s avdelning för signalunder­rättelser",\n   "personaname": "Petra",\n   "URI": "/edit-fileresource/4.53d4b9161841b96d99232/18.1c544a44165863dd11c24d"\n}, {\n   "personadescription": "Gemensamt för oss är att vi gillar att jobba med service och att få möjlighet att träffa olika personer på myndig­heten.",\n   "personatitle": "Chaufför på FRA:s Verk­samhetsstöd",\n   "personaname": "Petter",\n   "URI": "/edit-fileresource/4.53d4b9161841b96d99232/18.1c544a44165863dd11c25f"\n}, {\n   "URI": "/edit-fileresource/4.53d4b9161841b96d99232/18.8fa411a1665e8b794c32"\n}, {\n   "URI": "/edit-fileresource/4.53d4b9161841b96d99232/18.8fa411a1665e8b794c37"\n}]';
}
return __p;
};});}});
AppRegistry.registerModule({applicationId:'personas|0.0.3',path:'/template/test2',module:function(define){define(function(require){var _=require('underscore');return function(obj){
var __t,__p='',__j=Array.prototype.join,print=function(){__p+=__j.call(arguments,'');};
with(obj||{}){
__p+='[{\n   "personadescription": "Vi började utveckla ett TDV-system då vi såg hur de kvalificerade angreppen mot Sverige stadigt ökade i omfattning.",\n   "personatitle": "Chef för FRA:s Cyber­avdelning",\n   "personaname": "Charlotte Lindgren",\n   "personalink": "4.55af049f184e92956c42bee",\n   "URI": "/edit-fileresource/91.55af049f184e92956c42a29/18.55af049f184e92956c44052"\n}, {\n   "personadescription": "Det är inte alltid den nyaste tekniken som är intressant, utan det ska vara rätt teknik.",\n   "personatitle": "Chef för FRA:s Teknik­avdelning",\n   "personaname": "Gunnar Hellenius",\n   "personalink": "4.55af049f184e92956c42ae1",\n   "URI": "/edit-fileresource/91.55af049f184e92956c42a29/18.55af049f184e92956c44032"\n}, {\n   "personadescription": "Alla på FRA är beroende av Verk­samhets­stöd och vi jobbar för att integrera smarta processer i verksam­heten.",\n   "personatitle": "Chef för FRA:s Verk­samhetsstöd",\n   "personaname": "Robert Sirkka",\n   "personalink": "4.55af049f184e92956c42c0e",\n   "URI": "/edit-fileresource/91.55af049f184e92956c42a29/18.55af049f184e92956c44030"\n}, {\n   "URI": "/edit-fileresource/91.55af049f184e92956c42a29/18.55af049f184e92956c44016"\n}, {\n   "personadescription": "Som analytiker producerar jag rapporter baserade på under­rättelse­information till FRA:s uppdragsgivare.",\n   "personatitle": "Analytiker, FRA:s avdelning för signalunder­rättelser",\n   "personaname": "Petra",\n   "personalink": "4.55af049f184e92956c42d81",\n   "URI": "/edit-fileresource/91.55af049f184e92956c42a29/18.55af049f184e92956c43ebd"\n}, {\n   "personadescription": "Gemensamt för oss är att vi gillar att jobba med service och att få möjlighet att träffa olika personer på myndig­heten.",\n   "personatitle": "Chaufför på FRA:s Verk­samhetsstöd",\n   "personaname": "Petter",\n   "personalink": "4.55af049f184e92956c42ac3",\n   "URI": "/edit-fileresource/91.55af049f184e92956c42a29/18.55af049f184e92956c43eab"\n}, {\n   "personadescription": "erter",\n   "personatitle": "erter",\n   "personaname": "erte",\n   "personalink": "4.55af049f184e92956c42d62",\n   "URI": "/edit-fileresource/91.55af049f184e92956c42a29/18.aaa688518639ea363d3d"\n}]';
}
return __p;
};});}});
AppRegistry.registerModule({applicationId:'personas|0.0.3',path:'/reducer',module:function(define){'use strict';define(function (require) {
  'use strict';

  var _ = require('underscore');
  var reducer = function reducer(state, action) {
    switch (action.type) {
      case 'SET_HEIGHT':
        return _.extend({}, state, {
          height: action.height
        });
      default:
        return state;
    }
  };
  return reducer;
});}});
AppRegistry.registerModule({applicationId:'personas|0.0.3',path:'/template/persona',module:function(define){define(function(require){var _=require('underscore');return function(obj){
var __t,__p='',__j=Array.prototype.join,print=function(){__p+=__j.call(arguments,'');};
with(obj||{}){
__p+='<div class="persona">\n   <div class="personatop">\n      <div class="personasimage">\n         <a href="'+
((__t=( personalink ))==null?'':_.escape(__t))+
'">\n            <!-- <img alt="petter" class="sv-noborder" style="max-width:500px;max-height:500px;" srcset="/images/18.1c544a44165863dd11c25f/1536753013716/x320p/petter-chauffor-500x500.jpg 320w, /images/18.1c544a44165863dd11c25f/1536753013716/x480p/petter-chauffor-500x500.jpg 480w, /images/18.1c544a44165863dd11c25f/1536753013716/petter-chauffor-500x500.jpg 500w" sizes="100vw" src="'+
((__t=( URI ))==null?'':_.escape(__t))+
'"> -->\n            <img alt="'+
((__t=( personaname ))==null?'':_.escape(__t))+
'" class="sv-noborder" style="max-width:500px;max-height:500px;" src="'+
((__t=( URI ))==null?'':_.escape(__t))+
'">\n         </a>\n      </div>\n      <div class="blockquote">\n         <p></p>\n      </div>\n      <div class="personastext">\n         <p class="normal">'+
((__t=( personadescription ))==null?'':_.escape(__t))+
'</p>\n      </div>\n   </div>\n   <div class="personabottom">\n      <div class="personasline" style="margin-bottom: 1rem;"></div>\n      <div class="personasname">\n         <p class="normal">'+
((__t=( personaname ))==null?'':_.escape(__t))+
'</p>\n      </div>\n      <div class="personastitle">\n         <p class="normal">'+
((__t=( personatitle ))==null?'':_.escape(__t))+
'</p>\n      </div>\n   </div>\n</div>\n\n';
}
return __p;
};});}});
AppRegistry.registerModule({applicationId:'personas|0.0.3',path:'/component/Persona',module:function(define){'use strict';define(function (require) {
  'use strict';

  var Component = require('Component');
  var template = require('/template/persona');
  return Component.extend({
    template: template
  });
});}});
AppRegistry.registerModule({applicationId:'personas|0.0.3',path:'/component/More',module:function(define){'use strict';define(function (require) {
  'use strict';

  var Component = require('Component');
  var template = require('/template/more');
  var store = require('store');
  var _ = require('underscore');
  var $ = require('jquery');
  return Component.extend({
    template: template,
    events: {
      dom: {
        'click [data-update-more]': 'handleUpdateMore',
        'resize': 'testing'
      },
      self: {
        'state:changed:height': 'render'
      },
      store: 'handleStoreUpdate'
    },
    handleUpdateMore: function handleUpdateMore(e) {
      e.preventDefault();
      var personaWidth = 250 + 40;
      var width = this.$('#buttonContainer').width();
      var numberOfImages = this.state.images.length;
      var numberOfRows = this.state.height / 35;
      var numberOfPersonasInOneRow = parseInt(width / personaWidth);
      var needMoreSpace = numberOfImages > numberOfPersonasInOneRow * numberOfRows ? true : false;
      var needMoreSpaceNextTime = numberOfImages > numberOfPersonasInOneRow * (numberOfRows + 1) ? true : false;

      // console.log('width',width);
      // console.log('numberOfImages',numberOfImages);
      // console.log('numberOfRows',numberOfRows);
      // console.log('numberOfPersonasInOneRow',numberOfPersonasInOneRow);
      // console.log('needMoreSpace',needMoreSpace);
      // console.log('needMoreSpaceNextTime',needMoreSpaceNextTime);

      if (needMoreSpace) {
        store.dispatch({
          type: 'SET_HEIGHT',
          height: this.state.height + 35
        });
      }
      if (!needMoreSpaceNextTime) {
        this.$('[data-update-more]').attr('disabled', true);
      }
    },
    onRendered: function onRendered() {
      // console.log('more.js height', this.state.height)
    },
    handleStoreUpdate: function handleStoreUpdate(newState) {
      this.setState(newState);
    },
    filterState: function filterState(state) {
      return _.extend({}, {
        height: state.height,
        images: state.images
      });
    }
  });
});}});
AppRegistry.registerModule({applicationId:'personas|0.0.3',path:'/component/Personas',module:function(define){'use strict';define(function (require) {
  'use strict';

  var ListComponent = require('ListComponent');
  var $ = require('jquery');
  var _ = require('underscore');
  return ListComponent.extend({
    childProperty: 'images',
    childComponentPath: 'Persona',
    events: {
      self: {
        'state:changed:height': 'render'
      },
      store: 'handleStoreUpdate'
    },
    attributes: function attributes() {
      return {
        style: "height: ".concat(this.state.height, "rem")
      };
    },
    handleStoreUpdate: function handleStoreUpdate(newState) {
      this.setState(newState);
    },
    onRendered: function onRendered() {
      // console.log('Images.js images', this.state);
    },
    filterState: function filterState(state) {
      return _.extend({}, {
        images: state.images,
        height: state.height
      });
    }
  });
});}});
AppRegistry.registerModule({applicationId:'personas|0.0.3',path:'/template/main',module:function(define){define(function(require){var _=require('underscore');return function(obj){
var __t,__p='',__j=Array.prototype.join,print=function(){__p+=__j.call(arguments,'');};
with(obj||{}){
__p+='<div class="personas env-flex env-flex--direction-column">\n   \n   '+
((__t=( renderer.renderComponent('Personas') ))==null?'':__t)+
'\n\n   '+
((__t=( renderer.renderComponent('More') ))==null?'':__t)+
'\n\n</div>\n';
}
return __p;
};});}});
AppRegistry.registerModule({applicationId:'personas|0.0.3',path:'/template/more',module:function(define){define(function(require){var _=require('underscore');return function(obj){
var __t,__p='',__j=Array.prototype.join,print=function(){__p+=__j.call(arguments,'');};
with(obj||{}){
__p+='<p id="buttonContainer" class="env-w--100 env-flex env-flex--justify-content-center">\n   <button type="button" data-update-more class="env-button env-button--primary">Se fler</button>\n</p>';
}
return __p;
};});}});
AppRegistry.registerModule({applicationId:'personas|0.0.3',path:'/main',module:function(define){'use strict';define(function (require) {
  'use strict';

  var Component = require('Component');
  var template = require('/template/main');
  return Component.extend({
    template: template
  });
});}});