{"version":3,"sources":["collagenlabo/js/script.js"],"names":["$","window","on","$masonry","masonry","itemSelector","columnWidth","gutter","$filterNav","$article","$articlesClone","clone","e","$this","currentTarget","target","attr","split","$appendItems","removeClass","find","parent","addClass","filter","append","jQuery"],"mappings":"AAAA;AACA;;AACC,WAASA,CAAT,EAAY;AACZA,GAAEC,MAAF,EAAUC,EAAV,CAAa,MAAb,EAAqB,YAAW;AAC/B;AACA,MAAIC,WAAWH,EAAE,OAAF,EAAWI,OAAX,CAAmB;AACjCC,iBAAc,UADmB;AAEjCC,gBAAc,iBAFmB;AAGjCC,WAAc;AAHmB,GAAnB,CAAf;AAKA;AACA,MAAIC,aAAaR,EAAE,mBAAF,CAAjB;AACA,MAAIS,WAAWT,EAAE,UAAF,CAAf;AACA,MAAIU,iBAAiBD,SAASE,KAAT,EAArB,CAV+B,CAUQ;AACvCH,aAAWN,EAAX,CAAc,OAAd,EAAuB,GAAvB,EAA4B,UAASU,CAAT,EAAY;AACvC,OAAIC,QAAQb,EAAEY,EAAEE,aAAJ,CAAZ;AACA,OAAIC,SAASF,MAAMG,IAAN,CAAW,MAAX,EAAmBC,KAAnB,CAAyB,GAAzB,EAA8B,CAA9B,CAAb;AACA,OAAIC,eAAeR,eAAeC,KAAf,EAAnB;AACA;AACAH,cAAWW,WAAX,CAAuB,WAAvB,EACEC,IADF,eACmBL,MADnB,SAEEM,MAFF,GAGEC,QAHF,CAGW,WAHX;AAIA;AACA,OAAGP,WAAW,KAAd,EAAqB;AACpBG,mBAAeA,aAAaK,MAAb,iBAAkCR,MAAlC,QAAf;AACA;AACD;AACAZ,YAASC,OAAT,CAAiB,QAAjB,EAA2BK,QAA3B,EACEL,OADF,CACU,QADV,EAEEoB,MAFF,CAESN,YAFT,EAGEd,OAHF,CAGU,UAHV,EAGsBc,YAHtB;AAIA;AACAT,cAAWS,YAAX;AACA,GApBD;AAqBA,EAhCD;AAiCA,CAlCA,EAkCCO,MAlCD,CAAD","file":"script.js","sourcesContent":["/* eslint: one-var:0 */\r\n'use strict';\r\n(function($) {\r\n\t$(window).on('load', function() {\r\n\t\t// レンガレイアウト\r\n\t\tlet $masonry = $('.main').masonry({\r\n\t\t\titemSelector: '.article',\r\n\t\t\tcolumnWidth : '.article.size-s',\r\n\t\t\tgutter      : 10\r\n\t\t});\r\n\t\t// フィルター\r\n\t\tlet $filterNav = $('.js-nav-filter li');\r\n\t\tlet $article = $('.article');\r\n\t\tlet $articlesClone = $article.clone(); // フィルタリング用のクローンHTML\r\n\t\t$filterNav.on('click', 'a', function(e) {\r\n\t\t\tlet $this = $(e.currentTarget);\r\n\t\t\tlet target = $this.attr('href').split('#')[1];\r\n\t\t\tlet $appendItems = $articlesClone.clone();\r\n\t\t\t// ナビゲーション部分の更新\r\n\t\t\t$filterNav.removeClass('is-active')\r\n\t\t\t\t.find(`a[href=\"#${target}\"]`)\r\n\t\t\t\t.parent()\r\n\t\t\t\t.addClass('is-active');\r\n\t\t\t// すべて以外の場合は追加要素のフィルタリング\r\n\t\t\tif(target !== 'all') {\r\n\t\t\t\t$appendItems = $appendItems.filter(`[data-cat=\"${target}\"]`);\r\n\t\t\t}\r\n\t\t\t// masonryアイテムの更新\r\n\t\t\t$masonry.masonry('remove', $article)\r\n\t\t\t\t.masonry('layout')\r\n\t\t\t\t.append($appendItems)\r\n\t\t\t\t.masonry('appended', $appendItems);\r\n\t\t\t// article変数の更新\r\n\t\t\t$article = $appendItems;\r\n\t\t});\r\n\t});\r\n}(jQuery));\r\n"]}