https://demonslayer-anime.com/portal/assets/js/kmt_p.common.js

1'use strict';
2function _slicedToArray(arr, i) {
3  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
4}
5function _nonIterableRest() {
6  throw new TypeError('Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.');
7}
8function _iterableToArrayLimit(arr, i) {
9  var _i = arr == null ? null : (typeof Symbol !== 'undefined' && arr[Symbol.iterator]) || arr['@@iterator'];
10  if (_i == null) return;
11  var _arr = [];
12  var _n = true;
13  var _d = false;
14  var _s, _e;
15  try {
16    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
17      _arr.push(_s.value);
18      if (i && _arr.length === i) break;
19    }
20  } catch (err) {
21    _d = true;
22    _e = err;
23  } finally {
24    try {
25      if (!_n && _i['return'] != null) _i['return']();
26    } finally {
27      if (_d) throw _e;
28    }
29  }
30  return _arr;
31}
32function _arrayWithHoles(arr) {
33  if (Array.isArray(arr)) return arr;
34}
35function _createForOfIteratorHelper(o, allowArrayLike) {
36  var it = (typeof Symbol !== 'undefined' && o[Symbol.iterator]) || o['@@iterator'];
37  if (!it) {
38    if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || (allowArrayLike && o && typeof o.length === 'number')) {
39      if (it) o = it;
40      var i = 0;
41      var F = function F() {};
42      return {
43        s: F,
44        n: function n() {
45          if (i >= o.length) return {done: true};
46          return {done: false, value: o[i++]};
47        },
48        e: function e(_e2) {
49          throw _e2;
50        },
51        f: F,
52      };
53    }
54    throw new TypeError('Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.');
55  }
56  var normalCompletion = true,
57    didErr = false,
58    err;
59  return {
60    s: function s() {
61      it = it.call(o);
62    },
63    n: function n() {
64      var step = it.next();
65      normalCompletion = step.done;
66      return step;
67    },
68    e: function e(_e3) {
69      didErr = true;
70      err = _e3;
71    },
72    f: function f() {
73      try {
74        if (!normalCompletion && it.return != null) it.return();
75      } finally {
76        if (didErr) throw err;
77      }
78    },
79  };
80}
81function _unsupportedIterableToArray(o, minLen) {
82  if (!o) return;
83  if (typeof o === 'string') return _arrayLikeToArray(o, minLen);
84  var n = Object.prototype.toString.call(o).slice(8, -1);
85  if (n === 'Object' && o.constructor) n = o.constructor.name;
86  if (n === 'Map' || n === 'Set') return Array.from(o);
87  if (n === 'Arguments' || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
88}
89function _arrayLikeToArray(arr, len) {
90  if (len == null || len > arr.length) len = arr.length;
91  for (var i = 0, arr2 = new Array(len); i < len; i++) {
92    arr2[i] = arr[i];
93  }
94  return arr2;
95}
96function _c(l) {
97  console.log(l);
98}
99
100$(window).on('load', function () {
101  var textEffect = document.querySelectorAll('.js-trigger'); //ターゲットとなる要素を全取得
102  textEffect.forEach(function (target) {
103    gsap.to(target, {
104      scrollTrigger: {
105        trigger: target,
106        start: 'top 70%',
107        toggleClass: {
108          targets: target,
109          className: 'is-active',
110        },
111
112        once: true,
113      },
114    });
115  });
116
117  $('body').addClass('is-in_open');
118});
119
120var navi = {
121  init: function init() {
122    $('.js-open_submenu').click(function () {
123      var open_flg = false;
124      var parent = $(this).parents('.main_navigation-top');
125      parent.find('.js-open_submenu').each(function () {
126        if ($(this).attr('class').indexOf('is_open_sub')) {
127          open_flg = true;
128        }
129      });
130      if ($(this).next().attr('class').indexOf('is_open_sub') > 0) {
131        $(this).next().removeClass('is_open_sub');
132        $(this).removeClass('is_open_sub');
133        open_flg = false;
134      } else {
135        if (open_flg) {
136          $('.main_navigation-submenu').removeClass('is_open_sub');
137          $('.js-open_submenu').removeClass('is_open_sub');
138        }
139        $(this).next().addClass('is_open_sub');
140        $(this).addClass('is_open_sub');
141        open_flg = true;
142      }
143
144      if (open_flg) {
145        $('.main_header').addClass('is-open_submenu');
146      } else {
147        $('.main_header').removeClass('is-open_submenu');
148      }
149    });
150
151    $('.main_navigation-list-has_sub')
152      .on('mouseover', function () {
153        _c('?');
154        $(this).addClass('is-show_sub');
155      })
156      .on('mouseleave', function () {
157        _c('Q');
158        $(this).removeClass('is-show_sub');
159      });
160
161    $('.mian_btn').click(function () {
162      if ($('.main_header').attr('class').indexOf('open_sp') > 0) {
163        $('.main_header').removeClass('is-open_sp');
164      } else {
165        $('.main_header').addClass('is-open_sp');
166      }
167    });
168
169    $('a[href^="#"]').click(function () {
170      var adjust = 0;
171      var speed = 800;
172      var href = $(this).attr('href');
173      var target = $(href == '#' || href == '' ? 'html' : href);
174      var position = target.offset().top + adjust;
175      $('body,html').animate({scrollTop: position}, speed, 'easeOutQuad');
176    });
177    $('.btn_pagetop').click(function () {
178      $('body,html').animate({scrollTop: 0}, 800, 'easeOutQuad');
179    });
180
181    $(window).on('scroll', function () {
182      var st = $(window).scrollTop();
183      if (st > $(window).height() / 4) {
184        $('.btn_pagetop').addClass('is-show');
185      } else {
186        $('.btn_pagetop').removeClass('is-show');
187      }
188    });
189  },
190};
191
192navi.init();
193
194function intRandom(min, max) {
195  return Math.floor(Math.random() * (max - min + 1)) + min;
196}
197
198var visual = {

199  color: ['risshi', 'mugenressha', 'yukaku', 'katana', 'hashira'],
200  loop: [],
201  start: 0,
202  looptimer: '',
203  _r: function _r() {
204    var _this = this;
205    return Math.floor(Math.random() * _this.color.length);
206  },
207  set_color: function set_color(num) {
208    var _this = this;
209
210    _this.loop = [];
211
212    for (var $i = num; $i < _this.color.length; $i++) {
213      _this.loop.push(_this.color[$i]);
214    }
215    if (num > 0) {
216      for (var $j = 0; $j < num; $j++) {
217        _this.loop.push(_this.color[$j]);
218      }
219    }
220  },
221  setImage: function setImage() {
222    var _this = this;
223    //$('.contents_inner').addClass('remove_image');
224    //$('.contents_inner').removeClass('-giyu -shinobu -obanai -sanemi -gyomei -tengen -mitsuri -muichiro');
225
226    for (var $i = 0; $i < _this.color.length; $i++) {
227      $('body').removeClass(_this.color[$i]);
228    }
229    //$('body').removeClass('giyu shinobu obanai sanemi gyomei tengen mitsuri muichiro');
230    //$('.contents_inner').addClass('-'+_this.loop[0]);
231    $('body').addClass(_this.loop[0]);
232  },
233  start_loop: function start_loop() {
234    var _this = this;
235
236    this.looptimer = setInterval(function () {
237      var first = _this.loop.shift();
238
239      _this.loop.push(first);
240
241      _this.setImage();
242    }, 10000);
243  },
244  change: function change(color) {
245    var _this = this;
246
247    var index = _this.color.indexOf(color);
248    this.set_color(index);
249    this.setImage();
250  },
251  init: function init() {
252    var _this = this;
253    this.start = this._r();
254    _this.set_color(this.start);
255
256    $('.contents_inner').addClass('-' + _this.loop[0]);
257    $('body').addClass(_this.loop[0]);
258
259    this.start_loop();
260
261    var randoms = [];
262    var min = 1,
263      max = 8;
264    for (var i = min; i <= max; i++) {
265      while (true) {
266        var tmp = intRandom(min, max);
267        if (!randoms.includes(tmp)) {
268          randoms.push(tmp);
269          break;
270        }
271      }
272    }
273
274    for (var i = 0; i < randoms.length; i++) {
275      $('.footer_vissual__item')
276        .eq(i)
277        .addClass('set_' + randoms[i]);
278    }
279  },
280};
281
282visual.init();
283
284var chara_image = {
285  list: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14],
286  btn: $('#chara_image-bottom'),
287  full: '/anime/portal/assets/img/chara/full/img_chara_full_',
288  half: '/anime/portal/assets/img/chara/half/img_chara_half_',
289  mini: '/anime/portal/assets/img/chara/btn_pagetop/btn_pagetop_chara_',
290  init: function init() {
291    var _iterator = _createForOfIteratorHelper(this.list.entries()),
292      _step;
293    try {
294      for (_iterator.s(); !(_step = _iterator.n()).done; ) {
295        var _step$value = _slicedToArray(_step.value, 2),
296          index = _step$value[0],
297          num = _step$value[1];
298        var tempIndex = Math.floor(Math.random() * this.list.length);
299        var tempNum = this.list[index];
300        this.list[index] = this.list[tempIndex];
301        this.list[tempIndex] = tempNum;
302      }
303    } catch (err) {
304      _iterator.e(err);
305    } finally {
306      _iterator.f();
307    }
308
309    $('#chara_image-bottom').attr({src: this.full + this.list[0] + '.png'});
310    $('#btn_pagetop-chara').attr({src: this.mini + this.list[1] + '.png'});
311
312    if ($('.chara_deco1').length) {
313      $('.chara_deco1').attr({src: this.half + this.list[2] + '.png'});
314      $('.chara_deco2').attr({src: this.half + this.list[3] + '.png'});
315      $('.chara_deco3').attr({src: this.half + this.list[4] + '.png'});
316    }
317  },
318};
319
320chara_image.init();
321
322var Modal = {
323  instance: null,
324  init: function init() {
325    var _this = this;
326    var _template =
327      '' +
328      '<div class="m-modal is-close" id="{{ id }}" data-modal-type>' +
329      '  <div class="m-modal__wrap">' +
330      '    <div class="m-modal__bg" data-modal-ui-close><div class="m_modal__charabg"></div></div>' +
331      '    <div class="m-modal__inner">' +
332      '      <div class="m-modal__content">' +
333      '        {{ content }}' +
334      '      </div>' +
335      '    </div>' +
336      '    <div class="m-modal__close" data-modal-ui-close data-pointer>' +
337      '    </div>' +
338      '  </div>' +
339      '</div>';
340
341    this.instance = new MODAL_MODULE({
342      duration: 400,
343      zIndex: 600,
344      removeWrapperTag: false,
345      defaultModalStyle: false,
346      customModalHtml: _template,
347      customModalStyle: '<style>.m-modal {} </style>',
348      loadStart: false,
349      elemOutputSelector: '.l_modal',
350      elemYoutubePlayerAspectRatio: '16:9',
351      movie: {
352        youtube: {
353          height: '360',
354          width: '640',
355          playerVars: {
356            autoplay: 1,
357            playsinline: 1,
358            controls: 1,
359            disablekb: 0,
360            fs: 1,
361            loop: 0,
362            rel: 0,
363          },
364        },
365      },
366
367      on: {},
368    });
369  },
370};
371
372if ($('[data-modal]').length) {
373  Modal.init();
374}